.sticky{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
	margin:0!important;
	padding:10px 0;
    z-index: 999;
    background-color: #fff;
    box-shadow: 2px 2px 15px #606060;
    animation: slideDown 0.35s ease-out;
}
@-webkit-keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
}
@keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
}
.topHead{
	background-color:#ebebeb;
	color:#545454;
	padding:10px;
	font-size:14px;
	font-weight:600;
}
.topHead a{
	color:#fff;
}
.middleHead{
	padding:10px;
}
.search input{
	padding-left:40px;
	border-color:#8c4f5a;
	color:#8c4f5a;
}
.search input::placeholder{
	color:#8c4f5a;
}
.search input:focus{
	box-shadow: 0 0 0 .2rem rgba(140, 79, 90, .25);
	border-color:#8c4f5a;
}
.search span {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
	color:#8c4f5a;
}
.userLog{}
.userLog a{
	color:#8c4f5a;
}
.cart{
	cursor:pointer;
}
.cart .icon{
	color:#8c4f5a;
	font-size:24px;
}
.cart .amount{
	position: absolute;
    right: -10px;
    top: -10px;
    width: 15px;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    background: #8c4f5a;
    color: #fff;
}
.menu ul{
	list-style:none;
	margin:0;
	padding:0;
}
.menu ul > li{
	display:inline-block;
}
.menu ul > li > a{
	display: block;
    padding: 10px 15px;
    font-weight: 600;
    color: #8c4f5a;
	font-size:16px;
}
.mobile{
	display:none;
}

@media(max-width:767px){
	.middleHead,
	.bottomHead{
		display:none;
	}
	.mobile{
		display:block;
	}
	.mobile .logo{
		width:120px;
	}
	.hamburger{
		width:50px;
	}
	.hamburger > svg{
		color: #8c4f5a;
	}
	.search input{
		font-size:14px;
	}
	.mobileMenu{
		position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: #fff;
        width: 280px;
        z-index: 999999;
        overflow-x: hidden;
        overflow-y: auto;
        visibility: hidden;
        border-width: 1px 0 0 1px;
        -webkit-transform: translate3d(-280px, 0, 0);
        transform: translate3d(-280px, 0, 0);
        -webkit-transition: all .5s ease-in-out 0s;
        transition: all .5s ease-in-out 0s;
        padding: 60px 20px 15px;
	}
	.mobileMenu.active{
		visibility: visible;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 1px 12px 2px hsla(0, 0%, 56%, .3);
	}
	.mobileMenu .logo{
		position:absolute;
		top:10px;
		left:10px;
	}
	.mobileMenu .close{
		background: #f1f1f1;
        display: inline;
        border-radius: 50%;
        padding: 10px;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 12px;
	}
	.mobileMenu ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	.mobileMenu ul > li > a{
		font-size:16px;
		font-weight:400;
		display:inline-block;
		margin-bottom:15px;
	}
	.userControl{
		position: absolute;
		width: 93%;
		right: 0;
		left: 0;
		margin: auto;
		bottom: 15px;
	}
	.userControl > a{
		border: 1px solid #ddd;
        padding: 10px;
        font-size: 14px;
        display: block;
	}
	.remove-mobile-menu {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin: 0;
        z-index: 9999;
        background: rgba(0, 0, 0, .4);
        display: none;
        -webkit-transition: opacity .4s cubic-bezier(0, .8, 1, 1);
        transition: opacity .4s cubic-bezier(0, .8, 1, 1);
    }
	.remove-mobile-menu.active{
        display: block;
    }
}