/*Custom styles for the site theme*/

/*Configurator Page*/
#configuratorPage tbody { color: white; font-size: 15px; }
.wizInput { background: white; color: black; }
/*Configurator Buttons*/
#configuratorPage input[type="submit"], a.wizButton { background-color: #1a590c !important; background-image: none !important; border-radius: 4px; border: 1px solid #1a590c; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 14px; font-weight: bold; padding: 6px 12px; text-decoration: none; text-shadow: 0px 1px 0px #5b8a3c; }
 .#configuratorPage input:hover, a.wizButton input:hover {
 background-color:#72b352 !important;
}
#configuratorPage input:active, a.wizButton input:hover { position: relative; top: 1px; }
/*Configurator Wizard*/
#wizHeader li .prevStep { background-color: #1a590c; }
#wizHeader li .prevStep:after { border-left-color: #1a590c !important; }
#wizHeader li .currentStep { background-color: #ffffff; color: black; }
#wizHeader li .currentStep:after { border-left-color: #ffffff !important; }
#wizHeader li .nextStep { background-color: #000000; color: white; }
#wizHeader li .nextStep:after { border-left-color: #000000 !important; }
#wizHeader { list-style: none; overflow: hidden; font: 18px Helvetica, Arial, Sans-Serif; margin: 0px; padding: 0px; }
#wizHeader li { float: left; }
#wizHeader li a { color: white; text-decoration: none; /*padding: 10px 0 10px 55px;*/ background: brown; /* fallback color */ background: hsla(34,85%,35%,1); position: relative; display: block; float: left; margin-left: 35px; }
#wizHeader li a:after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid hsla(34,85%,35%,1); position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; }
#wizHeader li a:before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1; }
#wizHeader li:first-child a { padding-left: 10px; }
#wizHeader li:last-child { padding-right: 50px; }
#wizHeader li a:hover { background: #FE9400; }
#wizHeader li a:hover:after { border-left-color: #FE9400 !important; }
.wizContent { height: 150px; padding-top: 75px; text-align: center; background-color: #F9F9F9; font-size: 48px; }
body { color: #000 !important; }
#outerPageContainer {/* background: #fff;*/ }
div.widget, #outerPageContainer #footer, .itemContainer, .basketContainer, #checkoutPage #checkout_billPage .column_1 .section .content { background: #fff; }
#rightColumn .widget { border: none; padding: 15px; }
div.pageHeader h1, #pageHeader h1 { color: #000 !important; }
.breadCrumbs { color: #000 !important; }
.breadCrumbs a { color: #000 !important; }
.btn { height: 30px; }
.header-flex { }
.sticky { position: fixed; width: 100%; height: auto; z-index: 1; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 2px solid #000; }
#storeHeader .search { }
/*.search-box { display: none; padding: 10px 15px; background: #f4f4f4; position: absolute; width: 100%; z-index: 1; }*/
.search-box { display: none; padding: 10px 15px; background: #f4f4f4; position: relative; width: 100%; z-index: 1; max-width: 1140px; margin: 0 auto; }
.mobile-menu { display: none; position: fixed; top: 90px; z-index: 99999; }
.logo-flex { display: flex; justify-content: center; padding: 10px 0; position: unset; padding-top: 75px; }
.search-box .glyphicon { margin-top: 3px; }
.search-box .form-control-inline { border-radius: none; height: 30px; }
.search-box .btn { border-radius: none; }
#storeHeader .shortcuts { display: block; float: right; }
.sh-top { margin: 0 auto; padding: 15px; max-width: 1140px; width: 100%; /*background: #00704a;*/ background: #000000; }
.sh-top i, .sh-top span.fa { color: #fff; font-size: 18px; cursor: pointer; }
#storeHeader .shortcuts ul > li > a { color: #fff; }
.navbar.navbar-clean { display: flex; width: 100%; }
.navbar-left { order: 1; }
.navbar-nav.user-links { order: 3; margin-top: 0; align-self: center; justify-self: right; padding-right: 0; display: flex; justify-content: right; }
.navbar-nav.cat-menu { order: 2; flex: 1; justify-content: center; align-content: center; align-self: center; margin-top: 0; justify-items: center; display: flex; padding-right: 0; }
.navbar-collapse { overflow-x: visible; padding-right: 0; padding-left: 0; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,.1); -webkit-overflow-scrolling: touch; }
.navbar-nav > li { float: left; /*margin-left: 1.375rem;*/ margin: 0 1.475rem }
.navbar-nav.navbar-right > li { margin-left: 0; }
.navbar-nav.navbar-right.user-links, .navbar-nav.user-links, .navbar-nav.navbar-right.user-links > li { margin-left: 0; margin-right: 0; padding-right: 0; }
.navbar-nav > li > a { padding-top: 0; padding-bottom: 0; color: #fff; font-size: 1.6rem; letter-spacing: .1rem;
text-transform: uppercase; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
.navbar-nav > li > a:hover { color: #00704a; }
.nav > li > a { position: relative; display: block; padding: 0; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: transparent; }
.navbar-header { float: left; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #fff; }
.navbar-toggle { padding: 0 10px; }
.navbar-nav .logo-left { /*width: 216px;*/ position: relative; }
.navbar-nav .logo-left img#logo-fader { position: absolute; left: 0; top: 0; }
.navbar-clean.fixed-top, #navbar_top.fixed-top { /* position: -webkit-sticky; */ position: fixed; top: 0; z-index: 1020; background: #000; width: 100%; border-radius: 0; padding: 5px 0; max-width: 1140px; margin: 0 auto; margin-left: 15px; }
.navbar-clean .cat-menu, .navbar-clean .user-links { margin-top: 14px; }
#outerPageContainer #contentContainer { padding-top: 100px; }
#leftColumn div.widget div.header { }
div.simpleCategoryListWidget .category { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
div.simpleCategoryListWidget div.header > h2 { text-transform: uppercase; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-weight: 600; }
#leftColumn div.widget div.header { background-color: #212121; }
div.widget div.header > h2 { text-transform: uppercase; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-weight: 600; }
#outerPageContainer #contentContainer #rightColumn div.widget div.header > h2 span { color: #000; }
.widget.featuredProductsGrid { background: none; }
div.simpleCategoryListWidget .category > li > a { background: none !important; padding: 10px 15px 0px 0 !important; font-weight: 600; }
div.featuredProductsGrid div.header > h2 span { color: #000 !important; }
.itemContainer div.details div.itemName a { color: #000 !important; }
.widget.productDescription, .widget.moreCategoryItems, .widget.productReviewsPanel { background: #fff !important; border: 1px solid #666666; color: #000 !important; }
#productPage .additionalImages { background: #fff !important; }
#productPage .additionalImages div.thumbnailsList span { color: #000 !important; }
#productPage div.productDisplay div.simpleProduct div.productDetails { clear: both; position: relative; min-height: 1px; padding: 15px; background: #fff !important; border: 1px dotted #666; border-radius: 10px; margin: 15px 15px 15px 15px; color: #000 !important; }
/*.newItemContainer { border: 1px solid #1e710b !important; box-shadow: 5px 5px 5px rgba(30, 113, 11, 0.35) !important; }*/
.itemContainer.newItemContainer { border: 1px solid #1e710b !important; box-shadow: inset 0 0 10px rgba(30, 113, 11, 0.45) !important; filter: drop-shadow(0 0 15px rgba(30, 113, 11, 0.75)); }
#storeFooter .social-links .payment-methods { display: inline-block; vertical-align: middle; }
#storeFooter .social-links .payment-methods .change-currency { display: inline-block; vertical-align: middle; }
#storeFooter .social-links .payment-methods img[alt="Payment methods"] { padding: 0 10px; }
#outerPageContainer #footer #storeFooter { background: #000; border-radius: 0; }
#outerPageContainer #footer #storeFooter a { color: #fff; }
#outerPageContainer #footer #storeFooter a:hover { color: #00704a; }
#outerPageContainer #footer #storeFooter .footer-copyright { text-align: center; color: #fff; margin-left: 10px; }
#outerPageContainer #footer #storeFooter .button.footer-newsetter { background-color: rgb(0, 0, 0); border: 1px solid rgb(91, 91, 91); color: rgb(255, 255, 255); display: inline-block; padding: 8px 10px; text-shadow: none; margin-top: 0; }
#outerPageContainer #footer #storeFooter .getsocial { display: flex; margin-top: 20px; justify-content: left; align-content: center; align-items: center; }
#outerPageContainer #footer #storeFooter .getsocial .news { margin-right: 20px; }
#outerPageContainer #footer #storeFooter .getsocial .social img { max-width: 40px; margin: 0 2px; }
#checkoutNavigation { clear: both; }
div.checkoutProgressBar { max-width: 1140px; margin: 0 auto; }
.FAQ-TOC a { color: #ffffff; }
#categoryPage h1 > span { color: #000000; }
#productPage #tabs .widget.productDescription .content p a[id*="InstructionsUrl"] { background: #000; padding: 2px 4px; }
#productPage #tabs .widget.productDescription .content p a[id*="InstructionsUrl"] br { height: 0; display: none; }
#productPage #tabs .widget.productDescription .content a { color: #1e710b; text-decoration: underline; }
#configuratorPage .black-text, #configuratorPage label { color: #000000; }
#basketPage div.emptyBasketPanel { text-align: center; color: #1e710b; }
.blog-posts-listing, .blog-posts-grid, .leftSidebarLayout, .oneColumnLayout { background: #fff; padding: 15px; }
.leftSidebarLayout.leftSidebarLayoutHome, .oneColumnLayout.oneColumnLayoutHome { background: none; padding: 0; }
.blog-posts-grid > div.item time { display: none; }
#DistributorPanel { background: #fff !important; }
#DistributorList p { color: #333333; }
 @media(min-width:768px) {
.sticky { width: 750px; }
.navbar-clean.fixed-top, #navbar_top.fixed-top { max-width: 970px; }
#checkoutPage { min-height: 900px; }
}
 @media(min-width:992px) {
.sticky { width: 970px; }
/*.navbar-clean.fixed-top, #navbar_top.fixed-top { max-width: 970px; }*/

}
 @media(min-width:1200px) {
.sticky { width: 1140px; }
.navbar-clean.fixed-top, #navbar_top.fixed-top { max-width: 1140px; }
}
 @media(max-width:1199px) {
.sticky { max-width: 970px; }
.sh-top, .search-box, div.checkoutProgressBar { max-width: 100%; width: 940px; }
.navbar-clean.fixed-top, #navbar_top.fixed-top { max-width: 940px; margin-left: 15px; }
}
 @media(max-width:991px) {
.navbar-collapse.in .navbar-nav { margin: 7.5px 15px; overflow-x: hidden; }
.navbar-collapse.in .navbar-nav > li { float: none; margin-left: 0; }
.navbar-collapse.in .navbar-nav > li > a { color: #00704a; }
.navbar-collapse.in { position: absolute; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 100%; z-index: 1; margin: 0 auto; padding: 0 15px; overflow-x: hidden; }
.mobile-menu .navbar-nav > li { float: none; margin: 10px 0; }
.mobile-menu .navbar-nav { margin: 0 0 0 15px; padding: 15px; background: #f4f4f4; max-width: 100%; width: 720px; }
.mobile-menu .navbar-nav > li > a { padding-top: 0; padding-bottom: 0; color: #00704a; font-size: 1.5rem; letter-spacing: .1rem;
text-transform: uppercase; }
.sh-top i.fa.fa-bars { font-size: 24px; margin: 5px 0; }
.navbar-right.navbar-nav { mmargin: 5px 0 5px 0; padding-right: 0; }
.sh-top i, .sh-top span.fa { font-size: 20px; }
.navbar-clean.fixed-top, #navbar_top.fixed-top { max-width: 720px; }
.sh-top, .search-box, div.checkoutProgressBar { max-width: 100%; width: 720px; }
.navbar-nav.user-links { flex: 1; }
}
 @media(max-width:767px) {
.navbar-clean.fixed-top, #navbar_top.fixed-top { max-width: 767px; margin-left: 0; }
.navbar-clean .navbar-left { float: left; }
.mobile-menu .navbar-nav { margin: 0 auto; padding: 15px; background: #f4f4f4; max-width: 100%; width: 740px; }
.sh-top, .search-box, div.checkoutProgressBar { max-width: 100%; width: 740px; }
#outerPageContainer #contentContainer { padding-top: 115px; }
#outerPageContainer #footer #storeFooter .footer-copyright { margin-top: 15px; }
#storeFooter .social-links { text-align: center; }
#outerPageContainer #footer #storeFooter .getsocial { flex-wrap: wrap; justify-content: center; }
#storeFooter .social-links { text-align: center; }
}
 @media(max-width:479px) {
#outerPageContainer #footer #storeFooter .getsocial .news { margin-right: 0; width: 100%; text-align: center; margin: 0 0 15px 0; }
}