/*******************************************************************/
/*  RESET  */
/*******************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, white_25, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
	
/* remember to define focus styles! */
:focus {
	outline: 0;
}
	
body {
	line-height: 1;
}
	
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

input {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

div, p, a, li, td {
	-webkit-text-size-adjust: none;
}

.showme {
	background: rgba(0,0,0,0.125);
}

*, *:before, *:after {
-webkit-apperance: none;
}

/*******************************************************************/
/*  FONTS  */
/*******************************************************************/

@font-face {
	font-family: 'Audrey-Regular';
	src: url('../fonts/Audrey-Regular.eot');
	src: url('../fonts/Audrey-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Audrey-Regular.woff2') format('woff2'),
		url('../fonts/Audrey-Regular.woff') format('woff'),
		url('../fonts/Audrey-Regular.ttf')  format('truetype'),
		url('../fonts/Audrey-Regular.svg#svgFontName') format('svg');
    font-style: normal;
}

@font-face {
	font-family: 'Audrey-Italic';
	src: url('../fonts/Audrey-Italic.eot');
	src: url('../fonts/Audrey-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Audrey-Italic.woff2') format('woff2'),
		url('../fonts/Audrey-Italic.woff') format('woff'),
		url('../fonts/Audrey-Italic.ttf')  format('truetype'),
		url('../fonts/Audrey-Italic.svg#svgFontName') format('svg');
    font-style: normal;
}

/*******************************************************************/
/*  HTML  */
/*******************************************************************/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 400;
	background-color: #bfbab6;
	background-color: #e5e2df;
	color: #1a1918;
}

h1 {
	font-size: 3.5rem;
}

h2 {
	font-size: 2.5rem;
}

h3 {
	font-size: 1.5rem;
}

h4 {
	font-size: 1.25rem;
}

h5 {
	font-size: 1rem;
	line-height: 1.125;
}

h6 {
	font-size: 1rem;
}

p {
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 1.45;
	color: #1a1918;
	margin-bottom: 1.375rem;
	text-align: left;
}

p a {
	color: #c49800 !important;
	text-decoration: none;
	font-weight: inherit;
	border-bottom: 1px solid #FFFFFF;
	
}

p a:hover {
	border-bottom: 1px solid #c49800;
}

p em {
	font-style: italic;
}

p.dek {
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 0.75rem;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	color: #ffcc33;
	color: #fff;
	text-shadow: 0 0 4px rgba(0,0,0,0.5);
	margin-top: -1rem;
	margin-bottom: 1.875rem;
}

img {
	width: 100%;
}

strong {
	font-weight: 500;
}

input.qty,
input.button,
button.button,
a.button {
	display: inline-block;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 0.75rem;
	color: #1a1918;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	background-color: transparent;
	padding: 1rem 1.5rem;
	transition: all 0.5s ease;
	cursor: pointer;
}

input.qty,
.single_add_to_cart_button,
.woocommerce-steps .button,
a.button.inquire, a.button.purchase {
	color: #757c71 !important;
	background-color: #FFF;
	border: 1px solid #757c71;
	margin-top: 0.5rem;
}

a.button.inquire:hover, a.button.purchase:hover {
	color: #FFFFFF !important;
	background-color: #757c71;
}

a.button.contact-us {
    color: #757c71 !important;
    background-color: #FFFFFF;
    border: 1px solid #757c71;
}

a.button.contact-us:hover {
	color: #FFFFFF !important;
	background-color: #757c71;
}

a.button.white {
	color: #fff !important;
	color: #1a1918 !important;
	/*text-shadow: 0 0 4px rgba(0,0,0,0.5);*/
	background-color: #FFFFFF;
}

a.button.white:hover {
	color: #1a1918 !important;
	background-color: #FFFFFF;
}

h2.overlay-title, h3.overlay-title, h4.overlay-title, h5.overlay-title {
	font-family: "Audrey-Regular", serif;
	line-height: 1.35;
	color: #FFF !important;
	text-align: center;
	padding-bottom: 2rem;
}

.relative {
	position: relative;
}

.centered {
	text-align: center;
}

@media screen and (min-width: 600px) {

	h1 {
		font-size: 4rem;
	}
	
	h2 {
		font-size: 4.5rem;
	}
	
	h3 {
		font-size: 2rem;
	}

	h4 {
		font-size: 1.375rem;
	}
	
	h5 {
		font-size: 1rem;
	}
	
	p {
		font-size: 0.875rem;
	}
	
	p.dek {
		margin-top: -1rem;
		margin-bottom: 3rem;
	}
	
}

@media screen and (min-width: 900px) {
	
	h1 {
		font-size: 4.5rem;
	}
	
	h2 {
		font-size: 5.5rem;
	}
	
	h3 {
		font-size: 2.5rem;
	}
	
	h4 {
		font-size: 1.5rem;
	}
	
	h5 {
		font-size: 1rem;
	}
	
	p {
		font-size: 1rem;
	}
	
	p.dek {
		margin-top: -1rem;
		margin-bottom: 4rem;
	}
	
}

@media screen and (min-width: 1200px) {
	
	h1 {
		font-size: 5.5rem;
	}
	
	h2 {
		font-size: 5.5rem;
	}
	
	h3 {
		font-size: 3rem;
	}
	
	h4 {
		font-size: 1.625rem;
	}
	
	h5 {
		font-size: 1rem;
	}
	
	p {
		font-size: 1rem;
	}
	
	p.dek {
		font-size: 0.875rem;
		margin-top: -2rem;
		margin-bottom: 3.5rem;
	}
	
}

@media screen and (min-width: 1920px) {
	
	h1 {
		font-size: 6.5rem;
	}
	
	h2 {
		font-size: 6.5rem;
	}
	
	h3 {
		font-size: 3rem;
	}
	
	h4 {
		font-size: 1.75rem;
	}
	
	h5 {
		font-size: 1rem;
	}
	
	p {
		font-size: 1rem;
	}
	
	p.dek {
		font-size: 1rem;
		margin-bottom: 4rem;
	}
	
}

/*******************************************************************/
/*  STRUCTURE  */
/*******************************************************************/

.container {
	width: 100vw;
	background-color: #FFFFFF;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

.section-outer {
	display: block;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 0pt;
}

.section-outer.bottom-margin {
	margin-bottom: 2.5rem;
}

.section-outer.resource-page, .section-outer.stories, .section-outer.press, .section-outer.showrooms, .section-outer.category  {
	margin-top: 0.5rem;
}

.section-inner {
	display: inline-block;
	width: 100%;
	padding: 0 1rem;
    transition: all 0.25s ease;
}

.center-column {
	width: 100%;
}

.overlay {
	position: absolute;
	z-index: 100;
	width: 100%;
	text-align: center;
}

.centerV {
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

a.pdf {
	display: block;
	width: 100%;
	background-color: rgba(0,0,0,0.125);
}

.three-columns {
	width: 100%;
}

.three-columns .column, .three-columns .two-columns {
	width: 100%;
}

.page-title-wrapper {
	text-align: center;
	padding-top: 1rem;
	padding-bottom: 2rem;
}

h1.page-title, h2.page-title, h3.page-title {
	font-family: "Audrey-Regular", serif;
	line-height: 1;
	color: #757c71 !important;
	text-align: center;
}

.image-grid {
	width: 100%;
}

.image-grid .image-row {
	position: relative;
	margin-bottom: 0.25rem;
	overflow: hidden; 
}

.image-grid .one-column-image {
	position: absolute;
	top: 0;
	width: calc((100% - 0.5rem) / 3);
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
} 

.image-grid .one-column-image.left {
	left: 0;
}

.image-grid .one-column-image.right {
	right: 0;
}

.image-grid .two-column-image {
	width: calc(((100% - 0.5rem) / 3 ) * 2 + 0.25rem); /* 2 three-column-grid columns */
}

.image-grid .two-column-image.left {
	float: left;
}

.image-grid .two-column-image.right {
	float: right;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 0.25rem;
}

.video-container iframe,
 .video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} 

img.about-image {
	margin-bottom: 1.45rem;
}
                         
.location {
	width: 100%;
	height: 100%;
}

.slideshow-holder {
	width: 100%;
	height: 100%;
}

.cycle-pager {
	text-align: center;
	width: 100%;
	z-index: 1000;
	position: absolute;
	bottom: 0.5rem;
	overflow: hidden;
}

.cycle-pager span {
	font-family: "Ideal Sans A", "Ideal Sans B", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 2rem;
	width: auto;
	height: auto;
	display: inline-block;
	color: rgba(255,255,255,0.5); 
	text-shadow: 0px 0px 34px rgba(0,0,0,0.5); 
	background: transparent;
	padding: 0.25rem;
	cursor: pointer;
}

.cycle-pager span.cycle-pager-active {
	color: rgba(255,255,255,1.0);
} 

.cycle-pager > * {
	cursor: pointer;
}

.slide-content {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.125);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

.hero-image-wrapper {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.125);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

.featured-hero {
	margin-bottom: 1rem;
}

.title {
	font-weight: 400;
}

@media screen and (min-width: 600px) {
	
	.section-outer.resource-page, .section-outer.stories, .section-outer.press, .section-outer.showrooms {
		margin-top: 0.75rem;
	}
	
	.section-outer.bottom-margin {
		margin-bottom: 6rem;
	}
	
	.container {
		margin-top: 0;
	}
	
	.section-inner {
		padding: 0 2rem;
	}
	
	.page-title-wrapper {
		padding-top: 1rem;
		padding-bottom: 2rem;
	}
	
}

@media screen and (min-width: 900px) {

	.section-outer.resource-page, .section-outer.stories, .section-outer.press, .section-outer.showrooms {
		margin-top: 2rem;
	}
	
	.section-outer.bottom-margin {
		margin-bottom: 6rem;
	}
	
	.section-inner {
		width: calc(100% - 4rem);
		padding: 0;
	}
	
	.three-columns {
		width: 100%;
	}
	
	.three-columns .column {
		float: left;
		width: calc((100% - 3rem) / 3);
		margin-right: 1.5rem;
	}

	.three-columns .column:nth-child(3n) {
		margin-right: 0;
	}
	
	.three-columns .two-columns {
		float: left;
		width: calc(((100% - 3rem) / 3) * 2);
		margin-right: 1.5rem;
	}
	
	.three-columns .column.last, .three-columns .two-columns.last {
		margin-right: 0;
	}
	
	.page-title-wrapper {
		padding-top: 0;
		padding-bottom: 3rem;
	}
	
}

@media screen and (min-width: 1200px) {
	
	.section-outer.resource-page, .section-outer.stories, .section-outer.press, .section-outer.showrooms, .section-outer.category  {
		margin-top: 2.5rem;
	}
	
	.section-outer.bottom-margin {
		margin-bottom: 6rem;
	}
	
	.container {
		margin-top: 0;
	}
	
	.section-inner {
		width: calc(100% - 8rem);
		padding: 0;
	}
	
	.center-column {
		width: 75%;
		margin-left: 12.5%;
	}
	
	.page-title-wrapper {
		padding-bottom: 3rem;
	}
	
}

@media screen and (min-width: 1920px) {
	
	.section-outer.resource-page, .section-outer.stories, .section-outer.press, .section-outer.showrooms, .section-outer.category  {
		margin-top: 3rem;
	}
	
	.section-outer.bottom-margin {
		margin-bottom: 6rem;
	}
	
	.container {
		width: 120rem;
	}
	
	.section-inner {
		width: calc(100% - 16rem);
		padding: 0;
	}
	
	.page-title-wrapper {
		padding-bottom: 4rem;
	}
		
}

/*******************************************************************/
/*  GRIDS  */
/*******************************************************************/

.grid-controls {
	display: block;
	margin-bottom: 1rem;
	text-align: left;
}

ul.pagination, ul.filter-by {
	display: inline-block;
}

ul.pagination {
	float: right;
	margin-bottom: 1rem;
}

ul.pagination li a {
	font-weight: 400;
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
	color: #1a1918 !important;
	padding-right: 0.375rem;
	padding-left: 0.375rem;
    transition: all 0.25s ease;
}

ul.filtering li,  ul.filter-by li a {
	padding-left: 0.25rem;
}

ul.pagination li, ul.filter-by li {
	display: inline;
	color: #1a1918;
}

ul.pagination li a, ul.filter-by li a {
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.8rem;
	color: #1a1918 !important;
	cursor: pointer;
}

ul.pagination li .current, ul.filter-by li .current,
ul.pagination li a:hover, ul.filter-by li a:hover, ul.pagination li a.selected, ul.filter-by li a.selected {
	color: #c49800 !important;
}

ul.pagination li a.prev-page, ul.pagination li a.next-page, ul.pagination li a.first-page, ul.pagination li a.last-page {
	height: 0.5rem;
	text-indent: 200%;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	padding-right: 0.5rem;
}

ul.pagination li a.prev-page {
	width: 0.5rem;
	background-image: url('../img/icon/prev-page.svg');
	background-size: 0.4rem;
}

ul.pagination li a.next-page {
	width: 0.5rem;
	background-image: url('../img/icon/next-page.svg');
	background-size: 0.4rem;
}

ul.pagination li a.first-page {
	width: 0.75rem;
	background-image: url('../img/icon/first-page.svg');
	background-size: 0.55rem;
}

ul.pagination li a.last-page {
	width: 0.75rem;
	background-image: url('../img/icon/last-page.svg');
	background-size: 0.55rem;
}

ul.filters {
	display: block;
	text-align: center;
	margin: 0 auto 1rem auto;
}

ul.filters li {
	display: inline-block;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}

ul.filters li a {
	display: inline-block;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.8rem;
	text-transform: uppercase;
	white-space: nowrap;
	letter-spacing: 0.02rem;
	color: #1a1918 !important;
    transition: all 0.25s ease;
	padding: 0.5rem 0;
	cursor: pointer;
}

ul.filters li a:hover,ul.filters li a.selected {
	color: #c49800 !important;
}

.grid {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 1rem;
}

.grid .item {
	float: left;
	position: relative;
	text-align: center;
	width: calc((100% - 1rem) / 2);
	margin-right: 1rem;
	margin-bottom: 2rem;
}

.grid .item:nth-child(2n) {
	margin-right: 0;
}

.grid.instagram .item {
	margin-bottom: 1rem;
}

.grid.recently-viewed .item, .grid.press .item  {
	float: left;
	width: calc((100% - 1rem) / 2);
	margin-right: 1rem;
}

.grid.recently-viewed .item:nth-child(2n), .grid.press .item:nth-child(2n) {
	margin-right: 0;
}

.grid.categories .item, .grid.stories .item {
	text-align: center;
	width: 100%;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

.grid.categories .item a.product-link .grid-image-holder {
	margin-bottom: 0;
}

a.product-link {
	display: inline-block;
	width: 100%;
    transition: all 0.25s ease;
	overflow: hidden;
	cursor: pointer;
}

a.product-link .grid-image-holder, a.story-link .grid-image-holder, a.press-link .grid-image-holder {
	max-width: 100%;
	margin-bottom: 0.75rem;
	overflow: hidden;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

a.product-link .grid-image-holder img, a.story-link .grid-image-holder img, a.press-link .grid-image-holder img {
	max-width: 100%;
	overflow: hidden;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

a.product-link:hover .grid-image-holder img, a.story-link:hover .grid-image-holder img, a.press-link:hover .grid-image-holder img  {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

a.story-link .grid-text-holder, a.press-link .grid-text-holder, a.product-link .grid-text-holder {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.item-title {
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #1a1918 !important;
	text-align: center;
	margin-bottom: 0.25rem;
}

p.style-number, p.story-date, p.press-date {
	font-weight: 300;
	color: #1a1918 !important;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.075rem;
	text-align: center;
	margin-bottom: 0;
}

p.style-number.left, p.story-date.left {
	text-align: left;
}

@media screen and (min-width: 600px) {
	
	ul.filters {
		width: 87.5%;
	}
	
	.grid .item, .grid.stories .item {
		float: left;
		width: calc((100% - 1rem) / 2);
		margin-right: 1rem;
	}
	
	.grid .item:nth-child(2n), .grid.stories .item:nth-child(2n) {
		margin-right: 0;
	}
	
	.grid.instagram .item {
		width: calc((100% - 2rem) / 3);
	}
	
	.grid.instagram .item:nth-child(2n){
		margin-right: 1rem;
	}
	
	.grid.instagram .item:nth-child(3n){
		margin-right: 0;
	}
	
	.grid.recently-viewed .item, .grid.press .item {
		float: left;
		width: calc((100% - 2rem) / 3);
		margin-right: 1rem;
	}

	.grid.recently-viewed .item:nth-child(2n), .grid.press .item:nth-child(2n) {
		margin-right: 1rem;
	}

	.grid.recently-viewed .item:nth-child(3n), .grid.press .item:nth-child(3n) {
		margin-right: 0;
	}
	
	p.style-number, p.story-date, p.press-date {
		font-size: 0.75rem;
	}
	
	a.story-link .grid-text-holder, a.press-link .grid-text-holder, a.product-link .grid-text-holder {
		height: 4rem;
	}
	
}

@media screen and (min-width: 900px) {
	
	ul.filters {
		width: 75%;
	}
	
	.grid .item, .grid.stories .item {
		width: calc((100% - 2rem) / 3);
		margin-bottom: 1rem;
	}
	
	.grid .item:nth-child(2n), .grid.stories .item:nth-child(2n) {
		margin-right: 1rem;
	}
		
	.grid .item:nth-child(3n), .grid.stories .item:nth-child(3n) {
		margin-right: 0;
	}
	
	.grid.categories .item:nth-child(3n) {
		margin-right: 1rem;
	}
	
	.grid.categories .item:nth-child(3n) {
		margin-right: 1rem;
	}
	
	.grid.instagram .item {
		width: calc((100% - 5rem) / 6);
	}
	
	.grid.instagram .item:nth-child(2n){
		margin-right: 1rem;
	}
	
	.grid.instagram .item:nth-child(3n){
		margin-right: 1rem;
	}
	
	.grid.instagram .item:nth-child(6n){
		margin-right: 0;
	}
		
	.grid.recently-viewed .item, .grid.press .item {
		width: calc((100% - 5rem) / 6);
	}
	
	.grid.recently-viewed .item:nth-child(2n), .grid.press .item:nth-child(2n) {
		margin-right: 1rem;
	}
	
	.grid.recently-viewed .item:nth-child(3n), .grid.press .item:nth-child(3n) {
		margin-right: 1rem;
	}
		
	.grid.recently-viewed .item:nth-child(6n), .grid.press .item:nth-child(6n) {
		margin-right: 0;
	}
	
	.grid.categories .item {
		width: calc((100% - 1rem) / 2);
	}
	
	.grid.categories .item:nth-child(2n) {
		margin-right: 0;
	}
	
	p.style-number, p.story-date, p.press-date {
		font-size: 0.75rem;
	}
	
	a.story-link .grid-text-holder, a.press-link .grid-text-holder, a.product-link .grid-text-holder {
		height: 5rem;
	}
	
}

@media screen and (min-width: 1200px) {
	
	ul.filters {
		width: 66%;
	}
	
	.grid .item {
		width: calc((100% - 3rem) / 4);
		height: 22rem;
	}
	
	.grid .item:nth-child(3n) {
		margin-right: 1rem;
	}
	
	.grid.categories .item:nth-child(3n) {
		margin-right: 1rem;
	}
		
	.grid .item:nth-child(4n) {
		margin-right: 0;
	}
	
	.grid.categories .item:nth-child(2n) {
		margin-right: 0;
	}
	
	.grid.stories .item {
		width: calc((100% - 2rem) / 3);
	}
		
	.grid.stories .item:nth-child(2n) {
		margin-right: 1rem;
	}
	
	.grid.stories .item:nth-child(3n) {
		margin-right: 0;
	}
	
	.grid.categories .item {
		height: auto;
	}
	
	p.style-number, p.story-date, p.press-date {
		font-size: 0.875rem;
	}
	
	a.story-link .grid-text-holder, a.press-link .grid-text-holder, a.product-link .grid-text-holder {
		height: 6rem;
	}
	
}

@media screen and (min-width: 1300px) {
			
	.grid .item {
		height: 24rem;
	}
	
	.grid.categories .item {
		height: auto;
	}
	
}

@media screen and (min-width: 1400px) {
			
	.grid .item {
		height: 25rem;
	}
	
	.grid.categories .item {
		height: auto;
	}
	
}

@media screen and (min-width: 1500px) {
			
	.grid .item {
		height: 27rem;
	}
	
	.grid.categories .item {
		height: auto;
	}
	
}

@media screen and (min-width: 1600px) {
			
	.grid .item {
		height: 28rem;
	}
	
	.grid.categories .item {
		height: auto;
	}
	
}

@media screen and (min-width: 1700px) {
			
	.grid .item {
		height: 29rem;
	}
	
	.grid.categories .item {
		height: auto;
	}
	
}

@media screen and (min-width: 1800px) {
			
	.grid .item {
		height: 31rem;
	}
	
	.grid.categories .item {
		height: auto;
	}
	
}

@media screen and (min-width: 1920px) {
			
	.grid .item {
		height: 31rem;
	}
	
	.grid.categories .item {
		height: auto;
	}
	
}

/*******************************************************************/
/*  HEADER  */
/*******************************************************************/

.header {
	position: relative;
	z-index: 10000;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
	border-bottom: 1px solid #757c71;
	overflow: visible;
	height: 6rem;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.header.open { 
	position: fixed;
	height: 100%;
}

.header-inner, .search-panel-inner {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
    transition: all 0.25s ease;
	overflow: visible;
}

a.logo {
	display: inline-block;
	width: 15rem;
	height: 4rem;
	background-image: url('../img/logo/logoTM.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
    background-size: 100%;
	font-size: 1px;
	text-indent: -2000%;
	overflow: hidden;
	cursor: pointer;
	vertical-align: top;
	margin-top: 2rem;
}

.c-hamburger {
	position: absolute;
	display: block;
	top: 2rem;
	left: 1rem;
	z-index: 10001;
	overflow: hidden;
	width: 1.75rem;
	height: 4rem;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	background-color: transparent;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
	display: block;
	position: absolute;
	top: 2rem;
	left: 0;
	right: 0;
	height: 1.5px;
	background: #757c71;
}

.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 1.5px;
	background: #757c71;
	content: "";
}

.c-hamburger span::before {
  top: -0.5rem;
}

.c-hamburger span::after {
  bottom: -0.5rem;
}

.c-hamburger--htx {
	background-color: transparent;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: transparent;
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

nav {
	position: absolute;
	display: none;
	top: 6rem;
	left: 0;
	z-index: 99999999;
	width: 100%;
	height: calc(100% - 6rem);
	background-color: #757c71;  
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 540px) {
	nav {
		height: auto;
		top: 5rem;
	}
}

nav.open {
	display: block;
}

nav ul {
	position: relative;
	display: inline-block;
	width: calc(100% - 3rem);
	margin: 2rem 1.5rem 2rem 1rem;
	padding: 0 0 1rem 0;
}

nav ul li {
	position: relative;
	padding: 0;
	margin: 0;
}

nav ul li a {
	display: block;
	color: #b4bfae;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: 0.05rem;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	white-space: nowrap;
	margin: 1rem 0 1rem 0;
}

nav ul li a.selected {
	color: #FFFFFF;
}

nav ul li ul {
	position: static;
	width: 100%;
	background-color: transparent;
	padding: 0 0 1.5rem 0;
	margin: 0;
	overflow: visible;
}

nav ul li ul li {
	float: none;
	line-height: 1;
	margin-right: 0;
	margin-left: 0;
}

nav ul li ul li a {
	margin: 1rem 0 1rem 1.5rem;
}

nav ul li ul li.nav-inset {
	margin-left: 2rem;
}

nav ul li ul.fallback {
	display:none;
}

nav ul li:hover ul.fallback {
	display:block;
}

.commerce-tools {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0.5rem;
	background-color: #757c71;
}

.commerce-tools a.search, .commerce-tools a.cart-icon {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	overflow: hidden;
	text-indent: -200%;
	font-size: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: top;
	transition: all 0.25s ease;
	margin-right: 0.375rem;
	margin-left: 0.375rem;
	cursor: pointer;
}

.commerce-tools a.search{
	background-image: url('../img/icon/search_white.svg');
}

.commerce-tools a.cart-icon {
	background-image: url('../img/icon/cart_white.svg');
}

.commerce-tools a.phone {
	display: inline-block;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.8125rem;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.09rem;
	white-space: nowrap;
	color: #757c71;
	color: #FFFFFF;
	margin-right: 0.375rem;
	margin-left: 0.375rem;
}

/*******************************************************************/
/*  SEARCH  */
/*******************************************************************/

.search-panel {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10002;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #FFFFFF;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.search-panel.visible {
	visibility: visible;
	opacity: 1;
}

.search-form-wrapper {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: calc(100% - 2rem);
	text-align: left;
	margin-left: 1rem;
}

#searchInput {
	display: inline-block;
	width: calc(100% - 4rem);
}

input[type=search] {
	border-radius: 0;
	padding: 0.5rem 0 !important;
	border: none;
	border-bottom: 1px solid #757c71;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.125rem;
	color: #1a1918;
	background-color: transparent;
	transition: all .25s linear;
	-moz-transition: all .25s linear;
	-webkit-transition: all .25s linear;
	-o-transition: all .25s linear;
	outline: 0;
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

::placeholder {
	-webkit-text-security: none;
	color: #cccccc;
	pointer-events: none;
}

a.search-button, a.close-button {
	position: absolute;
	top: 0;
	height: 3rem;
	font-size: 0px;
	text-indent: 200%;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	overflow: hidden;
	opacity: .35;
	transition: all .25s linear;
	-moz-transition: all .25s linear;
	-webkit-transition: all .25s linear;
	-o-transition: all .25s linear;
}

a.search-button {
	right: 2rem;
	width: 1.5rem;
	background-image: url('../img/icon/search.svg');
}

a.close-button {
	right: 0;
	width: 1.25rem;
	background-image: url('../img/icon/close.svg');
}

a.search-button:hover, a.close-button:hover {
	opacity: 1.0;
}


@media screen and (min-width: 600px) {
	
	.header {
		height: 7rem;
	}
	
	.header-inner, .search-panel-inner {
		width: 100%;
	}
	
	.c-hamburger {
		height: 5rem;
	}

	.c-hamburger span {
		top: 2.5rem;
	}
	
	a.logo {
		display: inline-block;
		width: 21rem;
		height: 5rem;
	}
	
	nav {
		height: calc(100% - 7rem);
		top: 7rem;
	}
	
	.search-form-wrapper {
		width: calc(100% - 10rem);
		margin-left: 5rem;
	}
	
}

@media screen and (min-width: 900px) {
	
	.commerce-tools a.phone {
		display: inline-block;
	}
	
	a.logo {
		width: 21rem;
		height: 5.5rem;
		margin-top: 0;
	}
	
	.c-hamburger {
		display: none;
	}
		
	nav { 
		position: absolute;
		z-index: 2000;
		display: block;
		width: auto;
		height: auto;
		background: transparent;  
		overflow-y: visible;
		right: 0;
		top: 4.125rem;
		left: 0;
	}

	nav ul {
		position: relative;
		display: inline-block;
		width: auto;
		text-align: left;
		margin: 0;
		padding: 0;
	}

	nav ul li {
		position: relative;
		float: left;
		display: inline;
		margin: 0 1.25rem;
		padding: 0;
	}
	
	nav ul li a {
		font-size: 0.8125rem;
		color: #757c71;
	}
	
	nav ul li a:hover {
		font-size: 0.8125rem;
		color: #c49800;
	}
	
	nav ul li a.selected {
		color: #c49800;
	}
	
	nav ul li ul {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: auto;
		background-color: #FFFFFF;
		padding: 0 3.5rem 1rem 2.5rem;
		margin-left: -2.55rem;
		overflow: visible;
	}

	nav ul li ul li {
		float: none;
		display: block;
		padding: 0;
		margin: 0;
	}
	
	nav ul li ul li a {
		margin: 0.875rem 0 0.875rem 0;
	}
	
	.commerce-tools {
		position: absolute;
		top: 0;
		left: auto;
		right: 0;
		width: auto;
		padding: 0.5rem;
		background-color: #FFFFFF;
		text-align: right;
	}
	
	.commerce-tools a.search{
		background-image: url('../img/icon/search.svg');
	}

	.commerce-tools a.cart-icon {
		background-image: url('../img/icon/cart.svg');
	}

	.commerce-tools a.phone {
		color: #757c71;
	}
	
	.search-form-wrapper {
		width: 50%;
		margin-left: 25%;
	}
	
	input[type=search] {
		font-size: 1.25rem;
	}
	
}

@media screen and (min-width: 1200px) {
	
	.header {
		height: 12rem;
	}
	
	.header-inner, .search-panel-inner {
		width: calc(100% - 8rem);
	}
	
	a.logo {
		top: 1rem;
		width: 38rem;
		height: 8rem;
		position: relative;
	}
	
	nav { 
		top: 9.5rem;
	}
	
	input[type=search] {
		font-size: 1.5rem;
	}
	
}

@media screen and (min-width: 1920px) {
	
	.header {
		width: 120rem;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.header-inner, .search-panel-inner {
		width: calc(100% - 16rem);
	}
	
}

/*******************************************************************/
/*  FOOTER  */
/*******************************************************************/

.footer {
	display: block;
	text-align: center;
	overflow: hidden;
}

.footer.top {
	margin-top: 3rem;
}

.footer.bottom {
	margin: 0;
	padding: 3rem 0;
	background-color: #757c71;
}

.cta-holder {
	display: block;
	width: 100%;
	text-align: center;
	padding-bottom: 2rem;
}

.footer-logo-holder {
	display: inline-block;
	text-align: center;
	width: calc(55%);
	padding: 0 0 1rem 0;
    border-bottom: 1px solid #757c71;
}

.footer-links-holder {
	display: inline-block;
	text-align: center;
	width: 100%;
	padding: 2rem 0;
	border-top: 1px solid #757c71;
}

ul.footer-links {
	text-align: center;
	display: block;
}

ul.footer-links li {
	display: block;
	margin: 0 0 0 0;
}

ul.footer-links li a {
	position: relative;
	display: inline-block;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.1rem;
	text-decoration: none;
	text-transform: uppercase;
	color: #757c71 !important;
	padding: 0.5rem 0;
	-webkit transition: all 0.25s ease;
    transition: all 0.25s ease;
}

ul.footer-links li a:hover {
	color: #c49800 !important;
}

ul.social-links {
	display: block;
	text-align: center;
	margin: 2rem 0 1rem 0;
}

ul.social-links li {
	display: inline-block;
	margin: 0 0.75rem 0 0.75rem;
}

ul.social-links li a {
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	overflow: hidden;
	text-indent: -200%;
	font-size: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit transition: all 0.25s ease;
    transition: all 0.25s ease;
}

ul.social-links li a.instagram {
	background-image: url('../img/icon/instagram.svg');
}

ul.social-links li a.pinterest {
	background-image: url('../img/icon/pinterest.svg');
}

ul.social-links li a.instagram:hover, ul.social-links li a.pinterest:hover {

}

.footer.bottom {
	background-color: #00648c;
	background-color: #94a288;
	background-color: #516c87;
	background-color: #587592;
	background-color: #8e9c9b;
	background-color: #7f96a0;
	background-color: #2e3548;
	background-color: #13231b;
	background-color: #265F68;
	background-color: #67706d;
	background-color: #6b706e;
	background-color: #757c71;
	background-color: #757c71;
	padding-bottom: 1rem;
}

.footer.bottom p {
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.8125rem;
	text-align: center;
	letter-spacing: 0.1rem;
	line-height: 1;
	color: rgba(255,255,255,0.35) !important;
	margin-bottom: 0;
}

.footer.bottom p.title {
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.8125rem;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	line-height: 1;
	color: rgba(255,255,255,1.0) !important;
	margin-bottom: 1.5rem;
}

.footer.bottom p strong {
	font-weight: 500;
	color: rgba(255,255,255,0.75) !important;
}

.footer.bottom p a {
	color: rgba(255,255,255,0.75) !important;
	cursor: pointer;
}

.footer.bottom p a:hover {
	color: rgba(255,255,255,1.0) !important;
	border-bottom: none;
}

/*******************************************************************/
/*  MAILING LIST FORM  */
/*******************************************************************/

form.mailing-list-form {
	position: relative;
	display: inline-block;
	padding: 0;
	width: 30rem;
	margin-bottom: 4rem;
}

select, 
input[type="number"],
input[type="text"], 
input[type="password"], 
input[type='tel'], 
input[type='email'], 
textarea {
	border-radius:0;
	display: inline-block;
	background-color: #FFF;
	color: #1a1918;
	border: 1px solid #1a1918;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	height: auto;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1;
	margin-bottom: 0.75rem;
	padding: 0.625rem 1rem;
	width: 100%;
	/* box-shadow: inset 0 1px 2px rgba(0,0,0,.0625); */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	margin-top: 0;
}

form.mailing-list-form input[type="email"] {
	border-radius: 0;
	padding: 0.5 0.75;
	margin-bottom: 1.5rem;
	border: none;
}

#mce-EMAIL {
	width: 90%;
}

input[type=submit] {
	display: inline-block;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.8125rem;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	background-color: transparent;
	padding: 1rem 2rem;
	transition: all 0.5s ease;
	cursor: pointer;
	color: #FFF;
	border: 1px solid #FFF;
}

input[type=submit]:hover {
	color: #757c71;
	background-color: #FFF;
}

#reused_form input[type=submit] {
	text-align: center;
	letter-spacing: 0.1rem;
	transition: all 0.5s ease;
	cursor: pointer;
	color: #757c71;
	border: 1px solid #757c71;
}

#reused_form input[type=submit]:hover {
	color: #FFF;
	background-color: #757c71;
	background-color: #757c71;
}


@media screen and (min-width: 600px) {
	
	.footer.top {
		margin-top: 3rem;
	}
	
	.cta-holder {
		padding-bottom: 2rem;
	}
	
	.footer-links-holder {
		padding: 2rem 0 2rem 0;
	}
	
	.footer.bottom {
		padding-top: 4.5rem;
		padding-bottom: 1rem;
	}
	
	form.mailing-list-form {
		width: 30rem;
		margin-bottom: 6rem;
	}
	
	ul.footer-links {
		float: left;
		display: inline-block;
		margin-bottom: 2rem;
	}

	ul.footer-links li {
		display: inline-block;
		margin: 0 .5rem 0 .5rem;
	}

	ul.footer-links li a {
		position: relative;
		display: inline-block;
		font-family: "Gotham A", "Gotham B", sans-serif;
		font-size: 0.8125rem;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.1rem;
		text-decoration: none;
		text-transform: uppercase;
		color: #757c71 !important;
		padding: 0.25rem 0;
		-webkit transition: all 0.25s ease;
	    transition: all 0.25s ease;
	}

	ul.footer-links li a:hover {
		color: #c49800 !important;
	}
	
	ul.social-links {
		display: block;
		text-align: center;
		margin: 2rem 0 1rem 0;
	}

	ul.social-links li {
		display: inline-block;
		margin: 0 0.75rem 0 0.75rem;
	}

	ul.social-links li a {
		display: inline-block;
		width: 1.25rem;
		height: 1.25rem;
		overflow: hidden;
		text-indent: -200%;
		font-size: 0px;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit transition: all 0.25s ease;
	    transition: all 0.25s ease;
	}

	ul.social-links li a.instagram {
		background-image: url('../img/icon/instagram.svg');
	}

	ul.social-links li a.pinterest {
		background-image: url('../img/icon/pinterest.svg');
	}

	ul.social-links li a.instagram:hover, ul.social-links li a.pinterest:hover {

	}
	
	
}

@media screen and (min-width: 900px) {
	
	.footer.top {
		margin-top: 3rem;
	}
	
	.cta-holder {
		padding-bottom: 2rem;
	}
	
	.footer-links-holder {
		padding: 3rem 0;
	}
	
	.footer.bottom {
		padding-top: 4.5rem;
		padding-bottom: 1rem;
	}
	
	form.mailing-list-form {
		width: 30rem;
		margin-bottom: 6rem;
	}
	
	ul.footer-links {
		float: left;
		display: inline-block;
		margin-bottom: 0;
	}

	ul.footer-links li {
		display: inline-block;
		margin: 0 1.5rem 0 0;
	}

	ul.footer-links li a {
		position: relative;
		display: inline-block;
		font-family: "Gotham A", "Gotham B", sans-serif;
		font-size: 0.8125rem;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.1rem;
		text-decoration: none;
		text-transform: uppercase;
		color: #757c71 !important;
		padding: 0.25rem 0;
		-webkit transition: all 0.25s ease;
	    transition: all 0.25s ease;
	}

	ul.footer-links li a:hover {
		color: #c49800 !important;
	}
	
	ul.social-links {
		float: right;
		display: inline-block;
		margin: 0;
	}

	ul.social-links li {
		display: inline-block;
		margin: 0 0 0 1.25rem;
	}

	ul.social-links li a {
		display: inline-block;
		width: 1.25rem;
		height: 1.25rem;
		overflow: hidden;
		text-indent: -200%;
		font-size: 0px;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit transition: all 0.25s ease;
	    transition: all 0.25s ease;
	}

	ul.social-links li a.instagram {
		background-image: url('../img/icon/instagram.svg');
	}

	ul.social-links li a.pinterest {
		background-image: url('../img/icon/pinterest.svg');
	}

	ul.social-links li a.instagram:hover, ul.social-links li a.pinterest:hover {

	}
	
	
}

@media screen and (min-width: 1200px) {
	
	.footer.top {
		margin-top: 6rem;
	}
	
	.cta-holder {
		padding-bottom: 3rem;
	}
	
	.footer-links-holder {
		width: calc(75%);
		padding: 3rem 0;
	}
	
	form.mailing-list-form {
		width: 30rem;
		margin-bottom: 6rem;
	}
	
	ul.footer-links {
		float: left;
		display: inline-block;
	}

	ul.footer-links li {
		display: inline-block;
		margin: 0 1.5rem 0 0;
	}

	ul.footer-links li a {
		position: relative;
		display: inline-block;
		font-family: "Gotham A", "Gotham B", sans-serif;
		font-size: 0.8125rem;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.1rem;
		text-decoration: none;
		text-transform: uppercase;
		color: #757c71 !important;
		padding: 0.25rem 0;
		-webkit transition: all 0.25s ease;
	    transition: all 0.25s ease;
	}

	ul.footer-links li a:hover {
		color: #c49800 !important;
	}
	
	ul.social-links {
		float: right;
		display: inline-block;
		margin: 0;
	}

	ul.social-links li {
		display: inline-block;
		margin: 0 0 0 1.25rem;
	}

	ul.social-links li a {
		display: inline-block;
		width: 1.25rem;
		height: 1.25rem;
		overflow: hidden;
		text-indent: -200%;
		font-size: 0px;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit transition: all 0.25s ease;
	    transition: all 0.25s ease;
	}

	ul.social-links li a.instagram {
		background-image: url('../img/icon/instagram.svg');
	}

	ul.social-links li a.pinterest {
		background-image: url('../img/icon/pinterest.svg');
	}

	ul.social-links li a.instagram:hover, ul.social-links li a.pinterest:hover {

	}
	
}

@media screen and (min-width: 1920px) {
	
	.footer.top {
		margin-top: 6rem;
	}
	
	.cta-holder {
		padding-bottom: 3rem;
	}
	
	.footer-links-holder {
		width: calc(55%);
		padding: 3rem 0;
	}
	
	form.mailing-list-form {
		width: 30rem;
		margin-bottom: 6rem;
	}
	
	ul.footer-links {
		float: left;
		display: inline-block;
	}

	ul.footer-links li {
		display: inline-block;
		margin: 0 1.5rem 0 0;
	}

	ul.footer-links li a {
		position: relative;
		display: inline-block;
		font-family: "Gotham A", "Gotham B", sans-serif;
		font-size: 0.8125rem;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.1rem;
		text-decoration: none;
		text-transform: uppercase;
		color: #757c71 !important;
		padding: 0.25rem 0;
		-webkit transition: all 0.25s ease;
	    transition: all 0.25s ease;
	}

	ul.footer-links li a:hover {
		color: #c49800 !important;
	}
	
	ul.social-links {
		float: right;
		display: inline-block;
		margin: 0;
	}

	ul.social-links li {
		display: inline-block;
		margin: 0 0 0 1.25rem;
	}

	ul.social-links li a {
		display: inline-block;
		width: 1.25rem;
		height: 1.25rem;
		overflow: hidden;
		text-indent: -200%;
		font-size: 0px;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit transition: all 0.25s ease;
	    transition: all 0.25s ease;
	}

	ul.social-links li a.instagram {
		background-image: url('../img/icon/instagram.svg');
	}

	ul.social-links li a.pinterest {
		background-image: url('../img/icon/pinterest.svg');
	}

	ul.social-links li a.instagram:hover, ul.social-links li a.pinterest:hover {

	}
	
}

/*******************************************************************/
/*  CATEGORIES  */
/*******************************************************************/

.hero, .category-hero, .category-hero-85 {
	position: relative;
	display: block;
	width: 100%;
	height: calc(85vh - 6rem);
	text-align: center;
	font-size: 0pt;
	margin-bottom: 2rem;
	background-color: rgba(0,0,0,0.125);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

h1.category-name, h2.category-name, h3.category-name, h4.category-name, h5.category-name {
	font-family: "Audrey-Regular", serif;
	line-height: 1.5;
	color: #FFF !important;
	text-align: center;
	padding: 0 1.5rem 2rem 1.5rem;
}

.category-info {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 3rem;
	margin-left: auto;
}

.search-info {
	margin-top: 3rem;
	margin-right: auto;
	margin-bottom: 3rem;
	margin-left: auto;
}

.category-statement, .search-statement {
	font-family: "Chronicle Display A", "Chronicle Display B";
	font-style: italic;
	font-weight: 200;
	line-height: 1.5;
	color: #757c71 !important;
	text-align: center;
	margin-top: 0.5rem;
	margin-right: 1rem;
	margin-bottom: 2rem;
	margin-left: 1rem;	
}

.category-statement:after {
	content: "";
	display: block;
	margin: 0 auto;
	padding-bottom: 1.5rem;
	width: 50%;
	border-bottom: 1px solid #caae4e;
}

p.category-description {
	line-height: 1.75;
}






@media screen and (min-width: 600px) {
	
	.hero, .category-hero {
		height: calc(100vh - 7rem);
		margin-bottom: 3rem;
	}
	
	h1.category-name, h2.category-name, h3.category-name, h4.category-name, h5.category-name {
		padding: 0 1.5rem 2rem 1.5rem;
	}
	
	.category-info {
		width: 87.5%;
		margin-bottom: 5rem;
	}
	
}

@media screen and (min-width: 900px) {
		
	.hero, .category-hero {
		margin-bottom: 4rem;
	}
	
	h1.category-name, h2.category-name, h3.category-name, h4.category-name, h5.category-name {
		padding: 0 1rem 3rem 1rem;
	}
	
	.category-info {
		width: 75%;
		margin-bottom: 5rem;
	}
	
	.category-statement:after {
		padding-bottom: 1.5rem;
		width: 50%;
	}
	
}

@media screen and (min-width: 1200px) {
	
	.hero, .category-hero {
		height: calc(100vh - 8rem);
		margin-bottom: 4rem;
	}
	
	.category-hero-85 {
		height: calc(85vh - 9rem);
		margin-bottom: 5rem;
	}
	
	h1.category-name, h2.category-name, h3.category-name, h4.category-name, h5.category-name {
		padding: 0 1rem 3rem 1rem;
	}
	
	.category-info {
		width: 66%;
		margin-bottom: 6rem;
	}
	
	.category-statement {
		margin-bottom: 3rem;
	}
	
	.category-statement:after {
		padding-bottom: 3rem;
		width: 33%;
	}
	
}

@media screen and (min-width: 1920px) {
		
	.hero, .category-hero {
		margin-bottom: 4rem;
	}
	
	.category-info {
		margin-bottom: 6rem;
	}
	
	.category-statement {
		margin-bottom: 3rem;
	}
	
	.category-statement:after {
		padding-bottom: 3rem;
		width: 33%;
	}
	
	.search-info {
		margin-top: 4rem;
		margin-right: auto;
		margin-bottom: 3rem;
		margin-left: auto;
	}
	
	.search-statement {
		margin-bottom: 3rem;
	}
	
}

/*******************************************************************/
/*  PRODUCTS  */
/*******************************************************************/

.section-outer.product {
	position: relative;
	margin-top: 1rem;
}

.section-inner.product-info {
	margin-bottom: 3rem;
}

.section-inner.recently-viewed {
	border-top: 1px solid #757c71;
	padding-top: 2rem;
}

.product-image-holder {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.product-image-holder img {
	width: 100%;
	padding: 0;
	margin: 0;
}

img.product-image {
	padding: 0;
	margin: 0 0 0.5rem;
}

.cycle-pager {
	text-align: center;
	width: 100%;
	z-index: 1000;
	position: absolute;
	bottom: 0.5rem;
	overflow: hidden;
}
	
a img.pager-image {
	float: left;
	width: calc((100% - 2.5rem) / 6);
	margin-bottom: 0.5rem;
	margin-right: 0.5rem;
}
	
a:nth-child(6n) img.pager-image {
	margin-right: 0;
}

img.pager-image {
	float: left;
	width: 5rem;
	margin-right: 0.5rem;
}

.product-text-holder {
	display: block;
	clear: both;
	width: 100%;
	text-align: left;
	padding: 1rem 0 0 0;
	margin: 0;
}

.section-title {
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #757c71 !important;
	text-transform: uppercase;
	letter-spacing: 0.07rem;
	margin-bottom: 2rem;
}

.product-title, .item-title {
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #1a1918 !important;
	text-align: left;
	margin-bottom: 0.25rem;
}

.item-title {
	text-align: center;
}

ul.tools {
	display: block;
	text-align: left;
	overflow: hidden;
	margin-top: 2rem;
}

ul.tools li {
	display: block;
}

a.tool-tearsheet, a.tool-clipboard, a.tool-email, a.tool-telephone {
	display: inline-block;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.75rem;
	color: #1a1918 !important;
	text-transform: uppercase;
	letter-spacing: 0.09rem;
	text-align: left;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 2rem;
	background-repeat: no-repeat;
	background-size: 1.25rem;
	background-position: left center;
    transition: all 0.25s ease;
	cursor: pointer;
}

a.tool-tearsheet:hover, a.tool-clipboard:hover, a.tool-email:hover, a.tool-telephone:hover {
	margin-left: 0.5rem;
}

a.tool-tearsheet {
	background-image: url('../img/icon/tool_tearsheet.svg');
}

a.tool-clipboard {
	background-image: url('../img/icon/tool_clipboard.svg');
}

a.tool-email {
	background-image: url('../img/icon/tool_email.svg');
}

a.tool-telephone {
	background-image: url('../img/icon/tool_telephone.svg');
}

@media screen and (min-width: 600px) {
	
	.section-outer.product {
		position: relative;
		margin-top: 2rem;
	}
	
	.section-inner.product-info {
		margin-bottom: 3rem;
	}
	
	.section-inner.recently-viewed {
		border-top: 1px solid #757c71;
		padding-top: 3rem;
	}
	
	.product-image-holder {
		float: left;
		width: calc(50% - 1rem);
		margin: 0;
		padding: 0;
	}

	.product-image-holder img {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	img.product-image {
		padding: 0;
		margin: 0 0 0.5rem;
	}
	
	.cycle-pager {
		text-align: center;
		width: 100%;
		z-index: 1000;
		position: absolute;
		bottom: 0.5rem;
		overflow: hidden;
	}
	
	a img.pager-image {
		float: left;
		width: calc((100% - 1.5rem) / 4);
		margin-bottom: 0.5rem;
		margin-right: 0.5rem;
	}
	
	a:nth-child(6n) img.pager-image {
		margin-right: 1;
	}
	
	a:nth-child(4n) img.pager-image {
		margin-right: 0;
	}
	
	img.pager-image {
		float: left;
		width: 5rem;
		margin-right: 0.5rem;
	}

	.product-text-holder {
		float: right;
		clear: none;
		width: calc(50% - 1rem);
		text-align: left;
		padding: 0;
		margin: 0;
	}
	
	.section-title {
		font-family: "Gotham A", "Gotham B", sans-serif;
		font-style: normal;
		font-weight: 300;
		color: #757c71 !important;
		text-transform: uppercase;
		letter-spacing: 0.07rem;
		margin-bottom: 3rem;
	}
	
	.product-title, .item-title {
		font-family: "Gotham A", "Gotham B", sans-serif;
		font-style: normal;
		font-weight: 300;
		color: #1a1918 !important;
		text-align: left;
		margin-bottom: 0.25rem;
	}
	
	.item-title {
		text-align: center;
	}
	
}

@media screen and (min-width: 900px) {
	
	.section-outer.product {
		position: relative;
		margin-top: 2rem;
	}
	
	.section-inner.product-info {
		margin-bottom: 3rem;
	}
	
	.section-inner.recently-viewed {
		border-top: 1px solid #757c71;
		padding-top: 3rem;
	}
	
	.product-image-holder {
		float: left;
		width: calc(50% - 1rem);
		margin: 0;
		padding: 0;
	}

	.product-image-holder img {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	img.product-image {
		padding: 0;
		margin: 0 0 0.5rem;
	}
	
	.cycle-pager {
		text-align: center;
		width: 100%;
		z-index: 1000;
		position: absolute;
		bottom: 0.5rem;
		overflow: hidden;
	}
	
	a img.pager-image {
		float: left;
		width: calc((100% - 2.5rem) / 6);
		margin-bottom: 0.5rem;
		margin-right: 0.5rem;
	}
	
	a:nth-child(4n) img.pager-image {
		margin-right: 0.5rem;
	}
	
	a:nth-child(6n) img.pager-image {
		margin-right: 0;
	}
	
	img.pager-image {
		float: left;
		width: 5rem;
		margin-right: 0.5rem;
	}

	.product-text-holder {
		float: right;
		width: calc(50% - 1rem);
		text-align: left;
		padding: 0;
		margin: 0;
	}
	
	.section-title {
		font-family: "Gotham A", "Gotham B", sans-serif;
		font-style: normal;
		font-weight: 300;
		color: #757c71 !important;
		text-transform: uppercase;
		letter-spacing: 0.07rem;
		margin-bottom: 3rem;
	}
	
	.product-title, .item-title {
		font-family: "Gotham A", "Gotham B", sans-serif;
		font-style: normal;
		font-weight: 300;
		color: #1a1918 !important;
		text-align: left;
		margin-bottom: 0.25rem;
	}
	
	.item-title {
		text-align: center;
	}
	
}

@media screen and (min-width: 1200px) {
	
	.section-outer.product {
		position: relative;
		margin-top: 3rem;
	}
	
	.section-inner.product-info {
		margin-bottom: 3rem;
	}
	
	.section-inner.recently-viewed {
		border-top: 1px solid #757c71;
		padding-top: 3rem;
	}
	
	.product-image-holder {
		float: left;
		width: calc(50% - 1.5rem);
		margin: 0;
		padding: 0;
	}

	.product-image-holder img {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	img.product-image {
		padding: 0;
		margin: 0 0 0.5rem;
	}
	
	.cycle-pager {
		text-align: center;
		width: 100%;
		z-index: 1000;
		position: absolute;
		bottom: 0.5rem;
		overflow: hidden;
	}

	.product-text-holder {
		float: right;
		width: calc(50% - 1.5rem);
		text-align: left;
		padding: 0;
		margin: 0;
	}
	
	.section-title {
		font-family: "Gotham A", "Gotham B", sans-serif;
		font-style: normal;
		font-weight: 300;
		color: #757c71 !important;
		text-transform: uppercase;
		letter-spacing: 0.07rem;
		margin-bottom: 3rem;
	}
	
	.product-title, .item-title {
		font-family: "Gotham A", "Gotham B", sans-serif;
		font-style: normal;
		font-weight: 300;
		color: #1a1918 !important;
		text-align: left;
		margin-bottom: 0.25rem;
	}
	
	.item-title {
		text-align: center;
	}
	
}

@media screen and (min-width: 1200px) {
	
	.section-outer.product {
		position: relative;
		margin-top: 3rem;
	}
	
	.section-inner.product-info {
		margin-bottom: 3rem;
	}
	
	.section-inner.recently-viewed {
		border-top: 1px solid #757c71;
		padding-top: 3rem;
	}
	
	.product-image-holder {
		float: left;
		width: calc(50% - 1.5rem);
		margin: 0;
		padding: 0;
	}
	
	img.product-image {
		padding: 0;
		margin: 0 0 0.5rem;
	}
	
	.cycle-pager {
		text-align: center;
		width: 100%;
		z-index: 1000;
		position: absolute;
		bottom: 0.5rem;
		overflow: hidden;
	}

	.product-text-holder {
		float: right;
		width: calc(50% - 1.5rem);
		text-align: left;
		padding: 0;
		margin: 0;
	}
	
	.section-title {
		font-family: "Gotham A", "Gotham B", sans-serif;
		font-style: normal;
		font-weight: 300;
		color: #757c71 !important;
		text-transform: uppercase;
		letter-spacing: 0.07rem;
		margin-bottom: 3rem;
	}
	
	.product-title, .item-title {
		font-family: "Gotham A", "Gotham B", sans-serif;
		font-style: normal;
		font-weight: 300;
		color: #1a1918 !important;
		text-align: left;
		margin-bottom: 0.25rem;
	}
	
	.item-title {
		text-align: center;
	}
	
}

@media screen and (min-width: 1800px) {
	
	.section-outer.product {
		position: relative;
		margin-top: 3rem;
	}
	
	.section-inner.product-info {
		margin-bottom: 6rem;
	}
	
	.section-inner.recently-viewed {
		border-top: 1px solid #757c71;
		padding-top: 3rem;
	}
	
	.product-image-holder {
		float: left;
		width: calc(50% - 1.5rem);
		margin: 0;
		padding: 0;
	}
	
	img.product-image {
		padding: 0;
		margin: 0 0 0.5rem;
	}
	
	.cycle-pager {
		text-align: center;
		width: 100%;
		z-index: 1000;
		position: absolute;
		bottom: 0.5rem;
		overflow: hidden;
	}

	.product-text-holder {
		float: right;
		width: calc(50% - 1.5rem);
		text-align: left;
		padding: 0;
		margin: 0;
	}
	
	.section-title {
		font-family: "Gotham A", "Gotham B", sans-serif;
		font-style: normal;
		font-weight: 300;
		color: #757c71 !important;
		text-transform: uppercase;
		letter-spacing: 0.07rem;
		margin-bottom: 3rem;
	}
	
	.product-title, .item-title {
		font-family: "Gotham A", "Gotham B", sans-serif;
		font-style: normal;
		font-weight: 300;
		color: #1a1918 !important;
		text-align: left;
		margin-bottom: 0.25rem;
	}
	
	.item-title {
		text-align: center;
	}
	
}

/*******************************************************************/
/*  INQUIRE  */
/*******************************************************************/



.inquire-card h3 {
	margin-bottom: 1rem;
}

.confirmation-message p {
	text-align: center;
}

.inquire-form-wrapper {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	background-color: rgb(255,255,255);
	box-shadow:
	    0 0 0 2px #caae4e,
	    0 0 0 11px #ffffff,
	    0 0 0 16px #757c71;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.inquire-form-wrapper form {
	padding: 1.5rem 1rem 1.5rem 1rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 
.inquire-form-wrapper form h2, .inquire-form-wrapper form h3, .inquire-form-wrapper form h4, .inquire-form-wrapper form h5 {
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #757c71;
	margin-top: -0.5rem;
	margin-bottom: 1.5rem;
}

input[type=text] {
	webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0;
	box-shadow: none !important;
	outline: none;
	background-clip: padding-box;
}

input[type=email] {
	webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0;
	box-shadow: none !important;
	outline: none;
	background-clip: padding-box; 
}

textarea {
	webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0;
	box-shadow: none !important;
	outline: none; 
	background-clip: padding-box;
}

.inquire-form-wrapper form input[type=text], .inquire-form-wrapper form input[type=email], textarea {
	webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.875rem;
	padding: 0.625rem;
	margin: 0 0 0.75rem 0;
	color: #757c71;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid rgba(100,118,96,0.25);
	background-color: #FFF;
	-webkit transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.inquire-form-wrapper form input[type=text]:focus, .inquire-form-wrapper form input[type=email]:focus, textarea:focus {
	webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #757c71;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgba(100,118,96,0.5);
}
::-moz-placeholder { /* Firefox 19+ */
	color: rgba(100,118,96,0.5);
}
:-ms-input-placeholder { /* IE 10+ */
	color: rgba(100,118,96,0.5);
}
:-moz-placeholder { /* Firefox 18- */
	color: rgba(100,118,96,0.5);
}

#reused_form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgba(100,118,96,0.5);
}
#reused_form ::-moz-placeholder { /* Firefox 19+ */
	color: rgba(100,118,96,0.5);
}
#reused_form :-ms-input-placeholder { /* IE 10+ */
	color: rgba(100,118,96,0.5);
}
#reused_form :-moz-placeholder { /* Firefox 18- */
	color: rgba(100,118,96,0.5);
}

.inquire-wrapper input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	font-family: "Gotham A", "Gotham B", serif;
	font-size: 1rem;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	color: rgb(124,160,192);
	border-radius: 0;
    background-color: rgb(255,255,255);
    padding: 0.5rem 1rem;
	border: 6px double rgb(124,160,192);
	-webkit transition: all 0.5s ease;
    transition: all 0.5s ease;
	cursor: pointer;
}

.inquire-wrapper input[type=submit]:hover {
	color: rgb(255,255,255);
	background-color: rgb(51,153,204);
	background-color: rgb(0,49,96);
}

.button-container {
	width: 100%;
	text-align: center;
	padding: 3rem 0;
}

.centered-button-container {
	width: 100%;
	text-align: center;
	padding: 3rem 0;
}

.button-wrapper {
	display: inline-block;
	padding: 2px;
	border: 1px solid rgb(124,160,192);
}

a.inquire-button {
	display: inline-block;
	font-family: "FinancierDisplayRegularItalic", serif;
	font-size: 1.5rem;
	text-align: center;
	color: rgb(255,255,255);
	letter-spacing: 1px;
	background: rgb(124,160,192);
	padding: 0.5rem 3rem 0.75rem 3rem;
	-webkit transition: all 0.5s ease;
    transition: all 0.5s ease;
	cursor: pointer;
}

a.inquire-button:hover {
	background: rgb(77,122,153);
	background: #123974;
}

#closeInquiryBtn {
	top: 1rem;
	right: 2rem;
}



/*******************************************************************/
/*  FLIP  */
/*******************************************************************/

.inquire-background {
	position: fixed;
	display: none;
	z-index: 20001;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.375);
	text-align: center;
}

.inquire-background.is-visible {
	display: block;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.25);
}

.inquire-card-wrapper {
	display: none;
	position: fixed;
	visibility: hidden;
	z-index: 20002;
	top: 50%;
	left: 50%;
	width: calc(100vw - 4rem);
	height: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
	margin: 2rem auto 0 auto;
	text-align: center;
	background-color: transparent;
	/*-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);*/
	-webkit transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.inquire-card-wrapper.is-visible {
	visibility: visible;
	display: inline-block;
	opacity: 1;
	margin-top: 0;
}

/* entire container, keeps perspective */
.flip-container {
    -webkit-perspective: 2000;
    -moz-perspective: 2000;
    -ms-perspective: 2000;
    perspective: 2000;
    -ms-transform: perspective(2000px);
    -moz-transform: perspective(2000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
}

.flip-container, .front, .back {
	width: calc(100vw - 4rem);
	height: 100%;
}

.front, .back {
	background-color: #ffffff;
}

/* flip speed goes here */
.flipper {
	position: relative;
	height: 100%;
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;
	-moz-transition: 0.6s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
}	

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: rotateY(0deg);
	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	-moz-transform: rotateY(0deg);
	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;
	-o-transform: rotateY(0deg);
	-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;
	-ms-transform: rotateY(0deg);
	transition: 0.6s;
	transform-style: preserve-3d;
	transform: rotateY(0deg);
	position: absolute;
	top: 0;
	left: 0;
}

.flip-container.activate .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-container.activate .back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

/* front pane, placed above back */
.front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background-color: #ffffff;
    z-index: 2;
}

/* back, initially hidden pane */
.back {
	position: relative;
	background: #ffffff;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.confirmation-message {
	position: relative;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: auto;
	text-align: center;
}

.confirmation-message h5 {
	color: #757c71;
	font-weight: 300;
	width: 100%;
	text-align: center;
	margin-bottom: 1rem;
}

.confirmation-message p {
	color: #757c71;
	width: 100%;
	text-align: center;
}

.confirmation-message .endmark {
	width: 3rem;
	height: 4rem;
	margin: 1rem auto 0 auto;
	background-image: url('../img/icon/endmark.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}


@media screen and (min-width: 600px) {
	
	.flip-container, .front, .back {
		width: 36rem;
		height: 31rem;
	}
	
	.inquire-card-wrapper {
		width: 36rem;
		height: 31rem;
		margin: 2rem auto 0 auto;
	}
	
	.inquire-card {
		padding: 3rem;
	}
	
	.inquire-card h3 {
		margin-bottom: 1rem;
	}

	.inquire-form-wrapper form {
		padding: 2rem 2rem 1.5rem 2rem;
	}
	 
	.inquire-form-wrapper form h2, .inquire-form-wrapper form h3, .inquire-form-wrapper form h4, .inquire-form-wrapper form h5 {
		margin-top: -0.5rem;
		margin-bottom: 1.5rem;
	}
	
	.inquire-form-wrapper form input[type=text],.inquire-form-wrapper form input[type=email], textarea {
		font-size: 1rem;
	}
	
	.inquire-wrapper input[type=submit] {
		display: inline-block;
		font-size: 1.125rem;
		line-height: 1;
		text-transform: uppercase;
		letter-spacing: 0.1rem;
		color: rgb(124,160,192);
	    background-color: rgb(255,255,255);
	    padding: 0.875rem 2rem;
		border: 6px double rgb(124,160,192);
		-webkit transition: all 0.5s ease;
	    transition: all 0.5s ease;
		cursor: pointer;
	}

	.inquire-wrapper input[type=submit]:hover {
		color: rgb(255,255,255);
		background-color: rgb(51,153,204);
		background-color: rgb(0,49,96);
	}
	
}

@media screen and (min-width: 900px) {
	
	.flip-container, .front, .back {
		width: 48rem;
		height: 32rem;
	}
	
	.inquire-card-wrapper {
		width: 48rem;
		height: 32rem;
		margin: 2rem auto 0 auto;
	}
	
	.inquire-card {
		padding: 3rem;
	}
	
	.inquire-card h3 {
		margin-bottom: 1rem;
	}

	.inquire-form-wrapper form {
		padding: 2.5rem 2rem 2rem 2rem;
	}
 
	.inquire-form-wrapper form h2, .inquire-form-wrapper form h3, .inquire-form-wrapper form h4, .inquire-form-wrapper form h5 {
		margin-top: -0.5rem;
		margin-bottom: 1.5rem;
	}
	
	.inquire-wrapper input[type=submit] {
		display: inline-block;
		font-size: 1rem;
		line-height: 1;
		text-transform: uppercase;
		letter-spacing: 0.1rem;
		color: rgb(124,160,192);
	    background-color: rgb(255,255,255);
	    padding: 0.875rem 2rem;
		border: 6px double rgb(124,160,192);
		-webkit transition: all 0.5s ease;
	    transition: all 0.5s ease;
		cursor: pointer;
	}

	.inquire-wrapper input[type=submit]:hover {
		color: rgb(255,255,255);
		background-color: rgb(51,153,204);
		background-color: #2e3548;
	}
}

/*******************************************************************/
/*  MAILING LIST FORM  */
/*******************************************************************/

form.mailing-list-form {
	position: relative;
	display: inline-block;
	padding: 0;
	width: 100%;
	margin-bottom: 4rem;
}

form.mailing-list-form input[type="text"], form.mailing-list-form input[type="password"], form.mailing-list-form input[type='tel'], form.mailing-list-form input[type='email'] {
	display: inline-block;
	background-color: #FFF;
	color: #1a1918;
	border: 1px solid #1a1918;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	height: auto;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1;
	margin-bottom: 0.75rem;
	padding: 0.625rem 1rem;
	width: 100%;
	/* box-shadow: inset 0 1px 2px rgba(0,0,0,.0625); */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	margin-top: 0;
}

form.mailing-list-form input[type="email"] {
	border-radius: 0;
	padding: 0.5 0.75;
	margin-bottom: 1.5rem;
	border: none;
}

input[type=submit] {
	display: inline-block;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 0.8125rem;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	background-color: transparent;
	padding: 1rem 2rem;
	transition: all 0.5s ease;
	cursor: pointer;
	color: #FFF;
	border: 1px solid #FFF;
}

input[type=submit]:hover {
	color: #757c71;
	background-color: #FFF;
}

#inquireForm input[type=submit] {
	text-align: center;
	letter-spacing: 0.1rem;
	transition: all 0.5s ease;
	cursor: pointer;
	color: #757c71;
	border: 1px solid #757c71;
}

#inquireForm input[type=submit]:hover {
	color: #FFF;
	background-color: #757c71;
}

@media screen and (min-width: 600px) {

	form.mailing-list-form {
		width: 50%;
		margin-bottom: 4rem;
	}
	
}

@media screen and (min-width: 900px) {
	
	form.mailing-list-form {
		width: 33%;
		margin-bottom: 4rem;
	}
	
}

@media screen and (min-width: 1200px) {
	
	form.mailing-list-form {
		width: 33%;
		margin-bottom: 4rem;
	}
	
}

@media screen and (min-width: 1800px) {
	
	form.mailing-list-form {
		width: 25%;
		margin-bottom: 4rem;
	}
	
}

/*******************************************************************/
/*  STORIES  */
/*******************************************************************/

h1.story-title, h2.story-title, h3.story-title, h4.story-title, h5.story-title, h5.press-title {
	font-family: "Chronicle Display A", "Chronicle Display B";
	font-style: normal;
	font-weight: 200;
	color: #1a1918 !important;
	text-align: center;
	margin-bottom: 0.25rem;
}

h1.story-title {
	font-size: 1.5rem;
	text-align: left;
	margin-bottom: 0;
	margin-top: .5rem;
	line-height: 1.25;
}

h5.story-title, h5.press-title {
	font-size: 1.125rem;
}

.story-head {
	margin-bottom: 1rem;
}

img.story-image,
img.alignone {
	width: 100%;
	margin-bottom: 1rem;
}

img.story-image-inset-left, img.story-image-inset-right,
img.alignleft, img.alignright {
	display: inline-block;
	width: 100%;
	padding-top: 0.375rem;
	margin-bottom: 1rem;
}

img.story-image-inset-left,
img.alignleft {
	float: left;
	margin-right: 1rem;
}

img.story-image-inset-right,
img.alignright {
	float: right;
	margin-left: 0.5rem;
}


@media screen and (min-width: 600px) {
	
	h1.story-title {
		font-size: 2.5rem;
	}
	
	h5.story-title, h5.press-title {
		font-size: 1.125rem;
	}
	
}

@media screen and (min-width: 900px) {
	
	
	h1.story-title {
		font-size: 3rem;
	}

	h5.story-title, h5.press-title {
		font-size: 1.1875rem;
		margin-bottom: 0.5rem;
	}
	
	.story-head {
		margin-bottom: 1.5rem;
	}
	
	img.story-image-inset-left, img.story-image-inset-right,
	img.alignleft, img.alignright {
		width: 40%;
	}
	
	img.story-image,
	img.alignone {
		margin-bottom: 1.5rem;
	}

	img.story-image-inset-right,
	img.alignright {
		margin-left: 1rem;
	}
	
}

@media screen and (min-width: 1200px) {
	
	h5.story-title, h5.press-title {
		font-size: 1.25rem;
		margin-bottom: 0.5rem;
	}
	
}

@media screen and (min-width: 1800px) {
	
	h1.story-title {
		font-size: 3.5rem;
		margin-bottom: 0.5rem;
	}

	h5.story-title, h5.press-title {
		font-size: 1.375rem;
		margin-bottom: 0.5rem;
	}
	
	.story-head {
		margin-bottom: 2rem;
	}
	
	img.story-image,
	img.alignone {
		margin-bottom: 2rem;
	}
	
	img.story-image-inset-left,
	img.alignleft {
		margin-right: 1.5rem;
	}
	
	img.story-image-inset-right,
	img.alignright {
		margin-left: 1.5rem;
	}
	
}


/*******************************************************************/
/*  SHOWROOMS  */
/*******************************************************************/

.showroom {
	display: inline-block;
	margin-bottom: 4rem;
}

.showroom-image {
	position: relative;
	margin-bottom: 1.75rem;
}

h1.showroom-name, h2.showroom-name, h3.showroom-name, h4.showroom-name, h5.showroom-name {
	font-family: "Audrey-Regular", serif;
	line-height: 1.35;
	font-weight: 400;
	color: #FFF !important;
	text-align: center;
	display: none;
}

@media screen and (min-width: 600px) {  /* -- 768px -- */
	
	.showroom {
		display: inline-block;
		margin-bottom: 4rem;
	}

	.showroom-image {
		position: relative;
		margin-bottom: 1.75rem;
	}
	
}

@media screen and (min-width: 900px) {  /* -- 1024px -- */
	
	.showroom {
		display: inline-block;
		margin-bottom: 4rem;
	}

	.showroom-image {
		position: relative;
		margin-bottom: 1.75rem;
	}
	
}

@media screen and (min-width: 1200px) {  /* -- 1600px -- */
	.showroom {
		display: inline-block;
		margin-bottom: 4rem;
	}

	.showroom-image {
		position: relative;
		margin-bottom: 1.75rem;
	}
}

@media screen and (min-width: 1920px) {  /* -- 1600px -- */
	
	.showroom {
		display: inline-block;
		margin-bottom: 4rem;
	}

	.showroom-image {
		position: relative;
		margin-bottom: 1.75rem;
	}
}

/*******************************************************************/
/*  MAPS  */
/*******************************************************************/

#map, #map1, #map2, #map3 {
	width: 75%;
	height: 11rem;
	background: rgba(0,0,0,0.125);
	margin-top: 2rem;
}

#infoWindowContent {
	padding: 0.25rem 1rem 0.75rem 1rem;
	margin-bottom: 0.25rem;
}

#infoWindowContent p {
	font-family: "Ideal Sans A", "Ideal Sans B", sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #000000;
	font-size: 1rem;
	line-height: 1.45;
	margin-bottom: 0;
}

#infoWindowContent p strong {
	font-weight: 600;
}

#infoWindowContent p a {
	font-weight: 300;
	color: #000000 !important;
}

#infoWindowContent p a:hover {
	color: #d1a72b !important;
}

@media screen and (min-width: 600px) {  /* -- 768px -- */
	
	#infoWindowContent {
		padding: 0.25rem 0.5rem 0.5rem 0.75rem;
	}
	
	#map, #map1, #map2, #map3 {
		width: 50%;
		height: 13rem;
		margin-top: 2rem;
	}
	
}

@media screen and (min-width: 900px) {  /* -- 1024px -- */
	
	#infoWindowContent {
		padding: 0.5rem 1rem 0.5rem 1rem;
	}
	
	#map, #map1, #map2, #map3 {
		width: 100%;
		height: 11rem;
	}
	
}

@media screen and (min-width: 1200px) {  /* -- 1600px -- */
	
	#infoWindowContent {
		padding: 0.5rem 1rem 0.5rem 1rem;
	}
	
	#map, #map1, #map2, #map3 {
		height: 15rem;
	}
}

@media screen and (min-width: 1920px) {  /* -- 1600px -- */
	
	#infoWindowContent {
		padding: 0.5rem 1rem 0.5rem 1rem;
	}
	
	#map, #map1, #map2, #map3 {
		height: 20rem;
	}
}


.search-results .grid-controls {
	display:none;
}


/*******************************************************************/
/*  PDF Viewer  */
/*******************************************************************/

.book-widget {
	background-color: #f2efeb;
}


/*******************************************************************/
/*  Home Catalogues  */
/*******************************************************************/
.home-catalogues-wrap {
	display: grid;
	grid-template-columns: 50% 50%;
	width: 60%;
	margin: 0 auto;
}

.catalogue {
	height: 20rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.catalogue a {
	display: block;
	height: inherit;
}

@media only screen and (max-width: 800px) {
	.home-catalogues-wrap {
		width: 75%;
	}
}

@media only screen and (max-width: 480px) {
	.home-catalogues-wrap {
		width: 100%;
	}
	
	.catalogue {
		height: 13rem;
	}
}