#admin-bar-iframe {
    display: none;
}
.mobilenav {
    display: none;
}
.menu-toggle {
    display: none;
}
.menu {
	position: fixed;
	top: 120px;
	left: 0;
	width: 300px;
	height: calc(100vh - 120px);
	background: #ffffff;
	border-top: 2px solid #deded1;
	border-right: 2px solid #deded1;
}

.menu__wrap {
	position: absolute;
	z-index: 2;
	top: 3.5em;
    overflow: hidden;
    /*overflow-y: auto;*/
    width: 100%;
    height: calc(100% - 280px);
}

.menu__footer {
	position: absolute;
	display: block;
	bottom: 0;
    left: 0;
    width: calc(100%);
    height: auto;
    margin: 0;
    padding: 0px 0 0px 0;
    list-style-type: none;
    /*border-top: 2px solid #deded1;*/
    z-index: 5;
    
    background: rgb(247,247,245);
    background: -moz-linear-gradient(0deg, rgba(247,247,245,1) 0%, rgba(247,247,245,.9) 82%, rgba(247,247,245,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(247,247,245,1) 0%, rgba(247,247,245,.9) 82%, rgba(247,247,245,0) 100%);
    background: linear-gradient(0deg, rgba(247,247,245,1) 0%, rgba(247,247,245,.9) 82%, rgba(247,247,245,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f5",endColorstr="#f7f7f5",GradientType=1);
}
.menu__footer img {
	display: block;
	margin: 0 auto 40px;
    max-width: 200px;
}
.menu__footer ul {
	position: relative;
	text-align: left;
    margin: 0 0 10px 0;
    padding: 0;
}
.menu__footer ul li {
    display: block;
    margin: 0 0;
    padding: 0 25px;
}
.menu__footer ul li,
.menu__footer p {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	position: relative;
}
.menu__footer p.copyright {
	display: block;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: .8em;
	margin-top: 20px;
	paddingt-top: 20px;
}
.menu__footer p a {
	padding: .75em 0 .75em 0;
    color: #AA3900;
    -webkit-transition: color 0.1s;
    transition: color 0.1s;
}
.menu__footer ul li a {
    display: block;
    font-size: 1.0em;
    padding: .55em 0 .55em 0;
    color: #666666;
    -webkit-transition: color 0.1s;
    transition: color 0.1s;
}

.menu__level {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	overflow: hidden;
	overflow-y: scroll;
	width: calc(100%);
	height: 100%;
	margin: 0;
	padding: 0 0 95px 0;
	list-style-type: none;
	z-index: 0;
}

.top__level .menu__item {
	margin: 0px 0px 0px;
}

.menu__level--current {
	visibility: visible;
}
.submenu__level {
	background: #ccc;
}

.menu__item {
	display: block;
	width: calc(100%);
    text-align: left;
    padding: 0 25px;
	z-index: 5;
    position: relative;
}

.menu__wrap .menu__item {
    border-top: 1px solid #deded1;
}
.menu__wrap .menu__item:first-child {
    border-top: none;
}

.menu__link {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	position: relative;
	display: block;
	font-size: 1.4em;
    padding: .55em 0 .55em 0;
	color: #3a3a3a;
	-webkit-transition: color 0.1s;
	transition: color 0.1s;
	text-decoration: none;
}

.menu__wrap .menu__link {
    font-size: 1.2em;
    color: #416944;
}
.menu__link span {
    position: absolute;
    right: 0;
}

.menu__link:hover,
.menu__link[data-submenu]:hover::after {
	color: #AA3900;
}

/*
.menu__link--current::before {
	content: '\00B7';
	font-size: 1.5em;
	line-height: 0;
	position: absolute;
	top: 50%;
	left: 0.5em;
	height: 4px;
	color: #AA3900;
}
*/

[class^='animate-'],
[class*=' animate-'] {
	visibility: visible;
}

.animate-outToRight .menu__item {
	-webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes outToRight {
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes outToRight {
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.animate-outToLeft .menu__item {
	-webkit-animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes outToLeft {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes outToLeft {
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.animate-inFromLeft .menu__item {
	-webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes inFromLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes inFromLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.animate-inFromRight .menu__item {
	-webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes inFromRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes inFromRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.menu__breadcrumbs {
	font-size: 1.1em;
	line-height: 1;
	position: relative;
	padding: .75em 0em .75em 1.4em;
}

.menu__breadcrumbs a {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	font-size: .925em;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #3a3a3a;
    padding: .25em 0 .25em 0;
}

.menu__breadcrumbs a:last-child {
	/*pointer-events: none;*/
}

.menu__breadcrumbs a:hover {
	color: #cc6e28;
}
.menu__breadcrumbs a span {
    margin-left: 5px;
}

.menu__breadcrumbs a:not(:last-child)::after {
	content: '>';
	display: inline-block;
	padding: 0 0.5em;
	color: #33353e;
}

.menu__breadcrumbs a:not(:last-child):hover::after {
	color: #33353e;
}

.menu__back {
	font-size: 1.25em;
	position: absolute;
	z-index: 100;
	top: 0;
	right: 2.25em;
	margin: 0;
	padding: 1.365em 0.65em 0 0;
	cursor: pointer;
	color: #AA3900;
	border: none;
	background: none;
}

.menu__back--hidden {
	pointer-events: none;
	opacity: 0;
}

.menu__back:hover,
.menu__back:focus {
	color: #fff;
	outline: none;
}


/* Open and close buttons */
/* Animate menu icon (lines). */
.svg-menu-toggle .line {
    opacity: 1;
    transform: rotate(0) translateY(0) translateX(0);
    transform-origin: 1em 1em;
    transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
}
.svg-menu-toggle .line-1 {
    transform-origin: 1em 2.5em;
}
.svg-menu-toggle .line-3 {
    transform-origin: 1em 4.5em;
}

.menu-toggle.action--close .svg-menu-toggle .line-1 {
    transform: rotate(45deg) translateY(0) translateX(0);
}
.menu-toggle.action--close .svg-menu-toggle .line-2 {
    opacity: 0;
}
.menu-toggle.action--close .svg-menu-toggle .line-3 {
    transform: rotate(-45deg) translateY(0em) translateX(0em);
}
.action {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	background: none;
}

.action:focus {
	outline: none;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

/* Example media query */
@media screen and (max-width: 1199px) {
    #header {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        min-height: 60px;
        height: auto;
        background: #fff;
        z-index: 1000000;
        border-bottom: 2px solid #deded1;
    }
    #shopify-section-section-promobar {
        margin: 60px auto 0px;
    }
    .topmobilelogo {
        display: block;
        width: 400px;
        margin: 0 auto 0 auto;
    }
    .mobile-cart {
        display: block;
    }
    .mobile-drop {
        display: none;
    }
    .mobilenav {
        display: block;
    }
    .icon {
        display: inline-block;
        fill: currentColor;
        height: 2em;
        width: 2em;
        vertical-align: middle;
        position: relative;
        top: 0;
    }
	.action--open,
	.action--close {
		display: block;
        position: absolute;
        background: transparent;
        color: #6e9971;
	}    
	.menu {
		z-index: 1000;
		top: 100px;
		width: 65%;
		height: calc(100vh - 100px) !important;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
	}
	.menu--open {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	#header button:hover {
	    background: transparent;
        color: #666;
	}
	
	.screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }
    .top-search .search {
    	border-bottom: none;
    }
    .top-search .search .input {
        padding: 20px 10px;
        margin: 5px;
        margin: 0px;
        background: rgb(251, 251, 251);
        border-top: 1px solid #deded1;
        border-bottom: none;
        border-left: none;
        border-right: none;
    }

}
@media screen and (max-width: 767px) {
    .mobile-drop {
        display: none;
    }
    .mobilenav {
        display: block;
    }
	.menu {
		width: 100%;
		border-right: none;
	}
	.topmobilelogo {
        display: block;
        width: 200px;
        margin: 0 auto 0 auto;
    }
}

@media screen and (min-width: 1200px) {
    .topmobilelogo {
        display: none;
    }
}