/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

@font-face {
    font-family: 'eponymousblack';
    src: url('../media/fonts/eponymous-black_thefontsmaster.com-webfont.woff2') format('woff2'),
         url('../media/fonts/eponymous-black_thefontsmaster.com-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eponymousblackitalic';
    src: url('../media/fonts/eponymous-blackitalic_thefontsmaster.com-webfont.woff2') format('woff2'),
         url('../media/fonts/eponymous-blackitalic_thefontsmaster.com-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eponymousbold';
    src: url('../media/fonts/eponymous-bold_thefontsmaster.com-webfont.woff2') format('woff2'),
         url('../media/fonts/eponymous-bold_thefontsmaster.com-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eponymousbolditalic';
    src: url('../media/fonts/eponymous-bolditalic_thefontsmaster.com-webfont.woff2') format('woff2'),
         url('../media/fonts/eponymous-bolditalic_thefontsmaster.com-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eponymousitalic';
    src: url('../media/fonts/eponymous-italic_thefontsmaster.com-webfont.woff2') format('woff2'),
         url('../media/fonts/eponymous-italic_thefontsmaster.com-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eponymouslight';
    src: url('../media/fonts/eponymous-light_thefontsmaster.com-webfont.woff2') format('woff2'),
         url('../media/fonts/eponymous-light_thefontsmaster.com-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eponymouslightitalic';
    src: url('../media/fonts/eponymous-lightitalic_thefontsmaster.com-webfont.woff2') format('woff2'),
         url('../media/fonts/eponymous-lightitalic_thefontsmaster.com-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eponymousmedium';
    src: url('../media/fonts/eponymous-medium_thefontsmaster.com-webfont.woff2') format('woff2'),
         url('../media/fonts/eponymous-medium_thefontsmaster.com-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eponymousmediumitalic';
    src: url('../media/fonts/eponymous-mediumitalic_thefontsmaster.com-webfont.woff2') format('woff2'),
         url('../media/fonts/eponymous-mediumitalic_thefontsmaster.com-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eponymousregular';
    src: url('../media/fonts/eponymous-regular_thefontsmaster.com-webfont.woff2') format('woff2'),
         url('../media/fonts/eponymous-regular_thefontsmaster.com-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body { font-family: 'Open Sans', sans-serif; font-weight: 300; }
body #container-center { font-size: 12pt; }
/* Site */
.dhwidget.content-dhwidget img, .dhwidget.content-simplified-dhwidget img { height:auto !important; }

a { text-decoration: none; color: #000; }
a:hover { color: #ed3942; }
img { max-width: 100%; }
.content-dhwidget img { /*padding: 10px;*/ background: #fff; margin: 2%;/**/ box-sizing:border-box; }

#header { background: none; height: auto; position: relative; background-color: rgba(0, 0, 0, .7); height: 160px; line-height: 1.1; }
#inner #header { background: #000; }
#header-info { height: 160px; overflow: hidden; }
#header-content { position: relative; max-width:1140px; margin:0 auto; padding: 0 15px; height: 160px; }
#header-logo { margin: 0; width: 360px; height: 313px; float: left; display: block; padding: 0; position: absolute; top: 0; left: 0; }
#header-logo span { height: 100%; width: 100%; display: block; }
#header-logo .cleaver { background: url('../img/cleaver.png') no-repeat top right; }
#header-logo .logo { background: url('../img/logo.svg') no-repeat top 10px right 70px / 150px 150px; }
#header #navigation-container { width: 100%; max-width:1140px; }
#header .navigation { position: absolute; right: 15px; top: 0; padding: 12px 0 13px 0; border-right: 1px solid #666;}

#site-search { position: relative; }
#search-button { display: block; width: 16px; height: 16px; position: absolute; right: 6px; top: 4px; background: transparent url('../img/icon-search.svg') no-repeat center center / cover; }

#header .navigation > li { font-family: 'eponymousbold', serif; text-transform: uppercase; display: block; margin: 0; padding: 0; white-space: nowrap; text-align: center; }
#header .navigation > li:hover ul { display: block; position: absolute; white-space: nowrap; background: #fff; margin-top: 8px; border-radius: 0 5px 5px 5px; overflow: hidden; border-top: 6px #415b4e solid; }
#header .navigation > li ul { background: #fff; }
#header .navigation > li ul li { padding: 0; }
#header .navigation > li ul li a { text-transform: none; padding: 5px 15px; font-size: 13px; color: #415b4e; border-bottom: 1px solid #c3b091; background: #fff; display: block; width: 100%; }

#header .navigation a { font-size: 16px; padding: 8px 15px; box-sizing: border-box; color: #fff; border-bottom: 1px solid #666; display: block; }
#header .navigation a:hover { color: #ed3942;  }
#header .navigation > li:last-child a { border: none; }


#header .header-item { float: right; font-family: 'eponymousbold', serif; color: #fff; text-transform: uppercase; margin-right: 50px; }
#header .header-item a { color: #fff; }
#header .header-item a.phone { color: #ED3942; font-size: 27px; }
#header .header-item p { margin: 0; }
#header #cart-info.header-item { border-right: 1px solid #666; border-left: 1px solid #666; cursor: pointer; margin-top: 0; text-align: center; margin-right: 183px; padding-right: 10px; padding-left: 10px; background: transparent url('../img/icon-cart.svg') no-repeat left 15px top 20px / 60px 53px; padding-top: 84px; padding-bottom: 24px; }
#header #cart-info.header-item p { margin-bottom: 5px; }
#header #business-info.header-item { padding-top: 35px; padding-left: 30px; border-left: 1px solid #666; margin-right: 30px; padding-bottom: 31px; }
#header #business-info.header-item p { margin-bottom: 2px; }
#header #business-info.header-item p.weekend { padding-left: 55px; }
#menu-info { font-size: 45px; margin-top: 60px; }

#mobile-menu { display: none; position: absolute; top: 25px; right: 28px; padding: 7px 7px 1px 7px; line-height: 0; text-indent: -10000px; background: #415b4e; width: 41px; white-space: nowrap; }		
#mobile-menu span.line { background: #fff; width: 100%; height: 8px; display: block; margin: 0 auto 7px auto; }
/*#mobile-phone { display: none; background: transparent url('../media/images/icon-phone.svg') no-repeat center center / contain; width: 43px; height: 53px; }*/

.dhwidget a { text-decoration: underline; }
.dhwidget a:hover { }

#inner #cart-callouts { display: none; }
#index #title { display:none; }

#index #container { max-width:100%; padding:0; margin: 0; }
#inner #container { max-width:1140px; margin:25px auto 50px auto; padding: 0 15px; }
#container-left { display: none; }
#container-outer { max-width: 100%; padding: 40px 0; margin: 0; background: url('../img/callout-bg.jpg') no-repeat center center / cover; color: #fff; text-align: center; }
#index #container-outer { font-family: 'eponymousbold', serif; }
#index #container-outer h1 { font-size: 32px; margin: 10px 0; }
#index #container-outer h2 { font-size: 42px; text-transform: uppercase; margin: 10px 0; }
#index #container-outer p { font-size: 18px; margin: 10px 0; }
#index #container-outer a { display: inline-block; margin-top: 15px; font-size: 18px; padding: 8px 40px 8px 15px; text-transform: uppercase; color: #fff; background: #000 url('../img/icon-arrow.svg') no-repeat right 10px center / 20px 20px; }
#container-content { max-width:1140px; margin:0 auto; padding: 0 15px; overflow: hidden; }
#inner #pre-container { text-align: center; color: #fff; height: 300px; background-size: cover; background-image: url('../img/header-menu-bg.jpg'); }
#inner #pre-container h1 { font-family: 'eponymousbold', serif; font-size: 60px; margin: 0; padding-top: 125px; text-transform: uppercase; }
#inner #pre-container h2 { font-family: 'eponymousbold', serif; }
#inner #breadcrumb { display: none; clear: both; margin-bottom: 35px; }
#inner #breadcrumb li { float: left; margin-right: 5px; }
#inner #breadcrumb li:after { content:'\b7\a0'; }
#inner #breadcrumb li:last-child:after { content: none; }
#inner #breadcrumb a { margin-right: 10px; }
#inner #breadcrumb a.active { font-weight: bold; color: #000; }
.width-1-00 { margin: 0; padding: 0; width: 100%; }

#home-gallery { width:100%; padding-top:48%; position:relative; overflow:hidden;  }
.home-gallery-item { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center top; display:block; border-width:0; }
#home-gallery-index { text-align:center; position: relative; z-index: 2; margin-top: -35px; }
.home-gallery-index-item { cursor: pointer; display: inline-block; height: 10px; width: 10px; margin: 4px; background: none; border: 1px solid #fff; border-radius: 15px; }
.home-gallery-index-item.active { background: #fff; border: 1px solid #fff; }
#home-gallery-container { position: relative; margin-top: -230px; }
.home-gallery-content-container {   }
.home-gallery-content { display: block; margin: 160px auto 0 auto; max-width: 1140px; padding: 200px 15px 0 15px; font-family: 'eponymousbold', serif; color: #fff; text-align: center; } 
.home-gallery-content span { }
.home-gallery-content span.home-gallery-title { display: block; text-transform: uppercase; font-size: 42px; }
.home-gallery-content span.home-gallery-caption { display: block; font-size: 22px; margin: 25px 0; }
.home-gallery-content span.home-gallery-link { display: inline-block; font-size: 18px; padding: 8px 40px 8px 15px; text-transform: uppercase; color: #fff; background: #000 url('../img/icon-arrow.svg') no-repeat right 10px center / 20px 20px; }

#previous-slide { position: absolute; z-index: 99; top: 0; left: 15px; display: block; text-indent: -9999px; width: 30px; height: 100%; /*background: transparent url('../img/icon-slideshow-arrow-left.svg') no-repeat center center;*/ background-position: bottom 123px center; }
#next-slide { position: absolute; z-index: 99; top: 0; right: 15px;display: block; text-indent: -9999px; width: 30px; height: 100%; /*background: transparent url('../img/icon-slideshow-arrow-right.svg') no-repeat center center;*/ background-position: bottom 123px center; }





#index #products-container {  }
#index #products { max-width:1140px; margin:0 auto; padding: 0 15px 30px 15px; position: relative; }
#index #products h2 { color: #fff; font-weight: normal; margin: 0; padding: 30px 0 15px 0; }
#index #products .product { float: left; width: 21.3%; margin-right: 4.9%; text-align: center; box-sizing: border-box; border: 2px solid #C8A98D; border-radius: 5px; background: #fff; }
#index #products .product p { margin: 0; }
#index #products .product a.product-image { display: block; margin-top: 10px; }
#index #products .product p.product-title { font-weight: bold; color: #415b4e; font-size: 14px; }
#index #products .product p.product-price { font-weight: bold; color: #ff0000; }
#index #products .product a.product-buy { display: block; color: #fff; text-transform: uppercase; padding: 5px; background-color: #C8A98D; font-weight: bold; margin-top: 5px; }
#index #products .product:nth-child(5) { margin-right: 0; }
#index #products a.more { position: absolute; top: 40px; right: 15px; color: #b0e1b7; }

#index #features-container { background: #000; }
#index #features { max-width:1140px; margin: 0 auto; padding: 30px 15px;  }
#index #features .feature { float: left; width: 31.3%; margin-right: 3%; text-align: center; color: #fff; }
#index #features .feature:nth-child(3) { margin-right: 0; }
#index #features .feature .image-container { position: relative; display: block; }
#index #features .feature .image-container .feature-title { display: block; position: absolute; bottom: 0; color: #fff; width: 100%; font-weight: normal; padding: 20px; font-size: 24px; background: rgba(0, 0, 0, .6); box-sizing: border-box; margin: 0; font-family: 'eponymouslight', serif; text-transform: uppercase; }
#index #features .feature .feature-content { margin-bottom: 22px; }
#index #features .feature .image-container .cb { display: block; }
#index #features .feature img { max-width: 100%; width: 100%; float: left; }
#index #features .feature a.more { font-size: 16px; color: #fff; background-color: #ed3942; padding: 7px 15px; margin-top: 7px; font-family: 'eponymouslight', serif; text-transform: uppercase; }





#footer { width: 100%; min-height: auto; max-width: 100%; background: #000; color: #fff; }
#footer-contact-container { background: #C8A98D url('../img/pattern.png'); padding: 20px 0; }
#footer-contact { max-width:1140px; margin:0 auto; padding: 0 15px; }
#footer-contact-left { float: left; width: 75%; margin-right: 5%; color: #fff; }
#footer-contact-right { float: right; width: 20%; }
#footer-contact-right a { display: block; background: #fff; text-transform: uppercase; font-weight: bold; font-size: 14px; border-radius: 5px; padding: 5px 20px; color: #c8a98d; text-align: center; }
#footer-content { max-width:1140px; margin:0 auto; padding: 30px 15px; }

#footer-left { float: left; width: 50%; color: #b0e1b7; font-size: 12px; }
#footer-left a#footer-logo { background: url('../img/logo.svg') center no-repeat; width: 360px; height: 68px; max-width: 50%; float: none; display: block; }
#footer-left p { width: 50%; }
#footer-right { float: right; width: 50%; font-size: 10px; }
#footer-right .section { float: left; width: 30%; margin-right: 3%; color: #b0e1b7; }
#footer-right .section.section-products li { display: none; }
#footer-right .section.section-products li.id317 > a { display: none; }
#footer-right .section.section-products li:first-child { display: block; }
#footer-right .section.section-products li:first-child ul { display: block; }
#footer-right .section.section-products li:first-child ul li { display: block; }
#footer-right .section h4 { color: #fff; font-size: 14px; margin: 0 0 10px 0; }
#footer-right a { color: #b0e1b7; }
#footer-right span { color: #fff; }
#footer-right p { margin: 0; }
#footer-right .section:nth-child(3) { margin-top: 31px; }
#post-footer { background: #000; border-top: 1px solid #333; }
#footer-logo { display: block; width: 123px; height: 123px; background: url('../img/logo-footer.svg') no-repeat center center / contain; float: left; }
#footer h3 { font-family: 'eponymousbold', serif; text-transform: uppercase; margin: 0; }
#footer-location { float: left; width: 440px; margin-left: 60px; }
#footer-location div { float: left; margin-right: 20px; }
#footer-links { float: left; width: 500px; }
#footer a { color: #ED3942; }
#footer a:hover { text-decoration: underline; }
#footer-links ul { margin: 10px 0 0 0; padding: 0; list-style: none; }
#footer-links ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }


#footer .navigation li { }

.tube {  max-width:1140px; margin:0 auto; padding: 0 15px; text-align: center; }
.tube a { color: #565656; }
.copyright { font-size: 10px; color: #999; padding: 16px 0; color: #565656; }
.copyright span { white-space: nowrap; }

.categorynavigation-container { float:left;width:15%; margin-right: 5%; }
.categorynavigation-container ul { margin: 0; padding: 0; list-style: none; }
.categorynavigation-container > ul { margin: 20px 0 0 0; }
.categorynavigation-container > ul > li > a { text-transform: uppercase; font-family: 'eponymousbold', serif; font-size: 20px; }
.categorynavigation-container ul > li li { margin-left: 10px; }

.caption { font-size: 10px; margin: 0 2%; text-transform: uppercase; }

.categorynavigation { border-top: 1px solid #c3b091; }
.categorynavigation a { display: block; border-bottom: 1px solid #c3b091; padding: 4px 6px; }
.categorynavigation a.active { background: #415b4e; color: #fff; }
.category-container{ float:left;width:80%; }
.product-container { width: 100%; }
.product-container h1 { font-family: 'eponymousbold', serif; }
.category-container h1, .category-container h2, .category-container h3, .category-container h4, .category-container h5 { font-family: 'eponymousbold', serif; }
.content-dhwidget h1, .content-dhwidget h2, .content-dhwidget h3, .content-dhwidget h4, .content-dhwidget h5 { font-family: 'eponymousbold', serif; }

.category-container h1 { text-transform: uppercase; }
.categorynavigation .product { display: none; }
.categorynavigation-container .category-title, .product .product-title { font-size: 24px; margin-bottom: 10px; }
.category-container > .category-title { font-size: 24px; margin-bottom: 10px; }
.category-items > div { padding-bottom: 6em; overflow: hidden; text-align: center; float: left; width: 30.3%; margin-right: 4.5%; box-sizing: border-box; float: left; border: 1px solid #c8a98d; border-radius: 5px; }
.category-items > div:nth-child(3) { margin-right: 0; }
.category-image img, .product-image img { max-width: 100%; }
.category .product-item, .category .category-item { position: relative; margin-bottom: 20px; }
.product-details, .category-details { position: absolute; bottom: 0; right: 0; left: 0; font-weight: bold; }
.category .product-title, .category .category-title { color: #415b4e; }
.product-link, .category-link { display: block; text-transform: uppercase; font-weight: bold; color: #fff; background: #c8a98d; padding: 7px 0; margin-top: 8px; }
.product-price { color: #ff0000; }
.product-gallery { overflow: hidden; position: relative; float: right; width: 40%; margin-left: 3%; }
#product-modelnumber-container { display: none; }
.category-container #product-price { font-size: 12px; }
#product-price { font-size: 24px; margin-bottom: 10px; }
.product-attribute-selectors { margin-bottom: 15px; }
.product-attribute-selectors input { border: 1px solid #d7d7d7;  border-radius: 5px; padding: 3px 5px; }
#back-to-top { background:url('../img/backtotop.png'); cursor:pointer; background-size:cover; height:40px; width:40px; position:fixed; right:10px; bottom:10px; display:none; z-index:1000; opacity: 0.5; }

@media (max-width:1170px) {
	#business-info { display: none; }
	#header #cart-info.header-item { margin-right: 240px; }
	
	#footer-logo { float: none; }
	#footer-location { float: none; width: 100%; margin-left: 0; margin-top: 20px; }
	#footer-links { float: none; width: 100%; margin-top: 20px; }
	#footer-location div { float: none; }
}

@media (max-width:1028px) {
	#header { height: 100px; }
	#header #navigation-container { background: none; border: none; }
	#header .navigation { padding: 0; display: none; background: #fff; top: 100px; right: 0; width: 100%; bottom: auto; border-bottom: 1px solid #000; }
	#header .navigation.active { display: block; }
	#header .navigation > li { display: block; padding: 0; text-align: left; }
	#header .navigation > li:first-child { margin: 0; }
	#header .navigation a { display: block; border-bottom: 1px solid #d7d7d7; color: #333; }
	#header .navigation li:hover a { background: #fff; color: #ED3942; }
	
	#header .navigation > li:hover ul { display: none; position: relative; white-space: nowrap; background: #fff; margin-top: 0; border-radius: 0 0 0 0; overflow: hidden; border-top: none; }
	#header .navigation > li ul li { padding: 0; }
	#header .navigation > li ul a { text-transform: none; padding: 5px 15px; font-size: 13px; color: #415b4e; border-bottom: 1px solid #c3b091; background: #fff; display: block; width: 100%; }
	#header .navigation > li ul li:hover a { color: #415b43; background: #fff; }
	#header .navigation li ul.active { display: block; }
	#header .navigation > li:hover ul li a:hover { color: #415b4e; background-color: #fff; }
	
	.mplus, .mminus { cursor: pointer; width: 25px; height: 25px; position: absolute; top: 7px; right: 15px; display: none; }
	.mplus { background: #415b43 url('../img/expand.png') no-repeat center top / 100% 200%; }
	.mminus { background: #415b43 url('../img/expand.png') no-repeat center bottom / 100% 200%; }
	.mplus.active, .mminus.active { display: block; }


	
	#header-logo { margin-left: -160px; margin-top: -140px; }
	#header-logo .logo { background: rgba(0, 0, 0, 0) url("../img/logo.svg") no-repeat scroll right 52px top 145px / 70px 70px }
	#header-seal { display: none; }
	#header #cart-callouts { top: 120px; }
	#header #cart-info { right: 110px; }
	#mobile-menu { display: block; }	
	#home-gallery { margin-top: 0; padding-top: 500px; }
	.home-gallery-content-container { padding: 30px 0; }
	#inner #container { margin-top: 15px; }
	#inner #breadcrumb { margin-left: 0; }
	
	.header-item { display: none; }
	.home-gallery-content { padding-top: 55px; }
}

@media (max-width:800px) {
	.home-gallery-content span.home-gallery-title { font-size: 30px; }
	.home-gallery-content span.home-gallery-caption { font-size: 12px; }
	#previous-slide { background: transparent url("../img/icon-slideshow-arrow-left.svg") no-repeat scroll center bottom 108px; }
	#next-slide { background: transparent url("../img/icon-slideshow-arrow-right.svg") no-repeat scroll center bottom 108px; }
	#footer-contact-left { width: 50%; }
	#footer-contact-right { width: 45%; }
	
}

@media (max-width:750px) {
	#index #features .feature .image-container .feature-title { font-size: 12px; }
	.categorynavigation-container { float: none; width: 100%; margin: 0 0 20px 0; }
	.category-container, .product-container { float: none; width: 100%; }
	
	#inner #pre-container { height: 100px; }
	#inner #pre-container h1 { font-size: 20px; padding-top: 73px; }
	#inner #pre-container h2 { display: none; }
}

@media (max-width:600px) {
	#index #products .product { width: 100%; margin-right: 0; margin-bottom: 20px; }
	#index #features .feature { float: none; margin-right: 0; margin-bottom: 20px; width: 100%; }
	#header #cart-callouts { display: none; }
	#footer-contact-left {  float: none; width: 100%; margin: 0 0 20px 0; }
	#footer-contact-right {  float: none; width: 100%; margin: 0; }
	#index #features .feature .image-container .feature-title { font-size: 18px; }
	#header #cart-info { left: 15px; right: auto; top: 118px; }
	.product-gallery { margin: 0 0 20px 0; width: 100%; }
}

@media (max-width:400px) {
	.home-gallery-content-container { /*display: none;*/ }
	#footer-left { float: none; width: 100%; margin-bottom: 20px; }
	#footer-left a#footer-logo { max-width: 100%; }
	#footer-left p { width: 100%; }
	#footer-right {  float: none; width: 100%; }
	#footer-right .section { width: 100%; float: none; margin: 0 0 20px 0; }
}