.color-plate {
	position: fixed;
	display: block;
	z-index: 99998;
	padding: 20px;
	width: 245px;
	background: #fff;
	right: -245px;
	text-align: left;
	top: 30%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
}
.color-plate.active{
	right:0;
}
.color-plate .color-plate-icon {
	position: absolute;
	left: -48px;
	width: 48px;
	height: 45px;
	line-height: 45px;
	font-size: 21px;
	border-radius: 5px 0 0 5px;
	background: #fff;
	text-align: center;
	color: #333;
	top: 0;
	cursor: pointer;
	box-shadow: -4px 0px 5px #00000036;
}
.color-plate h4 {
	display: block;
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: 500;
}
.color-plate p {
	font-size: 13px;
	margin-bottom: 15px;
	line-height: 20px;
}
.color-plate span {
	width: 42px;
	height: 35px;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	margin-right: 3px;
}
.color-plate span:hover{
	cursor:pointer;
}
.color-plate span.color1{
	background:#F7941D;
}
.color-plate span.color2{
	background:#0088CC;
}
.color-plate span.color3{
	background:#32B87D;
}
.color-plate span.color4{
	background:#FE754A;
}
.color-plate span.color5{
	background:#F82F56;
}
.color-plate span.color6{
	background:#00cec9;
}
.color-plate span.color7{
	background:#6c5ce7;
}
.color-plate span.color8{
	background:#85BA46;
}
.color-plate span.color9{
	background:#fd79a8;
}
.color-plate span.color10{
	background:#a29bfe;
}
.color-plate span.color11{
	background:#badc58;
}
.color-plate span.color12{
	background:#FF1D38;
}
/* Preloader */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
}
.preloader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.preloader-icon {
  width: 100px;
  height: 100px;
  display: inline-block;
  padding: 0px;
}
.preloader-icon span {
  position: absolute;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background:#F7941D;
  -webkit-animation: preloader-fx 1.6s linear infinite;
  animation: preloader-fx 1.6s linear infinite;
}
.preloader-icon span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}
@keyframes preloader-fx {
  0% {transform: scale(0, 0); opacity:0.5;}
  100% {transform: scale(1, 1); opacity:0;}
}
@-webkit-keyframes preloader-fx {
  0% {-webkit-transform: scale(0, 0); opacity:0.5;}
  100% {-webkit-transform: scale(1, 1); opacity:0;}
}
/* End Preloader */

.btn {
	position: relative;
	font-weight: 500;
	font-size:14px;
	color: #fff;
	background: #333;
	display: inline-block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 5;
	display: inline-block;
	padding: 13px 32px;
	border-radius: 0px;
	text-transform:uppercase;
}
.btn:hover{
	color:#fff;
	background:#F7941D;
}
#scrollUp {
	right: 10px;
	z-index: 33;
	bottom: 10px;
	text-align: center;
}
#scrollUp i{
	height: 40px;
    width: 40px;
    line-height: 40px;
	background:transparent;
    background:#222;
    border-radius: 0;
	font-size: 18px;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
	display:block;
	color: #fff;
	box-shadow: 0px 4px 19px #00000038;
}
#scrollUp i:hover{
	background:#F7941D;
	color:#fff;
}
/*======================================
	01. Header CSS
========================================*/
/* Topbar */
.topbar {
	background-color: #fff;
	border-bottom: 1px solid #e2e2e2;
	padding: 15px 0;
}
/* Logo */
.header .logo {
	float: left;
	/*margin-top: 35px;*/
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .navbar {
	padding: 0;
}
/* Main Menu */
.navbar-expand-lg .navbar-collapse{
	display:block !important;
}
.header.v3 .navbar-expand-lg .navbar-collapse{
	display:block !important;
	background:#333;
}
.header .nav li a i {
	margin-left: 6px;
	font-size: 10px;
}
/* Dropdown Menu */
.header .nav li .dropdown {
    background: #fff;
    width: 220px;
    position: absolute;
    top: 100%;
    z-index: 999;
    -webkit-box-shadow: 0px 3px 5px #3333334d;
    -moz-box-shadow: 0px 3px 5px #3333334d;
    box-shadow: 0px 3px 5px #3333334d;
    transform-origin: 0 0 0;
    transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    left: 0;
    margin: 0;
}
.header .nav li:hover .dropdown{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}.header .nav li .dropdown::-webkit-scrollbar {
    width: 4px;
}
.header .nav li .dropdown::-webkit-scrollbar-track {
    background: #f5f0ee;
}
.header .nav li .dropdown::-webkit-scrollbar-thumb {
    background: #f7941d;
    border-radius: 2px;
}
.header .nav li .dropdown::-webkit-scrollbar-thumb:hover {
    background: #8b3d1f;
}
.header .nav li .dropdown li{
	float:none;
	margin:0;
}
.header .nav li .dropdown li a {
	padding: 8px 15px;
	color: #666;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
}
.header .nav li .dropdown li a:before{
	display:none;
}
.header .nav li .dropdown li:last-child a{
	border-bottom:0px;
}
.header .nav li .dropdown li:hover a{
	color:#fff;
	background:#F7941D;
}
.header .nav li .dropdown li a:hover{
	border-color:transparent;
}
.header .nav li .dropdown li i {
	float: right;
	margin-top: 8px;
	font-size:10px;
	z-index:5;
}
.header .nav li .dropdown.sub-dropdown {
	background: #fff;
    width: 220px;
    position: absolute;
    left: 200px;
    top: 0;
    z-index: 999;
   -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 5px #3333334d;
    transform-origin: 0 0 0;
    transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
}
.header .nav li .dropdown li:hover .dropdown.sub-dropdown{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}
.header .nav li .dropdown.sub-dropdown li a{
	padding: 8px 15px;
	color: #666;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
}
.header .nav li .dropdown li:hover .dropdown.sub-dropdown li a{
	background:transparent;
}
.header .nav li .dropdown li .dropdown.sub-dropdown li a:hover{
	color:#fff;
	background:#F7941D;
}
.header .nav li .dropdown.sub-dropdown li:last-child a{
	border-bottom:0px solid;
}
.mobile-search{
	display:none;
}
.header.shop .topbar {
	border: none;
	padding: 8px 0px;
}
.header.shop .nav-inner {
	margin-right: 188px;
}
.header.shop .logo {
	float: left;
	/*margin-top: 35px;*/
}
.header.shop .top-contact {
	margin-top:0px;
}
.header.shop .topbar p {
	color: #ccc;
}
.header.shop .topbar .login a {
	color: #F7941D;
}
/* Topbar Left Nav */
.header.shop .left-nav{
	
}
.header.shop .top-left .list-main li:first-child{
	padding-left:0;
}
.header.shop .top-left .list-main li i{
	display: inline-block;
	margin-right: 4px;
	font-size: 15px;
color: #8b3d1f;
	position: relative;
	top: 3px;
}
.header.shop .right-content{
	float:right;
}
.header.shop .list-main li {
	display: inline-block;
	color: #3b2a1a;
	font-size: 13px;
	font-weight: 500;
	border-right: 1px solid #f0f0f0;
	padding: 0px 13px;
}
.header.shop .list-main li i {
	display: inline-block;
	margin-right: 4px;
	font-size: 15px;
color: #8b3d1f;
	position: relative;
	top: 1px;
}
.header.shop .list-main li:last-child{
	padding-right:0;
	border:none;
}
.header.shop .list-main li a{
	color:#3b2a1a;
	font-weight:500;
;
}
.header.shop .list-main li a:hover{
	color:#F7941D;
}
.header.shop .nav li {
	margin-right: 40px;
	float: left;
	position: relative;
}
.header.shop .nav li {
	margin-right: 38px;
	position: relative;
}
.header.shop .nav li:last-child {
	margin: 0 !important;
}
.header.shop .nav li .new {
	background: #F7941D;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	padding: 0px 9px;
	position: absolute;
	left: 0;
	top: 6px;
	font-weight: 500;
}
.header.shop .nav li .new::before {
	position: absolute;
	content: "";
	left: 4px;
	bottom: -8px;
	border: 4px solid #F7941D;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}
/* Shopping Cart */
.header .shopping {
	display: inline-block;
	z-index: 9999;
}
.header .shopping .icon {
	position: relative;
	cursor:pointer;
	color:#222;
}
.header .shopping .shopping-item {
	position: absolute;
	top: 68px;
	right: 0;
	width: 300px;
	background: #fff;
	padding: 20px 25px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	opacity:0;
	visibility:hidden;
	z-index:99;
}
.header .shopping:hover .shopping-item{
	transform: translateY(0px);
	opacity:1;
	visibility:visible;
}
.header .shopping .dropdown-cart-header{
	padding-bottom: 10px;
    margin-bottom: 15px;
	border-bottom:1px solid #e6e6e6;
}
.header .shopping .dropdown-cart-header span {
	text-transform: uppercase;
	color: #222;
	font-size: 13px;
	font-weight: 600;
}
.header .shopping .dropdown-cart-header a {
	float: right;
	text-transform: uppercase;
	color: #222;
	font-size: 13px;
	font-weight: 600;
}
.header .shopping .dropdown-cart-header a:hover{
	color:#F7941D;
}
.header .shopping-list li {
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 15px;
	margin-bottom: 15px;
	position:relative;
}
.header .shopping-list li .remove {
	position: absolute;
	left: 0;
	bottom: 16px;
	margin-top: -20px;
	height: 20px;
	width: 20px;
	line-height: 18px;
	text-align: center;
	background: #fff;
	color: #222;
	border-radius: 0;
	font-size: 11px;
	border: 1px solid #ededed;
}
.header .shopping-list li .remove:hover{
	background:#222;
	color:#fff !important;
	border-color:transparent;
}
.header .shopping-list .cart-img {
	float: right;
	border: 1px solid #ededed;
	overflow:hidden;
}
.header .shopping-list .cart-img img {
	width: 70px;
	height: 70px;
	border-radius:0;
	
}
.header .shopping-list .cart-img:hover img{
	transform:scale(1.09);
}
.header .shopping-list .quantity{
	line-height: 22px;
    font-size: 13px;
	padding-bottom: 30px;
}
.header .shopping-list h4 {
	font-size: 14px;
}
.header .shopping-list h4 a {
	font-weight: 600;
	font-size: 13px;
	color: #333;
}
.header .shopping-list h4 a:hover{
	color:#F7941D;
}
.header .shopping-item .bottom {
	text-align: center;
}
.header .shopping-item .total {
	overflow:hidden;
	display: block;
    padding-bottom: 10px;
}
.header .shopping-item .total span {
	text-transform:uppercase;
	color:#222;
	font-size:13px;
	font-weight:600;
	float:left;
}
.header .shopping-item .total .total-amount {
	float:right;
	font-size:14px;
}
.header .shopping-item .bottom .btn {
	background: #222;
	padding: 10px 20px;
	display: block;
	color: #fff;
	margin-top: 10px;
	border-radius: 0px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}
.header .shopping-item .bottom .btn:hover{
	background:#F7941D;
	color:#fff;
}
.header.shop{
	background:#fff;
}
.header.shop .nav-inner {
	margin: 0;
	float: left;
}
.header.shop .topbar {
background-color: #FDF3EF !important;
	border: none;
}
.header.shop.v3 .topbar{
	padding:0;
}
.header.shop.v3 .topbar .inner-content{
	border-bottom:1px solid #eee;
	padding: 12px 0px;
}
.header.shop .right-nav li a {
	color: #333;
}
.header.shop .logo {
	float: left;
	width:100px;
	/*margin: 19px 0 0;*/
}
.header.shop .top-contact {
	margin-top:0px;
}
/* Header Middle */
.header.shop .search-bar-top {
	text-align: center;
	margin-top: 10px;
}
.header.shop .search-bar {
	margin-top: 33px;
	width: 460px;
	height: 40px;
	display: inline-block;
	background: #fff;
	position: relative;
}
.header.shop .search-bar {
	width: 535px;
	height: 50px;
	display: inline-block;
	background: #fff;
	position: relative;
	margin: 0;
	line-height: 45px;
	border-radius: 5px;
	border: 1px solid #ececec;
}
.header.shop .nice-select {
	clear: initial;
	margin: 0;
	height: 48px;
	width: 150px;
	border: none;
	text-align: center;
	background: transparent;
	text-transform: capitalize;
	padding: 0 0 0 20px;
	border-right: 1px solid #eee;
	line-height: 50px;
	font-size: 14px;
	font-weight: 400;
}
.header.shop .nice-select::after {
	border-color: #666;
	right: 20px;
}
.header.shop .nice-select .list {
	border-radius:0px;
}
.header.shop .nice-select .list li.focus{
	font-weight:400;
}
.header.shop .nice-select .list li {
	color: #666;
	border-radius: 0px;
	font-size: 14px;
	font-weight: 400;
}
.header.shop .nice-select .list li:hover{
	background:#F7941D;
	color:#fff;
}
.header.shop .search-bar form {
	display: inline-block;
	float: left;
	width: 260px;
}
.header.shop .search-bar input {
	height: 48px;
	background: transparent;
	color: #666;
	border-radius: 0;
	border: none;
	font-size: 14px;
	font-weight: 400;
	padding: 0 25px 0 20px;
	width: 328px;
}
.header.shop .search-bar .btnn {
	height: 50px;
	line-height: 53px;
	width: 62px;
	text-align: center;
	font-size: 18px;
	color: #fff;
background: #8b3d1f;
	position: absolute;
	right: -2px;
	top: -1px;
	border: none;
	border-radius: 0 5px 5px 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header.shop .search-bar .btnn:hover{
	color:#fff;
	background:#F7941D;
}
/* Search Form */
.header.shop .search-top {
	opacity: 1;
	visibility: visible;
	top: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	padding: 0;
	top: 0;
}
.header.shop .middle-inner {
	padding: 10px 0;
	background: #FDF3EF;
	border-top: 1px solid #eee;
}
.header.shop.v3 .middle-inner {
	border:none;
}
.header.shop .header-inner {
background-color: #8b3d1f;
}
.header.shop.v3 .header-inner {
	background: transparent;
}
.header.shop.v2 .header-inner {
	background: #fff;
	border-top:1px solid #eee;
}
.header.shop .topbar p {
	color: #333;
}
.header.shop .all-category {
	color: #fff;
	background: transparent;
	position: relative;
	background: #f7941d;
}
.header.shop .all-category h3{
	padding: 20px 25px;
}
.header.shop .cat-heading {
	font-size: 20px;
	color: #fff;
}
.header.shop .cat-heading i {
	color: #fff;
	display: inline-block;
	margin-right: 15px;
	font-size: 22px;
}
.header.shop .main-category {
	position: absolute;
	left: 0;
	top: 64px;
	background: #fff;
	z-index: 1;
	width: 100%;
	-webkit-box-shadow: 0px 5px 15px #0000000a;
	-moz-box-shadow: 0px 5px 15px #0000000a;
	box-shadow: 0px 5px 15px #0000000a;
}
.header.shop .main-category li{
	display:block;
	border-bottom:1px solid #f6f6f6;
	position:relative;
}
.header.shop .main-category li:last-child{
	border:none;
}
.header.shop .main-category li a {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	padding: 13px 25px 13px 25px;
	display: block;
	text-transform: uppercase;
}
.header.shop .main-category li a i{
	display:inline-block;
	float:right;
}
.header.shop .sub-category {
	background: #fff;
	width: 220px;
	position: absolute;
	left: 238px;
	top: 0;
	z-index: 999999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-left: 3px solid #F7941D;
	-webkit-box-shadow: 0px 5px 15px #0000000a;
	-moz-box-shadow: 0px 5px 15px #0000000a;
	box-shadow: 0px 5px 15px #0000000a;
}
.header.shop .main-category li:hover .sub-category{
	opacity:1;
	visibility:visible;
}
.header.shop .main-category li a{
	text-transform:capitalize;
	font-weight:400;
}
.header.shop .main-category li a:hover{
	color:#F7941D;
}
.header.shop .main-category .main-mega{
	position:relative;
}
.header.shop .main-category li .mega-menu {
	width: 850px;
	display: inline-block;
	height: auto;
	position: absolute;
	left: 238px;
	top: 0;
	z-index: 99999;
	background: #fff;
	border: none;
	padding: 30px;
	border-left: 3px solid #F7941D;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.header.shop .main-category li:hover .mega-menu{
	opacity:1;
	visibility:visible;
}
.header.shop .main-category li .mega-menu .single-menu {
	width: 33%;
	display: inline-block;
	border: none;
	padding: 0;
	padding-right: 20px;
}
.header.shop .main-category li .mega-menu .single-menu a{
	padding:0;
}
.header.shop .main-category li .mega-menu .single-menu .image{
	overflow:hidden;
}
.header.shop .main-category li .mega-menu .single-menu img{
	display:block;
	height:100%;
	width:100%;
	cursor:pointer;
}
.header.shop .main-category li .mega-menu .single-menu .image:hover img{
	transform:scale(1.1);
}
.header.shop .main-category li .mega-menu .single-menu .title-link {
	margin-bottom: 20px;
	background: #F7941D;
	color: #fff;
	padding: 2px 13px;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
}
.header.shop .main-category li .mega-menu .single-menu .title-link:hover{
	background:#333;
	color:#fff;
}
.header.shop .main-category li .mega-menu .single-menu .inner-link{
	margin-top:25px;
}
.header.shop .main-category li .mega-menu .single-menu .inner-link a{
	margin-bottom:10px;
}
.header.shop .main-category li .mega-menu .single-menu .inner-link a:hover{
	color:#F7941D;
	background:transparent;
}
.header.shop .main-category li .mega-menu .single-menu .inner-link a:last-child{
	margin-bottom:0px;
}
.header.shop .menu-origin {
	float:none;
	display: inline-block;
	float: right;
}
.header.shop .nav li {
	margin-right: 40px;
	float: left;
	position: relative;
}
.header.shop .nav li {
	margin-right:5px;
	position: relative;
	float: none;
}
.header.shop .nav li:last-child{
	margin-right:0;
}
.header.shop .nav li .new {
	background: #F7941D;
	color: #fff;
	text-transform: uppercase;
	font-size: 9px;
	position: absolute;
	left: 21px;
	top: 2px;
	font-weight: 500;
	height: 18px;
	line-height: 18px;
	text-align: center;
	display: block;
}
.header.shop.v2 .nav li a{
	color:#333;
}
.header.shop .nav li a {
    word-break:break-all;
	color: #fff;
	text-transform: capitalize;
	font-size: 15px;
	padding: 12px 15px;
	font-weight: 500;
	display: block;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header.shop .nav li:hover a{
	color:#fff;
	background:#F7941D;
}
.header.shop.v2 .nav li:hover a{
	color:#F7941D;
	background:transparent;
}
.header.shop .nav li.active a{
	color:#fff;
	background:#F7941D;
}
.header.shop.v2 .nav li.active a{
	color:#333 !important;
	background:transparent !important;
}
.header.shop.v2 .nav li.active a{
	color:#F7941D !important;
}
.header.shop .nav .dropdown li{
	margin:0;
}
.header.shop .nav li .dropdown li:hover a{
	background:#F7941D;
}
.header.shop.v2 .nav li.active .dropdown li a{
	color:#333 !important;
}
.header.shop.v2 .nav li.active .dropdown li a:hover{
	color:#fff !important;
	background:#F7941D !important;
}
.header.shop.v2 .nav li.active .dropdown li a:hover{
	color:#fff !important;
}
.header.shop.v2 .nav li .dropdown li:hover a{
	color:#F7941D;
}
.header.shop .nav li .dropdown li a {
	color: #333;
	padding: 8px 15px;
	font-weight: 400;
	background:#fff;
}
.header.shop.v2 .nav li .dropdown li a {
	color: #333;
	background:#fff;
}
.header.shop .nav li .dropdown li a {
	font-weight: 400;
	font-size: 14px;
}
.header.shop .nav li .dropdown li a:hover{
	color:#fff;
}
.header.shop.v2 .nav li .dropdown li a:hover{
	color:#fff !important;
	background:#F7941D;
}
.header.shop .nav li .dropdown li .dropdown.sub-dropdown li a:hover{
	background:#F7941D;
}
.header.shop .right-bar {
	display: inline-block;
	padding: 0;
	margin: 0;
	top: 20px;
	float: right;
	position: relative;
}
.header.shop .right-bar .sinlge-bar.top-search a {
	transform: translateY(3px);
}
.header.shop .right-bar .sinlge-bar.top-search a:hover {
	color:#F7941D;
}
.header.shop .right-bar .sinlge-bar .single-icon{
	color:#333;
	font-size:20px;
	position:relative;
}
.header.shop .right-bar .sinlge-bar .single-icon:hover{
	color:#F7941D;
}
.header.shop .right-bar .sinlge-bar .single-icon .total-count {
	position: absolute;
	top: -7px;
	right: -8px;
	background: #f6931d;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	font-size: 11px;
}
.header.shop .right-bar .sinlge-bar{
	display:inline-block;
	margin-right:25px;
}
.header.shop .right-bar .sinlge-bar:last-child{
	margin-right:0px;
}
.header.shop .right-bar .sinlge-bar li a:hover{
	color:#F7941D;
}
.mobile-search{
	display:none;
}
/* Header Search */
/* Search */
.header .search-top{
	display:none;
}
.header .search-top a{
	font-size:17px;
}
.header .search-top a:hover{
	color:#F7941D;
}
.header .search-form {
     width:100%;
	position: absolute;
	left: 0px;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top: 55px;
	background: #ffffff75;
	padding: 7px;
	border-radius: 5px;
	transform: scaleY(0);
	box-shadow: 0px 4px 7px #0000003b;
	padding: 0;
	border-radius: 0;
}
.header .search-top.active .search-form {
    width:100%;
	opacity:1;
	visibility:visible;
	transform: scaleY(1);
}
.header .search-form input {
	width: 100%;
	height: 45px;
	line-height: 45px;
	padding: 0 60px 0 15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 3px;
	border: none;
	background: #fff;
	color: #333;
	border-radius: 0;
}
.header .search-form button {
   
	position: absolute;
	right: 0;
	height: 45px;
	top: 0;
	width: 45px;
	background: transparent;
	border: none;
	color: #3353ea;
	border-radius: 0 3px 3px 0;
	border-radius: 0;
	border-left: 1px solid #eee;
	font-size: 15px;
	color: #333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .search-form button:hover{
	color:#fff;
	background:#F7941D;
	border-color:transparent;
}
/* Header Sticky */
.header .header-inner{
	width:100%;
	z-index:999;
}
.header.sticky .all-category{}
.header.sticky .all-category h3{
	cursor:pointer;
	
}
.header.sticky .all-category .main-category{
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.header.sticky .all-category:hover .main-category{
	opacity:1;
	visibility:visible;
}
.header.sticky .header-inner .nav li a {
	color: #333;
}
.header.sticky.v3 .header-inner .nav li a {
	color: #fff;
}
.header.sticky .header-inner .nav li:hover a{
	color:#fff;
}
.header.sticky.v2 .header-inner .nav li:hover a{
	color:#F7941D;
}
.header.sticky .header-inner .nav li .dropdown li a{
	color:#333;
}
.header.sticky.v2 .header-inner .nav li .dropdown li a{
	color:#333;
}
.header.sticky .header-inner .nav li .dropdown li a:hover{
	color:#fff;
}
.header.sticky .header-inner .nav li.active a {
	color: #fff;
}
.header.sticky .header-inner{
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	animation: fadeInDown 1s both 0.2s;
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	z-index:999;
}
.header.sticky.v3 .header-inner{
	box-shadow:none;
}
.header.sticky.v3 .navbar-expand-lg .navbar-collapse{
	animation: fadeInDown 1s both 0.2s;
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
}
/*======================================
	End Header CSS
========================================*/

/*======================================
   Hero Area CSS
========================================*/ 
.hero-slider {
	background: #fff;
	overflow: hidden;
}
.hero-slider .single-slider {
	height: auto;
	background-image: url('https://via.placeholder.com/1900x700');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    height: 510px;
}
.hero-slider .text-inner {
	
}
.hero-slider .hero-text {
	padding: 0 30px;
	margin-top:100px;
}
.hero-slider .hero-text h1 {
	line-height: 50px;
	font-size: 47px;
	font-weight: 700;
	color: #F7941D;
	margin-bottom: 20px;
}
.hero-slider .hero-text h1 span {
	font-size: 20px;
	display: block;
	margin-bottom: 12px;
	color: #333;
	font-weight: 700;
	line-height: initial;
}
.hero-slider .hero-text p {
	color: #333;
	margin-bottom: 35px;
}
.hero-slider .hero-text .button{
	margin:0;
}
.hero-slider .hero-text .btn {
	color: #fff;
	background: #333;
	padding: 13px 30px;
	line-height: initial;
	border: none;
	height: auto;
	z-index: 0;
}
.hero-slider .hero-text .btn:hover{
	background:#F7941D;
	color:#fff;
}
/* Start Hero Area 2 CSS */
.hero-area2{
	position:relative;
}
.hero-area2 .single-slider.overlay:before{
	background:#F7941D;
	opacity:0;
	visibility:hidden;
	transform:scale(0.9);
}
.hero-area2 .single-slider.overlay:hover:before{
	opacity:0.9;
	visibility:visible;
	transform:scale(1);
}
.hero-area2 .single-slider{
	height:500px;
	position:relative;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.hero-area2 .single-slider .content{
	position:relative;
}
.hero-area2 .single-slider .content {
	width: 100%;
	padding: 15px;
	z-index: 2;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	text-align: center;
	padding-top: 120px;
	opacity:0;
	visibility:hidden;
	transform:scale(1.1);
}
.hero-area2 .single-slider:hover .content{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.hero-area2 .single-slider .content .sub-title{
	color:#fff;
	text-transform: uppercase;
	font-size:15px;
	font-weight:500;
}
.hero-area2 .single-slider .content .title {
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.hero-area2 .single-slider .content .des{
	color:#fff;
}
.hero-area2 .single-slider .content .button{}
.hero-area2 .single-slider .content .button .btn {
	padding: 9px 25px;
	border: 2px solid #fff;
	background: transparent;
	color: #fff;
	margin-top: 25px;
}
.hero-area2 .single-slider .content .button .btn:hover{
	background:#fff;
	color:#333;
	border-color:transparent;
}
/* Owl Nav CSS */
.hero-area2 .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-30px;
}
.hero-area2 .owl-carousel .owl-nav div {
	height: 60px;
	width: 40px;
	line-height: 60px;
	text-align: center;
	background: #333;
	color: #fff;
	font-size: 14px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border-radius: 0;
}
.hero-area2 .owl-carousel .owl-nav div:hover{
	background:#F7941D;
	color:#fff;
}
.hero-area2 .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:0;
}
.hero-area2 .owl-carousel .owl-controls .owl-nav .owl-next{
	right:0;
}
/* Hero Area 3 */
.hero-area3{}
.hero-area3 .big-content{
	background-image: url('https://via.placeholder.com/850x530');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    height: 511px;
	margin-top:30px;
	position:relative;
}
.hero-area3 .big-content .inner {
	position: absolute;
	right: 0;
	top: 50%;
	padding: 0 50px 0 360px;
	transform: translateY(-50%);
}
.hero-area3 .big-content .title {
	font-size: 28px;
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 37px;
}
.hero-area3 .big-content .title span{
	color:#F7941D;
}
.hero-area3 .big-content .des{}
.hero-area3 .big-content .button{
	margin-top:40px;
	display:block;
}
.hero-area3 .big-content .button .btn{
	color:#fff;
}

.hero-area3 .small-content{
	height:240px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top:30px;
	position:relative;
}
.hero-area3 .small-content.first{
	background-image: url('https://via.placeholder.com/450x300');
}
.hero-area3 .small-content.secound{
	background-image: url('https://via.placeholder.com/450x300');
}
.hero-area3 .small-content .inner {
	padding: 30px;
	text-align:right;
	position:absolute;
	right:0;
	bottom:0;
}
.hero-area3 .small-content .title {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 600;
	text-transform: capitalize;
}
.hero-area3 .small-content .title span{
	color:#F7941D;
}
.hero-area3 .small-content .des{}
.hero-area3 .small-content .button{
	margin-top:10px;
	display:block;
}
.hero-area3 .small-content .button .btn {
	background: transparent;
	padding: 0;
	color: #333;
	border-bottom: 2px solid #333;
	font-size: 13px;
}
.hero-area3 .small-content .button .btn:hover{
	color:#F7941D;
	border-color:#F7941D;
}
/* Hero Area 4 */
.hero-area4 .big-content{
	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    height: 510px;
	margin-top:30px;
	position:relative;
}
.hero-area4 .big-content .inner {
	position: absolute;
	right: 0;
	top: 50%;
	padding: 0 80px 0 50px;
	transform: translateY(-50%);
}
.hero-area4 .big-content .title {
	font-size: 32px;
	margin-bottom: 20px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 35px;
}
.hero-area4 .big-content .title span{
	color:#F7941D;
}
.hero-area4 .big-content .des{}
.hero-area4 .big-content .button{
	margin-top:40px;
	display:block;
}
.hero-area4 .big-content .button .btn{
	color:#fff;
}
.hero-area4 .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-20px;
}
.hero-area4 .owl-carousel .owl-nav div {
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	background: #333;
	color: #fff;
	font-size: 14px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border-radius: 0;
}
.hero-area4 .owl-carousel .owl-nav div:hover{
	background:#F7941D;
	color:#fff;
}
.hero-area4 .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:0;
}
.hero-area4 .owl-carousel .owl-controls .owl-nav .owl-next{
	right:0;
}

/*======================================
   End Hero Area CSS
========================================*/ 

/*======================================
   Start Small Banner CSS
========================================*/ 
.small-banner{
	padding:30px 0;
	padding-bottom:0;
}
.small-banner .single-banner {
	overflow:hidden;
	position:relative;
}
.small-banner .single-banner img{
	height:100%;
	width:100%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.small-banner .single-banner .content {
    position: absolute;
    left: 0;
    top: 0%;
    height: -webkit-fill-available;
    align-content: center;
}
.small-banner .single-banner h3 {
	font-size: 22px;
	font-weight: 700;
	text-transform: capitalize;
	color: #333;
}
.small-banner .single-banner h3 span{
	color:#F7941D;
}
.small-banner .single-banner p {
	font-size: 14px;
	color: #F7941D;
	font-weight: 500;
	margin-bottom: 5px;
	text-transform: capitalize;
}
.small-banner .single-banner a {
	color: #333;
	margin-top: 22px;
	display: block;
	font-size: 12px;
	font-weight:500;
	display: inline-block;
	text-transform:uppercase;
	border-bottom:2px solid #333;
}
.small-banner .single-banner a:hover{
	color:#F7941D;
	border-color:#F7941D;
}
/*======================================
   End Small Banner CSS
========================================*/ 

/*======================================
   Start Mid Banner CSS
========================================*/ 
.midium-banner{
	padding:0;
}
.midium-banner .single-banner{
	position:relative;
}
.midium-banner .single-banner img{
	height:100%;
	width:100%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.midium-banner .single-banner .content {
	padding-left:50px;
	position: absolute;
	left: 0;
	top: 50%;
	transform:translateY(-50%);
}
.midium-banner .single-banner h3 {
	font-size: 27px;
	font-weight: 700;
	text-transform: uppercase;
	color: #333;
	line-height: 30px;
}
.midium-banner .single-banner h3 span{
	color:#F7941D;
}
.midium-banner .single-banner p {
	font-size: 13px;
	color: #F7941D;
	font-weight: 500;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.midium-banner .single-banner a {
	display: inline-block;
	font-weight: 600;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .375rem .75rem;
	font-size: 13px;
	border-radius: .25rem;
	background: #333;
	color: #fff !important;
	padding: 10px 27px;
	border-radius: 30px;
	margin-top: 25px;
	text-transform: uppercase;
}
.midium-banner .single-banner a:hover{
	background:#F7941D;
	color:#fff;
}
/*======================================
   End Mid Banner CSS
========================================*/ 

/*======================================
   Start Most Popular CSS
========================================*/
.pro-tab-viewmore-wrap {
	position: relative;
	text-align: center;
}
.most-popular .section-title{
	margin-bottom:40px;
}
.pro-tab-viewmore-wrap .pro-viewmore {
  position: absolute;
  right: 40px;
  top: 0;
}
.most-popular .single-product{
	margin:50px 15px 0 15px;
}
/* Slider Nav */
.most-popular .owl-nav{
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-25px;
}
.most-popular .owl-carousel .owl-nav div {
	height: 60px;
	width: 30px;
	line-height: 58px;
	background: #fff;
	color: #333;
	position: absolute;
	margin: 0;
	border-radius: 0;
	font-size: 15px;
	text-align: center;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	box-shadow: 0px 0px 10px #3333331c;
}
.most-popular .owl-carousel .owl-nav div:hover{
	color:#fff;
	background:#F7941D;
}
.most-popular .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:0;
}
.most-popular .owl-carousel .owl-controls .owl-nav .owl-next{
	right:0;
}
/*======================================
   End Most Popular CSS
========================================*/

/*======================================
   Start Single Product CSS
========================================*/
.product-area .nav-tabs {
	text-align: center;
	display: inline-block;
	width: 100%;
	border:none;
}
.product-area .nav-tabs .nav-item {
	margin-bottom: -1px;
	display: inline-block;
}
.product-area .nav-tabs li a {
	color: #333;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	margin-right: 5px;
	font-weight: 500;
	background: #fff;
	color: #333;
	padding: 3px 14px;
	border-radius: 3px;
	font-size: 13px;
}
.product-area .nav-tabs li:last-child a{
	border-color:transparent;
} 
.product-area .nav-tabs li a i{
	margin-right:10px;
}
.product-area .nav-tabs li a.active,
.product-area .nav-tabs li:hover a{
	background:#F7941D;
	color:#fff;
	border-color:transparent;
}
/* Sinlge Product */
.single-product{
	margin-top:50px;
}
.single-product .product-img {
  position: relative;
  overflow: hidden;
  cursor:pointer;
}
.single-product .product-img a {
  display: block;
  position: relative;
}
.single-product .product-img a img {
  width: 100%;
}
.single-product .product-img a img.hover-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}
.single-product .product-img a span.price-dec {
	background-color: #f6931d;
	display: inline-block;
	font-size: 11px;
	color: #fff;
	right: 20px;
	top: 20px;
	padding: 1px 16px;
	font-weight: 700;
	border-radius: 0;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	border-radius: 30px;
	height: 26px;
	line-height: 25px;
}
.single-product .product-img a span.new {
	background-color: #8493ca;
	display: inline-block;
	font-size: 11px;
	color: #fff;
	right: 20px;
	top: 20px;
	padding: 1px 16px;
	font-weight: 700;
	border-radius: 0;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	border-radius: 30px;
	height: 26px;
	line-height: 24px;
}
.single-product .product-img a span.hot {
	background-color: #2cc95b;
	display: inline-block;
	font-size: 11px;
	color: #fff;
	right: 20px;
	top: 20px;
	padding: 1px 16px;
	font-weight: 700;
	border-radius: 0;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	border-radius: 30px;
	height: 26px;
	line-height: 24px;
}
.single-product .product-img a span.out-of-stock {
	background-color: #ed1b24;
	display: inline-block;
	font-size: 11px;
	color: #fff;
	right: 20px;
	top: 20px;
	padding: 1px 16px;
	font-weight: 700;
	border-radius: 0;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	border-radius: 30px;
	height: 26px;
	line-height: 24px;
}
.single-product .product-img .product-action {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 99;
	border-radius: 3px;
}
.single-product .product-img .product-action a {
	background-color: transparent;
	color: #333;
	display: block;
	font-size: 16px;
	display: inline-block;
	margin-right: 15px;
	text-align: right;
	height: 52px;
	position: relative;
	top: 2px;
}
.single-product .product-img .product-action a:last-child{
	margin-right:0;
	border:none;
}
.single-product .product-img .product-action a i {
  line-height: 40px;
}
.single-product .product-img .product-action a span {
	visibility: hidden;
	position: absolute;
	background: #F7941D !important;
	color: #fff !important;
	text-align: center;
	padding: 5px 12px;
	z-index: 3;
	opacity: 0;
	-webkit-transition: opacity .6s, margin .3s;
	-o-transition: opacity .6s, margin .3s;
	transition: opacity .6s, margin .3s;
	font-size: 11px;
	right: 0;
	line-height: 14px;
	top: -12px;
	margin-top: -5px;
	margin-right: 0;
	display: inline-block;
	width: 120px;
	border-radius:15px 0 0 15px;
}
.single-product .product-img .button-head .product-action a span::after {
	position: absolute;
	content: "";
	right: 0;
	bottom: -12px;
	border: 6px solid #F7941D;
	border-left:0px solid transparent;
	border-right:6px solid transparent;
	border-bottom:6px solid transparent;
}
.single-product .product-img .product-action a:hover {
	color:#F7941D;
}
.single-product .product-img .product-action a:hover span {
  visibility: visible;
  opacity: 1;
  color:#333;
  background:#fff;
  margin-top: -12px;
}
.single-product .product-img .product-action.pro-action-width-dec a {
  width: 30px;
  height: 30px;
  font-size: 14px;
}
.single-product .product-img .product-action.pro-action-width-dec a i {
  line-height: 30px;
}
.single-product .product-img .product-action.pro-action-width-dec-2 {
  bottom: 45px;
}
.single-product .product-img .product-action-2 {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: left;
	z-index: 99;
	-webkit-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}
.single-product .product-img .product-action-2 a {
	display: block;
	background-color: transparent;
	color: #333;
	text-align: left;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
	display: inline-block;
}
.single-product .product-img .product-action-2 a:hover {
  color:#F7941D;
}
.single-product .button-head {
	background: #fff;
	display: inline-block;
	height: 40px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -50px;
	z-index: 9;
	height: 50px;
	line-height: 50px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.single-product:hover .button-head{
	bottom:0;
}
.single-product .product-img .shop-list-quickview {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  z-index: 99;
  margin-top: 20px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .35s ease 0s;
  -o-transition: all .35s ease 0s;
  transition: all .35s ease 0s;
}
.single-product .product-img .shop-list-quickview a {
  color: #000;
  background-color: #fff;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  font-size: 18px;
}
.single-product .product-img .shop-list-quickview a:hover {
  background-color: #222;
  color: #fff;
}
.single-product .product-img .shop-list-quickview a i {
  line-height: 50px;
}
.single-product .product-content{
	margin-top:20px;
}
.single-product .product-img:hover.default-overlay::before {
  background-color: rgba(38, 38, 38, 0.2);
  z-index: 9;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  pointer-events: none;
  opacity: 1;
}
.single-product .product-img:hover.default-overlay.metro-overlay::before {
  background-color: rgba(38, 38, 38, 0.4);
  z-index: 9;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  pointer-events: none;
  opacity: 1;
}
.single-product .product-img:hover img.hover-img {
  opacity: 1;
}
.single-product .product-content h3 {
    line-height: 22px;
    color:#8b3d1f;
}
.single-product .product-content h3 a {
	font-size: 14px;
	font-weight: 500;
	margin: 0;
}
.single-product .product-content h3 a:hover{
	color:#F7941D;
}
.single-product .product-content .product-price {
  margin: 6px 0 0 0;
}
.single-product .product-content .product-price span {
	font-size: 15px;
	font-weight: 500;
}
.single-product .product-content .product-price span.old {
  text-decoration: line-through;
  opacity: .6;
  margin-right: 2px;
}
/*======================================
   End Single Product CSS
========================================*/

/*======================================
   Start Shop Sidebar CSS
========================================*/
.shop-sidebar .single-widget {
	margin-top: 30px;
	background: #fdf3ef;
	padding: 30px;
}
.shop-sidebar .single-widget:first-child {
	margin-top: 0;
}
.shop-sidebar .single-widget .title {
	position: relative;
	color:#8b3d1f;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 25px;
	display: block;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
/* Shop Price */
.shop .range .price-filter {
	display: block;
	margin-top: 20px;
}
.shop .range #slider-range {
	box-shadow: none;
	border: none;
	height: 4px;
	background: #F7941D;
	color: #F7941D;
	border-radius: 0px;
}
.shop .range #slider-range .ui-slider-range {
	box-shadow: none;
	background: #222;
	border-radius: 0px;
	border: none;
}
.shop .range .ui-slider-handle.ui-state-default.ui-corner-all {
	width: 14px;
	height: 14px;
	line-height: 10px;
	background: #222;
	border: none;
	border-radius: 100%;
	top: -5px;
}
.shop .range .label-input {
	margin-top: 15px;
}
.shop .range .label-input span{
	margin-right:5px;
	color:#282828;
}
.shop .range .ui-slider-handle.ui-state-default.ui-corner-all {
	background: #F7941D;
	color: #F7941D;
	cursor:pointer;
}
.shop .range .label-input input {
	border: none;
	margin: 0;
	font-weight: 600;
	font-size: 14px;
	color: #222;
	background: transparent;
}
.shop .range .check-box-list {
	margin-top: 15px;
}
.shop .range .check-box-list li {
	margin-bottom: 5px;
}
.shop .range .check-box-list li:last-child{
	margin:0;
}
.shop .range .check-box-list li label input {
	display: inline-block;
	margin-right: 6px;
	position: relative;
	top: 1px;
}
.shop .range .check-box-list li label {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color:#333;
	cursor:pointer;
}
.shop .range .check-box-list .count{
	margin-left:5px;
	color:#666;
}
/* Category List */
.shop-sidebar .categor-list {
	margin-top: 10px;
}
.shop-sidebar .categor-list li{
	
}
.shop-sidebar .categor-list li {
	margin-bottom: 10px;
}
.shop-sidebar .categor-list li:last-child{
	margin-bottom:0px;
}
.shop-sidebar .categor-list li a {
	display: inline-block;
	color: #666;
	font-weight: 400;
	font-size: 14px;
	text-transform: capitalize;
}
.shop-sidebar .categor-list li a:hover{
	color:#F7941D;
}
/* Recent Post */
.shop-sidebar .single-post {
	position: relative;
	margin-top: 30px;
    padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
.shop-sidebar .single-post.first{
	padding-top:0px;
}
.shop-sidebar .single-post:last-child{
	padding-bottom:0px;
	border:none;
}
.shop-sidebar .single-post .image img{
	height: 80px;
	width: 80px;
	position:absolute;
	left:0;
	top:0;
	border-radius:100%;
}
.shop-sidebar .single-post .content{
	padding-left:100px;
}
.shop-sidebar .single-post .content h5 {
	line-height: 18px;
}
.shop-sidebar .single-post .content h5 a {
	color: #222;
	font-weight: 500;
	font-size: 14px;
	font-weight: 500;
	display: block;
	word-break:break-all;
}
.shop-sidebar .single-post .content h5 a:hover{
	color:#F7941D;
}
.shop-sidebar .single-post .content .price {
	display: block;
	color: #333;
	font-weight: 500;
	margin: 5px 0 0px 0;
	text-transform: uppercase;
	font-size: 14px;
}
.shop-sidebar .single-post .reviews li{
	display:inline-block;
}
.shop-sidebar .single-post .reviews li i{
	color:#999;
}
.shop-sidebar .single-post .reviews li.yellow i{
	color:#F7941D;
}
/* Shop Topbar */
.shop .shop-top {
	clear: both;
	background: #fdf3ef;
	padding: 18px 20px 50px 20px;
}
.shop .shop-shorter {
	float: left;
}
.shop .single-shorter {
	display: inline-block;
	margin-right: 10px;
}
.shop .single-shorter:last-child{
	margin:0;
}
.shop .single-shorter label {
	display: inline-block;
	float: left;
	margin: 4px 5px 0 0;
	font-weight:500;
}
.shop .single-shorter option{}
.shop .nice-select {
	clear: initial;
	display: inline-block;
	margin: 0;
	border: 1px solid #e6e6e6;
	border-radius: 0px;
	height: auto;
	width: auto;
	border-radius: 0px;
}
.shop .nice-select::after{
	border-color:#888;
}
.shop .nice-select .list {
	border-radius:0px;
}
.shop .nice-select .option.selected {
	font-weight: 500;
}
.shop .nice-select .list li{
	color:#666;
	border-radius:0px;
}
.shop .nice-select .list li:hover{
	background:#F7941D;
	color:#fff;
}
.shop .view-mode {
	float: right;
}
.shop .view-mode li {
	display: inline-block;
	margin-right: 5px;
}
.shop .view-mode li:last-child{
	margin:0;
}
.shop .view-mode li a {
	width: 43px;
	height: 32px;
	background: transparent;
	border: 1px solid #77777775;
	text-align: center;
	display: block;
	line-height: 32px;
	color: #888;
	border-radius: 0px;
}
.shop .view-mode li.active a,
.shop .view-mode li:hover a {
	background: #F7941D;
	color:#fff;
	border-color:transparent;
}
/*======================================
   End Shop Sidebar CSS
========================================*/

/*======================================
   Start Shop Single CSS
========================================*/
.shop.single{
	padding:70px 0 100px;
}
.shop.single .product-gallery {
	margin-top: 30px;
}
.shop.single .flexslider-thumbnails {
	position: relative;
}
.shop.single .product-gallery .slides li{
	position:relative;
}
.shop.single .product-gallery .slides li img{
	width:100%;
}
.shop.single .flex-control-nav{
	margin-top:15px;
}
.shop.single .flex-control-thumbs li {
	width: 20%;
	position: relative;
	margin: 0 8px 10px -3px;
}
.shop.single .flex-control-thumbs li img {
	border: none;
	padding: 0;
	border:1px solid transparent;
}
.shop.single .flex-control-thumbs li img.flex-active{
	border-color:#F7941D;
}
.shop.single .flex-direction-nav{
	display:none;
}
.shop.single .product-des{
	margin-top:30px;
}
.shop.single .product-des .short h4 {
    color:#8b3d1f;
	font-size: 22px;
	font-weight: 600;
	margin-top: -5px;
	line-height: 28px;
}
.shop.single .product-des .short .description {
	font-size: 14px;
	color: #555555;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.shop.single .product-des {}
.shop.single .product-des .total-review{
	font-size:14px;
	font-weight:500;
	margin-left:10px;
	display:inline-block;
}
.shop.single .product-des .total-review:hover{
	color:#F7941D;
}
.shop.single .product-des  .rating{
	margin-top:20px;
	display:inline-block;
}
.shop.single .product-des .rating li{
	display:inline-block;
}
.shop.single .product-des .rating li i{
	color:#F7941D;
}
.shop.single .product-des .rating li.dark i{
	color:#555;
}
.shop.single .product-des .price {
	font-size: 20px;
	color: #333;
	font-weight: 600;
	margin-top: 15px;
}
.shop.single .product-des .price s{
	color:#333;
}
.shop.single .product-des .price span{
	display:inline-block;
	margin-right:15px;
	color:#F7941D;
}
.shop.single .product-des .product-buy {
	margin-top: 40px;
}
.shop.single .product-des .product-buy{}
.shop.single .product-des .color {
	display: inline-block;
	margin-right: 50px;
}
.shop.single .product-des .color h4 {
	font-size: 18px;
	font-weight: 600;
}
.shop.single .product-des .color h4 span {
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-top: 4px;
}
.shop.single .product-des .color ul{
	margin-top: 10px;
}
.shop.single .product-des .color ul li{
	display:inline-block;
	margin-right:5px;
}
.shop.single .product-des .color ul li:last-child{
	margin-right:0;
}
.shop.single .product-des .color ul li a{
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	display:block;
	background:#333;
}
.shop.single .product-des .color ul li a i{
	font-size:11px;
	color:#fff;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.shop.single .product-des .color ul li a:hover i{
	opacity:1;
	visibility:visible;
}
.shop.single .product-des .color ul li .one{
	background:#3498db;
}
.shop.single .product-des .color ul li .two{
	background:#F7941D;
}
.shop.single .product-des .color ul li .three{
	background:#8e44ad;
}
.shop.single .product-des .color ul li .four{
	background:#2ecc71;
}
/* Size */
.shop.single .product-des .size{
	display:inline-block;
}
.shop.single .product-des .size h4{
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-top: 0px;
}
.shop.single .product-des .size ul{
	display:inline-block;
	margin-top: 10px;
}
.shop.single .product-des .size ul li {
	display: inline-block;
	margin-right: 5px;
}
.shop.single .product-des .size ul li:last-child{
	margin-right:0;
}
.shop.single .product-des .size ul li a {
	display: block;
	height: 30px;
	width: 36px;
	border: 1px solid #eee;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
}
.shop.single .product-des .size ul li a:hover{
	color:#F7941D;
}
.shop.single .quantity {
	display: inline-block;
	margin-right: 10px;
}
.shop.single .quantity h6 {
	display: inline-block;
	margin-right: 10px;
	font-size: 15px;
	font-weight: 500;
}
.shop.single .quantity .input-group {
	width: 151px;
	display: inline-block;
}
.shop.single .quantity .button {
	display: inline-block;
	position: absolute;
	top: 0;
	display:inline-block;
}
.shop.single .quantity .button.minus{
	left:0;
	border-radius:0;
	overflow:hidden;
}
.shop.single .quantity .button.plus {
	right: 0;
	border-radius:0;
	overflow:hidden;
}
.shop.single .quantity .button .btn {
	padding: 0;
	width: 35px;
	height: 45px;
	line-height: 45px;
	border-radius: 0px;
	background: transparent;
	color: #282828;
	font-size: 12px;
	border: none;
}
.shop.single .quantity .button .btn:hover{
	color:#F7941D;
}
.shop.single .quantity .input-number {
	border: 1px solid #eceded;
	width: 100%;
	text-align: center;
	height: 45px;
	border-radius: 0px;
	overflow: hidden;
	padding: 0px 38px;
}
.shop.single .add-to-cart {
	display:inline-block;
}
.shop.single .add-to-cart .btn {
	height: 45px;
	width: auto;
	padding: 0 42px;
	line-height: 45px;
	text-align: center;
	text-transform: capitalize;
	margin-right: 5px;
	border-radius: 0px;
	background: #333;
	color: #fff;
	display: inline-block;
	font-weight: 500;
}
.shop.single .add-to-cart .btn:hover{
	color:#fff;
	background:#F7941D;
}
.shop.single .add-to-cart .btn.min {
	padding: 0 20px;
	font-size: 17px;
	position: relative;
	top: 1px;
	line-height: 45px;
}
.shop.single .cat{
	font-size: 14px;
	font-weight: 500;
	color:#333;
	margin-top:30px;
}
.shop.single .cat a{
	display:inline-block;
	margin-left:10px;
}
.shop.single .cat a:hover{
	color:#F7941D;
}
.shop.single .availability{
	color:#333;
	font-size:14px;
	margin-top:6px;
}
/* Product Tab */
.shop.single .product-info {
	margin-top: 50px;
}
.shop.single .nav-tabs {
	border:none;
}
.shop.single .nav-tabs li {
	margin-right: 10px;
}
.shop.single .nav-tabs li:last-child{
	margin-right:0;
}
.shop.single .nav-tabs li a {
	border: 0px solid;
	border-radius: 0px;
	background: #fff;
	color: #333;
	padding: 10px 30px;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid #eee;
}
.shop.single .nav-tabs li a i{
	margin-right:10px;
}
.shop.single .nav-tabs li a.active,
.shop.single .nav-tabs li:hover a{
	background:#F7941D;
	color:#fff;
	border-color:transparent;
}
.shop.single .tab-single {
	
}
.shop.single .single-des {
	margin-top:35px;
}
.shop.single .single-des h4{
	margin-bottom:15px;
	font-weight:500;
	font-size:22px;
	
}
.shop.single .single-des ul{}
.shop.single .single-des ul li {
	color: #555;
	display: block;
	margin-bottom: 10px;
	position:relative;
	padding-left:20px;
}
.shop.single .single-des ul li::before {
	position: absolute;
	content: "";
	left: 0;
	top: 9px;
	height: 7px;
	width: 7px;
	background: #f7941d;
	border-radius: 50%;
}
.shop.single .single-des p{}

.shop.single .item-info {
	width: 100%;
}
.shop.single .item-info tbody{}
.shop.single .item-info tbody tr{}
.shop.single .item-info tbody td {
	border: 1px solid #e6e6e6;
	padding: 10px;
}
.shop.single .item-info tbody strong{}
.shop.single .ratting-main{}
.shop.single .avg-ratting {
	margin-bottom: 20px;
}
.shop.single .avg-ratting h4 {
	font-size: 18px;
	margin: 0;
}
.shop.single .avg-ratting h4 span{
	font-size:14px;
}
.shop.single .single-rating {
	margin-bottom: 20px;
}
.shop.single .single-rating:last-child{
	margin:0;
	border:none;
	padding:0;
}
.shop.single .rating-author {
	float: left;
	margin-right: 10px;
	padding: 20px;
	padding-right: 10px;
}
.shop.single .rating-author img {
	width: 60px;
	border-radius: 100%;
	height: 60px;
}
.shop.single .rating-des {
	padding-left: 72px;
	background: #f9f8f8;
	padding: 17px 20px 17px 107px;
}
.shop.single .rating-des .ratings {
	margin: 0;
}
.shop.single .rating-des h6 {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
}
.shop.single .ratting-main .single-rating ul{}
.shop.single .ratting-main .single-rating ul li{
	display:inline-block;
}
.shop.single .ratting-main .single-rating ul li i{
	color:#F7941D;
	font-size:14px;
}
.shop.single .review-inner label {
	display: inline-block;
	margin: 0 5px 0 0;
}
.shop.single .review-inner .ratings {
	overflow: visible;
	display: inline-block;
	margin: 0;
}
.shop.single .review-inner .ratings ul{
	display:inline-block;
}
.shop.single .ratting-main .single-rating ul {
	display: inline-block;
	margin-right: 5px;
}
.shop.single .ratings .rate-count {
	display: inline-block;
	color: #666;
	font-size: 13px;
}
.shop.single .comment-review {
	margin-bottom: 30px;
}
.shop.single .comment-review .add-review{
	margin-top:30px;
}
.shop.single .comment-review .add-review h5{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 7px;
}
.shop.single .comment-review .add-review p{
	color:#333;
}
.shop.single .comment-review h4 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 7px;
	margin-top:20px;
}
.shop.single .comment-review .review-inner{
	margin-bottom:15px;
	display:block;
}
.shop.single .comment-review .rating li {
	display:inline-block;
}
.shop.single .comment-review .rating li i{
	color:#F7941D;
	font-size: 14px;
}
.shop.single .rating-des p{
	margin-top:5px;
}
.shop.single .avg-ratting h4 {
	font-size: 20px;
	color: #333;
}
.shop.single .avg-ratting{}
.shop.single .form .form-group input {
	width: 100%;
	height: 45px;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #ddd;
	resize: none;
	border-radius: 0;
	color: #333;
}
.shop.single .form .form-group button {
	border: none;
	padding: 17px 50px;
}
.shop.single .form .form-group textarea {
	width: 100%;
	height:200px;
	padding: 20px;
	background:#fff;
	border:1px solid #ddd;
	resize:none;
	border-radius:0;
	color:#333;
}
.shop.single .form .form-group label {
	color: #333;
	position: relative;
}
.shop.single .form .form-group label span {
	color: #ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}
.shop.single .review-panel{
	margin-top:35px;
}
/*======================================
   End Shop Single CSS
========================================*/

/*======================================
   Start Shop Home List CSS
========================================*/
 .sv4-section {
    padding: 70px 20px;
    background: #fdf6ee;
    position: relative;
    overflow: hidden;
  }
  .sv4-head {
    text-align: center;
    margin-bottom: 3rem;
  }
  .sv4-head span {
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #8B3D1F;
    display: block;
    margin-bottom: 8px;
  }
  .sv4-head h2 {
    font-size: 28px;
    font-weight: 700;
    color: #1a1008;
    margin: 0;
  }
  .sv4-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 1px;
    background: #e8d8cc;
    border: 1px solid #e8d8cc;
    border-radius: 20px;
    overflow: hidden;
    max-width: 1100px;
    margin: 0 auto;
  }
  .sv4-card {
    background: #fff;
    padding: 2.4rem 1.8rem;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    transition: background 0.3s;
    cursor: default;
    overflow: hidden;
  }
  .sv4-card::before {
    content: attr(data-num);
    position: absolute;
    top: 1rem; right: 1.4rem;
    font-size: 52px;
    font-weight: 800;
    color: rgba(139,61,31,0.06);
    line-height: 1;
    letter-spacing: -0.04em;
    transition: color 0.3s;
    pointer-events: none;
  }
  .sv4-card:hover { background: #fffaf6; }
  .sv4-card:hover::before { color: rgba(139,61,31,0.13); }
  .sv4-icon {
    width: 48px; height: 48px;
    border-radius: 12px;
    background: #fdf0e8;
    border: 1px solid #f0d8c8;
    display: flex; align-items: center; justify-content: center;
    transition: background 0.3s, border-color 0.3s, transform 0.3s;
  }
  .sv4-card:hover .sv4-icon {
    background: #f5e0d0;
    border-color: #c9835a;
    transform: translateY(-3px);
  }
  .sv4-icon svg {
    width: 22px; height: 22px;
    stroke: #8B3D1F; fill: none;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .sv4-title {
    font-size: 15px;
    font-weight: 700;
    color: #1a1008;
    margin: 0;
  }
  .sv4-desc {
    font-size: 13px;
    color: #999;
    margin: 0;
    line-height: 1.65;
    transition: color 0.3s;
  }
  .sv4-card:hover .sv4-desc { color: #777; }
  .sv4-divider {
    width: 28px; height: 2px;
    background: #8B3D1F;
    border-radius: 2px;
    margin-top: 2px;
    transition: width 0.35s cubic-bezier(.4,0,.2,1);
  }
  .sv4-card:hover .sv4-divider { width: 52px; }
  .sv4-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #8B3D1F;
    background: #fdf0e8;
    border: 1px solid #f0d0b8;
    border-radius: 99px;
    padding: 3px 11px;
    width: fit-content;
    margin-top: 2px;
    transition: background 0.3s, border-color 0.3s;
  }
  .sv4-card:hover .sv4-tag {
    background: #f5e0d0;
    border-color: #c9835a;
  }
  @media (max-width: 768px) {
    .sv4-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  }
  @media (max-width: 480px) {
    .sv4-grid { grid-template-columns: 1fr; }
  }
/*======================================
   End Shop Home List CSS
========================================*/
.lti5-section { padding: 0 0 100px; background: #fdf6ee; }
.lti5-head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 24px; padding-bottom: 16px;padding-top: 25px;
  border-bottom: 1px solid #e8d8cc;
}
.lti5-head-left { display: flex; align-items: center; gap: 10px; }
.lti5-bar { width: 4px; height: 28px; background: linear-gradient(180deg,#8B3D1F,#e8834a); border-radius: 4px; }
.lti5-head h2 { font-size: 20px; font-weight: 700; color: #1a1008; margin: 0; }
.lti5-viewall {
  font-size: 11px; font-weight: 600; letter-spacing:.08em;
  text-transform: uppercase; color: #8B3D1F;
  border: 1px solid #e8d0c0; border-radius: 99px;
  padding: 5px 14px; text-decoration: none;
  transition: background .25s, color .25s;
}
.lti5-viewall:hover { background: #8B3D1F; color: #fff; }
 
/* 2-col grid */
.lti5-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
 
/* Card */
.lti5-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #efe5da;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  transition: box-shadow 0.3s, transform 0.3s;
}
.lti5-card:hover {
  box-shadow: 0 6px 24px rgba(139,61,31,0.10);
  transform: translateY(-2px);
}
 
/* Image — 130px wide, 370x507 ratio enforced via padding trick */
.lti5-img {
  position: relative;
  width: 130px; min-width: 130px;
  background: #faf7f4;
  overflow: hidden;
}
.lti5-img::before {
  content: ''; display: block;
  padding-top: 137.03%; /* 507/370 * 100 */
}
.lti5-img img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 8px;
  display: block;
  transition: transform 0.4s;
}
.lti5-card:hover .lti5-img img { transform: scale(1.05); }
 
/* Overlay */
.lti5-overlay {
  position: absolute; inset: 0;
  background: rgba(139,61,31,0.38);
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transition: opacity 0.3s;
}
.lti5-card:hover .lti5-overlay { opacity: 1; }
.lti5-buy {
  width: 36px; height: 36px; border-radius: 50%; background: #fff;
  display: flex; align-items: center; justify-content: center;
  text-decoration: none;
  transform: scale(0.5);
  transition: transform 0.3s cubic-bezier(.4,0,.2,1), background 0.2s;
}
.lti5-card:hover .lti5-buy { transform: scale(1); }
.lti5-buy:hover { background: #f7941d; }
.lti5-buy i { font-size: 14px; color: #8B3D1F; transition: color 0.2s; }
.lti5-buy:hover i { color: #fff; }
 
/* Badge */
.lti5-badge {
  position: absolute; top: 8px; left: 8px;
  font-size: 8px; font-weight: 700;
  letter-spacing: 0.1em; text-transform: uppercase;
  color: #fff; background: #8B3D1F;
  padding: 2px 7px; border-radius: 99px; z-index: 2;
}
.lti5-badge.hot  { background: #e8440a; }
.lti5-badge.sale { background: #f7941d; }
.lti5-badge.out  { background: #999; }
 
/* Info */
.lti5-info {
  flex: 1; padding: 14px 16px;
  display: flex; flex-direction: column;
  justify-content: center; gap: 8px;
  min-width: 0;
  border-left: 1px solid #f0ebe5;
}
.lti5-title {
  font-size: 13px; font-weight: 600; color: #1a1008;
  margin: 0; line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; text-decoration: none;
  transition: color 0.2s;
}
.lti5-title:hover { color: #8B3D1F; }
.lti5-divider {
  width: 24px; height: 2px;
  background: #e8d0c0; border-radius: 2px;
  transition: width 0.3s, background 0.3s;
}
.lti5-card:hover .lti5-divider { width: 44px; background: #8B3D1F; }
.lti5-bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.lti5-price { font-size: 15px; font-weight: 700; color: #8B3D1F; }
.lti5-old { font-size: 11px; color: #bbb; text-decoration: line-through; }
.lti5-cart-mini {
  width: 30px; height: 30px; border-radius: 8px;
  background: #fdf0e8; border: 1px solid #e8d0c0;
  display: flex; align-items: center; justify-content: center;
  text-decoration: none; flex-shrink: 0;
  transition: background 0.2s, border-color 0.2s;
}
.lti5-cart-mini:hover { background: #8B3D1F; border-color: #8B3D1F; }
.lti5-cart-mini i { font-size: 12px; color: #8B3D1F; transition: color 0.2s; }
.lti5-cart-mini:hover i { color: #fff; }
 
@media (max-width: 600px) { .lti5-grid { grid-template-columns: 1fr; } }
/*======================================
   Start Shopping Cart CSS
========================================*/
.table.shopping-summery {
	background: #fff;
}
.shopping-cart {
	background: #f6f6f6;
	padding: 50px 0;
}
.shopping-summery thead .main-hading{
	padding:0px 50px;
}
.shopping-summery thead {
	background: #F7941D;
	color: #fff;
}
.shopping-summery thead tr th {
	border: none;
	font-weight: 600;
	color: #fff;
	text-align: center;
}
.shopping-summery tbody tr {
	border-bottom: 1px solid #F7941D;
	margin-top: 20px;
}
.shopping-summery tbody tr img {
	border-radius: 0;
	width: auto;
	height: 80px;
}
.shopping-summery tbody tr:last-child{
	border:none;
}
.shopping-summery tbody .product-name a {
	font-weight: 600;
	color: #282828;
	font-weight: 600;
	font-size: 17px;
}
.shopping-cart .table p {
	font-size: 14px;
	color: #666;
}
.shopping-summery tbody .product-name a:hover{
	color:#F7941D;
}
.shopping-summery tbody .product img {
	max-width: 70px;
	border-radius: 100%;
	max-height: 65px;
	border: 1px solid #e6e6e6;
	padding: 4px;
}
.shopping-summery tbody .product:hover img{
	border-color:#F7941D;
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transform:rotate(360deg);
}
.shopping-cart .border{
	
}
.shopping-cart .table .remove-icon{
	font-size:16px;
}
.shopping-cart .table td {
	vertical-align: middle;
	border-top: 1px solid #eee;
	padding: 30px;
}
.shopping-summery tbody .price {
	text-align: center;
}
.shopping-summery tbody .price span{}
.shopping-cart tbody .qty .input-group {
	width: 175px;
	display: inline-block;
}
.shopping-cart .qty .button {
	display: inline-block;
	position: absolute;
	top: 0;
}
.shopping-cart .qty .button.minus{
	left:0;
	border-radius:0;
	overflow:hidden;
}
.shopping-cart .qty .button.plus {
	right: 0;
	border-radius:0;
	overflow:hidden;
}
.shopping-cart .qty .button .btn {
	padding: 0;
	width: 44px;
	height: 47px;
	line-height: 50px;
	border-radius: 0px;
	background: transparent;
	color: #282828;
	border: none;
	font-size: 12px;
}
.shopping-cart .qty .button .btn:hover{
	color:#F7941D;
}
.shopping-cart .qty .input-number {
	border: 1px solid #eceded;
	width: 100%;
	text-align: center;
	height: 47px;
	border-radius:0;
	overflow: hidden;
	padding: 0px 45px;
}
.shopping-summery tbody .total-amount {
	text-align: center;
}
.shopping-summery tbody .total-amount span{}
.shopping-summery tbody .action {
	text-align: center;
}
.shopping-summery tbody .action a:hover{
	color:#F7941D;
}
.shopping-cart .total-amount{
	margin-top:50px;
}
.shopping-cart .total-amount .left{}
.shopping-cart .total-amount .left .coupon{}
.shopping-cart .total-amount .left .coupon form{}
.shopping-cart .total-amount .left .coupon form input {
	width: 220px;
	display: inline-block;
	height: 48px;
	color: #333;
	padding: 0px 20px;
	border: none;
	box-shadow: 0px 0px 5px #0000000a;
}
.shopping-cart .total-amount .left .coupon form .btn {
	display: inline-block;
	height: 48px;
	border: navajowhite;
	margin-left: 4px;
	background: transparent;
	color: #333;
	background: #fff;
	box-shadow: 0px 0px 5px #00000012;
}
.shopping-cart .total-amount .left .coupon form .btn:hover{
	background:#fff;
	color:#F7941D;
}
.shopping-cart .total-amount .left label{
	font-size:22px;
	font-weight:500;
	color:#333;
}
.shopping-cart .total-amount .left .checkbox {
	text-align: left;
	margin: 0;
	margin-top: 20px;
}
.shopping-cart .total-amount .left .checkbox label {
	font-size: 15px;
	font-weight: 400;
	color: #333;
	position: relative;
	padding-left: 30px;
}
.shopping-cart .total-amount .left .checkbox label:hover{
	cursor:pointer;
}
.shopping-cart .total-amount .left .checkbox label input{
	display:none;
}
.shopping-cart .total-amount .left .checkbox label::before {
	position: absolute;
	content: "";
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px;
	border: 1px solid #555555;
	border-radius: 0px;
}
.shopping-cart .total-amount .left .checkbox label::after {
	position: absolute;
	content: "\f00c";
	font-family: "Fontawesome";
	left: 0;
	top: 0;
	width: 22px;
	height: 22px;
	line-height: 24px;
	left: 3px;
	top: 0px;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: block;
	font-size: 11px;
}
.shopping-cart .total-amount .left .checkbox label.checked::after{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.shopping-cart .total-amount .right {
	padding-left: 100px;
}
.shopping-cart .total-amount .right ul{
	
}
.shopping-cart .total-amount .right ul li {
	font-size: 15px;
	font-weight: 400;
	color: #333;
	margin-bottom: 12px;
}
.shopping-cart .total-amount .right ul li.last {
	padding-top: 12px;
	border-top: 1px solid #c8c8c8;
	color: #333;
	font-size: 15px;
	font-weight: 400;
}
.shopping-cart .total-amount .right ul li span{
	display:inline-block;
	float:right;
}
.shopping-cart .total-amount .right .button5 .btn {
	text-align: center;
	border-radius: 0;
	width: 100%;
	margin-top: 10px;
	height: 46px;
	line-height: 18px;
	font-size: 13px;
	color: #fff;
}
/*======================================
   End Shopping Cart CSS
========================================*/

/*======================================
   Start Checkout Form CSS
========================================*/
.shop.checkout {
	padding: 0;
	background: #fff;
	padding-top: 20px;
	padding-bottom: 50px;
}
.shop.checkout .checkout-form {
	margin-top: 30px;
}
.shop.checkout .checkout-form h2 {
	font-size: 25px;
	color: #333;
	font-weight: 700;
	line-height: 27px;
}
.shop.checkout .checkout-form p {
	font-size: 16px;
	color: #333;
	font-weight: 400;
	margin-top: 12px;
	margin-bottom: 30px;
}
.shop.checkout .form{}
.shop.checkout .form .form-group {
	margin-bottom: 25px;
}
.shop.checkout .form .form-group label{
	color:#333;
	position:relative;
}
.shop.checkout .form .form-group label span {
	color: #ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}
.shop.checkout .form .form-group input {
	width: 100%;
	height: 45px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 3px;
	border-radius: 0px;
	color: #333 !important;
	border: none;
	background: #F6F7FB;
}
.shop.checkout .form .form-group input:hover{
	
}
.shop.checkout .nice-select {
	width: 100%;
	height: 45px;
	line-height: 50px;
	margin-bottom: 25px;
	background: #F6F7FB;
	border-radius: 0px;
	border:none;
	
}
.shop.checkout .nice-select .list {
	width: 100%;
	height: 300px;
	overflow: scroll;
}
.shop.checkout .nice-select .list li{}
.shop.checkout .nice-select .list li.option{
	color:#333;
}
.shop.checkout .nice-select .list li.option:hover{
	background:#F6F7FB;
	color:#333;
}
.shop.checkout .form .address input {
	margin-bottom: 15px;
}
.shop.checkout .form .address input:last-child{
	margin:0;
}
.shop.checkout .form .create-account {
	margin: 0;
}
.shop.checkout .form .create-account input {
	width: auto;
	display: inline-block;
	height: auto;
	border-radius: 100%;
	margin-right: 3px;
}
.shop.checkout .form .create-account label {
	display: inline-block;
	margin: 0;
}
.shop.checkout .order-details {
	margin-top: 30px;
	background: #fff;
	padding: 15px 0 30px 0;
	border: 1px solid #eee;
}
.shop.checkout .single-widget {
	margin-bottom: 30px;
}
.shop.checkout .single-widget:last-child{
	margin:0;
}
.shop.checkout .single-widget h2 {
	position:relative;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 30px;
	line-height: 24px;
	text-transform: uppercase;
	color: #333;
	padding-bottom: 5px;
}
.shop.checkout .single-widget h2:before{
	position:absolute;
	content:"";
	left:30px;
	bottom:0;
	height:2px;
	width:50px;
	background:#F7941D;
}
.shop.checkout .single-widget .content ul{
	margin-top:30px;
}
.shop.checkout .single-widget .content ul li {
	display: block;
	padding: 0px 30px;
	font-size: 15px;
	font-weight: 400;
	color: #333;
	margin-bottom: 12px;
}
.shop.checkout .single-widget .content ul li span{
	display:inline-block;
	float:right;
}
.shop.checkout .single-widget .content ul li.last {
	padding-top: 12px;
	border-top: 1px solid #ebebeb;
	display: block;
	font-size: 15px;
	font-weight: 400;
	color: #333;
}
.shop.checkout .single-widget .checkbox {
	text-align: left;
	margin: 0;
	padding: 0px 30px;
	margin-top:30px;
}

.shop.checkout .single-widget.payement {
	padding: 0px 38px;
	text-align: center;
	margin-top: 30px;
}
.shop.checkout .single-widget.get-button {
	text-align: center;
	padding:0px 35px;
}
.shop.checkout .single-widget.get-button .btn {
	height: 46px;
	width: 100%;
	line-height: 19px;
	text-align: center;
	border-radius: 0;
	text-transform: uppercase;
	color: #fff;
}
/*======================================
   End Checkout Form CSS
========================================*/

/*======================================
   Login & Register CSS
========================================*/
.shop.login { padding: 30px 0 100px; background: #fff; }

.shop.login .login-form h2 {
    position: relative;
    font-size: 32px;
    color: #1a0804;
    font-weight: 400;

    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.shop.login .login-form h2::after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background: #F7941D;
    margin: 10px auto 0;
}
.shop.login .login-form p {
    font-size: 14px;
    color: #888;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 25px;
}
.shop.login .form { margin-top: 0; }
.shop.login .form .form-group { margin-bottom: 22px; }

.shop.login .form .form-group label {
    font-size: 13px;
    font-weight: 500;
    color: #1a0804;
    display: block;
    margin-bottom: 7px;
    position: relative;
}
.shop.login .form .form-group label span {
    color: #c0392b;
    
    font-size: 15px;
}
.shop.login .form .form-group input {
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0 46px 0 16px;
    border-radius: 0;
    color: #1a0804 !important;
    border: 1.5px solid #e5ddd8;
    background: #f6f2ef;
    transition: border-color .2s, background .2s;
}
.shop.login .form .form-group input:focus {
    border-color: #8B3D1F;
    background: #fff;
    outline: none;
}
.shop.login .form .form-group input::placeholder { color: #bbb; }

/* password eye */
.password-wrapper { position: relative; display: flex; align-items: center; }
.password-wrapper input { width: 100%; padding-right: 46px; }
.eye-toggle {
    color: #999 !important;
    position: absolute;
    right: 14px;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color .2s;
}
.eye-toggle:hover { color: #8B3D1F !important; }
.eye-toggle.slashed::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 20px;
    background-color: #999;
    border-radius: 1px;
    transform: rotate(45deg);
    pointer-events: none;
}
.eye-toggle.slashed:hover::after { background-color: #8B3D1F; }

/* buttons row */
.shop.login .form .form-group.login-btn {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content:center;
    flex-wrap: wrap;
    gap: 8px;
}
.shop.login .form button { border: none; }
.shop.login .form .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 0 24px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    border-radius: 0;
    transition: background .2s, color .2s, border-color .2s;
}
/* Login = dark brown, Register = outlined */
.shop.login .form button.btn { background: #1a0804; color: #fff; }
.shop.login .form button.btn:hover { background: #8B3D1F; }
.shop.login .form a.btn:first-of-type {
    background: transparent;
    color: #1a0804;
    border: 1.5px solid #c5b8b0;
}
.shop.login .form a.btn:first-of-type:hover { border-color: #8B3D1F; color: #8B3D1F; }

.sl-or-text {
    font-size: 12px;
    color: #bbb;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin: 0 2px;
}
.btn-facebook { background: #39579A !important; }
.btn-facebook:hover { background: #073088 !important; }
.btn-github { background: #333 !important; color: #fff; }
.btn-github:hover { background: #000 !important; }
.btn-google { background: #ea4335 !important; color: #fff; }
.btn-google:hover { background: #c0392b !important; }

/* divider */
.sl-divider { height: 1px; background: #ede6e1; margin: 18px 0 16px; }

/* bottom row */
.sl-bottom-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }

/* checkbox */
.shop.login .login-form .checkbox { margin: 0; display: inline-block; }
.shop.login .login-form .checkbox label {
    font-size: 13px;
    font-weight: 400;
    color: #555;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}
.shop.login .login-form .checkbox label input { display: none; }
.shop.login .login-form .checkbox label::before {
    position: absolute;
    content: "";
    left: 0; top: 6px;
    width: 13px; height: 13px;
    border: 1.5px solid #c5b8b0;
    border-radius: 0;
}
.shop.login .login-form .checkbox label::after {
    position: absolute;
    content: "\f00c";
    font-family: "Fontawesome";
    width: 12px; height: 12px;
    line-height: 23px;
    left: 2px; top: 0;
    opacity: 0; visibility: hidden;
    transform: scale(0);
    transition: all .3s ease;
    display: block;
    font-size: 9px;
    color: #8B3D1F;
}
.shop.login .login-form .checkbox label.checked::after { opacity:1; visibility:visible; transform:scale(1); }

/* lost password */
.shop.login .login-form .lost-pass {
    display: inline-block;
    color: #888;
    font-size: 13px;
    font-weight: 400;
    border-bottom: 1px solid transparent;
    transition: color .2s, border-color .2s;
}
.shop.login .login-form .lost-pass:hover { color: #8B3D1F; border-color: #F7941D; }

/* trust strip */
.sl-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    margin-top: 30px;
    padding-top: 24px;
    border-top: 1px solid #ede6e1;
    flex-wrap: wrap;
}
.sl-trust-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #aaa;
}
.sl-trust-item i { color: #8B3D1F; font-size: 14px; }
/*======================================
   End Login CSS
========================================*/

/*======================================
   Start Shop List CSS
========================================*/
.shop-list .list-content{
	margin-top:50px;
}
.shop-list .list-content .product-price{}
.shop-list .list-content .product-price span {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 3px;
	display: block;
}
.shop-list .list-content .title {
	line-height: 20px;
}
.shop-list .list-content .title a:hover{
	color:#F7941D;
}
.shop-list .list-content .title a {
	font-size: 18px;
	font-weight: 600;
}
.shop-list .list-content .rating {
	margin: 5px 0 8px 0;
}
.shop-list .list-content .rating li{
	display:inline-block;
}
.shop-list .list-content .rating li i{
	color: #F7941D;
}
.shop-list .list-content .rating li.total {
	color: #333;
	font-size: 12px;
	margin-left: 3px;
}
.shop-list .list-content .des{}
.shop-list .list-content .btn {
	margin-top: 22px;
	height: 42px;
	line-height: 15px;
	color: #333;
	background: transparent;
	border: 1px solid #cecece;
	font-size: 13px;
	border-radius: 30px;
	height: auto;
	line-height: a;
	padding: 13px 32px;
}
.shop-list .list-content .btn:hover{
	background:#F7941D;
	color:#fff;
	border-color:transparent;
}
/* Pagination CSS */
.pagination {
	text-align: left;
	margin: 50px 0 0 0;
	display:block;
}
.pagination.center {
	text-align: center;
}
.pagination .pagination-list li {
	margin-right: 5px;
	display: inline-block;
}
.pagination .pagination-list li:last-child{
	margin-right:0px;
}
.pagination .pagination-list li a {
	background: #F6F7FB;
	color: #666;
	padding: 6px 18px;
	font-weight: 400;
	border: 1px solid #e1e1e1;
	font-size: 16px;
	border-radius: 0px;
}
.pagination .pagination-list li.active a,
.pagination .pagination-list li:hover a{
	background: #F7941D;
	color: #fff;
	border-color: transparent;
}
.pagination .pagination-list li a i{
	font-size:13px;
}
.pagination .pagination-list li a i{}
.blog-grids.pagination{
	margin-top:50px;
	text-align:center;
}
/*======================================
   End Shop List CSS
========================================*/

/*=============================
	Start Cowndown CSS
===============================*/
.cown-down {
	position: relative;
	height: 515px;
	overflow:hidden;
}
.cown-down .padding-right{
	padding-right:0;
}
.cown-down .padding-left{
	padding-left:0;
}
.cown-down .image img {
	width:100%;
	height:100%;
}
.cown-down .content {
	text-align: center;
	background: #FDFBEF;
	height: 100%;
	position:relative;
}
.cown-down .content .heading-block{
	position:absolute;
	left:0;
	top:26%;
	transform:translateY(-50%);
	padding: 75px;
}
.cown-down .content .small-title {
	font-size: 13px;
	color: #777;
	display: block;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-weight: 600;
}
.cown-down .content .title {
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.cown-down .content .price {
	margin-top: 35px;
	font-size: 35px;
	font-weight: 700;
	color: #F7941D;
}
.cown-down .content .price s{
	margin-top: 35px;
	font-size: 24px;
	font-weight: 500;
	color:#666;
}
.cown-down .content .cdown {
	float: none;
	text-align:center;
	margin-top:40px;
	width: 80px;
	display:inline-block;
	
}
.cown-down .content .cdown {
	text-align: center;
}
.cown-down .content .cdown{
	display:inline-block;
}
.cown-down .content .cdown span {
	color: #333;
	font-size: 22px;
	font-weight:400;
	text-transform:uppercase;
}
.cown-down .content .cdown p{
	font-size:13px;
	color:#666;
	text-transform:uppercase;
}
/*=============================
	End Cowndown CSS
===============================*/

/*======================================
   Start Shop Services CSS
========================================*/
.shop-services.section {
	padding: 80px 0 0px 0;
	background: #fff;
}
.shop-services.home{
	padding:60px 0;
	background:#fdf6ee;
}
.shop-services .single-service {
	position: relative;
	padding-left: 65px;
}
.shop-services .single-service i {
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	color: #8b3d1f;
	background: transparent;
	border-radius: 100%;
	display: block;
	font-size: 32px;
	position: absolute;
	left: 0;
	top: 0;
}
.shop-services .single-service h4 {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 22px;
	color: #8b3d1f;
}
.shop-services .single-service p {
	color: #898989;
	line-height: 28px;
	font-size:14px;
}

.shop-services .single-service {
  position: relative;
  padding-left: 65px;
}

/* REMOVE old <i> styles */
.shop-services .single-service i {
  display: none;
}

/* ADD this for PNG icons */
.shop-services .single-service img {
  height: 50px;
  width: 50px;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 0;
}

/* Optional: background circle (like before) */
.shop-services .single-service::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background: transparent;
  border-radius: 50%;
}
/*======================================
   End Shop Services CSS
========================================*/

/*======================================
   Start Shop Newsletter CSS
========================================*/
.shop-newsletter{
	background:#fdf3ef;
	padding:70px 0px;
	margin-top:30px;
}
.shop-newsletter .inner{
	text-align:center;
}
.shop-newsletter .inner h4 {
	color: #333;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.shop-newsletter .inner p{
	color:#777;
	font-size:14px;
	font-weight:400;
	margin-bottom:30px;
}
.shop-newsletter .inner p span{
	color:#F7941D;
}
.shop-newsletter .newsletter-inner{
	position:relative;
	display: inline-block;
}
.shop-newsletter .newsletter-inner input {
	width: 480px;
	height: 55px;
	border-radius: 0px;
	padding: 0px 30px;
	font-weight: 400;
	display: inline-block;
	text-shadow: none;
	box-shadow: none;
	border-radius: 0;
	border: none;
	border: 1px solid #ececec;
	border-radius: 30px 0 0 30px;
}
.shop-newsletter .newsletter-inner button{
	border:none;
	text-shadow:none;
	box-shadow:none;
	border-radius:0;
}
.shop-newsletter .newsletter-inner .btn {
	display: inline-block;
	height: 55px;
	padding: 10px 30px;
	position: relative;
	top: 0;
	background:#8b3d1f;
	
	color: #fff;
	left: -4px;
	border-radius: 0 30px 30px 0;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}
.shop-newsletter .newsletter-inner .btn:hover{
	background: #F7941D;
	color:#fff;
}
/*======================================
   End Shop Newsletter CSS
========================================*/

/*=============================
	About US CSS
===============================*/
.about-us{
	background:#fff;
}
.about-us .about-content {
	padding-right: 50px;
}
.about-us .about-content .story{
	display:block;
	color:#04AAF4;
	margin-bottom:20px;
	font-size:17px;
}
.about-us .about-content .story i{
	color:#04AAF4;
	margin-right:5px;
	font-size:22px;
}
.about-us .about-content h3 {
	font-size: 30px;
	font-weight: 600;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.about-us .about-content h3::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 2px;
	width: 60px;
	background: #F7941D;
}
.about-us .about-content h3 span{
	display:inline-block;
	font-weight:700;
	color:#8b3d1f;
}
.about-us .about-content p {
    text-align:justify;
	line-height: 26px;
	margin-bottom: 10px;
}
.about-us .about-content p:last-child{
	margin:0;
}
.about-us .about-content .button{
	margin-top:40px;
}
.about-us .about-content .button .btn{
	background:#333;
	color:#fff;
	margin-right:15px;
}
.about-us .about-content .button .btn:hover{
	background:#F7941D;
	color:#fff;
}
.about-us .about-content .button .btn.primary{
	background:#F7941D;
	color:#fff;
}
.about-us .about-content .button .btn.primary:hover{
	background:#333;
	color:#fff;
}
.about-us .about-content .button .btn:last-child{
	margin:0;
}
.about-us .about-img {
	position: relative;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	border: 10px solid #fff;
}
.about-us .about-img:before{
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.about-us .about-img:hover:before{
	opacity:0.6;
	visibility:visible;
}
.about-us .about-img .video {
	height: 64px;
	width: 64px;
	line-height: 64px;
	background: #F7941D;
	color: #fff;
	font-size: 20px;
	border-radius: 100%;
	display: block;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px;
	padding-left: 4px;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.about-us .about-img .video:hover{
	background:#fff;
	color:#F7941D;
}
.about-us .about-img:hover .video{
	transform:scale(1);
}
.about-us .about-img img{
	height:100%;
	width:100%;
	
}
/*=============================
	End About US CSS
===============================*/

/*======================================
  10. Start Team CSS
========================================*/  
.team{
	background:#F6F7FB;
}
.team .title-line{
	margin-bottom:40px;
}
.team .single-team {
	margin-top: 30px;
	position:relative;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
	display: inline-block;
	overflow:hidden;
	text-align:center;
	background:#fff;
}
.team .single-team .info-head {
	padding: 35px 30px;
}
.team .single-team .image img{
	height:100%;
	width:100%;
}
.team .single-team .info-box {
	text-align:center;
}
.team .single-team .info-box .name {
	display: block;
	font-size: 17px;
	color: #333;
	font-weight: 500;
	margin-bottom: 3px;
	text-transform:capitalize;
}
.team .single-team .info-box .designation{
	color:#aaa;
	font-size:13px;
}
.team .single-team .social-links {
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
	margin-top:15px;
}
.team .single-team .social-links .social li{
	display:inline-block;
	margin-right:15px;
}
.team .single-team .social-links .social li:last-child{
	margin-right:0px;
}
.team .single-team .social-links .social li a {
	color: #666;
	display: block;
	font-size: 14px;
}
.team .single-team .social-links .social li a:hover{
	color:#F7941D;
}
/*======================================
  End Team CSS
========================================*/ 

/*======================================
   Start Shop Blog CSS
========================================*/
/* ===================================
   BLOG SECTION - Redesigned
=================================== */
.shop-blog.section {
    /*background: #fdf6ee;*/
    padding: 70px 0;
}

.shop-blog .shop-single-blog {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 30px;
    border: 1px solid #f0e6d6;
    transition: all 0.4s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.shop-blog .shop-single-blog:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(139, 61, 31, 0.12);
    border-color: #c97b4b;
}

/* Image wrapper — fixed height so all cards are even */
.shop-blog .shop-single-blog .blog-img-wrap {
    position: relative;
    width: 100%;
  height: 250px;
    overflow: hidden;
}

.shop-blog .shop-single-blog .blog-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.shop-blog .shop-single-blog:hover .blog-img-wrap img {
    transform: scale(1.06);
}

/* Category tag on image */
.shop-blog .shop-single-blog .blog-tag {
    position: absolute;
    top: 14px;
    left: 14px;
    background: #8B3D1F;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
}

/* Content area */
.shop-blog .shop-single-blog .content {
    padding: 24px 24px 28px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.shop-blog .shop-single-blog .content .date {
    font-size: 12px;
    font-weight: 500;
    color: #c97b4b;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.shop-blog .shop-single-blog .content .date::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #c97b4b;
    border-radius: 2px;
}

.shop-blog .shop-single-blog .content .title {
    font-size: 16px;
    font-weight: 700;
    color: #2c1a0e;
    line-height: 1.5;
    display: block;
    margin-bottom: 14px;
    transition: color 0.3s ease;
    flex: 1;
}
.shop-blog .shop-single-blog .content .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: unset;
}
.shop-blog .shop-single-blog .content p {
    display: -webkit-box;
    -webkit-line-clamp: 2;       /* show 2 lines, then "..." */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 12px;
}


/* Tighter content padding (was 24px/28px) */
.shop-blog .shop-single-blog .content {
    padding: 16px 18px 20px;
}

.shop-blog .shop-single-blog .content .title:hover {
    color: #8B3D1F;
    text-decoration: none;
}

/* Divider line */
.shop-blog .shop-single-blog .content .blog-divider {
    width: 40px;
    height: 2px;
    background: linear-gradient(to right, #8B3D1F, #e8a87c);
    border-radius: 2px;
    margin-bottom: 14px;
}

/* Read more button */
.shop-blog .shop-single-blog .content .more-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #8B3D1F;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    transition: gap 0.3s ease, color 0.3s ease;
    margin-top: auto;
}

.shop-blog .shop-single-blog .content .more-btn::after {
    content: '→';
    transition: transform 0.3s ease;
}

.shop-blog .shop-single-blog:hover .content .more-btn {
    gap: 10px;
    color: #c97b4b;
}

.shop-blog .shop-single-blog:hover .content .more-btn::after {
    transform: translateX(4px);
}
/* Related Product */
.related-product{
	padding-top:0;
}
.related-product .section-title {
	text-align: center;
	margin-bottom: 10px;
	padding: 0;
}
.related-product .section-title h2 {
	font-size: 25px;
	margin-bottom: 0;
	text-transform: capitalize;
	position: relative;
	color: #2c2d3f;
	font-weight: 700;
	padding-bottom: 15px;
}
/* Blog Sidebar */
.main-sidebar {
	background: #fff;
	margin-top: 30px;
	padding: 40px;
	background: transparent;
	border: 1px solid #eeeeeec2;
}
.main-sidebar .single-widget{
	margin-bottom:50px;
}
.main-sidebar .single-widget .title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}
.main-sidebar .single-widget .title::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background: #F7941D;
}
.main-sidebar .single-widget:last-child{
	margin:0;
}
.main-sidebar .search{
	position:relative;
}
.main-sidebar .search input {
	width: 100%;
	height: 45px;
	box-shadow: none;
	text-shadow: none;
	font-size: 14px;
	border: none;
	color: #222;
	background: transparent;
	padding: 0 70px 0 20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 0;
	border: 1px solid #eee;
}
.main-sidebar .search .button {
	position: absolute;
	right: 0;
	top: 0;
	height: 44px;
	width: 50px;
	line-height: 45px;
	box-shadow: none;
	text-shadow: none;
	text-align: center;
	border: none;
	font-size: 14px;
	color: #fff;
	background: #333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.main-sidebar .search .button:hover {
	background:#F7941D;
	color:#fff;
}
/* Category List */
.main-sidebar .categor-list {
	margin-top: 15px;
}
.main-sidebar .categor-list li{
	
}
.main-sidebar .categor-list li {
	margin-bottom: 10px;
}
.main-sidebar .categor-list li:last-child{
	margin-bottom:0px;
}
.main-sidebar .categor-list li a {
	display: inline-block;
	color: #333;
	font-size:14px;
}
.main-sidebar .categor-list li a:hover{
	color:#F7941D;
	padding-left:7px;
}
.main-sidebar .categor-list li a i {
	display: inline-block;
	margin-right:0px;
	font-size: 9px;
	transform: translateY(-1px);
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.main-sidebar .categor-list li a:hover i{
	margin-right: 6px;
	opacity:1;
	visibility:visible;
}
/* Recent Post */
.main-sidebar .recent-post{}
.main-sidebar .single-post {
	position: relative;
	border-bottom: 1px solid #ddd;
	display: inline-block;
	padding: 17px 0;
}
.main-sidebar .single-post:last-child{
	padding-bottom:0px;
	border:none;
}
.main-sidebar .single-post .image {
	
}
.main-sidebar .single-post .image img{
	float: left;
	width: 80px;
	height: 80px;
	object-fit:cover;
	margin-right: 20px;
}
.main-sidebar .single-post .content{
	padding-left:100px;
}
.main-sidebar .single-post .content h5 {
	line-height: 18px;
}
.main-sidebar .single-post .content h5 a {
	color: #2C2D3F;
	font-weight: 500;
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
	display: block;
	margin-bottom: 10px;
	margin-top: 0;
}
.main-sidebar .single-post .content h5 a:hover{
	color:#F7941D;
}
.main-sidebar .single-post .content .comment{}
.main-sidebar .single-post .content .comment li{
	color:#888;
	display:inline-block;
	margin-right:15px;
	font-weight:400;
	font-size:14px;
}
.main-sidebar .single-post .content .comment li:last-child{
	margin-right:0;
}
.main-sidebar .single-post .content .comment li i{
	display:inline-block;
	margin-right:5px;
}
/* Blog Tags */
.main-sidebar .side-tags{}
.main-sidebar .side-tags .tag{
	margin-top:40px;
}
.main-sidebar .side-tags .tag li {
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 20px;
}
.main-sidebar .side-tags .tag li a {
	background: #fff;
	color: #333;
	padding: 8px 14px;
	text-transform: capitalize;
	border-radius: 0;
	font-size: 13px;
	background: #F6F7FB;
}
.main-sidebar .side-tags .tag a:hover{
	color:#fff;
	background:#F7941D;
	border-color:transparent;
}
/* Blog Newslatter CSS */
.main-sidebar .newsletter{
	
}
.main-sidebar .newsletter .letter-inner {
	position:relative;
	padding: 35px 30px;
	box-shadow: 0px 0px 12px #00000014;
	z-index:2;
	overflow:hidden;
}
.main-sidebar .newsletter .letter-inner h4 {
	text-transform: capitalize;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}
.main-sidebar .newsletter .letter-inner p{
	margin-bottom: 20px;
}
.main-sidebar .newsletter .letter-inner .form-inner{
	position:relative;
}
.main-sidebar .newsletter .letter-inner input {
	width: 100%;
	height: 45px;
	background: #fff;
	border: none;
	border: 1px solid #ddd;
	padding: 0px 60px 0px 20px;
	box-shadow: none;
	text-shadow: none;
	border-radius: 0;
}
.main-sidebar .newsletter .letter-inner .form-inner a {
	height: 42px;
	width: 100%;
	background: #F7941D;
	color: #fff;
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 42px;
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: 500;
}
.main-sidebar .newsletter .letter-inner .form-inner a:hover{
	background:#333;
	color:#fff;
}
/* Blog Single CSS */
.blog-single{
	background:#fff;
	padding:70px 0 100px;
}
.blog-single .blog-single-main {
	margin-top: 30px;
	background: #fff;
}
.blog-single .blog-detail {
	background: #fff;
}
.blog-single .image{
	position:relative;
}
.blog-single .image img{
	width:100%;
	height:100%;
}
.blog-single .blog-title {
	font-size: 24px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 40px 0 15px 0;
}
.blog-single .blog-meta {
	margin-bottom: 0;
	overflow: hidden;
	border-bottom: 1px solid #dddddd6e;
	padding-bottom: 20px;
	margin-bottom: 25px;
}
.blog-single .blog-meta .author i {
	color: #F7941D;
	margin-right: 10px;
	font-size: 13px;
}
.blog-single .blog-meta .author a {
	font-size: 13px;
	border-right:1px solid #ddd;
	padding:0px 15px;
}
.blog-single .blog-meta .author  a:first-child{
	padding-left:0;
}
.blog-single .blog-meta .author  a:last-child{
	padding-right:0;
	border:none;
}
.blog-single .blog-meta span {
	display: inline-block;
	font-size: 14px;
	color: #666;
}
.blog-single .blog-meta span a i {
	margin-right: 10px;
	color: #F7941D;
}
.blog-single .blog-meta span a:hover{
	color:#F7941D;
}
.blog-single .content p {
	margin-bottom: 25px;
	line-height: 26px;
	text-align:justify !important;
}
.blog-single .content p:last-child{
	margin:0;
}
.blog-single blockquote {
	position: relative;
	font-size: 13px;
	font-weight: 400;
	padding-left: 20px;
	padding: 10px 20px;
	background: #F6F6F6;
	padding: 30px 40px 30px 70px;
	color: #555;
	border: none;
	margin-bottom: 25px;
	border-left: 3px solid #F7941D;
}
.blog-single blockquote i {
	font-size: 30px;
	color: #F7941D;
	position: absolute;
	left: 20px;
	top: 20px;
}
.blog-single .content .img-post{
	margin-bottom: 25px;
}
.blog-single .share-social .content-tags {
	position: relative;
	margin-top: 25px;
}
.blog-single .share-social .content-tags h4 {
	position: absolute;
	left: 0;
	top: 7px;
	font-size: 15px;
	font-weight: 500;
}
.blog-single .share-social .content-tags .tag-inner{
	padding-left:60px;
}
.blog-single .share-social .content-tags .tag-inner li {
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-top: 4px;
}
.blog-single .share-social .content-tags .tag-inner li:last-child{
	margin-right: 0px;
	margin-bottom: 0px;
}
.blog-single .share-social .content-tags .tag-inner li a {
	border-radius: 30px;
	padding: 5px 15px;
	background:#f4f7fc;
	font-size: 13px;
}
.blog-single .share-social .content-tags .tag-inner li a:hover{
	color:#fff;
	background:#F7941D;
}
/* Comments */
.blog-single .comments{
	margin-top:40px;
}
.blog-single .comments .comment-title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}
.blog-single .comments .comment-title:before{
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background:#F7941D;
}
.blog-single .comments{
	
}
.blog-single .comments .single-comment {
	position: relative;
	margin-bottom: 40px;
	border-radius: 5px;
	padding-left: 95px;
}
.blog-single .comments .single-comment.left{
	margin-left:110px;
}
.blog-single .comments .single-comment img {
	height: 70px;
	width: 70px;
	border-radius: 100%;
	position: absolute;
	left: 0;
}
.blog-single .single-comment .content {
	
}
.blog-single .single-comment .content h4 {
	color: #333;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
	display: inline-block;
	margin-bottom: 18px;
	text-transform: capitalize;
}
.blog-single .single-comment .content h4 span {
	display: inline-block;
	font-size: 13px;
	color: #8D8D8D;
	margin: 0;
	font-weight: 400;
	text-transform: capitalize;
	display: block;
	margin-top: 5px;
}
.blog-single .single-comment .content p {
	color: #666;
	font-weight: 400;
	display: block;
	margin: 0;
	margin-bottom: 20px;
	line-height: 22px;
}
.blog-single .single-comment .content .button{}
.blog-single .single-comment .content .btn {
	display: inline-block;
	color: #666;
	font-weight: 400;
	color: #6a6a6a;
	border-radius: 4px;
	text-transform: capitalize;
	font-size: 14px;
	background: transparent;
	padding: 0;
}
.blog-single .single-comment .content a i{
	display:inline-block;
	margin-right:5px;
}
.blog-single .single-comment .content a:hover{
	color:#F7941D;
}
/* Comment Form */
.blog-single .reply form {
	padding: 40px;
	border: 1px solid #eee;
}
.blog-single .reply .reply-title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}
.blog-single .reply .reply-title:before{
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background:#F7941D;
}
.blog-single .reply .form-group {
	margin-bottom: 20px;
}
.blog-single .reply .form-group input {
	width: 100%;
	height: 45px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 0px;
	color: #333 !important;
	border: none;
	border: 1px solid #eee;
}
.blog-single .reply .form-group textarea {
	width: 100%;
	height: 200px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 0px;
	color: #333 !important;
	border: none;
	border: 1px solid #eee;
}
.blog-single .reply .form-group label {
	color: #333;
	position: relative;
}
.blog-single .reply .form-group label span {
	color:#ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}
.blog-single .reply .button {
	text-align: left;
	margin-bottom:0px;
}
.blog-single .reply .button .btn {
	height: 50px;
	border: none;
}
/*======================================
   End Shop Blog CSS
========================================*/


/*======================================
  21. Contact CSS
========================================*/
.contact-us {
	position: relative;
	z-index: 43;
}
.contact-us .title{
	margin-bottom: 30px;
}
.contact-us .title h4 {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 5px;
	color: #F7941D;
}
.contact-us .title h3 {
	font-size: 25px;
	text-transform: capitalize;
	font-weight: 600;
}
.contact-us .single-head {
	padding: 50px;
	box-shadow: 0px 0px 15px #0000001a;
	height: 100%;
}
.contact-us .single-info {
	text-align: left;
	margin-bottom:30px;
}
.contact-us .single-info i {
	color: #fff;
	font-size: 18px;
	display: inline-block;
	margin-bottom: 15px;
	height: 40px;
	width: 40px;
	display: block;
	text-align: center;
	border-radius: 3px;
	line-height: 40px;
	background:#F7941D;
}
.contact-us .single-info ul
.contact-us .single-info ul li{
	margin-bottom:5px;
}
.contact-us .single-info ul li:last-child{
	margin-bottom:0;
}
.contact-us .single-info ul li a{
	font-weight:400;
}
.contact-us .single-info ul li a:hover{
	color:#F7941D;
}
.contact-us .single-info .title {
	margin-bottom: 10px;
	font-weight: 500;
	color: #333;
	font-size: 18px;
}
.contact-us .form-main {
	box-shadow: 0px 0px 15px #0000001a;
	padding: 50px;
}
.contact-us .form .form-group input {
	height: 48px;
	line-height: 48px;
	width: 100%;
	border: 1px solid #e6e2f5;
	padding: 0px 20px;
	color: #333;
	border-radius: 0px;
	font-weight: 400;
}
.contact-us .form .form-group textarea {
	height: 180px;
	width: 100%;
	border: 1px solid #e6e2f5;
	padding: 15px 20px;
	color: #333;
	border-radius: 0px;
	resize: none;
	font-weight:400;
}
.contact-us .form .form-group label {
	color: #333;
	position: relative;
}
.contact-us .form .form-group label span {
	color: #ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}
.contact-us .form .button {
	margin:0;
}
.contact-us .form .button .btn {
	height: 50px;
	border: none;
}
#myMap {
	height: 500px;
	width: 100%;
}
/*======================================
  End Contact CSS
========================================*/

/* Mail Success */
.mail-success .mail-inner {
	text-align: center;
	background: #fff;
	padding: 0px 30px;
}
.mail-success .mail-inner h2 {
	margin-bottom: 10px;
	display: block;
	font-weight: 600;
	color: #F7941D;
	text-transform: uppercase;
	font-size: 30px;
}
.mail-success .mail-inner p {
	font-size: 14;
	color: #333;
	margin-bottom: 30px;
	line-height: 22px;
}
.mail-success .mail-inner .btn {
	color: #fff;
	padding: 10px 30px;
}
.mail-success .mail-inner .btn i{
	margin-right:5px;
}

/*=============================
	Start 404 Error CSS
===============================*/
.error-page {
	background:#fff;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position:relative;
}
.error-page .error-inner {
	text-align: center;
	flex-direction: initial;
	height: auto;
	text-align: center;
}
.error-page .error-inner h2 {
	color: #F7941D;
	margin-bottom: 0;
	font-weight: 700;
	font-size: 100px;
	display: inline-block;
	font-size: 120px;
}
.error-page .error-inner h5 {
	display: block;
	color: #444;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 600;
	text-transform: capitalize;
}
.error-page .error-inner p {
	color: #666;
	font-weight: 400;
	line-height: 22px;
	font-size: 15px;
	padding: 0 30px;
}
.error-page .button {
	margin-top: 30px;
}
.error-page .button .btn {
	margin-right: 15px;
	border-radius: 30px;
	background: #333;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid #d7d7d7;
	background: transparent;
	color: #333;
	padding: 10px 28px;
}
.error-page .button .btn:hover{
	color:#fff;
	background:#F7941D;
	border-color:transparent;
}
/*=============================
	/End 404 Error CSS
===============================*/

/*=============================
	20. Start Footer CSS
===============================*/
.ft-root { background: #33201f; font-family: inherit; }

/* ── Top section ── */
.ft-top { padding: 60px 0 40px; position: relative; overflow: hidden; }


/* ── Grid ── */
.ft-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.4fr;
  gap: 40px;
}

/* ── Column headings ── */
.ft-col h4 {
  font-size: 13px;
  font-weight: 700;
  color: #ffcba4;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ft-col h4::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(255,203,164,0.35);
}

/* ── Brand col ── */
.ft-brand-logo { margin-bottom: 16px; }
.ft-brand-logo img {
  width: 130px;
  height: auto;
  display: block;
 
}
 
.ft-brand-desc {
  font-size: 13.5px;
  color: #fff5f0;
  line-height: 1.8;
  font-weight: 400;
  text-align: justify;
  margin: 0 0 18px;
}
.ft-call-label {
  font-size: 11px;
  color: #fff5f0;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 4px;
  font-weight: 600;
}
.ft-call-link {
  font-size: 20px;
  font-weight: 700;
  color: #ffcba4;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: color 0.25s;
}
.ft-call-link:hover { color: #ffffff; }
.ft-phone-anim {
  width: 30px; height: 30px;
  background: #ffcba4;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  animation: ft-ring 2.8s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes ft-ring {
  0%,100%  { transform: rotate(0deg); }
  8%       { transform: rotate(-18deg); }
  16%      { transform: rotate(18deg); }
  24%      { transform: rotate(-12deg); }
  32%      { transform: rotate(12deg); }
  40%      { transform: rotate(0deg); }
}
.ft-phone-anim svg {
  width: 14px; height: 14px;
  stroke: #33201f; fill: none;
  stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round;
}

/* ── Links ── */
.ft-links { list-style: none; padding: 0; margin: 0; }
.ft-links li { margin-bottom: 10px; }
.ft-links li:last-child { margin-bottom: 0; }
.ft-links li a {
  font-size: 13.5px;
  color: #fff5f0;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: color 0.25s, gap 0.25s;
}
.ft-links li a::before {
  content: '';
  width: 5px; height: 5px;
  border-radius: 50%;
  background: #ffcba4;
  flex-shrink: 0;
  transition: transform 0.25s;
}
.ft-links li a:hover { color: #ffffff; gap: 11px; }
.ft-links li a:hover::before { transform: scale(1.6); background: #ffffff; }

/* ── Contact list ── */
.ft-contact-list { list-style: none; padding: 0; margin: 0 0 20px; }
.ft-contact-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13.5px;
  color: #fff5f0;
  font-weight: 400;
  margin-bottom: 12px;
  line-height: 1.6;
}
.ft-ci {
  width: 30px; height: 30px;
  min-width: 30px;
  background: rgba(255,203,164,0.18);
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  transition: background 0.25s, transform 0.25s;
}
.ft-contact-list li:hover .ft-ci { background: #ffcba4; transform: scale(1.1); }
.ft-ci svg {
  width: 13px; height: 13px;
  stroke: #ffcba4; fill: none;
  stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round;
  transition: stroke 0.25s;
}
.ft-contact-list li:hover .ft-ci svg { stroke: #33201f; }

/* ── Social label ── */
.ft-social-label {
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff5f0;
  margin: 0 0 10px;
  font-weight: 600;
}

/* ── ShareThis follow buttons ── */
.sharethis-inline-follow-buttons {
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px;
}
.sharethis-inline-follow-buttons .st-btn {
  border-radius: 10px !important;
  transition: transform 0.25s !important;
}
.sharethis-inline-follow-buttons .st-btn:hover {
  transform: translateY(-3px) !important;
  opacity: 1 !important;
}

/* ── Social icon buttons ── */
.ft-soc {
  width: 36px; height: 36px;
  border-radius: 10px;
  background: rgba(255,203,164,0.14);
  border: 1px solid rgba(255,203,164,0.35);
  display: flex; align-items: center; justify-content: center;
  text-decoration: none;
  transition: transform 0.25s, border-color 0.25s;
  position: relative;
  overflow: hidden;
}
.ft-soc::before {
  content: '';
  position: absolute; inset: 0;
  background: #ffcba4;
  transform: translateY(100%);
  transition: transform 0.3s cubic-bezier(.4,0,.2,1);
}
.ft-soc:hover::before { transform: translateY(0); }
.ft-soc:hover { transform: translateY(-3px); border-color: #ffcba4; }
.ft-soc svg {
  width: 15px; height: 15px;
  stroke: #ffcba4; fill: none;
  stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round;
  position: relative; z-index: 1;
  transition: stroke 0.25s;
}
.ft-soc:hover svg { stroke: #33201f; }

/* ── Copyright bar ── */
.ft-copy-bar { background: rgba(0,0,0,0.3); }
.ft-copy-inner {
  padding: 18px 0;
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  border-top: 1px solid rgba(255,203,164,0.25);
}
.ft-copy-inner p {
  font-size: 13px;
  color: #fff5f0;
  margin: 0;
}
.ft-copy-inner p a { color: #ffcba4; text-decoration: none; font-weight: 600; }
.ft-copy-inner p a:hover { color: #ffffff; }
.ft-copy-inner .right img { height: 28px; width: auto; display: block; }

/* ── Responsive ── */
@media (max-width: 992px) {
  .ft-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 576px) {
  .ft-grid { grid-template-columns: 1fr; }
  .ft-top::before { display: none; }
}

/*=============================
	End Footer CSS
===============================*/


/*About page */

.ab-stats {
  padding: 70px 0; background: #8B3D1F;
  position: relative; overflow: hidden;
}
.ab-stats::before {
  content: ''; position: absolute; inset: 0;
  background: url('../../frontend/img/about/count-sec2.jpeg') center/cover;
  opacity: 0.07;
}
.ab-stats-grid {
  display: grid; grid-template-columns: repeat(4,1fr);
}
.ab-stat { text-align: center; padding: 20px; border-right: 1px solid rgba(255,255,255,0.12); }
.ab-stat:last-child { border: none; }
.ab-stat-n { font-size: 52px; font-weight: 900; color: #fff; line-height: 1; }
.ab-stat-n em { color: #f7941d; font-style: normal; }
.ab-stat-l { font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.6); margin-top: 6px; }
.ab-stat-n { opacity: 0; transform: translateY(20px); transition: opacity 0.6s, transform 0.6s; }
.ab-stat-n.ab-visible { opacity: 1; transform: translateY(0); }
 
/* ── STORY ── */
.ab-story { padding: 90px 0; background: #fff; }
.ab-story-inner {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 60px; align-items: center;
}
.ab-story-imgs { position: relative; height: 460px; }
.ab-img1 {
  position: absolute; top: 0; left: 0; width: 72%; height: 78%;
  border-radius: 16px; overflow: hidden;
  box-shadow: 0 20px 50px rgba(139,61,31,0.18);
  opacity: 0; transform: translateX(-40px);
  transition: opacity 0.7s 0.1s, transform 0.7s 0.1s;
}
.ab-img2 {
  position: absolute; bottom: 0; right: 0; width: 52%; height: 52%;
  border-radius: 16px; overflow: hidden;
  box-shadow: 0 20px 50px rgba(139,61,31,0.18);
  border: 5px solid #fff;
  opacity: 0; transform: translateX(40px);
  transition: opacity 0.7s 0.3s, transform 0.7s 0.3s;
}
.ab-img1.ab-visible, .ab-img2.ab-visible { opacity: 1; transform: translateX(0); }
.ab-img1 img, .ab-img2 img { width: 100%; height: 100%; object-fit: cover; }
.ab-exp {
  position: absolute; top: 48%; left: 58%;
  transform: translate(-50%, -50%);
  width: 88px; height: 88px;
  background: #8B3D1F; border-radius: 50%;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  box-shadow: 0 8px 28px rgba(139,61,31,0.4); z-index: 10;
}
.ab-exp strong { font-size: 22px; font-weight: 900; color: #fff; line-height: 1.1; }
.ab-exp span { font-size: 8px; font-weight: 700; color: rgba(255,255,255,0.8); letter-spacing: 0.1em; text-transform: uppercase; text-align: center; }
.ab-story-text {
  opacity: 0; transform: translateX(40px);
  transition: opacity 0.7s 0.2s, transform 0.7s 0.2s;
}
.ab-story-text.ab-visible { opacity: 1; transform: translateX(0); }
.ab-eyebrow2 {
  font-size: 11px; font-weight: 700; letter-spacing: 0.2em;
  text-transform: uppercase; color: #8B3D1F;
  display: flex; align-items: center; gap: 8px; margin-bottom: 12px;
}
.ab-eyebrow2::before { content: ''; width: 24px; height: 2px; background: #8B3D1F; }
.ab-story-text h2 { font-size: 30px; font-weight: 800; color: #1a1008; margin-bottom: 16px; line-height: 1.25; }
.ab-story-text h2 span { color: #8B3D1F; }
.ab-story-text p { font-size: 14px; color: #777; line-height: 1.8; margin-bottom: 24px;text-align:justify; }
.ab-checks { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 10px; margin-bottom: 28px; }
.ab-checks li { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #444; font-weight: 500; }
.ab-checks li::before {
  content: ''; width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0;
  background: #fdf0e8 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13l4 4L19 7' stroke='%238B3D1F' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;
  border: 1px solid #e8d0c0;
}
 
/* ── VALUES ── */
.ab-values { padding: 80px 0; background: #fdf6ee; }
.ab-section-head { text-align: center; margin-bottom: 40px; }
.ab-section-head .ab-ey {
  font-size: 11px; font-weight: 700; letter-spacing: 0.2em;
  text-transform: uppercase; color: #8B3D1F; display: block; margin-bottom: 8px;
}
.ab-section-head h2 { font-size: 28px; font-weight: 800; color: #1a1008; margin: 0; }
.ab-values-grid {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 18px;
}
.ab-val {
  border-radius: 16px; padding: 32px 24px;
  background: #fff; border: 1px solid #efe5da;
  position: relative; overflow: hidden;
  opacity: 0; transform: translateY(30px);
  transition: opacity 0.5s, transform 0.5s, box-shadow 0.3s;
}
.ab-val.ab-visible { opacity: 1; transform: translateY(0); }
.ab-val:nth-child(2) { transition-delay: 0.1s; }
.ab-val:nth-child(3) { transition-delay: 0.2s; }
.ab-val:nth-child(4) { transition-delay: 0.05s; }
.ab-val:nth-child(5) { transition-delay: 0.15s; }
.ab-val:nth-child(6) { transition-delay: 0.25s; }
.ab-val::before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 0; background: #8B3D1F; transition: height 0.4s; }
.ab-val:hover::before { height: 100%; }
.ab-val:hover { box-shadow: 0 8px 28px rgba(139,61,31,0.10); transform: translateY(-3px); }
.ab-val-icon {
  width: 52px; height: 52px; border-radius: 14px;
  background: #fdf0e8; border: 1px solid #e8d0c0;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 18px; transition: background 0.3s, border-color 0.3s;
}
.ab-val:hover .ab-val-icon { background: #8B3D1F; border-color: #8B3D1F; }
.ab-val-icon svg { width: 22px; height: 22px; stroke: #8B3D1F; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.3s; }
.ab-val:hover .ab-val-icon svg { stroke: #fff; }
.ab-val h4 { font-size: 15px; font-weight: 700; color: #1a1008; margin: 0 0 8px; }
.ab-val p { font-size: 13px; color: #888; line-height: 1.7; margin: 0; }
 
/* ── TIMELINE ── */
.ab-timeline { padding: 90px 0; background: #fff; }
.ab-tl-inner { max-width: 900px; margin: 0 auto; }
.ab-tl-head { margin-bottom: 40px; }
.ab-tl-head .ab-ey { font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #8B3D1F; display: block; margin-bottom: 8px; }
.ab-tl-head h2 { font-size: 28px; font-weight: 800; color: #1a1008; margin: 0; }
.ab-tl-track { position: relative; padding-left: 40px; }
.ab-tl-track::before { content: ''; position: absolute; left: 11px; top: 0; bottom: 0; width: 2px; background: #f0ebe5; }
.ab-tl-item {
  position: relative; padding: 0 0 40px 24px;
  opacity: 0; transform: translateX(-20px);
  transition: opacity 0.5s, transform 0.5s;
}
.ab-tl-item.ab-visible { opacity: 1; transform: translateX(0); }
.ab-tl-item:nth-child(2) { transition-delay: 0.15s; }
.ab-tl-item:nth-child(3) { transition-delay: 0.3s; }
.ab-tl-item:nth-child(4) { transition-delay: 0.45s; }
.ab-tl-item:last-child { padding-bottom: 0; }
.ab-tl-dot {
  position: absolute; left: -29px; top: 4px;
  width: 22px; height: 22px; border-radius: 50%;
  background: #fff; border: 3px solid #8B3D1F;
  transition: background 0.3s;
}
.ab-tl-item:hover .ab-tl-dot { background: #8B3D1F; }
.ab-tl-year { font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #8B3D1F; margin-bottom: 4px; }
.ab-tl-title { font-size: 16px; font-weight: 700; color: #1a1008; margin-bottom: 6px; }
.ab-tl-desc { font-size: 13px; color: #888; line-height: 1.7; }
 
/* ── CTA ── */
.ab-cta {
  padding: 80px 0; background: #1a0a04;
  position: relative; overflow: hidden; text-align: center;
}
.ab-cta::before {
  content: ''; position: absolute; inset: 0;
  background: url('../../frontend/img/about/ready.jpeg ') center/cover;
  opacity: 0.15;
}
.ab-cta-inner { position: relative; z-index: 2; max-width: 600px; margin: 0 auto; }
.ab-cta h2 { font-size: 36px; font-weight: 900; color: #fff; margin-bottom: 14px; line-height: 1.2; }
.ab-cta h2 span { color: #f7941d; }
.ab-cta p { font-size: 15px; color: rgba(255,255,255,0.7); line-height: 1.7; margin-bottom: 30px; }
.ab-cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.ab-cta-btn1 {
  padding: 13px 28px; background: #8B3D1F; color: #fff;
  font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  border-radius: 4px; text-decoration: none;
  transition: background 0.25s, transform 0.2s;
}
.ab-cta-btn1:hover { background: #f7941d; color: #fff; transform: translateY(-2px); }
.ab-cta-btn2 {
  padding: 13px 28px; background: transparent; color: #fff;
  font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  border-radius: 4px; text-decoration: none;
  border: 1px solid rgba(255,255,255,0.4);
  transition: border-color 0.25s, background 0.25s;
}
.ab-cta-btn2:hover { border-color: #fff; background: rgba(255,255,255,0.08); color: #fff; }
 
@media(max-width:992px) {
  .ab-values-grid { grid-template-columns: repeat(2,1fr); }
}
@media(max-width:768px) {
  .ab-stats-grid { grid-template-columns: repeat(2,1fr); }
  .ab-story-inner { grid-template-columns: 1fr; }
  .ab-story-imgs { height: 320px; margin-bottom: 20px; }
  .ab-values-grid { grid-template-columns: 1fr; }
}
.wcu-section { padding: 90px 0; background: #fff; overflow: hidden; }
  .wcu-inner { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
  .wcu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }

  /* left image */
  .wcu-img-wrap { position: relative; border-radius: 20px; overflow: hidden; aspect-ratio: 1; }
  .wcu-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s; }
  .wcu-img-wrap:hover img { transform: scale(1.04); }
  .wcu-img-wrap::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(26,8,2,0.65) 0%, rgba(26,8,2,0) 55%);
  }
  .wcu-img-caption {
    position: absolute; bottom: 24px; left: 24px; right: 24px; z-index: 2;
    display: flex; gap: 12px; flex-wrap: wrap;
  }
  .wcu-pill {
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 99px; padding: 7px 16px;
    display: flex; align-items: center; gap: 6px;
  }
  .wcu-pill strong { font-size: 16px; font-weight: 900; color: #fff; }
  .wcu-pill span { font-size: 10px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.7); }

  /* right */
  .wcu-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #8B3D1F; margin-bottom: 14px; }
  .wcu-eyebrow::before { content: ''; width: 24px; height: 2px; background: #8B3D1F; }
  .wcu-right h2 { font-size: 30px; font-weight: 800; color: #1a1008; margin: 0 0 16px; line-height: 1.2; }
  .wcu-right h2 span { color: #8B3D1F; }
  .wcu-right > p { font-size: 14px; color: #777; line-height: 1.8; margin-bottom: 28px; text-align:justify; }

  /* content cards */
  .wcu-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .wcu-card {
    border-radius: 14px; padding: 20px;
    border: 1px solid #f0ebe5; background: #fff;
    position: relative; overflow: hidden;
    opacity: 0; transform: translateY(20px);
    transition: opacity 0.5s, transform 0.5s, box-shadow 0.3s, border-color 0.3s;
  }
  .wcu-card.wcu-vis { opacity: 1; transform: translateY(0); }
  .wcu-card:nth-child(2) { transition-delay: 0.1s; }
  .wcu-card:nth-child(3) { transition-delay: 0.2s; }
  .wcu-card:nth-child(4) { transition-delay: 0.3s; }
  .wcu-card:hover { box-shadow: 0 8px 24px rgba(139,61,31,0.10); transform: translateY(-3px); border-color: #e0c8b8; }
  .wcu-card::after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 0; background: #8B3D1F; transition: width 0.4s cubic-bezier(.4,0,.2,1); }
  .wcu-card:hover::after { width: 100%; }
 .wcu-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #fdf0e8;
  border: 1px solid #e8d0c0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  transition: background 0.25s;
}

/* PNG image styling */
.wcu-card-icon img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

/* Hover effect */
.wcu-card:hover .wcu-card-icon {
  background: #8B3D1F;
  border-color: #8B3D1F;
}.wcu-card:hover .wcu-card-icon img {
  filter: brightness(0) invert(1);
}
  .wcu-card-icon svg { width: 18px; height: 18px; stroke: #8B3D1F; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.25s; }
  .wcu-card:hover .wcu-card-icon svg { stroke: #fff; }
  .wcu-card-title { font-size: 13px; font-weight: 700; color: #1a1008; margin: 0 0 5px; }
  .wcu-card-desc { font-size: 11px; color: #aaa; line-height: 1.6; margin: 0;text-align:justify; }
.rv8-card--accent .rv8-text{
    text-align:justify;
}
.rv8-text , .sv4-desc
{
     text-align:justify;
}
  @media(max-width:768px) {
    .wcu-grid { grid-template-columns: 1fr; }
    .wcu-cards { grid-template-columns: 1fr 1fr; }
  }.ms-section { padding: 30px 0; background: #fff; overflow: hidden; }
.ms-inner { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.ms-head { text-align: center; margin-bottom: 50px; }
.ms-head .ms-ey { font-size: 11px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: #8B3D1F; display: block; margin-bottom: 10px; }
.ms-head h2 { font-size: 34px; font-weight: 900; color: #1a1008; margin: 0; }
.ms-head h2 span { color: #8B3D1F; }
 
.ms-bento {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 0;
}
.ms-cell {
  padding: 48px 40px;
  position: relative;
  opacity: 0; transform: translateY(30px);
  transition: opacity 0.6s, transform 0.6s, background 0.3s;
}
.ms-cell.ms-vis { opacity: 1; transform: translateY(0); }
.ms-cell:nth-child(2) { transition-delay: 0.1s; }
.ms-cell:nth-child(3) { transition-delay: 0.2s; }
.ms-cell:nth-child(4) { transition-delay: 0.15s; }
.ms-cell:nth-child(5) { transition-delay: 0.25s; }
.ms-cell:nth-child(6) { transition-delay: 0.35s; }
.ms-cell:hover { background: #fdf6ee; }
 
.ms-cell:not(:nth-child(3n))::after {
  content: ''; position: absolute;
  right: 0; top: 20%; bottom: 20%;
  width: 1px; background: rgba(139,61,31,0.12);
}
.ms-cell:nth-child(-n+3)::before {
  content: ''; position: absolute;
  bottom: 0; left: 20%; right: 20%;
  height: 1px; background: rgba(139,61,31,0.12);
}
 
.ms-num {
  font-size: 11px; font-weight: 800;
  letter-spacing: 0.14em; color: rgba(139,61,31,0.3);
  display: block; margin-bottom: 20px;
  transition: color 0.3s;
}
.ms-cell:hover .ms-num { color: #8B3D1F; }
 
/* Replace the old .ms-icon block with this */
.ms-icon {
  margin-bottom: 20px;
  display: block;
  transition: transform 0.4s cubic-bezier(.4,0,.2,1);
}
.ms-icon img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  display: block;
  /* Optional: tint to brown to match theme */
 
  transition: filter 0.3s ease;
}
.ms-cell:hover .ms-icon {
  transform: translateY(-4px);
}
.ms-cell:hover .ms-icon img {
  /* Slightly brighter on hover */
 
}
.ms-cell:hover .ms-icon { transform: translateY(-4px); }
 
.ms-title { font-size: 17px; font-weight: 800; color: #1a1008; margin: 0 0 10px; transition: color 0.3s; }
.ms-cell:hover .ms-title { color: #8B3D1F; }
.ms-desc { font-size: 13px; color: #aaa; line-height: 1.75; margin: 0;text-align:justify; }
 
.ms-line {
  display: block; width: 0; height: 2px;
  background: #8B3D1F; margin-top: 10px;
  transition: width 0.4s cubic-bezier(.4,0,.2,1);
  border-radius: 2px;
}
.ms-cell:hover .ms-line { width: 40px; }
 
@media(max-width:768px){
  .ms-bento { grid-template-columns: 1fr 1fr; }
  .ms-cell:nth-child(3n)::after { display: none; }
}
@media(max-width:480px){
  .ms-bento { grid-template-columns: 1fr; }
  .ms-cell::after, .ms-cell::before { display: none; }
  .ms-cell { padding: 32px 20px; border-bottom: 1px solid rgba(139,61,31,0.1); }
}
.pb3-section { padding: 60px 0; background: #fff; }
 
.pb3-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
 
.pb3-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  min-height: 380px;
  background: #fff;
  border: 1px solid #f0ebe5;
}
 
/* full background product image */
.pb3-bg {
  position: absolute; inset: 0;
}
.pb3-bg img {
  width: 100%; height: 100%;
  object-fit: contain;
  object-position: right bottom;
  display: block;
  transition: transform 0.7s cubic-bezier(0.25,0.46,0.45,0.94);
}
.pb3-card:hover .pb3-bg img { transform: scale(1.04); }
 
/* left gradient wash — text readable over product */
.pb3-card::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(
    110deg,
    rgba(255,255,255,0.98) 0%,
    rgba(255,255,255,0.92) 38%,
    rgba(255,255,255,0.40) 62%,
    rgba(255,255,255,0.00) 100%
  );
  z-index: 1;
  transition: background 0.4s;
}
.pb3-card:hover::before {
  background: linear-gradient(
    110deg,
    rgba(255,255,255,0.99) 0%,
    rgba(255,255,255,0.94) 40%,
    rgba(255,255,255,0.35) 64%,
    rgba(255,255,255,0.00) 100%
  );
}
 
/* content — left side */
.pb3-content {
  position: absolute; top: 0; left: 0; bottom: 0;
  width: 58%; padding: 36px 32px;
  z-index: 2;
  display: flex; flex-direction: column; justify-content: center;
}
 
.pb3-cat {
  font-size: 10px; font-weight: 700;
  letter-spacing: 0.2em; text-transform: uppercase;
  color: #8B3D1F; margin-bottom: 10px;
  display: flex; align-items: center; gap: 6px;
}
.pb3-cat::before { content: ''; width: 18px; height: 2px; background: #8B3D1F; }
 
.pb3-title {
  font-size: 22px; font-weight: 900;
  color: #1a1008; line-height: 1.25;
  margin: 0 0 14px; word-break: break-word;
}
 
.pb3-badge {
  display: inline-flex; align-items: center; gap: 6px;
  margin-bottom: 22px;
}
.pb3-badge-text { font-size: 12px; color: #aaa; }
.pb3-badge-pill {
  background: #8B3D1F; color: #fff;
  font-size: 13px; font-weight: 800;
  padding: 5px 14px; border-radius: 99px;
}
 
.pb3-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 22px; width: fit-content;
  background: #8B3D1F; color: #fff;
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.1em; text-transform: uppercase;
  border-radius: 99px; text-decoration: none;
  transition: background 0.25s, gap 0.25s;
}
.pb3-btn:hover { background: #f7941d; color: #fff; gap: 12px; }
.pb3-btn svg { width: 13px; height: 13px; stroke: #fff; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.25s; }
.pb3-btn:hover svg { transform: translateX(3px); }
 
/* decorative corner accent */
.pb3-corner {
  position: absolute; top: 0; right: 0;
  width: 80px; height: 80px; z-index: 2;
  overflow: hidden; pointer-events: none;
}
.pb3-corner::before {
  content: '';
  position: absolute; top: 0; right: 0;
  border-style: solid;
  border-width: 0 80px 80px 0;
  border-color: transparent #8B3D1F transparent transparent;
  opacity: 0.12;
}
 
@media(max-width:768px){
  .pb3-grid { grid-template-columns: 1fr; }
  .pb3-card { min-height: 300px; }
  .pb3-content { width: 65%; padding: 24px 20px; }
  .pb3-title { font-size: 17px; }
}.pb6-section { padding: 60px 0; background: #fff; }
.pb6-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
 
.pb6-card {
  border-radius: 20px; overflow: hidden;
  position: relative; min-height: 360px;
  display: grid; grid-template-rows: 1fr auto;
  background: #fff; border: 1px solid #f0ebe5;
  transition: box-shadow 0.3s, transform 0.3s;
}
.pb6-card:hover { box-shadow: 0 16px 48px rgba(139,61,31,0.12); transform: translateY(-3px); }
 
/* top image area */
.pb6-img-area {
  position: relative; overflow: hidden;
  background: #faf7f4; min-height: 260px;
}
.pb6-img-area img {
  width: 100%; height: 100%;
  object-fit: contain; object-position: center bottom;
  display: block;
  transition: transform 0.6s ease;
}
.pb6-card:hover .pb6-img-area img { transform: scale(1.05); }
 
/* pulsing discount badge */
.pb6-disc-badge {
  position: absolute; top: 16px; right: 16px;
  width: 64px; height: 64px;
  background: #8B3D1F; border-radius: 50%;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  box-shadow: 0 4px 16px rgba(139,61,31,0.35);
  z-index: 2;
  animation: pb6-pulse 2.5s ease-in-out infinite;
}
@keyframes pb6-pulse {
  0%,100% { transform: scale(1); }
  50%      { transform: scale(1.08); }
}
.pb6-disc-badge strong { font-size: 17px; font-weight: 900; color: #fff; line-height: 1; }
.pb6-disc-badge span   { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.8); letter-spacing: 0.05em; }
 
/* category tag */
.pb6-cat {
  position: absolute; top: 16px; left: 16px; z-index: 2;
  background: rgba(255,255,255,0.9);
  font-size: 9px; font-weight: 700;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: #8B3D1F; padding: 4px 12px; border-radius: 99px;
  border: 1px solid rgba(139,61,31,0.15);
}
 
/* bottom info bar */
.pb6-info {
  padding: 18px 20px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  border-top: 1px solid #f0ebe5; background: #fff;
}
.pb6-title {
  font-size: 14px; font-weight: 700; color: #1a1008;
  margin: 0; line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;
  flex: 1; word-break: break-word;
}
.pb6-btn {
  display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0;
  background: #8B3D1F; text-decoration: none;
  transition: background 0.25s, transform 0.25s;
}
.pb6-btn:hover { background: #f7941d; transform: scale(1.1); }
.pb6-btn svg { width: 16px; height: 16px; stroke: #fff; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
 
@media(max-width:768px){ .pb6-grid { grid-template-columns: 1fr; } }.pb9-section { padding: 60px 0; background: #fff; }
.pb9-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
 
.pb9-card {
  position: relative; border-radius: 20px; overflow: hidden;
  min-height: 400px;
  transition: transform 0.4s cubic-bezier(.4,0,.2,1), box-shadow 0.4s;
}
.pb9-card:hover { transform: translateY(-5px); box-shadow: 0 24px 60px rgba(0,0,0,0.18); }
 
/* full background image */
.pb9-bg { position: absolute; inset: 0; z-index: 0; }
.pb9-bg img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center top;
  display: block;
  transition: transform 0.7s cubic-bezier(0.25,0.46,0.45,0.94);
}
.pb9-card:hover .pb9-bg img { transform: scale(1.06); }
 
/* theme brown gradient overlay */
.pb9-card::before {
  content: ''; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(139,61,31,0.08) 0%,
    rgba(139,61,31,0.30) 45%,
    rgba(139,61,31,0.90) 100%
  );
}
 
/* content at bottom */
.pb9-content {
  position: absolute; bottom: 0; left: 0; right: 0;
  z-index: 2; padding: 28px;
}
.pb9-top-row {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 10px;
}
.pb9-cat {
  font-size: 10px; font-weight: 700; letter-spacing: 0.2em;
  text-transform: uppercase; color: #f7941d;
  display: flex; align-items: center; gap: 6px;
}
.pb9-cat::before { content: ''; width: 16px; height: 1.5px; background: #f7941d; }
.pb9-disc {
  background: #f7941d; color: #fff;
  font-size: 12px; font-weight: 800;
  padding: 4px 12px; border-radius: 99px;
  letter-spacing: 0.04em;
}
.pb9-title {
  font-size: 22px; font-weight: 900; color: #fff;
  line-height: 1.25; margin: 0 0 18px; word-break: break-word;
}
.pb9-btn-row { display: flex; align-items: center; justify-content: space-between; }
.pb9-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 22px;
  background: #fff; color: #8B3D1F;
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.1em; text-transform: uppercase;
  border-radius: 6px; text-decoration: none;
  transition: background 0.25s, color 0.25s, transform 0.2s;
}
.pb9-btn:hover { background: #f7941d; color: #fff; transform: translateX(3px); }
.pb9-btn svg { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.pb9-icons { display: flex; gap: 8px; }
.pb9-icon {
  width: 38px; height: 38px; border-radius: 10px;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.25);
  display: flex; align-items: center; justify-content: center;
  text-decoration: none;
  transition: background 0.25s;
}
.pb9-icon:hover { background: rgba(255,255,255,0.3); }
.pb9-icon svg { width: 15px; height: 15px; stroke: #fff; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
 
@media(max-width:768px){ .pb9-grid { grid-template-columns: 1fr; } }

select option:hover,
select option:checked {
  background-color: #1E6BD6;
  color: white;
}

/* Main buttons row */
.login-btn-row {
    display: flex;
    gap: 12px;
    width: 100%;
    justify-content: center;
    align-items:center;
    box-sizing: border-box;
}

.btn-primary-action,
.btn-outline-action {
    flex: 0 0 auto;        /* stop stretching */
    width: 140px;          /* fixed compact width */
    height: 46px;
    border-radius: 999px !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    white-space: nowrap;
}
.btn-primary-action {
    background: #1a0804;
    color: #fff !important;
    border: none;
}
.btn-primary-action:hover { background: #8B3D1F; }


.btn-outline-action {
    background: transparent;
    color: #1a0804 !important;
    border: 1.5px solid #c5b8b0;
}
.btn-outline-action:hover { border-color: #8B3D1F; color: #8B3D1F !important; }

/* "Or continue with" divider */
.sl-social-divider {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 12px;
    margin: 18px 0 14px;
}
.sl-social-divider::before,
.sl-social-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #ede6e1;
}
.sl-social-divider span {
    font-size: 11px;
    color: #aaa;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Social buttons row */
.login-social-row {
      display: flex;
    justify-content: center;
    gap: 16px;
    width: 100%;
    margin-top: 4px;
}
.login-social-row .btn {
    flex: 1;
    height: 42px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}
.btn-facebook,
.btn-github,
.btn-google {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: 1.5px solid #e0d8d3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    flex: none !important;
}

.btn-facebook:hover { background: #f0f2f8  !important; }
.btn-github:hover   { background: #f2f2f2 !important; }
.btn-google:hover   { background: #fdf0ef !important; }

.btn-facebook i { color: #1877F2 !important; font-size: 17px; }
.btn-github i   { color: #333    !important; font-size: 17px; }
.btn-google i   { color: #EA4335 !important; font-size: 17px; }



@media (max-width: 991px) {
    .shop.login .col-lg-6.offset-lg-3 {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

@media (max-width: 487px) {
    .login-btn-row {
        display:block;
    }
    .shop.login .container {
        padding-left: 16px;
        padding-right: 16px;
        overflow-x: hidden;
    }
    .shop.login .row {
        margin-left: 0;
        margin-right: 0;
    }
    .login-form {
        padding: 0 4px;
    }
}

#st-11.st-right {
    display:none !important;
}
#st-3 {
    display:none !important;
}

#st-12 {
    display:none !important;
}
#st-7{
     display:none !important;
}

#st-4{
     display:none !important;
}
#st-9{
    
 display:none !important;
}
#st-5{
    display:none !important;
}

#st-10{
    display:none !important;
}

.st-sticky-share-buttons {
    display:none !important;
}



.categor-list li{
    word-break:break-all;
}

.header.shop .nice-select .list li{
    
    word-break:break-word !important;
    white-space:normal !important;
    /*line-height:1.2 !important;*/
    
}
.spd-rv-txt{
    word-break:break-all !important;
}