/*
Theme Name: Kebony US
Author: The Curio Collective
Author URI: http://thecurio.co
Version: 2.0
*/
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, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
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;}
caption,
th,
td{font-weight:normal;text-align:left;}
h1,
h2,
h3,
h4,
h5,
h6{clear:both;}
html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section{display:block;}
audio,
canvas,
video{display:inline-block;}
audio:not([controls]){display:none;}
del{color:#333;}
ins{background:#fff9c0;text-decoration:none;}
hr{background-color:#cdc7c2;border:0;height:1px;margin:40px 0px;width:40px;opacity:1;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
small{font-size:smaller;}
img{border:0;-ms-interpolation-mode:bicubic;}
:focus{outline:0px;}

/* General Styles */
 
	body{
	overflow:hidden;
	font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:20px;
	line-height: 1.35;
	color:#575757;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	}

	a{
	text-decoration:none;
	color:#32323b;
	text-transform:uppercase;
	letter-spacing: 1px;
	font-size:18px;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	cursor: pointer !important;
	}

	a:hover{
	color:#f7a400;
	}

	strong{
	font-weight: 700;
	}

	em{
	font-style: italic;
	}

/* Link Styles */

	/* Full Btn Styling */

	.intro-area a, .btn{
	display: block;
	padding:25px 60px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	font-size: 18px;
	max-width: 320px;
	background:url(./images/btn-arrow.svg) no-repeat 85% 50% #32323b;
	}

	.btn-orange{
	display: inline-block;
	padding:25px 50px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	background:#f7a400;
	font-size: 18px;
	color:#fff;
	}

	.btn-orange:hover{
	background: #32323b;
	}

	.intro-area a:hover, .btn:hover{
	background:url(./images/btn-arrow.svg) no-repeat 85% 50% #46464e;
	}

	.btn, .post-nav a{
	color:#ffffff;
	}

	.btn:hover, .post-nav a:hover{
	color:#f7a400;
	}

	.btns{
	text-align: center;
	margin-top:3px;
	}

	.btns .btn{
	display: inline-block;
	min-width: 300px;
	margin:0px -1px;
	}

	.sm-btn{
	display: inline-block;
	padding:7px 10px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border:solid 1px;
	}

	.hs-button{
	text-transform: uppercase !important;
	font-size: 18px !important;
	letter-spacing: 1px !important;
	font-family: sofia-pro, sans-serif !important;
	font-weight: 400 !important;
	margin-top:10px !important;
	}

	.hs-input{
	font-family: sofia-pro, sans-serif !important;
	font-weight: 400 !important;
	height:65px;
	}

	.hs-submit .actions{
	margin:0px !important;
	padding:0px !important;
	}

	/* Arrow Links */

	.grades-cont a:after, .featured-posts h4:after{
	content:url(./images/btn-arrow.svg);
	margin-left: 15px;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	}

	.grades-cont a:hover:after{
	margin-left: 30px;
	}

	.post-photo:hover > h4:after{
	margin-left: 30px;
	}

	.m-content a:after, .hi-content a:after, .circle-btn:after, .flex-photos .text-area a:after, .fw-block a:after, .prof-intro a:after, .free-sample-cta a:after{
	content:url(./images/btn-arrow.svg);
	margin-left: 25px;
	border:solid 2px #f7a400;
	border-radius: 100px;
	padding:10px 13px;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	}

	.m-content a:hover:after, .hi-content a:hover:after, .circle-btn:hover:after, .flex-photos .text-area a:hover:after, .fw-block a:hover:after, .prof-intro a:hover:after, .free-sample-cta a:hover:after{
	margin-left: 35px;
	}


/* Typograhy Styles */

	h1, h2, h3, h4, h5{
	font-weight: 400;
	}

	h1{
	font-size:50px;
	margin-bottom:40px;
	color:#32323b;
	}

	h2{
	font-size:40px;
	position: relative;
	}

	h2::after{
	display: block;
	content:'';
	position: relative;
	width: 80px;
	height: 4px;
	background-color:#f7a400;
	margin:40px 0px;
	}

	h3{
	font-size: 28px;
	margin-bottom: 50px;
	}

	h4, #wpsl-search-wrap label{
	text-transform: uppercase;
	color:#98989d;
	letter-spacing: 1px;
	font-size: 17px;
	margin-bottom:20px;
	}

	.forms label, .hbspt-form label{
	font-size: 14px;
	text-transform: uppercase;
	color:#6f6f65;
	letter-spacing: 1px;
	margin-bottom:10px;
	display: block;
	}

	p{
	margin-bottom:30px;
	}

	p:last-child{
	margin-bottom:0px;
	}

	input, textarea, select{
	text-indent: 20px;
	padding:10px 0px; 
	border-radius: 0px;
	border:solid 2px #dddddd;
	margin-bottom:10px;
	width: 100%;
	display: block;
	-webkit-appearance:none;
	font:inherit;
	font-size: 16px;
	}

	input:focus, textarea:focus{
	border:solid 2px #32323b;
	outline: 0px;
	}

	select{
	background:url(./images/down-arrow.svg) 97% 50% no-repeat;
	}

	input[type="checkbox"]{
	-webkit-appearance:checkbox;
	}

	button{
	-webkit-appearance:none;
	}

	.button, input[type="submit"]{
	background:#46464e;
	font:inherit;
	color:#ffffff;
	border:0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 0px;
	padding:20px 0px;
	cursor: pointer;
	margin-top:60px;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	text-indent: 0px;
	}

	.button:hover, input[type="submit"]:hover{
	color: #f7a400;
	background:#32323b;
	}

	.forms label{
	display: block;
	margin-bottom: 8px;
	color:#6f6f75;
	}

	.text-area ul, .profile-block ul, .page-content ul,  .post-content ul{
	list-style: disc;
	margin-left: 50px;
	}

	.text-area ul li, .profile-block ul li, .page-content ul li, .text-area ol li, .profile-block ol li, .page-content ol li,  .post-content ol li,  .post-content ul li{
	margin-bottom:10px;
	}

	.text-area ol, .profile-block ol, .page-content ol,  .post-content ol{
	list-style: decimal;
	margin-left: 50px;
	}

	/* Layout */

	.flex{
	display:flex;
	justify-content:space-between;
	}

	.cont{
	max-width:1350px; 
	padding:0px 60px; 
	margin:0 auto;
	position: relative;
	}

	.cont-med{
	max-width:1200px; 
	padding:0px 60px; 
	margin:0 auto;
	position: relative;
	}

	.cont-sm{
	max-width:900px; 
	padding:0px 60px; 
	margin:0 auto;
	position: relative;
	}

	.padding{
	padding-top:150px;
	padding-bottom:150px;
	}

	.padding-sm{
	padding-top:80px;
	padding-bottom:80px;
	}

	.padding-top{
	padding-top:150px;
	}

	.padding-top-sm{
	padding-top:80px;
	}

	.padding-bottom{
	padding-bottom:150px;
	}

	.padding-bottom-sm{
	padding-bottom:80px;
	}

	.center{
	text-align: center;
	}

	.one-third{
	width: 30%;
	position: relative;
	}

	.two-thirds{
	width: 100%;
	max-width:700px;
	}

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

	.half{
	width: 50%;
	}


/* Header */

	.logo{
	background:#f7f6f5;
	padding:40px 60px;
	}

	.navigation{
	width: 100%;
	}

	.navigation a{
	text-transform: none;
	letter-spacing: 0px;
	line-height: 1.5;
	}

	.navigation ul li{
	display: inline-block;
	}

	.top-navs{
	border-bottom:solid 2px #f7f6f5;
	padding:0px 30px 0px 60px;
	align-items:center;
	}

	.top-navs ul li{
	margin-right:30px;
	line-height: 0;
	}

	.top-navs ul li:last-child{
	margin-right: 0px;
	}

	.top-navs ul{
	line-height: 0;
	}

	.top-navs a{
	color:#575757;
	}

	.top-navs a:hover{
	color:#f7a400;
	}

	.sub-nav-cart.flex{
	align-items:center;
	}

	.right-nav.flex{
	align-items:center;
	}

	.prof-nav a{
	font-size: 16px;
	}

	.sub-nav a{
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	}

	.fa-shopping-cart{
	margin-left:20px;
	font-size: 12px;
	}

	.country-selector{
	position: relative;
	}

	.ch-down{
	margin-left: 10px;
	opacity: 0.8;
	position: relative;
	top:-2px;
	}

	.country-hover{
	cursor: pointer;
	padding:7px 0px;
	margin:0px 30px;
	font-size:80%;
	}

	.country-menu{
	display: none;
	background:#f7f6f5;
	position: absolute;
	right:70px;
	z-index: 99;
	margin-top:7px;
	text-align: center;
	}

	.country-hover:hover > .country-menu{
	display: block;
	}

	.country-menu li{
	display: block !important;
	margin-right: 0px !important;
	line-height: 1;
	border-bottom: solid 1px #e0e0e1;
	}

	.country-menu li:hover{
	background:#efedeb;
	opacity: .8;
	}

	.country-menu li:last-child{
	border-bottom: 0px;
	}

	.country-menu li a{
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	padding:5px;
	display: block;
	}

	.country-menu li a img{
	max-width: 35px;
	height: auto;
	}

	.desktop-nav{
	padding:0px 16px;
	}

	.desktop-nav li{
	padding:43px;
	cursor: pointer;
	}

	.desktop-nav a{
	font-size: 20px;
	padding:43px 0px;
	}

	.current_page_item a{
	color:#f7a400;
	}
	

/* Footer */

	#footer{
	background:#f7f6f5;
	}

	#footer .signup .button{
	margin-top:20px;
	}

	.foot-nav{
	width: 100%;
	padding-left: 60px;
	}
	
	.foot-nav a{
	font-size: 17px;
	text-transform: none;
	color:#32323b;
	letter-spacing: 0px;
	}

	.foot-nav a:hover{
	color:#f7a400;
	}

	.foot-nav li{
	margin-bottom:10px;
	}

	.foot-nav li:last-child{
	margin-bottom: 0px;
	}

	.top-foot-nav{
	margin-bottom:80px;
	}

	.copyright p{
	font-size: 17px;
	color:#98989d;
	}

	.copyright p a{
	color:#32323b;
	text-transform: none;
	letter-spacing: 0px;
	font:inherit;
	}

	.copyright p a:hover{
	color:#f7a400;
	}

	.copyright p span{
	margin:0px 10px;
	}

	#footer .left{
	width: 35%;
	}

	#footer .left h3{
	max-width: 400px;
	}

	#footer .right{
	width: 55%;
	}

	#footer .social{
	margin-top:80px;
	margin-bottom: 40px;
	text-align: center;
	}

	.social a{
	font-size: 45px;
	color:#98989d;
	margin-right: 15px;
	padding: 10px;
	}

	.social a:hover{
	color:#f7a400;
	}

	.signup img{
	margin-bottom:30px;
	max-width: 500px;
	}

	.signup input{
	padding:20px 0px;
	}

/* Repeatable */

	div{
	background-size: cover;
	background-position: center;
	}

	.intro-area{
	position: relative;
	}

	.intro-area h1{
	color:#ffffff;
	font-size: 66px;
	max-width: 700px;
	}

	.intro-area p{
	color:#f7f6f5;
	max-width: 700px;
	margin-bottom: 3px;
	}

	.intro-area a{
	margin-top:80px;
	color:#ffffff;
	}

	.intro-area a:hover{
	color:#f7a400;
	}

	.overlay{
	position: absolute;
	display: block;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background:rgba(70, 70, 78, 0.6);
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	}

	.hi-content h3{
	color:#32323b;
	font-size: 32px;
	line-height: 1.75;
	}

	.hi-content{
	width: 50%;
	position: relative;
	padding: 150px 40px 220px 120px;
	}

	.hi-content::after{
	content: '';
	background:#f7f6f5;
	display: block;
	position: absolute;
	width: 120%;
	height: 75%;
	top:0px;
	right: 0;
	z-index: -9;
	}

	.style-1 .left-image{
	margin-top:150px;
	}

	.left-image{
	width: 50%;
	}

	.testimonial-content{
	padding:60px 0px;
	width: 100%;
	height: auto;
	position: relative;
	align-content: center;
	
	}

	.testimonial-videos-block{
	background: #f7f6f5;
	}

	.testimonial-content a{
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding:25px 0px;
	right: 0;
	text-indent: 100px;
	background:url(./images/btn-arrow.svg) no-repeat 85% 50% #efedeb;
	}

	.testimonial-content a:hover{
	background:url(./images/btn-arrow.svg) no-repeat 85% 50% #eae7e2;
	}

	.testimonial-content p{
	margin-bottom: 80px;
	}

	.testimonial-content{
	background:#f7f6f5;
	padding:60px 0px;
	width: 50%;
	position: relative;
	}

	.testimonial-content a{
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding:25px 0px;
	right: 0;
	text-indent: 100px;
	background:url(./images/btn-arrow.svg) no-repeat 85% 50% #efedeb;
	}

	.testimonial-content a:hover{
	background:url(./images/btn-arrow.svg) no-repeat 85% 50% #eae7e2;
	}

	.testimonial-content p{
	margin-bottom: 80px;
	}

	.dc-content{
	background:#f7f6f5;
	padding:60px 100px;
	width: 50%;
	position: relative;
	}

	.dc-content a{
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding:25px 0px;
	right: 0;
	text-indent: 100px;
	background:url(./images/btn-arrow.svg) no-repeat 85% 50% #efedeb;
	}

	.dc-content a:hover{
	background:url(./images/btn-arrow.svg) no-repeat 85% 50% #eae7e2;
	}

	.dc-content p{
	margin-bottom: 80px;
	}

	.dc-content{
	background:#f7f6f5;
	padding:60px 100px;
	width: 50%;
	position: relative;
	}

	.dc-content a{
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding:25px 0px;
	right: 0;
	text-indent: 100px;
	background:url(./images/btn-arrow.svg) no-repeat 85% 50% #efedeb;
	}

	.dc-content a:hover{
	background:url(./images/btn-arrow.svg) no-repeat 85% 50% #eae7e2;
	}

	.dc-content p{
	margin-bottom: 80px;
	}

	.dc-image, .m-image, .m-content{
	width: 50%;
	}

	.dcm-blocks .flex{
	width: 100%;
	}

	.m-content{
	padding-right: 120px;
	padding-left: 200px;
	}

	.m-content p{
	margin-bottom:60px;
	}

	.grades-cont{
	width: 100%;
	background:#98989d;
	padding:100px 40px;
	}

	.clear.grades-cont{
	background-image:url(./images/clear-bg.jpg);
	background-size: cover;
	background-position: center;
	}

	.character.grades-cont{
	background-image:url(./images/character-bg.jpg);
	background-size: cover;
	background-position: center;
	}

	.grades-cont h2, .featured-posts h2{
	color:#ffffff;
	margin-bottom:30px;
	}

	.grades-cont a{
	color:#f7a400;
	}

	.grades-cont p{
	color:#f7f6f5;
	}

	.title-testimonial-content{
  	margin: 0 auto;
  	padding-top:20px;
	}

	.title-testimonial-content h2:after{
  	margin: 0 auto;
  	margin-top: 40px;
	}

	.grades-cont h2:after, .featured-posts h2:after{
	display: none;
	}

	.featured-posts .flex a{
	width: 100%;
	background-position: center;
	background-size: cover;
	position: relative;
	}

	.featured-posts .flex a h2{
	text-transform: none;
	color:#ffffff;
	position: relative;
	z-index: 9;
	}

	.featured-posts .flex a h4{
	color:#f7a400;
	position: relative;
	z-index: 9;
	margin-bottom: 0px;
	}

	.featured-posts .flex a:first-child{
	margin-right: 3px;
	}

	.featured-posts .post-photo{
	padding:100px 40px;
	}

	.post-photo-hover{
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
	z-index: -9;
	}

	.post-photo:hover > .overlay{
	background: rgba(70, 70, 78, 0.9); 
	}

	.featured-posts h3{
	display: inline-block;
	}

	.cb-right{
	float: right;
	margin-top:10px;
	}

	.flex-photos .text-area{
	padding:150px;
	width: 60%;
	}

	.flex-photos .img-area{
	padding:150px;
	width: 40%;
	}

	.flex-photos .text-area p, .fw-block p{
	margin-bottom: 60px;
	}

	.flex-photos .text-area p:last-child, .fw-block p:last-child{
	margin-bottom: 0px;
	}

	.flexible-product{
	padding-top:150px;
	position: relative;
	}

	.flexible-product:before{
	content:'';
	background:#f7f6f5;
	width:35%;
	height:300px;
	position: absolute;
	top:0;
	left:0;
	z-index: -9;
	}

	.flexible-product div:first-child .text-area{
	padding-top:0px;
	padding-bottom:300px;
	}

	.light-bg{
	background:#f7f6f5;
	}

	.dark-bg{
	background:#46464e;
	}

	.dark-bg h2, .dark-bg a, .dark-bg h3, .dark-bg h4{
	color:#ffffff;
	}

	.dark-bg a:hover{
	color:#f7a400;
	}

	.dark-bg p{
	color: #98989d;
	}

	.downloadable a{
	width: 27%;
	padding:30px 40px;
	margin-right:3px;
	margin-bottom:3px;
	background:url(./images/btn-arrow.svg) no-repeat 90% 50% #f7f6f5;
	display: flex;
	align-items:center;
	}

	.rss-listing{
	list-style-type: none !important;
	margin-left:0px  !important;
	margin-top:60px  !important;
	}

	.rss-listing li{
	margin-bottom: 0px !important;
	background:url(./images/btn-arrow.svg) no-repeat 95% 50% #f7f6f5;
	}

	.rss-item{
	display: block;
	padding:30px 40px;
	margin-right:3px;
	margin-bottom:3px;
	}

	.rss-item span{
	max-width: 90%;
	display: block;
	}

	.downloadable a span{
	max-width: 320px;
	display: block;
	}

	.downloadable.flex{
	justify-content:start;
	}

	.tech-docs .flex{
	flex-wrap:wrap;
	}

	.profiles .flex, .fasteners .flex{
	flex-wrap:wrap;
	}

	.profiles h3{
	margin-left: 40px;
	font-size: 32px;
	color:#32323b;
	}

	.profile-block{
	width: 40%;
	margin:0px 40px 80px 40px;
	}

	.profile-block img{
	margin-bottom: 40px;
	max-width: 100%;
	max-height: 400px;
	}

	.profile-block h4{
	margin-top:40px;
	}

	.center h2::after{
	margin:40px auto;
	}

	.dynamic .photo-right .text-area{
	background:#f7f6f5;
	}

	.blog-area .post-photo{
	width: 100%;
	}

	.blog-post-container{
	padding:40px;
	width: 100%;
	}

	.blog-area h3{
	text-transform: none;
	letter-spacing: 0px;
	margin-bottom: 30px;
	font-size: 32px;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	}

	.blog-area h4{
	color:#f7a400;
	}

	.blog-area h3:hover{
	color:#f7a400;
	}

	.blog-area .circle-btn{
	margin-top:60px;
	display: block;
	}

	.blog-view-more{
	margin-top:0px !important;
	background:#f7f6f5;
	}

	.blog-view-more .btn{
	margin:0px -3px;
	}

	.lighter-btn{
	background-color:#6f6f75;
	}

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

	.page-id-34 .flex-photos:first-child .img-area{
	background-size: contain;
	background-repeat: no-repeat;
	margin:40px;
	}

	.post-content iframe{
	width:100%;
	}

/* Template-01 Home Page */
	
	.home .intro-area .padding{
	padding-bottom: 80px;
	}

	.home .intro-area h1{
	margin-bottom: 100px;
	max-width: 800px;
	}

	.home .intro-area a{
	margin-top:0px;
	}

	.social-proof img{
	opacity: .5;
	margin:25px;
	max-width: 165px;
	max-height: 60px;
	}

	.social-proof .flex{
	flex-wrap:wrap;
	align-items:center;
	}

/* Template-08 Content Only */

	.page-head{
	background:#e0e0e1;
	}

	.page-head h1{
	margin-bottom: 0px;
	font-size: 60px;
	}

	.page-content p a{
	text-transform: none;
	letter-spacing: 0px;
	text-decoration: underline;
	color:#f7a400;
	font-size: inherit;
	}

	.page-content p a:hover{
	color:#32323b;
	}

	.page-content h3{
	margin-bottom: 20px;
	}

/* Custom Fields */

	.datepart{
	max-width: 100px;
	text-align: center;
	text-indent: 0px;
	display: inline-block;
	}

	.indicates-required, .small-meta{
	font-size: 14px;
	font-style: italic;
	margin-bottom: 20px;
	}

/* Template-10 For Professionals */
	
	.prof-intro .cont-sm{
	max-width: 750px;
	}

	.professionals .hi-content{
	padding:150px;
	}

	.professionals .hi-content::after{
	display: none;
	}

	.circle-btn-group .circle-btn{
	margin:0px 40px;
	}

	.prof-intro a{
	margin-top:60px;
	display: block;
	}

	.prof-contact-info.flex{
	justify-content:center;
	margin-top:60px;
	}

	.prof-contact-info div{
	margin:0px 40px;
	}

	.prof-contact-info h4{
	color:#98989d;
	}

	.prof-contact-info p{
	margin-bottom: 0px;
	color:#fff;
	}

	.prof-contact-info a{
	margin-top:0px;
	text-transform: none;
	color:#f7a400;
	text-decoration: underline;
	letter-spacing: 0px;
	}

	.prof-contact-info a:hover{
	color:#ffffff;
	}

	.prof-contact-info a:after{
	display: none;
	}

	.prof-intro{
	position: relative;
	}

	.prof-intro.dark-bg:before{
	content:'';
	background:#46464e;
	width:100%;
	height:300px;
	position: absolute;
	top:-230px;
	left:0;
	z-index: -9;
	}

/* Gridded Posts */
	
	.grid-posts .flex-photos{
	margin-top: 150px;
	}

	.post-grid .flex{
	flex-wrap:wrap;
	justify-content:center;
	}

	.post-grid .post-block{
	width: 29%;
	margin:25px;
	background: #f7f6f5;
	position: relative;
	}

	.post-grid .post-container{
	padding:40px;
	}

	.post-grid a h3{
	text-transform: none;
	letter-spacing: 0px;
	margin-bottom: 80px;
	}

	.post-grid .circle-btn{
	position: absolute;
	bottom:40px;
	}

	.post-block .post-photo{
	padding-bottom: 80%;
	width: 100%;
	background-color:#98989d;
	}

	.post-nav{
	margin-top:60px;
	text-align: center
	}

	.post-nav a{
	display: inline-block;
	padding:25px 60px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	font-size: 18px;
	margin:0px auto;
	min-width: 280px;
	background:#32323b;
	position: relative;
	}

	.post-nav a img{
	margin-left: 50px;
	}

	.post-nav a .left img{
	margin-right: 50px;
	margin-left: 0px;
	transform: rotate(180deg);
	}

	.post-grid .cont{
	padding-right:0px;
	padding-left:0px;
	}

	.grid-navs{
	display: flex;
	margin:0px 35px;
	}

	.cat-nav.padding-sm{
	padding-bottom:50px;
	}

	.cat-nav ul li{
	width: 100%;
	background:#f7f6f5;
	margin:0px 2px;
	}


	.cat-nav ul li a{
	width: 100%;
	display: inline-block;
	padding:20px 0px;
	}

	.cat-nav .sub-menu{
	display: none;
	}

	.cat-nav .current-menu-item a{
	color:#f7a400;
	}

	.cat-nav .sub-menu li{
	border-top:solid 1px #e0e0e1;
	}

	.menu-item-has-children{
	position: relative;
	}

	.menu-item-has-children a:after{
	content:url(./images/down-arrow.svg);
	margin-left: 15px;
	position: relative;
	top:-2px;
	}

	.grid-navs .menu-item-has-children:hover > .sub-menu{
	display: block !important;
	position: absolute;
	z-index: 999;
	width: 100%;
	left:-2px;
	}

	.sub-menu a:after{
	display: none;
	}

	.tax-project_category .featured{
	display: none;
	}

/* Posts / Projects Pages */
	
	.posts .intro-area .flex{
	justify-content:start;
	flex-wrap:wrap;
	}

	.single-projects .intro-area .overlay{
	background:rgba(70, 70, 78, 0.8);
	}

	.posts .intro-area h4{
	color:#e0e0e1;
	margin-bottom: 10px;
	}

	.posts .intro-area p{
	margin-bottom: 0px;
	font-size: 17px;
	}

	.single-project .intro-area h1{
	margin-bottom: 0px;
	}

	.single-project .meta-block{
	margin-right: 40px;
	width: 20%;
	margin-top:40px;
	}

	.meta-block{
	color: #ffffff;
	}

	.meta-block a{
	margin-top:0px;
	display: inline-block;
	padding:0px;
	background: transparent;
	font-size: 20px;
	letter-spacing: 0px;
	text-transform: none;
	color:#f7a400;
	border-bottom:solid 1px;
	}

	.meta-block a:hover{
	background: transparent;
	color:#ffffff;
	}

	.post-content img{
	max-width: 140%;
	height: auto;
	padding:10px 20px;
	margin-left: -22%;
	}

	.wp-caption{
	width: auto !important;
	font-style: italic;
	font-size: 80%;
	}

	.wp-caption-text{
		margin-top: -10%;
		padding-bottom: 80px;
		margin-left: -20%;
	}

	.post-content a, .buying .contact-info a, .static-map .text-area a{
	text-transform: none;
	letter-spacing: 0px;
	font:inherit;
	color:#f7a400;
	text-decoration: underline;
	}

	.post-content a:hover, .buying .contact-info a:hover, .static-map .text-area a:hover{
	color:#32323b;
	}

	.posts .intro-area h1{
	max-width: 70%;
	}

	.aw{
	position: absolute;
	right:10px;
	top:10px;
	background:#f7a400;
	padding:10px;
	color:#fff;
	}

	.single-project .aw{
	position: relative;
	right: auto;
	top:auto;
	margin-bottom: 10px;
	display: inline-block;
	}

	.aw h4{
	margin-bottom: 0px !important;
	color:#fff !important;
	font-size: 13px;
	line-height: 12px;
	}

/* Template - 09 Where to Buy Page */

	.buying .contact-info h4{
	margin-top:50px;
	}
	
	.buying .contact-info p{
	color:#32323b;
	margin-bottom: 5px;
	}

	.buying .contact-info.flex div{
	width: 50%;
	}

	.static-map .text-area h4{
	color:#32323b;
	}

	.static-map .text-area p{
	color:#98989d;
	}

	.static-map .text-area a:after{
	display: none;
	}

	.static-map .text-area{
	padding-right: 40px;
	}

	.static-map .text-area .offices{
	margin-right: 40px;
	width: 60%;
	}

	.static-map .text-area .rdc{
	width: 70%;
	}

	.static-map .img-area{
	background-size:contain;
	background-repeat:no-repeat;
	width: 50%;
	}

	.free-sample-cta.flex{
	align-items:center;
	}

	.free-sample-cta img{
	width: 50%;
	height: auto;
	margin-right: 80px;
	}

	.free-sample-cta .text-area{
	width: 50%;
	}

	.interactive-map{
	border-top:solid 2px #f7f6f5;
	border-bottom:solid 2px #f7f6f5;
	}

	.interactive-map iframe, .vid-wrap iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}

	.interactive-map .map-wrap{
	position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
	}

	.interactive-note .btn{
	margin:0px auto;
	}

	.vid-wrap{
	margin-bottom:60px;
	position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
	}

	.flex-photos .vid-wrap{
	width: 80%;
	height:auto;
	padding-bottom: 0%;
	}

	.offices h2:before{
	content:url(./images/o-locater.svg);
	margin-right: 15px;
	position: relative;
	}

	.rdc h2:before{
	content:url(./images/rdc-locater.svg);
	margin-right: 15px;
	position: relative;
	}


/* Projects Slider */
	
	/* Custom Edits */

	.owl-nav{
	position: absolute;
	top:45%;
	width: 100%;
	}

	.owl-prev{
	left: 0px;
	position: absolute;
	}

	.owl-next{
	right: 0px;
	position: absolute;
	}

	.owl-prev, .owl-next{
	border:0px;
	background:transparent;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	margin:0px 15px;
	opacity: .6;
	}

	.owl-prev:hover, .owl-next:hover{
	opacity: 1;
	}

	.owl-carousel{
	  display: none;
	  width: 100%;
	  -webkit-tap-highlight-color: transparent;
	  /* position relative and z-index fix webkit rendering fonts issue */
	  position: relative;
	  z-index: 1; }
	  .owl-carousel .owl-stage{
	    position: relative;
	    -ms-touch-action: pan-Y;
	    touch-action: manipulation;
	    -moz-backface-visibility: hidden;
	    /* fix firefox animation glitch */ }
	  .owl-carousel .owl-stage:after {
	    content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0; }
	  .owl-carousel .owl-stage-outer {
	    position: relative;
	    overflow: hidden;
	    /* fix for flashing background */
	    -webkit-transform: translate3d(0px, 0px, 0px); }
	  .owl-carousel .owl-wrapper,
	  .owl-carousel .owl-item {
	    -webkit-backface-visibility: hidden;
	    -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    -webkit-transform: translate3d(0, 0, 0);
	    -moz-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0); }
	  .owl-carousel .owl-item {
	    position: relative;
	    min-height: 1px;
	    float: left;
	    -webkit-backface-visibility: hidden;
	    -webkit-tap-highlight-color: transparent;
	    -webkit-touch-callout: none; }
	  .owl-carousel .owl-item img {
	    display: block;
	    width: 100%;
		height: 90vh;
	    object-fit: cover;}
	  .owl-carousel .owl-nav.disabled,
	  .owl-carousel .owl-dots.disabled {
	    display: none; }
	  .owl-carousel .owl-nav .owl-prev,
	  .owl-carousel .owl-nav .owl-next,
	  .owl-carousel .owl-dot {
	    cursor: pointer;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none; }
	  .owl-carousel.owl-loaded {
	    display: block; }
	  .owl-carousel.owl-loading {
	    opacity: 0;
	    display: block; }
	  .owl-carousel.owl-hidden {
	    opacity: 0; }
	  .owl-carousel.owl-refresh .owl-item {
	    visibility: hidden; }
	  .owl-carousel.owl-drag .owl-item {
	    -ms-touch-action: pan-y;
	        touch-action: pan-y;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none; }
	  .owl-carousel.owl-grab {
	    cursor: move;
	    cursor: grab; }
	  .owl-carousel.owl-rtl {
	    direction: rtl; }
	  .owl-carousel.owl-rtl .owl-item {
	    float: right; }

	/* No Js */
	.no-js .owl-carousel {
	  display: block; }

	/*
	 *  Owl Carousel - Animate Plugin
	 */
	.owl-carousel .animated {
	  animation-duration: 1000ms;
	  animation-fill-mode: both; }

	.owl-carousel .owl-animated-in {
	  z-index: 0; }

	.owl-carousel .owl-animated-out {
	  z-index: 1; }

	.owl-carousel .fadeOut {
	  animation-name: fadeOut; }

	@keyframes fadeOut {
	  0% {
	    opacity: 1; }
	  100% {
	    opacity: 0; } }

	/*
	 * 	Owl Carousel - Auto Height Plugin
	 */
	.owl-height {
	  transition: height 500ms ease-in-out; }

	/*
	 * 	Owl Carousel - Lazy Load Plugin
	 */
	.owl-carousel .owl-item {
	  /**
				This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
				calculation of the height of the owl-item that breaks page layouts
			 */ }
	  .owl-carousel .owl-item .owl-lazy {
	    opacity: 0;
	    transition: opacity 400ms ease; }
	  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
	    max-height: 0; }
	  .owl-carousel .owl-item img.owl-lazy {
	    transform-style: preserve-3d; }


/* Dropdown Navs */

	.desktop-nav{
	display: flex;
	}
	
	.products-dropdown, .projects-dropdown,  .press-dropdown,  .technology-dropdown,  .media-dropdown{
	display: none;
	position: absolute;
	left:0px;
	width: 100%;
	z-index: 9999;
	margin-top:42px;
	}

	.products-dpnav:hover > .products-dropdown, .projects-dpnav:hover > .projects-dropdown, .press-dpnav:hover > .press-dropdown, .technology-dpnav:hover > .technology-dropdown, .media-dpnav:hover > .media-dropdown{
	display: block;
	}

	.products-dpnav:hover a, .projects-dpnav:hover a, .press-dpnav:hover a, .technology-dpnav:hover a, .media-dpnav:hover a{
	color:#f7a400;
	}

	.dropdown-column{
	width: 100%;
	padding:40px;
	border-right:solid 1px #32323b;
	}

	.dropdown-column:last-child{
	border-right:none;
	}

	.dropdown-column  h3{
	margin-bottom: 0px;
	}

	.dropdown-column p{
	font-size: 17px;
	margin-bottom: 0px;
	}

	.dropdown-column a{
	margin-top:25px;
	color:#f7a400;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.5;
	display: inline-block;
	padding:0px !important;
	}

	.dropdown-column a:hover{
	color:#ffffff;
	}

	.dropdown-column h3 a{
	font:inherit;
	text-transform: none;
	letter-spacing: 0px;
	margin-top:0px;
	color:#ffffff !important;
	}

	.dropdown-column h3 a:hover{
	color:#f7a400 !important;
	}

/* Video Background */
	
	#kebony-video{
	min-width: 100%; 
	min-height: 100%; 
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	}

	.vid-container{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%; 
	overflow: hidden;
	}

	img.aligncenter{
	text-align: center;
	margin:0px auto;
	max-width: 100% !important;
	height: auto !important;
	}

	h3.sd-title{
	text-transform: uppercase;
	letter-spacing: 1px;
	}

	.sharedaddy.sd-sharing-enabled{
	margin-top:80px;
	}

	div.sharedaddy h3.sd-title:before{
	display: none !important;
	}

/* Shop Page Addition */

	.direct h3 em{
	font-style: normal;
	color:#f7a400;
	}

	.reason{
	text-align: left;
	margin-right:90px;
	}

	.reason h3{
	margin-bottom: 30px;
	}

	.reason:last-child{
	margin-right: 0px;
	}

	.direct-products h2{
	margin-left: 40px;
	}

	.direct-products h4{
	font-size: 24px;
	color:#f7a400;
	}

	.direct-products em{
	font-size: 16px;
	margin-bottom:30px;
	display: inline;
	}

	.samples h3{
	margin-bottom: 20px;
	}


/* Cookie Notice */
	
	.wpcc-message a{
	font-size:inherit;
	letter-spacing: inherit;
	text-transform: none;
	}

/* Blog Filtering */

	.facetwp-facet{
	margin-bottom:0px !important;
	}

	.facetwp-template{
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
	}

	.facetwp-checkbox{
	padding-left:30px !important;
	background-size:16px!important;
	}

	.facetwp-counter{
	display: none !important;
	}

	.flex-photos .sharedaddy{
	display: none !important;
	}

	a.facetwp-page{
	margin:5px;
	}

/* Dealer Locator */
	
	.wpsl-search{
	margin-bottom: 20px !important;
	padding:30px !important;
	background:#f7f6f5 !important;
	}

	#wpsl-search-wrap form, #wpsl-search-wrap .wpsl-input, #wpsl-search-wrap .wpsl-select-wrap{
	display:flex !important;
	align-items:center;
	justify-content:center;
	}

	#wpsl-search-wrap label{
	width: auto !important;
	margin-bottom: 0px !important;
	}

	#wpsl-search-wrap .wpsl-input input{
	display: block;
	height: 50px !important;
	text-indent: 0px !important; 
	font-size: 16px !important;
	border-radius: 0px !important;
	}

	#wpsl-search-btn{
	border-radius: 0px !important;
	border:0px !important;
	}

	.wpsl-dropdown{
	width: 110px !important;
	border-radius: 0px !important;
	}

	#wpsl-search-btn, #wpsl-search-wrap #wpsl-radius, #wpsl-search-wrap #wpsl-results, #wpsl-search-wrap .wpsl-input input, #wpsl-search-wrap .wpsl-input label{
	display: flex !important;
	align-items:center;
	}

	#wpsl-search-btn{
	display: inline-block !important;
	padding:14px 25px  !important;
	text-transform: uppercase !important;
	letter-spacing: 1px;
	text-align: center;
	background:#f7a400 !important;
	font-size: 15px !important;
	color:#fff;
	border-radius: 0px !important;
	border:0px !important;
	margin-top:0px !important;
	}

	#wpsl-search-btn:hover{
	background:#46464e !important;
	}

	#wpsl-category, .wpsl-input, .wpsl-select-wrap{
	margin-bottom: 0px !important;
	}

	.wpsl-input, div#wpsl-radius{
	margin-right: 30px !important;
	}

	.wpsl-directions{
	font-size: 14px;
	margin-top:10px;
	border-bottom:solid 1px !important;
	color:#f7a400;
	}

	.wpsl-directions:hover{
	color:#575757;
	}

	.wpsl-street{
	margin-top:20px;
	}

	div#wpsl-stores{
	border:solid 1px #d2d2d2;
	}

	#wpsl-wrap #wpsl-result-list li{
	padding:30px;
	border-bottom:solid 1px #d2d2d2;
	font-size: 18px;
	}

	#wpsl-wrap #wpsl-result-list li:hover{
	background: #f9f9f9;
	}

	.wpsl-contact-details, .wpsl-contact-details a, .wpsl-direction-wrap, .gm-style .gm-style-iw-c a{
	font-size:14px;
	}

	.wpsl-contact-details span{
	margin-bottom: 5px;
	display: block;
	}

	.gm-style .gm-style-iw-c{
	box-shadow: none !important;
	border:solid 1px #d2d2d2;
	border-radius: 0px;
	padding:20px;
	font-family: sofia-pro, sans-serif !important;
	font-size: 16px;
	}

	#wpsl-result-list strong a, .wpsl-info-window strong a{
	border-bottom:solid 1px;
	}

	.wpsl-info-window strong a{
	display: inline !important;
	}

	.gm-style-iw-d{
	padding:0px 5px 7px 0px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	}

/* Video Listing Addition */
	
	.vid-img{
	position: relative;
	width: 230px;
	background-position: center;
	background-size:cover;
	}

	.video-sections h2{
	margin:0px 20px;
	}

	.vid-item{
	width: 46%;
	margin:20px;
	}

	.vid-list{
	flex-wrap:wrap;
	}

	.vid-cont{
	width: 90%;
	padding:30px;
	background: #f7f6f5;
	}

	.vid-cont h3{
	font-size: 20px;
	margin-bottom: 20px;
	}

	.vid-cont a, .featured-vid-text a, .video-listing .flexible-product a{
	color:#f7a400;
	border-bottom:solid 1px;
	margin-right:20px;
	}

	.video-listing .flexible-product a{
	margin-right: 0px;
	margin-bottom:20px;
	display: inline-block;
	}

	.video-listing .flexible-product a:after{
	display: none;
	}

	.vid-cont a:hover, .featured-vid-text a:hover, .video-listing .flexible-product a:hover{
	color:#32323b;
	} 

	.vid-img .overlay{
	background: url(./images/play.svg) no-repeat 50% rgba(70, 70, 78, 0.6);
	}

	.vid-img .overlay:hover{
	background: url(./images/play.svg) no-repeat 50% rgba(70, 70, 78, 0.8);
	}

	.featured-video .vid-wrap{
	margin-bottom:0px;
	}

	.featured-vid-text{
	margin-bottom:40px;
	}

	/* POP-UP MODAL */

	.modal{
	z-index: 9999 !important;
	max-width: 800px !important;
	padding:40px !important;
	border-radius: 0px !important;
	box-shadow:none !important;
	}

	.vid-open-cont {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	}

	/* Then style the iframe to fit in the container div with full height and width */
	.vid-open-cont iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	}

	.blocker{
	z-index: 999 !important;
	}


/* Hidden Until Responsive */

	.mobile-navigation, .mobile-nav-open, .menu-mobile-projects-nav-container, .menu-mobile-media-nav-container{
	display: none;
	}

	.m-hide{
	display: none;
	}

	.filtering-open, .filtering-close, .filtering-reset{
	display: none;
	}

	.foot-mobile-nav{
	display: none;
	}

/* Landing Page Addition – February 2022 */

	.landing .intro-area h1{
	max-width:auto;
	}

	.landing .profile-block{
	width: 26%;
	}

	.page-btn, .landing .text-area a{
	background:#46464e;
	color:#ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	text-decoration:none !important;
	cursor: pointer !important;
	margin-top:30px !important;
	padding:20px 40px !important;
	display: inline-block !important;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	text-indent: 0px;
	}

	.landing .text-area a:after{
	content: none;
	}

	.page-btn:hover, .landing .text-area a:hover{
	color: #f7a400 !important;
	background:#32323b;
	}


/* Search Addition – March 2022 */

	.search-main{
	font-size: 14px;
	margin-left: 30px;
	}

	.search-close{
	position: absolute;
	top: -30px;
	right: -30px;
	opacity: .5;
	cursor: pointer;
	}

	.search-overlay{
	position: absolute;
	top: 160px;
	left: 0px;
	background: rgba(70, 70, 78, 0.75);
	width: 100%;
	height: 100vh;
	}

	.search-close:hover{
	opacity: 1;
	}

	.search-main:hover{
	cursor: pointer;
	color: #f7a400;
	}
	
	.search-drop{
	display: none;
	background: #ffffff;
	z-index: 9999;
	position: absolute;
	width: 100%;
	right: 0px;
	top: 0px;
	}

	#searchform{
	position: relative;
	margin: 50px;
	}

	#searchsubmit{
	margin-top: 0px;
	width: auto;
	right: 0px;
	position: absolute;
	font-size:18px;
	padding: 18px 40px;
	top: 0px;
	}

	input#s{
	font-size: 20px;
	padding: 15px 0px;
	}

	.left-content{
	width: 40%;
	}

	.right-form{
	float: right;
	width: 50%;
	top: 0px;
	}

	.right-form input[type="submit"]{
	background: #F7A400;
	color: #fff;
	}

	.right-form input[type="submit"]:hover{
	background: #32323b;
	}

/* Hubspot Form Updates – May 2022 */

	.hs-input{
	border:1px solid #d2d2d2 !important;
	border-radius:0px !important;
	margin-bottom: 15px !important;
	}

	fieldset{
	max-width: 100% !important;
	}

	.inputs-list{
	list-style: none !important;
	margin-left: 0px !important;
	margin-bottom: 20px !important;
	}

	legend.hs-field-desc{
	font-size: 16px !important;
	font-style: italic !important; 
	margin-bottom: 10px !important;
	}

	label.hs-error-msg{
	color: #f7a400 !important;
	margin-bottom: 20px !important;
	}
	
	.form-columns-2 .input, .form-columns-1 .hs-input{
	margin-right: 15px !important;
	}

	.form-columns-1 .hs-input, .form-columns-1 .input{
	width: 100% !important;
	padding-right: 15px !important;
	box-sizing: border-box !important;
	}

	.hs-form-checkbox .hs-input{
	width: auto !important;
	display: inline-block !important;
	height: auto !important;
	margin-bottom: 0px !important;
	}

	li.hs-form-checkbox{
	margin-bottom: 0px !important;
	}

	label.hs-form-checkbox-display{
	text-transform: none !important;
	color: #32323B !important;
	letter-spacing: 0px !important;
	font-size: 17px !important;
	}

	.hs-richtext{
	margin-top: 20px;
	}

	textarea.hs-input{
	height: 120px !important;
	}

	.hbspt-form{
	text-align: left;
	}

	.hs-button{
	max-width: 250px;
	}

	.center .hs-button{
	margin: 0px auto;
	}

	#footer .hs-button{
	max-width: 100%;
	}

/* FAQ Accordion Addition – May 2022 */
	
	.accordion div{
	margin-bottom: 30px;
	}

	.faq h3{
	position: relative;
	border-top:solid 2px #f6f5f0;
	padding:15px 30px 20px 0px;
	margin:0px;
	}

	.faq h3:first-child{
	border-top: 0px;
	}

	.faq h3:hover{
	color:#32323b;
	cursor: pointer;
	}

	.faq h3:after{
	content:'+';
	display: inline-block;
	position: absolute;
	right: 0px;
	top:16px;
	}

	.faq:first-child{
	padding-bottom: 80px;
	}

	.faq:last-child{
	padding-bototm: 0px;
	}


/* Responsive Styles */

@media (max-width:1700px){

	.home .intro-area h1{
	font-size: 52px;
	max-width: 590px;
	margin-bottom: 80px;
	}

	.intro-area h1,.page-head h1 {
	font-size: 50px;
	}

	h2{
	font-size: 36px;
	}

	.hi-content h3{
	font-size: 28px;
	}

	h1{
	font-size: 46px;
	}

	h3{
	font-size: 26px;
	}

	.profiles h3{
	font-size: 32px;
	}

	.flexible-product div:first-child .text-area{
	padding-bottom: 200px;
	}

}


@media (max-width:1500px){
	
	.logo{
	padding:30px 40px;
	}

	.top-navs{
	padding:0px 10px 0px 40px;
	}

	.top-navs ul li{
	margin-right: 20px;
	}

	.country-hover{
	padding:7px 0px;
	margin:0px 20px;
	}

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

	.padding-top{
	padding-top:100px;
	}

	.padding-bottom{
	padding-bottom:100px;
	}

	.style-1 .left-image{
	margin-top:100px;
	width: 40%;
	}

	.hi-content{
	padding-left:80px;
	padding-bottom:200px;
	width: 60%;
	}

	.hi-content h3{
	line-height: 1.5;
	font-size: 24px;
	}

	.dc-content{
	padding:60px;
	}

	.dc-content a{
	text-indent: 60px;
	}

	.m-content{
	padding-right:100px;
	padding-left: 100px;
	}

	.featured-posts .post-photo{
	padding:80px 40px;
	}

	.flexible-product{
	padding-top:100px;
	}

	.flexible-product div:first-child .text-area{
	padding-bottom:100px;
	}

	.flex-photos .text-area{
	padding:100px;
	width: 80%;
	}

	.downloadable a span{
	max-width: 85%;
	}

	.grid-posts .flex-photos{
	margin-top:100px;
	}

	.post-content img{
	padding:80px 20px;
	}

	.wp-caption-text{
		margin-top: -8%;
		padding-bottom: 80px;
		margin-left: -20%;
	}

	.professionals .hi-content{
	padding:100px;
	}

	.free-sample-cta img{
	width: 40%;
	}

	.social-proof img{
	max-width: 145px;
	}

	.intro-area h1{
	line-height: 1.25;
	}

	.country-menu{
	right: 43px; 
	}

	.desktop-nav{
	padding:0px;
	}

	.downloadable a{
	width: 26%;
	}

}


@media (max-width:1270px){

	.main-logo{
	max-width: 180px;
	}

	.logo{
	padding:30px;
	}

	.top-navs{
	padding:0px 0px 0px 30px;
	}

	.country-selector{
	width: 25px;
	top:0px;
	}

	.ch-down{
	position: relative;
	top:-3px;
	}

	.country-menu{
	right: 33px;
	}

	.country-menu li a img{
	max-width: 30px;
	}

	.page-head h1{
	font-size: 50px;
	}

	.style-1 .left-image{
	width: 30%;
	}

	.prof-nav a{
	font-size: 15px;
	}

	.social-proof img{
	max-width: 125px;
	max-height: 40px;
	}

	.desktop-nav li{
	padding:33px;
	}

	.desktop-nav a{
	padding:33px 0px;
	}

	.products-dropdown, .projects-dropdown, .press-dropdown, .technology-dropdown, .media-dropdown{
	margin-top:32px;
	}

	.downloadable a{
	width: 24%;
	}

	.landing .profile-block{
	width: 23%;
	}


}


@media (max-width:1170px){
	
	.top-navs .menu-for-professionals-container{
	display: none;
	}

	.right-nav.flex{
	width: 100%;
	}

	.navigation ul li:last-child{
	margin-right: 0px;
	}

	.dc-content, .blog-post-container{
	padding:40px;
	}

	.dc-content a{
	text-indent: 40px;
	}

	h2{
	font-size: 32px;
	}

	.blog-area h3{
	font-size: 24px;
	}

	#footer .right{
	width: 65%;
	}

	.foot-nav{
	padding-left: 30px;
	}

	#footer .left{
	margin-right: 40px;
	}

	.downloadable a span{
	font-size: 16px;
	}

	.flexible-product div:first-child .text-area{
	padding-bottom: 60px;
	}

	.flex-photos .text-area{
	padding:60px;
	}

	.flex-photos .img-area{
	width: 20%;
	}

	.cat-nav ul li a{
	font-size: 16px;
	}

	.post-grid .post-block{
	margin:20px;
	width: 28%;
	}

	.post-content img{
	max-width: 100%;
	padding:60px 0px;
	margin-left: 0px;
	}

	.wp-caption-text{
		margin-top: -6%;
		padding-bottom: 60px;
		margin-left: 0px;
	}

	.style-1 .left-image{
	}

	.btns .btn{
	margin:1px -1px;
	}

	.social-proof img{
	max-width: 145px;
	max-height: 60px;
	}

	.posts .intro-area .flex{
	flex-wrap:wrap;
	}

	.posts .meta-block{
	margin-top:40px;
	}

	.posts .intro-area h1{
	margin-bottom: 0px;
	}

	.desktop-nav li{
	padding:33px 23px;
	}

	.downloadable a{
	width: 40%;
	}

	#wpsl-search-wrap .wpsl-input label, #wpsl-search-wrap #wpsl-radius label{
	font-size: 15px;
	line-height: 1.25;
	}

	input#wpsl-search-input{
	width: 160px;
	}

	#wpsl-search-btn{
	margin-right: 0px;
	}

	div#wpsl-radius{
	margin-right: 10px;
	}

	.vid-item{
	width:100%;
	}

	.vid-cont{
	padding:40px 30px;
	}

	.left-content{
	width: 50%;
	margin-right: 50px;
	}


}


@media (max-width:960px){

	.foot-mobile-nav{
	display: block;
	margin-top:40px;
	}

	.foot-mobile-nav li{
	margin:10px 0px;
	}

	#footer .social{
	margin-top:40px;
	text-align: center;
	}

	#footer .copyright{
	text-align: center;	
	}

	.desktop-nav a{
	font-size: 17px;
	}

	.main-logo{
	max-width: 160px;
	}

	.home .intro-area .padding{
	padding-bottom:60px;
	}

	.padding{
	padding-top:60px;
	padding-bottom: 60px;
	}

	.padding-top{
	padding-top:60px;
	}

	.padding-bottom{
	padding-bottom: 60px;
	}

	.home .intro-area h1{
	margin-bottom: 60px;
	font-size: 50px;
	}

	.intro-area h1, .page-head h1{
	font-size: 48px;
	}

	.hi-content{
	padding-left: 60px;
	padding-bottom:120px;
	}

	.hi-content h3{
	font-size: 23px;
	}

	.style-1 .left-image{
	margin-top:60px;
	}

	.hi-content::after{
	height: 85%;
	}

	.dcm-blocks .flex{
	display: block;
	width: 100%;
	}

	.dc-image{
	width: auto;
	padding-bottom:80%;
	}

	.dc-content{
	width: auto;
	}

	.m-content{
	padding-right: 60px;
	padding-left: 60px;
	}

	.m-content p:last-child{
	margin-bottom: 0px;
	}

	.grades-cont{
	padding:60px 40px;
	}

	.grades-cont a{
	display: block;
	max-width: 220px;
	margin:0px auto;
	}

	h1{
	font-size: 42px;
	}

	.padding-sm{
	padding-top:60px;
	padding-bottom:60px;
	}

	.padding-top-sm{
	padding-top:60px;
	}

	.padding-bottom-sm{
	padding-bottom:60px;
	}

	.featured-posts .post-photo{
	padding:60px 40px;
	}

	.blog-area.flex.dark-bg{
	display: block;
	}

	.blog-area .post-photo{
	width: auto;
	padding-bottom: 50%;
	}

	a{
	font-size: 16px;
	}

	#footer .flex{
	display: block;
	}

	#footer .left{
	width: auto;
	}

	#footer .right{
	display: none;
	}

	#footer .left h3{
	max-width: 100%;
	}

	.flexible-product{
	padding-top:60px;
	}

	.flex-photos .img-area{
	padding:100px;
	}

	.downloadable a{
	padding:20px;
	}

	.profiles .flex, .fasteners .flex{
	display: block;
	}

	.profile-block{
	width:auto;
	margin-right: 0px;
	margin-bottom: 60px;
	}

	.downloadable.flex{
	flex-wrap:wrap;
	}

	.downloadable a{
	width: 43%;
	}

	.downloadable a span{
	max-width: 230px;
	}

	.grid-posts .flex-photos{
	margin-top:60px;
	}

	.cat-nav.padding-sm{
	padding-bottom:40px;
	}

	.post-grid .post-block{
	width: 42%;
	}

	.post-content img{
	padding:0px;
	}

	.wp-caption-text{
		margin-top: 0%;
		padding-bottom: 10px;
		margin-left: 0px;
	}


	.static-map.flex{
	display: block;
	}

	.static-map.flex-photos .text-area, .static-map.flex-photos .img-area{
	width: auto;
	}

	.static-map.flex-photos .img-area{
	padding-bottom:50%;
	}

	.professionals .hi-content{
	padding:60px;
	}

	.professionals .featured-posts .cb-right{
	display: none;
	}

	.circle-btn-group .circle-btn{
	margin:0px 20px;
	}

	.blog-post-container{
	padding:60px;
	}

	.intro-area a, .btn{
	padding:25px 40px;
	background:url(./images/btn-arrow.svg) no-repeat 90% 50% #32323b;
	}

	.blog-view-more{
	display: none;
	}

	h1{
	margin-bottom: 30px;
	}

	.cat-nav ul li a{
	font-size:14px;
	}

	.menu-item-has-children a:after{
	top:0px;
	margin-left: 7px;
	}

	.desktop-nav li{
	padding:33px 13px;
	}

	.desktop-nav{
	padding:0px 15px;
	}

	.filters-area .flex{
	flex-wrap:wrap;
	}

	.filters-area .flex-cols{
	margin-right:20px;
	}

	.filters-area h4{
	font-size: 15px;
	}

	.filters-area .flex-cols:last-child{
	margin-right: 0px;
	}

	.filters-area .cont{
	padding: 0px 30px;
	}

	.facetwp-checkbox{
	font-size: 16px;
	}

	.landing .profile-block{
	width: 100%;
	padding-left:0px;
	margin-left:0px;
	}

	.profiles h3{
	margin-left: 0px;
	}
	
}

@media (max-width:930px){
	.filtering-open{
	display: inline-block;
	}

	.filtering-close, .filtering-reset{
	display: inline-block;
	}

	.filtering-mobile{
	display: none;
	text-align: left;
	position: fixed;
	background:#f7f6f5;
	left:0px;
	top:0px;
	z-index: 9999;
	height: 100vh;
	width: 50%;
	overflow: scroll;
	min-width: 250px;
	}

	.d-hide{
	display: none;
	}

	.filtering-mobile .flex{
	display: block;
	}

	.filtering-mobile .cont{
	padding-top:40px;
	}

	.filtering-reset{
	margin-right: 5px;
	}

	.filtering-mobile .sm-btn{
	margin-bottom: 30px;
	}

	.filters-area{
	text-align: center;
	}

	.filters-area .flex-cols{
	margin-right: 0px;
	margin-bottom: 30px;
	width: 100%;
	}

	.flex-cols h4{
	margin-bottom: 10px;
	}

	.facetwp-checkbox{
	margin-bottom: 5px;
	margin-top:8px;
	}

	#wpsl-search-wrap form, #wpsl-search-wrap .wpsl-input, #wpsl-search-wrap .wpsl-select-wrap{
	display: block !important;
	}

	#wpsl-search-wrap .wpsl-input{
	width: 100% !important;
	}


	input#wpsl-search-input{
	width: 100%;
	}

	.wpsl-input{
	margin-bottom: 20px !important
	}

	.wpsl-input div{
	width: 100%;
	padding-bottom: 10px;
	display: block;
	}

	.wpsl-input, div#wpsl-radius{
	margin-right: 10px !important;
	}

	input#wpsl-search-btn{
	width: 160px;
	}

	#wpsl-wrap #wpsl-result-list ul li{
	overflow-wrap:break-word;
	}

	#wpsl-wrap #wpsl-result-list li{
	padding:20px;
	}

	#wpsl-gmap{
	width: 60%;
	}

	#wpsl-result-list{
	width: 40%;
	}

	.main-logo{
	width: 140px;
	}

	.top-navs{
	padding: 0px 0px 0px 20px;
	}

	.top-navs ul li{
	margin-right: 15px;
	}

	.landing .intro-area .flex{
	display: block;
	}

	.left-content, .right-form{
	width: 100%;
	}

	.right-form{
	float: none;
	}


}


@media (max-width:750px){


	.mobile-nav-open{
	display: block;
	}

	.navigation{
	display: none;
	}

	.home .intro-area .padding{
	padding-bottom: 40px;
	}

	.cont, .cont-sm{
	padding:0px 40px;
	}

	.padding, .padding-sm{
	padding-top:40px;
	padding-bottom:40px;
	}
	
	.padding-top, .padding-top-sm{
	padding-top:40px;
	}

	.padding-bottom, .padding-bottom-sm{
	padding-bottom:40px;
	}

	.home .intro-area h1{
	margin-bottom: 40px;
	}

	.left-image-area.flex, .dcm-blocks.flex, .millwork.flex, .grades.flex{
	display: block;
	}

	.hi-content:after{
	display: none;
	}

	.hi-content{
	padding-left:40px;
	width: auto;
	}

	.style-1 .left-image{
	margin-top:0px;
	width: auto;
	display: none;
	}

	.m-content{
	padding-right: 40px;
	padding-left: 40px;
	}

	.dc-image, .m-image, .m-content{
	width: auto;
	}

	.grades-cont{
	width: auto;
	}

	.flex-photos .vid-wrap{
	width: 100%;
	height:auto;
	padding-bottom: 56.25%;
	}

	.grades-cont a{
	max-width: 100%;
	}

	.grades-cont h2, .featured-posts h2{
	margin-bottom: 20px;
	}

	.grades-cont{
	padding:40px;
	}

	.cb-right{
	display: none;
	}

	.social-proof img{
	max-width: 95px;
	margin:15px;
	}

	h3{
	margin-bottom: 30px;
	}

	.featured-posts .flex{
	flex-wrap:wrap;
	}

	.featured-posts .flex a:first-child{
	margin-right: 0px;
	margin-bottom: 3px;
	}

	.photo-left.flex, .photo-right.flex{
	display: block;
	}

	.flex-photos .img-area{
	padding:0px;
	padding-bottom: 50%;
	width: auto;
	}

	.flexible-product{
	padding-top:0px;
	}

	.flexible-product div:first-child .text-area{
	padding-top:40px;
	border-bottom:solid 2px #f7f6f5;
	}

	.flexible-product div:first-child .text-area{
	padding-bottom: 40px;
	}

	.flex-photos .text-area{
	padding:40px;
	width: auto;
	}

	.flexible-product:before{
	display: none;
	}

	.downloadable a{
	width: 100%;
	}

	.downloadable a span{
	max-width: 80%;
	}

	.grid-posts .flex-photos{
	margin-top:0px;
	}

	.intro-area h1, .page-head h1{
	font-size: 42px;
	}

	.post-grid .post-block{
	width: 100%;
	}

	.posts .meta-block{
	margin-top:20px;
	}

	.posts .intro-area h4{
	margin-bottom: 10px;
	}

	.intro-area a{
	margin-top:40px;
	}

	.post-nav a{
	width: auto;
	margin:10px auto;
	}

	.free-sample-cta.flex{
	display: block;
	}

	.free-sample-cta .text-area{
	width: auto;
	}

	.free-sample-cta img{
	width: 100%;
	margin-bottom: 40px;
	}

	#footer .left{
	margin-right: 0px;
	}

	input, textarea, select{
	font-size: 16px;
	padding:15px 0px;
	}

	.indicates-required, .small-meta{
	display: block;
	}

	.swap-close{
	display: none;
	}

	.mobile-nav-open{
	width: 100%;
	text-align: right;
	display: flex;
	align-items:center;
	justify-content:flex-end;
	padding:0px 40px;
	}

	.mobile-nav-open img{
	width: 30px;
	opacity: .7;
	position: relative;
	top:3px;
	}

	.close-btn{
	width: 25px !important;
	}

	.mobile-navigation{
	border-top:solid 2px #f7f6f5;
	padding:20px 0px;
	}

/* New Mobile Nav Changes */

	.mobile-nav .sub-menu{
	display: none;
	}

	.mobile-nav .menu-item-has-children a:after{
	content:none;
	}

	.mobile-nav .sub-menu{
	background:#46464e;
	margin:15px 0px;
	padding:20px 0px 30px 0px;
	}

	.mobile-nav .sub-menu li a{
	color:#fff;
	font-size: 22px;
	}

	.mobile-nav .sub-menu .h4 a{
	text-transform: uppercase;
	color:#f7a400;
	letter-spacing: 1px;
	font-size: 17px;
	}

	.mobile-nav .sub-menu .sm-btn{
	padding:0px;
	margin:20px 0px 0px 30px;
	border:solid 1px #98989d;
	}

	.mobile-nav .sub-menu .sm-btn a{
	padding:10px 20px 12px 20px;
	text-transform: uppercase;
	color:#98989d;
	letter-spacing: 1px;
	font-size: 14px;
	}

/* End New Mobile Nav Changes */


	.mobile-nav{
	padding-bottom:20px;
	}

	.mobile-nav li a{
	font-size: 24px;
	text-transform: none;
	letter-spacing: 0px;
	display: block;
	padding:10px 30px;
	}

	.mobile-sub-nav {
	border-top:solid 2px #f7f6f5;
	padding-top:20px;
	}

	.mobile-sub-nav li a, .cart-link li a{
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	padding:10px 30px;
	font-size: 15px;
	}

	.menu-projects-nav-container, .menu-media-nav-container{
	display: none;
	}

	.menu-mobile-projects-nav-container, .menu-mobile-media-nav-container{
	display: block;
	}

	.mobile-grid-navs{
	margin:0px 20px;
	}

	.cat-nav ul li{
	margin:0px;
	}

	.tax-project_category .featured{
	display: none;
	}

	.blog-post-container{
	padding:40px;
	width: auto;
	}

	.button, input[type="submit"]{
	padding-bottom:17px;
	font-size: 16px;
	}

	.single-project .meta-block{
	width: 30%;
	}

	#wpsl-gmap, #wpsl-result-list{
	width: 100%;
	}

	#searchsubmit{
	position: relative;
	width: 100%;
	}

	#searchform{
	margin: 0px;
	}

}

@media (max-width:600px){

	#wpsl-search-btn, #wpsl-search-wrap #wpsl-radius, #wpsl-search-wrap #wpsl-results, #wpsl-search-wrap .wpsl-input input, #wpsl-search-wrap .wpsl-input label{
	display: block !important;
	width:100% !important;
	}

	#wpsl-radius label{
	display: block;
	padding-bottom: 10px;
	}

	.wpsl-input, div#wpsl-radius{
	margin-right: 0px !important;
	}

	#wpsl-search-wrap .wpsl-dropdown{
	width: 100% !important;
	}

	#wpsl-search-btn{
	display: block;
	}

	.wpsl-search-btn-wrap{
	margin-top:20px;
	}

	.interactive-map .cont{
	padding:20px;
	}

	#wpsl-stores, #wpsl-direction-details, #wpsl-gmap{
	height: 300px !important;
	}

	.vid-cont{
	padding:20px;
	}

	.vid-cont h3{
	font-size: 18px;
	margin-bottom: 10px;
	}

	.vid-cont a{
	display: inline-block;
	margin-top:10px;
	}

}


@media (max-width:510px){

	.static-map .flex{
	display: block;
	}


	.owl-prev, .owl-next{
	margin:0px 5px;
	}

	.static-map .text-area.flex div{
	width: auto;
	}

	.static-map .text-area .offices{
	margin-right: 0px;
	margin-bottom:40px;
	}

	.home .intro-area h1{
	max-width: 100%;
	font-size: 34px;
	}

	h1, .intro-area h1, .page-head h1{
	font-size: 34px;
	}

	.intro-area a, .btn{
	padding:25px 30px;
	font-size: 16px;
	background:url(./images/btn-arrow.svg) no-repeat 93% 50% #32323b;
	}

	.m-content a:after, .hi-content a:after, .flex-photos .text-area a:after, .fw-block a:after, .prof-intro a:after, .free-sample-cta a:after{
	display: none;
	}

	.m-content a, .hi-content a, .flex-photos .text-area a, .fw-block a, .prof-intro a, .free-sample-cta a{
	border-bottom:solid 2px #f7a400;
	display: inline-block;
	color:#f7a400;
	}

	.contact-info.flex{
	display: block;
	}

	.flex-photos .text-area p, .fw-block p{
	margin-bottom:30px;
	}

	.owl-carousel .owl-item img {
	    display: block;
	    width: 100%;
		height: 50vh;
	    object-fit: cover;
	}

	.single-project .meta-block{
	width: 100%;
	}

	.form-columns-2 .hs-form-field{
	width: 100% !important;
	}


	
}