/*!
 * Hamburger Icon
 * @description Tasty CSS-animated Desktop & Resonsive menu
 * @author Ton / Hoteliers.Guru
 */
 /* z-index: 600 - 900 to top of screen */


/*-----------------------------------------------------------------------------------*/
/*  Hamburger
/*-----------------------------------------------------------------------------------*/

.hamburger-wrapper {
	display: block;
	position: relative;
	width: 30px;
	height: 16px;
	cursor: pointer;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	left: auto;
}

.hamburger-wrapper .hamburger-icon{
	width:auto;
	height:auto;
	position:relative;
	float:right;
}
.hamburger-wrapper .hamburger-icon::before,
.hamburger-wrapper .hamburger-icon::after{
	display:block;
	color: auto;
	font-weight:400;
	transition: all 0.5s;
	font-size: 14px;
	text-transform:uppercase;
	letter-spacing:0.08em;
}
.hamburger-wrapper .hamburger-icon::before{
	content: "menu";
	position:relative;
	left: -60px;
	top: 14px;
}
.hamburger-wrapper .hamburger-icon::after{
	content: "close";
	position:absolute;
	left: 200px;
	top: 14px;
}
.hamburger-wrapper .hamburger-icon span{
	display:block;
	height:3px;
	background: #212121;
	position:relative;
	top:0;
	transition: all 0.5s;
}
.hamburger-wrapper .hamburger-icon span::before,
.hamburger-wrapper .hamburger-icon span::after{
	content: "";
	display:block;
	background: #212121;
	position:relative;
	height:3px;
	transition: all 0.3s;
}
.hamburger-wrapper .hamburger-icon span::before{
	width:40px;
	top:-8px;
	right:0;
	transition: all 0.3s;
}
.hamburger-wrapper .hamburger-icon span{
	width:30px;
}
.hamburger-wrapper .hamburger-icon span::after{
	width:20px;
	bottom:-5px;
}

.hamburger-wrapper.white .hamburger-icon span,
.hamburger-wrapper.white .hamburger-icon span::before,
.hamburger-wrapper.white .hamburger-icon span::after{
	background: #000;
}
.hamburger-wrapper.white .hamburger-icon::before,
.hamburger-wrapper.white .hamburger-icon::after{
	color: #000;
}

/* Icon Hover */


/* Icon Style When Menu Show */

.hamburger-wrapper.show .hamburger-icon span,
.hamburger-wrapper.show .hamburger-icon span::before,
.hamburger-wrapper.show .hamburger-icon span::after{
	background: #212121;
}
.hamburger-wrapper.show .hamburger-icon::before,
.hamburger-wrapper.show .hamburger-icon::after{
	color: #212121;
}
.page-wrapper .page-container .content.padding{
	padding: 20px;
}
.hamburger-wrapper.show .hamburger-icon::before{
	left: -230px;
}
.hamburger-wrapper.show .hamburger-icon::after{
	left: -60px;
}