@font-face{
	font-family:'Verlag Light';
	font-style:normal;
	font-weight:normal;
	src:local('Verlag Light'), url('Verlag-Light.woff') format('woff')}
@font-face{font-family:'Verlag Light';
	font-style:normal;
	font-weight:bold;
	src:local('Verlag Bold'), url('Verlag-Bold.woff') format('woff')}
@font-face{font-family:'Verlag Light';
	font-style:italic;
	font-weight:normal;
	src:local('Verlag Light Italic'), url('Verlag-LightItalic.woff') format('woff')}
@font-face{font-family:'Brandon';
	font-style:normal;
	font-weight:normal;
	src:local('Brandon Grotesque Regular'), url('Brandon_reg.woff') format('woff')}
@font-face{font-family:'Brandon';
	font-style:normal;
	font-weight:bold;
	src:local('Brandon Grotesque Bold'), url('Brandon_bold.woff') format('woff')}
html{
	*font-family:sans-serif;
	overflow:hidden;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%}
body{
	margin:0;
	font-family:'Verlag Light','Brandon', Arial;
	font-size:1.2rem;
	font-style:normal;
	color:#000;
	line-height:1.375rem;
	-webkit-font-smoothing:subpixel-antialiased;
	overflow-x:hidden;
	overflow-y:auto;
	*min-width:320px;
	backface-visibility:hidden;
	background:#eee}
body,html{
	width:100%;
	height:100%}
body *,body input[type],body:after,body:before{box-sizing:border-box}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
audio,canvas,progress,video{
	display:inline-block;
	vertical-align:baseline}
audio:not([controls]){
	display:none;
	height:0}
a{background:0 0}
a:active,a:hover{outline:0}
b,strong{font-weight:700}
.small{font-size:90%}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
table{
	border-collapse:collapse;
	border-spacing:0}
td,th{padding:0}
.category{
	font-size:0.9rem;
	font-weight:bold;
	color:gray;
	letter-spacing:2px;
	text-align:center;
	text-transform:uppercase}
@media (max-width:640px){.category{font-size:0.8rem}}
@media (max-width:480px){.category{font-size:0.7rem}}

.h1,.h2,.h3,.h4,h1,h2,h3,h4,h5{
	*margin:2rem 0 0 0;
	font-family:'Brandon';
	font-weight:bold;
	color:#af7a45}/*#8a5f3c*/
.h1:first-child,.h1:only-child,.h2:first-child,.h2:only-child,.h3:first-child,.h3:only-child,.h4:first-child,.h4:only-child,h1:first-child,h1:only-child,h2:first-child,h2:only-child,h3:first-child,h3:only-child,h4:first-child,h4:only-child,h5:first-child,h5:only-child{margin-top:0}
.h1:last-child,.h1:only-child,.h2:last-child,.h2:only-child,.h3:last-child,.h3:only-child,.h4:last-child,.h4:only-child,h1:last-child,h1:only-child,h2:last-child,h2:only-child,h3:last-child,h3:only-child,h4:last-child,h4:only-child,h5:last-child,h5:only-child{margin-bottom:0}
.h1,h1{
	font-size:2.5rem;
	line-height:4rem}
.h2,h2{
	font-size:2.25rem;
	line-height:2.5rem;
	margin-bottom:1rem}
.h3,h3{
	font-size:1.875rem;
	line-height:2.25rem;
	margin-bottom:0.75rem}
.h4,h4{
	font-size:1.6rem;
	line-height:1.625rem;
	margin-bottom:0.5rem}
.h5,h5{
	font-size:1.125rem;
	line-height:1.5rem;
	*margin-bottom:0.5rem}
@media (max-width:640px){
	.h1,h1{font-size:2.0rem;line-height:2.8rem}
	.h2,h2{font-size:1.875rem;line-height:2.25rem}
	.h3,h3{font-size:1.5rem;line-height:1.875rem}
	.h4,h4{font-size:1.4rem;line-height:1.5rem}
	.h5,h5{font-size:1rem;line-height:1.375rem}
}
.text-right{text-align:right}
.text-center{text-align:center}
.text-intro{
	max-width:610px;
	padding-bottom:12px;
	font-size:1.375rem;
	line-height:1.875rem;
	font-style:italic;
	color:#48686d}
.text-bold,b,strong{font-weight:bold}
.text-italic,em,i{font-style:italic}
.text-strike{text-decoration:line-through}
.text-shadow{text-shadow:0 0 5px rgba(0,0,0,.5)}
.text-light{color:#fff}
.text-red{color:firebrick}
.text-titlecase{color:#777}
.text-uppercase{text-transform:uppercase}
.text-nowrap{white-space:nowrap}
.text-ellipsis{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis}

*,figure{margin:0}
*+dl,*+fieldset,*+figure,*+form,*+ol,*+p,*+table,*+ul,dl+*,fieldset+*,figure+*,form+*,ol+*,p+*,table+*,ul+*{margin-top:1rem}
a{color:inherit;text-decoration:none}
a:focus,a:hover{text-decoration:underline}
a[class*=icon-],a[class*=icon-]:hover{text-decoration:none}
a[class*=icon-]:focus{text-decoration:underline}
p a{text-decoration:underline}
p a:focus,p a:hover{text-decoration:none}

.link-teaser{display:block}
.link-teaser > *{margin:0}
.link-teaser > *+*{margin-top:0.3125rem}
.link-teaser:focus,.link-teaser:focus *,.link-teaser:hover,.link-teaser:hover *{text-decoration:none}
.link-teaser:focus h2,.link-teaser:focus h3,.link-teaser:focus h4,.link-teaser:hover h2,.link-teaser:hover h3,.link-teaser:hover h4{text-decoration:underline}
.list-links,.list-links ol,.list-links ul{
	padding:0;
	list-style:none}
.list-links li:before{content:none}
.list-links li{
	margin:0;
	border-bottom:1px solid #bbb}
.list-links li:first-child{border-top:1px solid #bbb}
.list-links a{
	color:inherit!important;
	text-decoration:none!important;
	display:block;
	padding:.625rem}

/*Menu mouseover highlight*/
.list-links a:focus,.list-links a:hover{background-color:rgba(255,255,255,.25)}
.list-links a:before{
	width:auto;
	padding:inherit}

img,video{
	display:block;
	width:100%;
	border:none}


@media (max-width:640px){
	.no-csscalc .menu-open .menu-button{
		-webkit-transform:translate3d(-100%,0,0);
		   -moz-transform:translate3d(-100%,0,0);
			 -o-transform:translate3d(-100%,0,0);
				transform:translate3d(-100%,0,0);
			-ms-transform:translate(-100%,0);
		background-color:#000;
		border-color:transparent;
		color:#fff}
	.no-csscalc .menu-open .menu-button:before{
		background-color:transparent;
		border-color:#fff;
		color:inherit}
}
.window{
	position:relative;
	width:100%;
	height:100%;
	overflow:visible;
	-webkit-transform:translate3d(0,0,0);/*Sidebar menu sliding out*/
	   -moz-transform:translate3d(0,0,0);
		 -o-transform:translate3d(0,0,0);
			transform:translate3d(0,0,0);
		-ms-transform:translate(0,0);
	backface-visibility:hidden;
	transition:transform 0.4s cubic-bezier(.175,.885,.335,1)}
.menu-open .window{
	-webkit-transform:translate3d(410px,0,0);
	   -moz-transform:translate3d(410px,0,0);
		 -o-transform:translate3d(410px,0,0);
			transform:translate3d(410px,0,0);
		-ms-transform:translate(410px,0)}
@media (max-width:640px){
	.menu-open .window{
		-webkit-transform:translate3d(calc(100% - 60px),0,0);
		   -moz-transform:translate3d(calc(100% - 60px),0,0);
			 -o-transform:translate3d(calc(100% - 60px),0,0);
				transform:translate3d(calc(100% - 60px),0,0);
			-ms-transform:translate(calc(100% - 60px),0)}
	.no-csscalc .menu-open .window{
		-webkit-transform:translate3d(100%,0,0);
		   -moz-transform:translate3d(100%,0,0);
		  	 -o-transform:translate3d(100%,0,0);
			 	transform:translate3d(100%,0,0);
		 	-ms-transform:translate(100%,0)}
}
.sidebar/*,.window .sidebar*/{
	position:absolute;
	top:0;
	right:100%;
	width:410px;
	transition:width 0.4s cubic-bezier(.175,.885,.335,1);
	perspective:1000;
	backface-visibility:hidden;
	height:100%;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	-ms-overflow-style:-ms-autohiding-scrollbar}
.window .sidebar.hidden{display:none!important}
@media (max-width:640px){
	.sidebar/*,.window .sidebar*/{width:calc(100% - 60px)}
	.no-csscalc .sidebar/*,.no-csscalc .window .sidebar*/{width:100%}
}
.no-js .sidebar/*,.no-js .window .sidebar*/{
	display:block;
	position:static;
	height:auto;
	width:auto}
.window .area{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	overflow-y:auto;/* Pull Spec List up, display in mid view when Spec button is clicked */
	-webkit-overflow-scrolling:touch;
	-ms-overflow-style:-ms-autohiding-scrollbar}
.no-csscalc .menu-open .window .area{top:0;left:0}
.no-csscalc .menu-open .window .area.fit{padding-bottom:0;padding-right:0}
.mobileos .window .area::-webkit-scrollbar{display:none}
.window .overlay{
	cursor:pointer;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:-1;
	background-color:#000;
	opacity:0;
	transition:opacity .4s ease;
	perspective:1000;
	backface-visibility:hidden;
	backface-visibility:initial}
.window .overlay.fit{
	padding-bottom:0;
	padding-right:0}
.window .overlay.fit{
	padding-top:0;
	padding-left:0}
.menu-open .window .overlay{z-index:99}
.menu-open .window .overlay{
	opacity:.5;
	backface-visibility:hidden}

.page,.page-art{
	margin:0 auto;
	padding:40px}
.page{max-width:1060px}

.page-title{
	margin:0 auto;
	padding:40px 40px 12px 40px;
	max-width:1060px}
.subject{
	font-family:sans-serif;
	font-size:24px;
	letter-spacing:10px;
	color:#af7a45;
	padding:8px 0 0 3px}

/* below 1100px */
.landscape{padding-left:10%;padding-right:10%}
.square{padding-left:16%;padding-right:16%}
.portrait{padding-left:20%;padding-right:20%}

/* above 1100px */
@media (min-width:1100px){
	.pano{padding-left:9%;padding-right:9%}
	.landscape{padding-left:16%;padding-right:16%}
	.square{padding-left:22%;padding-right:22%}
	.portrait{padding-left:25%;padding-right:25%}
}

@media (max-width:768px){
	.pano{padding-left:3%;padding-right:3%}
	.landscape{padding-left:6%;padding-right:6%}
	.square{padding-left:9%;padding-right:9%}
	.portrait{padding-left:12%;padding-right:12%}
}
@media (max-width:480px){
	.page,.page-art,.page-title{
		padding-left:20px;padding-right:20px}
}


.page-header{
	text-align:center;
	background-color:#dadbca}/*c9ddc2  lime-a7e838*/

.logo-full,.logo-short{
	width:40%;
	max-width:240px;
	margin:0 auto;
	padding:7% 0 4% 0}
.shadow{
    -webkit-filter:drop-shadow(-1px 2px 2px rgba(0,0,0,.07));
            filter:drop-shadow(-1px 2px 2px rgba(0,0,0,.07))}
.shadow2{
    -webkit-filter:drop-shadow(-2px 3px 3px rgba(0,0,0,.1));
            filter:drop-shadow(-2px 3px 3px rgba(0,0,0,.1))}
.shadow3{
    -webkit-filter:drop-shadow(-4px 10px 2px rgba(90,25,0,.3));
            filter:drop-shadow(-4px 10px 2px rgba(90,25,0,.3))}

@media (max-width:640px){.shadow2{display:none}}


.c2,.c3,.c4,.c5{
	margin:0 -45px -45px 0;
	padding:0;
	overflow:hidden}
.thumb{
	float:left;
	width:50%;/* small screen column number, 50% for 2, 100% for 1 */
	max-width:100%;
	padding:0 45px 45px 0}

.thumb:nth-child(n){clear:none}
.thumb:nth-child(2n+1){clear:both}
/*.thumb:nth-child(3n-8){padding-left:0}*//* 1st pics of 3-pic rows */
/*.thumb:nth-child(3n){padding-right:0}*//* 3rd pics of 3-pic rows */
/*.thumb:nth-child(3n-7){padding-left:13px;padding-right:13px;border:1px solid pink}*//* 2nd pics of 3-pic rows */

@media (max-width:768px){
	.c2,.c3,.c4,.c5{margin:20px -40px -40px 0}
	.thumb{padding:0 40px 40px 0}
}
@media (max-width:480px){
	.c2,.c3,.c4,.c5{margin:15px -30px -30px 0}
	.thumb{padding:0 30px 30px 0}
}
@media (min-width:768px){
	.c3 .thumb{width:33.33333333%}
	.c3 .thumb:nth-child(n){clear:none}
	.c3 .thumb:nth-child(3n+1){clear:both}
}
@media (min-width:480px){
	.c4 .thumb{width:50%}
	.c4 .thumb:nth-child(n){clear:none}
	.c4 .thumb:nth-child(2n+1){clear:both}
}
@media (min-width:600px){
	.c4 .thumb{width:33.33333333%}
	.c4 .thumb:nth-child(n){clear:none}
	.c4 .thumb:nth-child(3n+1){clear:both}
}
@media (min-width:768px){
	.c4 .thumb{width:25%}
	.c4 .thumb:nth-child(n){clear:none}
	.c4 .thumb:nth-child(4n+1){clear:both}
}
@media (min-width:480px){
	.c5 .thumb{width:50%}
	.c5 .thumb:nth-child(n){clear:none}
	.c5 .thumb:nth-child(2n+1){clear:both}
}
@media (min-width:600px){
	.c5 .thumb{width:33.33333333%}
	.c5 .thumb:nth-child(n){clear:none}
	.c5 .thumb:nth-child(3n+1){clear:both}
}
@media (min-width:768px){
	.c5 .thumb{width:25%}
	.c5 .thumb:nth-child(n){clear:none}
	.c5 .thumb:nth-child(4n+1){clear:both}
}
@media (min-width:900px){
	.c5 .thumb{width:20%}
	.c5 .thumb:nth-child(n){clear:none}
	.c5 .thumb:nth-child(5n+1){clear:both}
}


.window .menu-button{box-shadow:0 0 3px rgba(0,0,0,.75)}
.menu-button-text,.menu-icon{
	display:inline-block;
	vertical-align:middle}
.menu-button-text{margin-left:10px}
.menu-icon{
	position:relative;
	width:18px;
	height:22px}
/* Menu icon turns into X */
.menu-icon .bar1,.menu-icon .bar2,.menu-icon .bar3{
	position:absolute;
	left:0;
	width:100%;
	height:0;
	border-bottom:2px solid;
	transform-origin:-12% 50%;
	/*transition:top 0.4s ease;
	transition:width 0.4s ease;
	transition:transform 0.4s ease*/}
.menu-icon .bar1{top:2px}
.menu-icon .bar2{top:37%}
.menu-icon .bar3{bottom:6px}
.menu-open .menu-icon .bar1{
	top:0;
	left:4px;
	transform:rotate(45deg)}/* forming the \ of X */
.menu-open .menu-icon .bar2{width:0}/* make bar2 disappear */
.menu-open .menu-icon .bar3{
	bottom:4px;
	left:4px;
	transform:rotate(-45deg)}/* forming the / of X */

/*Menu*/
.sidebar{
	color:#555;
	background-color:#99cccc;
	display:flex;
	flex-direction:column}

/* Menu Bottom Nav hover color*/
.sidebar a:focus,.sidebar a:hover{
	text-decoration:none;
	color:#fff}
.sidebar .list-links li{border-color:#85b0b0}/*Menu lines*/
.sidebar div > .list-links > li:first-child{border-top:none}/*No line on top of Home*/
/*.menu-cat{color:#fff;font-weight:bold}*//*Menu text color*/
.menu-seri{padding-left:1rem;color:#555;font-weight:normal}
.main-nav{margin:1.25rem}
.main-nav{
	flex-grow:1;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch}
.main-nav > .list-links{margin-bottom:2rem}
.main-nav > .list-links > li > a{color:#fff!important;font-weight:bold}/*Menu text color*/
.main-nav > .list-links > li > a::before{transition:transform 0.4s ease;color:inherit}
.main-nav > .list-links > li > a.open::before{transform:rotate(90deg)}/*Menu opens > rotate*/
.main-nav > .list-links > li > a.open+ul{
	max-height:9999px;
	opacity:1;
	transition-timing-function:cubic-bezier(.5,0,1,0),ease;
	transition-delay:0}
.main-nav > .list-links > li ul{
	overflow:hidden;
	margin:0;
	max-height:0;
	opacity:0;
	transition:max-height 0.8s cubic-bezier(0,1,0,1) -.1s,opacity 0.4s ease}
.main-nav > .list-links > li ul li:last-child{
	border-bottom:none;
	margin-bottom:1rem}

.bottom-nav div{display:flex;flex-wrap:wrap}
.bottom-nav a{padding:.6rem}
.bottom-nav img{width:22px;height:22px}/* instagram icon size */

.back-button{
	position:absolute;
	*top:0;
	left:4.5%;/*3.8rem  7.1875rem*/
	padding-top:0.625rem;
	*padding-left:0.625rem;
	*z-index:100}
.next-collection-button{
	position:absolute;
	right:4.5%;/*3.8rem  7.1875rem*/
	padding-top:0.625rem}
.drawer{
	flex-grow:1;
	overflow:hidden;
	overflow-y:auto;/**/
	-webkit-overflow-scrolling:touch}
.drawer > .tray > li > a::before{
	transition:transform 0.4s ease;
	color:inherit}/* icon > rotation tweening*/
.drawer > .tray > li > a.open::before{transform:rotate(90deg)}/* when menu opens, icon > rotates */
.drawer > .tray > li > a.open+ul{
	max-height:9999px;
	opacity:1;
	transition-timing-function:cubic-bezier(.5,0,1,0),ease;
	transition-delay:0}/* Drawer "open" animation */
.drawer > .tray > li ul{
	overflow:hidden;
	margin:0;
	max-height:0;
	opacity:0;
	transition:max-height 0.8s cubic-bezier(0,1,0,1) -.1s,opacity 0.4s ease}/* Drawer "close" animation */

/* .list-links changed to .tray */
.tray,.tray ol,.tray ul{
	padding:0;
	list-style:none}
/*.tray li:before{content:none}*/
.tray li{
	margin:0;
	*border-bottom:1px dotted #bbb}
/*.tray li:first-child{*border-top:1px dotted #bbb}*/
.tray a{
	color:inherit!important;
	text-decoration:none!important;
	display:block;
	*border-top:1px dotted #ccc;
	padding:0.625rem}/* put file icon at edge, no padding. This put > icon at edge too */
.tray a:focus,.tray a:hover{background-color:#dadbca}
.tray a:before{
	width:auto;
	*padding:inherit;
	padding:1rem}/* give > icon padding, & correct rotation anchor */
.collection-text{
	font-size:1.375rem;
	color:gray;
	padding:2rem 0 0.9rem 0.625rem;
	clear:both}
.columns{
			column-count:2;
	   -moz-column-count:2;
	-webkit-column-count:2;
	column-rule:#ababab thin dashed;
			column-gap:7%;
	   -moz-column-gap:7%;
	-webkit-column-gap:7%}
.columns p{
	margin-top:0;
	padding-bottom:20px;
	line-height:2rem}
.dropcap{
	float:left;
	width:115px;
	padding:5px 20px 9px 5px;
	font:bold italic 100px/0.8 Brandon;
	color:salmon}
.border-shadow{
	margin:0 auto;
	border-radius:2px;
	border:9px solid #fff;
	-webkit-box-shadow:-2px 3px 5px 4px rgba(25,19,15,.2);
			box-shadow:-2px 3px 5px 4px rgba(25,19,15,.2)}
figcaption{
	margin:8px 0 15px 0;
	font-size:1.08rem;
	font-style:italic;
	text-align:center;
	color:gray}
.sign{
	font-size:1.0rem;
	font-style:italic}
.synopsis-columns{
	padding:10px;
	column-count:2;
	column-gap:60px;
	-moz-column-count:2;
	-moz-column-gap:60px;
	-webkit-column-count:2;
	-webkit-column-gap:60px}
.synopsis-columns p{line-height:1.9rem}
.end-nav{
	*float:right;
	border-top:1px dotted #bbb}


/*------ Tabs no Javascript ------*/
.tab-panel{
  display:none;
  padding:5% 0 20px 0;
  border-top:1px solid #ddd}
input.tab{display:none}
label.tab{
  display:inline-block;
  margin:0 -4px -1px 0;
  padding:10px 25px;
  text-align:center;
  color:#777;
  border:1px solid transparent;
  background-color:#dadbca;
  border-radius:2px 2px 0 0;
}
label.tab:hover{
  color:#fff;
  background-color:salmon;
  cursor:pointer}
input.tab:checked + label{
  color:#877a60;
  font-weight:bold;
  border:1px solid #ddd;
  *border-top:2px solid salmon;
  border-bottom:1px solid #eee;
  background-color:#eee;
}
.form1 #tab1:checked ~ #content1,
.form1 #tab2:checked ~ #content2,
.form2 #tab3:checked ~ #content3,
.form2 #tab4:checked ~ #content4,
.form3 #tab5:checked ~ #content5,
.form3 #tab6:checked ~ #content6{display: block}


/*----------- Tab-like Nav -----------*/
.midnav{
	margin-bottom:55px;
	text-align:center;
	color:#bbb}
.midnav a{
	margin:0 25px;
	padding-top:10px;
	text-decoration:none}
.midnav a:hover{color:#555}
.midnav .active{border-top:2px solid salmon;color:#555}

.bodynav{float:right}
@media (max-width:480px){
	.bodynav,.bodybreak{display:none}
}

/*----------- Tabless no Javascript -----------*/
.tabless-panel{
  display:none;
  padding:5% 0 20px 0}
input.tabless{display:none}
.first-tab-of-2{margin-left:39%}/* to center all tab names */
.first-tab-of-4{margin-left:32%}
label{
  display:inline-block;
  margin:0 25px;
  padding:10px 0;
  text-align:center;
  color:#bbb;
  *border:1px solid transparent}
label:hover{
  color:#888;
  cursor:pointer}
input.tabless:checked + label{
  color:#555;
  border-top:2px solid salmon}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4{display: block}
/*--------------- ends Tabless ---------------*/



@media (max-width:900px){
	.first-tab-of-2{margin-left:36%}
	/*.first-tab-of-3{margin-left:33%}*/
	.first-tab-of-4{margin-left:27%}
}
@media (max-width:768px){
	.first-tab-of-2{margin-left:32%}
	/*.first-tab-of-3{margin-left:29%}*/
	.first-tab-of-4{margin-left:21%}
	.columns,.synopsis-columns{
			column-count:1;
	   -moz-column-count:1;
	-webkit-column-count:1}
	.dropcap{width:100px;font-size:80px}
}
@media (max-width:600px){
	.first-tab-of-2{margin-left:25%}
	/*.first-tab-of-3{margin-left:24%}*/
	.first-tab-of-4{margin-left:5%}
}
@media (max-width:480px){
	.first-tab-of-2{margin-left:24%}
	/*.first-tab-of-3{margin-left:22%}*/
	.first-tab-of-4{margin-left:14%}
	label,.midnav a{margin:0 15px;font-size:16px}
	.synopsis-columns{padding:5px 12px}
}


/*------------ Carousel ------------*/
.carousel{position:relative}
.carousel-inner{
	position: relative;
	width: 100%;
	overflow:hidden}
.carousel-inner > .item{
	position:relative;
	display:none;
	-webkit-transition:.6s ease-in-out left;
		 -o-transition:.6s ease-in-out left;
			transition:.6s ease-in-out left}
.carousel-inner > .item > img,.carousel-inner > .item > a > img{
	display:block;
	max-width:100%;
	height:auto;
	line-height:1}
.carousel-inner > .active,.carousel-inner > .next,.carousel-inner > .prev{display:block}
.carousel-inner > .active{left: 0}
.carousel-inner > .next,.carousel-inner > .prev{
	position:absolute;
	top:0;
	width:100%}
.carousel-inner > .next{left:100%}
.carousel-inner > .prev{left:-100%}
.carousel-inner > .next.left,.carousel-inner > .prev.right{left:0}
.carousel-inner > .active.left{left:-100%}
.carousel-inner > .active.right{left:100%}
.carousel-indicators{
	position:absolute;
	bottom:10px;
	left:50%;
	z-index:15;
	width:60%;
	padding-left:0;
	margin-left:-30%;
	text-align:center;
	list-style:none}
.carousel-indicators li{
	display:inline-block;
	width:10px;
	height:10px;
	margin:1px;
	cursor:pointer;
	background-color:#ddd;
	border:1px solid #B1B1B1;
	border-radius:10px}
.carousel-indicators .active{
	width:12px;
	height:12px;
	margin:0;
	background-color:#fff}
.carousel-caption{
	position:absolute;
	right:15%;
	bottom:20px;
	left:15%;
	z-index:10;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0, 0, 0, .6)}

/*----- Contact business card, newsletter signup card -----*/
.box1,.box2{margin:0 auto;max-width:520px}
.box3{margin:0 auto;max-width:370px}

/*-----------Gallery Page------------*/
.border-canvas{
	border-radius:4px;
	border:1px solid #333;
	-webkit-box-shadow:-3px 9px 4px 6px rgba(25,19,15,.4);
			box-shadow:-3px 9px 4px 6px rgba(25,19,15,.4)}
.border-plain,.border-deckle,.border-float-black,.border-float-white{border:24px solid transparent}
.border-plain{border-image:url("border_plain.jpg") 7% stretch}
.border-deckle{border-image:url("border_deckle.jpg") 9% stretch}
.border-float-black{border-image:url("border_float_black.jpg") 4.5% stretch}
.border-float-white{border-image:url("border_float_white.jpg") 4.5% stretch}
.border-float-black,.border-float-white{
	-webkit-box-shadow:12px 20px 5px 1px rgba(0,0,0,.15);
			box-shadow:12px 20px 5px 1px rgba(0,0,0,.15)}
.alt-view{
	display:inline-block;
	width:50px;
	margin:0 3px 20px 0;
	border-radius:3px;
	opacity:.2}
.alt-view:hover{opacity:.7}
@media (max-width:768px){
	.border-plain,.border-deckle{border-width:20px}
	.border-float-black,.border-float-white{border-width:22px}
}
@media (max-width:480px){
	/*.border-plain{border-width:5px}*/
	.border-plain,.border-deckle{border-width:14px}
	.border-float-black,.border-float-white{border-width:16px}
	.border-canvas{
		-webkit-box-shadow:-2px 7px 4px 5px rgba(25,19,15,0.40);
				box-shadow:-2px 7px 4px 5px rgba(25,19,15,0.40)}
	.alt-view{width:40px}
}
.info-card{
	padding:0 12%;
	text-align:left;
	font:italic 17px/1.4 'Verlag Light'}
.info-card .title{color:rgba(255,250,150,0.50)}
.chev{
	float:right;
	margin:10px 30px 0 0}
.counter{
	padding:0 12px;
	font-size:1.06rem;
	color:gray}
.art-info{
	max-width:600px;
	padding:3rem 0 3rem 1.5rem;
	color:#aaa}

.hr,hr{
	width:5rem;
	height:0;
	margin:5% 0;
	border-top:1px dashed #5d4632;
	clear:both}
.breakline{
	margin:6% 0;
	border-top:1px dashed #ccc}
.spec-box{
	display:none;
	max-width:600px;
	margin-top:40px}
.spec-box dt{color:gray}/* Title of list item */
.summary-box{
	padding:40px 6%;
	border:1px solid #ccc;
	border-radius:8px;
	background-color:#f7dddc}
.summary-box dt{font-weight:bold}
.spec-list{
	*clear:both;
	padding-top:1rem;
	border-top:1px solid rgba(102,102,102,.2);
	overflow:hidden}
.spec-list > *{margin:0 0 1rem}
.spec-list > dd:empty{
	clear:both;
	border-bottom:1px solid rgba(102,102,102,.2)}
/*.price{display:none}*/
@media (min-width:640px){
	.spec-list > dt:not(.has-children){
		float:left;
		width:26%}
	/*.spec-list>dt:not(.has-children)+dd:not(:empty){
		float:left;
		width:67%;
		padding-left:30px}*/
}
@media (max-width:768px){
	.ss-hidden{display:none}/*hide the word MENU, makes back-button move in its place*/
}
@media (max-width:640px){
	.collection-text{font-size:1.2rem}
	.tray a:before{padding:.9rem}/* give > smaller padding to avoid scrollbar in Collection Names */
	.art-info{padding-top:2rem;padding-left:1rem}
}
@media (max-width:480px){
	.collection-text{padding-top:1rem}
	.summary-box{
		padding:0;
		border:0;
		border-radius:0;
		background-color:unset}
	.art-info{padding-left:.7rem}
}

.bg-dkbrown{background-color:#2f2d28}



@font-face{
	font-family:Iconfont;
	src:url("Iconfont.ttf?klkayp") format('truetype'),url(Iconfont.woff?klkayp) format('woff'),url(Iconfont.svg?klkayp#Iconfont) format('svg');
	font-weight:400;
	font-style:normal}
[class*=" icon-"]::before,[class^=icon-]::before{
	font-family:Iconfont!important;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale}
.icon-letter-info::before{content:"\e900"}
.icon-minus::before{content:"\e901"}
.icon-pinterest::before{content:"\e902"}
.icon-pinterest_button::before{content:"\e903"}
.icon-play::before{content:"\e904"}
.icon-plus::before{content:"\e905"}
.icon-rotate::before{content:"\e906"}
.icon-search::before{content:"\e907"}
.icon-set::before{content:"\e908"}
.icon-share::before{content:"\e909"}
.icon-shopping-cart::before{content:"\e90a"}
.icon-twitter::before{content:"\e90b"}
.icon-twitter_button::before{content:"\e90c"}
.icon-zoom-in::before{content:"\e90d"}
.icon-zoom-out::before{content:"\e90e"}
.icon-arrow-down::before{
	content:"\e90f";
	transition:all 0.3s ease-out}
.icon-arrow-up::before{
	content:"\e90f";
	transform:scale(1,-1);
	transition:all 0.3s ease-out}
.icon-arrow-left::before{content:"\e910"}
.icon-arrow-right::before{content:"\e911"}
.icon-back-to-top::before{content:"\e912"}
.icon-checkmark::before{content:"\e913"}
.icon-circle::before{content:"\e914"}
.icon-clear-input::before{content:"\e915"}
.icon-close::before{content:"\e916"}
.icon-download::before{content:"\e917"}
.icon-facebook::before{content:"\e918"}
.icon-facebook_button::before{content:"\e919"}
.icon-flip::before{content:"\e91a"}
.icon-googleplus::before{content:"\e91b"}
.icon-googleplus_button::before{content:"\e91c"}
.icon-info::before{content:"\e91d"}



:focus{outline:0}

button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{
	-webkit-appearance:button;
	cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{
	border:0;
	padding:0}
input{line-height:normal}



input,select,textarea{
	display:inline-block;
	width:100%;
	max-width:100%;
	margin:5px 0;/*space between form inputs*/
	padding:0 1.25rem;
	height:2.5rem;
	vertical-align:middle;
	border:1px solid rgba(100,90,0,.3);/*border of form inputs*/
	border-radius:1.25rem;
	*box-shadow:0 0 3px rgba(100,90,0,.9) inset;
	background:#f5f5f5;
	font:inherit}

textarea{
	height:auto;
	vertical-align:top;
	padding-top:10px;
	padding-bottom:10px;
	overflow:auto}
select{
	width:auto;
	border-radius:0.3125rem}

.button{
	display:inline-block;
	height:2.5rem;
	width:auto;
	padding:0 1.25rem;
	box-shadow:none!important;
	font-size:0.75rem;
	line-height:2.5rem;
	text-transform:uppercase;
	text-decoration:none!important;
	vertical-align:middle;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	cursor:pointer;
	border-radius:1.25rem;
	border:1px solid transparent;
	color:#fff}
.button.pink{
	color:#777;
	background-color:#dadbca}
.button.pink:focus:not(.disabled),.button.pink:hover:not(.disabled){color:#fff;background-color:salmon}
.button.dark{background-color:rgba(139,129,120,.5)}/*#8b8178*/
.button.outline{
	background-color:transparent;
	border:1px solid #8b8178;
	color:#8b8178}
.button.outline:before{border-color:inherit}
.button:focus:not(.disabled),.button:hover:not(.disabled){background-color:#333}
.disabled{
	opacity:0.3;
	pointer-events:none!important}
.active{pointer-events:none!important}
.button.small{
	min-width:2.1875rem;
	height:2.1875rem;
	line-height:2.1875rem;
	border-radius:1.09375rem}
.button.small:before{height:2.1875rem}
.button.large{
	min-width:3.125rem;
	height:3.125rem;
	line-height:3.125rem;
	border-radius:1.5625rem}
.button.large:before{height:3.125rem}
.button.huge{
	min-width:3.75rem;
	height:3.75rem;
	line-height:3.75rem;
	border-radius:1.875rem}
.button.huge:before{height:3.75rem}
.button.bold{font-weight:bold}
.button.square,input.square,select.square{border-radius:0}
.button.rounded-left,input.rounded-left,select.rounded-left{
	border-top-right-radius:0;
	border-bottom-right-radius:0}
.button.rounded-right,input.rounded-right,select.rounded-right{
	border-top-left-radius:0;
	border-bottom-left-radius:0}

[class*=icon-],[class*=icon-]:before{display:inline}
[class*=icon-]:before{
	line-height:inherit;
	vertical-align:bottom;
	font-size:0.625rem;
	padding-left:0.3125rem;
	padding-right:0.3125rem;
	text-decoration:none!important}
.icon-after,.icon-before,.icon-label,.icon-only{position:relative}
.icon-after,.icon-after:before,.icon-before,.icon-before:before,.icon-label,.icon-label:before,.icon-only,.icon-only:before{display:inline-block}
.icon-after:before,.icon-before:before,.icon-label:before,.icon-only:before{
	position:absolute;
	top:0;
	left:0;
	padding:0}
.button:before{vertical-align:middle}
.icon-before{padding-left:20px}
.icon-before.button{padding-left:2.5rem}
.icon-before:before{
	width:2.5rem;
	text-align:left}
.icon-before.button:before{text-align:center}
.icon-after{padding-right:20px}
.icon-after.button{padding-right:2.5rem}
.icon-after:before{
	left:auto;
	right:0;
	width:2.5rem;
	text-align:right}
.icon-after.button:before{text-align:center}
.icon-only{
	width:2.5rem;
	height:2.5rem;
	padding:0;
	overflow:visible}
.icon-only:before{
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)}
.button:before,.icon-only.icon-small:before{font-size:0.75rem}
.icon-label:before,.icon-only:before{font-size:1.125rem}
.icon-circle:before,.icon-close:before{font-size:0.75rem}

.cursor-hidden{cursor:none!important}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.hidden{display:none}
.pull-left{float:left}
.pull-right{float:right}
.pull-none{float:none}
.clear{clear:both}
.overflow-hidden{overflow:hidden}
.overflow-visible{overflow:visible}
.scrolling{
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	-ms-overflow-style:-ms-autohiding-scrollbar}
.relative{position:relative}
.absolute,.center-all,.center-y,.corner-bottom-left,.corner-bottom-right,.corner-top-left,.corner-top-right,.no-csscalc .menu-open .window .area,.window .overlay{position:absolute}

.z-extra-low{z-index:-1}
.z-low{z-index:1}
.z-medium{z-index:5}
.z-high{z-index:10}
.z-extra-high{z-index:100}
.fit{padding:inherit}
.corner-top-left{
	top:0;
	left:0}
.center{text-align:center}
.center-x{
	margin-left:auto;
	margin-right:auto}
.center-x[class*=corner-]{
	left:50%;
	right:auto;
	transform:translateX(-50%)}
.center-y{
	top:50%;
	bottom:auto;
	transform:translateY(-50%)}
.center-all{
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center}
.abs-middle{
	font-size:0;
	text-align:center}
.abs-middle:before{
	content:'';
	width:0;
	height:100%}
.abs-middle > *,.abs-middle:before{
	display:inline-block;
	vertical-align:middle;
	font-size:1rem}

/* Pagination */
.padding-60{padding-top:70px}
.pagin .active{color:#fff;background-color:#8a5f3c}
.pagin-button{
	border:none;
	width:auto;
	display:inline-block;
	outline:none;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	text-align:center}
.pagin-button:disabled{cursor:not-allowed;opacity:0.3}
.pagin-button:hover{color:#fff;background-color:#8a5f3c;text-decoration:none}

footer{
	margin:12.5% 0 3% 0;
	padding-top:18px;
	font-size:1rem;
	color:gray;
	border-top:1px dotted #bbb}
.footnav{float:right}
.footnav a{padding-left:30px}
.footnav img{display:inline;width:16px;height:16px;vertical-align:text-bottom}
.f-copy img{display:inline;width:14px;height:14px;vertical-align:sub}
@media (max-width:480px){
	.footnav a{padding-left:20px}
}