/*
Theme Name: SP Blinds
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 1.0
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
*/
@import url("../Divi/style.css");


/*
Green #7fb539
Grey Strip #373835
Dark Grey
Grey Text #666
*/

/*
URW DIN Regular Italic
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: italic;

URW DIN Regular
font-family: urw-din, sans-serif;
font-weight: 400;
font-style: normal;

URW DIN Demi Italic
font-family: urw-din, sans-serif;
font-weight: 600;
font-style: italic;

URW DIN Demi
font-family: urw-din, sans-serif;
font-weight: 600;
font-style: normal;

URW DIN Cond Regular Italic
font-family: urw-din-condensed, sans-serif;
font-weight: 400;
font-style: italic;

URW DIN Cond Regular
font-family: urw-din-condensed, sans-serif;
font-weight: 400;
font-style: normal;

URW DIN Cond Demi
font-family: urw-din-condensed, sans-serif;
font-weight: 600;
font-style: normal;

URW DIN Cond Demi Italic
font-family: urw-din-condensed, sans-serif;
font-weight: 600;
font-style: italic;
*/

/* =Theme customization starts here
------------------------------------------------------- */

html {
		font-size: 100%;
}
body {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5em;
	text-rendering: optimizeLegibility;
}
h1 {
	font-style: normal;
	font-weight: 700;
	line-height: 1.5em;
	text-rendering: optimizeLegibility;
	margin: 0;
}
h2,
h3,
h4,
h5,
h6 {
	font-style: normal;
	font-weight: 700;
	line-height: 1.5em;
	text-rendering: optimizeLegibility;
	margin: 0;
}
h1 {
		font-size: 3em;
		line-height: 1;
		padding: 0;
}
h2 {
		font-size: 2em;
		line-height: 1.5;
		margin-bottom: 0.75em;
}
h3 {
		font-size: 1.25em;
		line-height: 1.3;
		padding: 0 0 0.7em 0;
}
h4 {
		font-size: 1em;
		line-height: 1.5;
		margin-bottom: 1.5em;
		padding: 0;
}
h5 {
		font-size: 1em;
		line-height: 1.5;
		padding: 0;
}
h6 {
		font-size: 1em;
		line-height: 1.5;
		margin-bottom: 1.5em;
		padding: 0;
}
p,
blockquote {
		font-size: 1em;
		margin: 1.5em 0;
		line-height: 1.5;
		padding: 0;
		-webkit-hyphens: none;
			 -moz-hyphens: none;
				-ms-hyphens: none;
						hyphens: none;
}
dl,
ol,
ul {
		font-size: 1em;
		margin: 0 0 1.5em;
		padding: 0;
		padding-bottom: 0 !important;
}
dd,
dt,
li {
		line-height: 1.5;
		margin: 0;
}
sup {
	font-size: 50%;
}

ul {
	list-style-type: square;
}
ul.no-list li:before {
	display: none !important;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}

/* list alignments
------------------------------------------------------- */

/* unordered lists */

.entry-content ul {
	list-style-type: none;
}
.entry-content ul li:before  {
	content: "\25A0";
	font-family: "Lucida Sans Unicode", "Arial Unicode MS";
	font-size: 12px !important;
	display: inline-block;
	width: 1.5em;
	margin-left: -1.5em;
	padding-bottom: 3px;
}
.entry-content ul.media-boxes-filter li:before  {
	display: none !important;
}

.main-product-menu ul li:before {
	display: none;
}

#left-area ul ul,
.comment-content ul ul,
.entry-content ul ul,
.et-l--body ul ul,
.et-l--footer ul ul,
.et-l--header ul ul {
	list-style-type: none;
	padding-left: 0;
}

ul ul li {
	padding-left: 1em;
}

ul ul li:before {
	content: "– ";
	width: 1em;
	margin-left: -1em;
	display: inline-block;
}

.bullet_text p + ul {
/*     margin-top: -1em; */
}

.sp-content li {
	margin-bottom: 4px;
}

.no-list-style {
	list-style: none;
}


/* t&cs ordered lists */

#terms ol {
	padding-left: 0 !important;
}

.ol-start {
	counter-reset: item;
	list-style-type: none;
	padding-bottom: 0 !important;
	margin-bottom: 0;
}

.ol-start > li,
.ol-continue > li {
	list-style: none;
	display: block;
	padding-left: 1.75em;
}
.ol-start > li:before,
.ol-continue > li:before {
	content: counters(item, ". ") ". ";
	counter-increment: item;
	display:inline-block;
	width: 1.75em;
	margin-left: -1.75em;
}
.ol-start ol,
.ol-continue ol {
	list-style: lower-latin !important;
	margin-bottom: 0 !important;
}

.ol-start ol li,
.ol-continue ol li {
	margin-left: 20px;
	padding-left: 10px;
}



/* Icons
------------------------------------------------------- */

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

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before,
.icon_zoom-in,
.arrow_carrot-up_alt2,
.arrow_carrot-right,
.arrow_triangle-up,
.icon_cog,
.icon_download:before,
.icon_grid-3x3,
.icon_link_alt,
.icon_mail_alt,
.icon_mail,
.icon_phone {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon_zoom-in:before { content: "\e054"; margin-right: 5px; }
.arrow_carrot-up_alt2:before { content: "\3a"; margin-right: 5px; }
.arrow_carrot-right:before { content: "\35"; }
.arrow_triangle-up:before { content: "\42"; }
.icon_cog:before { content: "\e037"; padding-right: 5px; }
.icon_download:before { content: "\e092"; margin-right: 5px; }
.icon_grid-3x3:before { content: "\e08d"; padding-right: 5px; }
.icon_link_alt:before { content: "\e02b"; padding-right: 5px; }
.icon_mail_alt:before { content: "\e010"; padding-right: 5px; }
.icon_mail:before { content: "\e076"; padding-right: 5px; }
.icon_phone:before { content: "\e090"; padding-right: 5px; }

.icon_download::before {
	font-size: 18px;
}


/* forms
------------------------------------------------------- */

.et_pb_contact p input,
.et_pb_contact p textarea,
.et_pb_subscribe .et_pb_contact_field input,
.et_pb_subscribe .et_pb_contact_field textarea {
	border-radius: 4px;
}



/* uniform image height – add class to image module
------------------------------------------------------- */

.landscape .et_pb_image_wrap,
.et_pb_team_member_image {
	padding-top: 56.25%;
	display: block;
}
.portrait .et_pb_image_wrap {
	padding-top: 177.78%;
	display: block;
}
.landscape .et_pb_image_wrap img,
.portrait .et_pb_image_wrap img,
.et_pb_team_member_image img {
	position: absolute;
	height: 100%;
	width: 100% !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}


/* common
------------------------------------------------------- */

.et_vertical_nav #et-main-area {
	margin-left: 0 !important;
}
body,
.et_pb_contact p input,
.et_pb_contact p textarea {
	font-family: urw-din, sans-serif;
	font-weight: 400;
}
p.para-space {
	padding-bottom: 1em !important;
}
span.smallcaps {
	font-size: 95%;
	/* font-weight: 600; */
	letter-spacing: 0.02em;
}
h3 {
	color: #7FB539;
}
.entry-content ol {
	padding: 0 0 23px 22px;
	list-style-position: outside;
}
et_sp_section {
	padding: 50px 10% 20px 10%;
}
a.weblink:hover {
	color: #666;
}
.sp-slide-title {
	position: absolute;
	top: -1000px;
}
.et_pb_row {
	width: 88%;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_overlay, .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .meta, .et_pb_gallery_image:hover .et_overlay, .et_pb_has_overlay:hover .et_overlay, .et_portfolio_image:hover .et_overlay, .et_shop_image:hover .et_overlay {
	background: rgba(255,255,255,.5);
}

body .et_pb_button:after {
	font-size: 32px !important;
}
.fake-button,
.expand-product .fake-button {
	padding-bottom: 0.3em !important;
	font-size: 20px;
	color: #7fb539;
	width: fit-content;
}

.position-bottom {
	position: absolute;
	bottom: 0;
}
.green {
	color: #7fb539 !important;
}



/* Nav
------------------------------------------------------- */

#navigation-wrapper {
	position: fixed;
	left: 65px;
	top: 190px;
	width: 175px;
	z-index: 99;
}
#et-top-navigation, #et-secondary-navigation {
	float: none;
	padding-left: 0 !important;
	padding-top: 0 !important;
}
#top-menu li {
	display: block;
	width: 175px;
	font-weight: 300;
	padding-bottom: 5px;
}
.nav li {
	line-height: 23px !important;
}
#top-menu-nav #top-menu a, #secondary-menu a {
	padding-bottom: 5px !important;
	font-weight: 300;
}
#top-menu .menu-item-has-children>a:first-child:after,
.et_vertical_nav #main-header #top-menu li:before {
	display: none;
}
#top-menu li .menu-item-has-children>a:first-child {
	padding-right: 20px;
}

/* Submenu */

.nav li ul {
	border-top: none;
	width: auto;
	left: 175px !important;
	top: 0 !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
#et-top-navigation .nav li ul li:before {
	display: none;
}
#top-menu li li ul {
	left: 175px !important;
	top: -15px !important;
}
#top-menu li li {
	padding: 5px 20px;
}
#top-menu li li a {
	width: auto;
	padding: 0 !important;
}
#top-menu .sub-menu {
	padding-bottom: 15px !important;
}
#top-menu ul li a:hover {
	background-color: transparent;
	color: #ffffff !important;
}

/* Product Submenu */

@media only screen and (max-width: 767px) {
	.product-submenu .et_pb_column {
		width: 45%;
		margin-right: 9%;
	}
	.product-submenu .et_pb_column.et-last-child {
		margin-right: 0;
	}
	.menu-spacer {
		margin-bottom: 1.5em;
	}
}


/* mobile header
------------------------------------------------------- */

@media only screen and (max-width: 980px) {
	.et-l--header {
	}
	.et-l--header .et_pb_section_0_tb_header {
		position: relative !important;
	}
	.et_pb_row_0_tb_header {
		max-width: 100% !important;
	}
	.et_pb_image_0_tb_header {
		margin-left: 10% !important;
		padding-bottom: 0 !important;
		width: 200px;
		padding: 0;
	}
	.et_pb_image_0_tb_header img {
		max-width: 200px;
	}
	.et-vert-menu {
		position: relative;
		top: -37px;
		background: none;
	}
	.et_pb_menu_0_tb_header.et_pb_menu {
		background: none !important;
	}
	.mobile_menu_bar:before {
		font-size: 48px;
	}
}

/* NEW Style Vertical Navigation Menu*/

#top-menu-nav .divider {
	border-top: 1px solid #7fb539;
	padding-top: 10px;
}


/*Style Vertical Navigation Menu*/

@media only screen and (max-width: 980px) {
	#mobile_menu {
		padding-bottom: 40px !important;
	}
	.et_mobile_menu > li > a {
		font-weight: 700;
		border-top: 1px solid #666;
	}
	.et_mobile_menu > li {
		max-width: 300px;
		margin: 0 auto;
		list-style-type: none;
	}
	.et_mobile_menu li a {
		padding: 15px;
	}
	.et_mobile_menu li li {
		padding-left: 15px;
		list-style-type: none;
	}
	.et_mobile_menu li li a {
		font-weight: 400 !important;
		padding-bottom: 0;
		border-bottom: none !important;
		display: inline;
		padding-left: 5px;
	}
}

@media only screen and (max-width: 425px) {
	.et_pb_menu .et_mobile_nav_menu {
		margin-right: 7%;
	}
}


/* Product menu
------------------------------------------------------- */

.main-product-menu ul {
	padding-left: 0;
	font-size: 14px;
	font-weight: 600;
	margin-top: 15px;
}

.main-product-menu li {
	border-top: 1px solid #ccc;
	list-style: none;
	padding: 0;
	line-height: 2.3;
	color: #333;
	margin-left: 0;
}

.main-product-menu li:last-of-type {
	border-bottom: 1px solid #ccc;
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
	.subnav-col1,
	.subnav-col2 {
		width: 45%;
	}
	.subnav-col1 {
		margin-right: 10%;
	}
}

@media only screen and (max-width: 980px) {
	.subnav-col1 {
		margin-bottom: 0 !important;
	}
	.main-product-menu ul {
		margin: 0 !important;
	}
	.subnav-col1 .main-product-menu li:last-of-type {
		border-bottom: none !important;
		margin-bottom: 0 !important;
		padding-bottom: 4px !important;
	}
}

/* Product circle menu */

.animate-gradient.product-navigation-title {
	height: 630px;
	width: 100% !important;
}

.product-navigation {
	position: absolute;
	top: 0;
	padding-left: 240px !important;
}

.product-navigation .et_pb_column {
	position: relative;
	height: 550px;
}

.product-navigation .button-flex .et_pb_text_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 95px;
	resize: vertical;
	overflow: auto;
	width: 95px;
	padding: 10px;
}

.product-navigation .button-product {
	text-align: center;
	position: absolute;
	border: 2px solid #fff;
	border-radius: 50%;
	width: 95px;
	height: 95px;
	overflow: hidden;
}

.product-navigation .button-product p {
	font-family: urw-din, sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 1.4em;
	color: #fff;
	margin: 0 !important;
}

.product-navigation .button-flex.button-center,
.product-navigation .button-flex.button-center .et_pb_text_inner {
	width: 150px;
	height: 150px;
}

.product-navigation .button-product:hover {
	background-color: rgba(255,158,10,0.3);
	border-color: rgba(255,255,255,0.6);
	transition: all .4s ease-in-out;
}

.product-navigation .button-center:hover {
	opacity: 0.6;
}


/* product button positioning */

.product-navigation .button-center {
	left: calc(50% - 75px);
	top: calc(50% - 75px);
}

.product-navigation .button-overview {
	right: calc(50% + 1px);
	top: calc(50% - 234px);
}

.product-navigation .button-upgrades {
	left: calc(50% + 3px);
	top: calc(50% - 234px);
}

.product-navigation .button-automation {
	left: calc(50% + 89px);
	top: calc(50% - 184px);
}

.product-navigation .button-finishes {
	left: calc(50% + 139px);
	top: calc(50% - 97px);
}

.product-navigation .button-fabrics-commercial {
	left: calc(50% + 139px);
	top: calc(50% + 3px);
}

.product-navigation .button-fabrics-residential {
	left: calc(50% + 89px);
	top: calc(50% + 89px);
}

.product-navigation .button-dimensions {
	left: calc(50% + 3px);
	top: calc(50% + 139px);
}

.product-navigation .button-recess {
	left: calc(50% - 97px);
	top: calc(50% + 139px);
}

.product-navigation .button-molex {
	left: calc(50% - 183px);
	top: calc(50% + 89px);
}

.product-navigation .button-brochures {
	right: calc(50% + 139px);
	top: calc(50% + 3px);
}

.product-navigation .button-cleaning {
	right: calc(50% + 139px);
	top: calc(50% - 97px);
}

.product-navigation .button-warranty {
	right: calc(50% + 89px);
	top: calc(50% - 184px);
}


/* sp45 upgrades button positioning */

.product-navigation.upgrades.sp45 .button-center {
	left: calc(50% - 75px);
	top: calc(50% - 75px);
}

.product-navigation.upgrades.sp45 .button-duo {
	left: calc(50% - 47px);
	top: calc(50% - 208px);
}

.product-navigation.upgrades.sp45 .button-linked {
	left: calc(50% + 80px);
	top: calc(50% - 147px);
}

.product-navigation.upgrades.sp45 .button-angled {
	left: calc(50% + 112px);
	top: calc(50% - 8px);
}

.product-navigation.upgrades.sp45 .button-mocked {
	left: calc(50% + 24px);
	top: calc(50% + 102px);
}

.product-navigation.upgrades.sp45 .button-wire {
	left: calc(50% - 118px);
	top: calc(50% + 102px);
}

.product-navigation.upgrades.sp45 .button-total-block {
	left: calc(50% - 206px);
	top: calc(50% - 8px);
}

.product-navigation.upgrades.sp45 .button-valance {
	left: calc(50% - 175px);
	top: calc(50% - 147px);
}

/* sp60 upgrades button positioning */

.product-navigation.upgrades.sp60 .button-center {
	left: calc(50% - 75px);
	top: calc(50% - 75px);
}

.product-navigation.upgrades.sp60 .button-duo {
	left: calc(50% - 47px);
	top: calc(50% - 202px);
}

.product-navigation.upgrades.sp60 .button-linked {
	left: calc(50% + 108px);
	top: calc(50% - 47px);
}

.product-navigation.upgrades.sp60 .button-angled {
	left: calc(50% - 47px);
	top: calc(50% + 107px);
}

.product-navigation.upgrades.sp60 .button-wire {
	left: calc(50% - 202px);
	top: calc(50% - 47px);
}

.button-center,
.button-dimensions,
.button-automation,
.button-upgrades,
.button-brochures,
.button-specify,
.button-cleaning,
.button-warranty,
.button-fabrics,
.button-finishes,
.button-components {
	overflow: hidden;
}

/* home page
------------------------------------------------------- */

.home #creative-light-control {
	display: none;
}


/* header
------------------------------------------------------- */

#top-header {
	display: none;
}

.page.et_vertical_nav #page-container #main-header {
	width: 240px !important;
	box-shadow: none;
}
#main-header {
	min-height: 0;
	height: auto !important;
	padding: 0;
}

#sp-page-header {
	height: 570px;
	margin-left: 0 !important;
	padding: 0;
}

#logo {
	width: 218px;
	position: absolute;
	left: 171px;
	top: 45px;
	z-index: 999;
	max-height: none;
	max-width: 100% !important;
}

.et_pb_svg_logo #logo {
	height: auto!important;
}

#et_top_search {
	display:none !important;
}

.et_pb_section_parallax .et_pb_parallax_css, .et_pb_slides .et_parallax_bg.et_pb_parallax_css {
	background-attachment: inherit !important;
}

#scroll-header {
	display: none;
	color: #fff;
	height: 0px;
	line-height: 70px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	top: 0;
	bottom: 0;
	width: 100%;

		/* animation
		---------------------------------------------------- */
		opacity:0.8;
		-webkit-animation:fadeIn ease-in 1;
		-moz-animation:fadeIn ease-in 1;
		-o-animation:fadeIn ease-in 1;
		animation:fadeIn ease-in 1;
		-webkit-animation-fill-mode:forwards;
		-moz-animation-fill-mode:forwards;
		-o-animation-fill-mode:forwards;
		animation-fill-mode:forwards;

	/* Time for image to fade in
	---------------------------------------------------- */
		-webkit-animation-duration:1s;
		-moz-animation-duration:1s;
		-o-animation-duration:1s;
		animation-duration:1s;

	/* Time for image to be delayed
	---------------------------------------------------- */
		-webkit-animation-delay:0s;
		-moz-animation-delay:0s;
		-o-animation-delay:0s;
		animation-delay:0s;
}

#scroll-header.scrolled {
	display: block;
}

img#scroll-logo {
	height: 45px;
	width: 144px;
	margin-left: 65px;
	margin-top: 40px;
}

#scroll-header a.top-link {
	position: absolute;
	right: 0px;
	background: #373835;
	padding: 0 30px;
}

#light-quote {
	float: right;
	margin-right: 10%;
	margin-bottom: 80px;
}

#light-quote img {
	height: 175px;
	width: auto;
}

.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
	padding-bottom: 1px;
}

#home-header {
	margin-left: 0 !important;
}

.large-header, .small-header {
	padding: 0 !important;
}

.et_pb_section.small-header,
.et_pb_section.large-header {
	margin-left: 0 !important;
}

.et_pb_section.small-header {
	/* height: 440px; */
	height: 300px;
}

.small-header .animate-gradient {
	height: 60px;
	position: absolute;
	bottom: 0;
	width: 100% !important;
}

.animate-gradient > .et_pb_column {
	margin-left: 240px;
	width: calc(100% - 240px) !important;
	position: absolute;
	bottom: 0;
}

.sp-intro-title {
	max-width: 760px;
	margin: auto;
}

.product-navigation-title .sp-intro-title {
	padding-top: 10px;
}

.small-header h1 span, .product-navigation-title h1 span {
	font-size: 0.6em;
}

#home-header {
	overflow: hidden;
}

#home-header .et_pb_slide {
	height: 80vh;
	min-height: 600px;
}

#home-header .et_pb_slide .et_pb_slide_overlay_container {
	background-color: rgba(55,56,53,0.5) !important;
}

#home-header .et_pb_slide .et_pb_slide_description {
	animation: none;
	margin-left: 240px;
	padding: 0 !important;
}

#home-header .et_pb_slide .et_pb_slide_content {
	max-width: 350px;
	margin: auto;
}

#home-header .et_pb_slide .et_pb_slide_content h3 {
	font-weight: 500;
}

#home-header .et_pb_slide .et_pb_slide_content p {
	position: relative;
	top: -360px;
}

#home-header .et_pb_slides .et_pb_slider_container_inner {
	vertical-align: top;
	padding-right: 5%;
	padding-top: 236px;
}

@media only screen and ( min-width: 768px ) and ( max-width: 1100px ) {
	#home-header .et_pb_slide .et_pb_slide_content p {
		top: -345px;
	}
}
@media only screen and ( max-width: 980px ) {
	#home-header .et_pb_slide .et_pb_slide_content p {
		top: -300px;
	}
}
@media only screen and ( max-width: 767px ) {
	.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description h2.et_pb_slide_title {
		font-size: 26px !important;
	}
	#home-header .et_pb_slide .et_pb_slide_description {
		margin-left: 100px;
	}
	#home-header .et_pb_slides .et_pb_slider_container_inner {
		padding-top: 290px;
	}
	#home-header .et_pb_slide .et_pb_slide_content img {
		width: 80px;
	}
	.page.et_vertical_nav #page-container #main-header {
		width: 100% !important;
	}
}

/* grey strip
------------------------------------------------------- */

#head-grey-strip,
#home-grey-strip,
#foot-grey-strip {
	width: 240px;
	top: 0;
	float: left;
	background-color: #373835;
	opacity: 0.8;
	z-index: 99;
}
#home-grey-strip {
	position: absolute;
	bottom: 0;
	height: 95vh;
}
#head-grey-strip {
	position: absolute;
	height: 800px;
}
#foot-grey-strip {
	position: relative;
	height: 300px;
}
.body-grey-strip {
	background: url( images/grey-strip.png ) repeat-y;
}

@media only screen and ( max-width: 520px ) {
	#home-grey-strip {
		display: none;
	}
	#home-header .et_pb_slide .et_pb_slide_description {
		margin-left: 0;
	}
	#home-header .et_pb_slide .et_pb_slide_content {
		max-width: 260px;
	}
	#logo {
		width: 120px;
	}
}


/* home green strip */

#green-strip-module {
	z-index: 8;
	background-image: linear-gradient(45deg,rgba(127,175,36,0.8) 0%,rgba(55,56,53,0.6) 100%);
	animation: none;
	animation-name: none;
}

.home-green-strip {
	display: none;
}

.home .home-green-strip {
	display: block;
	width: calc(100% - 240px);
	margin-top: -112px;
	margin-left: 240px;
	position: relative;
	z-index: 9;
	height: 112px;
}

.home .home-green-strip .wrapper {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 40px;
}

.home .home-green-strip p {
	margin: 0;
	color: #ffffff;
	font-size: 15px;
	text-align: center;
	padding: 24px 20px 30px;
}

.home .home-green-strip .green-strip-title {
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 3em;
}

.home .home-green-strip .green {
	color: #7fb539;
	margin: 0 10px;
}

@media only screen and ( max-width: 1100px ) {
	.home .home-green-strip .wrapper {
		max-width: 550px;
	}
	.home .home-green-strip p {
		font-size: 13px;
		padding: 20px 20px 23px;
	}
	.home .home-green-strip .green:last-of-type {
		display: none;
	}
}
@media only screen and ( max-width: 767px ) {
	.home .home-green-strip .wrapper {
		max-width: 480px;
	}
	.home .home-green-strip {
		width: calc(100% - 100px);
		margin-left: 100px;
	}
	.home .home-green-strip p {
		font-size: 12px;
		padding: 20px 0px 23px;
	}
}
@media only screen and ( max-width: 520px ) {
	.home .home-green-strip .wrapper {
		padding: 0 20px;
	}
	.home .home-green-strip {
		margin-left: 0;
		width: 100%;
	}
	.home .home-green-strip p {
		font-size: 11px;
		padding: 25px 0px 29px;
	}
	.home .home-green-strip .green:last-of-type {
		display: inline-block;
	}
}


/* body
------------------------------------------------------- */

.page.et_vertical_nav #et-main-area, .page.et_vertical_nav #top-header {
	margin-left: 0 !important;
}
.et_pb_section {
	margin-left: 240px !important;
}
.sp-intro-title h2 {
	/* margin-top: 20px; */
	margin-top: 10px;
	/* max-width: 350px; */
	font-weight: 500;
	font-size: 1.5em;
}
.sp-intro-text {
	font-size: 24px;
	font-weight: 300;
	color: #666;
	line-height: 1.7em;
}

.sp-intro-text p {
	margin: 0;
}


/* products
------------------------------------------------------- */

.expand-product {
	background: #373835;
}
.expand-product .product-image {
	margin-bottom: 40px !important;
}
.expand-product h3 {
	color: #7fb539 !important;
	padding-bottom: 0;
}
.expand-product p {
	color: #f3f3f3;
	font-size: 14px;
}


/* product colour swatches */

.colour-swatch {
	text-align: center;
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 30px;
}
.colour-swatch .swatch-circle {
	width: 80px;
	height: 80px;
	border: 1px solid #ccc;
}
.colour-swatch .swatch-circle.white {
	background-color: #ffffff;
}
.colour-swatch .swatch-circle.black {
	background-color: #000000;
}
.colour-swatch .swatch-circle.sandstone {
	background-color: rgb(245,236,195);
}
.colour-swatch .swatch-circle.anodized {
	background-color: rgb(201,205,211);
}
.colour-swatch .swatch-circle.silvergrey {
	background-color: #7d7d7d;
}
.colour-swatch .swatch-circle.bone {
	background-color: #fcfae7;
}
.colour-swatch .swatch-circle.bronze {
	background-color: #554f53;
}
.colour-swatch .swatch-circle.barley {
	background-color: #eedfbe;
}
.colour-swatch .swatch-circle.dune {
	background-color: #b7bcb5;
}
.colour-swatch .swatch-name {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
	margin-top: 10px;
}
.colour-swatch .swatch-code {
	font-size: 14px;
	font-weight: 300;
	margin: 0;
}

#bottom-rails-content .swatch {
	max-width: 100px;
}

/* magnific popup lightbox */

.mfp-close {
	background: none !important;
}
.mfp-title {
	display: none;
}


/* accordian */

.et_pb_accordion {
	border-bottom: 1px solid #ccc;
}
.et_pb_accordion_item {
	background: #f3f3f3;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin-bottom: 0 !important;
}
.product-specs .et_pb_accordion_item .et_pb_toggle_title {
	padding-left: 20px !important;
}
.et_pb_accordion_item.et_pb_toggle_close .et_pb_toggle_title,
.et_pb_accordion_item.et_pb_toggle_close h5.et_pb_toggle_title {
	color: #7fb539;
}
.product-specs .et_pb_toggle,
.product-specs .et_pb_toggle_open,
.product-specs .et_pb_toggle_closed {
	padding: 20px 0 !important;
}
.product-specs .et_pb_toggle .et_pb_toggle_title:before {
	padding-right: 20px !important;
}
.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
	content: "\e04f";
}
.et_pb_toggle_close {
	padding: 15px 20px;
}
.col2 .et_pb_toggle_content {
	column-count: 2;
	column-gap: 40px;
}
.upgrades-accordian img {
	width: 100%;
	margin-bottom: 40px;
}
.upgrades-accordian .et_pb_image_wrap {
	width: 100%;
}

@media only screen and ( min-width: 1100px ) {
	.col1.half, .col2.half {
		width: 47%;
		float: left;
	}
	.col2.half {
		margin-left: 5%;
	}
}


/* tables
------------------------------------------------------- */

.product-specs table th {
	background: #f3f3f3;
}
.product-specs table,
.et_pb_accordion.product-specs table {
	background: #eaeae5;
}
.product-specs table tr td,
.et_pb_accordion.product-specs table tr td {
	border-color: #f3f3f3 !important;
	padding: 6px 20px;
}
.et_pb_accordion.product-specs table tr td:first-child {
	background: #dededb;
}


/* fabrics
------------------------------------------------------- */

#overview .no_margin ul {
	margin-bottom: 0;
}
.fabricspecs table {
	font-size: 14px;
	line-height: 110%;
	border: none;
	background: #f3f3f3;
}
.fabricspecs table th,
.fabricspecs table td {
	border-top: 2px solid #fff !important;
	vertical-align: middle;
}
.fabricspecs table th {
	width: 25%;
}
.fabricspecs table.note {
	border-bottom: none;
	background: none;
	padding-left: 0;
}
.fabricspecs table.note tr.table-note td {
	padding-left: 0;
}


/* swatches */

.entry-content .swatch h3 {
	padding: 0 0 10px 0;
	color: #333;
	font-size: 14px;
}
.entry-content .swatch table {
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
}
.entry-content .swatch tr {
	border-top: 1px solid #ccc;
}
.entry-content .swatch tr th,
.entry-content .swatch tr td {
	padding: 5px 0;
	border: none;
	line-height: 1.2em;
	font-family: urw-din-condensed, sans-serif;
	font-weight: 400;
	width: 25%;
	font-size: 14px;
}
.swatch p {
	line-height: 1.2em;
	font-family: urw-din-condensed, sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 0;
}
img.swatchicon {
	display: inline-block;
	height: 18px;
	margin: 5px 5px 0 0;
	opacity: 0.5;
}
img.swatchicon.greenstar {
	height: 17px;
	margin-right: 3px;
	opacity: 1;
}
.points {
	position: relative;
	bottom: 3px;
}
.metal-back {
	position: absolute;
	right: 0;
	top: 0;
	transform: rotate(-90deg);
	max-width: 50%;
}
.fabricspecs .eco,
.fabricspecs .fire,
.fabricspecs .water,
.fabricspecs .pvc {
	margin-right: 15px;
}
.fabricspecs .eco img,
.fabricspecs .fire img,
.fabricspecs .water img,
.fabricspecs .pvc img {
	height: 18px;
	position: relative;
	top: 3px;
}

.product-row .product-text {
	padding: 0 18px 85px 18px !important;
	margin-block: 0 !important;
}
.product-row .product-button {
	margin: 20px;
}
.product-row .product-text h2 {
	margin-bottom: 0;
	padding-bottom: 0;
}
.product-row .product-text h3 {
	font-weight: 500;
	padding-bottom: 0;
	color: #7fb539 !important;
}

@media only screen and ( max-width: 1099px ) {
	.et_pb_row.fabrics-full-width {
		display: none;
	}
}
@media only screen and ( min-width: 981px ) {
	.et_pb_row.fabrics-full-width {
		display: flex !important;
		width: 90% !important;
	}
 .et_pb_gutters3 #fabrics .et_pb_column_1_4 {
		width: 23.5%;
	}
	.et_pb_gutters3 #fabrics .et_pb_column {
		margin-right: 2%;
	}
	.et_pb_row.fabrics-full-width h2 {
		font-size: 19px;
		line-height: 120%;
		margin-bottom: 8px;
	}
	.et_pb_row.fabrics-full-width .fabric-heading h2 {
		font-size: 30px;
	}
	.et_pb_row.fabrics-full-width h3 {
		font-size: 16px;
	}
	.et_pb_row.fabrics-full-width .product-text p {
		font-size: 12px;
	}
}

/* gallery
------------------------------------------------------- */

ul.media-boxes-filter {
	padding: 0;
}
ul.media-boxes-filter li {
	margin: 0 10px 10px 0 !important;
}
ul.media-boxes-filter li a {
	background-color: #f3f3f3;
}
.fancyboxMB-container {
	z-index: 99999 !important;
}

@media only screen and ( max-width: 767px ) {
	.media-boxes-filter>li a {
		font-size: 11px;
	}
}


/* projects & resources
------------------------------------------------------- */

.sp-intro-title.projects-title h2 {
	width: 700px;
}
.sp-project-header.scrolled {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}
.sp-project-header p,
.sp-resources-header p {
	color: #ffffff;
}
.sp-project-header .et_pb_row,
.sp-resources-header .et_pb_row {
	border: none;
	padding: 15px 0;
}
.et_pb_section.sp-project,
.et_pb_section.sp-project-header,
.et_pb_section.sp-resources-header {
	padding: 0;
}
.sp-project .et_pb_row {
	padding: 15px 0;
	border-top: 1px solid #fff;
}
.sp-project .et_pb_text,
.sp-project-header .et_pb_text,
.sp-resources-header .et_pb_text {
	margin-bottom: 0;
}
.sp-project-header p,
.sp-project p {
	width: 15%;
	margin-right: 1%;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 0;
}
.sp-project-header p:first-child {
	width: 84px;
	margin-right: 5%;
}
.sp-project p:first-child {
	margin-right: 5%;
}
.sp-project.case-study p:last-child {
	margin-right: 0;
	font-size: 13px;
	line-height: 180%;
}
.sp-project span.project-label {
	display: none;
}
.sp-resources-header p,
.sp-resources p {
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 0;
}
.sp-resources-header p {
	font-weight: 600;
}
.sp-resources p {
	width: 14%;
	margin-right: 1%;
}
.sp-resources p:first-child {
	margin-right: 1%;
	width: 54%;
}
.sp-resources p:last-child {
	margin-right: 0;
	line-height: inherit;
}
.hide-project-image {
	width: 0;
	height: 0;
}
#masterspec-logo p {
	display: none;
}
#masterspec-logo div {
	padding: 0 !important;
	margin: 0 !important;
}

.downloads-row p {
	margin: 0;
}

/* resources accordian content */

.spec-row {
	border-top: 1px solid #ccc;
	padding: 1.5em 0;
	display: flex;
}
.spec-title,
.spec-download {
	display: block;
	width: 100%;
	margin: 0;
}
.spec-title {
	padding-right: 40px;
}

@media only screen and ( min-width: 1100px ) {
	.spec-title {
		display: inline-block;
		width: 70%;
	}
	.spec-download {
		display: inline-block;
		width: 28%;
	}
}

/* Toggle titles */

.expand-product {
	cursor: pointer;
	padding-bottom: 0;
}
.expand-product:hover {
	opacity: 80%;
}
.et_pb_toggle_title h2 {
	margin-bottom: 0;
}
.et_pb_toggle_title:before {
	top: 60%;
}

/* Make toggle content closed by default */

.product-content {
	display: none;
}

/* gallery lightbox */

.mfp-title {
	padding-top: 10px;
}
.mfp-counter {
	width: 100px;
	text-align: right;
	padding-top: 10px;
}
.project-thumb.project-gallery a {
	position: absolute;
	top: 0;
	left: 0;
}
p.project-thumb .et_portfolio_image img {
	width: 84px;
	height: 84px;
}
.project-thumb.project-gallery .et_portfolio_image.top-image {
	z-index: 99;
}
.sp-project p.project-thumb {
	position: relative;
	height: 84px;
	width: 84px;
}


/* projects v2
------------------------------------------------------- */

.et_pb_section.sp-project-large {
	padding-top: 0 !important;
}
.sp-project-large .et_pb_row {
	padding: 0 !important;
}
.sp-project-large .et_pb_column {
	margin-bottom: 50px !important;
}
.sp-project-large .et_pb_gallery_0.et_pb_gallery .et_pb_gallery_item,
.sp-project-large .et_pb_grid_item {
	width: 100% !important;
	margin: 0 !important;
}
.sp-project-large .et_pb_gallery_grid .et_pb_gallery_image,
.sp-project-large .et_pb_gallery_grid .et_pb_gallery_image img {
	height: auto !important;
}
.sp-project-large .et_pb_module {
	margin-bottom: 0 !important;
}
.sp-project-large h4 {
		margin-top: 30px;
		line-height: 90%;
}
.sp-project-large .splinks {
	margin-top: 10px;
}
.sp-project-large p,
.sp-project-large .splinks a {
	font-size: 12px;
}
.sp-project-large .icon_zoom-in,
.sp-project-large .icon_download {
	font-size: 12px;
}

.media-boxes-filters-container {
	margin-bottom: 40px;
}
.media-boxes-filters-container ul {
	font-family: urw-din, sans-serif;
}

.media-boxes-no-more-entries {
	display: none !important;
}


/* our people
------------------------------------------------------- */

#people .et_pb_team_member .et_pb_team_member_description > div {
	display: none;
}
#people .et_pb_team_member_description:hover {
	cursor: pointer;
}
.et_pb_team_member_image {
	max-width: 100% !important;
}
#people .et_pb_team_member_description h4 {
	font-size: 18px;
	margin-bottom: 0;
	position: relative;
}
#people .et_pb_team_member_description h4:after {
	content: "\e050";
	position: absolute;
	right: 0;
	font-size: 22px;
	color: #ccc;
	top: 20px;
	margin-top: -.5em;
	font-family: ETmodules!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 0 0;
	direction: ltr;
}
#people .et_pb_team_member_description .et_pb_member_position {
	margin: 0;
}
#people .et_pb_team_member_description a:hover {
	color: #373835;
}
#people .et_pb_row .et_pb_column.et-last-child,
#people .et_pb_row .et_pb_column:last-child {
	margin-bottom: 30px;
}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
	.et_pb_column .et_pb_team_member_image {
		float: none;
		margin: 0 0 12px 0;
	}
	.et_pb_column .et_pb_team_member_description {
		display: block;
	}
}



/* warranty
------------------------------------------------------- */

.registration-form,
.sp-registration-form,
.sp-registration-form form {
	box-sizing: border-box !important;
}
#crmWebToEntityForm p {
	display: inline-block;
}
.sp-registration-form input[type="text"] {
	width: 280px;
	padding: 10px 20px;
	background-color: #EEE;
	border: none;
	color: #333;
	font-size: 16px;
}
.registration-form .form-submit {
	float: none;
}
.registration-form .form-submit input {
	display: inline-block;
	float: right;
	margin-left: 30px;
}
.registration-form .form-submit input[type="reset"] {
	color: #AAA !important;
}
.sp-registration-form p.label {
	width: 35%;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 0;
	vertical-align: middle;
}
.sp-registration-form .form-head {
	padding: 20px;
	background: #333;
	color: #fff;
}
.sp-registration-form .form-row {
	padding: 20px 20px 0 20px;
	background: #ddd;
}
.sp-registration-form .form-submit {
	margin-top: 20px;
}
.sp-registration-form .form-row.last-row {
	padding-bottom: 30px;
}
.form-submit input {
		font-size: 20px;
		font-weight: 500;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding: 6px 20px;
		line-height: 1.7em;
		background: transparent;
		border: 2px solid;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		position: relative;
}
.form-submit input:hover {
	border-color: rgba(0, 0, 0, 0.01);
}


/* footer
------------------------------------------------------- */

#main-footer.sp-home-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 999;
}
#foot-leaves {
	background: url( images/sp-leaves.jpg ) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 300px;
	width: 100%;
	vertical-align: middle;
}
#foot-leaves .footer-promo {
	margin-left: 240px;
}
#foot-leaves .wrapper {
	width: calc(100% - 240px);
	height: 100%;
	margin-left: 240px;
	background: rgba(0, 0, 0, 0.3);
}
#foot-leaves .footer-promo {
	max-width: 725px;
	margin: 0 auto;
	padding: 40px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
#foot-leaves .footer-promo .celebrate-60,
#foot-leaves .footer-promo .foot-quote-dark,
#foot-leaves .footer-promo .celebrate-toitu {
	/* float: left; */
	text-align: center;

}
#foot-leaves .footer-promo .celebrate-60 {
	width: 185px;
}
#foot-leaves .footer-promo .celebrate-toitu {
	width: 185px;
}
#foot-leaves .footer-promo .celebrate-60 p,
#foot-leaves .footer-promo .celebrate-toitu p {
	font-size: 14px;
	margin-top: 10px;
}
#foot-leaves .footer-promo img {
	width: 100px;
	height: 140.38px;
	/* margin-right: 40px; */
}
#foot-leaves blockquote {
	padding-top: 70px;
	margin: 0;
	border: none;
}
#foot-leaves .footer-promo img,
#foot-leaves .footer-promo blockquote {
	display: inline-block;
}
.foot-quote-dark,
.foot-quote-light {
	font-size: 25px;
	margin: 0;
}
.foot-quote-dark {
	color: #fff;
	width: 300px;
}
.foot-quote-light {
	color: #fff;
	text-shadow: 0.5px 0.5px 2px rgb(0 0 0 / 30%);
}

@media only screen and ( max-width: 1100px ) {
	#foot-leaves .wrapper {
		width: calc(100% - 210px);
		margin-left: 210px;
	}
	#foot-leaves .footer-promo {
		/* max-width: 510px; */
	}
	#foot-leaves .footer-promo img {
		width: 70px;
		height: 98.25px;
		/* margin-right: 20px; */
	}
	.foot-quote-dark,
	.foot-quote-light {
		font-size: 20px;
	}
}
@media only screen and ( max-width: 767px ) {
	#foot-leaves {
		height: 250px;
	}
	#foot-leaves .wrapper {
		width: 100%;
		margin: 0 auto !important;
	}
	#foot-leaves .footer-promo {
		width: 100%;
		max-width: 100%;
		padding: 20px 10px;
		text-align: center;
	}
	#foot-leaves .footer-promo img,
	#foot-leaves .footer-promo blockquote {
		display: block;
		margin: auto;
	}
	#foot-leaves blockquote {
		padding-top: 20px;
	}
	.foot-quote-dark,
	.foot-quote-light {
		text-align: center;
	}
	#foot-leaves .footer-promo .celebrate-60,
	#foot-leaves .footer-promo .celebrate-toitu {
		/* width: 120px; */
	}
	.foot-quote-light {
		font-size: 10px !important;
	}
	.foot-quote-dark {
		width: inherit;
	}
}
@media only screen and ( max-width: 550px ) {
	#foot-leaves {
		height: 220px;
	}
	#foot-leaves .footer-promo {
		padding-top: 30px;
	}
}

/* Footer quick links */

#sp-quick-links {
	background: #373835;
	position: relative;
}
#sp-quick-links-wrapper {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
}
#sp-quick-links p {
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
}
#sp-quick-links a p:hover {
	color: #999;
}
#quick-link-1,
#quick-link-2,
#quick-link-3,
#quick-link-4,
#quick-link-5 {
	width: 18.4%;
	display: inline-block;
	margin: 20px 0.5%;
	vertical-align: top;
}
img.quick-link-icon {
	display: block;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

@media only screen and ( min-width: 768px ) {
	#sp-quick-links {
		z-index: 99999;
	}
}
@media only screen and ( min-width: 426px ) and ( max-width: 767px ) {
	#sp-quick-links p {
		font-size: 11px;
	}
}
@media only screen and ( max-width: 425px ) {
	#sp-quick-links p {
		font-size: 9px;
	}
	#quick-link-1,
	#quick-link-2,
	#quick-link-3,
	#quick-link-4,
	#quick-link-5 {
		width: 18%;
	}
}

/* Footer showrooms */

#sp-showrooms {
	width: 100%;
	background: #222222;
	position: relative;
}
#sp-showrooms #sp-showrooms-wrapper {
	width: 90%;
	margin: 0 auto;
	padding-top: 40px;
	max-width: 1080px;
}
#sp-showrooms .address.postal img {
	margin-bottom: 27px;
	width: 158px;
	height: 48.16px;
}
#sp-showrooms .address {
	width: 18%;
	display: inline-block;
	margin: 20px 2% 20px 0;
	vertical-align: top;
}
#sp-showrooms .address.last {
	margin-right: 0;
}
#sp-showrooms .address h4 {
	color: #7fb539;
	font-weight: 300;
}
#sp-showrooms .address p,
#sp-showrooms .address a {
	color: #bbb;
	font-size: 14px;
}
#sp-showrooms .address a:hover {
	color: #999;
}
@media only screen and ( min-width: 768px ) {
	#sp-showrooms {
		z-index: 99999;
	}
}
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
	#sp-showrooms .address {
		width: 25%;
	}
}
@media only screen and ( min-width: 376px ) and ( max-width: 767px ) {
	#sp-showrooms .address {
		width: 47%;
	}
}
@media only screen and ( max-width: 375px ) {
	#sp-showrooms .address {
		width: 100%;
		margin-right: 0;
	}
}

/* Footer copyright */

#footer-bottom {
	height: 125px;
	padding: 40px 30px 0 30px;
	background: #1f1f1f;
	position: relative;
	z-index: 99999;
}
#footer-bottom .container {
	column-width: 90% !important;
}
#footer-bottom #footer-info {
	font-size: 12px;
	color: #aaa;
	width: 100%;
	text-align: center;
}
#footer-bottom #footer-info a {
	font-weight: 300;
	color: #7fb539;
}
#footer-bottom #footer-info .mmplug a {
	color: #aaa;
}

/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( max-width: 1405px ) {
	.swatch2column .et_pb_column { width: 400px !important; }
	.swatch2column .thumbnail img { width: 400px; max-width: 400px; }
}
@media only screen and ( min-width: 1100px ) {
	.et_pb_row { width: 760px !important; }
	.product-navigation { width: 100% !important; }
	.swatchpanel.v5 .swatch1column .et_pb_column { width: 100% !important; }
}
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
	.et_pb_column_2_3 { width: 500px !important; }
}


/*-------------------[1100px - 1405px]------------------*/
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
	.et_pb_column_1_3 { width: 700px; }
	.et_pb_column_1_3 img.sp-first { margin-right: 20px; }
	.product-row .et_pb_column_1_3 { width: 240px; margin-right: 20px; }
	.product-text-full { width: 660px; }
	.people-title h2, .internal-title h2 { width: 500px; }
	.sp-resources p { font-size: 14px; width: 20%; }
	.sp-resources p:first-child { width: 35%; }
}

/*-------------------[768px - 1100px]------------------*/
@media only screen and ( max-width: 1100px ) {
	.et_pb_row, .container, .et_pb_container, .et_pb_column_1_3, .et_pb_column_2_3, .sp-intro-title { width: 480px; }
	.et_pb_column_1_3 img.sp-first { margin-right: 20px; }
	.et_pb_column_1_3 img.et_pb_image { margin-left: 0; display: inline; max-width: 45%; }
	.sp-intro-title h2, .sp-section-title h2 { font-size: 30px; }
	.sp-section-title h3 { font-size: 26px; }
	#logo { max-height: none; }
	#top-menu { display: block; }
	#et_mobile_nav_menu {display: none; }
	#sp-home-title { left: 280px; }
	.sp-intro-title h2 { width: 420px; }
	.sp-intro-title.gallery-title h2 { width: 390px; }
	.contact-title h2 { width: 350px; }
	.et_pb_column_1_3 .et_pb_map { width: 480px; }
	img#scroll-logo { margin-left: 35px; width: 144px; height: 45px; }
	.sp-image { margin: 20px 0px !important; }

	.et_pb_gutters3 .et_pb_column_1_3 { width: 480px; margin-right: 0; }
	.et_pb_row.et_pb_equal_columns { display: block; margin-bottom: 0; }
	.expand-product { margin-bottom: 30px !important; }

	/* products */
	.mobile-product-row { display: block; padding-top: 0; }
	.product-thumb { width: 540px; }
	.show-hide-panel-wrap { margin-bottom: 30px; }
	p.arrow_triangle-up { text-align: center; height: 0; }
	.swatches p.arrow_triangle-up { text-align: left; }
	.swatches p.arrow_triangle-up.column1,.swatches p.arrow_triangle-up.column2, .swatches p.arrow_triangle-up.column3, .swatches p.arrow_triangle-up.column4 { left: 0; }
	p.arrow_triangle-up.column1, p.arrow_triangle-up.column2, p.arrow_triangle-up.column3, p.arrow_triangle-up.column4 { position: relative; top: -43px; left: 0; }
	.product-links { padding: 35px 20px 35px 50px; }
	.product-links h4 { font-size: 14px; }
	.product-links ul { font-size: 12px; }
	.product-links h4.icon_cog::before, .product-links h4.icon_download::before, .product-links h4.icon_grid-3x3::before { font-size: 18px; }
	.swatches .product-thumb { width: 55%; display: block; }
	.show-hide-panel-wrap { margin-bottom: 0; }

	.body-grey-strip, #foot-grey-strip { margin-left: -30px; }
	#navigation-wrapper { left: 35px; }
	#head-grey-strip { left: -30px; }
	#logo { left: 141px; }
	.product-thumb, .product-thumb.fabric { width: 440px; }
	.product-image { margin-bottom: 0; margin-top: 0; }
	.product-links h4 { font-size: 12px; }
	a.product-thumb-link { width: 480px; }
	.product-thumb .people-thumb img { max-height: inherit; max-width: 100%; position: inherit; left: 0; }
	.product-thumb p.thumbnail { width: 440px; height: 210px; }
	.product-thumb p.thumbnail img { width: 100%; }
	.product-thumb p.thumbnail.sketch img { width: auto; }
	.product-links span { display: block; margin-bottom: 5px; }
	.product-links ul { padding-left: 6px; }
	.product-text-full { width: 380px; margin-top: 0; }
	.product-text-full p { float: left; }
	.bottom-rails { border-bottom: 1px solid #bbb; padding-bottom: 30px; }
	.bottom-rails img.rails-detail { padding-bottom: 30px; }

	/* projects */
	.sp-intro-title.projects-title h2 { width: 410px; }
	#project-header p { display: none; }
	.sp-project span.project-label { display: inline-block; }
	.sp-project p.project-thumb { width: 150px !important; height: 150px; }
	.sp-resources-header .et_pb_column { padding-bottom: 0; }
	.sp-resources p:first-child { width: 100%; padding-bottom: 5px;}
	.sp-project p, .sp-project p:last-child { float: left; width: 30%; font-size: 14px; }
	.sp-project span.project-label { display: inline-block; font-size: 80%; font-style: italic; padding-right: 5px; }
	.sp-project-header.scrolled, .sp-project-header .project-header-text { display: none; }
	p.project-thumb .et_portfolio_image img { width: 150px; height: 150px; }
	.sp-registration-form input[type="text"] { width: 190px; }

	/* gallery */
	/* change to 2 column */
	.gallery-section .et_pb_gallery_0.et_pb_gallery .et_pb_gallery_item { margin: 0 4% 4% 0 !important; clear:  none !important; width:  48% !important; }
	.gallery-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(3n) { margin-right: 4% !important; }
	.gallery-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(2n) { margin-right: 0 !important; }
	.gallery-section .et_pb_gallery_grid .et_pb_gallery_image, .gallery-section .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: 169px; }
	.gallery-section .et_pb_gallery_grid .et_pb_gallery_image img { min-height: 169px; }
	.gallery-section .et_pb_column .et_pb_grid_item:nth-child(n) { width: 100% !important; }
	 p.hide-link { display: none; }

	 .project-grid .media-box-container { height: 300px !important; }
}

/*-------------------[980px]------------------*/
@media only screen and ( max-width: 980px ) {
	.sp-project-large .et_pb_column .et_pb_grid_item:nth-child(n) { width: 100% !important; margin: 0 !important; }
	.product-row.fabric-row .et_pb_row.et_pb_row_1, .product-row.fabric-row .et_pb_row.et_pb_row_2, .product-row.fabric-row .et_pb_row.et_pb_row_3 { margin-bottom: 0 !important; padding-bottom: 0; }
}

@media only screen and ( max-width: 767px ) {
	#page-container { padding-top: 0; }
}

/*-------------------[max 767px]------------------*/
@media screen and ( max-width: 767px ) {
	.gallery-section .et_pb_gallery_grid .et_pb_gallery_image, .gallery-section .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: 136px; }
	.gallery-section .et_pb_gallery_grid .et_pb_gallery_image img { min-height: 136px; }
	.swatch2column .et_pb_column { width: 100% !important; }
	.swatchinfo.light {
		left: -40px;
	}
	.fabricspecs .eco, .fabricspecs .fire, .fabricspecs .water {
		font-size: 11px;
	}
	.et_pb_row, .container, .et_pb_container, .et_pb_column_1_3, .et_pb_column_2_3 { width: 400px; }
	#scroll-header.scrolled { background: #373835; line-height: 60px; height: 60px; }
	img#scroll-logo { height: 35px; margin-top: 15px; width: 112px; height: 35px; }

	#navigation-wrapper { left: 0px; top: 0px; width: 100%; background: #373835; position: relative; }
	#et_mobile_nav_menu {display: block; }
	#top-menu-nav, #et-secondary-navigation { display: none; }
	#main-header #et_mobile_nav_menu { text-align: right; margin: 35px; }
	.et_header_style_left #et-top-navigation .mobile_menu_bar, .et_header_style_split #et-top-navigation .mobile_menu_bar { padding-bottom: 0 !important; }
	#main-header .mobile_menu_bar::before { color: #7fb539 !important; content: "\e057"; font-size: 44px; }
	#main-header .et_mobile_menu { background: #373835 !important; border-top: 3px solid #7fb539 !important; top: 114px; text-align: left; padding: 0; }
	.et_mobile_menu .menu-item-has-children>a { background-color: #373835 !important; }
	.et_mobile_menu>li>a { color: #7fb539 !important; padding-left: 10px; }
	.et_mobile_menu li a:hover { background-color: rgba(0,0,0,0.06); }
	.et_mobile_menu li a { color: #fff; }
	.et_mobile_menu li.sp-product { text-indent: 10px; background: #777; border: none; }
	#home-grey-strip { width: 100px; }
	#sp-home-title { left: 150px; }
	.sp-intro-title.gallery-title h2 { width: 300px; }
	.et_pb_column_1_3 .et_pb_map { width: 400px; }
	.sp-project p.project-thumb { margin-bottom: 20px; }
	img#light-quote { top: -240px; right: 0px; width: 50%; }

	.body-grey-strip { background: none; margin-left: 0; }
	.et_pb_section { margin-left: 0px !important; margin-right: 0px; }

	.et_pb_section.small-header { height: 250px; }

	#head-grey-strip, #sp-page-header { height: 250px; }
	#sp-page-header { width: 100%; }
	#head-grey-strip { left: -120px; top: 114px; }
	#logo { left: 55px; top: 30px; width: 180px; }

	.sp-intro-title h2, .sp-section-title h2 { font-size: 24px; }
	.sp-section-title { padding-bottom: 20px; margin-bottom: 0; }
	.et_pb_text, .et_pb_image { margin-bottom: 0; }
	.people-title h2 { width: 320px; }

	a.product-thumb-link { width: 400px; }

	.product-row .et_pb_row { margin-bottom: 30px; }

	.swatchinfo.light.mobile { left: -120px; }
	.swatch1column .et_pb_column { width: 100% !important; }

	.et_pb_column .et_pb_testimonial_description { text-align: left; }
	.sp-registration-form input[type="text"] { width: 170px; }
	.sp-registration-form p { font-size: 14px; }

	/* gallery */
	/* change to 1 column */
	.gallery-section .et_pb_gallery_0.et_pb_gallery .et_pb_gallery_item { margin: 0 0% 6% 0 !important; clear:  none !important; width: 100% !important; }
	.gallery-section .et_pb_gallery_grid .et_pb_gallery_image, .gallery-section .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: auto; }
	.gallery-section .et_pb_gallery_grid .et_pb_gallery_image, .gallery-section .et_pb_gallery_grid .et_pb_gallery_image.landscape img { height: auto; }
	.gallery-section .et_pb_gallery_grid .et_pb_gallery_image img { min-height: auto; }

	#foot-grey-strip { display: none; }
}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 479px ) {
	.et_pb_row, .container, .et_pb_container, .sp-section .et_pb_row, .mobile-product-row .et_pb_row, .et_pb_column_1_3, .et_pb_column_2_3 { width: 260px; }
	.sp-intro-title h1 { font-size: 30px; }
	.sp-intro-title h2 { font-size: 24px; }
	.sp-intro-text { font-size: 16px; }
	.product-thumb { width: 220px;}
	.product-text, .product-text-full { margin: 30px; font-size: 12px; }

	#head-grey-strip, #sp-page-header { height: 150px; }
	#logo { left: 25px; top: 25px; width: 160px; }
	.sp-inside #logo { left: 25px; top: 20px; width: 140px; }
	#head-grey-strip { left: -180px; }
	#head-grey-strip, #home-grey-strip, #foot-grey-strip { width: 60px; }

	#home-grey-strip, #sp-home-project, #sp-home-leaves { height: 400px; }
	#sp-home-project, #sp-home-leaves { background-attachment: scroll; }
	#main-footer.sp-home-footer { bottom: inherit; top: 400px; }
	#navigation-wrapper { height: 80px; }
	#main-header #et_mobile_nav_menu { margin: 16px 35px; }
	#sp-home-title { left: 80px; top: 110px; padding-right: 15px; }
	#sp-home-title h1 { font-size: 22px; text-shadow: 1px 1px 0px rgba(17, 17, 17, 0.5); }
	#sp-home-title h2 { font-size: 12px; margin-top: 0; text-shadow: 1px 1px 0px rgba(17, 17, 17, 0.5); }
	.sp-intro-title.gallery-title h2 { width: 260px; }
	#main-header .et_mobile_menu { top: 80px;}
	#main-header { height: 80px; }

	img#light-quote { top: -180px; width: 60%; }

	img#scroll-logo { margin-left: 30px; }
	#scroll-header a { right: 30px; padding: 0; }

	.sp-intro-title h2 { width: 260px; }
	h2, .sp-intro-title h2, .sp-section-title h2 { font-size: 20px !important; }
	.people-title h2 { width: 260px; }
	p, .entry-content ul, .sp-body { font-size: 14px; }
	.sp-intro-text p { font-size: 15px; }
	.product-thumb, .show-hide-panel-wrap { margin-bottom: 18px; }
	span.arrow_carrot-down_alt2::before { font-size: 45px; }
	.sp-intro-arrow { margin-top: 20px; }
	.product-image { margin: 0 30px; width: 200px; }
	.product-links { padding-left: 30px; }
	.links-options, .links-downloads, .links-showcase { width: 100%; }
	.links-options, .links-downloads { margin-bottom: 20px; }
	.product-links h4 { font-size: 14px; }
	.product-links span { padding-right: 5px; }
	.product-thumb p.thumbnail { width: 220px; height: 165px; }
	.product-thumb {height: 220px; }
	.product-thumb p.thumbnail.sketch img { max-height: 165px; }
	.product-text-full { width: 200px; }
	.fabricspecs .water { margin-left: 20px; }

	.et_pb_column_1_3 img.et_pb_image { max-width: 100%; }
	.et_pb_testimonial { margin-top: 20px; margin-bottom: 0; }

	p.people-thumb { height: 140px; }
	.product-thumb .people-thumb img { max-width: 100%; position: relative; }
	a.product-thumb-link { width: 260px; height: 260px; }

	.swatchimage .thumbnail { height: 320px; overflow: hidden; margin-bottom: 20px; }

	.contact-title h2 { width: 250px; }
	.et_pb_column_4_4 .et_pb_map, .et_pb_column_3_4 .et_pb_map, .et_pb_column_2_3 .et_pb_map, .et_pb_column_1_2 .et_pb_map, .et_pb_column_1_3 .et_pb_map, .et_pb_column_1_4 .et_pb_map { width: 260px; }

	/* projects */
	.sp-project p { width: 90% !important; }
	.sp-intro-title.projects-title h2 { width: inherit; }
	.sp-project-large h4 { line-height: 110%; }
	.sp-project-large .splinks a { line-height: 250%; }
	.sp-registration-form p.label, .sp-registration-form input[type="text"] { display: block; width: inherit; text-align: left; }
	.sp-registration-form input[type="text"] { margin-top: 5px; }
	.registration-form .form-submit input[type="reset"] { float: left; margin-left: 0; }

	/* footer */
	#foot-leaves blockquote { padding-top: 30px; padding-left: 0; }
	h2.foot-quote-dark, h2.foot-quote-light { font-size: 18px; }
	#footer-bottom { padding-top: 25px; height: 200px; }
	#footer-bottom .container { width: 240px; }
	#footer-info img { margin: 0 102px 20px; padding-right: 0; max-width: 15%; }
}


/* 404
------------------------------------------------------- */
.et_pb_row.page404 {
	margin: 0 auto;
	padding: 60px 0;
}



/* icon font
------------------------------------------------------- */
@font-face {
	font-family: 'ElegantIcons';
	src:url('fonts/ElegantIcons.eot');
	src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('fonts/ElegantIcons.woff') format('woff'),
		url('fonts/ElegantIcons.ttf') format('truetype'),
		url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before,
.icon_zoom-in,
.arrow_carrot-up_alt2,
.arrow_carrot-right,
.arrow_triangle-up,
.icon_cog,
/* .icon_download, */
.icon_grid-3x3,
.icon_link_alt,
.icon_mail_alt,
.icon_mail,
.icon_phone {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon_zoom-in:before { content: "\e054"; margin-right: 5px; }
.arrow_carrot-up_alt2:before { content: "\3a"; margin-right: 5px; }
.arrow_carrot-right:before { content: "\35"; }
.arrow_triangle-up:before { content: "\42"; }
.icon_cog:before { content: "\e037"; padding-right: 5px; }
.icon_download:before { content: "\e092"; margin-right: 5px; }
.icon_grid-3x3:before { content: "\e08d"; padding-right: 5px; }
.icon_link_alt:before { content: "\e02b"; padding-right: 5px; }
.icon_mail_alt:before { content: "\e010"; padding-right: 5px; }
.icon_mail:before { content: "\e076"; padding-right: 5px; }
.icon_phone:before { content: "\e090"; padding-right: 5px; }