/*Header Bottom Area*/

.header-bottom 
{
    
	background: #a8d1a5;
    
	position: relative;
    
	box-shadow: 0 3.4px 2.7px rgb(0 0 0 / 1%), 0 8.7px 6.9px rgb(0 0 0 / 1%), 0 17.7px 14.2px rgb(0 0 0 / 1%), 0 36.5px 29.2px rgb(0 0 0 / 1%), 0 100px 80px rgb(0 0 0 / 2%);

}



.sticky-header.sticky 
{
  
	position: fixed;
  
	z-index: 99;
  
	width: 100%;
  
	top: 0;
  
	background: #333;
  
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  
	animation-name: fadeInDown;
  
	animation-duration: 900ms;
  
	animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
  
	animation-delay: 0s;
  
	animation-iteration-count: 1;
  
	animation-direction: normal;
  
	animation-fill-mode: none;
  
	animation-play-state: running;
  
	border-bottom: 0;
}



.main-menu 
{
  
	position: relative;


}


.main-menu nav > ul > li 
{
  
	position: relative;
  
	display: inline-block;

}


.main-menu nav > ul > .has-dropdown 
{
  
	margin-right: 5px;

}


.main-menu nav > ul > .has-dropdown:last-child 
{
  
	margin-right: 0;

}


.main-menu nav > ul > .has-megaitem 
{
  
	position: static;

}


.main-menu nav > ul > li > a 
{
  
	display: block;
  
	line-height: 24px;
  
	padding: 15px 30px;
  
	font-size: 16px;
  
	text-transform: capitalize;
  
	font-weight: 500;
  
	color: #dbefe1; /*Color letra de menu*/

}


.main-menu nav > ul > li > a:hover, .main-menu nav > ul > li > a.active 
{
  
	background: #61c2a2; /*Color active menu*/
  
	color: #FFF;

}



.sub-menu > li > a,
.mega-menu-sub > li > a 
{
  
	font-weight: 400;
  
	display: block;
  
	line-height: 35px;
  
	text-transform: capitalize;
  
	color: #666;
  
	position: relative;
  
	transition: all 0.3s ease 0s;

}


.sub-menu > li > a::after,
.mega-menu-sub > li > a::after 
{
  
	position: absolute;
  content: "";
  
	top: 50%;
  
	left: 0;
  
	transform: translate(0px, -50%);
  
	height: 5px;
  
	width: 5px;
  
	border-radius: 50%;
  
	background: #261146;
  
	visibility: hidden;
  
	opacity: 0;
  
	transition: all 0.3s ease 0s;

}


.sub-menu > li > a:hover,
.mega-menu-sub > li > a:hover 
{
  
	color: #261146;
  
	transform: translateX(10px);

}


.sub-menu > li > a:hover::after,
.mega-menu-sub > li > a:hover::after 
{
  
	transform: translate(-10px, -50%);
  
	visibility: visible;
  
	opacity: 1;

}



.sub-menu 
{
  
	position: absolute;
  
	min-width: 230px;
  
	padding: 25px 20px;
  
	background: #FFF;
  
	box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
  
	transform: perspective(600px) rotateX(-20deg);
  
	transform-origin: 0 0 0;
  
	left: 0;
  
	right: auto;
  
	opacity: 0;
  
	visibility: hidden;
  
	transition: 0.5s;
  
	z-index: 99;
  
	top: 100%;
  
	text-align: left;

}



.mega-menu 
{
  
	position: absolute;
  
	min-width: 100%;
  
	padding: 25px 30px 30px 30px;
  
	background: #FFF;
  
	box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
  
	transform: perspective(600px) rotateX(-20deg);
  
	transform-origin: 0 0 0;
  
	left: 0;
  
	right: 0;
  
	opacity: 0;
  
	visibility: hidden;
  
	transition: 0.5s;
  
	z-index: 99;
  
	top: 100%;
  
	text-align: left;

}



.mega-menu-inner 
{
  
	display: flex;

	justify-content: space-between;

}



.mega-menu-item-title 
{
  
	font-size: 16px;
  
	line-height: 24px;
  
	text-transform: uppercase;
  
	font-weight: 700;
  
	display: block;
  
	margin-bottom: 13px;
  
	color: #333;

}


.mega-menu-item-title:hover 
{
  
	color: #261146;

}



.mega-menu-sub > li 
{
  
	display: block;

}



.main-menu nav > ul > li:hover .sub-menu,
.main-menu nav > ul > li:hover .mega-menu 
{
  
	opacity: 1;
  
	visibility: visible;
  
	transform: perspective(600px) rotateX(0deg);

}



.menu-banner 
{
  
	margin-top: 20px;

}


.menu-banner > a 
{
  
	display: block;
  
	width: 100%;

}


.menu-banner img 
{
  
	width: 100%;

}



.mobile-header-wrapper 
{
  
	padding-top: 25px;
  
	padding-bottom: 25px;

}



.mobile-menu 
{
  
	border: 1px solid #000;
  
	padding: 5px;
  
	display: block;
  
	border-radius: 4px;

}

.mobile-menu-dash 
{
  
	display: block;
  
	width: 30px;
  
	height: 2px;
  
	background: #000;
 
	margin-top: 5px;
  
	margin-bottom: 5px;

}


/*****************************
Layout - Offcanvas
*****************************/

.offcanvas 
{

	z-index: 999999;
  
	position: fixed;
  
	top: 0;
  
	overflow: auto;
  
	height: 100vh;
  
	padding: 20px;
  
	transition: all 0.3s ease 0s;
  
	transform: translateX(100%);
  
	box-shadow: none;
  
	background: #dbefe1; /* color de fondo menu movil*/
  
	color:#5d8168; /* color titulo menu movil*/
  
	width: 300px;
  
	overflow-x: hidden;
   
	box-shadow: 0 3.4px 2.7px rgb(0 0 0 / 1%), 0 8.7px 6.9px rgb(0 0 0 / 1%), 0 17.7px 14.2px rgb(0 0 0 / 1%), 0 36.5px 29.2px rgb(0 0 0 / 1%), 0 100px 80px rgb(0 0 0 / 2%);

}



.offcanvas-leftside 
{
  
	left: 0%;
  transform: translateX(-100%);

}



.offcanvas-rightside 
{
  
	right: 0%;
  
	transform: translateX(100%);

}



.offcanvas.offcanvas-open 
{
  
	transform: translateX(0);

}



.offcanvas-overlay 
{
  
	position: fixed;
  
	z-index: 999;
  
	top: 0;
  
	right: 0;
  
	bottom: 0;
  
	left: 0;
  
	display: none;
  
	background-color: rgba(0, 0, 0, 0.5);

}



.offcanvas-header 
{
  
	margin-bottom: 30px;

}



.offcanvas-close 
{
  
	width: 28px;
  
	height: 28px;
  
	line-height: 28px;
  
	text-align: center;
  
	background: #eaeaea; /*color de boton cerrar*/
  
	border-radius: 50%;
  
	transition: all 0.3s ease 0s;

}


.offcanvas-close:hover 
{
  
	color: #261146;
  
	border-color: #261146;

}



.offcanvas-title 
{
  
	margin-bottom: 40px;

}



/*mobile-menu Top Area*/

.mobile-menu-top 
{
  
	font-size: 13px;
  
	display: inline-flex;
  
	justify-content: center;
  
	flex-direction: column;
  
	text-align: center;

}



.mobile-menu-user-menu 
{
  
	display: flex;
  
	align-items: center;
  
	justify-content: flex-end;
  
	flex-wrap: wrap;
  
	justify-content: center;

}

.mobile-menu-user-menu > li 
{
  
	margin-right: 40px;
  
	position: relative;

}

.mobile-menu-user-menu > li:last-child 
{
  
	margin-right: 0;

}


.mobile-menu-user-menu > li::after 
{
  
	position: absolute;
  
	content: "|";
  
	top: 50%;
  
	transform: translateY(-50%);
  
	right: calc(0% - 20px);

}


.mobile-menu-user-menu > li:last-child::after 
{
  
	display: none;

}


.mobile-menu-user-menu > li > a 
{
  
	display: inline-block;
  
	line-height: 46px;
  
	color: #666 !important;

}


.mobile-menu-user-menu > li > a:hover 
{
  
	color: #261146;

}



.has-mobile-user-dropdown 
{
  
	position: relative;
  
	padding-right: 15px;

}


.has-mobile-user-dropdown::before 
{
  
	content: "";
  
	font-family: "FontAwesome";
  
	position: absolute;
  
	top: 50%;
  right: 0;
  
	transform: translateY(-50%);
  
	font-weight: 400;

}

.mobile-user-sub-menu 
{
  
	position: absolute;
  
	top: calc(100%);
  
	left: 50%;
  
	transform: translate(-50%, -30px);
  
	padding: 10px 15px;
  
	width: 160px;
  
	background: #FFF;
  
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  
	border-radius: 3px;
  
	transition: all 0.3s ease 0s;
  
	visibility: hidden;
  
	opacity: 0;
  
	z-index: 99;

}


.mobile-user-sub-menu > li 
{
  
	display: block;
  
	border-bottom: 1px solid #eee;
  padding: 5px 0;

}


.mobile-user-sub-menu > li:last-child 
{
  
	border-bottom: none;

}


.mobile-user-sub-menu > li > a 
{
  
	position: relative;
  
	color: #666;
  
	display: flex;
  
	align-items: center;

}


.mobile-user-sub-menu > li > a:hover 
{
  
	color: #261146;

}



.user-sub-menu-link-icon 
{
  
	padding-right: 5px;

}



.has-mobile-user-dropdown:hover .mobile-user-sub-menu 
{
  
	visibility: visible;
  
	opacity: 1;
  
	transform: translate(-50%, 0);

}



/*Mobile Menu Center Area*/

.mobile-menu-customer-support 
{
  
	display: flex;
  
	align-items: center;
  
	justify-content: center;
  
	font-family: "Raleway", sans-serif;

}



.mobile-menu-customer-support-icon 
{
  
	max-width: 50px;
  
	overflow: hidden;
  
	margin-right: 30px;

}



.mobile-menu-customer-support-icon img 
{
  
	width: 100%;

}



.mobile-menu-customer-support-text-phone 
{
  
	display: block;
  
	font-size: 18px;
  
	font-weight: 700;
  
	color: #000;
  
	ransition: all 0.3s ease 0s;

}

.mobile-menu-customer-support-text-phone:hover 
{
  
	color: #261146;

}



.mobile-menu-customer-support-text 
{
  
	font-size: 14px;
  
	margin: 20px 0;

}



.mobile-action-icon 
{
  
	display: flex;
  
	justify-content: center;

}



.mobile-action-icon-item 
{
  
	margin-right: 40px;

}

.mobile-action-icon-item:last-child 
{
  
	margin-right: 0;

}



.mobile-action-icon-link 
{
  
	position: relative;
  
	font-size: 27px;
  
	color: #333;
  
	transition: all 0.3s ease 0s;

}


.mobile-action-icon-link:hover 
{
  
	color: #261146;

}



.mobile-action-icon-item-count 
{
  
	position: absolute;
  
	top: 0;
  
	right: calc(0% - 10px);
  
	font-size: 11px;
  
	display: inline-block;
  
	background: #333;
  
	color: #FFF;
  
	text-align: center;
  
	line-height: 20px;
  
	border-radius: 50%;
  
	width: 20px;
  
	height: 20px;
  
	transition: all 0.3s ease 0s;

}



.mobile-action-icon-link:hover 
.mobile-action-icon-item-count 
{
  
	background: #261146;

}



/*Mobile Menu Bottom Area*/

.mobile-menu-bottom 
{
    
	position: fixed;
    
	bottom: 5%;

}


.offcanvas-menu 
{
  
	margin: 20px 0;

}



.offcanvas-menu li 
{
  
	position: relative;
  
	padding: 5px 5px;

}



.offcanvas-menu > ul > li 
{
  
	border-bottom: 1px solid transparent;

}



.offcanvas-menu > ul > li:last-child 
{
  
	border-bottom: none;

}



.offcanvas-menu li a 
{
  
	display: block;
  
	color: #000000; /* Color de menu movil #eaeaea*/
  
	text-decoration: none;
}



.offcanvas-menu li a:hover 
{
  
	color: #5d8168;

}

.offcanvas-menu li .mobile-sub-menu 
{
  
	display: none;

}



.offcanvas-menu-expand::after 
{
  
	content: "";
  
	position: absolute;
  
	font-family: "FontAwesome";
  
	right: 0;
  
	transition: all 0.3s ease;
  
	color: #666;

}



.offcanvas-menu .active > .offcanvas-menu-expand:last-child,
.sub-menu > .active .offcanvas-menu-expand:last-child 
{
  
	border-bottom: none;

}



.offcanvas-menu .active > .offcanvas-menu-expand::after,
.sub-menu > .active .offcanvas-menu-expand::after 
{
  
	color: #777;
  
	content: "";

}



.mobile-menu-email 
{
  
	color: #000000;
  
	text-align: center;
  
	display: block;

}


.mobile-menu-email:hover 
{
  
	color: #5d8168;

}



.mobile-menu-social 
{
  
	margin-top: 25px;
  
	text-align: center;

}


.mobile-menu-social > li 
{
  
	display: inline-block;
  
	margin-right: 13px;

}


.mobile-menu-social > li:last-child 
{
  
	margin-right: 0px;

}


.mobile-menu-social > li > a 
{
  
	display: inline-block;
  
	font-size: 20px;
  
	padding: 5 0 0 0;
  
	line-height: 30px;
  
	width: 30px;
  
	height: 30px;
  
	border-radius: 100%;
  
	text-align: center;
  
	color: #FFF !important;

}


.mobile-menu-social > li > a:hover 
{
  
	opacity: 0.7;

}


.mobile-menu-social > li > a.facebook 
{
  
	background: #4867AA;

}


.mobile-menu-social > li > a.twitter 
{
  
background: #1DA1F2;

}


.mobile-menu-social > li > a.youtube 
{
  
ackground: #FE0000;

}


.mobile-menu-social > li > a.pinterest 
{
  
background: #BD081B;

}


.mobile-menu-social > li > a.instagram 
{
  
background: #B23A94;

}



.offcanvas-cart-item-single 
{
  display: flex;
  
align-items: center;
  
justify-content: space-between;
  
margin-bottom: 20px;

}


.offcanvas-cart-item-single:last-child 
{
  
margin-bottom: 0;
}



.offcanvas-cart-item-block 
{
  
display: flex;
  
align-items: center;
}



.offcanvas-cart-item-image-link 
{
  
width: 90px;
  
overflow: hidden;
 
border: 1px solid #eee;
  
margin-right: 20px;

}



.offcanvas-cart-image 
{
  
width: 100%;

}



.offcanvas-cart-item-link 
{
  
display: block;
  
font-weight: 700;

}



.offcanvas-cart-item-details 
{
  
font-family: "Raleway", sans-serif;

}



.offcanvas-cart-total-price 
{
  
margin-top: 40px;
  
margin-bottom: 40px;
  
display: flex;
  
justify-content: space-between;
  
align-items: center;
  
font-size: 20px;
  
font-family: "Raleway", sans-serif;

}



.offcanvas-cart-total-price-text 
{
  
font-weight: 700;

}



.offcanvas-cart-action-button-list 
{
  
margin-bottom: 25px;
  
display: block;

}



.offcanvas-cart-action-button-link 
{
  
display: block;
  
background: #000;
  
color: #FFF;
  
padding: 10px 30px;
  
text-align: center;
  
font-weight: 600;

}


.offcanvas-cart-action-button-link:hover 
{
  
background: #261146;
  
color: #FFF;

}



.offcanvas-wishlist-item-single 
{
  
display: flex;
  
align-items: center;
  
justify-content: space-between;
  
margin-bottom: 20px;

}


.offcanvas-wishlist-item-single:last-child 
{
  
margin-bottom: 0;

}



.offcanvas-wishlist-item-block 
{
  
display: flex;
  
align-items: center;

}



.offcanvas-wishlist-item-image-link 
{
  
width: 90px;
  
overflow: hidden;
  
border: 1px solid #eee;
  
margin-right: 20px;

}



.offcanvas-wishlist-image 
{
  
width: 100%;

}



.offcanvas-wishlist-item-link 
{
  
display: block;
  
font-weight: 700;

}



.offcanvas-wishlist-item-details 
{
  
font-family: "Raleway", sans-serif;
}



.offcanvas-wishlist-total-price-text 
{
  
font-weight: 700;

}



.offcanvas-wishlist-action-button 
{
  
margin-top: 40px;

}



.offcanvas-wishlist-action-button-list 
{
  
margin-bottom: 25px;
  
display: block;
}



.offcanvas-wishlist-action-button-link 
{
  
display: block;
  
background: #000;
  
color: #FFF;
  
padding: 10px 30px;
  
text-align: center;
  
font-weight: 600;
  
text-transform: capitalize;

}

.offcanvas-wishlist-action-button-link:hover 
{
  
background: #261146;
  
color: #FFF;

}