.header-menubar{ display: block; height: 40px; position: relative; text-align: center; 
	background-color: #e8e9eb;
}

.header.fixed {
	position: fixed;
	top: 0;
	left: 0;
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%
}

a:hover { transition: 1s; }

#BigLogo {display: block; background-color: #fff;}
#MiniLogo {position:absolute; left:47%; height: 35px; padding-top:2px; display: none;}

#purchase_cart {position: absolute; z-index: 91; right: 0px; top: 0px; 
	padding:8px 15px; height: 40px;}
    
#pcMenu {
	position: absolute;
	display: inline-block;
	z-index: 91;
	top: 0px;
}

/* ipad */
@media only screen and (min-device-width: 834px)  {
	#pcMenu{ width: 95%; left: 2%;}
}

/* ----------- lap top ----------- */
@media screen and (min-device-width: 1600px)  {
	#pcMenu{ width: 80%; left: 10%;}
}

.pcmenu a, .pcmenu a:link, .pcmenu a:visited, .pcmenu a:focus {
    text-decoration: none;
}

.pcmenu > li {
    display: inline-block;
    text-align: center;
    margin-left: -4px;
	height: 30px; margin-top:5px;
    border-left: 2px ridge  rgba(255, 255, 255, 0.11);
    box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
}
.pcmenu > li > a {
    display: block;
	font-size: 1.2rem;
	margin-top: -5px;
	padding: 5px 25px; height: 40px;
	text-decoration: none !important;
	color: #2b2b2b;
}
.pcmenu > li:hover > a, .btnHamburger:hover, 
#purchase_cart:hover {
    color: #2b2b2b;
	background-color: #dedede;
	
}



/* Megadrop width dropdown */
 .pcmenu > li > .megadrop {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    list-style: none;
    top:40px;
    left: 0px;
    width: 99.5%;
    min-height: 100px;

    margin-top:30px;
    padding: 0;
    z-index: 99;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
    border-left: 2px solid #dedede; 
    border-right: 2px solid #dedede;
    border-bottom: 2px solid #dedede;
	background-color: #dedede;
}
.pcmenu > li:hover .megadrop {
    opacity: 1;
    visibility: visible;
    margin-top: 0px; color:white;
}

.pcmenu > li > ul li ul, .pcmenu li >ul li, 
.pcmenu > li > .megadrop, .pcmenu > li > ul, .pcmenu > li {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-outs;
}

.megadrop > ul {display: block; position: relative; width: 100%; }
.megadrop > ul > li {list-style: none; margin: 5px; display: inline-block; width:19%; text-align: center; 
	border: 1px solid #d1d1d1; border-top:none; overflow: hidden;}
.megadrop > ul > li a {display:block; padding:5px; color:#2b2b2b !important;}
.megadrop > ul > li a:hover {background-color: #e8e9eb;}


#pcMenu .active  {
	/*
	background: rgb(107,0,7);
	background: radial-gradient(circle, rgba(107,0,7,1) 0%, rgba(230,92,29,1) 100%);
	*/

	background: rgb(91,90,95);
	background: linear-gradient(0deg, rgba(91,90,95,1) 0%, rgba(232,233,235,1) 7%);
}

.btnHamburger {
	display: block;
	width: 50px !important;
	height: 40px !important;
	z-index: 92;
	padding: 11px;
	margin: 5px;
	margin-top :0px;
	position: absolute;
	top: 0;
	left: 0;
}

.btnHamburger:before,
.btnHamburger:after {
	content: '';
	display: block;
	background: #6e6f73;
	height: 2px;
}

.btnHamburger span {
	background: #6e6f73;
	display: block;
	height: 2px;
	margin: 6px 0;
}

.btnImg1, .btnImg2 {
	text-align: center; overflow: hidden; position: relative; display: inline-block;
	-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;
	filter: drop-shadow(2px 1px 5px #acacac);
	transition: 1s;
}

.btnImg1{background: #dbdbdb; width:15%; min-width: 80px; max-width: 110px;  margin: 10px; padding:0px;}
.btnImg2{background: #acacac; width:20%; min-width: 120px; max-width: 150px; margin: 5px;}

.btnImg1 .img1{display:block;}
.btnImg1 .img2{display: none;}
.btnImg1:hover , .btnImg2:hover, .btnImg2.active , .btnImg1.active {
	background: rgb(146,37,30);
	background: linear-gradient(45deg, rgba(146,37,30,1) 0%, rgba(226,89,37,1) 100%);
	filter: drop-shadow(2px 1px 5px #acacac);
	-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;
	transition: 0.5s;
}

.btnImg1:hover .img1, .active>.img1{display: none;}
.btnImg1:hover .img2, .active>.img2{display: block;}

.mnHeader {color:#b01f24;}