/*
Site Name:      Mr. and Mrs. Howard for Sherrill Furniture
Theme URI:      http://sherrillfurniture.com/mrandmrshoward/
Description:    Designers Jim and Phoebe Howard's mini site inside the main Sherrill Furniture site
Author:         Scott Cielo of Integritive
Author URI:     http://www.integritive.com/
Build Date:     Summer 2012
Responsivized:	Summer 2014 by jay
*/


/********************* general and helpers *********************/

html, body { margin:0px; padding:0px; }

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

@font-face {
  font-family: 'Lillian august';
  src: url('font/Lillian-August.eot') format('embedded-opentype'), url('font/Lillian-August.woff') format('woff'), url('font/Lillian-August.ttf') format('truetype'), url('font/Lillian-August.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}

body, #user a { background:#fff; font:16px garlight, "ITC Garamond Light", "Garamond Light", "Apple Garamond", "ITC Garamond Narrow", Garamond, "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; color:#000; }



a { text-decoration:none; }

h1,h2,h3,h4,h5,h6 { margin:0 0 5px 0; font-weight:normal; }

h1 { font-size:17px; }

h2 { font-size:15px; }

h3 { font-size:13px; }

h4,h5,h6 { font-size:12px; }

img {max-width: 100%;}

.cycle-slideshow { overflow: hidden; }

.clear { clear:both; }

.hide { display:none; }

.right-floater { float:right; margin:0 0 0 15px; }

.pad-image { padding:10px 0 10px 0; }

.smaller-text { font-size:8px; }

.small{
	font-size: 13px;
	line-height: 20px;
	width: 75%;
    margin: auto;
}

td { vertical-align:top; }

.center { text-align:center; }

.strong-black { color:#000; font-style:italic; }

.strong { font-weight:bold; }

   hr{
    border: none;
    height: 1px;
    background: #262626;
}

/********************* mast, footer and other common elements *********************/

#rapper {
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
}
#mast {
	height: 164px;
	width: 1000px;
	max-width: 100%;
	background: url(images/header-bg.png) no-repeat;
}
h2#logo {
	margin: 0;
	padding-top: 32px;
	float: left;
}
h2#logo, h2#logo img {
	width: 403px;
	max-width: 100%;
	/*height:103px;*/
}
#mast .top-nav {margin-top: 32px;}
.top-nav {
	text-transform: uppercase;
	font-size: 15px;
	float: right;
	border-right: 1px solid #c9cfd3;
	border-left: 1px solid #c9cfd3;
	width: 170px;
}
.top-nav.inside {width: 182px; border-right: none;}
.top-nav li {padding: 0; margin: 0;}
.top-nav a {
	color: #675a50;
	text-decoration: none;
	display: block;
	height: 32px;
	padding-left: 20px;
	padding-top: 1px;
}
.top-nav a:hover,
.top-nav a.active,
.top-nav a.sub-active {color: #6a7a83;}
.top-nav li.sub-inside:hover a.border-me {
	border-top: 1px solid #c9cfd3;
	padding-top: 0px;
	width: 163px;
}
ul.sf-menu li ul {
	font-size: 15px;
	border: 4px solid #fff;
	border-top: none;
	width: 184px;
}
ul.sf-menu li ul li {
	background: #fff;
	border-right: 1px solid #c9cfd3;
	border-left: 1px solid #c9cfd3;
	width: 182px;
}
ul.sf-menu li ul li a {
	text-transform: capitalize;
	font-size: 18px;
	height: 20px;
	line-height: 24px;
	padding-left: 30px;
}
ul.sf-menu li ul li a.last-sub {
	border-bottom: 1px solid #c9cfd3;
	padding-bottom: 7px;
}
ul.sf-vertical li:hover ul,
ul.sf-vertical li.sfHover ul {left: -5px; top: 35px;}

.sf-menu li {
	width: 100%;
}

#content {
	position: relative;
	max-width: 100%;
	margin-top: 33px;
}
#copy {
	border: 1px solid #cbd1d4;
	position: relative;
	max-width: 100%;
}
#footer {
	padding-top: 20px;
	max-width: 100%;
}
#footer-search {
	width: 730px;
	float: left;
}
#footer-search p {
	width: 151px;
	margin-right: 19px;
	float: left;
}
#footer-big-nav {
	width: 240px;
	float: right;
	border-left: 1px solid #c9cfd3;
	margin-bottom: 20px;
	padding: 5px 0px 5px 22px;
}
#footer-big-nav li {
	width: 120px;
	float:left;
}
#copyright {
	width: 1000px;
	max-width: 100%;
	padding: 20px 0;
	background: url(images/copyright-bg.png) no-repeat;
	clear: both;
}

#copyright p{
	padding-left: 20px;
}
#copyright p,
#footer-big-nav a,
#footer-little-nav a {
	font: 11px verdana, georgia, sans-serif;
	color: #655a50;
}
#footer-little-nav {
	min-height: 40px;
	margin-left: 50px;
}
#footer-little-nav a {
	padding-right: 60px;
	float: left;
	display: inline-block;
	line-height: 1.6;
}
#footer #search_form {padding-top: 0;}
#footer #search_form > div {
	float: left;
	margin-right: 16px;
	margin-top: 10px;
}
#footer #search_form div.extra-padding {
	padding-top: 29px;
	position: relative;
}
#footer #search_form select {width: 150px;}
#footer #search_form .select-wrap {width: 170px; margin-right: 0;}
#footer #search_form input.input-border {
	width: 115px;
	padding-right: 4px;
	padding-left: 4px;
}
#footer #search_form .go-wrapper {margin-right: 0;}

/********************* text *********************/
.text {padding: 30px 25px 20px 30px;}
.text.portfolio {padding: 30px 5px 20px;}
.text p {
	padding: 0 0 25px 0;
	line-height: 22px;
	font-size: 16px;
}
.text a {text-decoration: underline;}
.text ul, .text ol {padding: 7px 0 7px 25px; line-height: 1.5em;}
.text ul li {list-style: disc; padding: 0 0 5px 0;}
.text ol li {list-style: decimal; padding: 0 0 5px 0;}
.text a {color: #4d4d4f; text-decoration: none;}

/********************* home page *********************/
#home-top-slider {
	display: block;
	width: 990px;
	max-width: 99%;
	height: 543px;
	margin: 4px 0.5%;
}
/*#home-top-slider div { width:990px; height:543px; position:absolute; top:0px; left:0px; z-index:110; display:none; }*/
#upper-nav {
	position: absolute;
	right: 18px;
	top: 521px;
	z-index: 120;
}
#upper-nav a {
	display: block;
	float: left;
	background: url(images/slide-nav.png) no-repeat left top;
	margin-left: 3px;
	width: 11px;
	height: 10px;
	text-decoration: none;
	z-index: 130;
	text-indent: -9999px;
}
#upper-nav a:hover,
#upper-nav a.activeSlide {background-position: left bottom;}

/********************* meet the howards *********************/
#about-top { color:#675a50; font-size:19px; }

#about-box { background:#f2f0ef; margin: 0px 0px 20px 20px; padding: 15px 15px 18px 17px; width: 405px; }
#about-box h2 { color:#687982; font-size:18px; text-transform:uppercase; }
#about-box p { color:#7c6d61; font-size:14px; line-height:20px; }


/********************* collections header *********************/

#collection-header{
	display: flex;
	border-bottom: 1px solid #cbd1d4;
    margin-bottom: 25px;
    padding: 5px;
}

#collection-header .collection-item{
    width: 49%;
	margin: 0 5px 0;
}

#collection-text{
	padding: 25px 15px 0;
    box-sizing: border-box;
    border: 1px solid #cbd1d4;
}

#collection-header p{
	padding: 0 0 25px 0;
    line-height: 22px;
    font-size: 16px;
}

#collection-image img{
	width: 100%;
	height: 100%;
}

/********************* custom finishes, nail trim and pillows *********************/
.custom-header h1 {
	width: 255px;
	margin: 4px 1px 0px 4px;
	background: #e5e2df;
	font-size: 19px;
	color: #43535b;
	padding: 68px 0;
	float: left;
	text-transform: uppercase;
	text-align: center;
}
.custom-header div {
	min-height: 155px;
	background: #f2f0ef;
	width: 734px;
	margin-top: 4px;
	float: left;
	padding-top: 2px;
}
.custom-header div p {
	color:#262626;
	font-size: 17px;
	padding: 14px 2px 0px 14px;
	line-height: 22px;
}
#finishes-products,
#finishes-gallery {
	font-size: 0;
}

.instagram-placeholder-div{

	margin: 50px auto;

}



@media (max-width: 1024px) {
	#finishes-products,
	#finishes-gallery {
		text-align: center;
	}
}
#finishes-products a {
/*
	width: 337px;
	display: block;
	text-align: center;
	float: left;
	padding: 32px 47px 37px 94px;
	color: #515151;
*/
	display: inline-block;
	width: 50%;
	padding: 32px 0;
	text-align: center;
	color: #515151;
	font: 12px/17px georgia, times, "Times New Roman", serif;
}
#finishes-products a span {
	font: 15px/20px georgia, times, "Times New Roman", serif;
	color: #6b7b84;
	text-transform: uppercase;
}
#finishes-gallery a, .finish-spacer {
	width: 209px;
	display: inline-block;
	vertical-align: top;
	padding: 12px 20px;
	text-align: center;
	font: 13px/17px Georgia, Times, "Times New Roman", serif;
	color: #515151;
}
#finishes-gallery a .finish-head {
	color: #6b7b84;
	font-size: 15px;
	line-height: 33px;
	text-transform: uppercase;
}
#finishes-gallery a .finish-level {
	font-style: italic;
	display: block;
	padding-top: 8px;
}
#finishes-gallery img {
	width: 209px;
	height: 209px;
}
#finishes-gallery #striped-sample {clear: left;}
#finishes-products a:hover,
#finishes-products a:focus,
#finishes-gallery a:hover,
#finishes-gallery a:focus {color: #6a7a83;}
.finishes-sub-head {
	font-size: 19px;
	font-weight: normal;
	color: #43535b;
	text-transform: uppercase;
	clear: both;
	border-top: 1px solid #cbd1d4;
	margin: 20px 0;
	padding: 30px 0px 0px 40px;
}
#finishes-bottom-box {
	width: 99%;
	background: #f2f0ef;
	height: 60px;
	margin: 4px .5%;
}
.row-start {clear: left; margin-left: 17px;}
#custom-finish-footer {
	clear: both;
	text-align: center;
	background: #f2f0ef;
	line-height: 60px;
	margin: 4px;
	font-size: 16px;
	color:#515151;
}
#nail-title, #pillow-title{
	text-transform: uppercase;
	background: #e5e2df;
	text-align: center;
	margin: 4px;
	padding: 13px 0px;
	color: #43535b;
	font-size: 18px;
}

#nail-title-pdf-link {
    background: #e5e2df;
    text-align: center;
    margin: 4px;
    padding: 13px 0;
    color: #6a7a83;
    font-size: 15px;
    text-decoration: underline;
    display: block;
    margin-top: -22px;
    font-family: helvetica,arial,sans-serif;
}

.text.dealer-locator p {font-size: 17px;}
#pillow-gallery {padding-left: 52px;}
#pillow-title {margin: 4px 4px 44px;}
#pillow-gallery a {
	display: block;
	width: 264px;
	float: left;
	padding: 14px 17px 50px;
	text-align: center;
	font: 13px/17px Georgia, Times, "Times New Roman", serif;
	color: #515151;
}
#pillow-gallery a img {margin-bottom: 10px;}
#pillow-gallery a .pillow-head {
	color: #6b7b84;
	font-size: 15px;
	line-height: 26px;
	text-transform: uppercase;
}
#pillow-gallery a:hover,
#pillow-gallery a:focus {color: #6a7a83;}

/********************* gallery *********************/
#dealer-holder #bottom-nav-holder,#product-holder #bottom-nav-holder { width:325px; height:24px; font-size:8px; position:absolute; bottom:0; right:0; z-index:1000; }

#dealer-holder #bottom-nav-holder { bottom:1px; }

#bottom-nav { padding-top:4px; }

#bottom-nav p { padding:0; }

#sha { padding:0; float:left; color:#fff; margin:0 0 0 9px; text-transform:uppercase; }

#image-nav #show-details { text-decoration:underline; color:#fff; position:relative; top:1px; }

#image-items { display:inline; }

#image-nav { text-align:right;height:100%;opacity:0.8;filter:alpha(opacity=70);height:100%; }

.default { background:#000; }

#image-nav a { text-decoration:none; color:#6e6d4f; margin-right:9px;cursor:pointer; }

#image-nav a:hover, #image-nav a.activeSlide { color:#fdffff; }

#detail-container { position:absolute;background:url("images/detail-arrow.png") no-repeat scroll 20px bottom #fff;bottom:24px;left:22px;z-index:9000; padding:5px 5px 15px 5px; width:194px; }

#detail-container span { display:block;text-align:center;font-weight:bold;margin:0 0 10px 0; }

#detail-container p { margin:0 0 5px 15px; padding:0; }

#detail-container a { display:block;color:#000; margin:0 0 5px 15px; }

#close-detail { text-align:right;margin-top:-15px 0 0 0;text-decoration:none; }

#close-detail span { display:inline; }

#lightbox-container-image-data #lightbox-image-details { margin-top:4px; }

#lightbox-container-image-data-box #lightbox-image-details-caption { text-transform:uppercase; font:16px/21px georgia, times, "times new roman", serif; color:#6b7b84; font-weight:normal; }
#lightbox-container-image-data-box #lightbox-image-details-currentNumber { font:16px/21px helvetica, arial, sans-serif; color:#78796c; }

#lightbox-container-image-data-box #lightbox-secNav-btnClose img { width:67px; height:14px; margin-top:8px; }

/********************* search *********************/
input, button, textarea, select { border:none; color:#fff; font-size:14px; padding:5px 10px; background:#91867d; line-height:26px; height:auto; float:left; }

select { height:26px; padding:3px 3px 2px 4px; margin-right:1px; line-height:26px; }

.search-box,.search-gallery { float:left; position:relative; }

.search-gallery { margin-left:70px; position:relative; }

#poster-dealer,#poster-products { width:530px; height:555px; position:relative; }

#dealer-search-box, .search-box { width:288px; margin:0px; }
#international-search { width:295px; margin:0px; }

#dealer-search-box form p { margin:0; padding:0 0 44px 0; }

#product-search-box .search-group { clear:left; margin:0; padding:0 0 44px 0; }
#product-search-box .search-group.extra-padding { padding-top:20px; position:relative; }

#search_form { position:relative; padding-top:10px; }

.button-image { vertical-align:bottom; padding:0px; margin-right:6px; }
.button-image:hover, .button-image:focus { background:#7e7166; cursor:pointer; }

.slide-button-over { position:relative; left:-4px; }

#trade-search { padding:18px 0 24px; }

.dealer-result { padding:0px; margin:30px 0px; }

#dealer-search-gallery { height:auto; width:540px; font:15px/20px georgia, verdana, sans-serif; color:#535353; }

#main-dealer-search label { color:#3d332c; font-size:15px; }

label { line-height:30px; }
label.label-box { text-align:center; background:#91867d; font-size:14px; color:#fff; height:16px; padding:5px 10px; line-height:16px; margin-right:1px; float:left; }

#zip-search {  }

input.dealer-go { height:26px; width:30px; padding:0px; text-align:center; line-height:26px; }
input.dealer-go:hover, input.dealer-go:focus { background:#7e7166; cursor:pointer; }
input.dealer-go.slide-left { left:0px; }
input.dealer-go.no-slide { left:0px; }

#dealer-head h1 {
	text-align: center;
	text-transform: uppercase;
	color: #43535b;
	font-size: 19px;
	padding: 36px 0;
	margin-left: 4px;
	background: #e5e2df;
	width: 260px;
	float: left;
}
#dealer-head p {
	background: #f2f0ef;
	margin: 4px 4px 0px 265px;
	padding: 25px 10px 24px 22px;
	font-size: 17px;
	line-height: 22px;
	color: #262626;
}
#search_form label { color:#3d332c; font-size:15px; }
#search_form select { width:198px; }

#dealer-search-gallery .dealer-title { color:#262626; text-transform:uppercase; }

#dealer-search-gallery .dealer-subtitle { }

#dealer-search-gallery a { color:#50809b; text-decoration:underline; }
#dealer-search-gallery a:hover { color:#262626; }

.result-name { font-weight:normal; font-size:18px; color:#262626; }

.dealer-distance { display:block; margin:12px 0px;}

.no-distance .dealer-distance { display:none; }

#dealer-search-gallery p { padding-bottom:0px; }

.empty-portfolio { margin:45px 0px 35px 28px; }

.text.custom-landing { padding-bottom:0px; }

.button-image { height:26px; }
input.input-border { height:16px; margin-right:1px; }

input.dealer-go.no-slide { }

#dealer-search-box #state { width:190px; }

#mmh-committed-dealer { font-size:16px; margin-top:45px; }
#mmh-committed-dealer span { font-size:18px; }

.international-dealer #email-block { display: block; padding-left: 48px; margin-top: -20px; }

/********************* auto suggest *********************/
.suggestDiv { font-size:13px; cursor:pointer; display:block; margin:0px; padding:8px 10px; }
.suggestDiv:hover { background:#eee; cursor:pointer; }

#suggestName, #suggestItemNum { z-index:50000; position:absolute; bottom:27px; left:0px; width:199px; display:none; border:1px solid #191919; background:#fff; padding:10px 0px; }

#product-search-box #suggestName, #product-search-box #suggestItemNum { left:199px; bottom:-5px; }

/********************* product results *********************/
#search-results-summary { position:relative; }

#search-results-pages { padding: 15px 0px 0px; }

#search-results-pages a { font:13px helvetica, arial, sans-serif; color:#675a50; }

#search-results-pages a:hover { color:#6a7a83; }
#search-results-pages #current-page, #search-results-pages .current_portfolio_page { font-weight:bold; color:#191919; }

#search-criteria { padding:5px 0 5px 0; color:#4d4d4f; font-size:17px; }
#search-criteria a { color:#4d4d4f; font-size:17px; }
#search-criteria a:hover, #search-criteria a:focus { color:#6a7a83; }

#search-results, #search-result { padding:22px 0 32px 14px; }
.portfolio #search-results-pages { padding-left:28px; }
.portfolio #search-results { padding-left:9px; }
.search-detail #search-result { padding-left:0px; }

.modify-search { position:absolute; right:10px; top:5px; text-transform:uppercase; color:#675a50; font-size:15px; }
.modify-search:hover, .modify-search:focus { color:#6a7a83; }

.result { float:left; width:150px; min-height:150px; position:relative; padding:0px 22px; margin:20px 0 100px; text-align:center; }

#search-results .result { color:#675a50; font:13px/18px helvetica, arial, sans-serif; }

.result-thumb { /*min-height:90px;*/; }

.result-info { width:100%; /*padding:10px 0 0 0;*/ position:absolute; top:75%; left:0; }

.result-info-portfolio { top:85%; }

.result-info a { display:block; width:100%; height:100%; padding:5px 0 5px 0; font:13px helvetica, arial, sans-serif; color:#6a7b84; }
.result-info a strong { font-weight:bold; color:#675a50; }

#search-results .result .search-item-title { color:#675a50; }

.result-info a:hover { background:url(images/result-hover.jpg) repeat-x center bottom; }

#search-result-detail,#search-result-photo { float:left; }

#search-result-detail { width:325px; }
#related-items p, #search-result-detail, #result-description p { font:13px/18px helvetica, arial, sans-serif; color:#6a7b84; }

#related-items p a { color:#6a7b84; }
#related-items p a:hover, #related-items p a:focus { color:#675a50; }

#search-result-detail h2, #search-result-detail strong { font-weight:bold; font-size:14px; color:#675a50; }

#search-result-photo { width:498px; text-align:center; margin-left:5px; }

#photo-nav,#roomscene { padding:10px 0 10px 0; }

#photo-nav a { padding:0 8px 0 8px; font:15px Georgia, Times, "Times New Roman", serif; color:#675a50; font-weight:normal; }
#photo-nav a:hover, #photo-nav a:focus { color:#6a7a83; }

#roomscene a { opacity:.50; /* Standard:FF gt 1.5, Opera, Safari */filter:alpha(opacity=50); /* IE lt 8 */-ms-filter:"alpha(opacity=50)"; /* IE 8 */-khtml-opacity:.50; /* Safari 1.x */-moz-opacity:.50; /* FF lt 1.5, Netscape */ padding:0 10px 0 10px; }

#roomscene a:hover { opacity:1; /* Standard:FF gt 1.5, Opera, Safari */filter:alpha(opacity=100); /* IE lt 8 */-ms-filter:"alpha(opacity=100)"; /* IE 8 */-khtml-opacity:1; /* Safari 1.x */-moz-opacity:1; /* FF lt 1.5, Netscape */; }

#related-items { padding:10px 0 10px 0; }

#result-description { padding:10px 0 0 0; }

.pager a { float:left; margin-right:10px; }
#search-results-pages .prev-arrow, #search-results-pages .next-arrow, #view-all a { font:13px georgia, times, "times new roman", serif; font-style:italic; display:block; float:left; margin:0px 13px; background:url(images/arrow-sprite.png) no-repeat; }

#search-results-pages .prev-arrow { padding-left:12px; background-position:left 2px; }
#search-results-pages .next-arrow, #view-all a { padding-right:12px; background-position:right -24px;  }

#search-results-pages .prev-arrow:hover { background-position:0px -13px; background-position:left -11px; }
#search-results-pages .next-arrow:hover, #view-all a:hover { background-position:right -37px; }



/********************* user *********************/

#user { width:180px; text-transform:uppercase; position:relative; padding:50px 0px 70px; left:-30px; }

#user ul { margin:0; padding:0; border-top:1px solid #CBD1D4; border-bottom:1px solid #CBD1D4; }

#user li { display:block; width:100%; border-bottom:1px solid #CBD1D4; margin:0; padding:0; }

#user li.user-last { border:none; }

#user a { color:#675a50; text-decoration:none; display:block; margin:0; padding:0px 0px 0px 30px; height:27px; line-height:30px; font-size:13px; }
#user a:hover, #user a:focus { color:#6a7a83; }

input:-webkit-autofill, .text-input { border:1px solid #91867D; background:#91867D; color:#fff; background-image:none; }

.errors { color:red; }

.delete-my-account, #send-portfolio { position:absolute; text-transform:uppercase; color:#675a50; font-size:15px; }
.delete-my-account:hover, #send-portfolio:hover { color:#6a7a83; }
.delete-my-account { bottom:20px; right:35px; }
#send-portfolio { top:2px; right:30px; }

.tool-bar { }

#login-head {padding: 4px;}
#login-head h1 {
	color: #43535b;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	background: #e5e2df;
	padding: 40px 0;
	width: 260px;
	float: left;
}
#login-head p {
	margin-left: 261px;
	background: #f2f0ef;
	font-size: 17px;
	line-height: 22px;
	color: #262626;
	padding: 17px 34px 17px 18px;
}
#login-head p.reset {min-height: 46px; padding-top: 37px;}
#login-head p.register {min-height: 56px; padding-top: 27px;}
#login-body {margin: 29px 0px 60px 282px;}
#login-body p {margin-bottom: 32px; clear: left;}
#login-body p.left {float: left; margin-right:40px;}
#login-body a {color: #365464; text-decoration: underline;}
#login-body a:hover, #login-body a:focus {opacity: .98; filter: alpha(opacity=98);}
.login-button {
	margin-top: 18px;
	margin-bottom: 24px;
	padding: 0px 8px 6px;
	height: 26px;
	line-height: 26px;
}
.registration .login-button {margin-top: 22px; margin-bottom: 0px;}
.login-button:hover, .login-button:focus {background: #7e7166; cursor: pointer;}
#search-results-summary h1 {
	font-size: 18px;
	text-transform: uppercase;
	color: #675a50;
	margin-bottom: 0;
}
.portfolio #search-results-summary h1 {text-indent: 28px;}

/********************* misc *********************/
#newest p.first { color:#4d4d4f; padding:131px 0 10px 10px; font:16px/20px "Garamond Light", garamond-light, garamond, "Hoefler Text", "Times New Roman", Times, serif; }

#newest p { margin:0 0 6px; padding:0 0 0 10px; }

#newest .new-intros-link a { display:block; padding:8px 0 6px 23px; width:244px; margin:0; background:url(../images/ads/newest-arrow.png) no-repeat 5px center; font:14px/14px "Garamond Book" garamond-book, garamond, "Hoefler Text", "Times New Roman", Times, serif; }

#newest .new-intros-link a:hover { background-color:#e6e7e8; }

.ad { float:left; width:253px; margin-left:15px; padding-bottom:15px; }
.ad.first { clear:left; margin-left:0; }

.ad img { width:252px; height:326px; }

.ad, .ad a { color:#666769; }

.ad h2, .ad h3, .ad p { font:11px arial, helvetica, sans-serif; }

.ad h2 { font-weight:bold; padding:0; margin:6px 0 0; }

.ad h3 { font-weight:normal; font-size:12px; padding:0; margin:6px 0 0; }

.ad p { margin:0; padding:0; }

.ad-spacer { clear:both; width:100%; height:20px; }

.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

#catalog-wrapper {
    padding: 0 25px;
    font-size: 0;
}

.catalog-download {
	display: inline-block;
	margin: 15px 40px;
	width: 230px;
	font-size: 16px;
	vertical-align: top;
}

.catalog-download p {
    text-transform: uppercase;
    text-align: center;
    color: #6b7b84;
}
#mobile-nav {display: none;}


#lightbox-container-image-box {
	max-width: 695px;
	height: auto !important;
}
#lightbox-container-image-data-box {
	max-width: 675px;
}
#lightbox-nav a {
	height: 100% !important;
}
#lightbox-nav a#lightbox-nav-btnPrev:hover {
	background-image: url("images/lightbox-btn-prev.png?v1.0.1") !important;
}
#lightbox-nav a#lightbox-nav-btnNext:hover {
	background-image: url("images/lightbox-btn-next.png?v1.0.1") !important;
}

@media only screen and (max-width: 999px) {
	#rapper {max-width: 96%; padding: 0 2%;}
	#home-top-slider {height: auto; /*padding-bottom: 54.2%;*/}
	.custom-header h1, #login-head h1, #dealer-head h1 {
		width: 95%;
		padding: 10px 2%;
		margin: 4px .5%;
		text-align: left;
		float: none;
	}
	.custom-header div, #login-head div, #dealer-head div {
		width: 99%;
		padding: 0 0 10px;
		margin: 5px .5%;
	}
	#dealer-head {padding: 4px;}
	#login-head p, #dealer-head p {margin: 0;}
	#login-body {margin: 20px 2%;}
	.finishes-sub-head {padding: 30px 0px 0px 20px;}
	#finishes-products a {padding: 30px 3%; max-width: 94%;}
	.row-start {clear: none; margin-left: 0;}
	#pillow-gallery {padding-left: 0;}
	#footer #search_form {
		max-width: 60%;
		display: inline-block;
		padding-bottom: 20px;
	}
	#footer #search_form > div {float: none;}
	#footer-big-nav {
		width: 105px;
		margin-top: 10px;
		padding-right: 10px;
		padding-left: 10px;
	}
	#footer-big-nav li {
		float: none;
		text-align: right;
		width: 100%;
		line-height: 1.6;
	}
	#footer-little-nav {margin-left: 10px;}
	#footer-little-nav li {line-height: 1.6;}
	#footer-little-nav a {float: none; padding-right: 0;}
	#copyright {padding: 20px 5%;}
}
@media only screen and (max-width: 819px) {
	/*
	.top-nav {
		position: absolute;
		top: 113px;
		left: 200px;
	}
	.top-nav.inside {left: 10px;}
	*/

	#mmh-leather-filter-form {

		display: block !important;

	}


	#mmh-leather-filter-form .form-control {

		margin: 10px 0 0;
	}

	.right-floater {float: none; margin: 0;}
	#about-box {
		width: 84%;
		padding: 15px 4% 18px;
		margin: 0 4% 20px;
	}
	#mast {height: 194px;}

	/* MOBILE MENU */
	.nav-wrapper {
        display: none;
        float: left;
        height: 20px;
        position: absolute;
        width: 100%;
        cursor: pointer;
        margin: 2px 0 0 0;
        z-index: 900;
        top: 192px;
        left: 2%;
    }
    #mast .top-nav {
        cursor: pointer;
        background: #fff;
        padding-top: 10px !important;
        border-bottom: 1px solid #c9cfd3;
        float: left;
        margin-top: 0;
    }
    #mobile-nav {
        content: "";
        display: inline-block;
        font-size: 32px;
        width: 36px;
        height: 6px;
        border-top: 16px double #91867d;
        border-bottom: 5px solid #91867d;
        text-indent: -9999em;
        vertical-align: bottom;
        float: left;
        clear: left;
        margin: 10px;
    }
    .top-nav li ul {top: 30px !important;}
    .top-nav li ul li {border: none !important; padding-bottom: 10px;}
    .top-nav li.sub-inside:hover a.border-me,
    ul.sf-menu li ul {border: none !important;}
    ul.sf-menu li ul {background: #fff; width: 182px;}
    ul.sf-menu li ul li {background: none; border: none;}
    ul.sf-menu li ul li a.last-sub {border-bottom: none;}
    ul.sf-vertical li:hover ul,
    ul.sf-vertical li.sfHover ul {left: 0;}
}
@media only screen and (max-width: 599px) {
	h2#logo {/*max-width: 80%;*/}
	.text {padding: 20px 10px;}
	#dealer-search-box.search-box {width: 100%;}
	#dealer-search-gallery.search-gallery {width: 100%; margin-left: 0;}
	/*#search-criteria {max-width: 50%;}*/
	#search-result-photo {max-width: 100%; margin: 0;}
	#send-portfolio {
		max-width: 30%;
		top: 50px;
		right: 5px;
		text-align: right;
	}
	input.dealer-go {width: 48px;}
	#user {left: -10px;}
}
@media only screen and (max-width: 499px) {
	#mast {height: 170px;}
	.nav-wrapper {top: 170px}
	.text a {word-break: break-all}

	/* Fix for lightbox */
	#lightbox-container-image-box,
	#lightbox-container-image-data-box {
		max-width: 300px !important;
		height: auto !important;
	}
	#lightbox-container-image-data-box {
		padding: 0 !important;
	}
	#lightbox-nav a {
		height: 100% !important;
	}
	/* end fix */
}
@media only screen and (max-width: 439px) {
	#search-results,
	#finishes-gallery,
	#finishes-products,
	#pillow-gallery {text-align: center;}
	#search-results .result,
	#finishes-gallery a,
	#finishes-products a,
	#pillow-gallery a {display: inline-block; float: none;}
}
@media only screen and (max-width: 401px) {
	#mast {height: 160px;}
	.nav-wrapper {top: 160px;}
	#mast .top-nav {left: 50%; max-width: 49%;}
	#mast .top-nav a {padding-left: 6px;}
	#search-result-detail {max-width: 100%;}
}

.social-icon-div{
  width:  100%;
  clear:  both;
}

.social-links {
    margin-right: 5px;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}

.social-icons {
    width: 30px;
    height: 30px;
}


.sherrill-brands-footer-links {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px 0;
  border-radius: 3px;
  background-color: hsla(30, 10%, 59%, .15);
  text-align: center;
  clear: both;
}

.footer-headings {
  margin-top: 0px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cacaca;
  font-family: Merriweather, serif;
  color: #9b9b9b;
  font-size: 23px;
  line-height: 130%;
  font-weight: 300;
  text-align: center;
}

.footer-brands-flex-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sherrill-brand-footer-links {
  width: 150px;
  margin: 20px 40px;
  opacity: 0.6;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.sherrill-brand-footer-links:hover {
  opacity: 1;
}

.sherrill-brand-footer-links:active {
  opacity: 0.75;
}

.div-block-40 {
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .sherrill-brand-footer-links {
    width: 200px;
  }
}

@media (max-width: 479px) {
  .footer-headings {
    font-size: 16px;
  }
}

/*nail trim*/

.nail-head-triim-matrix-title-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 1px solid #d1d1d1;
}

.section-headings {
  margin-top: 80px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d1d1d1;
  /*font-family: Lato, sans-serif;*/
  /*color: #686868;*/
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
}


.section-headings-without-top-padding {
  margin-top: 0px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d1d1d1;
  /*font-family: Lato, sans-serif;*/
  /*color: #686868;*/
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.nail-head-trim-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 1px solid #b3b3b3;
}

._16-col {
  width: 16.666%;
  padding-bottom: 15px;
  border-left: 1px solid #d1d1d1;
  text-align: center;
}

._16-col._16-column-1 {
  border-left-style: none;
}

._16-col._16-col-spacing {
  border-right: 1px solid #d1d1d1;
  border-left-style: none;
}

.nail-head-finish-titles {
  margin-top: 0px;
  margin-bottom: 10px;
  /*font-family: Lora, sans-serif;*/
  /*color: #686868;*/
  line-height: 100%;
  font-weight: 400;
  font-size: 16px;
}

.nail-head-sizes {
  /*font-family: Lato, sans-serif;*/
  color: #686868;
  line-height: 100%;
}

.div-block-10 {
  width: 100%;
  padding-top: 25px;
  padding-bottom: 15px;
  padding-left: 15px;
}

.nail-head-images {
    margin-bottom: 15px;
}

.nail-head-images.nail-head-images-4 {
  width: 74%;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(.455, .03, .515, .955);
  transition: -webkit-transform 300ms cubic-bezier(.455, .03, .515, .955);
  transition: transform 300ms cubic-bezier(.455, .03, .515, .955);
  transition: transform 300ms cubic-bezier(.455, .03, .515, .955), -webkit-transform 300ms cubic-bezier(.455, .03, .515, .955);
}

.nail-head-images.nail-head-images-4:hover {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

.nail-head-images.nail-head-images-4:active {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
}

.nail-head-images.nail-head-images-3 {
  width: 69%;
}

.nail-head-images.nail-head-images-2 {
  width: 54%;
}

.nail-head-images.nail-head-images-1 {
  width: 39%;
}

.nail-head-images.nail-head-images-0 {
  width: 35%;
}

.nail-head-images.nail-head-images-spacing {
  width: 7%;
}

.nail-head-images.nail-head-images-spacing.nail-head-images-spacing-spaced {
    margin-right: 5%;
}

.customize-titles{
	font-size: 16px;
}

.disclaimer-text{
	font-size: 13px;
	font-style: italic;
	line-height: 1.5em
}

.sale-banner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 15px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #91867d;
}
.jump-start-banner-text {
	font-family: 'Roboto Slab', sans-serif;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
	margin-right: 15px;
	text-transform: uppercase;
}
.jump-start-banner-text2 {
	font-family: 'Roboto Slab', sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
}
.link-2 {
	font-family: Lato, sans-serif;
	color: #fff;
	font-weight: 300;
	text-decoration: underline;
}

.get-assistance-form-container,
.schedule-form-container,
.req-quote-form-container {
	position: absolute;
	padding-top: 100px;
	left: 0%;
	top: 0%;
	right: auto;
	bottom: auto;
	z-index: 6000;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	/* display: flex; */
	width: 100%;
	padding-top: 100px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: none;
}
.schedule-form-container *,
.get-assistance-form-container *,
.req-quote-form-container * {
	box-sizing: border-box;
}
.get-assistance-tile {
	position: relative;
	width: 650px;
	margin: 25px;
	padding: 70px 50px 40px;
	background-color: #fff;
	box-shadow: 0 0 9px -1px rgba(0, 0, 0, 0.55);
	max-width: 100%;
}
.assistance-close-button,
.req-quote-close-button,
#dealer-assist {
	position: absolute;
	left: auto;
	top: 1%;
	right: 0%;
	bottom: auto;
	margin-top: 10px;
	margin-right: 10px;
	padding: 7px;
	background-color: #686868;
	-webkit-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
	font-family: Vollkorn, serif;
	color: #fff !important;
	font-size: 11px;
	line-height: 100%;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
}

#dealer-assist{
	position: relative;
	left: 0;
	top: 0;
	text-decoration: none !important;
}

.dealer-assist{
	margin: 10px 0;
}
.text-block-40 {
	margin-bottom: 10px;
	font-family: Vollkorn, serif;
	font-size: 20px;
	text-align: center;
}
.text-block-47 {
	margin-bottom: 30px;
	font-family: 'Roboto Slab', sans-serif;
	font-size: 13px;
	line-height: 130%;
	text-align: center;
}
.w-form {
	margin: 0 0 15px;
}
.form-item {
	margin: 0.5em 0;
}
#webform-client-form-902.webform-client-form label,
#webform-client-form-903.webform-client-form label,
#webform-client-form-905.webform-client-form label {
	display: inline-block;
	font-family: Vollkorn, serif;
	color: #686868;
	font-size: 16px;
	font-weight: 400;
}
#webform-client-form-902.webform-client-form label.error,
#webform-client-form-903.webform-client-form label.error,
#webform-client-form-905.webform-client-form label.error {
	color: #c00;
}
#webform-client-form-902.webform-client-form .form-checkboxes label,
#webform-client-form-903.webform-client-form .form-checkboxes label,
#webform-client-form-905.webform-client-form .form-checkboxes label  {
	font-family: Lato, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: normal;
}



#webform-component-i-want-to-know-about-new-product-introductions-and-promotions{
	clear:both;
}


#edit-submitted-i-want-to-know-about-new-product-introductions-and-promotions.form-checkboxes{
	display: block;
}

 .shrf-form #webform-component-i-want-to-know-about-new-product-introductions-and-promotions label{
    display: none !important;
}

#webform-component-i-want-to-know-about-new-product-introductions-and-promotions label.option{

    display: inline-block !important;
	font-family: Vollkorn, serif;
	color: #686868;
	font-size: 16px;
	font-weight: 400;
}

.webform-client-form .form-checkboxes .form-item.form-item-submitted-i-want-to-know-about-new-product-introductions-and-promotions-yes{
    width: 100% !important;
}


.webform-client-form .form-checkboxes .form-item,
.webform-client-form .form-checkboxes .form-item {
	width: 33.3%;
	margin: 0 0 5px;
}
.shrf-form .form-checkboxes,
.shrf-form .form-radios {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.shrf-form .form-type-checkbox,
.shrf-form .form-type-radio {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 33.3%;
	   -moz-box-flex: 0;
	    -ms-flex: 0 0 33.3%;
	        flex: 0 0 33.3%;
	margin: 0;
	width: 33.3%;
}
.shrf-form input[type="checkbox"],
.shrf-form input[type="radio"] {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	margin-right: 5px;
	padding: 0;
}
.shrf-form input[type="radio"] {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}

#webform-client-form-902.webform-client-form .webform-component-textarea,
#webform-component-markup,#webform-client-form-903.webform-client-form .webform-component-textarea {
	clear: both;
}
#webform-client-form-902.webform-client-form .webform-component-textfield,
#webform-client-form-902.webform-client-form .webform-component-email,
#webform-client-form-903.webform-client-form .webform-component-textfield,
#webform-client-form-903.webform-client-form .webform-component-email,
#webform-client-form-905.webform-client-form .webform-component-textfield,
#webform-client-form-905.webform-client-form .webform-component-email {
	width: 48%;
	float: left;
}


#webform-client-form-902.webform-client-form #webform-component-email-address,
#webform-client-form-902.webform-client-form #webform-component-zip-code,
#webform-client-form-903.webform-client-form #webform-component-email-address,
#webform-client-form-903.webform-client-form #webform-component-zip-code,
#webform-client-form-905.webform-client-form #webform-component-email-address,
#webform-client-form-905.webform-client-form #webform-component-zip-code {
	margin-left: 10px;
}
.form-submit {
	margin-left: 5px;
	background-color: #686868;
	-webkit-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
	font-family: Vollkorn, serif;
	font-size: 12px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 9px 15px;
	color: white;
	border: 0;
	line-height: inherit;
	text-decoration: none;
	cursor: pointer;
	border-radius: 0;
	text-transform: uppercase;
	height: auto;
	margin: 0.5em 0 0;
}
#webform-client-form-902.webform-client-form input[type="text"],
#webform-client-form-902.webform-client-form input[type="email"],
#webform-client-form-902.webform-client-form input[type="number"],
#webform-client-form-902.webform-client-form textarea,
#webform-client-form-903.webform-client-form input[type="text"],
#webform-client-form-903.webform-client-form input[type="email"],
#webform-client-form-903.webform-client-form input[type="number"],
#webform-client-form-903.webform-client-form textarea {
	display: block;
	width: 100%;
	height: 38px;
	padding: 8px 12px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333333;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
#webform-client-form-902.webform-client-form textarea,
#webform-client-form-903.webform-client-form textarea,
#webform-client-form-905.webform-client-form textarea {
	display: block;
	margin: 0;
	height: auto;
	width: 100%;
}

.shrf-request-quote input {
	box-sizing: border-box;
	max-width: 100%;
}

.shrf-request-quote input[type="text"],
.shrf-request-quote input[type="email"],
.shrf-request-quote input[type="number"],
.shrf-request-quote textarea {
	display: block;
	width: 100%;
	height: 38px;
	padding: 8px 12px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333333;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

#webform-client-form-905.webform-client-form #webform-component-additional-products {
	margin-left: 22px;
}
#webform-client-form-905.webform-client-form #webform-component-your-name.webform-component-textfield {
	float: none;
	width: 100%;
	clear: both;
}
.shrf-request-quote #webform-component-phone,
.shrf-request-quote #webform-component-website,
.shrf-request-quote #webform-component-email-address {
	margin-left: 10px;
}


#webform-client-form-905.webform-component-custom-fabric-name{
	display: none;
}




.request-a-quote-div {
	margin-top: 20px;
	margin-bottom: 20px;
	}

.small{
	font-size: 12px;
}

.request-a-quote-div .w-button {
	display: inline-block;
	color: white;
	border: 0;
	line-height: inherit;
	text-decoration: none;
	cursor: pointer;
	border-radius: 0;
}
.button-raq {
	padding: 14px 25px 10px;
	border: 1px solid #fff;
	background-color: #6a7b84;
	-webkit-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
	font-family: Vollkorn, serif;
	font-size: 15px;
	line-height: 130%;
	font-weight: 400;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.text-span-4 {
	font-size: 10px;
	letter-spacing: 0.5px;
}


/*#webform-client-form-903.webform-client-form input[type="text"],
#webform-client-form-903.webform-client-form input[type="email"],
#webform-client-form-903.webform-client-form textarea{
	width: 90%;
}*/

#copy.safe-clean{
	border: none;
}


.safe-clean-flex-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.safe-and-clean-subheading {
  margin-top: 60px;
  margin-bottom: 40px;
  border-bottom: 1px solid #b3b3b3;
  color: #615b5d;
  font-size: 21px;
  line-height: 160%;
  font-weight: 400;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.safe-and-clean-tiles {
  margin-bottom: 50px;
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
}

.body-copy-craftsmanship{
	font-family: sans-serif;
	color: #615b5d;
	font-size: 22px;
    line-height: 1.35em;
}

.text-block-44 {
	font-family: sans-serif;
	font-size: 13px;
	line-height: 1.25em;
}

.safe-and-clean-heading {
  margin-top: 60px;
  color: #615b5d;
  line-height: 130%;
  font-weight: 300;
  font-size: 40px;
}

.text-block-43 {
  margin-bottom: 10px;
  font-size: 19px;
  color: #615b5d;
}

.col-20-safe-and-clean {
  width: 20%;
}

._2nd-nav-icons._2nd-nav-icon-safe {
    position: relative;
    top: -1px;
    margin-right: 5px;
    font-size: 16px;
    font-family: Lillian august;
}

@media screen and (max-width: 991px){
    .col-20-safe-and-clean {
        width: 33.333%;
    }


	#collection-image img{
		width: auto;
		height: auto;
	}
}

@media screen and (max-width: 767px){
    .col-20-safe-and-clean {
        width: 50%;
    }

  .shrf-form .form-checkboxes, .shrf-form .form-radios{
  	display: block;
  }

	#webform-client-form-902.webform-client-form .form-checkboxes .form-item,
	#webform-client-form-905.webform-client-form .form-checkboxes .form-item {
	width: 100%;
	margin: 0 0 5px;
	}

	.shrf-form .form-type-checkbox, .shrf-form .form-type-radio{
		width: 100%;
	}

	.shrf-form input[type="radio"] {

		 top: 15px;
	}

	#webform-client-form-905.webform-client-form #webform-component-additional-products,#webform-client-form-902.webform-client-form .webform-component-textfield, #webform-client-form-902.webform-client-form .webform-component-email, #webform-client-form-903.webform-client-form .webform-component-textfield, #webform-client-form-903.webform-client-form .webform-component-email, #webform-client-form-905.webform-client-form .webform-component-textfield, #webform-client-form-905.webform-client-form .webform-component-email {
		width: 100%;
		margin-left: 0;
	}

	#webform-client-form-902.webform-client-form #webform-component-email-address, #webform-client-form-902.webform-client-form #webform-component-zip-code, #webform-client-form-903.webform-client-form #webform-component-email-address, #webform-client-form-903.webform-client-form #webform-component-zip-code, #webform-client-form-905.webform-client-form #webform-component-email-address, #webform-client-form-905.webform-client-form #webform-component-zip-code {

		margin-left: 0;
	}



	#collection-header{
		display: block;
	}

	#collection-header .collection-item{

		width: 100%;
	}


}


.safe-and-clean-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 280px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #675a50 !important;
    text-decoration: none;
    margin: 25px 0;
    text-transform: none !important;
    font-size: 15px !important;
}

.link-block-5 {
    width: 75px;
    position: relative;
    top: 5px;
}

.text-block-45 {
    margin-right: 10px;

}

.text-block-46 {
    line-height: 18px;
}


a.safe-and-clean-icon.w-inline-block:hover{
    color: #6a7a83 !important;
    text-decoration: none;
}

.front .also-of-interest-flex-box.max-1200{
    max-width: 100%;
}

.safe-and-clean-bottom-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #877a71;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}

.bold-text{

	font-size: 20px;
}


.safe-and-clean-bottom-link .text-block-48 {
    margin-left: 10px;
}


.safe-and-clean-bottom-icon {
    font-family: 'Lillian august', sans-serif;
    font-size: 24px;
}

.region-postface-first{
    width: 100%;
}


.wood-finish-care-info-div ol{
	margin: 30px 0 0 30px;
}

.wood-finish-care-info-div ol li{
	 list-style-type: decimal;
	 margin: 0 0 15px;
}


.wood-finish-care-info-div {
    width: 100%;
}

.wood-finish-care-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    margin: auto;
}

.link-block-6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    text-decoration: none;
    width: 100% !important;
    text-align: left !important;
    font-size: 16px !important;
}

.div-block-64 {
    width: 5%;
}


.text-block-49 {
    font-size: 20px;
    line-height: 100%;
}

.link-block-8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    margin: 15px 0;
}

.image-40 {
    width: 20px;
    margin-right: 7px;
    }

    .image-39 {
    width: 30px;
    margin-right: 10px;
}


.div-block-66 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/*get it custom get it quick pop up*/


.get-it-custom-tile {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 800px;
  padding: 90px 30px 70px 199px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  background-image: url('/images/101RBP_103F_1011-Front_0.png');
  background-position: -10% 50%;
  background-size: auto 90%;
  background-repeat: no-repeat;
  box-shadow: 0 0 5px -2px #000;
}

.text-block-38 {
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  color: #fff;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.get-it-custom-text {
  margin-bottom: 15px;
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  text-align: center;
}

.button {
  padding: 14px 25px 10px;
  border: 1px solid #fff;
  background-color: #809296;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: Vollkorn, serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.button:hover {
  background-color: #596c70;
}

.button:active {
  background-color: #809296;
}

.div-block-65 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.image-46 {
  width: 60%;
  margin-bottom: 30px;
}

.get-it-custom-close {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  margin-top: 15px;
  margin-right: 15px;
  padding: 5px;
  background-color: #877a71;
  cursor: pointer;
}

.get-it-custom-close:hover {
  background-color: #63564d;
}

.get-it-custom-close:active {
  background-color: #877a71;
}

.get-it-custom-link-div {
  width: auto;
}

.get-it-custom-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(transparent));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), transparent);
}

.button-2 {
  padding: 14px 25px 10px;
  border: 1px solid #fff;
  background-color: #877a71;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  font-size: 13px;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
}

.button-2:hover {
  background-color: #63564d;
}

.button-2:active {
  background-color: #877a71;
}

@media screen and (max-width: 991px) {
  .get-it-custom-tile {
    margin: 50px;
  }

  .get-it-custom-text {
    font-size: 16px;
    line-height: 18px;
  }
}

@media screen and (max-width: 767px) {
  .get-it-custom-tile {
    margin: 20px;
    padding: 50px 20px 30px 95px;
    background-image: url('/images/101RBP_103F_1011-Front_0.png');
    background-position: -15% 50%;
    background-size: auto 70%;
    background-repeat: no-repeat;
  }

  .text-block-38 {
    font-size: 10px;
  }

  .get-it-custom-close {
    margin-top: 10px;
    margin-right: 10px;
  }

  .get-it-custom-overlay {
    position: absolute;
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  .get-it-custom-tile {
    padding-right: 10px;
    padding-left: 10px;
    background-image: none;
    background-size: auto;
    background-repeat: repeat;
  }

  .button {
    text-align: center;
  }

  .div-block-65 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .image-46 {
    width: 80%;
    margin-top: 10px;
    margin-bottom: 15px;
  }
}

/*= #27107 - MMH Leathers Page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
.leathers-page * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#mmh-leather-filter-form ::-webkit-input-placeholder {
	color: #fff;
}
#mmh-leather-filter-form :-moz-placeholder {
	color: #fff;
}
#mmh-leather-filter-form ::-moz-placeholder {
	color: #fff;
}
#mmh-leather-filter-form :-ms-input-placeholder {
	color: #fff;
}
#mmh-leather-filter-form ::-ms-input-placeholder {
	color: #fff;
}
#mmh-leather-filter-form ::placeholder {
	color: #fff;
}

#mmh-leather-filter-form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 15px;
}
#mmh-leather-filter-form .form-control {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 100%;
	-moz-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	padding: 15px;
}
#mmh-leather-filter-form button,
#mmh-leather-filter-form input,
#mmh-leather-filter-form select {
	width: 100%;
}

#mmh-leather-filter-form input[type="text"] {
	height: 26px;
	line-height: 26px;
	padding: 3px 3px 2px 4px;
}
#mmh-leather-filter-form button {
	cursor: pointer;
	height: 26px;
	line-height: 26px;
	padding: 0px 15px;
}
#mmh-leather-filter-form button:hover {
	background-color: #7e7166;
}

.mmh-leathers {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 15px;
}
.mmh-leathers a {
	color: #675a50;
	display: block;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 33.3333%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 33.3333%;
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
	padding: 15px;
	text-align: center;
}
#mmh-leather-filter-form label,
.mmh-leathers h4,
#fancybox-content h4 {
	color: #675a50;
	font: 16px helvetica, arial, sans-serif
}

#fancybox-content {
	text-align: center;
	font: 14px helvetica, arial, sans-serif;
}

.mmh-leather-fancybox{
	max-width: 560px;
}

.header-img{
	text-align: center;
}

.drop{
	cursor:  pointer;
}

.drop-text{
	display:  none;
}

.nofloat{
	float: none;
}

.form-actions {
	clear: both;
	display: flex;
	align-items: center;
}
.form-actions p {
	margin: 0.5em 0.5em 0;
}
.form-actions :disabled {
	cursor: default;
	opacity: 0.5;
}
