@import url("animate.css");
@import url("ionicons.min.css");
@import url("themify-icons.css");
@import url("bundle.css");

@font-face {
   font-family: 'SFUFutura';
   src: url('../fonts/SFUFuturaRegular.ttf') format("truetype"),
   url('../fonts/SFUFuturaRegular.woff') format("woff");
   font-display: swap;
}

@font-face {
   font-family: 'SFUFutura Bold';
   src: url('../fonts/SFUFuturaBold.ttf') format("truetype");
   font-display: swap;
}
 
@font-face {
   font-family: 'SFUGaramondSemiBold';
   src: url('../fonts/SFUGaramondSemiBold.ttf') format("truetype"),
   url('../fonts/SFUGaramondSemiBold.otf') format("opentype");
   font-display: swap;
}

body {
	font-family: "Times New Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.6;
}

h1{
	font-family: 'SFUGaramondSemiBold', sans-serif;
}

h2{
	font-family: 'SFUFutura', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
}

h3{
	font-family: "SFUFutura", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
}

h4,
h5,
h6 {
	font-family: "SFUFutura", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.h5{
	font-family: "SFUFutura", "Helvetica Neue", sans-serif;
	color: #656565;
	font-size: 15px;
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;

}

[class*=" col-"],
[class^=col-] {
	padding-left: 15px;
	padding-right: 15px;

}

/*----------- 2. Home page 1 --------*/
/* header area */
.header-area {

	width: 100%;
	z-index: 99;
	transition: all 0.7s ease 0s;
	display: inline-block;
	min-height: 120px;
}

.transparent-bar.stick {
	background-color: #fff;
	border-bottom: 0 solid #4a90e2;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
	position: fixed;
	top: 0;
	width: 100%;
	padding: 15px 0;
	animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
	z-index: 9;
}

.logo,
.language-currency,
.logo-menu-wrapper,
.header-site-icon,
.sticky-logo {
	transition: all 0.7s ease 0s;
}

.stick .language-currency,
.stick .logo {
	display: none;
	transition: all 0.7s ease 0s;
}

.sticky-logo {
	display: none;
	transition: all 0.7s ease 0s;
}

.stick .sticky-logo {
	display: block;
	padding-top: 4px;
}

.stick .logo-menu-wrapper {
	padding-top: 0px;
}

.stick .header-site-icon {
	padding-top: 0;
}

.stick .main-menu ul li a {
	line-height: 60px;
}

.language-currency {
	display: flex;
	padding-top: 53px;
}

.hm-3-padding .language-currency,
.hm-4-padding .language-currency {
	padding-top: 63px;
}

.hm-3-padding .header-site-icon,
.hm-4-padding .header-site-icon {
	padding-top: 64px;
}

.language {
	margin-right: 27px;
}

.mobile-menu-area {
	display: none;
}

/* chosen select option */
.chosen-container-single .chosen-single span {
	color: #666;
	display: block;
	font-size: 12px;
	transition: all .3s ease 0s;
}

.chosen-container-single .chosen-single span:hover {
	color: #efbd74;
}

.chosen-container-single .chosen-single {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	border-radius: 0px;
	box-shadow: none;
	color: #666;
	display: block;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-decoration: none;
	border: none;
}

.chosen-container .chosen-drop {
	background: #fff none repeat scroll 0 0;
	border: medium none;
	box-shadow: none;
	margin-top: 10px;
	width: 100px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.chosen-container-active.chosen-with-drop .chosen-single {
	background-image: none;
	border: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: none;
}

.chosen-container .chosen-single div b::before {
	color: #000000;
	content: "&#1043;&#1087;&#1111;&#1029;&#1074;&#1087;&#1111;&#1029;&#1118;&#1074;&#1026;&#8470;";
	font-family: "themify";
	font-size: 12px;
	margin-left: 2px;
}

.chosen-container .chosen-results {
	padding: 4px;
}

.chosen-container .chosen-drop ul.chosen-results {
	margin: 0;
}

.chosen-container .chosen-drop ul li.highlighted {
	background: #efbd74;
}

/* logo */


.logo-small-device {
	padding-top: 30px;
	display: none;
}

/* menu */
.main-menu{
	padding: 0;
	margin: 0;
	position: relative;
	display: inline-block

}
.main-menu>li{
	display: inline-block;
	margin: 0 15px;
}
.main-menu>li>a{
	color: #5a3b0d;
	font-size: 16px;
	font-weight: bold;
	font-family: 'SFUFutura', sans-serif;
	line-height: 50px;
	text-transform: uppercase;
	
}
.main-menu>li>.sub-menu{
	background: #fff;
	position: absolute;
	width: 300px;
	padding: 0;
	margin: 0;
	text-align: left;
	left: 0px;
	display: none;
	box-shadow: 3px 3px 7px 0px rgba(167, 167, 167, 0.75);
	-webkit-box-shadow: 3px 3px 7px 0px rgba(167, 167, 167, 0.75);
	-moz-box-shadow: 3px 3px 7px 0px rgba(167, 167, 167, 0.75);
	z-index: 9999;
}

.main-menu>li>.sub-menu li{
	padding: 0;
}
.main-menu>li>.sub-menu li .row{
	background: #fff;
	position: absolute;
	width: 300px;
	top: 0;
	left: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
	display: none;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);

}
.main-menu>li>.sub-menu li .icc{
	position: absolute;
	top:7px;
	right: 15px;
}
.main-menu>li>.sub-menu li:hover .row{
	display: block;

}
.main-menu>li>.sub-menu.megamenu li .row{
	display: block;
	position: relative;
	width: auto;
	box-shadow: none;
	left: 0
}
.main-menu>li>.sub-menu.megamenu .icc{
	display: none
}
.main-menu>li>.sub-menu li a{
	padding: 8px 10px;
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	border-bottom: 1px solid #eee;
	font-family: 'SFUFutura', sans-serif;
}

.main-menu>li>.sub-menu li:last-child a{
	border: none;
}

.main-menu>li>.sub-menu.megamenu{
	width: auto;
	padding: 20px;
	z-index: 999;
}
.main-menu>li:hover .sub-menu{
	display: block;
}
.main-menu>li:hover .sub-menu.megamenu{
	display: flex;
	min-width: 800px;
	left: 0;
}

.main-menu>li>.sub-menu.megamenu li.col-md-8{
	white-space: nowrap;
	width: 33.33333333%;
	
}.main-menu>li>.sub-menu.megamenu li.col-md-6{
	white-space: nowrap;
	width: 25%;
	
}

.main-menu>li>.sub-menu.megamenu>li{
	width: 33.3333%;
}

.main-menu>li>.sub-menu.megamenu li a{
	display: inline-block;
	padding: 6px;
	border: none;
}
.main-menu>li>.sub-menu.megamenu>li>a{
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	border: none;
}
.main-menu>li>.sub-menu.megamenu>li ul{
	margin: 0;
	padding: 0;
}
.main-menu>li>.sub-menu.megamenu>li ul li{
	padding:0;
	margin: 0;
	width: 100%;
	display: block;

}
.relative{
	position: relative;
}
/* cart search login */
.header-site-icon {
	line-height: 40px;
}

.same-style {
	margin-left: 16px;
	display: inline-block;
}



.same-style button,
.same-style a {
	background-color: transparent;
	border: medium none;
	color: #666666;
	font-size: 20px;
	cursor: pointer;
	position: relative;
}

.same-style button:hover,
.same-style a:hover {
	color: #efbd74;
}

.header-cart button span {
	font-size: 11px;
	position: absolute;
	right: -1px;
	top: 3px;
	display: inline-block;
	width: 17px;
	height: 17px;
	background-color: #efbd74;
	color: #fff;
	text-align: center;
	line-height: 16px;
	border-radius: 50px;
}

/* header cart */

.sidebar-cart {
	background: #ffffff none repeat scroll 0 0;
	color: #353535;
	min-height: 100vh;
	position: fixed;
	right: -480px;
	top: 0;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	width: 480px;
	z-index: 9999;
}

.wrap-sidebar {
	height: 100vh;
	margin: 0;
	overflow-y: auto;
	padding: 45px 46px 0;
	width: 100%;
}

.sidebar-cart-all {
	padding-bottom: 39px;
}

.sidebar-cart.inside {
	right: 0px;
}

.sidebar-cart-icon,
.sidebar-nav-icon {
	display: block;
	margin-bottom: 14px;
	overflow: hidden;
}

.sidebar-cart-icon button,
.sidebar-nav-icon button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #303030;
	cursor: pointer;
	float: right;
	font-size: 27px;
	padding: 0;
	transition: all 0.3s ease 0s;
}

.sidebar-cart-icon button:hover,
.sidebar-search-icon button:hover,
.sidebar-search-input form .form-search button:hover,
.sidebar-nav-icon button:hover {
	color: #efbd74;
}

.cart-content>h3 {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
}

.cart-content ul li.single-product-cart {
	display: flex;
	margin-bottom: 27px;
}

.cart-img img {
	width: 100%;
	height: auto;
}

.cart-content ul li.single-product-cart:last-child {
	margin-bottom: 0px;
}
.single-product-cart .cart-img{

	width: 150px;
	height: 150px;
}
.cart-title>a {
	color: #646464 !important;
	font-size: 16px !important;
	font-weight: 400;
	margin-bottom: 12px;
}

.cart-title>span {
	color: #efbd74;
	font-weight: 600;
}

.cart-title {
	margin: 0px 0 18px 30px;
}

.cart-delete {
	display: flex;
	flex-grow: 100;
	justify-content: flex-end;
}

.cart-delete a i {
	color: #4b4b4b;
	display: inline-block;
	font-size: 17px;
	line-height: 1;
	margin-top: 4px;
}

.cart-delete a i:hover {
	color: #efbd74;
}

.cart-content ul {
	margin: 0;
	margin-top: 47px;

}

.cart-total {
	border-top: 1px solid #e3e3e3;
	margin-top: 29px;
	padding-top: 17px;
	text-align: right;
	width: 100%;
}

.cart-total .total {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.cart-total .total span {
	color: #efbd74 !important;
	font-size: 18px !important;
	font-weight: 600 !important;
}

.cart-checkout-btn>a.no-mrg {
	margin-right: 0px;
}

.cart-checkout-btn {
	margin-top: 13px;
	text-align: right;
}

.wrapper .body-overlay {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	cursor: crosshair;
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: all 0.5s ease-in-out 0s;
	visibility: hidden;
	width: 100%;
	z-index: 99;
}

.wrapper.overlay-active .body-overlay {
	opacity: 1;
	visibility: visible;
}

.btn-style.cart-btn-style {
	letter-spacing: 1px;
	padding: 12px 28px 15px !important;
	border-radius: 12px;
}

.btn-hover:hover {
	color: white;
}

.btn-hover {
	position: relative;
}

/* search */
.main-search-active {
	background: rgba(0, 0, 0, 0.92) none repeat scroll 0 0;
	color: #353535;
	display: flex;
	justify-content: center;
	min-height: 100vh;
	padding: 32px 46px 39px;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateX(110%);
	transition: transform 0.5s ease-in-out 0s;
	width: 100%;
	z-index: 9999;
}

.main-search-active.inside {
	transform: translateX(0px);
	z-index: 9999;
}

.sidebar-search-input {
	padding: 300px 0 0;
}

.sidebar-search-input form .form-search {
	position: relative;
}

.sidebar-search-input form .form-search input {
	background-color: transparent;
	border-color: #dadada;
	border-style: solid;
	border-width: 0 0 1px;
	color: #fff;
	display: block;
	font-size: 17px;
	height: 62px;
	line-height: 62px;
	padding: 0 40px 0 0;
	width: 800px;
}

.sidebar-search-input form .form-search button {
	background-color: transparent;
	border: medium none;
	color: #dadada;
	cursor: pointer;
	font-size: 25px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 18px;
	transition: all 0.3s ease 0s;
}

.sidebar-search-icon {
	display: block;
	float: right;
	overflow: hidden;
	position: absolute;
	right: 375px;
}

.sidebar-search-icon button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	cursor: pointer;
	font-size: 35px;
	line-height: 1;
	padding: 0;
	transition: all 0.3s ease 0s;
}

.sidebar-search-input form .form-search input::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.sidebar-search-input form .form-search input::-webkit-placeholder {
	color: #fff;
	opacity: 1;
}

/* slider */
.slider-1 {
	padding: 285px 0 122px;
}

.slider-content {
	margin-top: 180px;
}

.slider-single-img {
	overflow: hidden;
}

.slider-single-img>img {
	float: right;
	max-width: 100%;
	padding-left: 60px;
}

.slider-content h2 {
	color: #303030;
	font-size: 60px;
	font-weight: 500;
	margin: 0;
}

.slider-content h2 span {
	color: #efbd74;
}

.slider-content p {
	color: #787878;
	font-size: 16px;
	margin: 10px 0 21px;
	width: 90%;
}

a.slider-btn {
	color: #303030;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
}

a.slider-btn:hover {
	color: #efbd74;
}

a.slider-btn::before {
	background: #efbd74 none repeat scroll 0 0;
	bottom: -5px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	transition: all 0.3s ease-in-out 0s;
	width: 0;
}

a.slider-btn:hover::before {
	width: 100%;
}

/* Default Slider Animations */
.owl-item .slider-content * {
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.owl-item.active .slider-content * {}

.owl-item.active .slider-animated-1 h5 {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-1 h2 {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-1 p {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-1 img {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

.owl-item.active .slider-animated-1 a {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

/* Slider Animations 2 */

.owl-item.active .slider-animated-2 h2 {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.owl-item.active .slider-animated-2 h5 {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.owl-item.active .slider-animated-2 p {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.owl-item.active .slider-animated-2 img {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.owl-item.active .slider-animated-2 a {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

/* Slider Animations 3 */
.owl-item.active .slider-animated-3 h2 {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

.owl-item.active .slider-animated-3 a {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

/* Slider Animations 4 */
.owl-item.active .slider-animated-4 h2 {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-4 a {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

/* banner style */

.banner-wrapper {
	position: relative;

}

.box-shadow {
	box-shadow: 3px 3px 7px 0px rgba(167, 167, 167, 0.75);
	-webkit-box-shadow: 3px 3px 7px 0px rgba(167, 167, 167, 0.75);
	-moz-box-shadow: 3px 3px 7px 0px rgba(167, 167, 167, 0.75);
}

.banner-border-2::before {
	border: 1px solid #efbd74;
	content: "";
	height: 100%;
	right: -10px;
	position: absolute;
	top: 10px;
	width: 100%;
	transition: all .4s ease 0s;
	pointer-events: none;
}

.banner-border:hover::before {
	left: 0px;
	top: 0px;
}


.banner-img img {
	width: 100%;
}

.hm1-banner .row {
	margin-left: -10px;
	margin-right: -10px;
}

.hm1-banner .row div[class^="col-"] {
	padding-left: 10px;
	padding-right: 10px;
}

.banner-position-center-right {
	left: 20px;
	right: 20px;
	padding: 10px;
	position: absolute;
	bottom: 20px;
}

.banner-position-center-left {
	left: 0;
	padding: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.banner-position-top {
	left: 0;
	padding: 35px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	pointer-events: none;
}

.banner-position-bottom {
	bottom: 0;
	left: 0;
	padding: 33px;
	position: absolute;
	right: 0;
	text-align: center;
	pointer-events: none;
}

.banner-content-style1>h2 {
	color: #fff;
	font-size: 25px;
	font-weight: 400;
	margin: 0;
	text-shadow: 0px 0px 10px #000;
	text-transform: uppercase;
	text-align: center;
}

.banner-content-style2>h3 {
	color: #646161;
	font-size: 18px;
	margin-bottom: 4px;
}

.banner-content-style2>h2 {
	color: #646161;
	font-size: 24px;
	font-size: 24px;
	font-weight: 500;
	margin: 0;
}

.banner-content-style2 h2>span {
	color: #efbd74;
}

.banner-content-style3>h3 {
	color: #5d5d5d;
	font-size: 23px;
	margin: 0;
}

.banner-content-style4>h3 {
	color: #efbd74;
	font-size: 30px;
	font-weight: 500;
	margin: 0;
}

.banner-wrapper:hover .banner-content-style1>h2,
.banner-wrapper:hover .banner-content-style2>h2,
.banner-wrapper:hover .banner-content-style4>h3 {
	animation: 700ms ease-in-out 0s normal none 1 running fadeInUp;
}

.banner-wrapper:hover .banner-content-style2>h3,
.banner-wrapper:hover .banner-content-style3>h3 {
	animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
}

/* section title */
.section-title.text-center>h2 {
	color: #000000;
	display: inline-block;
	font-size: 29px;
	font-family: 'SFUGaramondSemiBold', serif;
	font-weight: 700;
	line-height: 1;
	margin: 0;
	position: relative;
	margin-top: 40px;
	text-transform: uppercase;
}

/* product area */
.product-tab-list {
	display: flex;
	justify-content: center;
}

.product-tab-list a {
	/*position: relative; */
}

.product-tab-list a h4 {
	color: #fff;
	margin: 0 22px;
	transition: all .3s ease 0s;
	border: 1px solid #E5834D;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	display: inline-block;
	padding: 5px 10px;
	font-weight: 400;
	background-color: #eb8e06;
	font-family: "Times New Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

.product-tab-list a::before {
	background-color: #2b2b2b;
	content: "";
	height: 1px;
	position: absolute;
	right: -4px;
	top: 7px;
	transition: all 0.4s ease 0s;
	width: 5px;
}

.product-tab-list a:last-child::before {
	display: none;
}

.product-tab-list a.active h4,
.product-tab-list a h4:hover {
	color: #5a3b0d;
}

.product-wrapper,
.product-img {

	position: relative;
}

.product-img {
	padding-top: 100%;
}

.product-img img {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	object-fit: cover;
}

.product-action {
	bottom: 0px;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: center;
	transition: all 0.6s ease 0s;
}

.product-wrapper:hover .product-action {
	bottom: 20px;
	opacity: 1;
}

.product-content {
	padding: 5px 10px;
}

.product-content>h4 {
	color: #646464;
	font-size: 16px;
	margin: 0;
}

.product-content>h4 a {
	color: #646464;
}

.product-content>h4 a:hover,
.product-action-style>a:hover {
	color: #efbd74;
}

.product-rating {
	text-align: right;
}

.product-rating i {
	color: #FFC107;
	font-size: 16px;
	margin: 0 1px;
}

.product-price>span.old {
	font-size: 11px;
	font-weight: 400;
	text-decoration: line-through;
	color: #EC6A3A;
	position: ABSOLUTE;
    top: -10px;
}

.product-price>span {
	color: #d38109;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	margin: 0 2px;
}

.product-action-style {
	background-color: #fff;
	box-shadow: 0 0 8px 1.7px rgba(0, 0, 0, 0.06);
	display: inline-block;
	padding: 16px 2px 12px;
}

.product-action-style>a {
	color: #979797;
	line-height: 1;
	padding: 0 21px;
	position: relative;
}

.product-action-style>a.action-plus {
	font-size: 18px;
}

.product-action-style>a.action-heart {
	font-size: 16px;
}

.product-action-style>a.action-cart {
	font-size: 20px;
	position: relative;
	top: 2px;
	cursor: pointer;
}

.product-action-style>a::before {
	background: #d2d2d2 none repeat scroll 0 0;
	content: "";
	height: 28px;
	position: absolute;
	right: 2px;
	top: -5px;
	width: 1px;
}

.product-action-style>a:last-child::before {
	display: none;
}

.product-img>span {
	background-color: #fff;
	box-shadow: 0 0 8px 1.7px rgba(0, 0, 0, 0.06);
	color: #333;
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	left: 20px;
	letter-spacing: 1px;
	padding: 3px 12px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 20px;
}

.product-img img {
	transition: all 1.5s ease 0s;
	width: 100%;
}

.product-wrapper:hover .product-img img {
	transform: scale(1.2);
}

/* banner style */
.banner-content-5 {
	padding: 20px 100px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.banner-content-5>h4 {
	color: #efbd74;
	font-family: "Painter PERSONAL USE ONLY";
	font-size: 24px;
	margin: 0;
}

.banner-content-5>h2 {
	color: #444444;
	font-size: 36px;
	line-height: 31px;
	margin: 8px 0 7px;
}

.banner-content-5>h3 {
	color: #444444;
	font-size: 24px;
	margin-bottom: 39px;
}

.banner-btn {
	color: #414141;
	display: inline-block;
	font-weight: 500;
	position: relative;
}

.banner-btn:hover {
	color: #efbd74;
}

.banner-btn:before {
	background: #414141 none repeat scroll 0 0;
	bottom: -6px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	transition: all 0.3s ease-in-out 0s;
	width: 100%;
}

.banner-btn:hover:before {
	background: #efbd74 none repeat scroll 0 0;
}

.overflow {
	overflow: hidden;
}

.banner-wrapper.overflow a img,
.banner-img a img {
	transition: all 0.3s ease 0s;
	width: 100%;
}

.banner-wrapper.overflow:hover a img {
	transform: scale(1.1);
}

.banner-img.overflow:hover a img {
	transform: scale(1.05);
}

/* new collection */

.single-new-collection {
	position: relative;
}

.new-collection-content {
	left: 0;
	padding: 41px 20px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
}

.new-collection-content>h2 {
	color: #5d5d5d;
	font-size: 23px;
	margin-bottom: 14px;
}

.new-collection-content .btn-style {
	padding: 8px 14px;
}

.owl-dots {
	margin-top: -35px;
	text-align: center;
	z-index: 9;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
}

.new-collection-slider .owl-dot {
	background: #5a5a5a none repeat scroll 0 0;
	border-radius: 50%;
	display: inline-block;
	height: 13px;
	margin: 0 6px;
	width: 13px;
}

.new-collection-slider .owl-dot.active {
	background: #efbd74 none repeat scroll 0 0;
}

/* dealy area*/
.dealy-mrg {
	margin: 0 20px;
}

.dealy-product-content-center {
	align-items: center;
	display: flex !important;
	justify-content: center;
	text-align: center;
}

.dealy-product-content>h3 {
	color: #646464;
	font-size: 30px;
	margin: 0;
}

.dealy-product-content>h3 a {
	color: #646464;
}

.dealy-rating i {
	color: #efbd74;
	font-size: 24px;
	margin: 0 3px;
}

.dealy-price>span {
	color: #646464;
	font-size: 30px;
	font-weight: 500;
	margin: 0 6px;
}

.dealy-price>span.old {
	color: #b3b3b3;
	font-size: 24px;
	font-weight: 400;
	text-decoration: line-through;
}

.dealy-of-product-area {
	padding: 36px 0;
	overflow: hidden;
}

.timer span {
	color: #646464;
	display: inline-block;
	font-size: 48px;
	line-height: 1;
	margin: 0 15px;
	position: relative;
}

.timer span p {
	display: none;
}

.timer span.cdown::before {
	background-color: #646464;
	content: "";
	height: 6px;
	position: absolute;
	right: -19px;
	top: 16px;
	width: 6px;
	z-index: 99;
}

.timer span.cdown::after {
	background-color: #646464;
	bottom: 9px;
	content: "";
	height: 6px;
	position: absolute;
	right: -19px;
	width: 6px;
	z-index: 99;
}

.dealy-rating {
	margin: 13px 0 8px;
}

.timer {
	margin: 24px 0 33px;
}

/* blog */

.blog-padding .container-fluid,
.footer-padding .container-fluid,
.services-padding .container-fluid {
	padding: 0 310px;
}

.hm-blog .row {
	margin-left: -20px;
	margin-right: -20px;
}

.hm-blog .row div[class^="col-"] {
	padding-left: 20px;
	padding-right: 20px;
}

.blog-hm-content>h3 {
	color: #636262;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	margin: 0;
}
.blog-hm-content ul{
	margin: 0;
}
.blog-hm-content .des{
	word-wrap: break-word;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 17px;
}
.blog-hm-content>h3 a {
	color: #636262;
	font-weight: 600;
}

.blog-meta li {
	display: inline-block;
	margin-right: 10px;
	color: #797979;
	font-size: 13px;
	text-transform: capitalize;
}

.blog-meta li a:hover,
.blog-hm-content>h3 a:hover {
	color: #efbd74;
}

.blog-meta li span {
	color: #585858;
	font-weight: 500;
	margin-right: 4px;
}

.blog-meta li:last-child {
	margin-right: 0px;
}

.blog-meta {
	margin: 0px 0 10px;
}

.blog-hm-content>p {
	margin: 0;
}

.blog-img {
	margin-bottom: 12px;
	overflow: hidden;
	position: relative;
	box-shadow: 3px 3px 7px 0px rgba(167, 167, 167, 0.75);
	-webkit-box-shadow: 3px 3px 7px 0px rgba(167, 167, 167, 0.75);
	-moz-box-shadow: 3px 3px 7px 0px rgba(167, 167, 167, 0.75);
	padding-top: 75%;
}

.blog-img img {
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	position: absolute;
	object-fit: cover
}

/* footer */

.footer-widget-title>h3 {
	color: #505050;
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0;
}

.food-address {
	display: flex;
	margin-bottom: 16px;
}

.food-address:last-child,
.quick-link li:last-child,
.single-twitter:last-child {
	margin-bottom: 0px;
}

.food-info-icon i {
	color: #2e2e2e;
	font-size: 20px;
	margin-top: -2px;
	display: inline-block;
}

.food-info-content>p {
	color: #808080;
	line-height: 23px;
	margin: 0;
}

.food-info-content>p a {
	color: #808080;
}

.food-info-icon {
	margin-right: 20px;
}

.quick-link li a {
	color: #808080;
}

.quick-link li {
	margin-bottom: 9px;
}

.single-twitter {
	display: flex;
	margin-bottom: 8px;
}

.twitter-icon {
	margin-right: 20px;
}

.twitter-icon i {
	color: #434444;
	font-size: 20px;
}

.twitter-content>p {
	color: #808080;
	margin: 0;
}

.twitter-content>p a {
	color: #808080;
}

.twitter-content>p a.link1 {
	color: #393939;
}

.twitter-content>p a.link2,
.quick-link li a:hover,
.food-info-content>p a:hover,
.twitter-content>p a:hover {
	color: #efbd74;
}

.twitter-content>p a.link2:hover {
	color: #333;
}

.footer-widget-title {
	margin-bottom: 23px;
}

.copyright>p {
	margin: 0;
	color: #767676;
	margin-top: 3px;
}

.copyright>p a {
	color: #555;
}

.copyright>p a:hover {
	color: #efbd74;
}

.footer-payment-method {
	margin-top: 2px;
	float: right;
}

/* modal style */

.modal-body {
	padding: 50px;
}

.modal-dialog {
	margin: 150px auto;
	min-width: 600px;
}

.quick-view-tab-content .tab-pane>img {
	width: 100%;
}

.quick-view-list {
	margin-top: 10px;
}

.quick-view-list a {
	margin-right: 10px;
	margin-bottom: 10px;
}

.quick-view-list a:last-child {
	margin-right: 0px;
}

.qwick-view-left {
	flex: 0 0 320px;
	margin-right: 30px;
}

.quick-view-tab-content .tab-pane>img {
	flex: 0 0 320px;
}

.quick-view-list a img {
	flex: 0 0 100px;
}

.modal-content {
	border-radius: 0rem;
}

.qwick-view-content>h3 {
	color: #646464;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
}

.price span {
	color: #707070;
	font-size: 18px;
	font-weight: 400;
}

.price span.new {
	color: #efbd74;
	margin-right: 12px;
}

.price span.old {
	color: #707070;
	text-decoration: line-through;
}

.quick-view-rating i {
	color: #000000;
	font-size: 18px;
	margin-right: 5px;
}

.quick-view-rating i.red-star {
	color: #efbd74;
}

.rating-number {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 30px;
}

.quick-view-number>span {
	color: #808080;
	display: block;
	font-size: 14px;
	margin: 3px 0 0 10px;
}

.qwick-view-content>p {
	color: #807f7f;
	margin-bottom: 25px;
}

.select-option-part label {
	color: #646464;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 14px;
}

.select-option-part {
	margin-bottom: 35px;
}

.select-option-part select {
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 1px solid #dcdcdc;
	box-shadow: none;
	color: #828282;
	font-size: 14px;
	height: 43px;
	padding-left: 20px;
	position: relative;
	width: 100%;
	background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/1.png") no-repeat scroll right 20px center;
}

.qtybutton {
	color: #727272;
	cursor: pointer;
	float: left;
	font-size: 16px;
	font-weight: 600;
	height: 20px;
	line-height: 20px;
	position: relative;
	text-align: center;
	width: 20px;
}

input.cart-plus-minus-box {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	float: left;
	font-size: 16px;
	height: 25px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 25px;
}

.cart-plus-minus *::-moz-selection {
	background: transparent none repeat scroll 0 0;
	color: #333;
	text-shadow: none;
}

.cart-plus-minus {
	border: 1px solid #dcdcdc;
	overflow: hidden;
	padding: 12px 0 7px 5px;
	width: 80px;
	height: 46px;
}

.quickview-plus-minus {
	display: flex;
	justify-content: flex-start;
	padding-top: 5px;
}

.quickview-btn-cart>a {
	padding: 14px 35px;
}

.quickview-btn-wishlist>a {
	border: 1px solid #dcdcdc;
	color: #727272;
	display: inline-block;
	font-size: 22px;
	padding: 7px 18px 5px;
	z-index: 9;
}

.quickview-btn-wishlist>a:hover {
	border: 1px solid transparent;
}

.quickview-btn-wishlist a {
	overflow: hidden;
}

.quickview-btn-cart {
	margin: 0 30px;
}

.qtybutton.inc {
	margin-top: 2px;
}

.price {
	margin: 9px 0 8px;
}

#exampleModal .close,
#exampleCompare .close {
	color: #fff;
	float: right;
	font-size: 50px;
	font-weight: 700;
	line-height: 1;
	opacity: 1;
	position: absolute;
	right: 370px;
	text-shadow: 0 1px 0 #fff;
	top: 32px;
	transition: all .3s ease 0s;
	cursor: pointer;
}

#exampleModal .close:hover,
#exampleCompare .close:hover {
	color: #efbd74;
}

.modal-backdrop.show {
	opacity: 0.8;
}

.modal-content .close:hover {
	color: #efbd74;
}

.modal-open .modal {
	z-index: 99999;
}

.modal-backdrop.show {
	z-index: 9999;
}

/*---------- 3. Home page 2 ---------*/

/* sidebar menu */
.menu-icon {
	margin-right: 25px;
}

.menu-icon>button {
	border: medium none;
	padding: 0;
	border: 2px solid #878787;
	color: #878787;
	display: inline-block;
	font-size: 22px;
	line-height: 1;
	padding: 0 6px;
	cursor: pointer;
	background-color: transparent;
}

.menu-close {
	position: absolute;
	right: 50px;
	top: 52px;
}

.menu-close button {
	background-color: #efbd74;
	border: medium none;
	color: #fff;
	font-size: 28px;
	line-height: 1;
	padding: 3px 11px;
	cursor: pointer;
}

.menu-close button:hover {
	background-color: #333;
}

.sidebarmenu-wrapper {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
	height: 100%;
	left: -500px;
	overflow-y: auto;
	padding: 155px 50px 15px 50px;
	position: fixed;
	top: 0;
	transition: all 0.4s ease 0s;
	width: 350px;
	z-index: 9999;
}

.sidebarmenu-style nav.menu ul li {
	display: block;
}

.sidebarmenu-style nav.menu ul li a {
	color: #797979;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	padding: 18px 0;
	text-transform: uppercase;
	display: block;
}

.sidebarmenu-style nav.menu ul li:hover>a {
	color: #efbd74;
}

.sidebarmenu-style nav.menu ul li ul {
	padding-left: 16px;
}

.sidebarmenu-style nav.menu ul li ul li.sub-style a {
	font-weight: 500;
	text-transform: uppercase;
}


.sidebarmenu-style nav.menu ul li ul li a,
.sidebarmenu-style nav.menu ul li ul li.sub-style ul li a {
	font-size: 14px;
	font-weight: 400;
	padding: 8px 0;
	text-transform: capitalize;
	color: #797979;
}

.sidebarmenu-style nav.menu ul li ul li.active a,
.sidebarmenu-style nav.menu ul li ul li.sub-style ul li.active a {
	color: #efbd74;
}

.sidebarmenu-style nav.menu ul li ul li.sub-style ul li a:hover {
	color: #efbd74;
}

.sidebarmenu-style nav.menu ul li ul li.sub-style>a>i {
	margin-left: 5px;
}

.newsletter-title {
	color: #333;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin-bottom: 15px;
	position: relative;
	text-transform: uppercase;
}

.newsletter-title p {
	color: #666;
	margin: 0;
}

.newsletter-title::before {
	background-color: #efbd74;
	bottom: -8px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 59px;
}

.newsletter-area {
	margin-top: 35px;
}

.subscribe-form form {
	position: relative;
}

.subscribe-form form input {
	background-color: #f7f7f7;
	border: medium none;
	color: #333;
	font-size: 13px;
	font-weight: 400;
	padding: 0 57px 0 15px;
}

.subscribe-form form input::-moz-placeholder {
	color: #7d7d7d;
	opacity: 1;
}

.mc-form .mc-news {
	left: -5000px;
	position: absolute;
}

.subscribe-form .clear input {
	background-color: #efbd74;
	border: medium none;
	padding: 0 15px;
	text-indent: -99999px;
	width: 50px;
}

.subscribe-form .clear input.button {
	border: medium none;
}

.subscribe-form .clear input:hover {
	background-color: #222;
	border-radius: none;
}

.mc-form .clear {
	background-color: #efbd74;
	bottom: 0;
	display: inline-block;
	position: absolute;
	right: 0;
	z-index: 999999;
}

.mc-form .clear::before {
	color: #fff;
	content: "&#1043;&#1031;&#1074;&#1026;&#1087;&#1111;&#1029;&#1042;&#1110;";
	font-family: "Ionicons";
	font-size: 30px;
	position: absolute;
	right: 16px;
	top: 1px;
	z-index: 9;
	pointer-events: none;
}

.follow-icon ul li {
	display: inline-block;
	margin-right: 10px;
}

.follow-icon ul li:last-child {
	margin-right: 0px;
}

.follow-icon ul li a {
	color: #efbd74;
	display: inline-block;
	font-size: 17px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	background-color: transparent;
	border: 1px solid #efbd74;
}

.follow-icon ul li.facebook a:hover {
	background-color: #3b5998;
	color: #fff;
	border: 1px solid #3b5998;
}

.follow-icon ul li.twitter a:hover {
	background-color: #1da1f2;
	color: #fff;
	border: 1px solid #1da1f2;
}

.follow-icon ul li.instagram a:hover {
	background-color: #c32aa3;
	color: #fff;
	border: 1px solid #c32aa3;
}

.follow-icon ul li.tumblr a:hover {
	background-color: #35465d;
	color: #fff;
	border: 1px solid #35465d;
}

.follow-icon {
	margin-top: 29px;
}

/* slider home2 */
.slider-2 {
	padding: 223px 0 164px;
}

.slider-content-2 h5 {
	color: #3e3e3e;
	font-size: 14px;
	margin: 0;
	text-transform: uppercase;
}

.slider-content-2 h2 {
	color: #3e3e3e;
	font-family: "Playfair Display", serif;
	font-size: 72px;
	font-weight: bold;
	line-height: 80px;
	margin: 37px 0 41px;
	text-transform: capitalize;
}

.slider-single-img-2 {
	overflow: hidden;
}

.slider-single-img-2 img {
	padding: 0 34px 0 68px;
}

.menu-icon.menu-icon-none {
	display: none;
}

.stick .menu-icon.menu-icon-none {
	display: block;
}

.stick .menu-icon>button {
	margin-top: 11px;
}

.header-2.stick .sticky-logo {
	padding-top: 0;
}

.header-2.stick .header-site-icon {
	padding-top: 12px;
}

/* banner */

.banner-position-6 {
	bottom: 0;
	left: 0;
	position: absolute;
}

.banner-position-7 {
	padding: 10px;
	position: absolute;
	right: 100px;
	top: 70px;
}

.banner-content-6>h2 {
	color: #000000;
	font-size: 58px;
	font-weight: 900;
	line-height: 65px;
	margin-bottom: 72px;
	opacity: 0.15;
	text-align: right;
}

.banner-content-6>a {
	color: #3e3e3e;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.5px;
	padding-left: 15px;
	position: relative;
}

.banner-content-6>a:hover {
	color: #efbd74;
}

.banner-content-6>a::before {
	background-color: #efbd74;
	content: "";
	height: 13px;
	left: 0;
	position: absolute;
	top: 3px;
	width: 4px;
}

.banner-content-6>h5 {
	color: #efbd74;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 14px;
}

.banner-content-6>h3 {
	color: #363636;
	font-size: 30px;
	line-height: 40px;
	font-family: 'Playfair Display', serif;
	margin: 0;
	font-weight: 400;
}

/* product2 */

.section-title-2>h2 {
	color: #292929;
	font-size: 36px;
	font-weight: 500;
	line-height: 29px;
}

.product-padding .container-fluid {
	padding: 0 338px;
}

.product-wishlist {
	position: absolute;
	right: 30px;
	top: 30px;
}

.product-action-2 {
	bottom: 20px;
	display: flex;
	justify-content: center;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	transition: all 0.4s ease 0s;
}

.product-action-2 a {
	background-color: #fff;
	box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
	color: #666666;
	display: inline-flex;
	height: 44px;
	justify-content: center;
	margin: 0 7.5px;
	padding: 7px 0;
	width: 53px;
	transition: all 0.3s ease 0s;
	transform: scale(0);
}

.product-img .product-action-2 a:nth-child(1) {
	transition: all 0.3s ease .2s;
}

.product-img .product-action-2 a:nth-child(2) {
	transition: all 0.4s ease 0.3s;
}

.product-img .product-action-2 a:nth-child(3) {
	transition: all 0.5s ease 0.4s;
}

.product-wrapper:hover .product-img .product-action-2 a {
	transform: scale(1);
}

.product-action-2 a:hover {
	background-color: #efbd74;
	color: #fff;
}

.product-action-2 a.action-plus-2 {
	font-size: 18px;
}

.product-action-2 a.action-cart-2 {
	font-size: 20px;
}

.product-action-2 a.action-reload {
	font-size: 17px;
}

.product-action-2 a i {
	display: block;
	line-height: 30px;
}

.product-price-2>span {
	color: #646464;
	display: block;
	font-size: 16px;
	margin-top: 8px;
}

.product-wishlist>a {
	color: #000000;
	font-size: 16px;
}

.product-wishlist>a:hover {
	color: #efbd74;
}

.banner-content-7 {
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
}

.banner-content-7>img {
	transition: all 0.3s ease 0s;
}

.banner-content-7>h2 {
	color: #ffffff;
	font-size: 48px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 20px 0 27px;
}

.banner-btn-2 {
	background-color: #fff;
	border-radius: 50px;
	color: #3e3e3e;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	padding: 8px 24px 10px;
	position: relative;
	overflow: hidden;
}

.banner-btn-2:hover {
	color: #fff;
}

.section-title-2>p {
	color: #707070;
	font-size: 16px;
	margin: 0;
}

.testimonials-area .container-fluid {
	padding: 0px 30px;
}

.single-testimonial>p {
	color: #666666;
	line-height: 30px;
	margin: 32px auto 0;
	width: 51%;
}

.single-testimonial>h4 {
	color: #666666;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1.5px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.single-testimonial>span {
	color: #747171;
	font-size: 14px;
	font-weight: 400;
}

.testimonial-icon {
	margin: 25px 0 24px;
}

.testimonial-icon i {
	color: #666666;
	font-size: 26px;
}

.owl-carousel .owl-item .single-testimonial img {
	display: block;
	margin: 0 auto;
	width: auto;
}

.testimonial-active {
	position: relative;
}

.testimonial-active.owl-carousel .owl-nav div {
	left: 300px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	color: #8d8c8c;
	opacity: 0;
	transition: all .3s ease 0s;
}

.testimonial-active.owl-carousel .owl-nav div:hover {
	color: #000;
}

.testimonial-active:hover .owl-nav div {
	opacity: 1;
}

.testimonial-active.owl-carousel .owl-nav div.owl-next {
	left: auto;
	right: 300px;
}

/* services h2 */

.services-wrapper {
	display: flex;
	justify-content: space-between;
}

.single-services {
	display: flex;
}

.services-icon {
	margin-right: 20px;
}

.services-text>h5 {
	color: #111;
	font-size: 15px;
	font-weight: 700;
	font-family: unset;
	text-transform: uppercase;
}

.services-text>p {
	color: #4f4e4e;
	font-weight: 500;
	line-height: 24px;
	margin: 0;
}

a.cr-btn b,
button.cr-btn b {
	background: rgba(25, 25, 25, 1) none repeat scroll 0 0;
	border-radius: 50%;
	bottom: 0;
	display: block;
	height: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(-50%, -50%);
	transition: width 0.6s ease-in-out 0s, height 0.6s ease-in-out 0s;
	width: 0;
	z-index: 1;
}

a.cr-btn:hover b,
button.cr-btn:hover b {
	height: 500px;
	width: 500px;
}

.btn-style:hover {
	border: 0px solid #efbd74;
	color: #ffffff;
}

/* Compare style */

.modal-compare-width {
	max-width: 900px;
}

.table-content.compare-style th a span {
	color: #050035;
	display: inline-block;
	font-weight: 600;
	line-height: 0.81em;
	margin: 0;
	text-align: center;
}

.table-content.compare-style th p {
	color: #383838;
	font-size: 16px;
	margin: 0;
	text-transform: capitalize;
}

.table-content.compare-style th a {
	text-transform: capitalize;
	font-size: 14px;
	color: #333;
}

.table-content.compare-style th a:hover {
	color: #efbd74;
}

.table-content.compare-style th a span {
	color: #050035;
	display: inline-block;
	font-size: 1em;
	font-weight: 600;
	line-height: 0.81em;
}

.table-content.compare-style th img {
	display: block;
	margin: 20px 0;
}

.table-content.table-responsive.compare-style tbody tr,
.table-content.table-responsive.compare-style thead {
	border-bottom: 1px solid #f1f1f1;
}

.table-content.table-responsive.compare-style tbody tr:last-child {
	border-bottom: 0px solid #f1f1f1;
}

.table-content.compare-style thead {
	background-color: transparent;
}

.table-content.compare-style table {
	text-align: inherit;
}

.table-content.compare-style table th {
	padding: 14px 0;
	text-align: inherit;
}

.table-content table td.compare-title h4 {
	border-top: medium none;
	color: #333333;
	font-size: 13px;
	font-weight: 400;
	margin: 0;
	min-width: 205px;
	overflow: hidden;
	text-align: left;
	text-transform: uppercase;
	vertical-align: middle;
}

.table-content table td.compare-common,
.table-content table td.compare-title {
	font-size: 14px;
	padding: 14px 0;
}

.table-content.compare-style table td p {
	margin: 0;
}

.table-content.compare-style th a.compare-btn {
	color: #383838;
	font-size: 14px;
	text-transform: capitalize;
}

.table-content.compare-style th a.compare-btn:hover {
	color: #050035;
}

.table-content.compare-style th span {
	display: block;
	margin: 10px 0;
}

.table-content.compare-style table {
	margin: 0 0 0px;
}

.modal .close {
	color: #000;
	float: right;
	font-size: 25px;
	font-weight: bold;
	line-height: 1;
	margin-right: 10px;
	margin-top: 18px;
	opacity: 1;
	text-shadow: 0 1px 0 #fff;
}

.table-content.compare-style table thead tr {
	border-bottom: medium none;
}



/*------- 4. Home page 3 -----------*/

.header-height {
	min-height: 116px;
}

.banner-padding .container-fluid,
.hm-3-padding .container-fluid {
	padding: 0 310px
}

.slider-banner-wrapper img,
.slider-111 .banner-img img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.slider-banner-wrapper {
	position: relative;
}

.slider-11 .slider-banner-wrapper,
.slider-111 .banner-img {
	padding-top: 100%;
	position: relative;
}

.slider-111 .banner-img {
	border-radius: 4px;
}

.slider-banner-content1 {
	left: 20px;
	right: 20px;
	padding: 10px;
	position: absolute;
	
}

.slider-banner-content1>h3,
.slider-banner-content1>h2 {
	color: #fff;
	font-size: 26px;
	font-weight: 400;
	margin: 0;
	text-shadow: 0px 0px 10px #efbd74;
	text-transform: uppercase;
	text-align: center;
}
.slider-banner-content1 a{
	color: #000;
}
.slider-banner-content2>h3 {
	color: #efbd74;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0;
}



.slider-banner-content2>h3 {
	color: #363636;
	font-family: "Playfair Display", serif;
	font-size: 30px;
	line-height: 40px;
	margin: 11px 0 17px;
}

.slider-banner-content3>h3 {
	color: #363636;
	font-family: "Playfair Display", serif;
	font-size: 24px;
	line-height: 31px;
	margin: 0;
}

.slider-banner-btn {
	border-radius: 50px;
	padding: 10px 25px 12px;
	text-transform: capitalize;
}

.slider-banner-btn2 {
	border-radius: 50px;
	padding: 7px 15px 9px;
	text-transform: capitalize;
}

.slider-banner-content2 {
	left: 20px;
	padding: 10px;
	position: absolute;
	top: 20px;
}

.slider-banner-content3 {
	bottom: 20px;
	left: 20px;
	padding: 10px;
	position: absolute;
}

.banner-padding .row {
	margin-left: -7.5px;
	margin-right: -7.5px;
}

.banner-padding .col-md-10,
.banner-padding .col-md-12,
.banner-padding .col-md-14,
.banner-padding .col-md-8,
.banner-padding .col-md-24 {
	padding-left: 7.5px;
	padding-right: 7.5px;
}

.slider-banner-wrapper>a::before,
.blog-img>a::before {
	background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 50%;
	opacity: 1;
	position: absolute;
	right: 51%;
	top: 0;
}

.slider-banner-wrapper>a::after,
.blog-img>a::after {
	background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
	bottom: 50%;
	content: "";
	left: 0;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 50%;
}

.slider-banner-wrapper:hover a::after,
.blog-hm-wrapper:hover .blog-img>a::after {
	bottom: 0;
	opacity: 0;
	top: 0;
	transition: all 500ms ease-in 0s;
}

.slider-banner-wrapper:hover a::before,
.blog-hm-wrapper:hover .blog-img>a::before {
	left: 0;
	opacity: 0;
	right: 0;
	transition: all 900ms ease-in 0s;
}


/* product-area home 3 */

.price-decrease {
	left: 0;
	position: absolute;
	top: 0;
	padding: 20px;
}

.price-decrease>span {
	background-color: #efbd74;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	padding: 1px 10px;
	text-transform: uppercase;
}

.product-action-3 {
	background-color: #efbd74;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	transform: translateY(15px);
	transition: all 0.4s ease-in-out 0s;
	opacity: 0;
}

.product-action-3:hover {
	background-color: #000;
}

.product-wrapper:hover .product-action-3 {
	opacity: 1;
	transform: translateY(0px);
}

.product-action-3 a {
	color: #fff;
	display: block;
	padding: 7px 15px 8px;
}

.product-action-3 a i {
	color: #ffffff;
	font-size: 16px;
	margin-right: 7px;
	position: relative;
	top: 2px;
}

.product-title-wishlist {
	display: flex;
	justify-content: space-between;
}

.product-title-3>h4 {
	color: #646464;
	font-size: 16px;
	margin-bottom: 13px;
}

.product-title-3>h4 a {
	color: #646464;
}

.product-wishlist-3>a {
	color: #000000;
	font-size: 14px;
	margin-right: 1px;
}

.product-peice-3>span {
	color: #646464;
	font-size: 14px;
	font-weight: 500;
	margin-right: 6px;
}

.product-peice-3>span.old {
	color: #7a7a7a;
	display: inline-flex;
	font-size: 14px;
	font-weight: 400;
	text-decoration: line-through;
}

.product-addtocart>a {
	color: #646464;
	font-size: 14px;
}

.product-title-3>h4 a:hover,
.product-addtocart>a:hover,
.product-wishlist-3>a:hover {
	color: #efbd74;
}

.product-addtocart>a i {
	margin-right: 8px;
}

.product-peice-addtocart {
	margin-bottom: 2px;
	position: relative;
}

.product-addtocart {
	left: 0;
	position: absolute;
	top: 0;
	opacity: 0;
	transform: translateY(15px);
	transition: all 0.4s ease-in-out 0s;
}

.product-wrapper:hover .product-addtocart {
	opacity: 1;
	transform: translateY(0px);
}

.product-peice-3 {
	transition: all .3s ease 0s;
	transform: translateY(0px);
	transition: all 0.4s ease-in-out 0s;
	opacity: 1;
}

.product-wrapper:hover .product-peice-3 {
	opacity: 0;
	transform: translateY(-15px);
}

.product-area-3 .row {
	margin-left: -10px;
	margin-right: -10px;
}

.product-area-3 .col-lg-3 {
	padding-left: 10px;
	padding-right: 10px;
}

.section-title-3 h2 {
	color: #363636;
	font-size: 48px;
	position: relative;
	font-family: "Playfair Display", serif;
}

.section-title-3 h2::before {
	background-color: #363636;
	content: "";
	height: 2px;
	left: 0px;
	position: absolute;
	bottom: -31px;
	transition: all 0.4s ease 0s;
	width: 163px;
	right: 0;
	margin: 0 auto;
}

.h3-services .row {
	margin-left: -10px;
	margin-right: -10px;
}

.h3-services .row div[class^="col-"] {
	padding-left: 10px;
	padding-right: 10px;
}

.h3-services .single-services{
	padding: 33px 18px;
	background-color: #efbd75;
}

.single-services:hover .services-icon img {
	animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
}

.overview-content>h2 {
	color: #494949;
	font-size: 36px;
	line-height: 45px;
	font-family: "Playfair Display", serif;
	margin: 0;
}

.overview-content>h3 {
	color: #494949;
	font-family: "Playfair Display", serif;
	font-size: 24px;
	line-height: 30px;
	margin: 27px 0 34px;
}

.btn-style.overview-btn.cr-btn {
	border-radius: 50px;
	padding: 12px 25px;
	text-transform: capitalize;
}

.zoom-out {
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease 0s;
}

.zoom-img>img {
	display: block;
	transition: all 0.5s ease-out 0s;
	width: 100%;
}

.zoom-out .zoom-img img:last-child {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scale(1.5);
	visibility: hidden;
}

.overview-wrapper:hover .zoom-img img {
	opacity: 1;
	transform: scale(1);
	visibility: visible;
}

.overview-img img {
	width: 100%;
}

.zoom-out {
	margin: 0 42px 0 103px;
}

.overview-content {
	margin-top: 9px;
}

/*--------- 5. Home page 4 ----------*/

.hm-4-padding .container-fluid {
	padding: 0 60px;
}

.align-item {
	align-items: center;
}

.product-img-4 img {
	width: 100%;
}

.product-img-4 {
	position: relative;
}

.product-action-4 {
	display: flex;
	justify-content: center;
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) scale(0);
	transition: all .6s ease 0s;
}

.product-content-5 {
	bottom: 0;
	left: 0;
	opacity: 0;
	padding: 20px 30px;
	position: absolute;
	transition: all 0.6s ease 0s;
	width: 100%;
}

.product-wrapper:hover .product-content-5 {
	opacity: 1;
}

.product5-title>h4 a {
	color: #333;
}

.product5-title>h4 a:hover,
.product5-wishlist>a:hover {
	color: #efbd74;
}

.product5-price-wishlist {
	display: flex;
	justify-content: space-between;
}

.product5-title>h4 {
	color: #646464;
	font-size: 16px;
	margin-bottom: 14px;
	transform: translateX(-20px);
	transition: all 0.6s ease-in-out 0s;
}

.product5-price>span {
	color: #646464;
	font-weight: 500;
	transform: translateX(-20px);
	transition: all 0.6s ease-in-out 0s;
	display: block;
}

.product5-wishlist>a {
	color: #000000;
	font-size: 18px;
	transform: translateX(20px);
	transition: all 0.6s ease-in-out 0s;
	display: block;
}

.product-wrapper:hover .product5-title>h4,
.product-wrapper:hover .product5-price>span,
.product-wrapper:hover .product5-wishlist>a {
	transform: translateX(0px);
}

.product-action-4 a {
	background-color: #414141;
	box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
	color: #fff;
	display: inline-flex;
	height: 46px;
	justify-content: center;
	margin: 0 7.5px;
	transition: all 0.3s ease 0s;
	width: 46px;
	border-radius: 50px;
}

.product-action-4 a:hover {
	background-color: #efbd74;
}

.product-action-4 a.action-plus-2,
.product-action-4 a.action-cart-2 {
	font-size: 18px;
}

.product-action-4 a.action-reload {
	font-size: 17px;
}

.product-action-4 a i {
	display: block;
	line-height: 46px;
}

.product-shadow {
	transition: all .3s ease 0s;
}

.product-shadow:hover {
	box-shadow: 0 7px 18px 1px rgba(0, 0, 0, 0.05);
}

.product-shadow:hover .product-action-4 {
	transform: translateY(-50%) scale(1);
}

.product-content-4 {
	bottom: 0;
	padding: 95px 100px;
	position: absolute;
	right: 0;
}

.product-content-4.product-content-4-left {
	left: 0;
}

.product-content-4>h3 {
	color: #ffffff;
	font-size: 24px;
	font-family: 'Painter PERSONAL USE ONLY';
	margin: 0;
}

.product-content-4>h2 {
	color: #ffffff;
	font-family: "Playfair Display", serif;
	font-size: 36px;
	margin: 3px 0 9px;
}

.product-content-4>h4 {
	color: #fff;
	font-family: "Playfair Display", serif;
	font-size: 20px;
	margin-bottom: 30px;
}

.product4-btn.btn-style {
	border-radius: 50px;
	padding: 13px 32px 12px;
	cursor: pointer;
}

.footer-flex {
	display: flex;
	justify-content: space-between;
}

.product-wrapper.product-shadow img {
	width: 100%;
}

.hidden {
	display: none;
}

.view-more .btn-style.cr-btn {
	border-radius: 50px;
	padding: 13px 33px;
}

.view-more .btn-style.cr-btn span i {
	font-size: 14px;
	margin-right: 7px;
	position: relative;
	top: 1px;
}

.product-hover-4 {
	position: relative;
}

.product-hover-4>a::before {
	background: #fff;
	bottom: 10px;
	content: "";
	left: 10px;
	opacity: 0;
	position: absolute;
	right: 10px;
	top: 10px;
	transition: all .3s ease 0s;
}

.product-hover-4:hover a::before {
	opacity: .8;
}
/*-------- 6. About us ----------*/

.breadcrumb-content>h2 {
	color: #353535;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: capitalize;
}

.breadcrumb-content li {
	color: #353535;
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.1px;
	text-transform: uppercase;
}

.breadcrumb-content li a {
	color: #353535;
	padding-right: 10px;
	position: relative;
}

.breadcrumb-content li a:hover {
	color: #efbd74;
}

.breadcrumb-content li a::after {
	background-color: #4b4b4b;
	content: "";
	height: 1px;
	position: absolute;
	right: -3px;
	top: 7px;
	transform: rotate(-71deg);
	width: 12px;
}

.breadcrumb-content {
	padding: 32px 0 35px;
}

.about-us-title>h3 {
	color: #5a5a5a;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.4px;
	line-height: 36px;
	margin: 0;
}

.about-us-details>p {
	margin: 0;
}

.about-us-details>p.about-us-pera-mb {
	margin: 0 0 20px;
}

.team-content>h4 {
	color: #292929;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 3px;
}

.team-content>span {
	color: #292929;
}

.team-content {
	padding-top: 26px;
}

.team-img>img {
	width: 100%;
}

.team-area .row {
	margin-left: -10px;
	margin-right: -10px;
}

.team-area .row div[class^="col-"] {
	padding-left: 10px;
	padding-right: 10px;
}

.team-img img {
	transition: all 0.4s ease 0s;
}

.team-wrapper:hover .team-img img {
	filter: grayscale(100%);
	transition: all 0.4s ease 0s;
}

.single-logo {
	display: flex;
	justify-content: center;
}

.brand-logo-active.owl-carousel .owl-item img {
	width: auto;
}

/*-------- 7. Contact page ----------*/

#map {
	height: 500px;
	width: 100%;
}

.contact-title {
	color: #505050;
	font-size: 16px;
	font-weight: 500;
	position: relative;
	margin-bottom: 40px;
}

.contact-title::before {
	background-color: #efbd74;
	bottom: -8px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 59px;
}

.contact-form-style>input {
	background-color: #f7f7f7;
	border: none;
	font-weight: 500;
	font-size: 12px;
	color: #7d7d7d;
	padding: 0 15px;
	height: 50px;
}

.contact-form-style>textarea {
	background-color: #f7f7f7;
	border: medium none;
	color: #7d7d7d;
	font-size: 12px;
	font-weight: 500;
	height: 190px;
	padding: 20px 15px;
}

.contact-form-style>input::-moz-placeholder,
.contact-form-style>textarea::-moz-placeholder {
	color: #7d7d7d;
	opacity: 1;
}

.contact-form-style>input::-webkit-placeholder,
.contact-form-style>textarea::-webkit-placeholder {
	color: #7d7d7d;
	opacity: 1;
}

.contact-form-style button {
	border: medium none;
	padding: 12px 32px;
	margin-top: 40px;
	cursor: pointer;
}

.communication-info {
	background-color: #f7f7f7;
	margin-right: 80px;
	padding: 54px 35px;
}

.single-communication {
	display: flex;
	margin-bottom: 37px;
}

.single-communication:last-child {
	margin-bottom: 0px;
}

.communication-icon i {
	border: 1px solid #ea000d;
	border-radius: 50%;
	color: #ea000d;
	font-size: 24px;
	height: 66px;
	line-height: 66px;
	text-align: center;
	width: 66px;
}

.communication-icon i {
	border: 1px solid #efbd74;
	border-radius: 50%;
	color: #efbd74;
	display: inline-block;
	font-size: 18px;
	height: 47px;
	line-height: 47px;
	text-align: center;
	width: 47px;
	transition: all .3s ease 0s;
}

.communication-icon {
	margin-right: 15px;
}

.communication-text>h4 {
	font-size: 15px;
	color: #505050;
	font-weight: 500;
	margin-bottom: 5px;
}

.communication-text>p {
	color: #666;
	margin: 0;
	font-size: 14px;
}

.communication-text>p a {
	color: #666;
}

.communication-text>p a:hover {
	color: #efbd74;
}

.single-communication:hover .communication-icon i {
	background-color: #efbd74;
	color: #fff;
}

.contact-message p {
	margin-top: 10px;
	margin-bottom: 0;
	color: #555;
}



/*------------ 8. Shop page -----------*/

.shop-topbar-wrapper {
	border-bottom: 1px solid #f1f1f1;
	display: flex;
	justify-content: space-between;
	margin-bottom: 31px;
	padding-bottom: 18px;
}

.view-mode>li {
	display: inline-block;
	margin-right: 20px;
}

.view-mode>li a {
	font-size: 30px;
}

.view-mode>li.active a {
	color: #efbd74;
}

button.product-filter-toggle {
	background-color: transparent;
	border: medium none;
	cursor: pointer;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin-top: 11px;
	padding: 0;
	text-transform: uppercase;
}

.product-filter-wrapper {
	background-color: #fff;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
	display: none;
	margin-bottom: 40px;
	padding: 45px 45px 12px;
	width: 100%;
}

.product-filter h5 {
	color: #666;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin-bottom: 13px;
	padding-bottom: 7px;
	position: relative;
	text-transform: uppercase;
}

.product-filter h5::before {
	background-color: #000;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 25px;
}

.sort-by li a {
	color: #666;
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	text-transform: capitalize;
}

.color-filter li a {
	color: #666;
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	text-transform: capitalize;
}

.color-filter li a i {
	border-radius: 50%;
	display: block;
	float: left;
	height: 10px;
	margin-right: 11px;
	margin-top: 7px;
	width: 10px;
}

.product-tags a {
	color: #666;
	font-size: 14px;
	line-height: 25px;
	margin-right: 8px;
	text-transform: capitalize;
}

#price-range {
	background-color: #c0c0c0;
	border: medium none;
	border-radius: 0;
	float: left;
	height: 3px;
	margin-top: 14px;
	width: 100%;
}

.ui-slider .ui-slider-range {
	background-position: 0 0;
	border: 0 none;
	display: block;
	font-size: 0.7em;
	position: absolute;
	z-index: 1;
}

.ui-slider-horizontal .ui-slider-range {
	height: 100%;
	top: 0;
}

#price-range .ui-slider-range {
	background-color: #efbd74;
	border-radius: 0;
}

#price-range .ui-slider-handle {
	background-color: #efbd74;
	border: medium none;
	border-radius: 50%;
	height: 10px;
	top: -4px;
	transition: none 0s ease 0s;
	width: 10px;
}

.price-values {
	float: left;
	margin-top: 9px;
	width: 100%;
}

.price-values span {
	color: #666;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 23px;
	margin-right: 6px;
}

.price-values input {
	border: medium none;
	color: #666;
	display: block;
	font-size: 14px;
	height: 23px;
	line-height: 23px;
	padding: 0;
	width: 90px;
	background: transparent;
}

.sort-by li a:hover,
.color-filter li a:hover,
.product-tags a:hover,
button.product-filter-toggle:hover,
.product-list-details>h2 a:hover {
	color: #efbd74;
}

.product-list .product-width {
	flex: 0 0 100%;
	max-width: 100%;
}

.product-list .product-img {
	margin-right: 30px;
	width: 310px;
	float: left;
	display: inline-block;
}

.product-list .product-content {
	display: none;
}

.product-list-details {
	display: none;
}

.product-list .product-list-details {
	display: block;
	overflow: hidden;
}

.product-list-details>h2 {
	color: #646464;
	font-size: 24px;
	margin-bottom: 5px;
}

.product-list-details>h2 a {
	color: #646464;
}

.product-list-details>p {
	color: #666666;
	display: block;
	margin: 18px 0 25px;
}

.shop-list-cart>a {
	border: 1px solid #efbd74;
	color: #333;
	display: inline-block;
	font-size: 14px;
	padding: 10px 20px 8px;
}

.shop-list-cart>a:hover {
	color: #fff;
	background-color: #efbd74;
}

.shop-list-cart>a i {
	margin-right: 8px;
}

/* shop list */

.product-list.product-list-width-2 .product-width {
	flex: 0 0 50%;
	max-width: 50%;
}

/* shop list */
.product-list.product-list-width-3 .product-width {
	flex: 0 0 33.333%;
	max-width: 33.333%%;
}

.product-list-width-3 .product-list-details>h2 {
	font-size: 20px;
}

/* pagination */
.pagination-style li {
	display: inline-block;
	margin: 0 11px;
}

.pagination-style li a {
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

.pagination-style li a:hover,
.pagination-style li a.active {
	color: #efbd74;
}

/*------- 9. Product details ---------*/

.product-details-large .easyzoom>a img {
	width: 100%;
}

.product-dec-slider.owl-carousel .owl-nav div {
	background-color: #fff;
	border-radius: 50px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	color: #8d8c8c;
	display: inline-block;
	font-size: 13px;
	height: 35px;
	left: -15px;
	line-height: 37px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease 0s;
	width: 35px;
}

.product-dec-slider.owl-carousel .owl-nav div:hover {
	background-color: #efbd74;
	color: #fff;
}

.product-dec-slider.owl-carousel .owl-nav div.owl-next {
	left: auto;
	right: -15px;
}

.product-dec-slider:hover .owl-nav div {
	opacity: 1;
}

.product-dec-slider .owl-dots {
	display: none
}

.product-details-content h2 {
	color: #646464;
	font-size: 24px;
	font-weight: 500;
	margin: 0;
}

.pd-sub-title {
	color: #333;
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	position: relative;
}

.pd-sub-title::before {
	background-color: #9d9d9d;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 30px;
}

.product-overview>p {
	margin: 0;
}

.product-overview {
	margin: 30px 0;
}

.product-size ul li,
.product-share ul li {
	display: inline-block;
}

.product-size ul li a,
.product-share ul li a {
	background-color: transparent;
	border: 1px solid #b6b6b6;
	border-radius: 50%;
	color: #777;
	display: block;
	float: left;
	font-size: 13px;
	height: 31px;
	line-height: 29px;
	margin-right: 11px;
	margin-top: 5px;
	text-align: center;
	text-transform: uppercase;
	width: 31px;
}

.product-size ul li a:hover,
.product-share ul li a:hover {
	background-color: #efbd74;
	border: 1px solid #efbd74;
	color: #fff;
}

.product-color {
	overflow: hidden;
}

.product-color>ul li {
	border-radius: 50px;
	cursor: pointer;
	display: block;
	float: left;
	height: 21px;
	margin-right: 15px;
	text-indent: -9999px;
	transition: all 0.4s ease 0s;
	width: 21px;
}

.product-color>ul li.red {
	background: #ff4136 none repeat scroll 0 0;
}

.product-color>ul li.pink {
	background: #ff01f0 none repeat scroll 0 0;
}

.product-color>ul li.blue {
	background: #3649ff none repeat scroll 0 0;
}

.product-color>ul li.sky2 {
	background: #00c0ff none repeat scroll 0 0;
}

.product-color>ul li.green {
	background: #00ffae none repeat scroll 0 0;
}

.product-color>ul li.purple2 {
	background: #8a00ff none repeat scroll 0 0;
}

.product-color {
	margin: 31px 0 35px;
	overflow: hidden;
}

.product-categories li,
.product-details-tags li {
	display: inline-block;
	margin-right: 10px;
}

.product-categories li a,
.product-details-tags li a {
	color: #666;
	text-transform: capitalize;
}

.product-categories li a:hover,
.product-details-tags li a:hover {
	color: #efbd74;
}

.product-categories {
	margin: 30px 0 34px;
}

.product-share {
	margin-top: 35px;
}

.product-rating>span {
	color: #666;
}

.product-details .easyzoom>a img {
	width: 100%;
}

.product-gallery .row {
	margin-left: -10px;
	margin-right: -10px;
}

.product-gallery .row div[class^="col-"] {
	padding-left: 10px;
	padding-right: 10px;
}

.bundle-area>h3 {
	color: #707070;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
}

.bundle-area>p {
	margin: 0;
}

.bundle-img {
	display: flex;
	margin: 34px 0 35px;
}

.single-bundle-img {
	cursor: pointer;
	margin-right: 11px;
	position: relative;
}

.single-bundle-img::before {
	background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 400ms ease-in 0s;
}

.single-bundle-img:hover::before {
	opacity: 1;
}

.single-bundle-img a img {
	width: 100%;
}

.bundle-price ul li {
	color: #525252;
	font-size: 14px;
	margin-bottom: 10px;
	padding-left: 20px;
	position: relative;
}

.bundle-price ul li::before {
	color: #727272;
	content: "&#1043;&#1031;&#1042;&#1036;&#1042;&#1169;";
	font-family: "Ionicons";
	font-size: 14px;
	left: 0;
	position: absolute;
	text-indent: inherit;
	top: 0;
}

.bundle-price ul li span {
	position: relative;
}

.bundle-price ul li span::before {
	background: #7d7d7d none repeat scroll 0 0;
	bottom: 9px;
	content: "";
	height: 1px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 32px;
}

.bundle-price ul li:last-child {
	margin-bottom: 0;
}

.bundle-result {
	margin-top: 32px;
}

.bundle-result>h4 {
	color: #333;
	font-size: 16px;
	font-weight: 400;
}

.bundle-result>h4 span {
	color: #747373;
	font-weight: 400;
}

.bundle-result>h4 span .bundle-cross {
	position: relative;
}

.bundle-result>h4 span .bundle-cross::before {
	background: #9f9e9e none repeat scroll 0 0;
	bottom: 10px;
	content: "";
	height: 1px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 45px;
}

.quickview-btn-cart.bundle-cart {
	display: block;
	line-height: 1;
	margin: 37px 0 0;
}

/*----------------------
    10. Shopping cart
----------------------*/
.shopping-cart-area {
	border-bottom: 1px solid #ddd;
}

.shopping-cart-area .breadcrumb {
	padding: 30px 0;
}

.shopping-cart-area .breadcrumb li a {
	color: #bdbdbd;
	transition: all 0.3s ease 0s;
}

h1.cart-heading {
	color: #252525;
	font-size: 25px;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.cart-title-area {
	padding-top: 30px;
}

.car-header-title h2 {
	font-size: 20px;
	margin: 0;
	text-transform: uppercase;
}

.table-content table {
	width: 100%;
}

.wishlist .table-content table {
	margin: 0 0 0px;
}

.table-content.wish table {
	margin: 0 0 0px;
}

.table-content table thead tr {
	border-bottom: 3px solid #e1e1e1;
}

.table-content table th {
	border-top: medium none;
	color: #444;
	font-size: 18px;
	font-weight: 400;
	padding: 0px 10px 12px;
	text-transform: capitalize;
}

.table-content table td {
	padding: 30px 10px 0;
}

.table-content table td input {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: #f7f7f7 none repeat scroll 0 0;
	border-color: currentcolor #ebebeb currentcolor currentcolor;
	border-image: none;
	border-radius: 0;
	border-style: none solid none none;
	border-width: medium 1px medium medium;
	color: #3f3f3f;
	font-size: 14px;
	font-weight: normal;
	height: 45px;
	padding: 0;
	text-align: center;
	width: 75px;
}

.pro-details-quantity .pro-qty .qtybtn.inc {
	background-color: #f7f7f7;
	cursor: pointer;
	display: block;
	left: 70px;
	padding: 14px 0 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 55px;
	z-index: 9999;
}

.pro-details-quantity .pro-qty .qtybtn i {
	color: #3f3f3f;
	font-size: 12px;
}

.pro-details-quantity .pro-qty .qtybtn.dec {
	background-color: #f7f7f7;
	bottom: 0;
	cursor: pointer;
	display: block;
	left: 70px;
	padding: 0 0 10px;
	position: absolute;
	text-align: center;
	width: 55px;
	z-index: 9999;
}

.pro-qty {
	position: relative;
}

.table-content table td.product-subtotal.product-subtotal {
	width: 120px;
}

.table-content table td.product-subtotal {
	width: 120px;
}

.table-content table td.product-name a {
	color: #444;
	display: block;
	font-size: 15px;
	margin-bottom: 10px;
	text-transform: capitalize;
}

.table-content table td.product-name>span {
	color: #444;
	letter-spacing: 1px;
}

.table-content table td.product-name a:hover {
	color: #555;
}

.table-content table td.product-name {
	width: 270px;
}

.table-content table td.product-thumbnail {
	width: 200px;
}

.table-content table td.product-remove i {
	color: #000;
	display: inline-block;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
}

.table-content table .product-price .amount,
.table-content table td.product-subtotal {
	color: #444;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 1px;
}

.table-content table td.product-remove i:hover {
	color: #999;
}

.table-content table td.product-quantity {
	width: 180px;
}

.table-content table td.product-remove {
	width: 150px;
}

.table-content table td.product-price {
	width: 130px;
}

.update-checkout-cart {
	display: flex;
}

.update-cart {
	margin-left: 20px;
}

.update-cart:first-child {
	margin-left: 0px;
}

.cart-shipping .btn-style {
	padding: 18px 33px 17px;
}

.update-cart button {
	border: medium none;
}

.cart-shiping-update {
	border-bottom: 1px solid #ebebeb;
	display: flex;
	justify-content: space-between;
	margin-bottom: 69px;
	margin-top: 36px;
	overflow: hidden;
	padding-bottom: 57px;
}

.wishlist .cart-shiping-update {
	border-bottom: medium none navy;
	margin-bottom: 0;
	padding-bottom: 0;
}

.discount-code h4 {
	color: #333;
	font-size: 20px;
	margin-bottom: 24px;
	text-transform: capitalize;
}

.discount-code {
	background-color: #f7f7f7;
	display: block;
	margin-right: 30px;
	padding: 55px 70px;
}

.coupon input {
	background: #fff none repeat scroll 0 0;
	border: medium none;
	height: 56px;
	padding-left: 10px;
	padding-right: 50px;
}

.coupon input.cart-submit {
	background-color: #efbd74;
	color: #fff;
	cursor: pointer;
	padding: 0 30px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
	width: inherit;
}

.coupon input.cart-submit:hover {
	background-color: #000;
}

.coupon {
	position: relative;
}

.button-coupon {
	background-color: #3f3f3f;
	border: medium none;
	color: #fff;
	font-weight: 500;
	height: 56px;
	letter-spacing: 0.4px;
	padding: 0 28px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	transition: all .3s ease 0s;
}

.shop-total>h3 {
	background-color: #efbd74;
	color: #fff;
	font-size: 20px;
	margin: 0;
	padding: 23px 30px 22px;
	text-transform: capitalize;
}

.shop-total ul {
	padding: 37px 0 35px;
}

.shop-total ul li {
	color: #333;
	font-size: 16px;
	padding-bottom: 22px;
	text-transform: capitalize;
}

.shop-total ul li.order-total {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 18px;
	padding-bottom: 32px;
}

.shop-total ul li span {
	float: right;
}

.cart-btn>a,
.continue-shopping-btn>a {
	background-color: #f7f7f7;
	color: #444;
	display: block;
	letter-spacing: 1px;
	padding: 23px 10px 22px;
	text-transform: uppercase;
}

.cart-btn>a:hover,
.continue-shopping-btn>a:hover {
	background-color: #efbd74;
	color: #fff;
}

.button-coupon:hover {
	background-color: #666;
}

.product-cart-icon.product-subtotal>a {
	color: #333;
	font-size: 25px;
}

.product-cart-icon.product-subtotal>a:hover,
.table-content table td.product-name a:hover {
	color: #efbd74;
}

/*------- 11. Checkout page --------*/
.coupon-accordion h3 {
	background-color: #f7f6f7;
	border-top: 3px solid #efbd74;
	color: #444;
	font-size: 14px;
	font-weight: 400;
	list-style: outside none none !important;
	margin: 0 0 25px !important;
	padding: 1em 2em 1em 3.5em !important;
	position: relative;
	width: auto;
}

.panel-title>a:hover,
.panel-title>a:focus {
	color: #efbd74;
}

.coupon-accordion h3::before {
	color: #000;
	content: "&#1043;&#1031;&#1074;&#1026;&#1115;&#1074;&#1026;&#1116;";
	display: inline-block;
	font-family: fontawesome;
	left: 1.5em;
	position: absolute;
	top: 1em;
}

.coupon-accordion span {
	cursor: pointer;
	color: #6f6f6f;
	transition: all .3s ease 0s;
}

.coupon-accordion span:hover,
p.lost-password a:hover {
	color: #efbd74;
}

.coupon-content {
	border: 1px solid #e5e5e5;
	display: none;
	margin-bottom: 20px;
	padding: 20px;
}

.coupon-info p.coupon-text {
	margin-bottom: 15px
}

.coupon-info p {
	margin-bottom: 0
}

.coupon-info p.form-row-first {}

.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
	display: block;
}

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
	color: #333;
}

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
	border: 1px solid #e5e5e5;
	height: 36px;
	margin: 0 0 14px;
	max-width: 100%;
	padding: 0 0 0 10px;
	width: 370px;
	background-color: transparent;
}

.coupon-info p.form-row-last {}

.coupon-info p.form-row input[type="submit"]:hover,
p.checkout-coupon input[type="submit"]:hover {
	background: #efbd74 none repeat scroll 0 0;
}

.coupon-info p.form-row input[type="checkbox"] {
	height: inherit;
	position: relative;
	top: 2px;
	width: inherit;
}

.form-row>label {
	margin-top: 7px;
}

p.lost-password {
	margin-top: 15px;
}

p.lost-password a {
	color: #6f6f6f;
}

p.checkout-coupon input[type="text"] {
	background-color: transparent;
	border: 1px solid #ddd;
	height: 36px;
	padding-left: 10px;
	width: 170px;
}

p.checkout-coupon input[type="submit"] {
	background: #333 none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	height: 36px;
	margin-left: 6px;
	padding: 5px 18px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	width: inherit;
}

.coupon-checkout-content {
	margin-bottom: 30px;
	display: none;
}

.checkbox-form h3 {
	border-bottom: 1px solid #e5e5e5;
	color: #444;
	font-size: 25px;
	margin: 0 0 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
	width: 100%;
}

.country-select {
	margin-bottom: 30px;
	position: relative;
}

.country-select label,
.checkout-form-list label {
	color: #444;
	display: block;
	font-size: 14px;
	margin: 0 0 5px;
}

.country-select label span.required,
.checkout-form-list label span.required {
	color: #efbd74;
	font-size: 15px;
}

.country-select select {
	-moz-appearance: none;
	border: 1px solid #ddd;
	height: 42px;
	padding-left: 10px;
	width: 100%;
	background-color: transparent;
}

.country-select::before {
	content: "&#1043;&#1031;&#1074;&#1026;&#1115;&#1042;&#1032;";
	display: inline-block;
	font-family: "Ionicons";
	font-size: 17px;
	position: absolute;
	right: 12px;
	top: 36px;
	color: #666;
}

.checkout-form-list {
	margin-bottom: 30px;
}

.checkout-form-list label {
	color: #444;
}

.checkout-form-list label span.required {}

.checkout-form-list input[type=text],
.checkout-form-list input[type=password],
.checkout-form-list input[type=email] {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	height: 42px;
	width: 100%;
	padding: 0 0 0 10px;
}

.checkout-form-list input[type="checkbox"] {
	display: inline-block;
	height: inherit;
	margin-right: 10px;
	position: relative;
	top: 2px;
	width: inherit;
}

.ship-different-title input {
	height: inherit;
	line-height: normal;
	margin: 4px 0 0;
	position: relative;
	top: 1px;
	width: 30px;
}

.create-acc label {
	color: #333;
	display: inline-block;
}

.checkout-form-list input[type=password] {}

.create-account {
	display: none
}

.ship-different-title h3 label {
	display: inline-block;
	margin-right: 20px;
	font-size: 25px;
	color: #363636;
}

.order-notes textarea {
	background-color: transparent;
	border: 1px solid #ddd;
	height: 90px;
	padding: 15px;
	width: 100%;
}

#ship-box-info {
	display: none
}

.your-order {
	background: #f2f2f2 none repeat scroll 0 0;
	overflow: hidden;
	padding: 30px 40px 45px;
}

.your-order h3 {
	border-bottom: 1px solid #d8d8d8;
	color: #444;
	font-size: 25px;
	margin: 0 0 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
	width: 100%;
}

.your-order-table table {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	width: 100%;
}

.your-order-table table th,
.your-order-table table td {
	border-bottom: 1px solid #d8d8d8;
	border-right: medium none;
	font-size: 14px;
	padding: 15px 0;
	text-align: center;
}

.your-order-table table td .product-quantity {
	font-weight: 400;
}

.your-order-table table th {
	border-top: medium none;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
	width: 250px;
}

.your-order-table table .shipping ul li input {
	position: relative;
	top: 2px;
}

.your-order-table table .shipping th {
	vertical-align: top;
}

.your-order-table table .order-total th {
	border-bottom: medium none;
	font-size: 18px;
}

.your-order-table table .order-total td {
	border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
	background: #F9F9F9
}

.your-order-table table tr.order-total td span {
	color: #444;
	font-size: 20px;
	font-weight: 500;
}

.payment-accordion h3 {
	border-bottom: 0 none;
	margin-bottom: 10px;
	padding-bottom: 0;
}

.payment-accordion h3 a {
	color: #6f6f6f;
	font-size: 14px;
	padding-left: 25px;
	position: relative;
	text-transform: capitalize;
	text-decoration: none
}

.payment-content p {
	font-size: 13px;
}

.payment-accordion img {
	height: 60px;
	margin-left: 15px;
}

.order-button-payment input {
	background: #464646 none repeat scroll 0 0;
	border: 1px solid transparent;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	height: inherit;
	letter-spacing: 1px;
	margin: 20px 0 0;
	padding: 13px 20px 11px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	width: 100%;
}

.order-button-payment input:hover {
	background: #efbd74;
	border: 1px solid #efbd74;
	color: #fff;
}

.coupon-info p.form-row input[type="submit"] {
	background: #252525 none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	margin-right: 15px;
	padding: 0 25px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	width: inherit;
	cursor: pointer;
}

/*--------- 12. Login register page ---------*/
.login-form-container {
	background: transparent none repeat scroll 0 0;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
	padding: 80px;
	text-align: left;
}

.login-text {
	margin-bottom: 30px;
	text-align: center;
}

.login-text h2 {
	color: #444;
	font-size: 30px;
	margin-bottom: 5px;
	text-transform: capitalize;
}

.login-text span {
	font-size: 15px;
}

.login-form-container input {
	background-color: #f7f7f7;
	border: medium none;
	color: #7d7d7d;
	font-size: 12px;
	font-weight: 500;
	height: 50px;
	padding: 0 15px;
	margin-bottom: 30px;
}

.login-form-container input::-moz-placeholder,
.login-form-container input::-webkit-placeholder {
	color: #7d7d7d;
	opacity: 1;
}

.login-toggle-btn {
	padding: 10px 0 19px;
}

.login-form-container input[type="checkbox"] {
	height: 15px;
	margin: 0;
	position: relative;
	top: 1px;
	width: 17px;
}

.login-form-container label {
	color: #777;
	font-size: 15px;
	font-weight: 400;
}

.login-toggle-btn>a {
	color: #666;
	float: right;
	transition: all 0.3s ease 0s;
}

.login-toggle-btn>a:hover {
	color: #efbd74;
}

.login-register-tab-list {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

.login-register-tab-list.nav a h4 {
	font-size: 25px;
	font-weight: 500;
	margin: 0 20px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
}

.login-register-tab-list.nav a.active h4,
.login-register-tab-list.nav a h4:hover {
	color: #efbd74;
}

.login-form button {
	border: medium none;
	cursor: pointer;
}

/*------- 13. Blog page --------*/
.blog-area .container-fluid {
	padding: 0 310px;
}

.blog-img img {
	width: 100%;
}

.blog-content>h2 {
	color: #444;
	font-size: 30px;
	font-weight: 500;
	margin: 0;
	text-transform: capitalize;
}

.blog-content>h2 a {
	color: #444;
}

.blog-date-categori {
	margin: 9px 0 19px;
}

.blog-date-categori li {
	color: #656565;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
}

.blog-date-categori ul li::after {
	content: "/";
	margin: 0 3px 0 4px;
}

.blog-date-categori ul li:last-child::after {
	display: none;
}

.blog-date-categori ul li a {
	color: #efbd74;
	display: inline-block;
	position: relative;
	transition: all 0.3s ease 0s;
}

.blog-date-categori ul li a::before {
	background-color: #efbd74;
	bottom: 3px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	transition: all 0.3s ease 0s;
	width: 100%;
}

.blog-date-categori ul li a:hover::before {
	background-color: #000;
}

.blog-date-categori ul li a:hover {
	color: #000;
}

.single-blog-wrapper>p {
	margin: 0;
}

.blog-btn-social {
	display: flex;
	justify-content: space-between;
}

.blog-social {
	display: flex;
}

.blog-btn .btn-style {
	font-size: 13px;
	padding: 5px 10px 7px;
	text-transform: capitalize;
}

.blog-social ul li {
	display: inline-block;
	margin-left: 13px;
}

.blog-social ul li:nth-child(1) {
	margin-left: 0px;
}

.blog-social ul li a {
	color: #444;
	font-size: 18px;
}

.blog-social>span {
	color: #444;
	font-weight: 500;
	margin: 3px 15px 0 0;
	text-transform: capitalize;
}

/* quote post */
blockquote {
	margin: 0;
}

.quote-post {
	background-color: #efbd74;
	padding: 74px 50px 77px 58px;
	position: relative;
}

.quote-content,
.link-content {
	z-index: 9;
	position: relative;
}

.quote-content>span {
	color: #ececec;
}

.quote-content>h3 {
	color: #f3f2f2;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	margin: 19px 0 22px;
	text-transform: uppercase;
}

.quote-content>h3 a {
	color: #f3f2f2;
}

.quote-content h6 {
	color: #f3f2f2;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	padding-left: 28px;
	position: relative;
}

.quote-content h6::before {
	background-color: #f3f2f2;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 9px;
	transition: all 0.3s ease 0s;
	width: 18px;
}

.post-img {
	display: inline-block;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.post-img>img {
	max-width: 188px;
}

/* gallery post */
.blog-gallery-slider .owl-nav div,
.slider-active .owl-nav div {
	color: #494949;
	font-size: 35px;
	left: 50px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease 0s;
	visibility: hidden;
}

.blog-gallery-slider .owl-nav div.owl-next,
.slider-active .owl-nav div.owl-next {
	left: auto;
	right: 50px;
}

.blog-gallery-slider .owl-nav div:hover,
.slider-active .owl-nav div:hover {
	color: #efbd74;
}

.blog-gallery-slider:hover .owl-nav div,
.slider-active:hover .owl-nav div {
	opacity: 1;
	visibility: visible;
}

/* link post */
.link-post {
	background-color: #000000;
	padding: 74px 48px 77px;
	position: relative;
}

.link-content>span {
	color: #ececec;
}

.link-content>h3 {
	color: #f3f2f2;
	font-size: 18px;
	font-weight: 500;
	margin: 20px 0 0;
	text-transform: uppercase;
}

.link-content>h3 a {
	color: #f3f2f2;
}

.blog-social ul li a:hover,
.blog-author>h4 a:hover,
.news-form>button:hover,
.blog-categori ul li a:hover,
.blog-tags ul>li a:hover,
.blog-sidebar-social li a:hover,
.link-content>h3 a:hover,
.recent-post-content>h4 a:hover,
.blog-content>h2 a:hover {
	color: #efbd74;
}

.blog-btn>a:hover::before {
	background-color: #efbd74;
}

.quote-content>h3 a:hover {
	text-decoration: underline;
}

/* Blog sidebar */
.blog-search form input {
	background: #efefef none repeat scroll 0 0;
	border: medium none;
	box-shadow: none;
	color: #a8a8a8;
	font-size: 14px;
	height: 60px;
	padding-left: 20px;
	padding-right: 50px;
	width: 100%;
}

.blog-search form input:-moz-placeholder {
	color: #000;
	opacity: 1;
}

.blog-search form {
	position: relative;
}

.news-form>button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #a7a7a7;
	font-size: 24px;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.blog-author>h4 {
	color: #717171;
	font-size: 18px;
	font-weight: 400;
	margin: 16px 0 6px;
}

.blog-author>h4 a {
	color: #717171;
}

.recent-post-wrapper {
	align-items: center;
	display: flex;
	margin-bottom: 25px;
}

.recent-post-wrapper:last-child,
.blog-categori ul li:last-child {
	margin-bottom: 0px;
}

.recent-post-img a img {
	flex: 0 0 94px;
}

.blog-widget-title {
	color: #444;
	font-size: 18px;
	font-weight: 500;
}

.recent-post-content>h4 {
	color: #444;
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 4px;
}

.recent-post-content>h4 a {
	color: #444;
}

.recent-post-content>span {
	color: #a7a7a7;
}

.recent-post-img {
	margin-right: 25px;
}

.blog-categori ul li {
	margin-bottom: 17px;
}

.blog-categori ul li a {
	color: #444;
	font-size: 15px;
}

.blog-instagram img {
	width: 84px;
}

.blog-instagram li {
	display: inline-block;
	margin-bottom: 9px;
	margin-right: 6px;
}

.blog-instagram li a {
	position: relative;
	display: block;
}

.blog-instagram li a::before {
	background-color: #efbd74;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	transition: all 0.3s ease 0s;
	width: 100%;
}

.blog-instagram li a:hover::before {
	opacity: 0.6;
}

.blog-sidebar-social li {
	display: inline-block;
	margin-right: 32px;
}

.blog-sidebar-social li:last-child {
	margin-right: 0px;
}

.blog-sidebar-social li a {
	color: #444;
	font-size: 24px;
}

.blog-tags ul>li {
	display: inline-block;
	margin-bottom: 7px;
	margin-right: 17px;
	position: relative;
}

.blog-tags ul li::after {
	background-color: #6d6d6d;
	content: "";
	font-size: 8px;
	height: 12px;
	position: absolute;
	right: -12px;
	top: 4px;
	transform: rotate(20deg);
	width: 1.5px;
}

.blog-tags ul>li a {
	color: #444;
	letter-spacing: 0.5px;
	text-transform: capitalize;
}

.blog-tags ul li:last-child::after {
	display: none;
}

/* blog masonry */
.masonary-style .blog-content>h2 {
	font-size: 18px;
}

.masonary-style .quote-post {
	padding: 74px 44px 77px 47px;
}

/*---------- 14. Blog details -------*/
.highlights-title-wrapper {
	display: flex;
	margin: 56px 0 47px;
}

.importent-title>h4 {
	color: #444;
	font-size: 18px;
	font-style: italic;
	font-weight: 500;
	line-height: 34px;
	margin: 0;
}

.highlights-img>img {
	width: 73px;
}

.highlights-img {
	margin-right: 25px;
	margin-top: 9px;
}

.dec-img>img {
	width: 100%;
}

.dec-img-wrapper {
	margin: 56px 0 53px;
}

.blog-dec-tags-social {
	border-bottom: 2px solid #f6f6f6;
	display: flex;
	justify-content: space-between;
	margin-top: 52px;
	padding-bottom: 10px;
}

.blog-dec-tags ul li {
	display: inline-block;
	position: relative;
}

.blog-dec-tags ul li a {
	color: #444;
	margin-right: 18px;
	text-transform: capitalize;
}

.blog-dec-tags ul li::after {
	background-color: #6d6d6d;
	content: "";
	font-size: 8px;
	height: 12px;
	position: absolute;
	right: 6px;
	top: 5px;
	transform: rotate(20deg);
	width: 1.5px;
}

.blog-dec-tags ul li:last-child::after {
	display: none;
}

.blog-dec-social {
	display: flex;
}

.blog-dec-social ul li {
	display: inline-block;
	margin-left: 14px;
}

.blog-dec-social ul li a {
	color: #333333;
	font-size: 18px;
}

.blog-dec-social>span {
	color: #444;
	font-weight: 500;
	margin-top: 3px;
	text-transform: capitalize;
}

.blog-dec-tags ul li a:hover,
.blog-dec-social ul li a:hover,
.blog-details-btn a:hover {
	color: #efbd74;
}

.administrator-wrapper {
	align-items: center;
	display: flex;
	border-bottom: 2px solid #f6f6f6;
	padding: 30px 0;
}

.administrator-img {
	margin-right: 30px;
}

.administrator-content>h4 {
	color: #444;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 19px;
}

.administrator-content>p {
	color: #262626;
	font-size: 15px;
	line-height: 26px;
	margin: 0;
}

.blog-dec-title {
	color: #444;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	text-transform: capitalize;
}

.single-comment-wrapper {
	display: flex;
}

.blog-comment-content>h4 {
	color: #444;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin: 0;
}

.blog-comment-content>span {
	color: #656565;
	display: block;
	margin: 6px 0 8px;
}

.blog-comment-content>p {
	margin-bottom: 15px;
}

.blog-comment-img {
	margin-right: 28px;
}

.leave-form {
	margin-bottom: 30px;
}

.blog-reply-wrapper form input,
.blog-reply-wrapper form textarea {
	background: #f7f7f7 none repeat scroll 0 0;
	border: medium none;
	color: #8e8e8e;
	font-size: 14px;
	height: 60px;
	padding: 2px 20px;
}

.blog-reply-wrapper form input::-moz-placeholder,
.blog-reply-wrapper form textarea::-moz-placeholder {
	color: #8e8e8e;
	opacity: 1;
}

.blog-reply-wrapper form input::-webkit-placeholder,
.blog-reply-wrapper form textarea::-webkit-placeholder {
	color: #8e8e8e;
	opacity: 1;
}

.blog-reply-wrapper form textarea {
	height: 235px;
	padding: 25px 20px;
}

.blog-reply-wrapper form .text-leave input {
	background-color: #efbd74;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	height: inherit;
	letter-spacing: 1px;
	margin-top: 60px;
	padding: 14px 30px 13px;
	width: inherit;
}

.blog-reply-wrapper form .text-leave input:hover {
	background-color: #000;
}

.blog-reply-wrapper>form {
	margin-top: 65px;
}

.blog-details-btn a {
	color: #444;
	font-weight: 500;
	text-transform: capitalize;
}

/*--------- 15. Scrollup ---------*/
#scrollUp {
	background: #efbd74 none repeat scroll 0 0;
	bottom: 85px;
	color: #ffffff;
	cursor: pointer;
	display: none;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	position: fixed;
	right: 12px;
	text-align: center;
	width: 38px;
	z-index: 9999;
}

#scrollUp:hover {
	background: #333 none repeat scroll 0 0;
}



.container {
	width: 100%;
	padding-right: 60px;
	padding-left: 60px;
	margin-right: auto;

	margin-left: auto;
}
@media (max-width:1200px) {
    .container {
        width:100%;
		min-width: 100%;
    }
	.col-md-5{
		width: 33%
	}
	.col-md-5.pdd-lr-5{
		width: 20%
	}
	.main-menu>li>a{
		font-size: 14px
	}
	.main-menu>li{
		margin: 0 10px
	}
}
.slider-22,
.slider-222 .banner-img,
.slider-33,
.slider-44 {
	position: relative;
}

.slider-222 .banner-img a {
	display: block;
}

.slider-22 img,
.slider-222 .banner-img img,
.slider-33 img,
.slider-44 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slider-11,
.slider-22 {
	margin-bottom: 15px;
}

.transparent-bar.stick .d-flex-center {
	display: flex;
	align-items: center;
}

.img-16-9 {
	position: relative;
	padding-top: 52.65%;
	display: block;
}

.img-16-9 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-grid {
	position: relative;
}

.news-grid .viewed {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	color: #ffffff;
	padding: 0 7px;
	background: #eb8e06;
	border-radius: 4px;
}

.news-grid .viewed .fa {
	margin-right: 5px;
}

.news-grid .content {
	-webkit-box-flex: 1;
	flex-grow: 1;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	background: #fff;
	width: 95%;
	margin: 0 auto;
	margin-top: -29px;
	position: relative;
	padding: 10px 15px;
	box-shadow: 0px 4px 8px -2px #ccc;
	margin-bottom: 10px;
}

.news-grid h3 {
	font-size: 16px;
	margin-top: 0;
	padding-top: 0;
	text-transform: capitalize;
	margin-bottom: 0;
	min-height: 56px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
}

.news-grid h3 a {
	height: 48px;
	word-wrap: break-word;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: 600;
}

.news-grid .date {
	margin-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-top: -10px;
}

.news-grid .date span {
	background: #eb8e06;
	padding: 0 15px;
	border: 1px solid #e2dfdb;
	border-radius: 15px;
	color:#fff;
}

.news-grid .des {
	color: #474343;
	margin-top: 15px;
	margin-bottom: 0;
	-webkit-box-flex: 1;
	flex-grow: 1;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: -webkit-box;
	height: 60px;

	font-size: 17px;
}

.arrow-left {
	cursor: pointer;
	position: absolute;
	transition: transform 0.1s;
	width: 47px;
	height: 47px;
	transform: translateX(0) translateY(0);
	top: 0;
	left: -55px;
	bottom: 0;
	top: 50%;
	transform: translatey(-50%);
	font-size: 0;
	z-index: 3;
	transition: .25s;
}

.arrow-left .arrow-top {
	background-color: #71716F;
	height: 3px;
	right: 0;
	position: absolute;
	top: 50%;
	width: 42%;
	transform: rotate(-60deg);
	transform-origin: bottom left;
}

.arrow-left .arrow-top:after {
	content: '';
	background-color: #caa769;
	height: 100%;
	position: absolute;
	top: 0;
	transition: left 0.15s, right 0.15s;
	transition-delay: 0.15s;
	left: 100%;
	right: 0;
}

.arrow-left .arrow-bottom {
	background-color: #71716F;
	height: 3px;
	right: 0;
	position: absolute;
	top: 50%;
	width: 42%;
	transform: rotate(60deg);
	transform-origin: top left;
}

.arrow-left .arrow-bottom:after {
	background-color: #caa769;
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	transition: left 0.15s, right 0.15s;
	left: 0;
	right: 100%;
}

.arrow-left:hover .arrow-top:after {
	transition-delay: 0s;
	left: 0;
}

.arrow-left:hover .arrow-bottom:after {
	transition-delay: 0.15s;
	right: 0;
}

.arrow-right {
	bottom: 0;
	right: -55px;
	cursor: pointer;
	position: absolute;
	transition: transform 0.1s;
	width: 47px;
	height: 47px;
	transform: translateX(0) translateY(0);
	top: 50%;
	transform: translatey(-50%);
	font-size: 0;
	z-index: 3;
	transition: .25s;
}

.arrow-right .arrow-top {
	transform: rotate(60deg);
	transform-origin: bottom right;
	background-color: #71716F;
	height: 3px;
	left: 0;
	position: absolute;
	top: 50%;
	width: 42%;
}

.arrow-right .arrow-top:after {
	left: 100%;
	right: 0;
	background-color: #caa769;
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	transition: left 0.15s, right 0.15s;
	transition-delay: 0s;
}

.arrow-right:hover .arrow-top:after {
	left: 0;
	transition-delay: 0.15s;
}

.arrow-right .arrow-bottom {
	transform: rotate(-60deg);
	transform-origin: top right;
	background-color: #71716F;
	height: 3px;
	left: 0;
	position: absolute;
	top: 50%;
	width: 42%;
}

.arrow-right .arrow-bottom:after {
	background-color: #caa769;
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	transition: left 0.15s, right 0.15s;
	left: 0;
	right: 100%;
	transition-delay: 0.15s;
}

.arrow-right:hover .arrow-bottom:after {
	transition-delay: 0s;
	right: 0;
}

.title-center {
	/*margin-bottom: 30px;*/
	text-align: center;
	display: block;
	text-transform: uppercase;
	color: #000000;
	margin-top: 32px;
}

.title-center span {
	font-size: 36px;
	font-weight: 700;
	display: block;
}

.title-center p {
	text-align: center;
	color: #878787;
	font-style: italic;
	margin: 0;
	display: inline-block;
	padding-top: 15px;
	position: relative;
	min-width: 150px;
}

.title-center p:before {
	content: "///";
	color: #000;
	position: absolute;
	top: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 20px;
	text-align: center;
	background: #fff;
	z-index: 9;
	font-size: 14px;
}

.title-center p:after {
	content: "";
	width: 120px;
	height: 1px;
	background: #000;
	position: absolute;
	top: 5px;
	left: 15px;
}

.block-box {
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}

.slider-area {
	margin-bottom: 50px;
}

.relative {
	position: relative;
}

.photo-11,
.photo-22 {
	position: relative;
	display: block;
}

.photo-11 {
	padding-top: 100%;
}

.photo-22 {
	margin-bottom: 10px;
}

.photo-11 img,
.photo-22 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mrg-lr-5 {
	margin-left: -5px;
	margin-right: -5px;
/*	margin-bottom: 51px;*/
}

.pdd-lr-5 {
	padding-left: 5px;
	padding-right: 5px;
}

.other-video {
	overflow: auto;
}

.other-video-item {
	position: relative;
	margin-bottom: 15px;
}

.duration-video {
	position: absolute;
	height: 30px;
	width: 30px;
	top: 50%;
	left: 50%;
	opacity: 0.8;
	filter: invert(1);
	z-index: 9;
	transform: translate(-50%, -50%);
	transition: .25s;
}

.video-thumb-large .duration-video {
	height: 80px;
	width: 80px;
}

.video-thumb-large:hover .duration-video {
	opacity: 1;
	transition: .25s;
}

.other-video-item span {
	font-size: 15px;
	color: #555;
}

.other-video-item .other-video-thumb {
	position: relative;
	margin-right: 15px;
	border-radius: 8px;
	overflow: hidden;
	float: left;
	width: 176px;
    height: 132px;
}
.other-video-item .other-video-thumb a{
	position: relative;
	padding-top: 75%;
	display: block;
	    top: 0;
}
.other-video-item .other-video-thumb img {
	width: 100%;
	height: 100%;
	top: 0;
	position: absolute;
	object-fit: cover;
}

.other-video-item .other-video-thumb span.eye {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 14px;
	color: #fff;
}

.other-video-item .other-video-thumb:hover .duration-video {
	opacity: 1;
	transition: .25s;
}

.groups-news .fa {
	font-size: 14px;
}

.other-video-item h3 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
}

.groups-news a {
	color: #243a72;
}

.big-video h3 {
	font-size: 25px;
	font-weight: 600;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 11px;
	background-color: rgb(0 0 0 / 43%);
}

.big-video .duration-video {
	width: 60px;
	height: 60px;
}

.big-video :hover .duration-video {
	opacity: 1;
	transition: .25s;
}



.big-video .img-16-9 {
	border-radius: 10px;
	overflow: hidden;
}

.other-video::-webkit-scrollbar {
	width: 8px;
}

.other-video::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.other-video::-webkit-scrollbar-thumb {
	background: #e0e0e0;
}

.other-video::-webkit-scrollbar-thumb:hover {
	background: #555;
}

footer {
	margin-top: 40px;
	padding-top: 30px;
	background-color: #ffd496;
	color: #000;
}

footer p {
	color: #000;
}

footer li {
	margin-bottom: 15px;
}

footer ul {
	margin: 0;
	list-style: none;
}

.footer-home iframe {
	width: 100%;
	height: 330px;
}

.menu-bottom {
	padding: 0;
	margin: 0;
}

.menu-bottom li {
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
}

.dropdown-menu.signed {
	right: 0;
	left: auto;
	white-space: nowrap;
	padding: 20px;
}

.dropdown-menu.signed,
.dropdown-menu.signed a {
	font-size: 14px;
}

.dropdown-menu.signed .btn {
	font-size: 14px;
	border: 1px solid #ddd;
}

.d-flex-center {
	display: flex;
	align-items: center;
}

#cart_san-pham {
	margin-left: 0px;
	display: inline-block;
}

#nv-block-login button,
#nv-block-login a {
	font-size: 14px;
}

#nv-block-login {
	white-space: nowrap;
	right: 0;
	left: auto;
	padding: 20px;
}

.product-owl .arrow-left {
	left: 0;
	opacity: 0;

}

.product-owl .arrow-right {
	right: 0;
	opacity: 0;

}

.product-owl:hover .arrow-left,
.product-owl:hover .arrow-right {
	opacity: 1;
	transition: .25s;
}

.img-origin {
	width: auto !important;
	max-width: 100% !important;
}

.mrb-0 .block-box {
	margin-bottom: 0;
}

.fix-video {
	padding-top: 100%;
	position: relative;
	;
}

.fix-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sticky {
	position: fixed;
	top: 0;
	z-index: 9;
}

.sticky-left {
	position: sticky;
	top: 155px;
	z-index: 9;
}

header.sticky {
	background-color: #fff;
	border-bottom: 0 solid #4a90e2;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
	width: 100%;
	padding: 0;
	animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
	z-index: 100;
}

header.sticky .wrap_top1 {
	display: none;
}

header.sticky .header-area {
	min-height: auto;
}

header.sticky .header-container-inner .logo img{
	height: 60px;
}

.product-grid {
	position: relative;
}

.product-grid .img {
	position: relative;
	padding-top: 150%;
	margin-bottom: 24px;
}

.product-grid .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-grid h3 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}

.product-grid .price {
	font-size: 14px;
	font-weight: 300;
}

.product-grid .price .discounts_money {
	font-size: 13px;
	margin-right: 15px;
}

.product-grid .buy-now,
.product-grid .yeuthich {
	padding: 0 25px;
	border: 1px solid #fff;
	color: #fff;
	background: #5a5a5a;
	text-transform: uppercase;
	font-weight: 300;
	height: 40px;
	display: inline-block;
	transition: .25s;
	line-height: 40px;
	vertical-align: middle;
}

.product-grid .yeuthich {
	font-size: 20px;
}

.product-grid .buy-now:hover,
.product-grid .yeuthich:hover {
	background: #363636;
	transition: .25s;
}

.product-grid .action {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.menu-left {
	padding: 0;
	margin: 0;
	font-weight: 300;
}

.menu-left>li>a {
	font-size: 16px;
	text-transform: uppercase;
	color: #111;
}

.menu-left>li {
	margin-bottom: 20px;
}

.menu-left>li>ul {
	color: #333;
	font-size: 14px;
}

.menu-left>li>ul li {
	margin-bottom: 3px;
}

.page-header {
	margin-bottom: 40px;
	text-align: center;
	border: none;
}

.page-header h1 {
	font-weight: 400;
	font-size: 36px;
	text-transform: uppercase;
	text-align: left;
}
.content_duoi_san_pham h2{
	color: #d27c00;
	display: inline-block;
	width: 100%;
	font-size: 25px;
	font-weight: 600;
	line-height: 1;
	margin: 10px 0;
	position: relative;
}

.content_duoi_san_pham h3{
	margin: 10px 0;
}

.product-grid-s {
	position: relative;
	border-radius: 10px;
	background: #fee9cc;
	box-shadow: 3px 3px 7px 0px rgba(167, 167, 167, 0.75);
	-webkit-box-shadow: 3px 3px 7px 0px rgba(167, 167, 167, 0.75);
	-moz-box-shadow: 3px 3px 7px 0px rgba(167, 167, 167, 0.75);
	margin-bottom: 10px;
	overflow: hidden;
}

.product-grid-s .product-img img {
	border-radius: 10px 10px 0 0;

}

.product-grid-s h3,
.product-grid-s h2 {
	font-size: 16px;
	font-family: none;
	word-wrap: break-word;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 48px
}

.product-grid-s h3 a,
.product-grid-s h2 a {
	color: #222;
}

.product-grid-s .des {
	word-wrap: break-word;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	color: #605c5c;
	font-size: 13px;
	font-family: "SFUFutura", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.product-grid-s .newday {
	text-transform: uppercase;
	color: #fff;
	background: #C20200;
	padding: 3px 10px;
	position: absolute;
	left: -5px;
	top: 20px;
	font-size: 13px;
}

.product-grid-s .newday:after {
	content: '';
	height: 0;
	width: 0;
	border-top: 3px solid #6B1212;
	border-right: 3px solid #6B1212;
	border-bottom: 3px solid transparent;
	border-left: 3px solid transparent;
	position: absolute;
	top: 100%;
	left: 0;
}

.product-grid-s .product-price {
	text-align: right;
}

.label-gia-gia {
	position: absolute;
	display: inline-block;
	background: #ffce2dfa;
	padding: 5px 8px;
	color: #fff;
	top: 0;
	right: 10px;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	box-shadow: 2px 2px 5px -3px rgba(147, 147, 147, 0.75);
	-webkit-box-shadow: 2px 2px 5px -3px rgba(147, 147, 147, 0.75);
	-moz-box-shadow: 2px 2px 5px -3px rgba(147, 147, 147, 0.75);
	z-index: 99;
}

.label-gia-gia:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 4px solid #ffce2dfa;
	border-right: 10px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 10px solid #ffce2dfa;
	position: absolute;
	left: 0;
	top: 100%;
}

.label-gia-gia:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 4px solid #ffce2dfa;
	border-right: 10px solid #ffce2dfa;
	border-bottom: 4px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	right: 0;
	top: 100%;
}

.label-gia-gia strong {
	font-weight: 700;
	color: #C20200;
	font-size: 15px;
	display: block;
	text-align: center;
}

.product-grid-owl .owl-stage-outer {
	margin: -15px;
	padding: 15px;
}

.hitstotal {
	font-size: 15px;
    color: #fff;
    display: inline-block;
    position: absolute;
    bottom: 5px;
    left: 10px;
}

.hitstotal .fa {
	margin-right: 5px;

}

.product-grid-s .wishlist {
	position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 15px;
    border: none;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background-color: #eb8e07;
}

.product-grid-s .wishlist.disabled {
	background: #fff;
	border: 1px solid #fff;
	color: #FFC107;
}

.product-grid-s .add-cart {
	position: absolute;
    right: 10px;
    bottom: 50px;
    font-size: 15px;
    border: none;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background-color: #eb8e07;
}

.product-grid-s .product-empty {
	background: #EFBD74;
	color: #fff;
	padding: 3px 10px;
	border-radius: 4px;
	font-size: 13px;
	text-transform: uppercase;
	position: absolute;
	left: 10px;
	bottom: 10px;
}

.main-menu-box {
	text-align: center;
	background: #fff;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	background-color: #ffd496;
}

.bgslogan {
	color: #5a3b0d;
	padding: 0;
	position: relative;
	font-weight: 600;
}

.border-bottom {
	border-bottom: solid 1px #dcdcdc;
}

.dropdown-lang {
	position: relative;
	height: 32px;
	padding-top: 4px;
}

.wrap_top1 .dropdown-item {
	display: block;
	width: 100%;
	padding: 0.25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.flex-space-right {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.dropdown-lang .dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}

.dropdown-lang .dropdown-menu {
	right: 0px;
	left: unset;
	top: unset;
}
.fsearch-show {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 470px;
	height: 40px;
	background-color: #fff;
	border: 1px solid #eaeaea;
}

.flex-space-between {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.fsearch-show input[type="search"] {
	padding: 0 15px;
	width: calc(100% - 35px);
	width: -moz-calc(100% - 35px);
	width: -webkit-calc(100% - 35px);
}

.fsearch-show input[type="search"],
.fsearch-show button {
	border: none;
	height: 100%;
	background: none;
}

.fsearch-show button {
	width: 35px;
	padding: 0;
	text-align: center;
	color: #999;
}

.fsearch-show input[type="search"],
.fsearch-show button {
	border: none;
	height: 100%;
	background: none;
	padding-top: 3px;
}

.dropdown-lang button {
	border-radius: 5px;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
	color: #ffffff;
	background-color: #efbd74;
	border-color: #efbd74;
}

.btn-primary:hover {
	color: #ffffff !important;
	background-color: #efbd74;
	border-color: #efbd74;
}

.btn-success:hover {
	color: #ffffff;
	background-color: #000000;
	border-color: #000000;
}

.btn-primary {
	color: #ffffff;
	background-color: #efbd74;
	border-color: #efbd74;
}

.mxh img {
	display: inline-block;
	vertical-align: middle;
	padding: 1px;
}

.session_gioi_thieu {
	margin-bottom: 5px;
}

.bgslogan p {
	margin-bottom: 0;
	font-size: 14px;

}

.bgslogan img {
	margin-right: 10px;
	vertical-align: middle;
}

header {
	z-index: 100;
	background-color: #fff;
	margin-bottom: 20px;
}

.main-menu-box.sticky {
	position: fixed;
	left: 0px;
	width: 100%;
}

.label-gia-gia1 {
	position: absolute;
	display: inline-block;
	background: #e51616;
	padding: 5px 10px;
	color: #fff;
	top: 0;
	right: 10px;
	font-size: 12px;
	text-align: center;
	box-shadow: 2px 2px 5px -3px rgba(147, 147, 147, 0.75);
	-webkit-box-shadow: 2px 2px 5px -3px rgba(147, 147, 147, 0.75);
	-moz-box-shadow: 2px 2px 5px -3px rgba(147, 147, 147, 0.75);
	z-index: 100;
}

.label-gia-gia1:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 4px solid #e51616;
	border-right: 10px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 10px solid #e51616;
	position: absolute;
	left: 0;
	top: 100%;
}

.label-gia-gia1:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 4px solid #e51616;
	border-right: 10px solid #e51616;
	border-bottom: 4px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	right: 0;
	top: 100%;
}

.label-gia-gia1 strong {
	font-weight: 700;
	color: #fff;
	font-size: 27px;
	display: block;
	text-align: center;
}

.other-video-info .pubtime {
	font-weight: 300;
	color: #666;
	font-size: 13px;
	margin-bottom: 7px;
}

.other-video-info .fa {
	font-size: 14px;
}

.other-video-info a {
	margin-top: 5px;
}

.video_lon .pubtime {
	font-weight: 300;
	color: #fff;
	font-size: 13px;
}

.title-simple {
	font-size: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #efbd74;
}

.info-price {
	font-size: 24px;
}

.info-price .discounts_money {
	font-size: 20px;
}

.item-inner {
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
}

.item-inner img {
	width: 100%;
	height: 100%;
}

.item-inner .video-iframe {
	background: #000;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: contain;
}

.item-inner iframe{
	width: 100%;
	height: 53.65%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	object-fit: contain;
}

#pnum {
	width: calc(100% - 80px);
	border-radius: 0;
	display: inline-block;
	vertical-align: middle;
	border-left: none;
	border-right: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.giamsl,
.tangsl {
	border-radius: 0;
	background: #fff;
	border: 1px solid #ccc;
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	width: 40px;
}

.btn-order-cart,
.btn-order-buy {
	padding: 0 20px;
	height: 40px;
	border: none;
}

.btn-order-cart {
	background: #ffc157;
	color: #000;
}

.btn-order-buy {
	background: #f2fbcb;
}

.fb_iframe_widget {
	vertical-align: top;
}

.order-number {
	margin-bottom: 10px;
	display: inline-flex;
	align-items: center;
}

.order-number-input {
	margin-right: 15px;
}

.order-number input {
	min-width: 50px !important;
	max-width: 50px !important;
}

.product-properties {
	margin: 15px 0;
	border-bottom: 1px solid #ddd;
}

.info-box {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}

.product-inf {

	display: flex;

}

.product-inf .size {
	line-height: 30px;
	text-align: center;
	display: inline-block;
	margin: 0 3px;
	cursor: pointer;
	font-size: 14px;
	padding: 2px 10px;
	border-radius: 10px;
	min-width: 80px;
}

.product-inf .size.active {
	position: relative;
	background-color: #E5834D !important;
    color: #fff !important;
}

.product-inf .size.active:before {
	content: "";
	border-radius: inherit;
	transition: opacity .2s ease-in-out, transform .2s ease-in-out;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.product-inf .size.het-hang {
	background-image: linear-gradient(to bottom right, #0000 50%, currentColor 50% calc(50% + 2px), #0000 calc(50% + 2px));
	opacity: .7;
	cursor: no-drop;
}

.product-properties .title-s {
	position: relative;
	display: block;
    margin-right: 10px;
	font-weight: 400
}

.heading-footer {
	font-size: 18px;
	text-transform: capitalize;
	margin-bottom: 20px;
	font-weight: 700;
}

.menu-footer {
	padding: 0;
	margin: 0;
}

.menu-footer li {
	margin-bottom: 6px;
}

.menu-footer li a {
	color: #000;
}

.menu-footer li a:hover {
	text-decoration: underline;
}

.social-footer {
	padding: 0;
	margin: 0;
	display: flex;
}

.social-footer li {
	margin: 0 3px;
}

.social-footer li a{
	display: flex;
    justify-content: center;
    align-items: center;
	width: 36px;
    height: 36px;
    font-size: 15px;
    border-radius: 50%;
    margin: 0 5px 0 0;
    background-color: #3B599A;
    color: #fff;
}

.social-footer li:nth-child(2) a{
	background-color: #DB473E;
}

.social-footer li:nth-child(3) a{
	background-color: #0095f6;
}

.social-footer li:nth-child(4) a{
	background-color: #E60023;
}

.social-footer li:nth-child(5) a{
	background-color: #A6168C;
}

.social-footer li img {
	width: 36px;
	height: 36px;
}

.social-footer li:last-child a{
	background-color: transparent;
}

.title-social {
	margin-bottom: 30px;
}

.copyright {
	color: #ab8752;
	font-size: 12px;
	margin-top: 20px;
}

.copyright a {
	color: #ab8752;
}

#back-to-top {
	display: none;
	position: fixed;
	bottom: 35px;
	right: 5px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background: none;
	color: #fff;
	cursor: pointer;
	padding: 0;

}

.btn-contact-bar1 {
	z-index: 9;
	display: flex;
	position: fixed;
	right: 10px;
	bottom: 83px;
	align-items: flex-end;
	flex-flow: column nowrap;
}

.item-contact-box {
	z-index: 999;
	background: #efbd74;
	margin-bottom: 20px;
	width: 40px;
	height: 40px;
	padding: 5px 0px 0px 5px;
	border-radius: 999px;
	transition: .25s cubic-bezier(.4, 0, .2, 1);
}

.item-contact {
	display: flex;
	text-decoration: none;
}

.icon-contact {
	height: 50px;
	width: 50px;
	background: #efbd74;
	border-radius: 999px;
	position: absolute;
	margin: -10px;
}

.tada {
	width: 40px;
	height: 40px;
	margin-left: 6px;
	margin-top: 5px;
	color: white;
	font-size: 25px;
	border: 8px solid transparent;
	-webkit-animation: tada 1s infinite ease-in-out;
	animation: tada 1s infinite ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.item-contact-box:hover {
	width: 215px;
	height: 40px;
}

.btn-contact-bar1 .content {
	line-height: 30px;
	margin-left: 50px;
	width: auto;
	white-space: nowrap;
	color: white;
	font-size: 14px;
	overflow: hidden;
	text-overflow: clip;
	text-align: center;
}

.news-cat-big {
	overflow: hidden;
}

.news-cat-big .img {
	position: relative;
	padding-top: 92.2%;
	overflow: hidden;
}

.news-cat-big img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .25s
}

.news-cat-big .info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	padding: 20px;
}

.news-cat-big .category {
	padding: 5px 10px;
	display: inline-block;
	background: #efbd74;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
}

.news-cat-big a {
	color: #fff;
}

.news-cat-big h3 {
	word-wrap: break-word;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: 700;
}

.news-cat-big .des {
	word-wrap: break-word;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;

}

.news-cat-big:hover h3 a {
	color: #efbd74;
}

.news-cat-big:hover .img img {
	transform: scale(1.1);
	transition: .25s
}

.news-cat-mn,
.news-cat-mn-block {
	display: flex;
	margin-bottom: 17px;
}

.news-cat-mn .img {
	flex-basis: 170px;
	width: 170px;
	position: relative;
	margin-right: 15px;
}

.news-cat-mn-block .img {
	flex-basis: 113px;
	width: 113px;
	position: relative;
	margin-right: 15px;
}

.news-cat-mn .img-res,
.news-cat-mn-block .img-res {

	padding-top: 52.65%;
	position: relative;
}

.news-cat-mn .img img,
.news-cat-mn-block .img img {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
}

.news-cat-mn .info,
.news-cat-mn-block .info {
	flex: 1;
}

.news-cat-mn .category,
.news-cat-mn .date,
.news-cat-mn-block .date {
	text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 13px;
	color: #bbb;
}

.news-cat-mn .date,
.news-cat-mn-block .date {
	margin-bottom: 0;
}

.news-cat-mn h3,
.news-cat-mn-block h3 {
	font-size: 17px;
	margin-bottom: 5px;
	font-weight: 300;
	word-wrap: break-word;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}



.news-grid-l {

	border: 1px solid #ddd;
	margin-bottom: 20px;
}

.news-grid-l .category {
	padding: 4px 10px;
	background: #f39916;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}
.news-grid-l .hitstotal {
	font-size: 13px;
	color: #000;
	position: absolute;
	top: 10px;
	right: 10px;
}
.news-grid-l .hitstotal .fa{
	cursor: #000;
	margin-right: 5px;
}
.news-grid-l h3,
.news-grid-l h2 {
	word-wrap: break-word;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 10px;
	font-size: 18px;
	height: 52px;
}

.news-grid-l .des {
	word-wrap: break-word;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 10px;
    font-size: 18px;
}

.news-grid-l .date {
	color: #ccc;
	font-size: 13px;
}

.news-grid-l .info {
	padding: 10px;
}

.block_tophits li{
	font-family: "SFUFutura", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
}

.block-left {
	padding: 10px 20px 5px 20px;
	border: 1px solid #ffecc8;
	/*box-shadow: 6px 4px 8px -2px #888785;*/
}

.heading-left {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 17px;
	text-align: center;
	color: #d47e00;
}

.heading-left a{
	color: #b58831;
}

.heading-center {
	font-size: 45px;
	font-weight: 700;
	text-align: center;
	margin-bottom: -16px;
}

.block-left .heading-center{
	color: #d47e00;
}

.news-list-text {
	padding: 0;
	margin: 0;
}

.news-list-text li {
	margin-top: 30px;
	display: flex;
}

.news-list-text h3,
.news-list-text .des {
	word-wrap: break-word;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-family: "SFUFutura", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.news-list-text h3 {
	font-size: 18px;
	margin-bottom: 10px;
	font-family: 'SFUGaramondSemiBold', serif;
}

.news-list-text .stt {
	font-family: 'Pinyon Script', cursive;
	font-size: 56px;
	flex-basis: 50px;
	flex-shrink: 0;
	color: #d47e00;
}

.detail-related h4 {
	font-size: 16px;
}

.xem-tiep {
	text-transform: uppercase;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	margin-top: 15px;
}

.xem-tiep .fa {
	margin-left: 5px;
}

a:hover {
	color: #efbd74;
}

.title-detail-news {
	font-size: 40px;
	text-transform: uppercase;
}

.hometext {
	font-size: 16px;
	font-family: "SFUFutura", serif;
	font-style: oblique;
	font-weight: 400;
	color: #5E5E5E;
	margin-bottom: 20px !important;
}
.socialbutton{
	text-align: right;
}
.share-fb,
.share-twitter,
.share-linkedin {
	padding: 10px 30px;
	display: inline-block;
	background-color: #3b5998;
	color: #fff;
}

.share-twitter {
	background-color: #0095f6;
}

.share-linkedin {
	background-color: #0077b5;
}

.info-title h1 {
	font-size: 25px;
}

.info-hometext {
	margin-top: 10px;
	margin-bottom: 15px;
}

.product-info .wrap_danh_gia_sao {
	font-size: 15px;
	margin-bottom: 10px;
}

.product-info .wrap_danh_gia_sao .fa{
	color: #dcdcdc;
}

.product-info .wrap_danh_gia_sao .full.fa{
	color: #ffa500;
}

.product-info .wrap_danh_gia_sao .half.fa{
	background-image: conic-gradient(#dcdcdc 0deg, #dcdcdc 180deg, #ffa500 180deg, #ffa500 270deg);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.img-square {
	position: relative;
	padding-top: 100%;
	display: block;
}

.img-4-3 {
	position: relative;
	padding-top: 75%;
	display: block;
}

.img-square img,
.img-4-3 img {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	object-fit: cover;
}

.item_chay {
	display: inline-block;
	margin: 0px 20px;
}

.box-shadow {
	box-shadow: 0px 4px 8px -2px #ccc;
}

.news-featured {
	padding: 50px 30px;
	background: #f7f4eb;
	border-radius: 40px;
	margin-bottom: 40px;
}

.news-cat-mn {
	margin-bottom: 20px;
}

.news-cat-mn:last-child {
	margin-bottom: 0;
}

.mrg---30 {
	margin-top: -6px;
}

.menu-horizontal {
	padding: 0;
	margin: 0;
	text-align: center;
	margin-bottom: 30px;
	border-bottom: none;
}

.menu-horizontal li {
	display: inline-block;
	margin: 0 5px;
	float: none;
}

.menu-horizontal li a {
	display: block;
	color: #000;
	padding: 10px 16px;
	background: #fff2de;
	border-radius: 10px;
	border: 1px solid #ddd;
	min-width: 160px;

	margin-top: 0;
	font-weight: 400;
	font-family: "Times New Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.menu-horizontal li.active a,
.menu-horizontal li.active a:hover, .menu-horizontal li.active>a:focus {
	background: #efbd74;
	color: #222;
}
.kh-grid{
	margin-bottom: 60px;
}
.kh-grid .slider-banner-wrapper{
	position: relative;
	padding-top:65%;
}
.kh-grid .slider-banner-wrapper img{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	object-fit: cover;
}
.kh-grid h3,
.kh-grid h2{
	font-weight: 700;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 18px;
    margin-top: 5px;
}
.kh-list h3{
	height: auto;
	margin-bottom: 0;
}
.kh-list .info{
	background: #FFF2CD;
}
.list-inline{
	margin-top: 0;
	margin-bottom: 0;
}
.cong-dong-list{
	margin-bottom: 20px;
	padding: 0 20px;
	text-align: center;
}
.cong-dong-list .img{
	flex-basis: 450px;
	margin-right: 20px;
}
.cong-dong-list h3{
	font-size: 24px;
	margin-bottom: 10px;
	overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.cong-dong-list .des{
	font-size: 16px;
	overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.cong-dong-list .link {
	background: #fff;
	color: #000;
	border: 1px solid #ddd;
	display: inline-block;
	margin-top: 10px;
	padding: 6px 20px;
	border-radius: 14px;
	transition: 0.4s all;
}
.bg-yellow{

	background: #FFF2CD;
	position: relative;
}
.cong-dong-list .aa{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.cong-dong-list .stt{
	font-family: 'Pinyon Script', cursive;
	font-size: 100px;
	flex-basis: 100px;
	margin-right: 24px;
	flex-shrink: 0;
	color: #efbd74;
	
}
.flex-1{
	flex: 1;
}
.pdd-l-30{
	padding-left: 30px;
}

.mrg-lr-0{
	margin-left: 0;
	margin-right: 0;
}
.pdd-lr-0{
	padding-left: 0;
	padding-right: 0;
}
.pdd-20{
	padding: 20px;
}
.pdd-10{
	padding: 10px;
}
.border-radius-10{
	border-radius: 10px;
	overflow: hidden;
}

.mrg-lr-20{
	margin-left: -20px;
	margin-right: -20px;
}
.pdd-lr-20{
	padding-left: 20px;
	padding-right: 20px;
}
.video-detail-box{
	width: 75%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	
}
.video-detail{

	
	
	position: relative;
	padding-top: 56.25%;
}
.video-detail iframe, .video-detail video{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
.footer-padding .block-box{
	margin-bottom: 10px;
}
.pt-25{
	padding-top: 25px;
}
.form_gui_thong_tin_ung_tuyen{
	border-radius: 10px;
	background: #ffffff70;
	padding: 20px;

}
.form_gui_thong_tin_ung_tuyen h3{
	color: #E5834D;
	font-size: 18px;
	font-weight: 700;
}

.form_gui_thong_tin_ung_tuyen p{
	margin-bottom: 10px;
	font-family: "SFUFutura", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.form_gui_thong_tin_ung_tuyen input,
.form_gui_thong_tin_ung_tuyen textarea{
	border-radius: 10px;
	border: 1px solid #E5834D;
	background-color: #fff;
	height: 35px;
	line-height: 35px;
	padding: 8px 13px;
	margin-bottom: 10px;
	width: 100%;
	font-size: 16px;
	font-family: "SFUFutura", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.form_gui_thong_tin_ung_tuyen textarea{
	height: auto;
}

.form_gui_thong_tin_ung_tuyen button {
	border-radius: 10px;
	background: #E5834D;
	height: 35px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	border: none;
	width: 100%;
}



.form_gui_thong_tin_dat_hang_truoc{
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50);
	padding: 20px;

}
.form_gui_thong_tin_dat_hang_truoc #modal_hang_dat_truoc_title{
	color: #E5834D;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 5px;
}
.form_gui_thong_tin_dat_hang_truoc input{
	border-radius: 10px;
	border: 1px solid #E5834D;
	height: 35px;
	line-height: 35px;
	padding: 8px 13px;
	margin-bottom: 10px;
	width: 100%;
	font-size: 16px;
}
.form_gui_thong_tin_dat_hang_truoc button {
	border-radius: 10px;
	background: #E5834D;
	height: 35px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	border: none;
	width: 100%;
}
#modal_hang_dat_truoc_title_1{
	color: #E5834D;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 15px;
}



.title_nhan_tu_van {
	font-size: 18px;
	text-transform: capitalize;
	margin-bottom: 20px;
	font-weight: 700;
	color: #fff;
}
.button_gui_thong_tin{
	background: #fff;
	color: #000;
}
.button_gui_thong_tin:hover{
	color: #efbd74;
}
.form_gui_thong_tin_ung_tuyen input:focus {
	background: #fff;
}
.img_top_view_cat{
	width: 100%;
	margin-bottom: 20px;
	object-fit: contain;
}
.cat_des{
	margin-top: 20px;
}
.phi_ship_detail{
	background: #FBC343;
	border-radius: 5px;
	padding: 5px 10px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 10;
	color: #000;
	font-weight: 600;
	box-shadow: 0px 4px 8px -2px #ccc;
}

.product-detail .product-image-gallery{
	position: relative;
}
.btn-order-cart, .btn-order-buy{
	min-width: 240px;


}
.btn-order-cart{
	margin-right: 10px;
}
.sticky-left .metismenu .sidebar-nav ul a{
	font-weight: 400;
	color: #686868;
	padding: 0;
}
.sticky-left .metismenu .sidebar-nav>ul>li>a{
	font-size: 16px;
	text-transform: uppercase;
	color: #111;
}
.sticky-left .metismenu .sidebar-nav ul a{
	border: none;
	background: none;
	display: inline-block;
}

.sticky-left .metismenu .sidebar-nav ul ul a{
	color: #686868;
}
.sticky-left .metismenu .sidebar-nav ul ul a:hover, .metismenu .sidebar-nav ul ul a:focus, .metismenu .sidebar-nav ul ul a:active{
	background: none;
}
.sticky-left .metismenu .sidebar-nav ul ul{
	padding-left: 15px;
	margin-top: 10px;
}.sticky-left .metismenu .sidebar-nav ul li{
	margin-bottom: 10px;
}
.sticky-left .metismenu .arrow{
	height: 20px;
	width: 20px;
	line-height: 20px;
	position: relative;
}
.sticky-left a:hover{
	color: #efbd74;
}
.so_luong_gio_hang{
	position: absolute;
	right: 5px;
	top: 10px;
	z-index: 10;
	background: #ff7700;
	width: 17px;
	height: 17px;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
}





#Freeship .modal-dialog{
	min-width: 550px;
	width: 550px;
}
.iframe-fb{
	padding: 10px;
}
.iframe-fb iframe{
	width: 100%;
	height: 700px;
}

#voucher .modal-content{
	background-color: transparent;
}

.voucher{
	padding: 20px;
	background: #ffd496;
	border-radius: 8px;

}
.voucher .voucher-title{
	color: #bb4300;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
	text-align: center;
}
.voucher .sub{
	font-size: 16px;
	font-weight: 300;
	text-align: center;
}
.voucher .form-control{
	margin-bottom: 10px;

}
.voucher .radioo{
	width: 100%;
	font-size: 13px;
}
.voucher .radioo .form-control{
	margin-bottom: 0;
}
.voucher form{
	margin: 10px 0;
}
.voucher .ok-voucher{
	width: 100%;
	background: #E5834D;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	margin-top: 10px;
	padding: 8px 0;
	border: none;
	border-radius: 6px;
}
.close{
	float: none;
	position: absolute;
	top: -10px;
	right: 0px;
	opacity: 1;
	font-size: 30px;
}
.btn-r{
	padding: 7px 0;
	width: 100%;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
	background: #ffc157;
	border-radius: 5px;
	border:none;
	margin-bottom: 10px;
}
.modal-dialog {
	margin-top: 0;
	margin-bottom: 0;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.modal.fade .modal-dialog {
	transform: translate(0, -100%);
}

.modal.in .modal-dialog {
	transform: translate(0, 0);
}
.phi_ship_detail{
	background: #FBC343;
	border-radius: 5px;
	padding: 5px 10px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 10;
	color: #000;
	font-weight: 600;
	box-shadow: 0px 4px 8px -2px #ccc;
}

input[type='checkbox'], input[type='radio'] {
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa;
	clear: none;
	cursor: pointer;
	display: inline-block;
	line-height: 0;
	height: 16px;
	margin: 0 7px 3px 0;
	outline: 0;
	padding: 0 !important;
	text-align: center;
	vertical-align: middle;
	width: 16px;
	min-width: 16px;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #707070;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.form-control{
	font-size: 14px;
	font-family: none;
	line-height: 40px;
	height: 40px;
	box-shadow: none;
}
.filter-box{
	padding: 9px;
	background: #fff7ec;
	width: 70%;

	border-radius: 10px;
}
.voucher-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	transition: all 0.3s;
	transform: translatey(100%);
	z-index: 11;
	background: #ffffff;
}
.voucher-bottom.is-active {
	z-index: 10000;
	transform: translatey(0);
}
.voucher-button {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #eb8e06;
	color: #fff;
	width: 100%;
	padding: 0 24px;
	max-width: 563px;
	height: 50px;
	font-size: 14px;
	border-radius: 8px 8px 0 0;
	text-transform: uppercase;
	font-weight: 700;
	border: none;
}
.voucher-button:before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(../images/voucher.webp);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-right: 8px;
}
.voucher-button:after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin-left: auto;
	background-image: url(../images/btn-voucher.webp);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: all .3s;
}
.voucher-bottom .content {
	padding: 20px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}
.voucher-bottom .content .item{
	width: 340px;
	margin-right: 20px;
	display: inline-block;
}
.voucher-bottom .content .item:last-child{
	margin-right: 0;
}
.voucher-bottom .content .item a{
	width: 100%;
	margin-right: 10px;
	padding-top: 56.25%;
	position: relative;
	display: inline-block;
	border-radius: 6px;
	overflow: hidden;
}
.voucher-bottom .content .item img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.voucher-bottom-backdrop {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0006;
	z-index: 10;
	transition: all .3s;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}
.voucher-bottom.is-active+.voucher-bottom-backdrop {
	z-index: 13;
	opacity: 1;
	visibility: visible;
	pointer-events: visible;
}

.voucher-bottom h3{
	text-align: center;
	margin-bottom: 5px;
	color: #000000;
	font-weight: 700;
}

.voucher-bottom .text{
	border: 1px solid rgb(183 135 65 / 75%);
	padding: 10px 12px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 23;
	border-radius: 5px;
	background: rgb(183 135 65 / 55%);
	transition: .25s;
}
.voucher-bottom .text:hover{
	background: #b78741;
	border-color: #b78741;
	transition: .25s;
}
.newday{
	position: absolute;
	top: 5px;
	left: 5px;
	padding: 5px 10px;
	color: #fff;
	z-index: 1;
	font-size: 12px;
	background: #efbd74;
}
.video-main-list{
	border: 1px solid #ddd;
	display: flex;
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 5px;
	padding: 15px
}
.video-main-list .video-thumb{
	position: relative;
	margin-right: 10px;
	width: 160px;

	border-radius: 5px;
	overflow: hidden;
	flex-basis: 160px
}
.video-main-list .video-info{
	flex: 1
}
.video-main-list h3{
	font-weight: 700;
	margin-bottom: 10px
}
.video-main-list .pubtime{
	display: flex;
	align-items: center;
	gap: 20px
}
.icon-contact_top {
	height: 40px;
	width: 40px;
	background: #efbd74;
	border-radius: 999px;
}
.icon-contact_top .tada {
	margin-left: -3px;
	margin-top: 0px
}
.so_luong_gio_hang_top {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 10;
	background: #ff7700;
	width: 17px;
	height: 17px;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
}
.item-contact_top{
	margin-right: 15px;
}
.block-box.form_lay_voucher{
	max-width: 100%;
	margin: auto;
}
.cart-item{
	display: flex;
	gap: 10px;

	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.cart-item .img{
	flex-basis: 53px;
}
.cart-item .img img{
	width: 100%;
	height: auto;
	border-radius: 3px;
}
.cart-item .info{
	flex: 1;
}
.cart-item .info h3{

	font-weight: 600;
	margin-bottom: 5px;
}
.cart-item .price-box{
	flex-basis: 100px;
	text-align: right;

}
.cart-item .remove_cart{
	color: #666;
}
.cart-item .price{
	color: red;
}
.cart-item .discount{
	text-decoration: line-through;
}
.cart-item .giamsl, .cart-item .tangsl {
	width: 30px;
	height: 30px;

}
.cart-item .pnum {
	width: calc(100% - 60px);
	border-radius: 0;
	display: inline-block;
	vertical-align: middle;
	border-left: none;
	border-right: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	height: 30px;
	line-height: 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.cart-item .remove_cart, .cart-item .order-number-input{
	margin-top: 5px;
	margin-right: 0;
	display: block;
}
.cart-item .properties{
	color: #666;
}
.container-600{
	width: 600px;
	margin: 0 auto;
	padding: 15px;

	background: #fff;
	box-shadow: 0 0 18px rgba(0,0,0,.12);
	border-radius: 2px;
}
.btn-voucher{
	position: relative;
	padding: 10px;
	background: none;
	border: 1px solid #e0e0e0;
	color: #000
}
.btn-voucher:before{
	content: '';
	width: 23px;
	height: 13px;
	margin-right: 5px;
	background: url(../images/voucher.png) no-repeat;
	background-size: contain;
	display: inline-block
}
.btn-voucher:after{
	content: '\f0d8';
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 5px
}
.btn-voucher.active:after{
	content: '\f0d7'
}
.voucher-input{
	background: #f1f1f1;
	margin: 10px 0 0;
	padding: 10px;
	width: 100%;
/*	display: none;*/
position: relative
}
.voucher-input.active{
	display: block
}
.voucher-input:before{
	content: "";
	width: 10px;
	height: 10px;
	border-top: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	background: #f1f1f1;
	transform: rotate(-45deg);
	display: block;
	position: absolute;
	top: -5px;
	left: 85px;
}
.voucher-input .alert-danger{
	margin-top: 20px
}
.mrg-t-20{
	margin-top: 20px
}
.btn{
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	
}
.btn-accept-voucher{
	border: 1px solid #bdbdbd;
	background: #bdbdbd;
	color: #fff;
	border-radius: 4px !important;
	cursor: none;
	margin-left: 30px !important
}
.btn-accept-voucher.active{
	border: 1px solid #288ad6;
	background: #288ad6;
}
.voucher-input .form-control{
	border-radius: 4px !important
}
input:focus{
	background: #fff
}
.gender-box{
	display: flex;
	gap: 20px;
	margin: 20px 0
}
.info-box-order input{
	margin-bottom: 10px
}
.mrg-b-20{
	margin-bottom: 20px
}
.sidebar-nav i{
	cursor: pointer;
	transition: 0.5s;
	font-weight: 600;
}
.sidebar-nav i:hover{
	color: #FFA500;
}
.sidebar-nav li.active i{
	transform: rotate(180deg);
}
.product-empty{
	cursor: pointer;
}
.title-s{
	font-weight: 600;
	min-width: 60px;
}
.red{
	color: red;
}
.bold{
	font-weight: 600;
}
#voucher_info{
	margin-top: 10px;
}
.alert-info{
	background: #f9d8a8;
	border-color: #f9d8a8;
	color: #000;
}
img{
	max-width: 100%;
	height: auto;
}
.video-box {
	position: relative;
	padding-top: 52.65%;
}
.video-box video, .video-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
}
.container-1080{
	width: 1080px;
	margin: 0 auto;
}
.text-justify{
	border: none;
}

.main-menu>li>.sub-menu.megamenu > li > ul > li > ul{
	margin-left: 23px;
}
.main-menu>li>.sub-menu.megamenu > li > ul > li > ul > li {
	display: list-item;
	list-style: circle;
}

.main-menu>li>.sub-menu.megamenu>li{
	line-height: 15px;
}
.main-menu>li>.sub-menu.megamenu>li>a{
	color: #eb8e06;
	font-size: 17px;
	margin-bottom: 5px;
}
.main-menu>li>.sub-menu.megamenu li a:hover{
	margin-left: 5px;
}
.xem_them_tab{

	padding: 10px 20px;
	margin-bottom: 20px;
	display: inline-block;
	color: #E5834D;
	border-radius: 10px;
	border: 1px solid #E5834D;
	background: #FFF;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	transition: 0.4s all;
}

.xem_them_tab:hover,
.cong-dong-list .link:hover{
	background-color: #E5834D;
	color: #fff;
}

/*.hitstotal{
	border-radius: 10px;
	padding: 0px 5px;
	background: #f39916;
	color: #fff !important;
	display: block;
}
.hitstotal i{
	color: #fff !important;
}*/
#page-bodyhtml p, .hometext p{
	margin: 0
}

hr {
	margin-top: 18px;
	margin-bottom: 18px;
	border: 0;
	border-top: 1px solid #eeeeee;
}
button[disabled], html input[disabled]{
	opacity: 0.6;
}
#search-header-form .modal-dialog {
	flex: 1;
}

#search-header-form .close {
	font-size: 30px;
	position: absolute;
	top: -54px;
	right: 0px;
	color: #fff;
	text-shadow: none;
	font-weight: 400;
	opacity: 1;
}

#search-header-form .title-search {
	font-size: 40px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: 700;
	color: #fff;
	position: relative
}
.btn-search {
	padding: 0;
	margin-right: 10px;
	border: none;
	background: none;
}
.cart-btn-style{
	background: #ffc157;
	color: #000;
	min-width: 140px;
	padding: 0 20px;
	height: 40px;
	border: none;
}
.single-product-cart a{
	font-size: 15px;
}
.cart-img .img-square{
	padding: 0px !important;
	padding-top: 100% !important;
}
.cart-title a{
	padding: 0px !important;
}
.bao_tim_kiem{
	max-width: 30vw;
	margin: auto;
	margin-bottom: 20px;
}
#search_result h3>a{
	font-weight: 600;
}
.mo_ta_cho_tim_kiem{
	text-align: justify;
}
#content_detail-2 a{
	color: #E5834D;
}
.info-hometext a{
	color: #E5834D;
}
.viewtag .page-header{
	text-align: left;
}
.bg_about{
	background: #fff url(../images/bgabout.png) no-repeat  center;
	background-size: 90%
}

.bg_about .section-title.text-center>h2{
	margin: 4px 0;
}

#search_result .nav-tabs>li.active>a, #search_result .nav-tabs>li.active>a:hover, #search_result .nav-tabs>li.active>a:focus{
	color: #fff;
	background: #f4b962;
	border: 1px solid #efbd74;
}
#news-bodyhtml ul{
	padding-left: 0
}
.product-image-gallery .owl-carousel.owl-drag .owl-item{
	opacity: 0;
}
.product-image-gallery .owl-carousel.owl-drag .owl-item.active{
	opacity: 1;
}
.mo_ta_khuyen_mai{
	margin-bottom: 30px;
}
.product-detail  .tabs ul, #page-bodyhtml ul, #news-bodyhtml ul{
	padding-left: 15px;
	list-style: disc;
}
#news-bodyhtml a{
	color: #E5834D;
}
#news-bodyhtml ul{
	line-height: 24px;
}

/*Fix*/

.headerSearch{
	position: relative;
	min-width: 300px;
    border: 1px solid #eb8e07;
    border-radius: 30px;
    overflow: hidden;
    padding: 0 10px;
}

.headerSearch input{
	border: none;
    outline: none !important;
    box-shadow: none !important;
	height: auto
}

.headerSearch .btn{
	background-color: transparent;
    border: none;
    color: #eb8e07;
}

.sp-tieu-bieu{
	position: relative;
	margin-bottom: 25px;
}

.slider-area .section-title{
	margin-bottom: 30px;
}

.default-icon .section-title h2:after,
.shops-cat-page .page-header h1:after{
	background: url(../images/krummelure-70x27.png);
    background-size: cover;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    content: '';
    width: 70px;
    height: 27px;
}

.shops-cat-page .page-header{
	margin-top: 0;
}

.shops-cat-page .page-header h1{
	font-size: 32px;
    font-weight: 500;
    text-align: center;
    text-transform: none;
}

.partner-owl .owl-item{
	position: relative;
	border-radius: 8px;
    border: 1px solid #eee;
    padding: 10px;
}

.partner-owl .owl-item img{
    height: 120px !important;
    width: auto !important;
    margin: 0 auto;
}

.news-featured .news-cat-mn .thumb{
	margin-right: 10px;
}

.news-featured .news-cat-mn .thumb img{
	height: 150px;
    width: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}

.news-featured .news-cat-mn h3,
.news-featured .news-cat-mn h2{
	font-size: 18px;
	font-family: "SFUFutura", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.news-featured .news-cat-mn .des{
	font-size: 18px;
	color: #444;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0;
}

.partner-box{
	margin-bottom: 40px;
}

.label-product-hot{
	position: absolute;
    right: 10px;
    top: 20px;
    background-color: #fff;
    text-align: center;
    font-size: 10px;
    font-weight: 600;
    color: #e20b19;
    padding: 4px 10px;
    border-radius: 10px;
}

.label-product-hot img{
	position: relative;
    height: 30px !important;
    width: auto !important;
    margin-bottom: 2px;
}

.label-product-hot span{
	display: block;
}

.product-detail .tab-content h2{
	display: inline-block;
    font-weight: 600;
    font-size: 20px;
    margin: 5px 0;
}

.product-detail  .tab-content h3{
	display: inline-block;
    font-weight: 600;
    font-size: 17px;
    margin: 5px 0;
}

.freeship{
	width: 55% !important;
}

.freeship .btn-r{
	font-size: 12px;
}

.san-voucher .btn-r{
	background-color: #ffd496;
	border-color: #ffd496;
	color: #222;
	padding: 15px;
	margin: 5px 0 30px;
}

.page .title{
	font-weight: 600;
    font-size: 24px;
    color: #c19250;
}

.control-fileupload {
    display: flex;
    align-items: center;
    border: 1px solid #E5834D;
    border-radius: 10px;
    background-color: #fff;
    width: 100%;
    height: 42px;
    padding: 4px 10px;
    overflow: hidden;
    position: relative;
}

.control-fileupload label {
    line-height: 24px;
    color: #999999;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
    cursor: text;
}

input[type=file] {
    display: block !important;
    right: 1px;
    top: 1px;
    height: 34px;
    opacity: 0;
    width: 100%;
    background: none;
    position: absolute;
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
}

.story-box{
	position: relative;
    background-color: #eee;
    padding: 20px 140px 40px;
    margin: 50px -60px;
}

.story-content{
	max-width: 70%;
    margin: 10px auto 30px;
    font-size: 15px;
}

.story-image .story-image-item{
	position: relative;
	margin-bottom: 30px;
	border: 5px solid #f6b82670;
	border-radius: 10px;
	overflow: hidden;
	padding-top: 52.65%;
}

.story-image .story-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.story-image .story-image-item:hover img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.sub-title{
	font-size: 18px;
    font-weight: 600;
}

.sub-des{
	font-size: 16px;
    margin: 5px 0 10px;
}

.notify {
    position: fixed;
    top: 50px;
    right: -300px;
    width: 300px;
    transition: all .2s;
    box-sizing: border-box;
    z-index: 99999;
    background: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 0 0 8px rgba(0,0,0,.15);
    border-radius: 16px;
    padding: 18px;
    touch-action: pan-y;
}

.notify.is-active {
	right: 20px;
}

.notify__message {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .03em;
    color: #000;
    margin-bottom: 0;
}

.notify-product {
    display: flex;
    padding-top: 15px;
    border-top: 1px solid #d9d9d9;
    margin-top: 15px;
    padding-bottom: 5px;
}

.notify-product__thumbnail {
    width: 25%;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}
.notify-product__thumbnail img {
	width: 100%;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
}

.notify-product__content {
    display: flex;
    flex-flow: column;
    width: 75%;
    padding-left: 10px;
}

.notify-product__title {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .03em;
    margin-bottom: 6px;
    color: #000;
}

.notify-product__prices {
    display: flex;
    flex-flow: row-reverse;
    align-items: flex-end;
    justify-content: flex-end;
    font-weight: 600;
    color: #eb8e07;
}

.notify-product__prices del {
    color: #c4c4c4;
}

.notify-product__prices del+ins {
    color: #ff3102;
    text-decoration: none;
    margin-right: 10px;
}

.notify .btn {
    margin-top: 25px;
    font-size: 17px !important;
    text-transform: uppercase;
    width: 100%;
    background-color: #fff;
    border: 2px solid #ffc157;
    color: #ffc157 !important;
    border-radius: 8px;
}

.notify .btn:hover{
	background-color: #ffc157;
	color: #fff !important;
}

.outhor,
.breadcrumbs-wrap,
.sticky-left .metismenu .sidebar-nav ul li{
	font-family: "SFUFutura", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sub-title-block{
	text-align: center;
    width: 70%;
    display: block;
    margin: 0 auto;
	margin-bottom: 10px;

}
.form_tim_kiem .form-control{
	font-size: 18px;

	line-height: unset
}
.btn{
	font-size: inherit
}
.lien_he_bai_xe .btn-primary, .form_tim_kiem .btn-primary{
	color: #000
}
.heading-left a, .heading-left a:hover{
	color: #d47e00;
}
.mega_sub.chia-2>ul>li{
	width: 50% !important;
	float: left
}

@media (max-width: 1119.98px) {
	.main-menu>li{
		margin: 0 5px;
	}
}

@media (max-width:992px) {
	.main-menu>li{
		margin: 0 6px;
	}
	.main-menu>li>a{
		font-size: 15px;
	}
}