@charset "utf-8";
html{font-family:sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body,div,dl,dt,dd,p,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,blockquote,form{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}
ul,ol{list-style:none;}
img,a img{border:none;}
a:link,a:visited{background:transparent;text-decoration:none;}
a:active,a:hover {outline:0;}
a[x-apple-data-detectors]{color:inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }
table{border-collapse:collapse;border-spacing:0;}
label,button{cursor:pointer;}
input,textarea,select{font-family:inherit;font-size:inherit;padding:0;margin:0;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input, textarea, button, select, label, a { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: transparent; }
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}
button, input[type=submit], input[type=password] { -webkit-appearance: none;-moz-appearance: none; appearance: none; border-radius: 0; }
textarea, input[type=text], input[type=email], input[type=tel], input[type=url], input[type=search] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }

::-moz-selection { background-color: #997868; color: #FFF; }
::selection { background-color: #997868; color: #FFF; }

* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fadein { opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;animation-duration:0.5s; }
.hidden { opacity: 0; }
.inview { opacity: 1; -webkit-transition: opacity 800ms; -o-transition: opacity 800ms; transition: opacity 800ms; }

html 			{ }
body 			{ background-color: #FFF; color: #111; font-family: "Graphik", sans-serif; font-size: 16px; line-height: 1; }
body.noscroll 	{ overflow: hidden; }
.outer 			{ height: 100%; margin: 0 auto; max-width: 1600px; padding: 0 40px; }
.inner 			{ margin: 0 auto; max-width: 1320px; padding: 0 40px; }
.clear:after	{ clear: both; content: ""; display: table; }
.half 			{ width: 50%; }

/* CONTENT
-------------------------------------------------------------------------------------------------*/
h1 { color: #111; font-size: 75px; font-family: "Canela", serif; font-weight: 100; letter-spacing: 0.01em; line-height: 1.15; margin: 0 0 20px; }
h2 { color: #111; font-size: 50px; font-family: "Canela", serif; font-weight: 300; letter-spacing: 0.01em; line-height: 1.3; margin: 0 0 20px; }
h3 { color: #111; font-size: 36px; font-family: "Canela", serif; font-weight: 300; letter-spacing: 0.01em; line-height: 1.4; margin: 0 0 20px; }
h4 { color: #111; font-size: 33px; font-family: "FoundersRegular", sans-serif; font-weight: normal; letter-spacing: -0.03em; line-height: 1.1; margin: 0 0 20px; }
h5 { color: #111; font-size: 16px; font-family: "FoundersMedium", sans-serif; font-weight: normal; letter-spacing: 0.15em; line-height: 1.1; margin: 0 0 15px; text-transform: uppercase; }
h5+h1 { margin-top: 20px; }

body.vegas-container{ position:static; z-index:-2; }
.vegas-overlay{ background: rgba(0,0,0,0.15); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); }
.vegas-overlay,.vegas-slide,.vegas-slide-inner,.vegas-timer,.vegas-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;border:none;padding:0;margin:0}.vegas-timer{top:auto;bottom:0;height:2px}.vegas-timer-progress{width:0;height:100%;background:#fff;-webkit-transition:width ease-out;transition:width ease-out}.vegas-timer-running .vegas-timer-progress{width:100%}.vegas-slide,.vegas-slide-inner{margin:0;padding:0;background:center center no-repeat;-webkit-transform:translateZ(0);transform:translateZ(0)}body .vegas-container{overflow:hidden!important;position:relative}.vegas-video{min-width:100%;min-height:100%;width:auto;height:auto}
body.vegas-container>.vegas-overlay,body.vegas-container>.vegas-slide,body.vegas-container>.vegas-timer{position:fixed;z-index:-1}:root body.vegas-container>.vegas-overlay,:root body.vegas-container>.vegas-slide,_::full-page-media,_:future{bottom:-76px}.vegas-transition-fade,.vegas-transition-fade2{opacity:0}.vegas-transition-fade-in,.vegas-transition-fade2-in{opacity:1}.vegas-transition-fade2-out{opacity:0}.vegas-transition-blur,.vegas-transition-blur2{opacity:0;-webkit-filter:blur(32px);filter:blur(32px)}.vegas-transition-blur-in,.vegas-transition-blur2-in{opacity:1;-webkit-filter:blur(0);filter:blur(0)}.vegas-transition-blur2-out{opacity:0}.vegas-transition-flash,.vegas-transition-flash2{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-flash-in,.vegas-transition-flash2-in{opacity:1;-webkit-filter:brightness(1);filter:brightness(1)}.vegas-transition-flash2-out{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-negative,.vegas-transition-negative2{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-negative-in,.vegas-transition-negative2-in{opacity:1;-webkit-filter:invert(0);filter:invert(0)}.vegas-transition-negative2-out{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-burn,.vegas-transition-burn2{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-burn-in,.vegas-transition-burn2-in{opacity:1;-webkit-filter:contrast(100%) saturate(100%);filter:contrast(100%) saturate(100%)}.vegas-transition-burn2-out{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-slideLeft,.vegas-transition-slideLeft2{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideLeft-in,.vegas-transition-slideLeft2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideLeft2-out,.vegas-transition-slideRight,.vegas-transition-slideRight2{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.vegas-transition-slideRight-in,.vegas-transition-slideRight2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideRight2-out{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideUp,.vegas-transition-slideUp2{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-slideUp-in,.vegas-transition-slideUp2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown,.vegas-transition-slideDown2,.vegas-transition-slideUp2-out{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.vegas-transition-slideDown-in,.vegas-transition-slideDown2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown2-out{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-zoomIn,.vegas-transition-zoomIn2{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-zoomIn-in,.vegas-transition-zoomIn2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomIn2-out,.vegas-transition-zoomOut,.vegas-transition-zoomOut2{-webkit-transform:scale(2);transform:scale(2);opacity:0}.vegas-transition-zoomOut-in,.vegas-transition-zoomOut2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomOut2-out{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-swirlLeft,.vegas-transition-swirlLeft2{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-swirlLeft-in,.vegas-transition-swirlLeft2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlLeft2-out,.vegas-transition-swirlRight,.vegas-transition-swirlRight2{-webkit-transform:scale(2) rotate(-35deg);transform:scale(2) rotate(-35deg);opacity:0}.vegas-transition-swirlRight-in,.vegas-transition-swirlRight2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlRight2-out{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-animation-kenburns{-webkit-animation:kenburns ease-out;animation:kenburns ease-out}@-webkit-keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.vegas-animation-kenburnsUp{-webkit-animation:kenburnsUp ease-out;animation:kenburnsUp ease-out}@-webkit-keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDown{-webkit-animation:kenburnsDown ease-out;animation:kenburnsDown ease-out}@-webkit-keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsLeft{-webkit-animation:kenburnsLeft ease-out;animation:kenburnsLeft ease-out}@-webkit-keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsRight{-webkit-animation:kenburnsRight ease-out;animation:kenburnsRight ease-out}@-webkit-keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpLeft{-webkit-animation:kenburnsUpLeft ease-out;animation:kenburnsUpLeft ease-out}@-webkit-keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpRight{-webkit-animation:kenburnsUpRight ease-out;animation:kenburnsUpRight ease-out}@-webkit-keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownLeft{-webkit-animation:kenburnsDownLeft ease-out;animation:kenburnsDownLeft ease-out}@-webkit-keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownRight{-webkit-animation:kenburnsDownRight ease-out;animation:kenburnsDownRight ease-out}@-webkit-keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}

.page-content a				{ color: #111; text-decoration: underline; }
.page-content a:hover		{ opacity: 0.7; text-decoration: underline; }
.page-content a:hover,
.page-content button:hover  { -moz-transition: opacity .1s ease-out; -o-transition: opacity .1s ease-out; -webkit-transition: opacity .1s ease-out; transition: opacity .1s ease-out; }

a[href^="tel:"] { text-decoration: none; }

.page-content a.button		{ background: url("/assets/images/arrow-black.svg") no-repeat 92% center; background-size: 15px; border: 1px solid #111; box-sizing: border-box; color: #111; display: inline-block; font-family: "Graphik", sans-serif; font-size: 16px; line-height: 60px; padding: 0 60px 0 20px; text-align: left; text-decoration: none; }
.page-content a.button:hover{ background-color: #111; background-image: url("/assets/images/arrow-white.svg"); color: #FFF; opacity: 1; text-decoration: none; transition: all .1s ease-out; }

.page-content p				{ font-size: 18px; line-height: 1.5; margin: 0 0 20px; }
.page-content ul, 
.page-content ol			{ font-size: 18px; line-height: 1.5; margin: 0 0 20px 20px; }
.page-content ul ul,
.page-content ul ol,
.page-content ol ol,
.page-content ol ul 		{ font-size: 100%; margin: 5px 0 5px 20px; }
.page-content ul 			{ list-style-type: disc; }
.page-content ul ul 		{ list-style-type: circle; }
.page-content ul ul ul 		{ list-style-type: square; }
.page-content ol 			{ list-style-type: decimal; }
.page-content ol ol 		{ list-style-type: lower-alpha;	}
.page-content ol ol ol		{ list-style-type: lower-roman; }
.page-content li			{ margin-bottom: 10px; }

.page-content h1:last-child,
.page-content h2:last-child,
.page-content h3:last-child,
.page-content h4:last-child,
.page-content h5:last-child,
.page-content h6:last-child,
.page-content p:last-child,
.page-content ol:last-child,
.page-content ul:last-child,
.page-content figure:last-child,
.page-content h1:only-child,
.page-content h2:only-child,
.page-content h3:only-child,
.page-content h4:only-child,
.page-content h5:only-child,
.page-content h6:only-child,
.page-content p:only-child,
.page-content ol:only-child,
.page-content ul:only-child,
.page-content figure:only-child { margin-bottom: 0; }

form { margin: 20px 0; }
fieldset { border: none; margin: 0; padding: 0; }
label { display: block; color: #999; font-size: 15px; font-family: "FoundersMedium", sans-serif; font-weight: normal; letter-spacing: 0.15em; line-height: 1.1; margin: 0 0 15px; text-transform: uppercase; }
input { background: #FFF; border: 1px solid #DDD; color: #444; display: block; font-size: 16px; height: 60px; margin-bottom: 20px; padding: 0 10px; width: 100%; box-sizing: border-box; }
select { background: #FFF; border: 1px solid #DDD; color: #444; display: block; font-size: 16px; height: 60px; margin-bottom: 20px; padding: 0 10px; width: 100%; box-sizing: border-box; }
textarea { background: #FFF; border: 1px solid #DDD; color: #444; display: block; font-size: 16px; height: 120px; margin-bottom: 20px; padding: 10px; width: 100%; box-sizing: border-box; }
input:focus,
input:hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover { background: #FFF; border: 1px solid #111; color: #111; outline-style: none; box-shadow: none; }

.checkbox { color: #111; font-family: "Graphik", sans-serif; font-size: 15px; letter-spacing: 0; line-height: 1; margin: 0; text-transform: none; }
.checkbox input { border: none; display: inline-block; font-size: 15px; height: 30px; margin: 0; padding: 0; width: 15px; box-sizing: border-box; }
.checkbox span { padding: 10px; }

form button { background: #111 url("/assets/images/arrow-white.svg") no-repeat 92% center; background-size: 15px; border: 1px solid #111; box-sizing: border-box; color: #FFF; display: inline-block; font-family: "Graphik", sans-serif; font-size: 16px; line-height: 60px; padding: 0 60px 0 20px; text-align: left; text-decoration: none; width: 100%; }
form button:hover { background-color: #FFF; background-image: url("/assets/images/arrow-black.svg"); color: #111; }
form button:disabled,
form button.disabled{ opacity: 0.8; cursor: default; }

input#hnypt { display: none; }

.close { cursor: pointer; width: 28px; height: 28px; opacity: 1; position: relative; padding: 10px; }
.close:before, 
.close:after { position: absolute; left: 23px; content: ' '; height: 29px; width: 2px; background-color: #111; }
.close:before { transform: rotate(45deg); }
.close:after { transform: rotate(-45deg); }
.close:hover { opacity: 0.5; }

.pagination { padding: 30px; text-align: center; }
.pagination span { background-color: rgba(0,0,0,0.05); color: rgba(0,0,0,0.5); display: inline-block; font-size: 14px; line-height: 30px; margin: 5px; width: 30px; }
.pagination a { background-color: rgba(0,0,0,0.05); color: #111; display: inline-block; line-height: 30px; text-decoration: none; width: 30px; }
.pagination a:hover { opacity: 0.75; text-decoration: none; }

/* HEADER
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-header { border-bottom: 1px solid rgba(0,0,0,0.2); color: #111; height: 130px; width: 100%; position: fixed; top: 0; left: 0; z-index: 999; transition: background-color 150ms ease-out; }
.page-header a { -moz-transition: opacity .1s ease-out; -o-transition: opacity .1s ease-out; -webkit-transition: opacity .1s ease-out; transition: opacity .1s ease-out; }
.page-header a { color: #111; }
.page-header a:hover { opacity: 0.7; }

.page-header .top { line-height: 30px; padding: 25px 0 10px; position: relative; display: flex; justify-content: space-between; font-family: "FoundersRegular", sans-serif; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; }
.page-header .top a.logo { display: block; height: 30px; width: 200px; margin: 0 auto; position: absolute; top: 25px; left: 0; right: 0; }
.page-header .top a.logo svg { height: 100%; width: auto; }
.page-header .top a.logo:hover { opacity: 0.7; }
.page-header .top-left a { display: inline-block; margin-right: 15px; line-height: 15px; }
.page-header .top-left svg { display: block; float: left; height: 15px; margin: 0 7px 0 0; }
.page-header .top-right a { display: inline-block; margin-left: 15px; line-height: 30px; }
.page-header .top-right svg { display: block; float: left; height: 15px; margin: 0 7px 0 0; padding: 7px 0 8px; }
.page-header #cart-count { background-color: rgba(0,0,0,0.05); display: inline-block; font-size: 12px; letter-spacing: 0; height: 30px; width: 30px; border-radius: 50%; margin: 0 0 0 5px; text-align: center; text-decoration: none; }

.page-nav>.inner { display: flex; }
.page-nav .nav-item { border-bottom: 1px solid transparent; padding: 5px 0 15px; text-align: center; width: 33.33%; }
.page-nav .nav-item:hover { border-color: #111; transition: border-color 150ms ease-out; }
.page-nav strong { display: block; font-family: "FoundersMedium", sans-serif; font-size: 12px; letter-spacing: 0.06em; line-height: 30px; text-transform: uppercase; }
.page-nav ul { display: flex; justify-content: center; text-align: center; font-family: "FoundersRegular", sans-serif; font-size: 12px; letter-spacing: 0.06em; line-height: 15px; text-transform: uppercase; }
.page-nav ul li { display: block; position: relative; }
.page-nav ul li+li::before { position: absolute; top: 0; left: 0; content: ""; border-left: 1px solid rgba(0,0,0,0.2); height: 100%; width: 0; }
.page-nav ul li a { display: block; padding: 0 10px; position: relative; }
.page-nav ul li a:hover { text-decoration: underline; }

.page-sub-nav { background-color: #FFF; border-bottom: 1px solid rgba(0,0,0,0.2); display: none; position: absolute; top: 131px; left: 0; height: 400px; width: 100%; z-index: 998; }
.page-sub-nav-bg { background-color: #FFF; display: none; position: absolute; top: 131px; left: 0;height: 400px; width: 100%; z-index: 997; }
.page-sub-nav .inner { display: flex; }
.page-sub-nav .inner>div { padding: 20px 0; text-align: left; width: 33.33%; }
.page-sub-nav strong { letter-spacing: 0.1em; line-height: 40px; padding-top: 10px; }
.page-sub-nav .block a { display: block; padding: 20px; }
.page-sub-nav .block img { height: auto; width: 100%; }
.page-sub-nav .block strong { line-height: 30px; }
.page-sub-nav .block span { display: block; font-size: 18px; font-family: "Canela", serif; font-weight: 300; letter-spacing: 0.01em; line-height: 1.4; }
.page-sub-nav .links a { color: #444; display: inline-block; font-size: 15px; font-family: "Graphik", sans-serif; line-height: 1.6; padding: 3px 0; }
.page-sub-nav .links a:hover { text-decoration: underline; }

.page-header .hamburger { position: absolute; top: 0; left: 0; display: none; line-height: 1; height: 20px; padding: 22px 20px; }
.hamburger { background-color: transparent; border: 0; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; overflow: visible; } 
.hamburger-box { width: 25px; height: 20px; display: inline-block; position: relative; }
.hamburger-inner { display: block; top: 50%; }
.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after { width: 25px; height: 2px; background-color: #111; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before,
.hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before { top: -8px; }
.hamburger-inner::after { bottom: -8px; }
.hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger-active .hamburger-inner { transform: rotate(45deg);  transition-delay: 0.12s;  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

body.header-white .page-header { background-color: transparent; border-bottom: 1px solid rgba(255,255,255,0.2); color: #FFF; }
body.header-white .page-header a { color: #FFF; }
body.header-white svg { fill: #FFF; }
body.header-white .page-nav .nav-item:hover { border-color: #FFF; }
body.header-white ul li+li:before { border-left: 1px solid rgba(255,255,255,0.2); }
body.header-white .page-header #cart-count { background-color: rgba(255,255,255,0.2); }
body.header-white .hamburger-inner, 
body.header-white .hamburger-inner::before, 
body.header-white .hamburger-inner::after { background-color: #FFF; }

.page-header-on { background-color: #FFF; }

/* MOB NAV
------------------------------------------------------------------------------------------------------------------------------------------------------*/
body.mob-nav-active	{ overflow: hidden; }
body.mob-nav-active .page-header { background-color: #F2F0E8; }

.mob-nav { display: none; background-color: #F2F0E8; overflow-y: auto; z-index: -1; position: fixed; top: 66px; left: 0; bottom: 0; right: 0; width: 100%; z-index: 999; }
.mob-nav ul { font-family: "Canela", serif; font-weight: 100; letter-spacing: 0.01em; line-height: 1.2; padding: 20px 25px; }
.mob-nav ul li a { color: #111; display: block; font-size: 22px; padding: 10px 0; position: relative; }
.mob-nav ul.icons { padding-top: 0; }
.mob-nav ul.icons li a { font-family: "FoundersRegular", sans-serif; font-size: 13px; font-weight: normal; letter-spacing: 0.06em; line-height: 25px; text-transform: uppercase; }
.mob-nav ul.icons li svg { display: block; float: left; height: 15px; margin: 0 10px 0 0; padding: 5px 0; }
.mob-nav ul>li.on>a { color: #888; }

/* FOOTER
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-footer { background-color: #F2F0E8; }
.page-footer h5 { margin-bottom: 30px; }
.page-footer p { color: #111; font-size: 16px; line-height: 1.6; margin-bottom: 30px; }
.page-footer p:last-child { margin: 0; }
.page-footer p a { color: #111; text-decoration: underline; }
.page-footer p a:hover { opacity: 0.7; transition: opacity .1s ease-out; }

.footer-stamp { padding: 15vh 0; text-align: center; }
.footer-stamp a { display: inline-block; margin: 0 auto; text-decoration: none; }
.footer-stamp a:hover .stamp-text { animation: stampSpin 5s linear infinite; transform-origin: 50% 50%; }
@keyframes stampSpin { 100% { transform: rotate(360deg); } }

.footer-columns { border-top: 1px solid rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0,0,0,0.05); padding: 60px 0; }
.footer-columns .outer { display: flex; justify-content: space-between; }
.footer-columns .third { width: 400px; }

.footer-links { text-align: center; }
.footer-links a { display: inline-block; padding: 2px 0; }
.footer-links .social a { display: inline-block; padding: 0 10px; text-decoration: none; }

.footer-clinic .clinics { margin-bottom: 20px; max-width: 400px; }
.footer-clinic .clinics p.location { margin: 0 0 5px; }
.footer-clinic .clinics div { display: flex; justify-content: space-between; margin: 0 0 30px; }
.footer-clinic .clinics div p { margin: 0; width: 40%; }
.footer-clinic .clinics div p:first-child { width: 55%; }

.page-footer p.footer-text { font-size: 14px; letter-spacing: 0.05em; padding: 40px; text-align: center; text-transform: uppercase; }

/* MEDIA QUERIES
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:1400px) {
	h1 { font-size: 65px; }
	h2 { font-size: 40px; }
	h3 { font-size: 30px; }
	h4 { font-size: 25px; }
	h5 { font-size: 15px; }
	.page-content p,
	.page-content ul, 
	.page-content ol { font-size: 16px; }
	.page-footer h5 { font-size: 14px; }
	.page-footer p { font-size: 14px; }
	.page-footer p.footer-text { font-size: 13px; }
	.page-content a.button { font-size: 15px; }
}

@media (max-width:1200px) {
	.outer { padding: 0 20px; }
	.inner { padding: 0 20px; }
	h1 { font-size: 55px; }
	h2 { font-size: 35px; }
	h3 { font-size: 26px; }
	h4 { font-size: 22px; }
	h5 { font-size: 14px; }
	.page-content p,
	.page-content ul, 
	.page-content ol { font-size: 15px; }
	.page-content a.button { font-size: 14px; }
	form label { font-size: 14px; }
	form input,
	form select,
	form textarea { font-size: 15px; }
	form input,
	form select { height: 50px; }
	form button { font-size: 15px; }
	.footer-stamp { padding: 100px 20px; }
	.footer-stamp svg { height: 80px; width: 80px; }
	.page-footer h5 { margin-bottom: 20px; }
	.page-footer p { margin-bottom: 20px; }
	.footer-columns { border-top: none; padding: 0; }
	.footer-columns .outer { flex-direction: column; padding: 0; }
	.footer-columns .third { border-top: 1px solid rgba(0,0,0,0.05); padding: 30px 20px; width: auto; }
	.footer-links { text-align: left; }
}

@media (max-width:1000px) {
	.page-header { height: 65px; }
	.page-header .outer { padding: 0; }
	.page-header .top { display: block; height: 25px; padding: 20px 0; }
	.page-header .top-left { padding-left: 70px; }
	.page-header .top-left a svg { padding: 4px; height: 18px; width: 18px; }
	.page-header .top-left a span { display: none; }
	.page-header .top-right { position: absolute; top: 0; right: 0; padding: 0; }
	.page-header .top-right .icon-booking { display: none; }
	.page-header .top-right a svg { padding: 4px; height: 18px; width: 18px; }
	.page-header .top-right a.header-cart { padding: 18px; }
	.page-header .top a.logo { height: 25px; width: 167px; top: 20px; }
	.page-header .page-nav { display: none; }
	.page-header a.logo { height: 20px; width: 120px; margin: 30px auto 0; }
	.page-header .hamburger { display: block; }
}

@media (max-width:800px) {
	h1 { font-size: 50px; }
	h2 { font-size: 32px; }
	h3 { font-size: 23px; }
	h4 { font-size: 20px; }
	h5 { line-height: 1.3; }
	.page-header .top-left { display: none; }
	.page-header .header-cart .cart { display: none; }
	.page-header .top-right a svg { margin-right: 3px; }
	.footer-links a { padding: 5px 0; }
}

@media (max-width:600px) {
	h1 { font-size: 40px; }
	h2 { font-size: 30px; }
	h3 { font-size: 22px; }
	.page-header .top a.logo { height: 20px; width: 134px; top: 23px; }
}

@media (max-width:400px) {
	h1 { font-size: 33px; }
	h2 { font-size: 28px; }
	h3 { font-size: 20px; }
	h5 { font-size: 13px; }
	.page-header .top-right a svg { display: none; }
	.page-content a.button { font-size: 13px; padding: 0 30px 0 15px; width: 100%; }
	.page-footer h5 { font-size: 13px; }
	.page-footer p { font-size: 13px; }
	.page-footer p.footer-text { font-size: 11px; padding: 20px; }
	.footer-clinic .clinics div { display: block; }
	.footer-clinic .clinics p { width: 100%; }
	}