@charset "utf-8";

/* AUTHOR: viner.com.au */
body,div,dl,dt,dd,p,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,blockquote,form{margin:0;padding:0;}
ul,ol{list-style:none;}
img,a img{border:none;display:block;}
*:link,*:visited{text-decoration:none;}
*:active,*:focus{outline:0;}
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;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}

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

@-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; } }
.fade-in { 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; }

/* LAYOUT
-------------------------------------------------------------------------------------------------*/
html 				{ overflow-y: scroll; }
body 				{ color: #111; font-family: "brandon-grotesque", sans-serif; font-size: 16px; line-height: 1; }
body.noscroll		{ overflow: hidden; }
.page-layout		{ min-width: 980px; }
.page-content 		{ margin: 0 auto; width: 1040px; }
.mob-header 		{ display: none; }
.mob-nav 			{ display: none; }

/* PAGE HEADER
-------------------------------------------------------------------------------------------------*/
.page-header				{ height: 100px; position: relative; }
.page-header .logo a 		{ display: block; height: 100px; margin: 0 auto; width: 400px; }
.page-header .logo a:hover	{ opacity: 0.8; }

.toolbar			{ font-size: 13px; font-weight: 500px; height: 50px; letter-spacing: 0.05em; line-height: 50px; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; }
.toolbar .left		{ float: left; padding: 0 20px; }
.toolbar .right		{ float: right; padding: 0 20px; text-align: right; }
.toolbar a			{ color: #111; padding: 0 6px; }
.toolbar a:hover	{ color: #a99a6f; }

.page-nav					{ height: 60px; }
.page-nav ul				{ height: 60px; margin: 0 auto; overflow: hidden; text-align: center; }
.page-nav ul li				{ display: inline-block; }
.page-nav ul li a 			{ color: #111; display: block; font-size: 14px; font-weight: 500; letter-spacing: 0.02em; line-height: 60px; padding: 0 15px; text-transform: uppercase; }
.page-nav ul li a:hover 	{ color: #a99a6f; }
.page-nav ul li.on a 		{ color: #a99a6f; }

.fixed-header		 		{ background-color: rgba(0,0,0,0.90); display: none; height: 50px; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; }
.fixed-header a.top			{ display: block; height: 50px; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; width: 50px; z-index: 1000; }
.fixed-header a.top:hover	{ opacity: 0.6;  }
.fixed-header .toolbar		{ color: #888; }
.fixed-header .toolbar a		{ color: #FFF; }
.fixed-header .toolbar a:hover	{ color: #a99a6f; }
.fixed-header .toolbar .left	{ float: left; padding: 0 20px; }
.fixed-header .toolbar .right	{ float: right; padding: 0 20px; text-align: right; }


/* PAGE BANNER
-------------------------------------------------------------------------------------------------*/
.page-banner						{ background: #f3f0e9 no-repeat center center; height: 440px; overflow: hidden; position: relative; text-align: center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.page-banner .banner-inner			{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 3; }
.page-banner .banner-inner:before 	{ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }

.page-banner .video 				{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.page-banner .video iframe 			{ position: absolute; top: -25%; left: 0; width: 100%; height: 100%; z-index: 1; }
.page-banner .video .banner-overlay	{ background-color: #f3f0e9; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; } 

html body .page-banner-full					{ height: auto; max-height: 700px; }
html body .page-banner-full .video iframe 	{ top: 0; }

.page-banner-full-image			{ height: 700px; }

.page-banner header				{ color: #FFF; display: inline-block; padding: 0 30px; text-transform: uppercase; vertical-align: middle; max-width: 700px; }
.page-banner header h1			{ font-size: 90px; font-weight: 700; line-height: 90px; }
.page-banner header span		{ display: block; font-size: 22px; font-weight: 500; line-height: 25px; margin: -50px 0 25px; }

.sub-nav						{ background-color: rgba(17,17,17,0.8); height: 16px; padding: 12px 0; position: absolute; top: 0; left: 0; right: 0; width: 100%; }
.sub-nav ul						{ height: 30px; overflow: hidden; text-align: center; }
.sub-nav ul li					{ display: inline-block; margin-right: -4px; }
.sub-nav ul li a 				{ border-right: 1px solid #666; color: #ddd; display: block; font-size: 13px; font-weight: 300; letter-spacing: 0.1em; line-height: 16px; padding: 0 19px 0 20px; text-transform: uppercase; }
.sub-nav ul li:last-child a 	{ border-right: none; }
.sub-nav ul li a:hover 			{ color: #a99a6f; }
.sub-nav ul li.on a 			{ color: #a99a6f; }

/* VEGAS BG SLIDESHOW
------------------------------------------------------------------------------------------------------------------------------------------------------*/
body.vegas-container{position:static;z-index:-2}
.vegas-overlay{background: transparent center center}
.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)}}

/* FOOTER
-------------------------------------------------------------------------------------------------*/
.page-footer 						{ background-color: #1b1b1b; padding: 60px 0; }
.page-footer div					{ margin: 0 auto; overflow: hidden; width: 1040px; }
.page-footer section				{ color: #FFF; float: left; font-size: 14px; font-weight: 300; line-height: 20px; margin-right: 40px; width: 230px; }
.page-footer section:last-child		{ margin-right: 0; }
.page-footer section strong			{ display: block; font-size: 15px; font-weight: 500; margin-bottom: -10px; }
.page-footer section p				{ color: #FFF; font-size: 14px; font-weight: 300; line-height: 20px; margin-bottom: 10px; }
.page-footer section em				{ color: #AAA; font-style: normal; }
.page-footer section a				{ color: #FFF; text-decoration: none; }
.page-footer section a:hover		{ color: #a99a6f; text-decoration: underline; }

.page-footer section a.instagram		{ color: #FFF; display: inline-block; margin-right: 10px; padding-left: 20px; opacity: 0.8; text-decoration: none }
.page-footer section a.instagram		{ background: url(/assets/images/icons/instagram.png) left center no-repeat; -webkit-background-size: 16px 16px; -o-background-size: 16px 16px; background-size: 16px 16px; }
.page-footer section a.facebook			{ color: #FFF; display: inline-block; margin-right: 10px; padding-left: 20px; opacity: 0.8; text-decoration: none }
.page-footer section a.facebook			{ background: url(/assets/images/icons/facebook.png) left center no-repeat; -webkit-background-size: 16px 16px; -o-background-size: 16px 16px; background-size: 16px 16px; }
.page-footer section a.instagram:hover	{ color: #a99a6f; }
.page-footer section a.facebook:hover	{ color: #a99a6f; }

.page-footer section form .input		{ background: #EEE; border: 1px solid #EEE; color: #000; font-size: 14px; height: 23px; margin-bottom: 6px; padding: 0 5px; width: 100%; }
.page-footer section form .input		{ webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-footer section form .input:focus,
.page-footer section form .input:hover	{ background: #FFF; border: 1px solid #a99a6f; color: #000; }
.page-footer section form .submit		{ background-color: #333; border: 1px solid #333; color: #FFF; cursor: pointer; display: block; font-size: 11px; height: 23px; letter-spacing: 1px; margin: 4px 0 7px; padding: 0 10px; }
.page-footer section form .submit:hover	{ background-color: #a99a6f; border: 1px solid #a99a6f; color: #FFF;  }

/* CONTENT
-------------------------------------------------------------------------------------------------*/
/*breadcrumb*/
.page-content .breadcrumb			{ color: #a99a6f; font-size: 12px; height: 40px; line-height: 40px; text-transform: uppercase; }
.page-content .breadcrumb span		{ padding: 0 5px; }
.page-content .breadcrumb a			{ color: #a99a6f; }
.page-content .breadcrumb a:hover	{ color: #111; text-decoration: none; }

/*layout*/
.page-content .content-block		{ margin: 40px auto; }
.page-content .content-block:after	{ clear: both; content: ""; display: table; }
.page-content .content-left			{ clear: both; float: left; margin: 0; overflow: hidden; width: 500px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-content .content-right		{ float: right; margin: 0; overflow: hidden; width: 500px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-content .full-width-text		{ margin: 0 auto; width: 720px; }
.page-content .content-block img	{ height: auto; margin-bottom: 20px; width: 100%; }

.page-content .image-hover-block 			{ background: no-repeat center center; height: 230px; margin: 20px 0; text-align: center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.page-content .image-hover-block a			{ background-color: rgba(0,0,0,0.1); color: #FFF; display: block; height: 100%; text-decoration: none; }
.page-content .image-hover-block a:before 	{ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
.page-content .image-hover-block div		{ display: inline-block; padding: 0 20px; vertical-align: middle; }
.page-content .image-hover-block strong		{ color: #FFF; display: block; font-size: 16px; font-weight: bold; letter-spacing: 0.05em; line-height: 25px; margin: -35px 0 10px; }
.page-content .image-hover-block h1			{ color: #FFF; font-weight: bold; letter-spacing: 0.05em; line-height: 40px; margin: 0; }
.page-content .image-hover-block span		{ color: #FFF; display: block; font-size: 16px; font-weight: bold; letter-spacing: 0.05em; line-height: 25px; margin: 10px 0 -35px; text-decoration: underline; }
.page-content .image-hover-block a:hover	{ background-color: rgba(169,154,111,0.85); color: #FFF; text-decoration: none; }

.page-content .three-column					{ border-bottom: 1px solid #DDD; padding: 20px 0; width: 100%; }
.page-content .three-column:after			{ clear: both; content: ""; display: table; }
.page-content .three-column	.col1			{ float: left; margin-right: 40px; width: 210px; }
.page-content .three-column	.col2			{ float: left; margin-right: 40px; width: 500px; }
.page-content .three-column	.col3			{ float: left; width: 250px; }
.page-content .three-column	.col3 a 		{ background-color: #FFF; border: 1px solid #a99a6f; display: block; font-size: 14px; font-weight: 500; letter-spacing: 1px; line-height: 22px; height: auto; padding: 10px 0; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; }
.page-content .three-column	.col3 a.image 			{ border: none; padding: 0; }
.page-content .three-column	.col3 a.image:before 	{ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
.page-content .three-column	.col3 a span			{ display: inline-block; padding: 0 30px; vertical-align: middle; }
.page-content .three-column	.col3 a img				{ margin: 0; position: absolute; top: 0; left: 0; }
.page-content .three-column	.col3 a:hover			{ background-color: #a99a6f; border: 1px solid #FFF; color: #FFF; text-decoration: none; }
.page-content .three-column	.col3 a:hover img		{ display: none; }
.page-content .three-column	.col3 a.image:hover 	{ border: none; }

.page-content .text-left			{ text-align: left; }
.page-content .text-right			{ text-align: right; }
.page-content .text-center			{ text-align: center; }

/*elements*/
.page-content h1			{ color: #111; font-size: 33px; font-weight: 500; line-height: 40px; margin: 0 0 20px; }
.page-content h2			{ color: #a99a6f; font-size: 16px; font-weight: 500; line-height: 20px; margin: 0 0 10px; text-transform: uppercase; }
.page-content h3			{ color: #111; font-size: 16px; font-weight: 700; line-height: 20px; margin: 0 0 5px; text-transform: uppercase; }
.page-content p				{ color: #111; font-size: 16px; line-height: 22px; margin: 0 0 20px; }
.content-block p:last-child,
.content-block ol:last-child,
.content-block ul:last-child,
.content-block img:last-child{ margin-bottom: 0; }
.page-content a				{ color: #a99a6f; text-decoration: underline; }
.page-content a:hover		{ color: #111; text-decoration: underline; }
.page-content .divider		{ background-color: #a99a6f; border: none; clear: both; color: #a99a6f; height: 1px; line-height: 1; margin: 0; overflow: hidden; width: 100%; }

/*lists*/
.page-content ul, 
.page-content ol			{ font-size: 16px; line-height: 22px; 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: 5px; }
.page-content ol li			{ margin-bottom: 10px; }

/*forms*/
.page-content form label				{ color: #111; display: block; font-size: 16px; line-height: 30px; }
.page-content form .input				{ background: #FFF; border: 1px solid #DDD; color: #333; font-size: 16px; height: 38px; line-height: 38px; margin-bottom: 10px; padding: 0 10px; width: 100%; }
.page-content form .input				{ webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-content form .input:focus,
.page-content form .input:hover			{ background: #FFF; border: 1px solid #a99a6f; color: #000; }
.page-content form .radio 				{ height: 38px; line-height: 38px; margin-bottom: 10px; }
.page-content form .radio label 		{ display: inline-block; margin-right: 10px; text-indent: 5px; }
.page-content form .radio span 			{ padding-left: 5px; }
.page-content form textarea				{ background: #FFF; border: 1px solid #EEE; color: #444; font-size: 16px; margin-bottom: 10px; padding: 0 5px; width: 100%; }
.page-content form textarea				{ webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page-content form textarea:focus,
.page-content form textarea:hover		{ background: #FFF; border: 1px solid #a99a6f; color: #000; }
.page-content form .submit				{ background-color: #a99a6f; border: 1px solid #a99a6f; color: #FFF; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; height: 38px; line-height: 38px; letter-spacing: 1px; margin: 15px 0 0; padding: 0 30px; }
.page-content form .submit:hover		{ background-color: #FFF; border: 1px solid #a99a6f; color: #a99a6f;  }

/* WINE CLUB
-------------------------------------------------------------------------------------------------*/
.four-boxes					{ padding: 0 15px; max-width: 2000px; width: auto; }
.four-boxes:after			{ clear: both; content: ""; display: table; }
.four-boxes .quarter-box	{ float: left; border: 15px solid #FFF; overflow: hidden; width: 25%; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* WINE CLUB
-------------------------------------------------------------------------------------------------*/
.login-box 			{ border: 1px solid #a99a6f; min-height: 330px; text-align: center; padding: 40px 80px; }
.login-box h1 		{ font-size: 22px; line-height: 1; margin-bottom: 15px; }
.login-box p 		{ font-size: 24px; line-height: 26px; margin: 40px 0; }
.login-box a 		{ background-color: #a99a6f; border: 1px solid #a99a6f; color: #FFF; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1px; line-height: 38px; padding: 0 30px; text-align: center; text-decoration: none; text-transform: uppercase; }
.login-box a:hover	{ background-color: #FFF; border: 1px solid #a99a6f; color: #a99a6f; text-decoration: none; }

.join-box 			{ background-color: #a99a6f; min-height: 330px; text-align: center; padding: 40px 80px; }
.join-box h1 		{ color: #FFF; font-size: 22px; line-height: 1; margin-bottom: 15px; }
.join-box p 		{ color: #FFF; font-size: 24px; line-height: 26px; margin: 40px 0; }
.join-box a 		{ background-color: #FFF; border: 1px solid #a99a6f; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1px; line-height: 38px; padding: 0 30px; text-align: center; text-decoration: none; text-transform: uppercase; }
.join-box a:hover	{ background-color: #a99a6f; border: 1px solid #FFF; color: #FFF; text-decoration: none; }

.wine-club-box 					{ background-color: #a99a6f; text-align: center; padding: 20px 20px 40px; }
.wine-club-box h1.heading		{ color: #FFF; font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.wine-club-box .image			{ margin: 10px auto 30px; height: auto; width: 300px; }
.wine-club-box .text			{ border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; color: #FFF; margin: 0 auto 30px; max-width: 580px; padding: 30px 0 10px; }
.wine-club-box .text *			{ color: #FFF; }
.wine-club-box a.button 		{ background-color: #FFF; border: 1px solid #a99a6f; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1px; line-height: 38px; padding: 0 30px; text-align: center; text-decoration: none; }
.wine-club-box a.button:hover	{ background-color: #a99a6f; border: 1px solid #FFF; color: #FFF; text-decoration: none; }

/* WEDDINGS
-------------------------------------------------------------------------------------------------*/
/*gallery*/
.gallery 				{ padding: 30px; width: auto; }
.gallery .breadcrumb	{ display: none; }
.gallery figure			{ padding: 30px 30px 0; }
.gallery figure img		{ height: auto; width: 100%; }
.gallery figcaption		{ color: #999; font-size: 12px; font-weight: 300; letter-spacing: 0.06em; line-height: 30px; min-height: 30px; }

#grid .column 							{ float: left; }
#grid .size-1of1 						{ width: 100%; }
#grid .size-1of2 						{ width: 50%; }
#grid .size-1of3 						{ width: 33.333%; }
#grid .size-1of4 						{ width: 25%; }
.gallery #grid:after					{ clear: both; content: ""; display: table; }
.gallery #grid[data-columns]::before 	{ content: '4 .column.size-1of4'; }
@media screen and (max-width: 480px){ .gallery #grid[data-columns]::before { content: '1 .column.size-1of1'; } }
@media screen and (min-width: 481px) and (max-width: 1400px) { .gallery #grid[data-columns]::before { content: '2 .column.size-1of2'; } }
@media screen and (min-width: 1401px) and (max-width: 1600px) { .gallery #grid[data-columns]::before { content: '3 .column.size-1of3'; } }

/*enquiry form*/


/* WHAT'S ON
-------------------------------------------------------------------------------------------------*/
.page-content .article 			{ margin-bottom: 40px; text-align: center; }
.page-content .article img 		{ margin-bottom: 20px; }
.page-content .article h3		{ font-size: 22px; line-height: 24px; margin-bottom: 15px; }
.page-content .article a 		{ background-color: #FFF; border: 1px solid #a99a6f; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1px; line-height: 38px; margin-bottom: 30px; padding: 0 30px; text-align: center; text-decoration: none; text-transform: uppercase; }
.page-content .article a:hover	{ background-color: #a99a6f; border: 1px solid #FFF; color: #FFF; text-decoration: none; }

/* MEDIA QUERIES
-------------------------------------------------------------------------------------------------*/
@media only screen and (max-height: 700px) {
	.page-banner-full-image { height: 600px }
}
@media screen and (min-width: 1400px) { 
	.page-banner .video iframe { top: -33%; }
	html body .page-banner-full .video iframe { top: -10%; }
}

@media screen and (min-width: 1024px) and (max-width: 1400px) { 
	.page-banner .video iframe { top: -15%; }
	.four-boxes							{ padding: 0 10px; }
	.four-boxes .quarter-box			{ border: 5px solid #FFF; margin: 10px 0; width: 25%; }
	.four-boxes .quarter-box h1			{ font-size: 26px; line-height: 32px; }
}

@media only screen and (min-width: 480px) and (max-width: 1100px) {
	.page-banner .video iframe { top: -10%; }
	
	.page-content					{ width: 940px; }
	.page-content .content-left 	{ width: 460px; }
	.page-content .content-right 	{ width: 460px; }
	.page-content .three-column	.col2	{  width: 400px; }
	
	.page-footer div				{ width: 940px; }
	.page-footer section			{ margin-right: 20px; width: 220px; }
	
	.four-boxes							{ padding: 0 5px; width: auto; }
	.four-boxes .quarter-box			{ border: 5px solid #FFF; margin: 5px 0; width: 25%; }
	.four-boxes .quarter-box h1			{ font-size: 22px; line-height: 28px; }
	.four-boxes .quarter-box strong		{ font-size: 14px; line-height: 20px; margin-bottom: 5px; }
	.four-boxes .quarter-box span		{ font-size: 14px; line-height: 20px; margin-top: 5px; }
	
	.gallery { padding: 15px 0; }
	.gallery figure { padding: 15px 15px 0; }
}

/* iPad - Portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {
	.page-layout					{ min-width: 760px; }
	.page-content					{ width: 740px; }
	.page-content .content-left 	{ width: 360px; }
	.page-content .content-right 	{ width: 360px; }
	.page-content .three-column	.col1		{ float: none; margin: 0; width: auto; }
	.page-content .three-column	.col1 br	{ display: none; }
	.page-content .three-column	.col2		{ width: 450px; }

	.page-footer div				{ width: 740px; }
	.page-footer section				{ margin: 0 50px 40px; width: 270px; }
	.page-footer section:last-child 	{ margin: 0 50px 40px; }
	
	.four-boxes							{ padding: 5px; width: auto; }
	.four-boxes .quarter-box			{ border: 5px solid #FFF; margin: 0; width: 50%; }
	.four-boxes .quarter-box h1			{ font-size: 26px; line-height: 32px; }
	
	.gallery { padding: 15px 0; }
	.gallery figure { padding: 15px 15px 0; }
}

/* Mobile Portrait @ 320px */
@media only screen and (max-width: 479px) {
	html 				{ overflow-y: visible; }
	.page-layout		{ min-width: 300px; padding: 51px 0 0; }
	.page-header		{ display: none; }
	.page-nav			{ display: none; }
	.fixed-header		{ display: none !important; }
	
	.mob-header				{ background-color: #FFF; border-bottom: 1px solid #a99a6f; display: block; position: fixed; top: 0; left: 0; height: 50px; width: 100%; z-index: 999; }
	.mob-header .logo 		{ color: #111; font-size: 20px; height: 50px; margin: 0 auto; text-align: center; width: 220px; }
	.mob-header .logo a		{ display: block; height: 100%; width: 100%; }
	.mob-header .logo img	{ display: block; height: 100%; width: 100%; }
	
	.mob-header .mob-cart				{ background: #EEE url(/assets/images/icons/cart-mob.png) no-repeat center center; display: block; height: 30px; margin: 0; overflow: hidden; position: absolute; top: 10px; left: 10px; width: 30px; }
	.mob-header .mob-cart				{ -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.mob-header #mob-nav-toggle 		{ cursor: pointer; height: 30px; position: absolute; top: 10px; right: 5px; width: 40px; }
	.mob-header #mob-nav-toggle span  	{ display: block; margin: 10px auto; width: 20px; }
	.mob-header #mob-nav-toggle span em { background-color: #111; display: block; height: 1px; margin-top: 4px; }
	.mob-header #mob-nav-toggle .close  { color: #111; display: none; font-size: 17px; line-height: 22px; margin: 5px auto; text-align: center; }

	.mob-nav 					{ background-color: #FFF; display: none; font-size: 15px; letter-spacing: 0.05em; overflow-y: auto; position: fixed; top: 51px; left: 0; bottom: 0; right: 0; text-transform: uppercase; width: 100%; z-index: 999; }
	.mob-nav ul li a 			{ border-bottom: 1px solid #CCC; color: #000; display: block; font-weight: 500; height: 49px; line-height: 49px; overflow: hidden; padding: 0 15px; position: relative; }
	.mob-nav ul li.toggle		{ position: relative; }
	.mob-nav ul li em			{ font-family: sans-serif; font-size: 20px; font-style: normal; opacity: 0.5; position: absolute; right: 19px; }
    .mob-nav ul li.on>a         { color: #a99a6f; }
    
	.mob-nav ul ul				{ display: none; }
	.mob-nav ul li.on ul		{ display: block; }
	.mob-nav li ul li 			{ background-color: #F9F9F9; font-size: 13px; }
	.mob-nav li ul li a			{ border-bottom: 1px solid #DDD; color: #222; font-weight: 400; }
	.mob-nav li ul li a.lvl3	{ color: #444; font-weight: 300; text-indent: 20px; }
	.mob-nav li.on ul li.on a 	{ color: #a99a6f; }
	
	.page-banner 				{ height: 200px; }
	.page-banner header			{ padding: 0 20px; }
	.page-banner header h1		{ font-size: 26px; line-height: 30px; }
	.page-banner header span	{ font-size: 16px; line-height: 20px; margin: -25px 0 5px; }
	.page-banner .sub-nav		{ display: none; }
	.breadcrumb 				{ display: none; }
	
	.banner-video { height: auto; }
	.page-banner .video iframe { top: 0%; }
	html body .page-banner-full .video iframe { top: 0%; }
	
	.page-footer div			{ padding: 0 20px; width: auto; }
	.page-footer section		{ border-bottom: 1px solid #333; float: none; margin: 0 0 15px; width: auto; }
	.page-footer section a		{ text-decoration: underline; }
	.page-footer section form .input	{ height: 33px; margin-bottom: 10px; }
	.page-footer section form .submit	{ height: 33px; letter-spacing: 1px; margin: 5px 0 20px; padding: 0 20px; }

	.page-content						{ padding: 0 20px; width: auto; }	
	.page-content .content-block		{ margin: 20px auto; }
	.page-content .content-left 		{ float: none; margin-bottom: 20px; width: 100%; }
	.page-content .content-right 		{ float: none; width: 100%; }
	.page-content .full-width-text		{ width: 100%; }
	
	.page-content .three-column	.col1		{ float: none; margin: 0 0 10px; width: auto; }
	.page-content .three-column	.col1 br	{ display: none; }
	.page-content .three-column	.col2		{ float: none; margin: 0 0 10px; width: auto; }
	.page-content .three-column	.col3		{ float: none; margin: 0; width: auto; }
	.page-content .three-column	.col3 a.image		{ height: auto !important; }
	.page-content .three-column	.col3 a.image span	{ padding: 10px; text-decoration: underline; }
	.page-content .three-column	.col3 a.image img	{ position: relative; top: auto; left: auto; }
	.page-content .three-column	.col3 a.image:hover	{ background-color: transparent; color: #a99a6f; }
	.page-content .three-column	.col3 a.image:hover img	{ display: block; }
	
	.page-content h1	{ font-size: 20px; line-height: 22px; margin: 0 0 15px; }
	.page-content h1 br	{ display: none; }
	.page-content h2	{ font-size: 15px; line-height: 18px; }
	.page-content h3	{ font-size: 15px; line-height: 18px; }
	.page-content p		{ font-size: 15px; line-height: 18px; margin: 0 0 15px; }
	.page-content ul, 
	.page-content ol	{ font-size: 15px; line-height: 18px; margin: 0 0 15px 20px; }
	.page-content .image-hover-block h1	{ font-size: 25px; line-height: 30px; margin: 0; }
	
	.four-boxes							{ padding: 5px; width: auto; }
	.four-boxes .quarter-box			{ border: 5px solid #FFF; height: 180px; margin: 0; width: 100%; }
	.four-boxes .quarter-box h1			{ font-size: 22px; line-height: 28px; }
	.four-boxes .quarter-box strong		{ font-size: 14px; line-height: 20px; margin-bottom: 5px; }
	.four-boxes .quarter-box span		{ font-size: 14px; line-height: 20px; margin-top: 5px; }
	
    .gallery { padding: 20px; }
	.gallery .breadcrumb { display: block; }
	.gallery figure { padding: 0; }
	
	.login-box 			{ min-height: 100px; padding: 20px; }
	.join-box 			{ min-height: 100px;padding: 20px; }
	
	.wine-club-box h1.heading		{ font-size: 20px; line-height: 22px; }
	.wine-club-box .image			{ width: 200px; }
}

/* High DPI 2x+ */
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.page-header .logo a { background-image: url(/assets/images/logo/swings-roundabouts-2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.page-header .logo img { display: none; }
	.fixed-header a.top { background-image: url(/assets/images/logo/swings-symbol-2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.fixed-header a.top img { display: none; }
	.mob-header .logo a { background-image: url(/assets/images/logo/swings-roundabouts-mob-2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.mob-header .logo img { display: none; }
}

/* High DPI 1.5x+ */
@media screen and (max-width: 767px) and ( min-device-pixel-ratio: 1.5),
screen and (max-width: 767px) and ( -webkit-min-device-pixel-ratio: 1.5),
screen and (max-width: 767px) and ( -o-min-device-pixel-ratio: 3/2) {
	.page-header .logo a { background-image: url(/assets/images/logo/swings-roundabouts-2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.page-header .logo img { display: none; }
	.fixed-header a.top { background-image: url(/assets/images/logo/swings-symbol-2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.fixed-header a.top img { display: none; }
	.mob-header .logo a { background-image: url(/assets/images/logo/swings-roundabouts-mob-2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
	.mob-header .logo img { display: none; }
}