@charset "utf-8";
/* CSS Document */

/* MENU BUTTON ICON */	
	#gp-menubtn .btn-menu {
    	background: #362200;
   		border: medium none;
    	float: right;
    	height: 2px;
    	margin: 20px 0;
    	padding: 0;
    	position: relative;
    	transition: all 0.3s ease 0s;
    	-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
    	-ms-transition: all 0.3s ease 0s;
    	width: 28px;
    	z-index: 1;
	}
	
	#gp-menubtn .btn-menu::before {
   		background: #362200;
    	border: medium none;
    	content: "";
    	height: 2px;
    	left: 0;
    	top: 8px;
    	position: absolute;
    	transform-origin: 0.28571rem center 0;
    	transition: all 0.3s ease 0s;
    	-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
    	-ms-transition: all 0.3s ease 0s;
    	width: 16px;
	}

	#gp-menubtn .btn-menu::after {
    	background: #362200;
   		border: medium none;
    	content: "";
    	height: 2px;
    	left: 0;
    	top: -8px;
    	position: absolute;
    	transform-origin: 0.28571rem center 0;
    	transition: all 0.3s ease 0s;
    	-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
   		-o-transition: all 0.3s ease 0s;
   		-ms-transition: all 0.3s ease 0s;
    	width: 22px;
	}
	
	#gp-menubtn:hover .btn-navbar span {
		color: #F25C00!important;
	}
	
	#gp-menubtn:hover .btn-menu {
		background: #F25C00;
	}
	
	#gp-menubtn:hover .btn-menu::before {
		background: #F25C00;
		left: calc(28px - 16px);
	}
	
	#gp-menubtn:hover .btn-menu::after {
		background: #F25C00;
		left: calc(28px - 22px);
	}

	#gp-menubtn.active .btn-menu {
    	background: none;
	}

	#gp-menubtn.active .btn-menu::before {
    	height: 2px;
    	top: 0;
    	left: 0;
    	transform: rotate3d(0, 0, 1, 45deg);
    	-webkit-transform: rotate3d(0, 0, 1, 45deg);
    	-moz-transform: rotate3d(0, 0, 1, 45deg);
    	-o-transform: rotate3d(0, 0, 1, 45deg);
    	-ms-transform: rotate3d(0, 0, 1, 45deg);
    	transform-origin: 50% 50% 0;
    	width: 20px;
	}

	#gp-menubtn.active .btn-menu::after {
    	height: 2px;
    	top: 0;
    	left: 0;
    	transform: rotate3d(0, 0, 1, -45deg);
    	-webkit-transform: rotate3d(0, 0, 1, -45deg);
    	-moz-transform: rotate3d(0, 0, 1, -45deg);
    	-o-transform: rotate3d(0, 0, 1, -45deg);
    	-ms-transform: rotate3d(0, 0, 1, -45deg);
    	transform-origin: 50% 50% 0;
    	width: 20px;
	}
/*END OF MENU BUTTON ICON */	

/* NAVIGATION SLIDER CLOSE BUTTON */
	#navigation-slider .btn-close {
		background: #362200;
		float: right;
		position: absolute;
		top: 20px;
		right: 20px;
		border: medium none;
		width: 22px;
		height: 22px;
		border-radius: 22px;
		cursor: pointer;
	}
	
	#navigation-slider .btn-close::before {
		background: #FFFFFF;
		border: medium none;
    	content: "";
    	height: 2px;
    	left: 0;
		top: 0;
		margin: 10px 5px;
    	position: absolute;
		transform: rotate3d(0, 0, 1, -45deg);
    	-webkit-transform: rotate3d(0, 0, 1, -45deg);
    	-moz-transform: rotate3d(0, 0, 1, -45deg);
    	-o-transform: rotate3d(0, 0, 1, -45deg);
    	-ms-transform: rotate3d(0, 0, 1, -45deg);
    	transform-origin: 50% 50% 0;
		transition: all 0.3s ease 0s;
    	-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
   		-o-transition: all 0.3s ease 0s;
   		-ms-transition: all 0.3s ease 0s;
    	width: 12px;
	}
	
	#navigation-slider .btn-close::after {
		background: #FFFFFF;
		border: medium none;
    	content: "";
    	height: 2px;
    	left: 0;
		top: 0;
		margin: 10px 5px;
    	position: absolute;
		transform: rotate3d(0, 0, 1, 45deg);
    	-webkit-transform: rotate3d(0, 0, 1, 45deg);
    	-moz-transform: rotate3d(0, 0, 1, 45deg);
    	-o-transform: rotate3d(0, 0, 1, 45deg);
    	-ms-transform: rotate3d(0, 0, 1, 45deg);
    	transform-origin: 50% 50% 0;
		transition: all 0.3s ease 0s;
    	-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
   		-o-transition: all 0.3s ease 0s;
   		-ms-transition: all 0.3s ease 0s;
    	width: 12px;
	}
	
	#navigation-slider .btn-close:hover {
		background: #F25C00;
	}
	
	#navigation-slider .btn-close:hover::before {
		margin: 10px 6px;
		transform: rotate3d(0, 0, 1, -45deg);
    	-webkit-transform: rotate3d(0, 0, 1, -45deg);
    	-moz-transform: rotate3d(0, 0, 1, -45deg);
    	-o-transform: rotate3d(0, 0, 1, -45deg);
    	-ms-transform: rotate3d(0, 0, 1, -45deg);
    	transform-origin: 0 0 0;
    	width: 9px;
	}
	
	#navigation-slider .btn-close:hover::after {
		margin: 10px 7px;
		transform: rotate3d(0, 0, 1, 45deg);
    	-webkit-transform: rotate3d(0, 0, 1, 45deg);
    	-moz-transform: rotate3d(0, 0, 1, 45deg);
    	-o-transform: rotate3d(0, 0, 1, 45deg);
    	-ms-transform: rotate3d(0, 0, 1, 45deg);
    	transform-origin: 0 0 0;
    	width: 9px;
	}
	
	
	#navigation-slider .btn-close .fas {
		width: 25px;
		height: 25px;
		padding: 5px;
		font-size:24px;
	}
/* END NAVIGATION SLIDER CLOSE BUTTON */	
/* NAVIGATION MENU */

	#navigation {
		position: absolute;
		padding-bottom: 0px;
		border: 0px;
		right: calc((50px * 3) + (5px * 6));
	}

	#navigation, #cart-nav, #user-info, #search-box {
    	padding-right: 0px;
    	padding-left: 0px;
	}


	#navigation .gp-navbar {
		margin: auto 10px;
	}
	
	#navigation .gp-navbar .gp-navbar-header {
	
	}
	
	#navigation .gp-navbar .gp-navbar-header .btn {
		background-image: none;
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		padding: 0px;
	}
	
	#navigation .gp-navbar .gp-navbar-header .btn:active,
	#navigation .gp-navbar .gp-navbar-header .btn.active {
  		background-image: none;
  		outline: 0;
  		-webkit-box-shadow: none;
/*		-moz-box-shadow: none; */
    	-o-box-shadow: none;
       	box-shadow: none;
	}
	
	#navigation .gp-navbar .gp-navbar-header .btn-navbar span, #navigation .gp-navbar .gp-navbar-header .btn-navbar .btn-menu {
		display: inline-block!important;
		float: left;
		color: #362200;
   		font: 500 16px/18px "Poppins",Helvetica,sans-serif;
		letter-spacing: 1.8px;	
		line-height: 18px;
	}
	
	#navigation .gp-navbar .gp-navbar-header .btn-navbar > span {
		margin: 13px 20px 13px 10px;
		height: 100%;
	}
/*	
	#navigation-slider .nav-con > div {
		max-height: 400px;
		overflow: auto;
	}
*/

	#navigation-slider .nav-body, #navigation-slider .nav-body .nav-wrapper {
		height: 100%;
		width: 100%;
		overflow: auto;
	}	
	
	#navigation-slider.slider-menu {
		display: block;
		float: left;
    	background: #ffffff none repeat scroll 0 0;
    	border: 1px solid #eeeeee;
    	bottom: 0;
    	/* cursor: pointer; */
    	/* display: none; */
    	left: 0;
    	margin: 0;
    	max-width: 90%;
    	/*overflow-y: hidden;
		overflow-x: hidden;*/
    	padding: 80px 0px 10px 0px;/*120px 40px;*/
   		position: fixed;
    	right: 100%;
    	top: 0;
		border-radius: 0px;
    	transform: translate(-450px, 0px);
    	-webkit-transform: translate(-450px, 0px);
   		-moz-transform: translate(-450px, 0px);
    	-o-transform: translate(-450px, 0px);
    	-ms-transform: translate(-450px, 0px);
		transform-origin: 0 0 0;
    	transition: all 0.5s ease-in-out 0ms;
    	-webkit-transition: all 0.5s ease-in-out 0ms;
    	-moz-transition: all 0.5s ease-in-out 0ms;
    	-o-transition: all 0.5s ease-in-out 0ms;
    	-ms-transition: all 0.5s ease-in-out 0ms;
    	width: 450px;
    	z-index: 5002;
	}


	#navigation-slider.slider-menu.open  {
    	transform: translate(0px, 0px);
    	-webkit-transform: translate(0px, 0px);
   		-moz-transform: translate(0px, 0px);
    	-o-transform: translate(0px, 0px);
   		-ms-transform: translate(0px, 0px);
	}
	
	.slider-menu.header-navigation-toggle .gp-nav{
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		background-color:#FFFFFF;
		z-index:5000;
	}
	

/* MENU LIST */	
	#navigation-slider .nav {
		
	}
	
	#navigation-slider .navbar-nav {
    	float: left;
    	margin: 0;
		width: 100%;
	}
	
	#navigation-slider .nav li {
		width: 100%;
		height: auto;
	}
	
	#navigation-slider .navbar-nav>li>a, #navigation-slider .navbar-nav li .dropdown-menu .dropdown-inner ul li a {
    	padding-top: 10px;
    	padding-bottom: 10px;
		line-height: 20px;
		display: block;
		white-space: nowrap;
	}
	
	#navigation-slider .navbar-nav li .dropdown-menu .dropdown-inner ul li.menu2ndsublevel a {
		padding-top: 3px;
    	padding-bottom: 3px;
		padding-left: 25px;
    	padding-right: 10px;
	}
		
	#navigation-slider .navbar-nav li.dropdown .dropdown-menu .see-all {
		padding-top: 3px;
    	padding-bottom: 3px;
		padding-left: 25px;
    	padding-right: 10px;
		width: 100%;
		display: block;
		/*border-top: 1px solid #ccc;*/
		background-color: rgba(196, 112, 3, 0.7);
		text-align: right;
		font-weight:600;
	}
	
	#navigation-slider .navbar-nav li .dropdown-menu .dropdown-inner ul li.menu2ndsublevel div.menu3rdlevel .menu3rdlevel_inner ul li.menu3rdlsublevel {
		/*
		padding-top: 2px;
    	padding-bottom: 2px;
		padding-left: 20px;
    	padding-right: 10px;
		*/
	}
	
	#navigation-slider .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul li.menu2ndsublevel div.menu3rdlevel .see-all {
		padding-top: 2px;
    	padding-bottom: 2px;
		padding-left: 45px;
    	padding-right: 10px;
		width: 100%;
		background-color: rgba(196, 112, 3, 0.4);
	}
	
	#navigation-slider .nav li, 
	#navigation-slider .nav li a span,
	#navigation-slider .nav li .dropdown-menu .dropdown-inner ul li a .menutxt span{
		/*font: 400 13px/24px "Poppins",Helvetica,sans-serif;*/
		font-weight: 400;
		font-size: 13px;
		line-height: 24px;
		letter-spacing: 0.5px;
	}
	
	#navigation-slider .nav li a div, #navigation-slider .nav li .dropdown-menu .dropdown-inner ul li a div {
		width: auto;
		height: auto;
		display: inline-block;
		top: 0;	
		margin-right: 5px;
		/*border: 1px solid #333;*/
	}
	
	#navigation-slider .nav li.dropdown .dropdown-menu {
		position: relative;
		width: 100%;
		-webkit-box-shadow: none;
/*		-moz-box-shadow: none; */
		-o-box-shadow: none;
		-ms-box-shadow: none;
    	box-shadow: none;
		border: none;
		/*border-bottom: 1px solid rgba(196, 112, 3, 1.0);*/
		border-radius: 0px;
		padding: 0px;
		-webkit-background-clip: padding-box;
/*		-moz-background-clip: padding-box; */
		-o-background-clip: padding-box;
		-ms-background-clip: padding-box;
    	background-clip: padding-box;
		background-color: rgba(196, 112, 3, 0.3);/*transparent;*/
	}
	
	#navigation-slider .nav .open>a, .nav .open>a:focus, #navigation-slider .nav .open>a:hover {
		border-color: transparent;
	}
	
	#navigation-slider .nav li>a {
		color: #2F1D06;
		text-align: left;
		background-color: rgb(255, 250, 244, 0);
		-webkit-transition: background-color 0.3s ease-out;
  		-moz-transition: background-color 0.3s ease-out;
  		-o-transition: background-color 0.3s ease-out;
		-ms-transition: background-color 0.3s ease-out;
  		transition: background-color 0.3s ease-out;
	}
	
	#navigation-slider .nav li>a:hover {
		color: #2F1D06;
    	background-color: rgb(255, 250, 244); /*rgba(196, 112, 3, 0.5);*/
		-webkit-transition: background-color 0.3s ease-out;
  		-moz-transition: background-color 0.3s ease-out;
  		-o-transition: background-color 0.3s ease-out;
		-ms-transition: background-color 0.3s ease-out;
  		transition: background-color 0.3s ease-out;
	}
	
	#navigation-slider .nav .dropdown>a {
		background-color: rgba(196, 112, 3, 0);
		-webkit-transition: background-color 0.6s ease-out;
  		-moz-transition: background-color 0.6s ease-out;
  		-o-transition: background-color 0.6s ease-out;
		-ms-transition: background-color 0.6s ease-out;
  		transition: background-color 0.6s ease-out;
	}
	
	#navigation-slider .nav .dropdown.open>a,
	#navigation-slider .nav .dropdown.open>a:focus, 
	#navigation-slider .nav .dropdown.open>a:hover {
    	background-color: rgba(196, 112, 3, 1.0);
		color: rgba(255, 255, 255, 0.8);
		-webkit-transition: background-color 2s ease-out;
  		-moz-transition: background-color 2s ease-out;
  		-o-transition: background-color 2s ease-out;
		-ms-transition: background-color 2s ease-out;
  		transition: background-color 2s ease-out;
	}
	
	#navigation-slider .navbar-nav li {
		
	}
	
	#navigation-slider .navbar-nav li .dropdown-menu .dropdown-inner ul li.menu2ndsublevel {
		border-top: 1px solid rgba(196, 112, 3, 0.1);
	}
	
	#navigation-slider .navbar-nav li .dropdown-menu .dropdown-inner ul li.menu2ndsublevel:first-child {
		border-top: none;
	}
	
	#navigation-slider .navbar-nav li .dropdown-menu .dropdown-inner ul li.menu2ndsublevel div.menu3rdlevel .menu3rdlevel_inner ul li.menu3rdlsublevel {
		border-top: 1px solid rgba(196, 112, 3, 0.2);
	}
	
	#navigation-slider .navbar-nav li .dropdown-menu .dropdown-inner ul li.menu2ndsublevel div.menu3rdlevel .menu3rdlevel_inner ul li.menu3rdlsublevel a {
		padding-left: 40px;
	}
	
	#navigation-slider .navbar-nav li .dropdown-menu .dropdown-inner ul li.menu2ndsublevel.open3rdlevel {
		background-color: rgba(196, 112, 3, 0.2);
	}
	
	#navigation-slider .navbar-nav li .dropdown-menu .dropdown-inner ul li.menu2ndsublevel.open3rdlevel>a {
		background-color: rgba(196, 112, 3, 0.7);
		color: rgba(255, 255, 255, 0.8);
	}
	
	#navigation-slider .navbar-nav li.dropdown .dropdown-menu a.see-all:hover,
	#navigation-slider .navbar-nav li.dropdown .dropdown-menu .dropdown-inner ul li.menu2ndsublevel div.menu3rdlevel a.see-all:hover {
		padding-right: 20px;
		color: #FFFFFF;
	}
	

/* END MENU LIST */

/* MENU LIST BOX */

	.mainmenutxt {
		width: calc(100% - (10px + 10px))!important; 
		height: auto;
	}
	
	.menutxt {
		width: calc(100% - (20px + 10px + 20px))!important; 
		height: auto;
	}
	
/* END  MENU LIST BOX */

/* MENU LIST ICON */

    #navigation-slider .nav li .dropdown-menu .dropdown-inner ul li a div.nextlevelicon {
		width: 20px;
		height: auto;
		padding: 5px;
		-webkit-transform: rotate(90deg);
    	-moz-transform: rotate(90deg);
    	-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg); /* IE 9 */
  		transform: rotate(90deg);
	}
	
	.moresubmenuicon {
		width: 10px;
		padding: 5px;	
	}
	
	.moremenuicon {
		width: 10px;
		padding: 5px;	
	}
	
/* END MENU LIST ICON */
/*
	.slider-menu::-webkit-scrollbar {
  		width: 12px;
	}
	
	.slider-menu::-webkit-scrollbar-track{
  		border-right: 1px solid rgba(0,0,0,0.3);
    	border-top: none;
    	border-bottom: none;
    	border-left: none;
	}
	
	.slider-menu::-webkit-scrollbar-thumb {
  		background-color: #333333;
	}
*/	

 





@media (max-width: 660px) {
	#navigation{
		/*position:relative;*/
		width: auto;
		height: auto;
		/*margin-top: 80px;*/
		
	}
}

/*@media (max-width: 348px) {*/
@media (max-width: 402px) {
	#navigation {
		left: 20px;
	}
	
	#navigation .gp-navbar .gp-navbar-header .btn-navbar span {
		display: none!important;
	}
}



/*	#navigation .gp-navbar-header {
		/* display: none; */
/*		position: relative;
		width: 100%;
	}
*/	
/*	#navigation .navbar .navbar-header .navbar-toggle {
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		padding: 0px 10px;
		border-radius: 0px;
		vertical-align: middle;
		height: 100%;
		width: 100%;
		border: none;
	}

	#navigation .navbar .navbar-header .btn i.fa-bars, #navigation .navbar .navbar-header .btn-navbar span {
		display: inline-block;
    	position: relative;
    	height: 40px;
    	width: auto;
    	vertical-align: middle;
		padding: 10px;
	}
	
	#navigation .navbar .navbar-header .btn-navbar span {
		float: left;
		color: #362200;
   		font: 500 16px/18px "Poppins",Helvetica,sans-serif;
		letter-spacing: 1.8px;	
		line-height: 22px;
	}

	#navigation .navbar .navbar-header .btn-navbar i.fa {
		float: right;
		font-size: 21px;
	}

	#navigation .gp-navbar .navbar-header .btn:active,
	#navigation .navbar .navbar-header .btn.active {
  		background-image: none;
  		outline: 0;
  		-webkit-box-shadow: none;
       	box-shadow: none;
	}
*/


/* END NAVIGATION MENU */