@charset "utf-8";
/* CSS Document */
#ctnr {
	-webkit-box-shadow: none;
	box-shadow: none;
}
#hdr figure {
	margin: auto;
}
#nav {
	display: none;
}
.hamburger {
	display: block;
	padding: 0;
	height: 23px;
}
.hamburger-inner::before {
	top: -8px;
}
.hamburger-inner::after {
	bottom: -8px;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
	width: 30px;
	border-radius: 3px;
	height: 3.25px;
	background-color: #fff;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {
	background-color: #fff;
}
.hamburger-box {
	width: 30px;
	height: 23px;
	top: 2px;
}
#hdr {
	flex-direction: column;
}
#top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	padding: calc(var(--mobpad)/2) var(--mobpad);
	margin: 0;
	flex: 0 0 100%;
	background: rgb(16,52,73);
	background: -webkit-linear-gradient(rgba(16,52,73,1) 0%, rgba(23,75,106,1) 100%);
	background: -o-linear-gradient(rgba(16,52,73,1) 0%, rgba(23,75,106,1) 100%);
	background: linear-gradient(rgba(16,52,73,1) 0%, rgba(23,75,106,1) 100%);
	order: 3;
	min-height: 42px;
	width: 100%;
}
#top a {
	font-size: 100%;
	padding: 0px .33em;
}
#top > div {
	width: 100%;
}
#top ul {
	align-items: center;
	width: 100%;
	margin-left: .33em;
	justify-content: flex-start;
}
#navs ul {
	margin-left: .25em;
}
#hdr aside {
	width: 100%;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 0;
}
#menu-item-2812, #menu-item-7330 {
	/*display: none;*/
}
#navs ul li:first-child {
	margin: 0 .33em;
}
#navs ul li:first-child a {
	font-weight: 600;
	border: 2px solid #fff;
	padding: 1px 12px;
}
#hdr nav .icn-facebook {
	margin-left: auto;
}
#hdr nav .icn-facebook a {
	padding-left: 0;
}
#top ul li.li-envelope {
	display: block;
	margin-left: auto;
}
#top ul li.li-envelope svg.fa-lg {
	font-size: 1.75em;
}
#nav {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	transition: opacity .35s, visibility .35s, height .35s;
}
#nav ul#menu-main-menu {
	flex-direction: column;
}
#nav a.has-submenu svg {
	height: 24px;
	float: right;
	display: block;
	margin-top: .75em;
}
#nav a.has-submenu svg.normal {
    animation: oc-thumbtack-up-kf 200ms ease-out;
    animation-fill-mode: forwards;
    transform-origin: center;
}
@keyframes oc-thumbtack-up-kf {
    0% {
        transform: rotate(90deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
#nav a.has-submenu svg.rotate {
    animation: oc-thumbtack-down-kf 200ms ease-in;
    animation-fill-mode: forwards;
    transform-origin: center;
}
@keyframes oc-thumbtack-down-kf {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(90deg);
    }
}

#nav ul li:hover > ul {
	display: none;
}
#nav ul.sub-menu {
	position: relative;
	border-bottom: 1px solid #aaa;
}
#nav li {
	height: auto;
}
#nav .sub-menu.revealed, #nav.revealed {
	display: block !important;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	top: 0;
}
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	background-color: rgba(0,0,0,.6);
	z-index: 900;
	-webkit-transition: opacity .25s linear;
	transition: opacity .25s linear;
}
#srch {
	order: 1;
	margin: 0 var(--mobpad) var(--mobpad);
	min-width: 50%;
	max-width: 70%;
	align-self: flex-start;
	flex-basis: auto;
	width: 100%;
}
#srch .woocommerce-product-search {
	display: flex;
}
#srch .search-field {
	flex: auto;
}
#emailsign {
	order: 2;
	margin-left: auto;
	flex-basis: auto;
	padding: 0;
	margin-bottom: .33em;
}
#emailsign a {
	background: none;
	padding: 0;
	color: #fff;
	border: 0;
	text-shadow: none;
	border-radius: 0;
	box-shadow: none;
	font-size: 200%;
}
#emailsign a:hover {
	color: var(--hdrhover);
}
#emailsign span {
	display: none;
}
#emailsign svg {
	display: block;
	font-size: 81.3%;
	top: -3px;
}
#ctnt {
	padding: 0;
}
.home .home-content, #content, .woocommerce #main {
	padding: var(--mobpad);
}
.home-content #secondary.widget-area .front-widgets {
	flex-basis: 100%;
	padding: 0
}
#ourstory {
	padding: 0;
}
#ftr {
	margin: 0;
	padding: var(--mobpad);
	flex-direction: column;
	justify-content: flex-start;
}
#ftr p {
	margin-bottom: var(--mobpad);
}
#navf {
	margin-left: 0;
	margin-bottom: var(--mobpad);
}
#navf li:first-child {
	margin-left: 0;
}
#navf li:first-child:before {
	content: '';
}
#msthd {
	margin-left: 0;
}