/*
Theme Name: ASG Modul
Author: Phire Group
Author URI: http://thephiregroup.com/
Version: 1.0
*/

@media screen {

	/* RESETS */

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


	/* WORDPRESS CLASSES */

	.alignnone {
		margin: 0 20px 20px 0;
	}

	.aligncenter,
	div.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	a img.alignright {
		float: right;
		margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 5px 20px 20px 0;
	}

	a img.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {
		background-color: #fafafa;
		border: 1px #d9d9d9 dotted;
		max-width: 96%;
		padding: 5px 5px 0 5px;
		text-align: center;
		border-radius: 3px;
	}

	.wp-caption.alignnone {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin: 0;
		max-width: 98.5%;
		padding: 0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		margin: 0 !important;
		padding: 0 0 10px 0;
	}

	.wp-caption p {
		margin: 0 !important;
	}

	.screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		position: absolute !important;
		height: 1px;
		width: 1px;
		overflow: hidden;
	}

	.screen-reader-text:focus {
		background-color: #f1f1f1;
		border-radius: 3px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		clip: auto !important;
		color: #21759b;
		display: block;
		font-size: 14px;
		font-size: 0.875rem;
		font-weight: bold;
		height: auto;
		left: 5px;
		line-height: normal;
		padding: 15px 23px 14px;
		text-decoration: none;
		top: 5px;
		width: auto;
		z-index: 100000;
	}

	img {
		max-width: 100%;
		height: auto;
	}


	/* GLOBAL */

	body {
		font-family: BrandonGrotesqueWeb-Regular, sans-serif;
		font-size: 18px;
		line-height: 22px;
		color: #243746;
		text-align: center;
	}

	#main {
		background-color: #ffffff;
		text-align: center;
	}

	a {
		text-decoration: none;
		-o-transition: all 0.15s linear;
		-moz-transition: all 0.15s linear;
		-khtml-transition: all 0.15s linear;
		-webkit-transition: all 0.15s linear;
		-ms-transition: all 0.15s linear;
		transition: all 0.15s linear;
	}

	i, em {
		font-style: italic;
	}

	b, strong {
		font-weight: 700;
	}

	p {
		margin-bottom: 1.5em;
	}

	.hide_on_desktop {
		display: none;
	}

	.show_on_tablet {
		display: none;
	}

	.row {
		width: 1170px;
		margin: 0px auto;
		text-align: left;
		position: relative;
	}

	.row_1190 {
		width: 1190px;
		margin: 0px auto;
		text-align: left;
		position: relative;
	}

	.clearfix::after {
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		content: '';
	}

        .row-flex {
              display: flex; 
              justify-content: center;
        }

	.cl {
		clear: left;
	}

	.alert {
		padding: 20px;
		background-color: #f44336;
		color: white;
		opacity: 0.83;
		transition: opacity 0.6s;
		margin-bottom: 15px;
	}
	
	.alert.success {background-color: #04AA6D;}
	.alert.info {background-color: #2196F3;}
	.alert.warning {background-color: #233746;}
	
	.alert a {
		color: white; text-decoration: underline;
	}

	.last::after {
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		content: '';
	}

	.white {
		color: #ffffff;
	}

	.black {
		color: #000000;
	}

	.centered {
		text-align: center;
	}



	/* HEADER */

	header {
		background-color: #ffffff;
		height: 70px;
		line-height: 70px;
	}

	#header .row {
		max-width: 1300px;
		width: 100%;
	}

	#logo {
		margin-top: -5px;
		text-align: center;
		width: 20%;
		flex-grow: 1;
	}

	.logo {
		margin: 8px auto;
		height: 60px;
	}

	.header_desktop {
		display: flex;
	}

	#nav_primary {		
		width: 40%;
		text-align: left;
	}

	#nav_secondary {
		flex-grow: 1;
		width: 40%;
		text-align: right;
	}

	#nav_secondary ul {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 12px;
		color: #243746;
		letter-spacing: 0.15em;
		text-transform: uppercase;
	}

	#nav_primary ul li, #nav_secondary ul li {
		display: inline;
	}

	#nav_primary ul li a, #nav_secondary ul li a {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 11px;
		color: #243746;
		letter-spacing: 0.15em;
		text-transform: uppercase;
	}

	#nav_primary ul li a {
		margin-left: 25px;
	}

	#nav_secondary ul li a {
		margin-left: 20px;
	}

	#nav_primary ul li a:hover, #nav_secondary ul li a:hover {
		color: #a5baca;
	}

	#nav_primary ul li.current-menu-item a, #nav_secondary ul li.current-menu-item a {
		color: #a5baca;
	}

	#nav_primary ul li.menu-item-has-children ,#nav_secondary ul li.menu-item-has-children {
		padding-right: 12px;
		background-image: url(images/icon_plus_2x.png);
		background-repeat: no-repeat;
		background-size: 5px 5px;
		background-position: center right;
		position: relative;
	}

	#nav_primary ul li.menu-item-has-children.activated,
	#nav_secondary ul li.menu-item-has-children.activated {
		background-image: url(images/icon_minus_2x.png);
	}

	#nav_primary .sub-menu,
	#nav_secondary .sub-menu {
		display: none;
		position: absolute;
		top: 39px;
		left: 0;
		width: 175px;
		padding: 25px 25px 10px 25px;
		z-index: 9999;
		background-color: #fafafa;
		text-align: left;
		box-sizing: border-box;
	}
	#nav_primary ul.sub-menu ul,
	#nav_secondary ul.sub-menu ul {

	}

	#nav_primary ul.sub-menu li	,
	#nav_secondary ul.sub-menu li {
		display: block;
		margin-bottom: 15px;
		padding: 0;
		line-height: 16px;
	}
	#nav_primary ul li.menu-item-has-children ul.sub-menu li a,
	#nav_secondary ul li.menu-item-has-children ul.sub-menu li a {
		background-image: none;
		padding: 0;
		line-height: 16px;
		margin-left: 0;
	}

	#menu-item-721 {
		cursor: pointer;
	}


	#nav_secondary li.social-icon img {
		width: 22px;
		height: 22px;
		display: inline-block;
		margin-bottom: -6px;
	}
	
	#nav_secondary ul li.social-icon a {
		margin-left: 10px;
	}

	/* CONTENT */

	h1, .h1 {
		font-family: BrandonGrotesqueWeb-Regular, sans-serif;
		font-size: 48px;
		line-height: 1em;
		text-transform: uppercase;
		letter-spacing: 0.15em;
		color: #243746;
	}
	
	.product h1 {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 36px;
		text-transform: uppercase;
		color: #243746;
		text-align: center;
 		margin: 0 auto;
		padding: 0;		
	}
	
	.white_product h1 {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 36px;
		text-transform: uppercase;
		color: #ffffff;
		text-align: center;
 		margin: 0 auto;
		padding: 0;
	}	

	h2 {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 36px;
		color: #243746;
		margin-bottom: 32px;
	}

	.homepage h2 {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 36px;
		line-height: 30px;
		text-transform: uppercase;
		letter-spacing: 0.15em;
		color: #243746;
		text-align: center;
		margin-bottom: 25px;
	}
	
	.white_special h2 {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 36px;
		text-transform: uppercase;
		color: #ffffff;
		text-align: center;
 		margin: 0 auto!important;
		margin-bottom: 25px!important;
		padding: 0;		
	}
	
	.black_special h2 {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 36px;
		text-transform: uppercase;
		color: #000000;
		text-align: center;
 		margin: 0 auto;
		padding: 0;		
	}
	
	.blue_special h2 {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 36px;
		text-transform: uppercase;
		color: #243746;
		text-align: center;
 		margin: 0 auto;
		padding: 0;		
	}

	h3 {
		font-size: 24px;
		line-height: 24px;
		color: #243746;
		margin: 0 0 32px 0;
	}

	h4 {
		font-size: 20px;
		border-bottom: 1px #d0d3d4 solid;
		padding: 0 0 8px 15px;
		margin-bottom: 10px;
	}

	.intro_text {
		font-family: FreightDispProBook-Italic, serif;
		font-size: 20px;
		color: #879eb0;
		margin-top: 25px;
		text-align: center;
	}

	#page_head .row {
		padding: 100px 0 80px 0;
		text-align: center;
	}

	#page_head.my-collection .row {

	}

	#page_head .row.inv_search {
		padding-top: 10px;
		padding-bottom: 30px;
	}

	#main_content ul {
		margin: 0 0 30px 35px;
	}

	#main_content ul li {
		list-style-type: disc;
	}

	.b_rect {
		display: inline-block;
		font-size: 12px;
		line-height: 12px;
		color: #243746;
		letter-spacing: 0.15em;
		border: 1px #e5eaeb solid;
		padding: 15px 25px 15px 25px;
	}

	.b_rect:hover {
		background-color: #243746;
		color: #ffffff;
	}

	.b_rect_white {
		display: inline-block;
		font-size: 12px;
		line-height: 12px;
		color: #ffffff;
		letter-spacing: 0.15em;
		border: 1px #ffffff solid;
		padding: 15px 25px 15px 25px;
	}

	.b_rect_white:hover {
		background-color: #ffffff;
		color: #000000;
	}

	.b_rect_black {
		display: inline-block;
		font-size: 12px;
		line-height: 12px;
		color: #243746;
		letter-spacing: 0.15em;
		border: 1px #243746 solid;
		padding: 15px 15px 15px 15px;
		margin-top: 20px;
	}

	.b_rect_black:hover {
		color: #ffffff;
		background-color: #243746;
	}

	.row_870 {
		width: 870px;
		margin: 0px auto;
		text-align: left;
	}

	.row_870 ol {
		margin-left: 35px;
	}

	.row_870 ol li {
		list-style-type: decimal;
	}



	/* CONTENT AREAS */

	.tri {
		width: 32%;
		min-width: 370px;
		max-width: 480px;
		height: auto;
		margin-right: 20px;
		margin-bottom: 40px;
		float: left;
	}

	.tri:nth-of-type(3n+0) {
		margin-right: 0;
	}

	.quad {
		float: left;
		width: 270px;
		min-height: 270px;
		margin-right: 30px;
		margin-bottom: 30px;
	}

	.quad:nth-of-type(4n+0) {
		margin-right: 0;
	}

	.quad:nth-child(4n+0) {
		margin-right: 0;
	}


	/* HOME */

	#fma {
		max-width: 1920px;
		height: 820px;
		margin: 0px auto;
		background-repeat: no-repeat;
		position: relative;
		background-position: center center;
	}

	.fma-slide {
		width: 100%;
		height: 100%;
		background-size: cover;
		position: absolute;
		background-position: center;
	}

	#fma .row {
		height: 820px;
		top: 0;
		position: absolute;
	}

	.fma_block {
		width: 370px;
		min-height: 170px;
		box-sizing: border-box;
		position: absolute;
		left: 80px;
		bottom: 90px;
		background-color: #ffffff;
		padding: 35px 40px 35px 40px;
	}

	.fma_block.wide {
		width: 500px;
	}

	.fma_block h1 {
		font-size: 22px;
		margin-bottom: 15px;
	}


	.fma_block h3 {
		font-family: FreightDispProBook-Regular, serif;
		font-size: 36px;
		line-height: 36px;
		color: #243746;
		margin-bottom: 15px;
	}


	.fma-slide {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center center;
		animation: fade 18s infinite;
		opacity: 0;
	  }
	  
	  .slide-1 {
		animation-delay: 0s;
		animation-iteration-count: infinite;
	  }
	  
	  .slide-2 {
		animation-delay: 6s;
	  }
	  
	  .slide-3 {
		animation-delay: 12s;
	  }
	  
	  @keyframes fade {
		0% {
		  opacity: 0;
		}
		11.1% {
		  opacity: 1;
		}
		33.3% {
		  opacity: 1;
		}
		44.4% {
		  opacity: 0;
		}
		100% {
		  opacity: 0;
		}
	  }
	  
	
	#our_story .row_770 {
		width: 770px;
		margin: 0px auto;
		text-align: center;
		padding: 75px 0 75px 0;
	}

	#our_story .row_770 h3 {
		font-family: FreightDispProBook-Regular, serif;
		font-size: 36px;
		line-height: 36px;
		color: #243746;
	}

	#inspiration .em_text {
		margin-bottom: 95px;
	}


	.duo {
		float: left;
		width: 550px;
		height: 596px;
		margin: 0 35px 100px 0;
		position: relative;
	}

	.duo.last {
		float: left;
		width: 550px;
		height: 596px;
		margin: 0 0 100px 35px;
		position: relative;
	}

	.insp_image_home {
		width: 470px;
		height: 520px;
		margin-left: 80px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.insp_info_home {
		position: absolute;
		left: 0;
		bottom: 0;
		background-color: #a4b9c8;
		width: 350px;
		min-height: 170px;
		z-index: 2;
		box-sizing: border-box;
		padding: 30px 20px 30px 20px;
		font-size: 14px;
		z-index: 9;
		text-align: left;
	}

	.insp_info_home h3 {
		font-family: FreightDispProBook-Regular, serif;
		font-size: 36px;
		line-height: 36px;
		color: #ffffff;
		margin-bottom: 20px;
	}

	.insp_info_home h3 a {
		color: #ffffff;
	}

	.plus_learn_more {
		color: #ffffff;
		font-size: 12px;
		letter-spacing: 0.15em;
		margin-top: 20px;
	}

	#natural_stone {
		max-width: 1920px;
		height: 850px;
		margin: 0px auto;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	#natural_stone .row {
		text-align: center;
		padding: 345px 0 0 0;
	}

	#natural_stone .row h2 {
		font-family: BrandonGrotesqueWeb-Regular, sans-serif;
		font-size: 48px;
		letter-spacing: 0.15em;
		color: #ffffff;
		margin-bottom: 70px;
	}

	#home_products {
		max-width: 1920px;
		height: 850px;
		margin: 0px auto;		
		background-position: center center;
		background-repeat: no-repeat;
	}

	#home_products .row {
		text-align: center;
	}

	#home_products .infinity-logo * {
		fill: white;
	}

	.products_three {
		padding: 280px 0 65px 0;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.products_three img {
		display: inline-block;
		margin: 0 25px 0 25px;
	}

	#home_products .row h2 {
		font-family: BrandonGrotesqueWeb-Regular, sans-serif;
		font-size: 48px;
		line-height: 48px;
		letter-spacing: 0.15em;
		color: #ffffff;
		margin-bottom: 70px;
	}

	#manufactured_stone {
		max-width: 1920px;
		height: 420px;
		margin: 0px auto;
		background-image: url(images/bkg_stone.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		padding: 55px 0 0 0;
		box-sizing: border-box;
	}

	#manufactured_stone .row_670 {
		width: 670px;
		margin: 0px auto;
	}

	.col_335 {
		float: left;
		width: 335px;
		height: 180px;
		text-align: center;
		box-sizing: border-box;
		padding-top: 20px;
	}

	.col_335.first {

	}

	#manufactured_stone_extra_text .row {
		padding: 30px 0 100px 0;
	}

	#sinks {
		max-width: 1920px;
		margin: 0px auto;
		background-color: #a4b9c8;
		/*background-color: #d9e0e2;*/
		padding: 55px 0 55px 0;
		box-sizing: border-box;
	}

	#sinks .row_670 {
		width: 670px;
		margin: 0px auto;
		text-align: center;
	}

	#sinks .row_670 img {
		display: block;
		padding: 30px 0 30px 0;
		margin: 0px auto;
	}

	#sinks .row_670 .em_text {
		color: #000000;
	}

	#sinks .row_670 .em_text a {
		color: #ffffff;
	}

	#inspiration .row {
		text-align: center;
		padding: 100px 0 100px 0;
	}

	.inspiration_image {
		position: absolute;
		right: 0;
		top: 0;
		width: 470px;
		height: 530px;
		background-color: #c6bdb6;
	}

	.inspiration_block {
		background-color: #a4b9c8;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 350px;
		height: 170px;
		box-sizing: border-box;
	}

	.em_text {
		font-family: FreightDispProBook-Italic, serif;
		font-size: 20px;
		line-height: 24px;
		color: #879eb0;
	}

	#latest_insight .row {
		width: auto;
		min-width: 1170px;
		max-width: 1480px;
		text-align: center;
		margin-bottom: 100px;
	}

	#latest_insight h2 {
		padding-top: 90px;
	}

	#latest_insight h3 {
		font-family: FreightDispProBook-Regular, serif;
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 15px;
	}

	.home_insight_image {
		width: 100%;
		max-width: 480px;
		height: 340px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.home_insight_image a {
		width: 100%;
		height: 340px;
		display: block;
	}

	.home_insight_text {
		max-width: 480px;
		text-align: left;
		padding: 30px;
	}

	.home_insight_text a {
		font-size: 18px;
		line-height: 21px;
		color: #002e5e;
	}

	#houzz {
		width: 30px !important;
		height: 30px !important;
		/*
		background-image: url(/wp-content/themes/asgmodul/images/icon_houzz_blue_2x.png) !important;
		background-size: contain !important;
		background-position: center center !important;
		z-index: 9999;
		*/
	}

	.houzz-share-button {
		width: 30px !important;
		height: 30px !important;
		display: inline-block;
	}



	/* PRODUCTS */

	#page_head .intro_text {
		padding: 0 0 65px 0;
	}

	#page_head.products .row {
		padding: 100px 0 25px 0;
	}


	#product_head {
		height: 370px;
		position: relative;
		background-repeat: no-repeat;
		background-position: top center;
		margin-bottom: 70px;
	}

	#product_head .row {
		height: 370px;
		position: relative;
	}

	.products_nav ul li {
		display: inline-block;
		padding: 0 15px 0 0;
	}

	.products_nav ul li a {
		font-size: 24px;
		color: #243746;
	}

	.products_nav ul li.current-menu-item  a {
		color: #a4b9c8;
		text-decoration: underline;
	}

	.products_nav ul li a:hover {
		color: #a4b9c8;
	}

	.products_nav ul li:before {
		font-size: 26px;
		content: " | ";
		display: inline-block;
		margin-right: 15px;
	}

	.products_nav ul li:first-child:before {
		content: "";
		display: none;
	}

	a.go-inv {
		color: white;
		font-size: 20px;
		display: block;
	}

	#product_head .row h1 {
		font-family: BrandonGrotesqueWeb-Regular, sans-serif;
		font-size: 48px;
		line-height: 48px;
		color: #ffffff;
		letter-spacing: 0.15em;
		padding-top: 120px;
		text-align: center;
		text-transform: uppercase;
	}

	.product_intro {
		width: 100%;
		height: auto;
		background-color: #233746;
		text-align: center;
		font-family: BrandonGrotesqueWeb-Regular, sans-serif;
		font-size: 18px;
		color: #ffffff;
		position: absolute;
		bottom: 0;
		padding: 25px 150px 25px 150px;
		box-sizing: border-box;
	}

	.product_left {
		float: left;
		width: 880px;
		padding-right: 100px;
		box-sizing: border-box;
		text-align: left;
	}

	.product_left h2 {
		font-family: FreightDispProBook-Regular, serif;
		margin-bottom: 20px;
	}
	.highlights {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 14px;
		line-height: 24px;
		color: #a5baca;
		text-transform: uppercase;
	}
	.product_left ul {
		margin-bottom: 20px;
	}
	.product_left ul li {
		list-style: disc;
		margin-left: 21px;
	}
	.product_left .b_rect {
		margin-bottom: 40px;
	}

	.product_right {
		float: left;
		width: 290px;
		text-align: center;
	}

	.product_swatch {
		width: 190px;
		height: 190px;
		margin: 0 auto 40px 0;
		position: relative;
	}
	.swatch_image {
		position: absolute;
		top: 0;
		right: 0;
		width: 170px;
		height: 170px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.swatch_text {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 170px;
		height: auto;
		padding: 15px;
		background-color: #a4b9c8;
		font-family: BrandonGrotesqueWeb-Regular, sans-serif;
		font-size: 14px;
		line-height: 14px;
		color: #ffffff;
		box-sizing: border-box;
		text-align: left;
	}

	.sinks {
		width: 780px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 60px;
	}

	.sink_image {
		width: 260px;
		margin-bottom: 40px;
		text-align: center;
	}

	.full_width span {
		display: block;
		width: 780px;
	}

	.sink_brands {
		margin: 80px 0 100px 0;
	}

	.sink_brand {
		position: relative;
		height: 147px;
		min-height: 147px;
		text-align: center;
		margin-bottom: 60px;
	}

	.sink_brand  .b_rect {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 170px;
		margin: 0px auto;
		box-sizing: border-box;
	}

	#tiles h2 {
		font-family: FreightDispProBook-Regular, serif;
		margin-bottom: 30px;
	}

	#tiles .quad {
		min-height: 200px;
	}

	#related_inspiration {
		margin-top: 120px;
	}

	#related_inspiration .intro_text {
		margin-bottom: 70px;
	}



	/* INVENTORY */

	.pag {
		display: inline-block;
		cursor: pointer;
		margin-right: 7px;
	}

	.page_active {
		font-weight: 700;
	}

	#results {
		width: 1170px;
		margin: 0px auto;
		text-align: left;
		gap: 30px;
		display: flex;
		flex-wrap: wrap;
	}

	.inventory_block {
		width: 370px;
		/*height: 540px; */
		/* margin: 0 30px 30px 0; */
		position: relative;
		display: flex;
		flex-direction: column;
	}

	.inventory_block:nth-of-type(3n+0) {
		margin-right: 0;
	}

	.inventory_image {
		width: 370px;
		max-height: 290px;
		background-color: #e3e3e1;
		overflow: hidden;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.inventory_image img {
		width: 100%;
	}

	.inventory_image a {
		width: 370px;
		max-height: 290px;
		display: block;
	}

	.inventory_info {
		width: 370px;
		/*height: 210px;*/
		background-color: #a4b9c8;
		padding: 20px;
		margin-top: -20px;
		box-sizing: border-box;
		font-size: 14px;
	}

	.inventory_info h3 {
		font-family: FreightDispProBook-Regular, serif;
		font-size: 32px;
		line-height: 32px;
		color: #ffffff;
		margin: 0 0 20px 0;
		padding: 0;
	}

	.inv_col_1, .inv_col_2 {
		float: left;
		width: 100%;
	}

	.sep {
		padding: 5px;
	}

	.inventory_ctas {
		width: 370px;
		height: 40px;
		background-color: #233746;
	}

	.inventory_info_text {
		padding: 20px;
		font-size: 12px;
	}

	.view_detail {
		float: left;
		width: 184px;
		height: 40px;
		font-size: 12px;
		line-height: 40px;
		color: #ffffff;
		box-sizing: border-box;
		background-image: url(images/btn_view_detail.png);
		background-repeat: no-repeat;
		background-position: right 20px center;
		transition: all 0.15s linear;
	}

	.view_detail a {
		width: 100%;
		height: 100%;
		display: block;
		color: #ffffff;
		padding: 0 0 0 20px;
		box-sizing: border-box;
	}

	.view_detail:hover {
		background-color: #637887;
	}

	.add_to_collection, .inquire_add_to_collection {
		float: left;
		width: 186px;
		height: 40px;
		font-size: 12px;
		line-height: 40px;
		color: #ffffff;
		box-sizing: border-box;
		border-left: 1px #a4b9c8 solid;
		background-image: url(images/btn_add_to.png);
		background-repeat: no-repeat;
		background-position: right 20px center;
		transition: all 0.15s linear;
	}

	.add_to_collection a, .inquire_add_to_collection a {
		width: 100%;
		height: 100%;
		display: block;
		color: #ffffff;
		padding: 0 0 0 20px;
		box-sizing: border-box;
	}

	.add_to_collection:hover {
		background-color: #637887;
	}

	.remove_from_collection {
		float: left;
		width: 186px;
		height: 40px;
		font-size: 12px;
		line-height: 40px;
		color: #ffffff;
		box-sizing: border-box;
		border-left: 1px #a4b9c8 solid;
		transition: all 0.15s linear;
	}

	.remove_from_collection a {
		width: 100%;
		height: 100%;
		display: block;
		color: #ffffff;
		padding: 0 0 0 10px;
		box-sizing: border-box;
	}

	.remove_from_collection:hover {
		background-color: #637887;
	}
	
	.collection-items {
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
	}


	.inv_label {
		display: inline-block;
		width: 70px;
		text-align: right;
		border-top: 1px #ffffff solid;
		font-size: 10px;
		color: #ffffff;
		line-height: 30px;
		text-transform: uppercase;
		margin-right: 10px;
	}

	.pager {
		margin-bottom: 20px;
		/*
		padding: 20px;
		background-color: #a4b9c8;
		*/
		line-height: 40px;
		text-align: center;
	}

	.inv_prev {
		font-size: 32px;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
		display: inline-block;
	}
	.inv_prev img {
		vertical-align: middle;
	}
	.inv_curr {
		font-family: BrandonGrotesqueWeb-Regular, sans-serif;
		font-size: 18px;
		line-height: 40px;
		border: 1px #243746 solid;
		display: inline-block;
		width: 40px;
		height: 40px;
		box-sizing: border-box;
		margin: 0 5px 0 10px;
		text-align: center;
	}
	.inv_of {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		display: inline-block;
	}
	.inv_tot {
		font-size: 18px;
		height: 40px;
		line-height: 40px;
		margin: 0 10px 0 5px;
		display: inline-block;
	}
	.inv_next {
		font-size: 32px;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
		display: inline-block;
	}
	.inv_next img {
		vertical-align: middle;
	}

	.inv_detail {
		max-width: 1330px;
		height: 880px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		position: relative;
		text-align: left;
		background-color: #000000;
	}

	.inventory_block_detail {
		position: absolute;
		left: 70px;
		bottom: -40px;
		width: 370px;
		min-height: 250px;
	}

	.inv_detail .add_to_collection {
		width: 100%;
		background-position: right 105px center;
		padding-left: 95px;
	}

	.inv_image_rep {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 880px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		background-color: #000000;
	}

	.inv_detail .b_prev {
		bottom: 0;
		right: 61px;
	}

	.inv_detail .b_next {
		bottom: 0;
		right: 0;
	}

	.inv_detail .pos {
		bottom: 0;
		right: -60px;
	}



	/* INSPIRATION */

	.insp_ifilter .ifilter_3 {
		width: 170px;
	}

	.ifilter.inv_ifilter {
		margin-bottom: 30px;
		height: auto;
	}


	.insp_left {
		float: left;
		width: 570px;
	}

	.insp_right {
		float: left;
		width: 570px;
		margin-left: 50px;
		padding-top: 35px;
	}

	.insp_block {
		width: 570px;
		height: 570px;
		position: relative;
		margin-bottom: 50px;
	}

	.insp_image {
		width: 570px;
		height: 570px;
		position: absolute;
		background-color: #c5c5c7;
		z-index: 1;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}

	.insp_info {
		position: absolute;
		bottom: -20px;
		left: -20px;
		background-color: #a4b9c8;
		width: 240px;
		min-height: 240px;
		z-index: 2;
		box-sizing: border-box;
		padding: 20px 20px 20px 20px;
		font-size: 14px;
	}
	.insp_info.social {min-height: auto;width: auto;padding-top: 0px;}
	
	.insp_info h3 {
		font-size: 36px;
		line-height: 36px;
		color: #ffffff;
		font-family: FreightDispProBook-Regular, serif;
		margin-bottom: 40px;
	}

	.photo_credit {
		position: absolute;
		bottom: 0;
		right: 0;
		line-height: 12px;
		font-size: 10px;
		text-transform: uppercase;
		color: #ffffff;
		min-width: 200px;
		max-width: 350px;
		box-sizing: border-box;
		padding: 10px 30px 10px 30px;
		background-color: rgba(0, 0, 0, 0.3);
		text-align: center;
		z-index: 2;
	}

	.inv_label {
		display: inline-block;
		width: 70px;
		text-align: right;
		border-top: 1px #ffffff solid;
		font-size: 10px;
		color: #ffffff;
		line-height: 30px;
		text-transform: uppercase;
		margin-right: 10px;
	}

        .ifilter {
          justify-content: center;
          display: flex;
          column-gap: 30px;
        }

	.ifilter {
		height: 225px;
	}

	.ifilter_1 {
		float: left;
		width: 170px;
		font-size: 14px;
		line-height: 28px;
		color: #233746;
                display: none;
	}
	.ifilter_2 {
		float: left;
		width: 170px;
		margin-left: 30px;
		font-size: 14px;
		line-height: 28px;
		color: #233746;
	}
	.ifilter_3 {
		float: left;
		width: 265px;
		margin-left: 30px;
		font-size: 14px;
		line-height: 28px;
		letter-spacing: -0.01em;
		color: #233746;
	}

	.ifilter_4 {
		float: left;
		width: 170px;
		margin-left: 30px;
		font-size: 14px;
		line-height: 28px;
		color: #233746;
	}

	.ifilter_5 {
		float: left;
		width: 220px;
		margin-left: 30px;
		font-size: 14px;
		line-height: 28px;
		color: #233746;
	}

	.ifilter h4 {
		padding: 10px 0 10px 0;
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 14px;
		line-height: 14px;
		border-bottom: 1px #dedede solid;
		margin-bottom: 10px;
	}

	.ifilter_half  {
		float: none;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.ifilter_half > div {
		width: 33%;
	}
	
	.ifilter_2 {
		font-size: 14px;
		line-height: 28px;
		width: 33%;
		color: #233746;
		min-width: 300px;
	}
	
	.ifilter_3 {
		float: left;
		width: 33%;
		font-size: 14px;
		line-height: 28px;
		letter-spacing: -0.01em;
		color: #233746;
		min-width: 300px;
	}
	
	.ifilter_third {
		float: none;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	
	.ifilter_third > div {
		width: 33%;
	}

	.ifilter_half_2  {
		float: left;
		width: 75px;
	}

	.ifilter_1 a, .ifilter_2 a, .ifilter_3 a, .ifilter_5 a {
		color: #233746;
	}

	.keyword_search {
		width: 100%;
		border: 1px #dedede solid;
		box-sizing: border-box;
		padding: 0 10px 0 10px;
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 14px;
		line-height: 40px;
		margin-bottom: 20px;
		background-image: url(images/search_icon.png);
		background-repeat: no-repeat;
		background-position: center right 10px;
	}

	.check {
		float: left;
		width: 10px;
		height: 9px;
		padding-right: 5px;
	}

	.check.hidden {
		display: none;
	}

	.check.shown {
		display: static;
	}

	.row_1330 {
		max-width: 1330px;
		min-width: 1170px;
		margin: 0px auto;
	}

	.back_to {
		text-align: left;
		padding-top: 30px;
		margin-bottom: 15px;
	}

	.row_1330.insp_detail {
		position: relative;
		height: 880px;
	}

	.row_1330.insp_detail img {
		display: block;
	}
	.row_1330.insp_detail .b_prev {
		position: absolute;
		bottom: 0;
		right: 121px;
	}
	.row_1330.insp_detail .b_next {
		position: absolute;
		bottom: 0;
		right: 60px;
	}
	.row_1330.insp_detail .pos {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.row_1330.insp_detail .photo_credit {
		position: absolute;
		top: auto;
		bottom: 0;
		right: 181px;
		max-width: 500px;
	}

	.insp_detail .insp_info {
		position: absolute;
		bottom: -40px;
		left: 70px;
		text-align: left;
	}

	.row_1330.insp_share {
		padding-top: 20px;
		margin-bottom: 70px;
		text-align: right;
	}

	.insp_share .social {
		margin: 0 0 0 18px;
		display: inline-block;
	}

	.insp_share .social:hover {
		opacity: 0.4;
		/*
		-webkit-filter: hue-rotate(180deg);
		filter: hue-rotate(180deg);
		*/
	}

	.insp_image_rep {
		position: absolute;
		top: 0;
		left: 0;
	}

	.insp_image_rep img {
		margin: 0px auto;
	}




	/* INSIGHT */

	#featured_insight {
		height: 420px;
		margin-bottom: 40px;
	}

	#featured_insight .row {
		height: 420px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}

	#featured_insight h3, .insight_content h3 {
		font-family: FreightDispProBook-Regular, serif;
		font-size: 30px;
		margin: 0 0 10px 0;
	}

	.featured_insight_block {
		width: 420px;
		height: 230px;
		background-color: #ffffff;
		position: absolute;
		bottom: 50px;
		left: 50px;
		box-sizing: border-box;
		padding: 25px 30px 25px 30px;
	}

	.insight_left {
		float: left;
		width: 800px;
	}

	.insight_right {
		float: left;
		width: 370px;
	}

	.insight_block {
		float: left;
		width: 370px;
		height: 540px;
		margin: 0 30px 30px 0;
		background-color: #f2f5f5;
	}

	.insp_plus {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 20px;
		right: 20px;
		background-image: url(images/plus_2x.png);
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 999;
	}

	.insp_plus a {
		display: block;
		width: 30px;
		height: 30px;
	}

	.insp_plus:hover {
		background-image: url(images/plus_over_2x.png);
	}

	.insight_image {
		width: 370px;
		height: 240px;
		background-color: #a5baca;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.insight_image a {
		display: block;
		width: 370px;
		height: 240px;
	}

	.insight_content {
		height: 300px;
		padding: 30px;
		border-right: 1px #e5eaeb solid;
		border-bottom: 1px #e5eaeb solid;
		border-left: 1px #e5eaeb solid;
		box-sizing: border-box;
		position: relative;
	}

	.ins_block_outer {
		width: 640px;
		height: 420px;
		position: relative;
		background-color: #00aea5;
	}

	.ins_block {
		width: 420px;
		height: 230px;
		position: absolute;
		top: 95px;
		left: 110px;
		background-color: #ffffff;
	}

	.ins_block_inner {
		width: 420px;
		height: 230px;
		position: relative;
		padding: 30px 20px 30px 20px;
		box-sizing: border-box;
	}

	.insight_date {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 12px;
		text-transform: uppercase;
	}

	.learn_more {
		position: absolute;
		bottom: 30px;
		right: 25px;
		display: inline-block;
		font-size: 12px;
		line-height: 12px;
		background-color: #ffffff;
		color: #243746;
		letter-spacing: 0.15em;
		border: 1px #e5eaeb solid;
		padding: 15px 25px 15px 25px;
	}

	.learn_more:hover {
		background-color: #e5eaeb;
	}

	.learn_more_white {
		font-size: 12px;
		line-height: 12px;
		background-color: #ffffff;
		color: #243746;
		letter-spacing: 0.15em;
		border: 1px #e5eaeb solid;
		padding: 15px 25px 15px 25px;
		display: inline-block;
	}

	.learn_more_white:hover {
		background-color: #243746;
		color: #ffffff;
	}

	.insight_categories {
		width: 370px;
		min-height: 370px;
		background-color: #f2f5f5;
		padding: 50px 85px 50px 85px;
		border: 1px #e5eaeb solid;
		box-sizing: border-box;
	}

	.crumb {
		font-size: 20px;
		color: #243746;
		letter-spacing: 0.15em;
		padding-bottom: 15px;
		display: block;
	}

	#insight_detail h1 {
		font-family: FreightDispProBook-Regular, serif;
		font-size: 60px;
		line-height: 60px;
		color: #243746;
		letter-spacing: 0;
		text-transform: none;
		margin-bottom: 10px;
	}

	#insight_image {
		width: 100%;
		max-width: 1920px;
		height: 420px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		margin: 0px auto;
	}

	#insight_image .row {
		height: 420px;
	}

	#main_content .insight_categories ul, #main_content .sidebar_right .sidebar_block ul {
		margin: 0 0 30px 0;
	}

	#main_content .insight_categories ul li, #main_content .sidebar_right .sidebar_block ul li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.insight_intro {
		font-family: FreightDispProBook-Regular, serif;
		font-size: 36px;
	}

	.sidebar_block a {
	    color: #243746;
	}

	#insight_board {

	}

	.content_left {
		float: left;
		width: 770px;
		padding: 100px 0 100px 0;
		font-size: 18px;
	}

	.b_rect.centered.hide_on_desktop {
		display: none;
	}

	.sidebar_right {
		float: left;
		width: 200px;
		margin-left: 120px;
		padding: 100px 0 100px 0;
	}

	.sidebar_right h4 {
		font-size: 20px;
		line-height: 20px;
		color: #243746;
		margin-bottom: 10px;
		border-bottom: 1px #d0d3d4 solid;
		padding: 0 0 10px 15px;
	}

	.sidebar_block {
		padding: 0 15px 30px 15px;
	}

	.social_icon {
		padding: 0 15px 15px 0;
		display: inline-block;
	}

	.row_1250 {
		max-width: 1250px;
		margin: 0px auto;
	}

	.bl {
		float: left;
		width: 850px;
		height: 540px;
		background-color: #f1f2f3;
		margin: 0 0 30px 0;
	}

	.lr {
		float: left;
		width: 370px;
		height: 370px;
		margin: 170px 0 30px 30px;
		background-color: #f1f2f3;
	}

	.ll {
		float: left;
		width: 370px;
		height: 370px;
		background-color: #f1f2f3;
	}

	.br {
		float: left;
		width: 850px;
		height: 540px;
		margin: 0 0 30px 30px;
		background-color: #f1f2f3;
	}

	.filter  {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 18px;
		color: #000000;
	}

	blockquote {
		padding: 0 30px 0 30px;
	}


	/* Our Team */


	.team-block {
		display: flex;
	}
	
	.members-column {
		width: 50%;
		display: flex;
		justify-content: center;
		padding: 100px 0 ;
	}

	.team-members > p {
		font-weight: bold;
		text-transform: uppercase;
		font-size: 120%;
		
	}
	
	.team-members .employee-list {
		display: flex;
		max-width: 90%;
		gap: 20px 50px;
		justify-content: center;
		flex-wrap: wrap;
		margin: 0 auto;
		margin-bottom: 35px;
	}
	
	.member img {
		width: 100%;
	}
	
	.member .name {    
		display: block;
		padding-top: 10px;
		font-size: 16px;    
		font-style: normal;
		
	}
	
	.member {
		font-style: italic;    
		text-transform: uppercase;
		font-size: 12px;
	}
	
	
	.member {
		width: 100;;
		justify-self: center;
	}
	
	.intro-bio {
		width: 50%;
	}

	.team-block {
		display: flex;
		margin-top: -20px;
		background: #f0f0f0;
	}

	.members-column {
		width: 50%;
		display: flex;
		justify-content: center;
		padding: 100px 0 ;
	}
		
	.member img {
		width: 100%;
	}
	
	.member .name {    
		display: block;
		padding-top: 10px;
		font-size: 16px;    
		font-style: normal;
		
	}
	
	.member {
		font-style: italic;    
		text-transform: uppercase;
		font-size: 12px;
	}
	
	
	.member {
		width: calc(50% - 30px);
		justify-self: center;
	}
	
	.intro-bio {
		width: 50%;
		position: relative;
	}
	
	.intro-contents {
		max-width: 400px;
		margin: 0 auto;
		position: sticky;
		top: 20px;
		padding-top: 200px;
		padding-bottom: 200px;		
	}

	.bio-contents {
		display: none;
	}

	.bio {
		position: absolute;
		background: white;
		padding: 20px;
		margin-top: -10px;		
		box-shadow: 0px 0px 11px #ddd;
		display: none;
	}

	/* OuR STORY */

	.big_wrap {
		width: 100%;
		max-width: 1920px;
		margin: 0px auto;
		background-repeat: no-repeat;
		padding-bottom: 100px;
		background-size: cover;
	}

	.big_wrap.team {
		background-position: top;

	}

	.row_810 {
		width: 810px;
		margin: 0px auto;
		text-align: center;
		padding-bottom: 95px;
	}

	.our_story .row_810 h1 {
		padding: 115px 0 25px;
	}

	.our_story .row_810 h3 {
		font-family: FreightDispProBook-Regular, serif;
		font-size: 36px;
		line-height: 36px;
		color: #243746;
		margin-bottom: 35px;
	}

	#stories {
		height: 700px;
	}

	#stories .row {
		position: relative;
		height: 700px;
	}

	.slide_absolute {
		position: absolute;
		top: 0;
		left: 0;
		width: 1170px;
		height: 700px;
	}

	.slide {
		position: relative;
		height: 700px;
	}

	.story_window {
		width: 1000px;
		height: 685px;
		box-shadow: 0 0 50px #666666;
		background-color: #c7e0ff;
		margin-top: 70px;
		margin: 0px auto;
	}

	.story_text_block {
		width: 400px;
		height: 180px;
		background-color: #ffffff;
		position: absolute;
		left: 70px;
		bottom: 0;
		box-sizing: border-box;
		padding: 30px 30px 0 30px;
		text-align: left;
	}

	.story_title {
		font-family: FreightDispProBook-Regular, serif;
		font-size: 36px;
		line-height: 36px;
		color: #243746;
		margin-bottom: 15px;
	}

	.story_text {
		font-size: 16px;
		color: #243746;
	}

	.story_photo_credit {
		position: absolute;
		top: 655px;
		right: 85px;
		height: 30px;
		line-height: 30px;
		font-size: 10px;
		text-transform: uppercase;
		color: #ffffff;
		min-width: 200px;
		box-sizing: border-box;
		padding: 0 30px 0 30px;
		background-color: rgba(0, 0, 0, 0.3);
		text-align: center;
		z-index: 2;
	}

	.pos {
		position: absolute;
		right: 25px;
		bottom: 15px;
		width: 60px;
		height: 60px;
		background-color: #243746;
		color: #ffffff;
		line-height: 60px;
		text-align: center;
		letter-spacing: 0.15em;
	}

	.b_prev {
		position: absolute;
		right: 146px;
		bottom: 15px;
		width: 60px;
		height: 60px;
		background-color: #a4b9c8;
		background-image: url(images/b_prev_2x.png);
		background-size: contain;
	}

	.b_prev:hover {
		background-image: url(images/b_prev_over_2x.png);
		cursor: pointer;
	}

	.b_next {
		position: absolute;
		right: 85px;
		bottom: 15px;
		width: 60px;
		height: 60px;
		background-color: #a4b9c8;
		background-image: url(images/b_next_2x.png);
		background-size: contain;
	}

	.b_next:hover {
		background-image: url(images/b_next_over_2x.png);
		cursor: pointer;
	}

	#locations .row h1 {
		margin: 110px 0 40px 0;
	}

	#locations .location {
		margin: 0 0 40px 0;
	}



	/* CONTACT */

	.contact-page-bg {
		background-image: url(/wp-content/uploads/2023/03/photo.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		padding-bottom: 228px;
		margin-bottom: -228px;		
		text-shadow: 0px 0px 6px #000;
	}

	.contact-page-bg .intro_text, .contact-page-bg h1 {
		font-family: BrandonGrotesqueWeb-Regular, sans-serif;
		color: #fff!important;
	}

	.locations_block {
		background-image: url(/wp-content/themes/asgmodul/images/bkg_locations.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		min-height: 530px;
	}

	.location {
		float: left;
		background-color: #a4b9c8;
		box-sizing: border-box;
		width: 370px;
		height: 210px;
		margin-top: 220px;
	}

	.location_head {
		font-family: FreightDispProBook-Regular, serif;
		font-size: 30px;
		color: #ffffff;
		padding: 18px 0 15px 20px;
	}

	.location_col_1 {
		float: left;
		width: 150px;
		border-top: 1px #ffffff solid;
		padding-top: 8px;
		margin-left: 20px;
		font-size: 14px;
		line-height: 21px;
	}

	.location_col_2 {
		float: left;
		width: 150px;
		border-top: 1px #ffffff solid;
		padding-top: 8px;
		margin-left: 30px;
		font-size: 14px;
		line-height: 21px;
	}

	.location_col_1 a, .location_col_2 a {
		color: #243746;
	}


	/* new location grid */

	.locations_block_new {
		margin-bottom: 70px;
	}

	.loc_block {
		float: left;
		background-color: #a4b9c8;
		box-sizing: border-box;
		width: 570px;
		/* height: 610px; */
		margin-right: 30px;
		margin-bottom: 30px;
	}

	.loc_block:nth-child(even) {
		margin-right: 0;
	}

	.location_image {
		width: 570px;
		height: 382px;
	}

	.location_image img {
		width: 100%;
	}

	.location_head {
		font-family: FreightDispProBook-Regular, serif;
		font-size: 30px;
		color: #ffffff;
		padding: 18px 0 15px 20px;
	}

	.loc_col_1 {
		float: left;
		width: 250px;
		border-top: 1px #ffffff solid;
		padding-top: 8px;
		margin-left: 20px;
		font-size: 14px;
		line-height: 21px;
	}

	.loc_col_2 {
		float: left;
		width: 250px;
		border-top: 1px #ffffff solid;
		padding-top: 8px;
		margin-left: 30px;
		font-size: 14px;
		line-height: 21px;
	}

	.loc_col_1 a, .loc_col_2 a {
		color: #243746;
	}

	.location_col_map iframe.map {
		width: 100%;
		margin-bottom: -8px;
	}



	.ah_head {
		font-size: 10px;
		line-height: 10px;
		color: #ffffff;
		margin-bottom: 8px;
	}

	.row_770 {
		width: 770px;
		margin: 0px auto;
	}

	.contact_block h2 {
		font-family: FreightDispProBook-Regular, serif;
	}

	.half {
		width: 100%;
		margin-bottom: 20px;
		text-align: left;
	}

	.half.last {
		margin-right: 0;
	}

	.half input {
		width: 100%;
		padding: 5px;
		box-sizing: border-box;
	}

	.form_how_hear {
		width: 100%;
		padding: 5px;
		height: 70px;
	}

	.form_reasons {
		width: 100%;
		padding: 5px;
		height: 150px;
	}

	.contact_block .b_rect {
		background-color: #ffffff;
	}

	.highlight {
		border: 1px #9e0b0f solid;
	}



	/* COLLECTION */

	/* .collection_form {
		padding: 80px 0 80px 0;
	} */

	.collection_form textarea {
		font-family: BrandonGrotesqueWeb-Regular, sans-serif;
		padding: 5px;
		width: 100%;
		height: 185px;
		box-sizing: border-box;
	}

	.collection_form input[type="submit"], .share_form input[type="submit"] {
		background-color: #ffffff;
		float: right;
		cursor: pointer
	}

	.row .share_form {
		margin-top: -50px;
	}
	
	.share_form input[type="submit"] {
		float: none;
	}

	.collection_form input[type="submit"]:hover, .share_form input[type="submit"]:hover {
		background-color: #243746;
	}


	.collection_form, .share_form {
		width: 770px;
		margin: 0px auto;
		text-align: center;
		display: none;
	}

	.collection.share-options {
		display: flex;
		justify-content: center;
		gap: 10px;
	}
	
	.collection.share-options span {
		border: 1px solid #243746;
		padding: 14px 20px 10px 20px;
		cursor: pointer;
		transition: .5s ease;
	}
	
	.collection.share-options span:hover, .collection.share-options span.active {
		background: #243746;
		color: #fff;
	}

	/* PROJECTS */
	.mat_project_header {
		background-repeat: no-repeat;
		background-position: center center;
		height: 400px;
		margin-bottom:50px;
	}

	.projects_intro {
    max-width: 1170px;
    margin: auto;
		font: unset !important;
	}

	p.projectIntro {
	  max-width: 1000px;
	  margin: auto;
	}

	.projectList {
    background: #f2f5f5;
    padding: 30px;
    max-width: 900px;
    margin: 40px auto;
    border: 1px #e5eaeb solid;
	}

	.projectList ul {
	    line-height: 30px;
	    font-size: 1em;
	}



		.hi {
			position: relative;
			overflow: hidden;
		}

		.hi_left, .hi_right {
			float: left;
			width: 50%;
			text-align: left;
			position: relative;
		}

		.hi_left img, .hi_right img {
			display: block;
			width: 100%;
			height: auto;
		}

		.hi_left a, .hi_right a {
			display: block;
			font-family: 'Prata', serif;
			font-size: 24px;
			line-height: 28px;
			color: #a78047;
			margin: 15px 0 0 30px;
		}

		.hi_block {
			position: absolute;
			top: 0;
			display: none;
			width: 50%;
			text-align: left;
			position: relative;
			cursor: pointer;
		}

		.hi_block.left {
			float: left;
		}

		.hi_block.right {
			float: right;
		}

		#hi_1, #hi_2 {
			display: block;
		}

		.hi_block img {
			display: block;
			width: 100%;
			height: auto;
			margin-bottom: 10px;
		}

		.hi_block h3 {
			display: block;
			font-family: 'Prata', serif;
			font-size: 20px;
			line-height: 28px;
			color: #a78047;
			transition: color .15s linear;
			margin-bottom: 0;
		}
		.hi_block h3:hover {
			color: #000000;
		}
		.hi_text {
			margin: 15px 10px 0 10px;
		}

		.hi_text .cats {
			color: #000000;
		}

		.hi_overlay {

		}

		.overlayed {
			position: relative;
		}

		.overlayed .overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.37) 100%);
		}

		#go_prev {
			position: absolute;
			top: calc(45% - 22px);
			left: 30px;
			width: 44px;
			height: 44px;
			background-image: url(images/insp_prev_2x.png);
			background-repeat: no-repeat;
			background-size: 44px 44px;
			background-position: center center;
			z-index: 1;
		}

		#go_next {
			position: absolute;
			top: calc(45% - 22px);
			right: 30px;
			width: 44px;
			height: 44px;
			background-image: url(images/insp_next_2x.png);
			background-repeat: no-repeat;
			background-size: 44px 44px;
			background-position: center center;
			z-index: 1;
		}

		#go_prev:hover, #go_next:hover {
			border-radius: 22px;
			background-color: #000000;
			border: 1px #ffffff solid;
			cursor: pointer;
		}

		.hi_cta {
			padding: 60px 0 100px 0;
			text-transform: uppercase;
		}

		.home_locations .row {
			text-align: center;
			padding: 90px 0 90px 0;
		}

		.home_locations a {
			display: inline-block;
			margin: 0 10px 0 10px;
		}



	/* CAREERS */

	.careers_intro {
		padding-bottom: 80px;
	}

	#hiringthing-jobs .ht-title-link {
		font-family: FreightDispProBook-Regular, serif;
		font-size: 30px;
		margin: 0 0 5px 0;
	}

	#hiringthing-jobs a {
		color: #243746;
	}

	#hiringthing-jobs .ht-location {
	    font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 12px !important;
		text-transform: uppercase;
	}

	#hiringthing-jobs .ht-summary strong {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-weight: 400;
		font-size: 12px !important;
		text-transform: uppercase;
		display: block;
		margin-top: 20px;
	}

	#hiringthing-jobs .ht-apply-link {
		display: inline-block !important;
		font-size: 12px;
		line-height: 12px;
		background-color: #ffffff;
		color: #243746;
		letter-spacing: 0.15em;
		border: 1px #e5eaeb solid;
		text-transform: uppercase;
		padding: 15px 25px 15px 25px;
		margin: 20px 0 50px 0 !important;
	}

	#hiringthing-jobs .ht-apply-link:hover {
	    background-color: #e5eaeb;
	}



	/* FOOTER */

	footer {
		background-color: #ffffff;
	}

	footer .footer_top  {
		margin-top: 80px;
	}


	footer .row  {
		max-width: 1330px;
		width: 90%;
	}

	.footer_top {

	}

	.footer_left {
		width: 100%;
		text-align: left;
	}

	.footer_left > ul {
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
	}

	.footer_right {
		width: 100%;
		text-align: left;
                padding-bottom: 24px;
	}

	.footer_left ul li {
		display: inline;
	}

	.footer_left ul li a {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 12px;
		color: #243746;
		letter-spacing: 0.15em;
		text-transform: uppercase;
		margin-right: 25px;
	}

	.footer_left ul li a:hover {
		color: #a5baca;
	}

	.footer_left ul li.current-menu-item a {
		color: #a5baca;
	}

	.copyright_row {
		border-top: 1px #e6e6e6 solid;
		padding: 18px 0 60px 0;
		font-size: 14px;
		color: #bdbdbd;
	}

	.footer_asg {
		display: inline-block;
		margin-right: 30px;
	}

	.footer_asg .footer_logo {
		width: 150px;
		height: auto;
	}

	.footer_copyright {
		display: inline-block;
		color: #064a76;
		line-height: 40px;
		vertical-align: top;
	}

	.copyright_row .footer_copyright a {
		color: #064a76;
	}

	.copyright_row a {
		color: #bdbdbd;
	}

	.footer_social_icon:hover {
		opacity: 0.4;
	}

	.intranet {
		color: #000;
	    float: right;
	    line-height: 40px;
	}

	.intranet a {
           color: #064a76;
	}

        a.footer_asg {
           color: #064a76;
           text-align: center;
           margin-top: 12px;
        }

	/* CUSTOM */

	.pageWidth {
		width:100%;
		max-width: 1170px;
		margin:auto;
	}

	.pageWidth div {
		margin-top:80px;
	}

	.text-page-content {
		max-width: 900px;
		padding: 0 20px;
		margin: 0 auto;
	}

	/* 404 */

	.big_404 {
		font-size: 120px;
		color: #243746;
		letter-spacing: 0.15em;
		margin: 160px 0 30px 0;
		text-align: center;
	}

	.content_404 {
		color: #879eb0;
		margin-bottom: 65px;
		text-align: center;
	}

	.link_404 {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 12px;
		letter-spacing: 0.15em;
		color: #243746;
		text-align: center;
	}



	/* FORMS */

	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #d0d0d0;
	}
	::-moz-placeholder { /* Firefox 19+ */
	  color: #d0d0d0;
	}
	:-ms-input-placeholder { /* IE 10+ */
	  color: #d0d0d0;
	}
	:-moz-placeholder { /* Firefox 18- */
	  color: #d0d0d0;
	}

	textarea {
		resize: none;
	}

	textarea:focus, input:focus{
		outline: none;
	}

	.wpcf7-response-output {
		border: 0 !important;
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
	}




}



/* TABLET */

@media screen and (min-width: 1024px) and (max-width: 1279px) {

	.row {
		width: 90%;
	}

	#logo {
		width: 25%;
	}

	#nav_primary {
		width: 35%;
	}

	#nav_primary ul li a {
		font-size: 11px;
	}
 
	#nav_secondary {
		width: 60%;
	}

	#nav_secondary ul li a {
		font-size: 11px;
	}

	.duo {
		width: 47%;
		margin-right: 3%;
	}

	.duo.last {
		width: 47%;
		margin-left: 3%;
	}

	.tri {
		min-width: auto;
		max-width: auto;
	}

	.photo_credit {
		max-width: 52%;
	}



	.insp_ifilter .ifilter_1, .insp_ifilter .ifilter_2, .insp_ifilter .ifilter_3 {
		width: 33%;
		margin-left: 0;
	}

	.insp_image_home {
		width: 100%;
		margin-left: 0;
	}

	.insp_info_home {
		width: 100%;
	}

	#natural_stone .row h2 {
		font-size: 36px;
	}

	#home_products .row h2 {
		font-size: 36px;
	}

	.product_intro {
		padding: 25px 50px 25px 50px;
	}

	.product_left, .full_width span {
		width: 65%;
		padding-right: 5%;
	}

	.product_right {
		width: 30%;
	}



	#latest_insight .row {
		min-width: auto;
		max-width: auto;
	}

	.row_1190 {
		width: 90%;
	}

	#results {
		width: 100%;
	}

	.inventory_block {
		width: 32%;
		margin-right: 2%;
	}

	.inventory_image, .inventory_info, .inventory_ctas  {
		width: 100%;
	}
	

	.inventory_info {
		font-size: 12px;
	}

	.inv_label {
		margin-right: 5px;
	}

	.view_detail {
		width: 50%;
	}

	.add_to_collection {
		width: 50%;
	}

	.insight_left {
		width: 64%;
		margin-right: 4%;
	}

	.insight_block {
		width: 48%;
		margin-right: 4%;
	}

	.insight_block:nth-of-type(2n+0) {
		margin-right: 0;
	}

	.insight_image, .insight_image a {
		width: 100%;
	}

	.insight_image {
		background-size: cover;
	}

	.insight_right {
		width: 32%;
	}

	.insight_categories {
		width: 100%;
		padding: 50px;
	}

	#insight_image {
		width: 90%;
	}

	#insight_image .row img {
		width: 100%;
		height: auto;
	}

	.content_left {
		width: 70%;
		margin-right: 5%;
		padding: 0 0 70px 0;
	}

	.sidebar_right {
		width: 25%;
		margin-left: 0;
		padding: 0 0 70px 0;
	}

	.row_1330 {
		width: 90%;
		max-width: auto;
		min-width: auto;
	}

	.row_1330.insp_detail {
		width: 920px;
		height: 609px;
	}

	.insp_image_rep img {
		width: 100%;
		height: auto;
	}

	.row_1330.insp_share {
		width: 920px;
	}

	.insp_left {
		width: 48%;
	}

	.insp_right {
		width: 48%;
		margin-left: 4%;
	}

	.insp_block, .insp_image {
		width: 100%;
	}

	#stories .row {
		width: 900px;
		height: 616.5px;
	}

	#stories {
		height: 616.5px;
	}

	.slide_absolute {
		width: 900px;
		height: 616.5px;
	}

	.story_window {
		width: 900px;
		height: 616.5px;
	}

	.story_window img {
		width: 900px;
		height: 616.5px;
	}

	.story_text_block {
		left: 0;
		bottom: 50px;
	}

	.b_prev {
		bottom: 0;
		right: 61px;
	}

	.b_next {
		bottom: 0;
		right: 0;
	}

	.pos {
		bottom: 0;
		right: -60px;
	}




	.location:first-of-type {

	}

	.location {
		width: 31.3333%;
		margin-left: 1% !important;
		margin-right: 1% !important;
	}

	.location_col_1 {
		width: 50%;
		margin-left: 0;
		padding-left: 10px;
		box-sizing: border-box;
		font-size: 12px;
	}

	.locations_block .row {
		width: 100%;
	}

	.locations_block {
		background-image: url(/wp-content/themes/asgmodul/images/bkg_locations_tablet.jpg);
		background-size: contain;
	}



	.loc_block {
		width: 48%;
		height: 560px;
		margin: 0 4% 40px 0;
	}


	.location_head {
		padding-left: 20px;
	}

	.loc_col_1, .loc_col_2 {
		width: 50%;
		padding: 8px 30px 0 20px;
		margin: 0;
		box-sizing: border-box;
	}

	.location_image {
		width: 100%;
		height: auto;
	}

	.location_image img {
		width: 100%;
		height: auto;
	}




	.footer_left {
		width: 75%;
	}

	.footer_right {
		width: 25%;
	}

	.footer_left ul li a {
		font-size: 10px;
	}

}



@media screen and (min-width: 1206px) and (max-width: 1305px) {
	#nav_secondary ul li a { 
		margin-left: 12px;
	}
	
	#nav_secondary .my-collections-menu a {
		font-size: 9px;
	}

	#nav_secondary .my-favorites-menu a {
		font-size: 9px;
	}

}

@media screen and (min-width: 1024px) and (max-width: 1206px) {
	#nav_secondary .my-collections-menu a {
		font-size: 0;   /* Hides the original text */
	}

	#nav_secondary .my-collections-menu a::after {
		content: "Sign in";
		font-size: 9px;
		letter-spacing: .15em;
		color: #A80706!important;
	}	
}



/* MOBILE */

@media screen and (max-width: 1023px) {

	/* GLOBAL */

	.hide_on_mobile {
		display: none;
	}

	.hide_on_desktop {
		display: block;
	}

	.show_on_tablet {
		display: none;
	}

	body {
		width: 100%;
		text-align: center;
	}

	.row  {
		width: 90%;
		margin: 0px auto;
		text-align: left;
	}



	/* HEADER */

	header {
		height: 50px;
		line-height: 50px;
		background-color: #ffffff;
		text-align: left;
	}

	#header .row {
		width: 100%;
		height: 50px;
	}

	#nav_mobile {
		float: right;
		width: 50%;
		height: 50px;
	}

	#btn_menu_mobile {
		width: 20px;
		height: 14px;
		background-image: url(images/hamburger_2x.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		margin: 18px 15px 0 0;
		float: right;
	}

	#logo_mobile {
		width: 50%;
		height: 50px;
	}

	#logo_mobile img {
        margin: 4px 0 0 15px;
        height: 40px;
	}

	#menu_mobile {
		width: 100vw;
		height: calc(100vh - 50px);
		background-color: #ffffff;
		box-sizing: border-box;
		padding-top: 52px;
		text-align: left;
		position: absolute;
		left: 0;
		top: 50px;
		z-index: 999;
	}

	#menu_mobile ul {
		padding: 0 0 0 48px;
	}

	#menu_mobile ul li {
		display: block;
		padding: 10px 0 20px 30px;
		position: relative;
	}

	#menu_mobile ul li:before {
		content:"";
		background-color: #e5eaeb;
		position: absolute;
		top: 0;
		left: 0;
		height: 1px;
		width: 52px;
	}

	#menu_mobile ul li a {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 12px;
		color: #243746;
		letter-spacing: 0.15em;
		text-transform: uppercase;
	}

	#menu_mobile ul li ul {
		padding: 10px 0 0 10px;
	}

	#menu_mobile ul li ul li {
		margin-left: 0;
	}

	#menu_mobile ul li ul li:last-of-type {
		padding-bottom: 0;
	}

	#menu_mobile ul li ul li:before {
		height: 0;
	}

	#search_box_mobile {

	}



	/* HOME */

	#fma {
		background-size: cover;
		height: 370px;
	}

	#fma .row {
		height: 370px;
		width: 100%;
	}

	.fma_block {
		left: 0;
		top: auto;
		bottom: 30px;
		width: 260px;
		padding: 20px;
	}

	#our_story .row_770 {
		width: 90%;
		margin: 0px auto;
		text-align: center;
	}

	#inspiration .row {
		width: 100%;
	}

	.duo, .duo.last {
		float: none;
		margin: 0 0 30px 0;
		padding: 0;
		width: 100%;
		height: 700px;
	}

	.insp_info_home h3 {
		margin-bottom: 10px;
	}

	.insp_image_home {
		width: 100%;
		height: 680px;
		background-size: cover;
		margin: 0;
	}

	.insp_info_home {
		width: 85%;
	}

	#inspiration .b_rect {
		margin-top: 10px;
	}

	#natural_stone {
		height: auto;
	}

	#natural_stone .row {
		padding: 85px 0 85px 0;
	}

	#natural_stone .row h2 {
		font-size: 30px;
		line-height: 30px;
	}

	#home_products {
		height: auto;
	}

	#home_products .row {
		padding: 85px 0 85px 0;
	}

	#home_products .row h2 {
		font-size: 30px;
		line-height: 30px;
	}


	#manufactured_stone {
		height: auto;
		padding: 55px 0 55px 0;
		background-image: url(images/bkg_quartz_mobile.jpg);
		background-size: cover;
		background-position: center center;
	}

	#manufactured_stone .row_670 {
		width: 90%;
		margin: 0px auto;
		text-align: center;
	}

	#sinks .row_670 {
		width: 90%;
		margin: 0px auto;
		text-align: center;
	}

	#sinks .row_670 img {
		max-width: 250px;
		height: auto;
	}

	.col_335 {
		float: none;
		width: 90%;
		margin: 0px auto;
		text-align: center;
	}

	#latest_insight .row {
		width: 100%;
		min-width: auto;
		max-width: auto;
	}

	#latest_insight h2 {
		padding-top: 50px;
	}

	#latest_insight .intro_text {
		width: 90%;
		margin: 0px auto;
	}


	#latest_insight .tri {
		width: 100%;
		min-height: 100px;
		max-width: 100%;
		min-width: 100%;
	}

	#latest_insight .tri img {
		width: 100%;
		height: auto;
	}

	.home_insight_text {
		width: 100%;
		padding: 30px;
		box-sizing: border-box;
	}

	#inspiration .em_text {
		width: 90%;
		margin: 0px auto;
		padding-bottom: 45px;
	}

	#latest_insight .tri {
		text-align: center;
	}

	.home_insight_image, .home_insight_text {
		min-width: auto;
		max-width: auto;
		margin: 0px auto;
	}



	/* CONTENT */

	#page_head.products .row {
		padding: 0 0 0 0;
	}

	#page_head .intro_text {
		padding: 0 0 0 0;
	}

	.products_nav {
		display: none;
	}

	#product_head {
		height: auto;
		margin-bottom: 40px;
		background-size: 100vw auto;
	}



	#product_head .row {
		width: 100%;
		height: auto;
	}

	#product_head .row h2 {
		padding-top: 60px;
		height: 200px;
		box-sizing: border-box;
		background-position: center left;
		margin: 0;
	}

	.product_intro {
		position: static;
		height: auto;
		padding: 0;
	}

	.product_left, .full_width span {
		float: none;
		width: 100%;
		padding: 0 0 30px 0 ;
	}

	.product_right {
		float: none;
		width: 100%;
	}

	.sinks {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}

	.sink_image {
		width: 260px;
		margin: 0 auto 30px auto;
		text-align: center;
	}

	.products_three {
		display: block;
		padding: 0 0 65px 0;
	}

	.products_three img {
		display: block;
		margin: 25px auto 25px auto;
	}

	#related_inspiration {
		margin-top: 80px;
	}

	#related_inspiration .intro_text {
		width: 280px;
		margin: 20px auto 30px auto;
	}

	#related_inspiration .row {
		width: 100%;
	}

	#page_head .row {
		padding: 50px 0 50px 0;
	}

	#loader img {
		width: 100%;
		height: auto;
	}

	.ifilter {
		height: auto;
		width: 90%;
		margin: 0px auto;
		display: none;
	}

	.ifilter_1, .ifilter_2, .ifilter_3, .ifilter_4, .ifilter_5 {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
	}

	.inv_ifilter .ifilter_half, .inv_ifilter .ifilter_half_2 {
		width: 33.3%;
		margin-right: 0;
	}

	.row_1190 {
		width: 100%;
	}

	.insp_left, .insp_right {
		float: none;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}

	.insp_block {
		width: 100%;
		height: 700px;
		margin: 0 0 50px 0;
	}

	.insp_image {
		width: 100%;
		height: 700px;
	}

	.insp_image img {
		width: 100%;
		height: auto;
		display: block;
	}

	.insp_block .photo_credit {
		display: none;
	}

	.insp_info {
		left: 0;
		bottom: -20px;
		width: 260px;
		min-height: 120px;
	}

	.insp_info h3  {
		margin-bottom: 10px;
	}

	.inv_detail {
		height: 500px;
		background-position: top center;
	}

	.inventory_block_detail .inventory_ctas {
		height: 40px;
	}

	.inv_image_rep {
		width: 100%;
		height: calc(100vw * .6616);
		background-position: top center;
	}

	.mobile_filter {
		border: 1px #e6e6e6 solid;
		padding: 15px 10px 15px 10px;
		margin: 0px auto;
		background-image: url(images/filter_plus.png);
		background-position: right 10px center;
		background-repeat: no-repeat;
		width: 90%;
		box-sizing: border-box;
		font-size: 14px;
		color: #243746;
	}

	.row_1330.back_to {
		text-align: center;
	}

	.row_1330.insp_detail {
		width: 100%;
		height: calc(100vw * .6616);
		max-width: auto;
		min-width: auto;
	}

	.insp_image_rep img {
		width: 100%;
		height: calc(100vw * .6616);
	}

	.insp_detail .insp_info {
		bottom: -184px;
		left: 0;
		width: 100%;
	}

	.row_1330.insp_share.insp_share_detail {
		margin-top: 184px;
		padding: 20px 20px 0 0;
		text-align: right;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 40px;
	}

	.our_story .row_810 {
		width: 90%;
	}

	.big_wrap {
		background-image: none !important;
	}

	#stories  {
		height: calc(100vw * .685);

	}

	#stories .row {
		width: 100%;
		height: calc(100vw * .685);
	}

	.slide_absolute {
		width: 100%;
		height: calc(100vw * .685);
	}

	.slide {
		height: calc(100vw * .685);
	}

	.story_window {
		width: 100%;
		height: calc(100vw * .685);
		box-shadow: none;
		margin: 0;
	}

	.story_window img {
		width: 100%;
		height: calc(100vw * .685);
	}

	.story_photo_credit {
		display: none;
	}

	.story_text_block {
		width: 180px;
		height: auto;
		min-height: 90px;
		left: auto;
		right: 0;
		bottom: 60px;
		opacity: 0.9;
		padding: 20px 20px 0 20px;
	}

	.story_title {
		font-size: 24px;
		line-height: 24px;
	}

	.story_text {
		display: none;
		padding-bottom: 50px;
	}

	.b_prev {
		right:  121px;
		bottom: 0;
	}

	.b_next {
		right: 60px;
		bottom: 0;
	}

	.pos {
		right: 0;
		bottom: 0;
	}

	#locations .row h1 {
		color: #243746;
		margin: 50px 0 50px;
	}

	#locations .row {
		width: 100%;
	}

	#locations .location {
		width: 100%;
		height: auto;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
	}

	.expand_story {
		position: absolute;
		bottom: 14px;
		right: 18px;
	}


	.tri, .quad {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
	}

	.our_story .row_810 h1 {
		padding-top: 50px;
	}

	.location_col_1 {
	padding-bottom: 25px;
	}


	/* CONTACT */

	.locations_block {
		background-image: none;
	}

	.locations_block .row {
		width: 100%;
	}

	.location {
		margin: 0 0 20px 0 !important;
		width: 100%;
		height: auto;
		padding-bottom: 30px;
	}

	.location_image_mobile {
		width: 100%;
		height: 360px;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.row_770 {
		width: 90%;
		margin: 0px auto;
	}

	.contact_block .row_770 {
		padding-top: 50px;
	}

	.row_870 {
		width: 90%;
		margin: 0px auto;
	}

	.location_head {
		padding: 25px 0 25px 25px;
	}

	.loc_block {
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 30px;
	}

	.loc_col_1, .loc_col_2 {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
		padding: 10px 25px 0 25px;
	}

	.loc_col_2 {
		padding-bottom: 30px;
	}

	.location_image {
		width: 100%;
		height: auto;
	}

	.location_image img {
		width: 100%;
		height: auto;
	}


	/* INSIGHT */

	#insight_image {
		height: auto;
		margin-bottom: 40px;
	}

	#insight_image .row {
		height: auto;
	}

	.content_left {
		float: none;
		width: 100%;
		margin: 0 0 40px 0;
		padding: 0 !important;
	}

	.content_left h2 {
		font-family: FreightDispProBook-Regular, serif;
		font-size: 36px;
	}

	.sidebar_right {
		float: none;
		width: 100%;
		margin: 0 0 40px 0;
		padding: 0 !important;
	}

	#insight_detail h1 {
		font-size: 30px;
		line-height: 30px;
	}

	.b_rect.centered.hide_on_desktop {
		display: block;
	}

	.mobile_content {
		position: relative;
	}

	.mobile_excerpt, .mobile_whole_lot {

	}

	#insight_board .row_1250 {
		width: 100%;
		height: 360px;
		position: relative;
	}

	.bl, .lr, .ll, .br {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 360px;
		margin: 0;
		padding: 0;
	}

	#featured_insight {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
	}

	.insight_left {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
	}

	.insight_right {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
	}

	.insight_block {
		float: none;
		width: 100%;
		margin: 0 0 30px 0
	}

	.insight_image {
		width: 100%;
		background-size: cover;
	}

	.insight_image a {
		width: 100%;
		height: auto;
	}

	.insight_categories {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
		padding: 50px 30px 30px 30px;
	}

	.featured_insight_block {
		width: 100%;
		bottom: 0;
		left: 0;
		padding: 20px;
	}

	#insight_image .row img {
		width: 100%;
		height: auto;
	}




	/* INVENTORY */

	#loader {
		width: 100%;
	}

	#results {
		width: 100%;
		margin: 0px auto;
	}

	.inventory_block {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 30px 0;
	}

	.inventory_image {
		width: 100%;
		height: calc(90vw * .7837);
	}

	.inventory_image a {
		width: 100%;
		height: calc(90vw * .7837);
	}

	.inventory_info {
		width: 100%;
		height: auto;
	}

	.inv_col_1, .inv_col_2 {
		float: none;
		width: 100%;
		height: auto;
	}

	.inventory_ctas {
		width: 100%;
		height: 80px;
	}
	.view_detail {
		width: 100%;
		float: none;
	}
	.add_to_collection {
		border-top: 1px #a4b9c8 solid;
		width: 100%;
		float: none;
	}

	.row_1330.back_to {
		width: 90%;
		margin: 0px auto;
		min-width: auto;
		max-width: auto;
	}

	.row_1330.inv_detail {
		width: 100%;
		min-width: auto;
		max-width: auto;
	}

	.inventory_block_detail {
		width: 100%;
		left: 0;
		min-width: auto;
		max-width: auto;
	}

	.row_1330.insp_share {
		width: 100%;
		text-align: center;
		min-width: auto;
		max-width: auto;
		padding-top: 70px;
	}

	.inventory_ctas {
		height: 80px;
	}

	.inv_detail .b_prev {
		top: 0;
		right: 121px;
	}
	.inv_detail .b_next {
		top: 0;
		right: 60px;
	}
	.inv_detail .pos {
		top: 0;
		right: 0;
	}



	/* COLLECTION */

	.collection_form {
		width: 100%;
		height: auto;
	}

	.half {
		float: none;
		width: 100%;
	}

	.remove_from_collection {
		width: 100%;
		border-top: 1px #a4b9c8 solid;
	}

	.remove_from_collection a {
		padding: 0 0 0 20px;
	}




	.careers_intro {
		padding-bottom: 30px;
	}






	/* FOOTER */

	.footer_left, .footer_right {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
	}

	.footer_left {
		padding: 30px 0 30px 0;
	}

	.footer_left ul li {
		display: block;
	}

	.footer_left ul li a {
		font-family: BrandonGrotesqueWeb-Medium, sans-serif;
		font-size: 12px;
		color: #243746;
		letter-spacing: 0.15em;
		text-transform: uppercase;
	}

	.footer_right {
		text-align: left;
	}

	.copyright_row {
		padding: 45px 0 45px 0;
	}

	.footer_asg {
		display: block;
		margin-right: 0;
	}

	.footer_copyright {
		display: none;
	}

	.footer_copyright_mobile {
		margin-top: 40px;

	}

}


@media screen and (max-width: 768px) { 
	.team-block {
		flex-direction: column-reverse;
	}	

	.intro-bio , .members-column {
		width: 100%;
	}

	.intro-contents {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.hide-mobile {
		display: none;
	}

	.global_message {
		background: #d8dee1;
		padding: 5px;
		font-size: 13px;		
	}


}

.menu-item.inset:before {
    content: "-";
    margin-left: -10px;
    padding-right: 2px;
}

.menu-item.inset {
    margin-left: 10px;
}

.global_message a {
	color: #243746;
}

.product-title {
    font-family: BrandonGrotesqueWeb-Regular, sans-serif!important;
    font-size: 33px!important;
    text-transform: uppercase!important;
    letter-spacing: 0.15em!important;
    color: #243746!important;
    line-height: 1.3em!important;
}

.origin-bottom.absolute.top-0.font-serif.text-5xl {
 font-family: BrandonGrotesqueWeb-Regular, sans-serif;   
}

/* Testimonial arrow */

.review-arrow {
  position: absolute;
  bottom: 15px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(0,0,0,.65);
  color: #fff;
  border: none;
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
	z-index: 1;
}

.review-arrow svg {
  display: block;
}
.review-arrow.left { left: calc(50% - 47px); }
.review-arrow.right { right: calc(50% - 47px); }	

@media (min-width:2100px) {
  .review-arrow {
		bottom:unset;
	  top: calc(50% - 75px);
    transform: translate(0, 57%);
	}
	
.review-arrow.left { left: -35px; }
.review-arrow.right { right: -35px; }	
}


/* desktop only */
@media (max-width: 1199px) {
  .review-arrow {
    display: none;
  }
}