html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, embed, 
figure, figcaption, footer, header, hgroup, details, menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

a,.link-block:hover .link-block-styled,.link-block-styled,button,input,select,textarea,label,summary {touch-action:manipulation}
*,*:before,*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html, body {padding:0; margin:0; height: 100%;}
html {font-family:sans-serif; text-size-adjust:100%;}
article,aside,cite,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {display:block}
img,video {max-width:100%; height:auto}
iframe,object,embed {max-width:100%}
img {border:0; -ms-interpolation-mode:bicubic; margin: 0; padding: 0; max-width: 100%;}
svg:not(:root) {overflow:hidden}
figure {margin:0;}

.desktop {display: none;}
.phone {display: block;}
.antispam {display:none;}

body {position:relative; font-size: 100%; color: #3d3536; background-color: #ffffff;
	font-family: 'Shippori Mincho B1', serif; }

a {color: #2c354e; text-decoration: none;}
img {max-width: 100%;}
h1 {font-size: 30px; line-height: 40px; margin-bottom: 30px;}
h2 {font-size: 24px; line-height: 32px; margin-bottom: 30px;}
p {font-size: 16px; line-height: 30px; margin-bottom: 30px;}
p small {font-size: 12px; line-height: 12px !important;}
ul, li {list-style: none;}
.text-center {text-align: center;}

.btn {cursor:default; text-align:center; line-height:normal; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.btn {background:rgba(0,0,0,0.8); color:rgba(255,255,255,0.9); border:2px solid transparent; font-weight:600; text-decoration:none; 
	display:inline-block; cursor:pointer; text-align:center; vertical-align:middle; 
	padding:.3125em .9375em .5em .9375em; 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:#515d74; color:#fff; text-decoration:none;}
.btn:active, a .btn:active, .btn.active {box-shadow:none;}
.btn-large {padding:10px 20px 13px 20px;}
.btn-indigo {background:rgba(86,118,158,0.8);}
img.note {width: 120px; padding: 8px 0;}

nav {display:block; position:fixed; width:100%; height:48px; background:transparent; z-index:500; -webkit-transition:padding 0.2s ease-in-out; 
	-moz-transition:padding 0.2s ease-in-out; transition:padding 0.2s ease-in-out;}
nav.shrink {background:#ffffff; box-shadow:0 2px 0 rgba(0,0,0,0.1)}
nav .main-menu {position:fixed; display:none; margin:48px 0 0 0; height:100%; width:100%; z-index:499; background:#b7c4cd; 
	color:rgba(0,0,0,0.8); font-size:18px}
nav .main-menu ul {margin-top:2em; padding-left:4%; line-height:1em;}
nav .main-menu ul li {padding:2px 0}
nav .main-menu ul li a {display:inline-block; color:rgba(0,0,0,0.8); text-decoration:none; padding:3px 0; font-weight: 600;}
nav .main-menu ul li a span {display:inline-block;}
nav .main-menu ul li a:hover {text-decoration:none}
nav .main-menu ul li a img.social {display:block; width: 30px; height: 30px; margin: 2px 0 0;}
nav .main-menu ul li a img.fb {margin-top: 10px;}
nav .main-menu ul li a img.note {display:block; width: 60px; height: 40px; margin: 4px 0 0; padding: 0;}
nav .show-menu {display:block}
nav #logo {display:block; margin:13px auto 10px 15px; width:260px; float:left; color:rgba(0,0,0,0.8)}
nav #logo img {width:150px; margin-bottom: -.5px; vertical-align: bottom;}
nav #logo span {width:100px; padding-left: 10px; color: #415d84; font-size: 12px;}
nav #hamburger {width:25px; height:20px; padding:2px; float:left; margin:14px 0 0 4%; cursor:pointer; overflow:hidden}
nav #hamburger span {display:block; height:3px; opacity:1; background:rgba(0,0,0,0.8); margin-bottom:3px}
nav #hamburger.open span {height:2px; margin-top:2px; margin-bottom:2px}
nav .main-menu ul li a.active span {border-bottom:2px solid rgba(0,0,0,0.8);}
nav .main-menu ul li a.active span:hover {border-color:#000;}
nav .main-menu ul li.buy a.active span {border-color:transparent;}

.main-content {height: 100%; position: relative; z-index: 1;}

.container {width: 90%; max-width: 1179px; margin: 0 auto;}
.container::after {content: ''; display: table; clear: both;}
.row {margin:0 -2% 70px; position: relative;}
.grid-dynamic, .grid-full, .grid-three-fourths, .grid-two-thirds, .grid-three-fifths, .grid-half, .grid-two-fifths,
	.grid-third, .grid-fourth, .grid-fifth, .grid-fill-fifths {float:left; padding-left:2%; padding-right:2%; width:100%;}
.clearfix:before,.container:before,.row:before,.clearfix:after,.container:after,.row:after {display:table; content:" ";}
.clearfix:after,.container:after,.row:after {clear:both;}

.fixed-bg {position: relative; background-size: cover; background-repeat: no-repeat; height:400px;
	background-position: top center; z-index: 1;}
.fixed-bg h3 {position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; 
	-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); 
	-ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); 
	transform: translateX(-50%) translateY(-50%); width: 90%; max-width: 1170px; text-align: center; font-size: 30px; 
	font-size: 1.875rem; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); color: white;}
.fixed-bg.bg-1 {background-image: url("../img/product-1m.jpg");}
.fixed-bg.bg-2 {background-image: url("../img/background-2.jpg");}
.fixed-bg.bg-3 {background-image: url("../img/space-6.jpg");}
.fixed-bg.bg-4 {background-image: url("../img/background-5.jpg");}
.fixed-bg.bg-5 {background-image: url("../img/background-6.jpg");}
.fixed-bg.bg-6 {background-image: url("../img/background-7.jpg");}
.fixed-bg.bg-7 {background-image: url("../img/background-4.jpg");}
.fixed-bg.bg-8 {background-image: url("../img/background-8.jpg");}
.scrolling-bg {position: relative; padding: 4em 0; line-height: 1.6; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); z-index: 2;}
#last.scrolling-bg {box-shadow: 0 -50px 50px rgba(0, 0, 0, 0.2);}
footer {position: relative; background-color: #dbdad3; padding: 4em 0; line-height: 1.6; z-index: 5;}
footer img.note {width: 120px; padding: 8px 0;}
footer img.footer-logo {width: 250px; margin: 0 0 20px; padding: 8px 0 0;}
footer .socials img {vertical-align: middle;}
footer .socials img.facebook {width: 60px; padding: 0 5px 0 10px; }
footer .socials img.instagram {width: 60px; padding: 0 10px 0 5px;}

.back-to-top {display: block; background-color: #f5f1e5; height: 50px; width: 50px; border-radius: 50%; position: absolute; 
	left: 50%; margin-left: -25px; top:-25px; padding-top: 2px; z-index: 100;}
.back-to-top a {display: block; text-align: center; font-weight: 600; font-size: 12px; padding-left: 2px; 
	padding-top: 4px; line-height: 1; color: black; text-transform: uppercase; }
.back-to-top a span.arrow {display: block; text-align: center; width: 16px; margin: 0 auto 4px;}
.back-to-top a .arrow:before {width: auto; height: auto; line-height: 1; font-size: 16px; text-align: center; transform: rotate(-90deg); 
	cursor: pointer; display: block; margin-left: -2px; vertical-align: middle;}
	
/*! 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:35px; height:35px; border:none; border-radius:1px; background:rgba(0,0,0,0.2); 
	cursor:pointer; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index: 9999;}
.flickity-prev-next-button:hover {background:#000;}
.flickity-prev-next-button:focus {outline:none;}
.flickity-prev-next-button.previous {left:-30px;}
.flickity-prev-next-button.next {right:-30px;}
.flickity-prev-next-button svg {position:absolute; left:25%; top:25%; width:50%; height:50%;}
.flickity-prev-next-button .arrow {fill:rgba(255,255,255,0.9);}
.flickity-prev-next-button .arrow:hover {fill:#fff;}
.spreads {background:#fff; padding:0 0 1em;}
.spreads img {height:300px; display:block; box-shadow:0 5px 20px rgba(0,0,0,0.1); margin:1.5em 3em 1.5em 0;}

@media only screen and (min-width: 768px) {
.desktop {display: block;}
.phone {display: none !important;}	
.antispam {display:none;}
	
nav {z-index:500; height:auto; padding:40px 0; background:transparent; -webkit-transition:all 0.2s ease-in-out; 
	-moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; box-shadow:none;}
nav.nav-less {padding: 20px 0;}
nav #wrapper {position:static; margin:0 auto; width:100%; max-width:1179px;}
nav.shrink {padding:12px 0 5px 0; background:#ffffff; box-shadow:0 2px 0 rgba(0,0,0,0.1);}
nav #logo {display:inline-block; color:rgba(0,0,0,0.8); margin:0 0 0 3px; width:42%; height: 30px; 
	float:left; vertical-align: bottom; padding-left: 10px;}
nav #logo img {width: 200px; margin-bottom: -2px; vertical-align: bottom;}
nav #logo span {padding: 0 5px 0 12px; font-size: 14px;}
nav #logo:hover {color:#000}
nav #hamburger {display:none}
nav #buynow {display:none}
nav .main-menu {display:inline-block; width:56%; height:auto; background:transparent; margin:0; position: relative;
	color:rgba(0,0,0,0.8); float:right; padding-right: 10px; font-size:15px;}
nav .main-menu ul {text-align:right; margin:-17px 0 0 0}
nav .main-menu ul li {display:inline; margin-left:22px; padding:0}
nav .main-menu ul li.secondary {display:none}
nav .main-menu ul li a {display:inline-block; color:rgba(0,0,0,0.8)}
nav .main-menu ul li a:hover {color:#000}
nav .main-menu ul li a img.social {display: none;}

.grid-sixth {width:16.66666666%;}
.grid-fifth {width:22%;}
.grid-fourth {width:25%;}
.grid-third {width:33.3333333333%;}
.grid-two-fifths {width:34%;}
.grid-cover {width:40%; padding-bottom: 60px;}
.grid-fill-fifths {width:44%;}
.grid-half {width:50%; margin-bottom: 40px;}
.grid-three-fifths {width:56%;}
.grid-two-thirds {width:66.6666666667%;}
.grid-three-fourths {width:75%;}
.grid-full {width:100%;}
.offset-sixth {margin-left:16.66666666%;}
.offset-fourth {margin-left:25%;}
.offset-third {margin-left:33.3333333333%;}
.offset-half {margin-left:50%;}
.offset-two-thirds {margin-left:66.6666666667%;}
.offset-two-fifths {width:44%;}
.offset-three-fourths {margin-left:75%;}
.offset-full {margin-left:100%;}

.flickity-prev-next-button {width:55px; height:55px;}
.flickity-prev-next-button.previous {left:-70px;}
.flickity-prev-next-button.next {right:-70px;}
.spreads img {height:800px;}

.fixed-bg.bg-1 {background-image: url("../img/product-1.jpg");}
.fixed-bg {position: relative; min-height: 100%; background-attachment:scroll;}
.fixed-bg.contact {min-height: 300px; height: 300px;}
.fixed-bg h1, .fixed-bg h2 {font-size: 48px; font-weight: 300;}
.fixed-bg h3 {font-size: 36px;}
.scrolling-bg {padding: 4em 0 2em; font-size: 20px; font-size: 1.25rem; line-height: 2; font-weight: 300;}

footer {padding: 4em 0; font-size: 20px; font-size: 1.25rem; line-height: 2; font-weight: 300;}
}

@media only screen and (min-width: 969px) {
nav .main-menu ul li a img.social {display:inline-block; width: 30px; height: 30px; margin-bottom: -7px;}
}