a, button, input, select, textarea, label, summary {touch-action:manipulation;}
* {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
*, *:before, *:after {box-sizing:border-box;}
html {font-family:sans-serif; overflow: scroll; text-size-adjust:100%; background-color: gray; margin: 0; padding: 0;}
article, aside, cite, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {display:block;}
audio, canvas, progress, video {display:inline-block;}
audio:not([controls]) {display:none; height:0;}
img, video {max-width:100%; height:auto;}
iframe, object, embed {max-width:100%;}
img {border:0; -ms-interpolation-mode:bicubic; user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none;
-webkit-user-select: none; -ms-user-select: none;}
figure {margin: 0; padding: 0;}
img, figure {pointer-events: none;}

body {color:rgba(0,0,0,0.8); background: white; font-size:16px; font-weight:400; margin: 0; padding: 0; 
	-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family: "游ゴシック Medium", 
	"游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", 
	Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.hide-mobile, .tablet-more {display:none;}
.requiem {font-family: "Requiem Display A", "Requiem Display B"; font-style: normal; font-weight: 400;}
.knockout {font-family: "Knockout 71 A", "Knockout 71 B"; font-style: normal; font-weight: 400;}

p {margin:0 0 24px;}
a {background-color:transparent; color:#62901c; font-weight: 800; text-decoration:underline; word-wrap:break-word; -webkit-text-decoration-skip:objects;}
a:active {outline:0; color:rgba(0,0,0,0.8); text-decoration:underline;}
ul, ol {margin:0 0 24px 32px;padding:0;}
h1 {font-size:24px; line-height: 30px; margin:0 0 20px;}
h2 {font-size:20px;}
h3 {font-size:21px; font-weight:600; margin-bottom:7px;}
hr {border:0; border-top:1px solid rgba(0,0,0,0.3); border-bottom:0 solid white; box-sizing:content-box; margin:32px auto; overflow:visible;}
strong {font-weight:600;}
small {font-size:80%; font-weight: bold;}
blockquote {padding:0;}
hr {border:0; border-bottom:1px solid rgba(0,0,0,0.1);}
.text-simple {font-family: 'Helevetica Neue', sans-serif;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-large {font-size:20px;}
.text-white {color: white;}
.float-left {float:left;}
.float-right {float:right;}
.wheat {background-color: #d6d2cb;}
.sand {background-color: #f1f0e9;}
.white {background-color: white;}
.paper {background-image: url(assets/bg.jpg);}

.nav #logo {display:block; color:rgba(0,0,0,0.8); margin:25px 0 0 25px; float:left; font-size:27px;}
.nav a#logo {text-decoration:none;}
.nav #logo:hover {color:rgba(0,0,0,0.8);}
#nav-trigger {display: block; text-align: center; z-index: 9999; margin: 0; padding: 0; border: 0; background-color: #000;}
#nav-trigger span {display: inline-block; padding: 10px 30px 10px; background-color: #000; color: white; width:100%; 
	font-weight: 700; cursor: pointer; text-transform: uppercase; margin: 0;}
nav#nav-main {display:none;}
nav#nav-mobile {position: relative; display: block; z-index: 9999; margin: 0; padding: 0; border: 0;}
nav#nav-mobile ul {display: none; list-style-type: none; position: absolute; left: 0; right: 0; margin: 0 auto; 
	text-align: center; background-color: #000; padding: 0;}
nav#nav-mobile li {display: block; padding: 7px 0; margin: 0 5px; border-bottom: solid 1px #504f4f; font-size: 18px;}
nav#nav-mobile li:last-child {border-bottom: none;}
nav#nav-mobile a {display: block; color: white; padding: 7px 30px; font-weight: bold; background-color: transparent; text-decoration: none;}
nav#nav-mobile a:hover {background-color: #0e5e72; color: #fff;}

section {width:auto; padding:50px 0 24px 0;}
section.firststack {padding:30px 0 24px 0;}
section.shortstack {padding:20px 0 24px 0;}
section.extrastack {padding:20px 0 24px 0;}
.container {margin:0 auto; max-width:1080px; width:92%; clear: both;}
.row {margin-left:-2%; margin-right:-2%;}
.grid-fourth, .grid-third, .grid-half, .grid-two-thirds, .grid-three-fourths, .grid-full {float:left; padding-left:2%; 
	padding-right:2%; width:100%;}

button {font:inherit; line-height:normal; overflow:visible; -webkit-appearance:button; -webkit-user-select:none; 
	-moz-user-select:none; -ms-user-select:none; margin:0; text-transform:none; overflow:visible;}
.btn {cursor:default; text-align:center; line-height:normal; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; 
	background:rgba(0,0,0,0.8); color: white; border:2px solid transparent; font-weight:600; text-decoration:none; cursor:pointer; 
	display:inline-block; text-align:center; vertical-align:middle; padding:7px 15px 5px 15px; box-shadow:0 2px 3px rgba(0,0,0,0.3);}
.btn:hover, a .btn:hover, .btn:focus, a .btn:focus, .btn:active, a .btn:active, .btn.active {background:rgba(0,0,0,1); 
	border-color:rgba(0,0,0,1); color: white; text-decoration:none;}
.btn-inverse {background:#d6d2cb; color: rgba(0,0,0,0.8); margin: 0 5px 20px;}
small .btn {font-size: 11px; padding: 4px 8px; margin-top: 5px;}
a.green {background-color: #98b270;}
	
input, select, textarea {color:rgba(0,0,0,0.8); font:inherit; font-size:100%; line-height:normal; margin:0; border-radius:1px;
	border:2px solid rgba(0,0,0,0.3); display:block; width:100%; background: white; padding:5px 8px 3px 8px;}
input[type=text], input[type=email], input[type=password], textarea {-webkit-appearance:none;}
textarea {height:12em; overflow:auto;}[type="image"], [type="checkbox"], [type="radio"] {cursor:pointer; display:inline-block; 
	height:auto; margin-bottom:0; margin-right:5px; padding:0; width:auto;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height:auto;}
.input {position:relative;}
input:focus, select:focus, textarea:focus {border-color:rgba(0, 0, 0, 0.5); outline:0;}
.input button {position:absolute; right:0; top:0; height:100%; line-height:1; border-radius:1px; color: #d6d2cb;}

.clearfix:before, .container:before, .row:before, .clearfix:after, .container:after, .row:after {display:table; content:" ";}
.clearfix:after, .container:after, .row:after {clear:both;}
.spacer {padding-top:21px; padding-bottom:34px;}
.spacer span {display:block; height:2px; background:rgba(0,0,0,0.1);}

.banners {margin-top: 50px;}
.banner {margin: 30px 0;}
.catbox {padding: 10px;}
.product p a {display:inline-block}
.product p a:hover img {box-shadow:5px 5px 15px rgba(0,0,0,0.3); transform:scale(1.03)}
.single-product, .feature {padding: 50px 0;}
h3.mailmaga {font-size: 30px; line-height: 42px; font-weight: 500;}
#video {margin: 50px 0 0;}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;}
.video-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}

footer {background:rgba(0,0,0,0.8); color: white; width:auto; padding:50px 0 24px 0;}
footer .logo {display:block; font-size: 21px;}
footer a {color: white; text-decoration:none;}
footer ul {list-style: none; margin-left: 0;}
footer ul li {font-size: 17px; line-height: 24px;}

.top {display: inline-block; height: 60px; width: 60px; position: fixed; bottom: 80px; right: 10px; 
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; white-space: nowrap; text-indent: 100%;
	background: #62901c url(assets/top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; 
	-webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; 
	transition: opacity .3s 0s, visibility 0s .3s; z-index: 9990;}
.top.is-visible, .top.fade-out, .no-touch .top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s; 
	-moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.top.is-visible {visibility: visible; opacity: 1;}
.top.fade-out {opacity: .5;}
.no-touch .top:hover {background-color: #98ad79; opacity: 1;}


/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {position:relative;}
.flickity-enabled:focus {outline:none;}
.flickity-viewport {overflow:hidden; position:relative; height:100%;}
.flickity-slider {position:absolute; width:100%; height:100%;}
.flickity-enabled.is-draggable {-webkit-tap-highlight-color:transparent; tap-highlight-color:transparent; 
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor:move; cursor:-webkit-grab; cursor:grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor:-webkit-grabbing; cursor:grabbing;}
.flickity-prev-next-button {position:absolute; top:50%; width:55px; height:55px; border:none; border-radius:1px; 
	background:rgba(0,0,0,0.2); cursor:pointer; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.flickity-prev-next-button:hover {background:rgba(0,0,0,0.4);}
.flickity-prev-next-button:focus {outline:none;}
.flickity-prev-next-button.previous {left:0;}
.flickity-prev-next-button.next {right:0;}
.flickity-prev-next-button svg {position:absolute; left:25%; top:25%; width:50%; height:50%;}
.flickity-prev-next-button .arrow {fill: white;}
.flickity-prev-next-button .arrow:hover {fill: white;}
.gallery {padding-bottom: 70%;}
.gallery .flickity-viewport {position: absolute; width: 100%;}
.gallery-cell {width:100%; height: auto;}
.gallery-cell:before {display: block;}

@media (min-width: 768px) {
.hide-mobile, .desktop {display:inherit !important;}
.hide-desktop, .mobile {display: none !important;}
body {margin: 0; padding: 0;}
h1 {font-size:34px; line-height: 42px;}
h2 {font-size:24px;}
blockquote {font-size:27px; line-height: 36px;}
.text-large {font-size:24px; line-height: 30px;}
.nav {display:block; position:relative; width:100%; z-index:500; height:auto; padding:16px 0 8px; background:white; margin: 0;
	box-shadow:none; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
body.wheat .nav {background-color: #d6d2cb;}
.nav #wrapper {position:relative; margin:0 auto; width:92%; max-width:1080px; clear: both;}
.nav #logo {margin:20px 0 0 2px; float:left; font-size:27px;}
.nav .main-menu {position:relative; display:block; height:auto; background:transparent; margin:13px 0 0; font-size:21px; width:60%; float:right;}
.nav .main-menu ul {text-align:right; margin:0px; padding-left:4%;}
.nav .main-menu ul li {display:inline-block; margin-left:22px; padding:0; list-style: none; letter-spacing: .03em;}
.nav .main-menu ul li.social {display: none;}
.nav .main-menu ul li a {color:rgba(0,0,0,0.8); text-decoration:none; font-weight: 600;}
.nav .main-menu ul li a span {border-bottom:2px solid transparent;}
.nav .main-menu ul li a img {vertical-align: middle;}
.nav .main-menu ul li a:hover {color:rgba(0,0,0,0.8);}
.nav .main-menu ul li a:hover span {border-bottom:2px solid rgba(0,0,0,0.8);}
.nav .main-menu ul li a.btn, .nav .main-menu ul li a.btn:hover {padding:5px 12px 5px 12px; background:#d6d2cb; color: rgba(0,0,0,0.8);}
.nav .show-menu {display:block;}
section.firststack {padding:30px 0 24px 0;}
section.extrastack {padding:100px 0 300px 0;}
.grid-fourth {width:25%;}
.grid-third {width:33.3333333333%;}
.grid-half {width:50%;}
.grid-two-thirds {width:66.6666666667%;}
.grid-three-fourths {width:75%;}
.grid-full {width:100%;}
.offset-fourth {margin-left:25%;}
.offset-third {margin-left:33.3333333333%;}
.post:first-of-type {margin-top: 20px;}
.product .grid-third {min-height: 500px;}
.single-product {padding: 100px 0;}
.feature {padding: 40px 0;}
footer {padding-bottom: 40px;}
}

@media (min-width: 1060px) {
.nav .main-menu ul li.social {display:inline-block;}
.tablet-less {display: none;}
}