img {
    vertical-align: initial;
}
.btn,
.btn.btn-checkout,
A.btn:hover, 
A.btn:visited:hover {
  color: #fff;
}
header .container,.cat-menu .container,footer .footer-top .container,.listing-page-content .container,.category-page div#mainContainer .container{    
    max-width: 1280px;
}
.breadcrumnb ol li:nth-child(1) {
    display: none;
}
ul.megamenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mb--messagebar.mb--messagebar--danger {
    background: #d9534f;
    z-index: 1000000000000000000;
}
#checkoutSinglePage  button#submit-button {
    min-width: 180px;
    font-size: 18px;
    line-height: 1.5;
}
div#checkout-logo {
    padding: 20px 0;
}
.category-header td a img {
    display: block;
}
.store_data h4.store-name {
    font-size: 14px;
}
.feed-page div#mainContainer {
  background: none;
}
.feed-page div#mainContainer .nxt-toolbar,
.feed-page div#mainContainer #itemsBlock {
    margin: 0 auto;
    max-width: 980px;
}
.feed-page div#mainContainer .productBlockContainer.columns-4 .product-container {
    width: 25%;
    float: left;
}
.feed-page div#mainContainer .nxt-toolbar {
    margin-top: 30px;
    float: none;
}
.feed-page div#mainContainer .nxt-bottom.nxt-address {
    max-width: 980px;
    margin: 0 auto;
    padding-bottom: 30px;
    clear: both;
}
.feed-page div#mainContainer #itemsBlock .action input[type="button"] {
      color: #fff;
    font-family: "Questrial";
    font-size: 11px;
    line-height: 18px;
    padding: 3px 7px;
    font-weight: 400;
    -webkit-appearance: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: none;
    background: #4B4536;
}
.feed-page div#mainContainer #itemsBlock .action input[type="button"]:hover {
  background: #DC6E33;
}
.leftrightouter {
	clear: both;
    position: relative;
    top: 0px;
}
section#category {
    padding-top: 0;
}
.category_content.full-width-category {
    width: 100% !important;
}
aside#qv-modal {
    z-index: 100000000000000000;
}
.product-items .product-item {
	margin-bottom: 30px;
}
.my-account .titles2 {
	margin-bottom:15px;
}
.addl-images .flexslider {
    overflow: visible;
	padding: 0;
}
#addl-images .flex-viewport > ul > li {
    padding: 0px 10px;
    min-height: 200px;
}
#addl-images .flex-viewport > ul > li > a {
    border: 1px solid #d0d0d0;
    padding: 20px;
    box-sizing: border-box;
	display: inline-block;
	background: transparent;
}
#addl-images .flex-viewport > ul > li > a#showRealMedia{
    display: block;
    background: transparent;
    max-width: 100%;
    height: 0;
    padding-top: 194px;
}
#addl-images .flex-direction-nav .flex-prev {
    top: 0;
    bottom: 0;
    margin: 0;
    left: -35px !important;
    height: auto;
    width: 30px;
    background:url(../images/aleft1.png) no-repeat center center;
    background-size:contain;opacity: 0.3;
}
#addl-images .flex-direction-nav .flex-next{
    top: 0;
    bottom: 0;
    margin: 0;
    right: -35px !important;
    height: auto;
    width: 30px;
    background:url(../images/aright1.png) no-repeat center center;
    background-size:contain;opacity: 0.3;
}
/*.homeCarousel img {
	width: 100%;
}
@media(min-width: 992px) {
	.homeCarousel .flex-viewport > ul > li img {
		width: 980px !important;
	}
}*/
/*******************************************************************************************************/
/*          STYLES USED THROUGHTOUT THE WEBSITE        */
/*******************************************************************************************************/
/*Alignment fix for the use of the XHTML Transitional DOCTYPE.*/
tr {
  text-align: left;
}

/*td:: Controls all text inside a table without and associated style.*/
td {
  text-decoration: none;
  word-spacing: normal;
}

/*data:: Controls the font style of your content on all the pages.*/
.data {
  letter-spacing: 0px;
}

/*alternative:: Controls the background color of the boxes used throughout the site.*/
.alternative {
  background: #fff;
  padding: 2px 2px 2px 2px;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*price:: Controls the way the product's final price display throughout the site.*/
.price {
  font-size: 18px;
  color: #E37940;
  font-weight: bold;
  letter-spacing: 0px;
}

/*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/
.price2 {
  font-size: 14px;
  color: #000000;
  font-weight: bold;
}

/*error:: Controls the error messages*/
.error {
  font-size: 14px;
  font-weight: normal;
  color: #e10e04;
  text-decoration: none;
}

/*borders:: Controls the color of the line dividers used throughout the site.*/
.borders {
  color: #685A4B;
  border: 1px solid #ccc;
}

/*borders2:: Controls the color of the dotted line dividers used throughout the site.*/
.borders2 {
  border: 1px solid #ccc;
  border-style: none none dotted;
}


/*******************************************************************************************************/
/*   STYLES ONLY USED ON VIEW CART AND CHECKOUT PAGES      */
/*******************************************************************************************************/
/*checkout-headers:: Controls the titles of the sections on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers {
  font-size: 14px;
  color: #685A4B;
  font-weight: bold;
}

/*steps:: Controls the way the steps on the checkout pages display.*/
.steps {
  font-size: 14px;
  font-weight: 400;
  color: #695b4b;
  margin-bottom: 5px;
}

/*steps_on:: Controls the way the step the customer is currently on displays on the checkout pages.*/
.steps_on {
  font-size: 14px;
  font-weight: bold;
  color: #DC6E33;
}

/*******************************************************************************************************/
/*      FORM FIELDS & BUTTONS THROUGHOUT THE WEBSITE      */
/*******************************************************************************************************/

/*txtBoxStyle:: Controls the text and style of the Text Boxes.*/
.txtBoxStyle {
  border: 1px solid #cdcdcd;
  background-color: #fefefe;mid
  font-weight: normal;
  font-size: 14px;
  color: #999;
  margin: 2px 0;
  padding: 8px 1px 9px 8px;
  font-family: "Questrial";
}

/*txtAreaStyle:: Controls the text and style of the Text Areas.*/
.txtAreaStyle {
  border: 1px solid #cdcdcd;
  background-color: #fefefe;
  font-weight: normal;
  font-size: 14px;
  color: #000000;
}

/*txtSearch:: Controls the style of the Search Box, if different from txtBoxStyle.*/
.txtBoxSearch {
  height: 20px;
  color: #000000;
  font-size: normal;
  border: none;
  padding: 3px 0px 0px 0px;
  margin: 0;
}

/*******************************************************************************************************/
/*   STYLES USED ONLY ON THE INVOICE        */
/*******************************************************************************************************/
/*invoice_table:: Controls the background color on your invoices*/
.invoice_table {
  background-color: #f9f8f8;
}

/*invoice_title:: Controls the way the title of the invoices look */
.invoice_title {
  font-family: "Questrial";
  font-size: 10px;
  font-weight: bold;
  background-color: #ccc;
  color: #685A4B;
}

img {
  border: none;
}

/*************************************************************/
/*          LEGACY STYLES: STYLES USED PRIOR TO v3.2         */
/*************************************************************/
/*font1:: Primary Screen Font */
.font1 {
  font-family: "Questrial";
  font-size: 14px;
  font-weight: normal;
  color: #000000;
}

/*font2:: Secondary Screen Font */
.font2 {
  font-family: "Questrial";
  font-size: 14px;
  font-weight: normal;
  color: #a6501f;
}

.font3 {
  font-family: "Questrial";
  font-size: normal-font;
  font-weight: normal;
  color: #a6501f;
}

.font4 {
  font-family: "Questrial";
  font-size: normal-font;
  font-weight: normal;
  color: #a6501f;
}

/*top:: Controls the  Color of the top Bar*/
/*line:: Controls the  Color of the line below the top bar*/
/*store-name:: Store Name.*/
.store-name {
  font-family: "Questrial";
  font-size: 54px;
  font-weight: bold;
  line-height: 50px;
  color: #a6501f;
  text-transform: uppercase;
  display: block;
}

/*store-slogan:: Store Slogan.*/
.store-slogan {
  font-family: "Questrial";
  font-size: 23px;
  color: #a6501f;
  font-weight: normal;
  font-style: italic;
  text-transform: none;
  line-height: 24px;
  display: block;
}

/*footer:: This style controls the text you type under global footer. Merchants usually use to add security logos, credit card logos, privacy notes, etc.*/
.footer {
  background: none;
  font-family: "Questrial";
  font-size: 14px;
  font-weight: normal;
  line-height: 1.1;
  color: #ccc;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/*footerLinks:: Controls the way the Footer Links display in the Global Footer.*/
.footer a, .footer a:visited, .footer a:hover, .footer a:visited:hover {
  font-family: "Questrial";
  font-size: 0.85em;
  font-weight: normal;
  text-decoration: underline;
}

/*
START: SELECTION COLORS
-------------------*/
::-moz-selection {
  background: #E37940;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #E37940;
  color: #fff;
  text-shadow: none;
}

/*
Place Holder
------------------*/
input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder {
  color: transparent;
}

/* FF 4-18 */
input:focus::-moz-placeholder {
  color: transparent;
}

/* FF 19+ */
/*********************************/
/*Frame*/
/*********************************/
#TS_items, #NR_items {
  position: relative;
  padding: 0px;
}

.content-area > .m-container {
  max-width: 980px;
  padding: 0px;
}
@media (max-width: 1024px) {
  .content-area > .m-container {
    padding: 0px 15px;
  }
}

#mainContainer {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0px;
  min-height: 400px;
  background: none;
}
@media (max-width: 1024px) {
  #mainContainer {
    padding: 5px 0 15px 0;
  }
}

#midContent {
  float: left;
  padding: 0 0px;
  width: 100%;
  margin: 0px;
  min-height: 400px;
}
@media (max-width: 767px) {
  #midContent {
    padding: 0px 0px;
  }
  table, thead, tbody, th, td, tr {
       min-width:100%;
  }
}

#leftContent {
  float: left;
  width: 200px;
  background: url(images/BG_leftcol.png) repeat-y top right;
  margin: 0px 15px 0px 0px;
  padding: 10px 10px 50px 10px;
  position: relative;
}
@media (max-width: 767px) {
  #leftContent {
    display: none;
  }
}

#midContent img {
  max-width: 100%;
}
.homeCarousel li a img {
    width: 100%;
}
.home-page .category-header .container {
    text-align: center;
}
@media (max-width: 767px) {
  .category-img {
      padding-top: 0px !important;
      height: 150px !important;
  }
}

.global-banners {
  position: relative;
  padding: 0px 0px;
  color: #fff;
}
.global-banners img {
  display: block;
}

/*********************************/
/*Global Product Display Styling*/
/*********************************/
.productBlockContainer {
  margin: 0 -0px;
}
@media (max-width: 1024px) {
  .productBlockContainer {
    margin: 0 -0px;
    clear: none !important;
  }
}
@media (max-width: 1024px) {
  .productBlockContainer > div {
    clear: none !important;
  }
}

.product-container {
  margin: 0 0 20px 0;
  padding: 0;
}
@media (max-width: 1024px) {
  .product-container {
    width: 33.333% !important;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .product-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin: 0 auto 12px auto !important;
    display: block;
    max-width: 300px !important;
    width: 50% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: left;
    display: block;
    border-left: 0px solid #ccc;
  }
}

.product-container.middle-item {
  padding: 0 !important;
}
@media (max-width: 1024px) {
  .product-container.middle-item {
    width: 33.333% !important;
    padding: 0 !important;
  }
}
@media (max-width: 767px) {
  .product-container.middle-item {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin: 0 auto 12px auto !important;
    display: block;
    max-width: 300px;
    width: 50% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: left;
    display: block;
  }
}

.product-container.first-item {
  padding-left: 0px !important;
  border-left: 0px solid #ccc;
}
@media (max-width: 1024px) {
  .product-container.first-item {
    padding: 0 !important;
  }
}

.product-container.last-item {
  padding-right: 0px !important;
}
@media (max-width: 1024px) {
  .product-container.last-item {
    padding: 0 !important;
  }
}

.product-item {
  padding: 0 10px 10px 10px;
  margin: 0px auto 0px auto;
  text-align: center;
  position: relative;
  background: none;
  border: 0px solid #ccc;
  min-height: inherit;
}
@media (max-width: 1024px) {
  .product-item {
    padding: 10px 20px;
  }
}
@media (max-width: 767px) {
  .product-item {
    padding: 15px 10px !important;
  }
}

.product-item:hover {
  /*	@include has-boxshadow; */
}

.product-item .img {
  padding: 0px;
  margin-bottom: 10px;
  background: #fff;
  width: 100%;
  height: 140px;
  min-height: initial;
  position: relative;
}

.product-item .img img {
  max-width: 95%;
  max-height: 95%;
  min-height: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.product-item .content {
  position: relative;
  width: 100%;
  margin: 5px auto 5px auto;
  padding: 0px 0px;
  background: none;
  overflow: hidden;
  text-align: left;
}

.product-item .name, .product-item .sku {
  font-size: 12px;
  font-family: "Questrial";
  font-weight: normal;
  color: #000000;
  text-align: left;
  line-height: 20px;
  height: auto;
  min-height: inherit;
  overflow: hidden;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

.product-item .name a {
  font-size: 15px;
    font-family: "Questrial";
    font-weight: normal;
    color: #4b4537;
    line-height: 18px;
    text-transform: none;
}

.product-item .name a:hover {
  color: #DC6E33;
  text-decoration: none;
}

.product-item .price {
  float: none;
  width: 100%;
  font-size: 15px;
  font-family: "Questrial";
  font-weight: bold;
  color: #e66d28;
  text-align: left;
  line-height: 20px;
  height: 20px;
  padding: 0px 0px;
  margin: 1px 0px;
  overflow: hidden;
}

.product-item .price img {
  vertical-align: top;
}

.product-item .stars {
  float: none;
  line-height: 14px;
  height: 14px;
  margin: 0px 0px;
  position: relative;
  text-align: left;
}

.product-item .stars img {
  display: inline-block;
  vertical-align: text-top;
  float: none;
  margin: 0;
}

.product-item .stars span {
  float: none;
  vertical-align: middle;
  display: inline-block;
  display: none;
}

.product-item .action {
  float: right;
  width: 100%;
  margin: 25px 0 0;
  text-align: right;
  display: block;
  border-top: 3px solid #9d9a91;
}

.product-item .status {
  visibility: visible;
  height: auto;
  font-size: 13px;
  height: 17px;
  color: #DC6E33;
  display: none;
  text-align: left;
}
@media (max-width: 1024px) {
  .product-item .status {
    font-size: 11px;
  }
}

.product-item .qty {
  font-size: 18px;
  margin-top: 15px;
}

.product-item .qty input {
  text-align: center;
  font-size: 14px;
  font-family: "Questrial";
  font-weight: 400;
  color: #E37940;
}

.product-item s, .product-item .price2, .product-item del {
  font-size: 14px;
  font-family: "Questrial";
  font-weight: normal;
  color: #969696;
  padding-right: 5px;
  display: none;
}

.product-item .onsale, .product-item .on-sale {
  background: #E37940;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-family: "Questrial";
  font-weight: 400;
  opacity: 1;
  padding: 0;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  display: none;
}

.product-item {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.product-item:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 767px) {
  #viewCart .item-price {
    width: 30%;
  }
}

/*  EXTRA CSS */
.Keywords {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
}

.TempTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
}

.hardwaretext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
color: #000000;
}

.Doorhardware1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
}
.crossout {
  font-size: 16px;
  text-decoration: line-through;
  font-weight: bolder;
  color: #696969;
}

.notes {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
}

.onotes {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #F16911;
}

.Doorhardware2 {
/*
  font-family: Arial, Helvetica, sans-serif;
*/
  font-size: 14px;
  font-weight: bold;
  color: #a6501f;
}

.h1 {
/*
  font-family: Arial, Helvetica, sans-serif;
*/
  font-size: 18px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  line-height: 28px;
}

.h2 {
/*
  font-family: Arial, Helvetica, sans-serif;
*/
  font-size: 15px;
  font-weight: bold;
  color: #000000;
}

.h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #CC6600;
}

.Doorknobpr {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #CC6600;
}

.Links {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

.hardwarelinks {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  cursor: hand;
}

.tablinks {
  background-image: url(Images/TemplateImages/tab1.gif);
  background-position: right bottom;
  text-decoration: none;
  cursor: hand;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: none;
}

.Tablinks2 {
  background-image: url(/Images/TemplateImages/tab1.gif);
  background-position: right;
  background-attachment: scroll;
}

.verysmall {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.hardwareTrail {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #CC6600;
}

.largeorange {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  color: #a6501f;
}

.Larger {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bolder;
  color: #000000;
}

/* end of EXTRA CSS */
.topbar {
    background: #f1f0ec;
    height: 35px;
    padding: 5px 0px;
    line-height: 13px;
    font-size: 12px;
    color: #000;
    text-align: right;
    float: right;
    width: 75%;
    border-radius: 0 0 14px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 767px) {
  .topbar {
    height: 30px;
    line-height: 28px;
    padding: 2px 0;
    text-align: center;
  }
}

header {
  height: 120px;
  background: none;
  position: relative;
  margin-bottom: 0px;
}
@media (max-width: 1024px) {
  header {
    height: auto;
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  header {
    height: auto;
    padding-top: 0px;
    padding-bottom: 10px;
  }
}
header > .m-container {
  max-width: 980px;
  padding: 0px;
}

.header-left {
  height: 85px;
    width: 26%;
  max-height: 100%;
}
.header-left .logo {
  position: relative;
  height: 100%;
  min-width: 200px;
  max-width: 100%;
  overflow: hidden;
  line-height: 1.2;
}
.header-left .logo img {
  position: absolute;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media (max-width: 1024px) {
  
}
@media (max-width: 767px) {
  .header-left {
    height: 100px;
    width: 100%;
  }
  .header-left .logo {
    text-align: center;
    height: 94px;
  }
  .header-left .logo img {
    
  }
}
.trade-accounts {
    justify-content: flex-start;
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    text-align: left;
    gap: 10px;
    color: #999;
    line-height: 1.1;
    float: left;
    margin-left: 30px;
    margin-top: 25px;
}
.header-right {
  width: 74%;
    height: 85px;
    text-align: right;
    padding: 0 0 0 20px;
}
@media (max-width: 1024px) {
  
  .header-right .tab-ham-container {
    float: right;
  }
}
@media (max-width: 767px) {
  .header-right {
    width: 100%;
    padding: 2px 10px 10px 10px;
    text-align: center;
    height: auto;
  }
}

header i.icon-basket {
  color: #DC6E33;
  font-size: 28px;
  margin-left: 5px;
}
header i.icon-basket:hover {
  color: #E37940;
}

.welcome-msg {
  float: right;
  text-align: right;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}
.welcome-msg a {
  color: #000000;
  display: inline-block;
  font-weight: 400;
  padding: 0 10px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  margin-left: 8px;
}
@media (max-width: 767px) {
  .welcome-msg {
    display: none;
  }
}

.cart-area {
  font-size: 14px;
  font-family: "Questrial";
  color: #000000;
  text-align: right;
  line-height: 15px;
  padding: 0px 0px 0px 0px;
  margin: 55px 0px 0px 20px;
  display: inline-block;
  position: relative;
  background: none;
  float: right;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.cart-area .total {
  font-family: "Questrial";
}
.cart-area .total img {
  vertical-align: middle;
    display: inline-block;
}
.cart-area .total span {
  font-weight: 400;
  color: #a6501f;
}
.cart-area:hover {
  color: #003466;
}
.cart-area i {
  font-size: 12px;
  color: #a6501f;
}
@media (max-width: 1024px) {
  .cart-area i {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
    .cart-area {
      font-size: 0 !important;
        position: absolute;
        top: 22%;
        right: 55px;
    }
    .mobile-search-area {
        max-width: 100%;
        padding: 0;
    }
}
.phone {
  font-size: 12px;
    color: #a6501f;
    line-height: 18px;
    margin: 35px 0 10px 0;
    padding: 0 10px 0 0;
}
.phone small{
    font-size: 14px;
    color: #000000;
    display: block;
    margin-top: 10px;
}
.phone span {
  color: #a6501f;
  font-size: 20px;
  padding: 0px 5px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .phone {
    display: none;
  }
}

/*
category menu
-------------------*/
.cat-menu {  
  background: #D3CDC1;
  height: auto;
  position: relative;
  -webkit-box-shadow: inset 0px -1px 2px 0px rgba(50, 50, 50, 0.35);
  -moz-box-shadow: inset 0px -1px 2px 0px rgba(50, 50, 50, 0.35);
  box-shadow: inset 0px -1px 2px 0px rgba(50, 50, 50, 0.35);
}
.cat-menu .cat-list {
  zoom: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  height: auto;
  padding: 12px 0;
  overflow: hidden;
  border-top: 1px solid #DC6E33;
  border-bottom: 2px solid #DC6E33;
}
.cat-menu .cat-list:before {
  content: "";
  display: table;
}
.cat-menu .cat-list:after {
  clear: both;
}
.cat-menu .cat-list > li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cat-menu .cat-list > li {
  vertical-align: top;
  float: left;
}
.cat-menu .cat-list > li:before {
  border-left: 1px solid #000;
  display: block;
  float: left;
  height: 16px;
  content: '';
}
.cat-menu .cat-list > li:first-child:before {
  content: none;
}
.cat-menu .cat-list > li > a {
  color: #000000;
  font-size: 15px;
  font-weight: 700;
  font-family: "Questrial";
  display: block;
  padding: 0 12px;
  line-height: 16px;
  text-transform: none;
  text-decoration: none;
}
.cat-menu .cat-list > li > a:hover {
  color: #003466;
  background: none;
}
@media (max-width: 767px) {
  .cat-menu {
    display: none;
  }
}

/*
links menu
-------------------*/
@media (min-width:823px) and (max-width:945px) {
    .topbar {
        height:34px;
    }
    .link-menu {
        padding-top: 5px;
    }
}

@media (min-width:768px) and (max-width:822px) {
    .link-menu .links-list > li > a {
        font-size: 12px !important;
    }
    .topbar {
        height: 34px;
    }
    .link-menu .links-list {
	  padding-top: 5px !important;
    }
}
.link-menu {
  margin: 0px 0px 0px 0px;
  float: left;
  /*width: 50%;*/
}
.link-menu .links-list {
  zoom: 1;
  margin: 0;
  padding: 0 15px;
  list-style: none;
  display: inline-block;
  float: left;
  line-height: 13px;
  max-width: 100%;
}
.link-menu .links-list:before {
  content: "";
  display: table;
}
.link-menu .links-list:after {
  clear: both;
}
.link-menu .links-list > li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.link-menu .links-list > li {
  display: block;
  float: left;
  margin: 0 8px;
  line-height: 13px;
  vertical-align: top;
  text-align: center;
}
.link-menu .links-list > li > a {
  color: #4b4537;
    font-size: 14px;
    font-weight: normal;
    font-family: "Questrial";
    background: none;
    display: block;
    padding: 0px;
    line-height: 23px;
    text-decoration: none;
    position: relative;
}
.link-menu .links-list > li > a:after {
    content: "|";
    position: absolute;
    right: -9px;
    top: 0;
}
.link-menu .links-list > li:last-child > a:after{
    content:none;
}
.link-menu .links-list > li > a:hover {
  color: #DC6E33;
  background: none;
}

/*
Mobile menu
----------------*/
.tab-ham-container {
  margin-bottom: 10px;
  margin-top: 40px;
  zoom: 1;
  display: none;
  text-align: right;
  width: 50%;
  float: right;
}
.tab-ham-container:before {
  content: "";
  display: table;
}
.tab-ham-container:after {
  clear: both;
}
@media (max-width: 1024px) {
  .tab-ham-container {
    display: block;
  }
}
.tab-ham-container .social-icons {
  float: none;
  width: auto;
  margin-right: 10px;
  padding-bottom: 0;
}
.tab-ham-container .social-icons a {
  font-size: 26px;
  height: 34px;
  width: 34px;
}
.tab-ham-container .social-icons span {
  display: none;
}
@media (max-width: 767px) {
  .tab-ham-container {
    width: 100%;
    margin: 0;
    padding: 10px 0 15px 0;
    border-bottom: 1px solid #DC6E33;
    text-align: center;
  }
}
.tab-ham-container > div, .tab-ham-container > span, .tab-ham-container > a {
  display: inline-block;
}
.tab-ham-container .tab-ham {
  color: #000;
  background: none;
  padding: 2px 2px;
  font-size: 26px;
  font-weight: 400;
  display: inline-block;
  float: none;
  cursor: pointer;
  line-height: 30px;
}
.tab-ham-container .tab-ham:hover {
  opacity: 1;
  color: #E37940;
}

.mob-menu-trigger {
  display: none;
  text-align: right;
  float: right;
  cursor: pointer;
  color: #E37940;
}
.mob-menu-trigger:hover {
  color: #000;
}
@media (max-width: 767px) {
  .mob-menu-trigger {
    display: block;
        font-size: 24px;
        position: absolute;
        right: 12px;
        top: 20%;
  }
}

.mob-menu {
  display: none;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3) !important;
  position: fixed;
  top: 0;
  right: -260px;
  background: #FFFFFF;
  width: 260px;
  height: 100%;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 1000;
}
@media (max-width: 1024px) {
  .mob-menu {
    display: block;
  }
}
.mob-menu.open {
  right: 0;
}
.mob-menu .mob-menu-close {
  color: #fff;
  font-size: 24px;
  line-height: 1;
  text-align: right;
  padding-left: 12px;
  padding-right: 12px;
  margin: 10px auto;
}
.mob-menu .mob-menu-close i {
  cursor: pointer;
}
.mob-menu .mob-menu-mod {
  color: #fff;
  margin-bottom: 25px;
}
.mob-menu .mob-menu-mod .mob-mod-heading {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
  padding-top: 0px;
  border: none;
  font-size: 20px;
  color: #E37940;
  font-family: "Questrial";
  text-transform: uppercase;
  font-weight: 700;
  display: block;
}
@media (max-width: 767px) {
  .mob-menu .mob-menu-mod .mob-mod-heading {
    display: block;
  }
}
.mob-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mob-menu ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mob-menu ul li a {
  color: #000000;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.5;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 17px;
}
.mob-menu ul li a:hover {
  color: #E37940;
  background: none;
}
.mob-menu ul li a:before {
  display: none;
  content: normal;
  margin-right: 0px;
}
.mob-menu #cat-list > li {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-top: -1px;
  position: relative;
}
.mob-menu #cat-list > li a {
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: 1px solid #fff;
  margin-right: 30px;
}
.mob-menu #cat-list > li span {
  display: block;
  font-weight: 700;
  width: 30px;
  height: 31px;
  line-height: 31px;
  color: #E37940;
  text-align: center;
  position: absolute;
  right: 0;
  top: 1px;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.mob-menu #cat-list > li span.open {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.mob-menu #cat-list .subcat {
  display: none;
  border-top: 1px solid #fff;
}
.mob-menu #cat-list .subcat > li a {
  color: #E37940;
  font-size: 13px;
  margin-left: 7px;
  line-height: 1.2;
}
.mob-menu .welcome-msg {
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}
.mob-menu .welcome-msg a {
  color: #fff;
  text-decoration: underline;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}
.mob-menu .welcome-msg a:hover {
  color: #000;
}

/*
Mob menu bar 
------------------*/
.mob-menu-bar {
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
.mob-menu-bar > div {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 24px;
  cursor: pointer;
  color: #fff;
}
.mob-menu-bar > div:hover {
  background: #E37940;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
@media (max-width: 767px) {
  .mob-menu-bar {
    width: 100%;
    display: none;
    position: fixed;
    top: 0;
    z-index: 120;
    background: #DC6E33;
    padding: 5px 0;
    border-top: 5px solid #DC6E33;
    border-bottom: 5px solid #DC6E33;
  }
}

.lower-nav {
  word-spacing: 0px;
    text-align: center;
    position: relative;
    top: 0;
    background: #f1f0ec;
    border-bottom: 1px solid #dededc;
    min-height: 48px;
    display: flex;
    align-items: center;
}
.lower-nav .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1px;
}
.lower-nav a {
    display: inline-block;
    text-transform: uppercase;
    border-right: 1px solid #dfdeda;
    line-height: 38px;color: #000000;
    padding: 0 12px 0 10px;
    text-decoration: none;
}
.lower-nav a:hover{
    color: #DC6E33;
}
.lower-nav img {
  display: inline-block;
    vertical-align: middle;
    height: auto;
    margin-right: 8px;
}
@media (max-width: 1024px) {
  
}
@media (max-width: 767px) {
  .lower-nav {
    display: none;
  }
}

/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN COMMON CONTAINER
03 DROP DOWN SPECIFIC CONTAINERS
04 COLUMNS GRID
05 DROP DOWN TYPOGRAPHY
06 COLORS
07 VERTICAL VARIANT

*/
/*  _____________________________________________________________________________

    01 MENU BAR
    _____________________________________________________________________________  */
.megamenu_container {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  background: #4B4536;
  border: 1px solid #000000;
  margin: 0 auto;
  padding: 0 5px;
  width: 100%;
  min-height: 45px;
  position: relative;
  top: 0px;
  z-index: 1000;
}
.megamenu_container > ul {
  /*		display:none;  */
}
.megamenu_container img {
  max-width: 100%;
}

.megamenu {
  list-style: none;
  z-index: 9999;
  padding: 0;
  margin: 0;
  font-family: 'Questrial', sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 1;
  position: relative;
}

.megamenu li {
  float: left;
  margin: 0 0px 0 0;
  border: none;
}

.megamenu li:hover, .active {
  background: #82785E;
}

.megamenu li.noactive {
  background: none;
}
ul.megamenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.megamenu li a {
  font-size: 14px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: 0px 0px 0px #000000;
  outline: 0;position: relative;
  font-weight: 550;
  text-decoration: none;
  display: block;
  padding: 16px 0px 16px 10px;
}
.megamenu li a.home:after,ul.megamenu > li > a:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    height: 32px;
    width: 1px;transform: translateY(-50%);
    border-right: 2px solid #666054;
}
ul.megamenu > li:last-child > a:after {content:none;}
.megamenu li a.home {
    padding-right: 15px;
    position: relative;
}
@media (max-width: 1024px) {
  .megamenu li a {
    font-size: 12px;
        padding: 16px 0px 16px 10px;
  }
}

.megamenu li:hover a {
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #000000;
}

.megamenu li .drop {
  padding-right: 25px;
  background: url("../img/downpng.png") no-repeat right 10px center;
}
@media (max-width: 1024px) {
  .megamenu li .drop {
    padding-right: 25px;
  }
}

/* Right aligned menu item */
.megamenu li.right {
  float: right;
  margin-right: 5px;
}

/*  _____________________________________________________________________________

    02 DROP DOWN COMMON CONTAINER
    _____________________________________________________________________________  */
.megamenu li .dropcontent {
  margin: 0 auto;
  position: absolute;
  left: -9999em;
  top: .30px;
  /* Places the drop down under the menu bar */
  z-index: 9998;
  /* For IE7 */
  padding: 5px 0 10px 0;
  text-align: left;
  border: 1px solid #1b1b1b;
  border-top: none;
  background: #ffffff;
  /* Rounded Corners */
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.megamenu li .dropfirst {
  margin: 0 auto 0 -1px;
  /* Fixes a 1px issue for the 1st drop down */
}

/* Showing Drop Down on Mouse Hover - Left aligned */
.megamenu li:hover .dropcontent {
  left: auto;
}

/* Showing Drop Down on Mouse Hover - Right aligned */
.megamenu li .align_right {
  right: -1px;
}

.megamenu li:hover .align_right {
  left: auto;
  right: -1px;
}

/* Full width drop down */
.megamenu li .fullwidth {
  position: absolute;
  width: 100%;
  padding: 20px 0px 10px;
  left: -9999em;
  top: 100%;
  border: 1px solid #C6BEA6;
  display: block;
  z-index: 9998;
  border-top: none;
  background: #ffffff;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 6px 6px;
  /* Drop Shadow */
  -moz-box-shadow: 4px 4px 5px #82785E;
  -webkit-box-shadow: 4px 4px 5px #82785E;
  box-shadow: 4px 4px 5px #82785E;
}

.megamenu li:hover .fullwidth {
  left: -1px;
}

.orange {
  font-family: 'Questrial', sans-serif;
  font-size: 16px;
  font-weight: bolder;
  color: #CC6600;
}
.megamenu li.right .fullwidth {
    padding-top: 35px;
}
.megamenu .right h3 {
    margin: 0;
    color: #726f5c;
    font-size: 24px;
}
.megamenu .right ul li a, .megamenu .right ul li {
    line-height: 19px;
}
.megamenu .right .col_52 {
    padding-left: 3%;
}
.megamenu .right h3.orange {
    color: #DC6E33;
    font-weight: 500;
    margin-bottom: 7px;
}
.megamenu .right h5 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
}
.menu_contact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 22px;
    margin-bottom: 8px;
}
.megamenu li .fullwidth .menu_contact a {
    font-size: 24px;
}
.megamenu li .fullwidth .menu_contact a:nth-child(2n) {
    color: #DC6E33;
}
.menu_contact img {
    vertical-align: middle;
    margin-right: 10px;
    max-height: 45px;
}
/*  _____________________________________________________________________________

    03 DROP DOWN SPECIFIC CONTAINERS
    _____________________________________________________________________________  */
.megamenu .drop1column {
  width: 8%;
}

.megamenu .drop2columns {
  width: 16%;
}

.megamenu .drop3columns {
  width: 24%;
}

.megamenu .drop4columns {
  width: 32%;
}

.megamenu .drop5columns {
  width: 40%;
}

.megamenu .drop6columns {
  width: 49%;
}

.megamenu .drop7columns {
  width: 57%;
}

.megamenu .drop8columns {
  width: 65%;
}

.megamenu .drop9columns {
  width: 73%;
}

.megamenu .drop10columns {
  width: 81%;
}

.megamenu .drop11columns {
  width: 89%;
}

.megamenu .drop12columns {
  width: 100%;
}

/*  _____________________________________________________________________________

    04 COLUMNS GRID
    _____________________________________________________________________________  */
.megamenu .col_1,
.megamenu .col_2,
.megamenu .col_3,
.megamenu .col_31,
.megamenu .col_4,
.megamenu .col_5,
.megamenu .col_6,
.megamenu .col_7,
.megamenu .col_8,
.megamenu .col_9,
.megamenu .col_10,
.megamenu .col_11,
.megamenu .col_12,
.megamenu .col_51,
.megamenu .col_52 {
  float: left;
  display: inline;
  position: relative;
  padding: 0 10px;
  text-align: left;
}
@media (max-width: 1024px) {
  .megamenu .col_1,
  .megamenu .col_2,
  .megamenu .col_3,
  .megamenu .col_31,
  .megamenu .col_4,
  .megamenu .col_5,
  .megamenu .col_6,
  .megamenu .col_7,
  .megamenu .col_8,
  .megamenu .col_9,
  .megamenu .col_10,
  .megamenu .col_11,
  .megamenu .col_12,
.megamenu .col_51,
.megamenu .col_52 {
    padding: 0px 5px;
  }
}

.megamenu .col_1 {
  width: 10%;
}

.megamenu .col_2 {
  width: 20%;
}

.megamenu .col_3 {
  width: 25%;
}
.megamenu .col_31 {
  width: 30%;
}
.megamenu .col_4 {
  width: 33.33%;
}

.megamenu .col_5 {
  width: 40%;
}
.megamenu .col_51 {
  width: 42%;
}
.megamenu .col_52 {
  width: 58%;
}
.megamenu .col_6 {
  width: 50%;
}

.megamenu .col_7 {
  width: 60%;
}

.megamenu .col_8 {
  width: 66.66%;
}

.megamenu .col_9 {
  width: 75%;
}

.megamenu .col_10 {
  width: 80%;
}

.megamenu .col_11 {
  width: 90%;
}

.megamenu .col_12 {
  width: 100%;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/*  _____________________________________________________________________________

    05 DROP DOWN TYPOGRAPHY
    _____________________________________________________________________________  */
.megamenu p,
.megamenu h1,
.megamenu h2,
.megamenu h3,
.megamenu h4,
.megamenu h5,
.megamenu h6 {
  padding: 0;
  margin: 0;
  color: #000000;
  text-shadow: 0px 0px 0px #000;
}

.megamenu p {
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 18px;
}

.megamenu h1,
.megamenu h2 {
  font-size: 16px;
  color: #000000;
  background: url("../img/menu_separator.jpg") bottom repeat-x;
  padding-bottom: 6px;
  padding-top: 6px;
}

.megamenu h1,
.megamenu h2,
.megamenu h3 {
  margin-bottom: 18px;
}

.megamenu h4,
.megamenu h5,
.megamenu h6 {
  margin-bottom: 12px;
}

.megamenu h1 {
  font-size: 36px;
  line-height: 36px;
}

.megamenu h2 {
  font-size: 16px;
  line-height: 16px;
  float: left;
}

.megamenu h2 img {
  float: left;
}

.menu_brown .megamenu li .fullwidth a {
  padding: 0;
  margin: 0;
}

.megamenu h3 {
  font-size: 28px;
  line-height: 28px;
}

.megamenu h4 {
  font-size: 21px;
  line-height: 24px;
}

.megamenu h5 {
  font-size: 18px;
  line-height: 28px;
}

.megamenu h6 {
  font-family: 'Questrial', sans-serif;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}

/* Links */
.megamenu li .dropcontent a,
.megamenu li .fullwidth a {
  text-transform: none;
  font-size: 16px;
  text-shadow: 0px 0px 0px #000;
  display: inline;
  line-height: 27px;
  vertical-align: top;
}

.megamenu li .dropcontent a:hover,
.megamenu li .fullwidth a:hover {
  font-weight: 600;
}

/* Images & Boxes */
.megamenu li .black_box {
  background-color: #ffffff;
  color: #1b1b1b;
  text-align: left;
  text-shadow: 0px 0px 0px #000;
  padding: 10px 8px 10px 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 0px #1b1b1b;
  -moz-box-shadow: inset 0 0 0px #1b1b1b;
  box-shadow: inset 0 0 0px #1b1b1b;
}

.megamenu .imgshadow {
  background: #000000;
  padding: 4px;
  border: 1px solid #cccccc;
  margin-top: 5px;
  margin-bottom: 18px;
  -webkit-box-shadow: 0 0 5px #000000;
  -moz-box-shadow: 0 0 5px #000000;
  box-shadow: 0 0 5px #000000;
}

.megamenu .img_left {
  float: left;
  margin-right: 12px;
}

.megamenu .img_right {
  float: right;
  margin-left: 12px;
}

/* Lists */
.megamenu li ul {
  list-style: none;
  padding: 0;
  margin: 0 0 12px 0;
  clear: both;
}

.megamenu li ul li {
  font-size: 11px;
  line-height: 26px;
  padding: 0;
  float: none;
  text-align: left;
}
.menu_brown .megamenu li a.menu-title {
    color: #9a8d7a!important;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.col-flex {
    display: flex;
    width: 100%;
    padding-bottom: 25px;
}
.col-flex .col_2 {    
    padding: 0 3% 3%;border-left: 1px solid #dededc;
}
.col-flex .col_2:nth-child(1){border-left:none;}
.megamenu .col_2.text-center {
    text-align: center;
}
#bath_hardware .col_2 ul {
  width: 100%;
}

#cabinet .col_2 ul {
  width: 100%;
}

#bath_hardware .fullwidth .col_2 li,
#cabinet .fullwidth .col_2 li {
  text-align: center !important;
}

#bath_hardware .fullwidth .col_2 li a,
#cabinet .fullwidth .col_2 li a {
  line-height: 18px;
}

#bath_hardware .fullwidth .col_2 li img,
#cabinet .fullwidth .col_2 li img {
  display:block;
  margin:auto;
  margin-bottom: 8px;
}

.megamenu li ul li:hover {
  background: none;
  border: none;
}

.megamenu ul.list,
.megamenu ul.list2,
.megamenu ol.num,
.megamenu ol.num2 {
  margin: 0 0 18px 20px;
  padding: 0;
}

.megamenu ul.list li,
.megamenu ul.list2 li,
.megamenu ol.num li,
.megamenu ol.num2 li {
  padding: 0 0 0 12px;
  line-height: 24px;
}

.megamenu .list li {
  list-style: disc;
}

.megamenu .list2 li {
  list-style: square;
}

.megamenu .num li {
  list-style: decimal;
}

.megamenu .num2 li {
  list-style: upper-latin;
}

.megamenu li .dropcontent ul.list li a,
.megamenu li .dropcontent ul.list2 li a,
.megamenu li .dropcontent ol.num li a,
.megamenu li .dropcontent ol.num2 li a,
.megamenu li .fullwidth ul.list li a,
.megamenu li .fullwidth ul.list2 li a,
.megamenu li .fullwidth ol.num li a,
.megamenu li .fullwidth ol.num2 li a {
  color: #cccccc;
}

.megamenu li .dropcontent ul.list li a:hover,
.megamenu li .dropcontent ul.list2 li a:hover,
.megamenu li .dropcontent ol.num li a:hover,
.megamenu li .dropcontent ol.num2 li a:hover,
.megamenu li .fullwidth ul.list li a:hover,
.megamenu li .fullwidth ul.list2 li a:hover,
.megamenu li .fullwidth ol.num li a:hover,
.megamenu li .fullwidth ol.num2 li a:hover {
  color: #ffffff;
}

.megamenu ul.thumbnails li {
  margin-bottom: 18px;
}

.megamenu ul.categories {
  background: url("../img/menu_separator.jpg") top repeat-x;
}

.megamenu ul.categories li,
.megamenu ul.categories li:hover {
  background: url("../img/menu_separator.jpg") bottom repeat-x;
  padding: 5px 0 5px 0;
}

.megamenu li .dropcontent ul.categories li a,
.megamenu li .fullwidth ul.categories li a {
  color: #cccccc;
}

.megamenu li .dropcontent ul.categories li a:hover,
.megamenu li .fullwidth ul.categories li a:hover {
  color: #ffffff;
}

/* Paragraphs with Icons */
.megamenu .calendar,
.megamenu .note,
.megamenu .help,
.megamenu .delete,
.megamenu .favorite,
.megamenu .lock,
.megamenu .archive,
.megamenu .briefcase,
.megamenu .search,
.megamenu .user {
  padding-left: 0px;
  padding-top: 15px;
}

.megamenu .calendar {
  background: url("../img/icons/calendar.png") no-repeat 0 5px;
}

.megamenu .note {
  background: url("../img/icons/note.png") no-repeat 0 5px;
}

.megamenu .archive {
  background: url("../img/icons/archive.png") no-repeat 0 5px;
}

.megamenu .search {
  background: url("../img/icons/search.png") no-repeat 0 5px;
}

.megamenu .help {
  background: url("../img/icons/help.png") no-repeat 0 5px;
}

.megamenu .delete {
  background: url("../img/icons/delete.png") no-repeat 0 5px;
}

.megamenu .favorite {
  background: url("../img/icons/favorite.png") no-repeat 0 5px;
}

.megamenu .lock {
  background: url("../img/icons/lock.png") no-repeat 0 5px;
}

.megamenu .briefcase {
  background: url("../img/icons/briefcase.png") no-repeat 0 5px;
}

.megamenu .user {
  background: url("../img/icons/user.png") no-repeat 0 5px;
}

/* Paragraphs with borders */
.megamenu .dark,
.megamenu .brown,
.megamenu .yellow,
.megamenu .red,
.megamenu .blue,
.megamenu .green {
  padding-left: 15px;
  color: #cccccc;
  margin-bottom: 18px;
}

.megamenu .dark {
  border-left: #3B3B3B solid 7px;
}

.megamenu .brown {
  border-left: #8D8767 solid 7px;
}

.megamenu .yellow {
  border-left: #DBA742 solid 7px;
}

.megamenu .red {
  border-left: #C05D48 solid 7px;
}

.megamenu .blue {
  border-left: #52878B solid 7px;
}

.megamenu .green {
  border-left: #B0BD85 solid 7px;
}

/* Tables */
.megamenu .table_light,
.megamenu .table_dark {
  width: 100%;
  padding: 0;
  margin: 6px 0 18px 0;
  font-size: 12px;
}

.megamenu .table_light th,
.megamenu .table_dark th {
  text-align: left;
  padding: 12px 9px 12px 9px;
  font-weight: bold;
  font-size: 12px;
}

.megamenu .table_light {
  border: 1px solid #cbcbcb;
  border-bottom: none;
}

.megamenu .table_light th {
  color: #3A3A3A;
  border-bottom: 1px solid #41402C;
  background: #F5F5F5;
}

.megamenu .table_light td {
  border-bottom: 1px solid #41402C;
  background: #fff;
  padding: 12px 9px 12px 9px;
  color: #888;
}

.megamenu .table_dark {
  border: 1px solid #000;
  border-bottom: none;
}

.megamenu .table_dark th {
  color: #FFF;
  border-bottom: 1px solid #000;
  background: #0D0D0D;
}

.megamenu .table_dark td {
  border-bottom: 1px solid #000;
  background: #0F0F0F;
  padding: 12px 9px 12px 9px;
  color: #DDD;
}

/* Form Elements */
.megamenu form {
  font-size: 10px;
  margin: 0;
  padding: 0;
  width: 100%;
}

.megamenu legend,
.megamenu label {
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.megamenu input,
.megamenu textarea,
.megamenu select {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10px;
  padding: 5px;
  margin: 5px 0 5px 0;
  background: #f5f5f5;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.megamenu .radio,
.megamenu .checkbox,
.megamenu .radio:hover,
.megamenu .checkbox:hover {
  background: none;
  border: none;
}

.megamenu select {
  width: 260px;
}

.megamenu textarea {
  width: 360px;
  height: 110px;
}

.megamenu input:hover,
.megamenu textarea:hover {
  border: 1px solid #ccc;
}

.megamenu textarea:hover {
  border: 1px solid #BBB;
}

.megamenu .button {
  margin-right: 18px;
  padding: 4px;
}

/* Dropcap */
.megamenu .dropcap {
  display: block;
  float: left;
  font-size: 42px;
  line-height: 36px;
  margin: 2px 8px 0 0;
}

.megamenu .blackbg {
  background: #000000;
}

/*  _____________________________________________________________________________

    06 COLORS
    _____________________________________________________________________________  */
/* Blue */
.menu_blue {
  background-color: #536987;
}

.menu_blue .megamenu li .dropcontent a,
.menu_blue .megamenu li .fullwidth a {
  color: #6a82a3;
}

.menu_blue .megamenu li .dropcontent a:hover,
.menu_blue .megamenu li .fullwidth a:hover {
  color: #536987;
}

/* Brown */
.menu_brown {
  background-color: #4b4536;
}

.menu_brown .megamenu li .dropcontent a,
.menu_brown .megamenu li .fullwidth a {
  color: #4b4536;
}

.menu_brown .megamenu li .dropcontent a:hover,
.menu_brown .megamenu li .fullwidth a:hover {
  color: #cc6600;
}

/* Cherry */
.menu_cherry {
  background-color: #ab2d5c;
}

.menu_cherry .megamenu li .dropcontent a,
.menu_cherry .megamenu li .fullwidth a {
  color: #cc3f73;
}

.menu_cherry .megamenu li .dropcontent a:hover,
.menu_cherry .megamenu li .fullwidth a:hover {
  color: #ab2d5c;
}

/* Coffee */
.menu_coffee {
  background-color: #7b675c;
}

.menu_coffee .megamenu li .dropcontent a,
.menu_coffee .megamenu li .fullwidth a {
  color: #978073;
}

.menu_coffee .megamenu li .dropcontent a:hover,
.menu_coffee .megamenu li .fullwidth a:hover {
  color: #7b675c;
}

/* Green */
.menu_green {
  background-color: #788951;
}

.menu_green .megamenu li .dropcontent a,
.menu_green .megamenu li .fullwidth a {
  color: #93a568;
}

.menu_green .megamenu li .dropcontent a:hover,
.menu_green .megamenu li .fullwidth a:hover {
  color: #788951;
}

/* Grey */
.menu_grey {
  background-color: #6a6a6a;
}

.menu_grey .megamenu li .dropcontent a,
.menu_grey .megamenu li .fullwidth a {
  color: #8c8c8c;
}

.menu_grey .megamenu li .dropcontent a:hover,
.menu_grey .megamenu li .fullwidth a:hover {
  color: #6a6a6a;
}

/* Ocean */
.menu_ocean {
  background-color: #528a8f;
}

.menu_ocean .megamenu li .dropcontent a,
.menu_ocean .megamenu li .fullwidth a {
  color: #6aa5aa;
}

.menu_ocean .megamenu li .dropcontent a:hover,
.menu_ocean .megamenu li .fullwidth a:hover {
  color: #528a8f;
}

/* Orange */
.menu_orange {
  background-color: #e34f00;
}

.menu_orange .megamenu li .dropcontent a,
.menu_orange .megamenu li .fullwidth a {
  color: #ff6717;
}

.menu_orange .megamenu li .dropcontent a:hover,
.menu_orange .megamenu li .fullwidth a:hover {
  color: #e34f00;
}

/* Pink */
.menu_pink {
  background-color: #d50065;
}

.menu_pink .megamenu li .dropcontent a,
.menu_pink .megamenu li .fullwidth a {
  color: #ff097d;
}

.menu_pink .megamenu li .dropcontent a:hover,
.menu_pink .megamenu li .fullwidth a:hover {
  color: #d50065;
}

/* Purple */
.menu_purple {
  background-color: #68449a;
}

.menu_purple .megamenu li .dropcontent a,
.menu_purple .megamenu li .fullwidth a {
  color: #815ab7;
}

.menu_purple .megamenu li .dropcontent a:hover,
.menu_purple .megamenu li .fullwidth a:hover {
  color: #68449a;
}

/* Red */
.menu_red {
  background-color: #b82323;
}

.menu_red .megamenu li .dropcontent a,
.menu_red .megamenu li .fullwidth a {
  color: #d83636;
}

.menu_red .megamenu li .dropcontent a:hover,
.menu_red .megamenu li .fullwidth a:hover {
  color: #b82323;
}

/* Tan */
.menu_tan {
  background-color: #837361;
}

.menu_tan .megamenu li .dropcontent a,
.menu_tan .megamenu li .fullwidth a {
  color: #9c8c7b;
}

.menu_tan .megamenu li .dropcontent a:hover,
.menu_tan .megamenu li .fullwidth a:hover {
  color: #837361;
}

/* Yellow */
.menu_yellow {
  background-color: #caa616;
}

.menu_yellow .megamenu li .dropcontent a,
.menu_yellow .megamenu li .fullwidth a {
  color: #e8c22c;
}

.menu_yellow .megamenu li .dropcontent a:hover,
.menu_yellow .megamenu li .fullwidth a:hover {
  color: #caa616;
}

/*  _____________________________________________________________________________

    07 VERTICAL VARIANT
    _____________________________________________________________________________  */
.megamenu_container_vertical {
  width: 140px;
  float: left;
  position: relative;
  border: solid 1px #000000;
  background-image: url("../img/bg.png");
}

.megamenu_container_vertical .megamenu li {
  margin: 0;
  width: 140px;
}

.megamenu_container_vertical .megamenu li .drop {
  padding-right: 30px;
  background: url("../img/right.png") no-repeat right center;
}

.megamenu_container_vertical .megamenu li.right {
  float: left;
  margin-right: auto;
}

.megamenu_container_vertical .megamenu li.right a {
  margin-right: auto;
}

.megamenu_container_vertical .megamenu li .dropcontent,
.megamenu_container_vertical .megamenu li .fullwidth {
  margin: -44px auto 0 140px;
  top: auto;
  -moz-border-radius: 0 4px 4px 4px;
  -webkit-border-radius: 0 4px 4px 4px;
  border-radius: 0 4px 4px 4px;
}

.megamenu_container_vertical .megamenu li .dropfirst {
  margin: -45px auto 0 140px;
  /* Fixes a 1px issue for the 1st drop down */
}

.megamenu_container_vertical .megamenu li .align_right {
  right: auto;
}

.megamenu_container_vertical .megamenu li:hover .align_right {
  left: auto;
  right: auto;
}

.megamenu_container_vertical .megamenu .levels li:hover ul ul,
.megamenu_container_vertical .megamenu .levels li:hover ul ul ul {
  left: -999em;
}

.megamenu_container_vertical .megamenu .levels li:hover ul {
  left: 130px;
}

.megamenu_container_vertical .megamenu .levels li li:hover ul,
.megamenu_container_vertical .megamenu .levels li li li:hover ul {
  left: 130px;
}

.megamenu li p a {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 21px !important;
  text-decoration: underline;
  color: #000 !important;
}

.megamenu li p a:hover {
  font-weight: normal !important;
  color: #cc6600 !important;
}

/*
footer
-----------*/
footer {
  border-top: 7px solid #4b4536;
  background: #fff;
}
footer .footer-top {
  padding-top: 10px;
    background: #f1f0ec;
}
@media (max-width: 767px) {
  footer .footer-top {
    padding-top: 15px;
  }
}
footer #copyright {
  padding: 5px 0px 35px;margin-top: 25px;
    border-top: 1px solid #dededc;
}
footer #copyright .copyright {
  font-family: "Questrial";
  text-transform: none;
  line-height: 26px;
  padding: 0px 0;
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  color: #000000;
  color: #4c4944;
  float: left;
  width: 50%;
}
footer #copyright .copyright a {
  font-size: 11px;
  font-weight: 400;
  color: "Questrial";
}
@media (max-width: 1024px) {
  footer #copyright .copyright {
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  footer #copyright .copyright {
    font-size: 11px;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 767px) {
  footer #copyright {
    padding: 20px 0px 30px 0px;
  }
}
footer > .m-container {
  max-width: 980px;
  padding: 35px 0px 0px 0px;
}
footer > .m-container .globalFooter {
  float: right;
  width: 100%;
  overflow: hidden;
}
footer > .m-container .globalFooter img {
  max-width: 100%;
}
@media (max-width: 1024px) {
  footer > .m-container {
    padding: 30px 10px 0;
  }
}
@media (max-width: 767px) {
  footer > .m-container {
    padding: 0px 0px 0;
    border-top: none;
    padding-left: 0;
    padding-right: 0;
  }
  footer > .m-container .footer-left,
  footer > .m-container .footer-right {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
  }
  footer > .m-container .footer-right {
    padding-left: 20px;
    padding-right: 20px;
  }
  footer > .m-container .globalFooter {
    display: block;
    float: none;
  }
  footer > .m-container .copyright {
    text-align: center;
  }
}

/*
Extra pages
----------------*/
.extra-pages {
  float: left;
  width: 66%;
  margin-top: 10px;
}
.extra-pages > div {
  float: left;
  width: 50%;
  padding: 0px 20px 0px 0px;
}
@media (max-width: 767px) {
  .extra-pages > div {
    width: 100%;padding: 0;
    text-align: center;
  }
}
.extra-pages .f-headers {
  font-weight: 400;
  font-family: "Questrial";
  color: #DC6E33;
  font-size: 18px;
  background: none;
  cursor: pointer;
  text-align: left;
  line-height: 24px;
  text-transform: none;
  display: none;
}
@media (max-width: 1024px) {
  .extra-pages .f-headers {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .extra-pages .f-headers {
    font-size: 17px;
    text-align: left;
    line-height: 32px;
    border-top: 1px solid #669934;
    border-bottom: 1px solid #669934;
    padding: 0 15px;
    margin-top: -1px;
  }
  .extra-pages .f-headers:before {
    content: "+";
    margin-right: 15px;
  }
  .extra-pages .f-headers.open:before {
    content: "\2013";
  }
}
.extra-pages ul {
  zoom: 1;
  display: block;
  float: left;
  width: 100%;
  text-align: left;
  padding: 0px 0px 0px 0px;
  list-style: none;
  margin-bottom: 15px;
}
.extra-pages ul:before {
  content: "";
  display: table;
}
.extra-pages ul:after {
  clear: both;
}
.extra-pages ul > li {
  margin: 0;
  padding: 0 0px 0 0px;
  width: 100%;
  float: left;
  line-height: 1.3;
}
.extra-pages ul > li > a {
  font-size: 14px;
  color: #000000;
  color: #4c4944;
  text-decoration: none;
  font-weight: 400;
  line-height: 18px;
}
.extra-pages ul > li > a:hover {
  color: #DC6E33;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .extra-pages ul > li > a {
    font-size: 13px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .extra-pages ul {
    margin: 15px 0;
  }
  .extra-pages ul > li {
    display: block;
    margin-right: 0;
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 1024px) {
  .extra-pages {
    width: 61%;
  }
}
@media (max-width: 767px) {
  .extra-pages {
    padding: 10px 0;
    width: 100%;
    border-top: none;
    margin-top: 0;
  }
}
.extra-pages .quick-links-btn {
  color: #fff;
  background: #E37940;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  padding: 10px;
  font-weight: bold;
  margin-bottom: 10px;
  display: none;
}
.extra-pages .quick-links-btn:before {
  content: "+";
  margin-right: 5px;
}
.extra-pages .quick-links-btn.open:before {
  content: "\2013";
}
@media (max-width: 767px) {
  .extra-pages .quick-links-btn {
    display: block;
  }
}

.payment {  
  text-align: right;
}
.payment span {
  margin-left: 10px;
}
.payment img {
    width: 50px;
}
@media (max-width: 767px) {
  .payment span {
    margin: 0 7px;
  }
}
@media (max-width: 767px) {

}
@media (max-width: 767px) {
  .payment {
    width: 100%;
    text-align: center;
    margin: 0px 0 10px 0;
  }
}

.footer-seals {
  text-align: center;
}
.footer-seals > div {
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  padding: 0 20px;
}
@media (max-width: 767px) {
  .footer-seals > div {
    padding: 0 10px;
  }
}

/*
Mailing List
-----------------*/
.mailinglist {
  float: right;
  width: 34%;
}
@media (max-width: 1024px) {
  .mailinglist {
    width: 39%;
  }
}
@media (max-width: 767px) {
  .mailinglist {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 0px;
  }
}

.mailinglist_text {
  font-size: 14px;
  font-weight: 400;
  font-family: "Questrial";
  color: #000000;
  line-height: 16px;
  text-transform: none;
  margin-bottom: 5px;
}
@media (max-width: 1024px) {
  .mailinglist_text {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .mailinglist_text {
    text-align: left;
    font-size: 13px;
  }
}

.mailinglist-form {
  max-width: 100%;
  width: 100%;
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
}

.mailinglist-txt {
  margin: 0;
  width: 100%;
  height: 30px;
  padding: 5px 80px 5px 12px;
  font-size: 12px;
  text-transform: none;
  border: none;
  background: none;
  font-family: "Questrial";
  color: #696969;
}

.mailinglist-btn {
  position: absolute;

  width: auto;
  padding: 0px 12px 2px 12px;
  border: none;
  height: 100%;
  line-height: 28px;
  color: #fff;
  font-family: "Questrial";
  font-size: 14px;
  top: 0;
  right: 0px;
  cursor: pointer;
  background: #E37940;
  -webkit-appearance: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.mailinglist-btn:hover {
  color: #fff;
  background: #DC6E33;
}

.mailinglist-options {
  margin-top: 10px;
}

.mailinglist-subscribe {
  line-height: 1;
  font-size: 12px;
  margin: 12px 20px 10px 5px;
  color: #000;
  float: left;
}

.mailinglist-subscribe input[type="radio"] {
  margin: 0;
  margin-right: 5px;
  float: left;
}

.mobile-search-area {
  width: 50%;
    max-width: 400px;
    padding: 24px 0 0 0px;
    float: left;
}
@media (max-width: 1024px) {
  
}
@media (max-width: 767px) {
  div.mobile-search-area {
    width: 100%;
        max-width: 100%;
        float: left;
        padding: 0;
  }
}

.search-area {
  width: 100%;
  padding: 0px;
  float: right;
}
@media (max-width: 1024px) {
  .search-area {
    width: 100%;
  }
}

.searchBox {
  max-width: 100%;
    width: 100%;
    position: relative;
    border: 2px solid #dfdfdf;
    padding: 1px;
    background: none;
    text-align: left;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
}

.search-text {
  margin: 0;
  width: 77%;
  height: 38px;
  line-height: 36px;
  padding: 0px 10px 0px 13px;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  background: #fff;
  font-family: "Questrial";
  color: #999;
  border: none;
  border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
}
.search-text::placeholder{
    color: #999;
}
@media (max-width: 1024px) {
  .search-text {
    width: 85%;
  }
}

.search-btn {  
    position: absolute;
    top: 0px;
    right: 0px;
    min-height: 100%;
    border: none;
    width: 50px;
    padding: 0;    
    border: none;
    background: transparent;
    -webkit-appearance: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 2px solid #dfdfdf;
}
@media (max-width: 1024px) {
  .search-btn {
    width: 15%;
  }
}
@media (max-width: 767px) {
  .search-btn {
    width: 65px;
  }
}

.m-search-area {
  position: fixed;
  width: 300px;
  height: 140px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: white;
  background: rgba(255, 255, 255, 0.95);
  z-index: 500;
  display: none;
}
.m-search-area .search-area {
  width: 250px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 34px;
}
.m-search-area .search-area .searchBox {
  display: block;
}
.m-search-area .mob-search-close {
  color: #DC6E33;
  font-size: 24px;
  padding: 5px;
  text-align: right;
}
.m-search-area .mob-search-close i {
  cursor: pointer;
}

/*******************************************************/
/*       Social Icons     */
/*******************************************************/
.social-icons {
  
}
.social-icons span {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  font-family: "Questrial";
  color: #000;
  line-height: 20px;
  text-transform: none;
  margin-right: 5px;
}
@media (max-width: 1024px) {
  .social-icons span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .social-icons {
    width: 100%;
    text-align: center;
        margin: 10px 0 10px 0;
    padding: 0 20px;
  }
  .social-icons span {
    display: none;
  }
}
.social-icons img {
    width: 35px;
    display: block;
}
.social-icons a {
  font-size: 22px;
  text-decoration: none;
  color: #DC6E33;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  background: #fff;
  float: none;
  /*
  	width: 34px;
  	height: 34px;
  */
  display: inline-block;
  margin: 0px 3px;
  text-align: center;
  line-height: 34px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
@media (max-width: 1024px) {
  .social-icons a {
    font-size: 18px;
  }
}

.social-icons a:hover {
  text-decoration: none;
  -webkit-box-shadow: 0px 0px 7px 1px #DC6E33;
  -moz-box-shadow: 0px 0px 7px 1px #DC6E33;
  box-shadow: 0px 0px 7px 1px #DC6E33;
}

.social-icons a.facebook:after {
  content: '\e81b';
  color: #3f5898;
}

.social-icons a.twitter:after {
  content: '\e817';
  color: #24ace0;
}

.social-icons a.gplus:after {
  content: '\e819';
  color: #e62c2e;
}

.social-icons a.youtube:after {
  content: '\e818';
  color: #e62c2e;
}

.social-icons a.pinterest:after {
  content: '\e815';
  color: #ff0000;
}

.social-icons a.instagram:after {
  content: '\e813';
  color: #5783a6;
}

.social-icons a.tumblr:after {
  content: '\e816';
}

.social-icons a.blog:after {
  content: '\e809';
}

@media (max-width: 767px) {
  footer .social-icons span {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  footer .social-icons a {
    height: 28px;
    width: 28px;
    line-height: 28px;
  }
}

/*********************************/
/*Top Sellers*/
/*********************************/
.Tsellers-section {
  height: auto;
  min-height: 95px;
  margin: 0px 0px 0px 0px;
  padding: 12px 0px 15px 82px;
  background: none;
  position: relative;
  text-align: center;
  border-top: 1px solid #D8CE91;
}
@media (max-width: 767px) {
  .Tsellers-section {
    padding: 15px 0px 15px 0px;
    margin: 0 15px;
    border-top: 1px solid #D8CE91;
  }
}

.Tsellers-section-top {
  border-top: none;
  padding: 12px 0px 15px 0px;
}

.Tsellers-section .image-container {
  width: 75px;
  height: 62px;
  background: #fff;
  border: 1px solid #81766F;
  margin-bottom: 6px;
  padding: 0px;
  text-align: center;
  position: absolute;
  left: 0;
}

.Tsellers-section .image-container img {
  max-width: 95%;
  max-height: 95%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.Tsellers-section .products-info {
  font-size: 12px;
  font-family: "Questrial";
  font-weight: normal;
  color: #000000;
  text-align: left;
  text-transform: none;
  line-height: 15px;
  padding: 0px;
  margin: 2px 0px;
}

.Tsellers-section .products-info a, .Tsellers-section .products-info a:visited {
  font-size: 12px;
  font-family: "Questrial";
  font-weight: normal;
  color: #000000;
  line-height: 15px;
  text-transform: none;
  text-decoration: none;
}
@media (max-width: 767px) {
  .Tsellers-section .products-info a, .Tsellers-section .products-info a:visited {
    color: #000000;
  }
}

.Tsellers-section .products-info a:hover, .Tsellers-section .products-info a:visited:hover {
  color: #E37940;
  text-decoration: none;
}
@media (max-width: 767px) {
  .Tsellers-section .products-info a:hover, .Tsellers-section .products-info a:visited:hover {
    color: #000000;
  }
}

.Tsellers-section .products-price {
  color: #E37940;
  font-weight: 400;
  font-family: "Questrial";
  font-size: 14px;
  text-align: left;
  line-height: 18px;
  padding: 0px 0px;
  margin: 0px 0px;
  float: left;
  width: 100%;
  display: none;
}
@media (max-width: 767px) {
  .Tsellers-section .products-price {
    color: #E37940;
  }
}

.Tsellers-section .products-review {
  text-align: left;
  padding: 0px 0px 0px 0px;
  height: 14px;
  float: right;
  width: 100%;
}

.Tsellers-section .products-review img {
  vertical-align: top;
  line-height: 1;
}

.Tsellers-section-top {
  padding-bottom: 15px;
  margin-bottom: 0px;
  text-align: left;
}

.Tsellers-section-top .image-container {
  display: block;
  float: left;
  width: 100%;
  height: 140px;
  position: relative;
}
@media (max-width: 767px) {
  .Tsellers-section-top .image-container {
    display: none;
  }
}

.Tsellers-section-top .image-container img {
  max-width: 90%;
}

.Tsellers-section-top .products-review {
  float: left;
  text-align: left;
  width: 100%;
}
@media (max-width: 767px) {
  .Tsellers-section-top .products-review {
    width: 100%;
  }
}

.Tsellers-section-top .products-price {
  float: left;
  text-align: left;
  width: 100%;
  display: block;
}
@media (max-width: 767px) {
  .Tsellers-section-top .products-price {
    width: 100%;
  }
}

.Tsellers-section-top .products-info {
  float: left;
  text-align: left;
  width: 100%;
}
@media (max-width: 767px) {
  .Tsellers-section-top .products-info {
    width: 100%;
  }
}

/*top-sellers-star:: Controls the background image and style for the top ranking item star.*/
.top-sellers-star {
  width: 45px;
  height: 41px;
  line-height: 44px;
  background: url(images/tseller.png) no-repeat top right;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0px;
  font-family: "Questrial";
  font-size: 0;
  font-weight: bold;
  color: #fff;
  text-align: center;
  z-index: 1;
  display: none;
}

/*ranking:: Controls the way the menu icons display if they are being used.*/
.ranking {
  font-family: "Questrial";
  font-size: 15px;
  font-weight: 400;
  color: #000000;
  padding: 0px;
  text-align: left;
  height: 20px;
  width: 15px;
  line-height: 1.35;
  position: absolute;
  left: 0px;
  top: 14px;
  display: none;
}

/***************************************/
/*   Styled Divs to replace Selects    */
/***************************************/
#Brands_section {
  background: #E37940;
}

#Brands_items, #Brands_items2 {
  position: relative;
  padding: 0 12px;
}

#Brands_items .all-guides, #Brands_items2 .all-guides {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 36px;
  z-index: 5;
}

#Show-Brands, #Show-Brands2 {
  font-family: "Questrial";
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  background: #e8e8e8 url(images/d-arrow.png) right center no-repeat;
  width: 100%;
  height: 34px;
  line-height: 32px;
  border: 1px solid #d4d4d4;
}

#Show-Brands .hov, #Show-Brands2 .hov {
  cursor: pointer;
  padding: 0px 34px 0px 10px;
}

.all-guides {
  list-style: none !important;
  margin: 0px !important;
  padding: 2px !important;
  background: #e8e8e8 !important;
  border: 1px solid #d4d4d4;
  height: 156px !important;
  overflow: auto !important;
  display: none;
}

.all-guides li {
  line-height: 20px;
  float: none !important;
  margin: 0 !important;
}

.all-guides li:hover {
  color: #fff;
  background: #E37940;
}

.all-guides a, .all-guides a:visited {
  display: block;
  text-decoration: none !important;
  line-height: 20px;
  color: #000000;
  font-size: 14px;
  padding: 5px 5px !important;
}

.all-guides a:hover, .all-guides a:visited:hover {
  color: #fff !important;
  text-decoration: none !important;
}

#home h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  line-height: 28px;
  text-align: center;
}
@media (max-width: 1024px) {
  #home {
    padding: 0 0px;
  }
}
#home #homeCarousel {
  background: #fff;
  padding: 10px;
  margin-top: 10px;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3) !important;
}
@media (max-width: 1024px) {
  #home .productBlockContainer {
    margin: 0 -20px;
  }
}
@media (max-width: 1024px) {
  #home .product-container {
    width: 25% !important;
    padding: 0;
  }
}
@media (max-width: 767px) {
  #home .product-container {
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin: 0 auto 12px auto !important;
    display: block;
    max-width: 300px;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
    display: block;
  }
}
@media (max-width: 1024px) {
  #home .product-container.middle-item {
    width: 25% !important;
  }
}
@media (max-width: 767px) {
  #home .product-container.middle-item {
    max-width: 300px;
    width: 100% !important;
  }
}
@media (max-width: 1024px) {
  #home .product-container.first-item {
    width: 25% !important;
  }
}
@media (max-width: 767px) {
  #home .product-container.first-item {
    max-width: 300px;
    width: 100% !important;
  }
}
@media (max-width: 1024px) {
  #home .product-container.last-item {
    width: 25% !important;
  }
}
@media (max-width: 767px) {
  #home .product-container.last-item {
    max-width: 300px;
    width: 100% !important;
  }
}
#home .product-item {
  padding: 15px 20px;
}

.homepage-footer-text {
  display: none;
  border-top: 1px solid #DC6E33;
  padding: 22px 0;
  line-height: 18px;
  color: #E37940;
  font-size: 14px;
}
.homepage-footer-text span {
  font-size: 30px;
  font-family: "Questrial";
}
@media (max-width: 767px) {
  .homepage-footer-text {
    text-align: center;
  }
}

/*********************************/
/*HomePage and Carousel*/
/*********************************/
.home-width img {
  display: block;
}

#home > div.home-width {
  text-align: justify;
}

#homeCarousel {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  /*	padding:8px;  */
  position: relative;
}
#homeCarousel > img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media (max-width: 1024px) {
  #homeCarousel {
    width: 100%;
  }
}

.homepage_silder {
  margin-bottom: 10px !important;
  margin: 0px auto !important;
}

.flexslider {
  background: rgba(255, 255, 255, 0.75) !important;
}

.flex-control-nav {
  z-index: 10;
  padding: 0 10px !important;
}

.flex-control-nav li {
  margin: 0 4px !important;
}

.flex-direction-nav a {
  line-height: 40px;
}

.feat-item-list {
  margin-bottom: 20px;
}

/*
Promo Banners
------------------*/
.promos {
  margin: 0px -4px;
}
.promos a {
  display: block;
  float: left;
  width: 33.33%;
  padding: 0 4px;
}
.promos img {
  display: block;
  width: 100%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.promos img:hover {
  -webkit-box-shadow: 0px 0px 7px 1px #DC6E33;
  -moz-box-shadow: 0px 0px 7px 1px #DC6E33;
  box-shadow: 0px 0px 7px 1px #DC6E33;
}
@media (max-width: 767px) {
  .promos {
    display: block;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .promos a {
    padding: 0px;
    margin: 0 auto 10px auto;
    float: none;
    width: 100%;
    max-width: 300px;
  }
}

.home-feat {
  float: left;
  width: 100%;
}
.home-feat ul {
  margin: 0px;
  margin-bottom: 35px;
  padding: 0px;
  list-style: none;
  text-align: center;
  float: left;
  width: 100%;
}
.home-feat ul li {
  width: 13%;
  height: 140px;
  background: #fff;
  float: left;
  margin-right: 1.5%;
  text-align: center;
  -webkit-box-shadow: 0px 0px 4px #aaa;
  -moz-box-shadow: 0px 0px 4px #aaa;
  box-shadow: 0px 0px 4px #aaa;
}
.home-feat ul li:last-child {
  margin-right: 0px;
}
.home-feat ul li a:hover {
  opacity: .7;
}
@media (max-width: 1024px) {
  .home-feat ul li {
    height: auto;
    /*
    				width:17.5%;
    				margin:0 1% 15px 1%;
    				float:none;
    				display:inline-block;
    */
  }
}
@media (max-width: 767px) {
  .home-feat ul li {
    width: 44.5%;
    margin: 0 2% 15px 2%;
    float: none;
    display: inline-block;
  }
}

.home-brands {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}
.home-brands ul {
  margin: 0px;
  margin-bottom: 6px;
  padding: 0px;
  list-style: none;
  float: left;
  text-align: center;
  width: 100%;
}
.home-brands ul li {
  width: 11%;
  height: 30px;
  background: none;
  float: left;
  margin-right: 1.5%;
  text-align: center;
}
.home-brands ul li:last-child {
  margin-right: 0px;
}
.home-brands ul li a:hover {
  opacity: .7;
}
@media (max-width: 1024px) {
  .home-brands ul li {
    width: 20%;
    margin: 0 1% 15px 1%;
    float: none;
    display: inline-block;
  }
}
.home-brands .see-all a, .home-brands .see-all a:visited {
  float: left;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
  padding-right: 18px;
  background: url(images/arrow2.png) no-repeat right;
}
@media (max-width: 1024px) {
  .home-brands .see-all a, .home-brands .see-all a:visited {
    float: none;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .home-brands {
    display: none;
  }
}

.home-latest_news {
  float: left;
  width: 100%;
  text-align: left;
}
.home-latest_news p {
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  padding: 0px;
  margin: 0px;
  margin-bottom: 15px;
}
.home-latest_news p span, .home-latest_news p span a {
  font-weight: 700;
  font-size: 14px;
  color: #dc6e33;
  padding-right: 3px;
}

.content-area.homebg {
  background: url(images/BG_Body2.jpg) top center repeat-x;
}

/*********************************/
/* Category */
/*********************************/
.breadcrumbs, .breadcrumbs a {
  font-size: 12px;
color: #000000;
}

.breadcrumbs:hover, .breadcrumbs a:hover {
  color: #a6501f;
}
.category-products .paging {
    width: auto;
    display: flex;
    align-items: center;
    margin-left: 8px;
    margin-bottom: 15px;    
    font-size: 15px;
line-height: 18px;
color: #4b4537;
font-weight: 400;
border-radius:0;
gap:7px;
}
.page-blocks{
    border: 1px solid #9d9a91;padding: 0 10px;line-height: 18px;
}
.category-products .paging a.pagebtn {
    border: 1px solid #9d9a91;
    width: 24px;
height: 28px;
background-color:transparent;
border-radius:0;
}
.category-products .paging strong,.category-products .paging a{
    background-color:transparent;border:none;min-width:0;padding:0 3px;margin:0;border-radius:0;
    color: #4b4537;font-weight: 400;line-height: 26px;
}
.category-products .paging strong{
    font-weight: 700;color: #DC6E33;
}
a.pagebtn span {
    color: #9d9a91;
}
.paging {
  width: 100%;
	text-align: right;
}
.paging > strong {
	color: #DC6E33;
	font-weight: 400;
	display: inline-block;
	line-height: 23px;
	height: 23px;
	width: 23px;
	margin: 0 2px;
	padding: 0px;
	background: #fff;
	border: 1px solid #DC6E33;
	text-align: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	min-width: 0;
}

.paging a {
  font-weight: 400;
  color: #000000;
  display: inline-block;
  line-height: 23px;
  height: 23px;
  min-width: 23px;
  margin: 0 2px;
  padding: 0 3px;
/* border: 1px solid #ADA69E; */
  background: #fff;
  text-align: center;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.paging a.no-border, .paging a.category-viewall {
  border: none;
}
.paging a strong {
  font-weight: 400;
}
.category-products .paging strong, .category-products .paging a{

    line-height: 28px;

    height: auto;

}

.category-actions .paging:before {

    content: "";

    position: absolute;

    left: 31px;

    top: 0;

    bottom: 0;

    right: 31px;

    pointer-events: none;

    border: 1px solid #9d9a91;

}

.category-actions .paging {

    padding-bottom: 0 !important;

    padding: 0 41px;

    line-height: 28px;

    position: relative;

}

.category-actions a.no-border:nth-of-type(1) ,.category-actions a.no-border:last-child {

    border: 1px solid #9d9a91;

    width: 24px;overflow: hidden;

    height: 28px;padding: 0 3px;

    background-color: transparent;

    border-radius: 0;

    color: transparent;

    font-weight: 400;

    line-height: 26px;

}

.category-actions a.no-border:nth-of-type(1){

    position: absolute;left:0;top:0;

}

.category-actions a.no-border:last-child{

    position: absolute;right:0;top:0;    

}

.category-actions a.no-border:nth-of-type(1):before{

    content: '\f104';

    font-family: fontello;

    font-style: normal;

    font-weight: 400;

    position: absolute;

    left: 0;

    top: 0;

    font-size: 100%;

    color: #000;

    width: 100%;

    height: 100%;

    pointer-events: none;

}

.category-actions a.no-border:last-child:before{

    content: '\f105';

    font-family: fontello;

    font-style: normal;

    font-weight: 400;

    position: absolute;

    left: 0;

    top: 0;

    font-size: 100%;

    color: #000;

    width: 100%;

    height: 100%;

    pointer-events: none;

}

.category-actions .paging span.hidden-mobile {

    display: none;

}
.page-banner {
  margin-bottom: 15px;
}

#filtersBlock {
  float: left;
  width: 250px;
  margin-top: 0;
  margin-right: 15px;
  background: url(images/BG_leftcol.png) repeat-y top right;
  background: #f1f0ec;
    background-size: 100% auto;
    border: 1px solid #cccccc;
}
div.category_content{
    width: calc(100% - 265px) !important;
}
@media (max-width: 767px) {
  #filtersBlock {
    display: block;
	width:100%;
	background: #F7F6F2 url(images/BG_leftcol.png) repeat-y top right;
	height:auto !important;
	padding-bottom:25px;
  }
  div.category_content{
    width: 100% !important;
  }
}

.shop-by {
  padding-left: 21px;
  height: 44px;display: none;
  background: url(images/BG_shopby.png) right no-repeat;
  color: #dc6e33;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  line-height: 44px;
}

.category_content {
  float: left;
  width: 100%;
  margin-top: 10px;
  padding-bottom: 200px;
  padding-left: 15px;
}
li.dropimage_widget_item {
    border: 2px solid #ccc6ba;
    padding: 1px;
    min-height: 31px;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
li.dropimage_widget_item:hover{
    border-color:#e76e29;
}
.dropimage_widget_item img {    
    display: block;margin: auto;
}
div.dropimage_widget_wrapper .flex-direction-nav a:before {
    font-size: 18px;    
    color: #d5d1c6;
}
div.dropimage_widget_wrapper .flex-direction-nav .flex-next, div.dropimage_widget_wrapper .flex-direction-nav .flex-prev{
    top: 27px;
}
.product-item .img {    
    margin-bottom: 5px;
}
@media (max-width: 767px) {
  .category_content {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .category_content.category_content_width_mobile_override{
    width: 100% !important;
  }
}
#filtersBlock .container {
	padding:0;
	border:none;
	width:100%;
}
#filtersBlock .selected-filters li {
	background:none;
	float:left;
	width:100%;
	list-style: inside;
	padding-left:0;
	margin:0px 0 0 0;
}
.filter_cat li:first-child {
	list-style:none;
}
#filtersBlock .selected-filters li.cat-filter-separator {
	line-height:inherit;display: none;
	padding:1px 5px;
}
#filtersBlock .selected-filters li a{
	background:none;
	padding:1px 5px;
}
#filtersBlock .remove-filter {
	float: left;
    width: 100%;
    text-align: right;
    margin: 5px 0px 2px auto;
    font-size: 14px;
    padding-right: 5px;
}
#filtersBlock .remove-filter a{
	font-size:14px;
	font-weight:700;
}
#filtersBlock .cat-filters, #filtersBlock .selected-filters {
  width: 100%;
  margin: 0 0 0px 0;
  padding: 0 0px;
  border: none;
}
#filtersBlock .cat-filters h5, #filtersBlock .selected-filters h5 {
  font-size: 16px;
  color: #7f7972;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  padding: 0px 0px 0px 10px;
  margin: 12px auto;
  line-height: 33px;cursor:pointer;
  background: url(../images/adown.png) right 5px center no-repeat transparent; 
  border-top:1px solid #cccccc; 
  border-bottom:1px solid #cccccc;
  height: 33px;margin:0;
  width: 100%;
  text-align: left;
  position: relative;
  z-index: 1000;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  overflow:hidden;
}
#filtersBlock .cat-filters h5:before, #filtersBlock .selected-filters h5:before {
	content: none;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 10px;
	top: 6px;
	z-index: -1;
	background: url(images/BG_headers.png) no-repeat;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
#filtersBlock div.cat-filters ul{
    padding:10px 2px 10px 10px;margin:0;background:#fff;
}
#filtersBlock .cat-filters h5.active, #filtersBlock .selected-filters h5.active {
/*
  background: url(images/BG_headers2.png) right no-repeat #dc6e33;
*/
}
#filtersBlock .cat-filters h5.active:before, #filtersBlock .selected-filters h5.active:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

@media (max-width: 767px) {
  #filtersBlock .cat-filters h5, #filtersBlock .selected-filters h5 {
	  margin:0px auto;
  }
}

@media (max-width: 767px) {
  #filtersBlock div.cat-filters ul  {
	  display:none;
  }

}

#filtersBlock .cat-filters li {
  padding-left: 4px;
}
/*#filtersBlock .cat-filters li a, #filtersBlock .selected-filters li a {
  font-size: 12px;
}*/

#filtersBlock .cat-filters li a {
  font-size: 12px;
}

 #filtersBlock .selected-filters li a{
	   font-size: 15px;
 }

/*
.sub-categories {background:none; padding:0 !important; border:none; width:100%; margin:0 0 0 0;}
.sub-categories .name{font-size: 18px; background:none; padding:0 5px; text-transform:none; color:#2c3e50; line-height:32px; font-weight:700;}
.sub-categories:hover .name{background:none; color:#8fd100;}
*/
@media (max-width: 1024px) {
  #subcategoriesBlock ul {
    clear: none;
  }
}

@media (max-width: 1024px) {
  #subcategoriesBlock ul li {
    width: 33.333% !important;
    padding: 5px;
  }
}
@media (max-width: 767px) {
  #subcategoriesBlock ul li {
    width: 50% !important;
    padding: 10px;
  }
}

.sub-categories {
  padding: 3px;
}

.sub-categories .img {
  position: relative;
  min-height: inherit;
  height: 140px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .sub-categories .img {
    height: 100px;
  }
}

.sub-categories .img img {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
}

.sub-categories .name {
  font-family: "Questrial";
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .sub-categories .name {
    font-size: 12px;
  }
}

#category .product-item .stars {
  display: block;
}

#category .product-item .action {
  display: block;
}

.category-footer {
  background: url(images/dots.png) repeat-x top left;
  padding: 45px 0 0 0;
  margin: 35px 0 0 0;
  font-size: 12px;
}

/*********************************/
/* Listing */
/*********************************/
/*
#listing0
*/
@media (max-width: 767px) {
  .breadcrumbs {
    display: block;
  }
}
#listing0 h1 {
  font-weight: 700;
  font-size: 18px;
  color: #a6501f;
  font-family: "Questrial";
  margin: 0 0 5px;
}
@media (max-width: 767px) {
  #listing0 h1 {
    font-size: 16px;
  }
}

#listing0 h1, #listing0 .totalrating, #listing0 .s_description {
  margin-bottom: 5px;
}

#listing0 .s_description {
  display: none;
}
.listing-logo {
    margin: 0 0 5px;
}
#listing0 .product-id {
  float: left;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  #listing0 .product-id {
    font-size: 13px;
  }
}

#listing0 .totalrating .review-count {
  line-height: 19px;
}

#listing0 .qaLinkFirst .pipe, #listing0 .qaLinkNew .pipe {
  display: none;
}

#listing0 .leftside {
  float: left;
  width: 74%;
  padding-right: 25px;
  margin-top: 0;
}
@media (max-width: 1024px) {
  #listing0 .leftside {
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  #listing0 .leftside {
	width:100%;
    padding-right: 0px;
  }
}
#listing0 .rightside {
  float: left;
  width: 26%;
  padding: 0 30px;
  margin-top: 15px;
  background: url(images/dots.png) repeat-y left top;
}
@media (max-width: 1024px) {
  #listing0 .rightside {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  #listing0 .rightside {
	width:100%;
    padding: 0px;
	height:auto !important;
	background:none;
	text-align:left;
  }
  #listing0 div.pricingBlock {    
    justify-content: flex-start;
}
}

#listing0 .primary {
  width: 47%;
  float: left;
  padding-top: 12px;
}
@media (max-width: 1024px) {
  #listing0 .primary {
    width: 48%;
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  #listing0 .primary {
    width: 100%;
    padding: 0px;
    margin: 0;
  }
}

#listing0 .secondary {
  padding-top: 0px;
  padding-left: 40px;
  width: 53%;
  float: right;
}
@media (max-width: 1024px) {
  #listing0 .secondary {
    width: 52%;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  #listing0 .secondary {
    width: 100%;
    padding: 0px;
  }
}

#mediaContainer {
  min-height: initial;
}

#listing0 .main-image {
  margin-bottom: 15px;
}
#listing0 .main-image img, #listing0 .main-image a {
	max-width:480px !important;
}
#listing0 .addl-images {
  height: auto;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  #listing0 .addl-images {
    height: auto;
  }
}

#listing0 .carousel li.prod-thumb {
  position: relative;
  height: 56px;
  border: 1px solid #ccc;
}

#listing0 .carousel li img {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#listing0 #divOptionsBlock {
  margin-bottom: 5px;
}
#listing0 #divOptionsBlock h3 {
  color: #000000;
}
#listing0 #divOptionsBlock .container {
  margin: 0;
}

#listing0 .detail-section .alpha-col {
  width: 83%;
  margin: 0;
}
@media (max-width: 767px) {
  #listing0 .detail-section .alpha-col {
    margin: 5px 0px;
    width: 100%;
  }
}

#listing0 .primary .beta-col {
  width: 100%;
  margin: 20px 0;
  padding: 0;
}
@media (max-width: 1024px) {
  #listing0 .primary .beta-col {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #listing0 .primary .beta-col {
    width: 100%;
    margin: 0 0 10px 0%;
    text-align: left;
  }
}

#listing0 .secondary .beta-col {
  margin: 0px 0;
  padding: 0;
}
@media (max-width: 1024px) {
  #listing0 .secondary .beta-col {
    padding: 0;
  }
}
@media (max-width: 767px) {
  #listing0 .secondary .beta-col {
    width: 100%;
    margin: 0 0 10px 0%;
    text-align: left;
  }
}

.social-mediaBlock {
  margin-bottom: 0;
  text-align: center;
}
.social-mediaBlock iframe {
	width:50px;
}
.social-mediaBlock > div:not(.clear) {
  display: inline-block;
  margin-top: 5px;
  vertical-align: top;
}
@media (max-width: 767px) {
  .social-mediaBlock {
    width: 100%;
    margin: 0 auto;
  }
  .social-mediaBlock .social-bookmarking {
    margin: 5px auto 15px;
  }
}

#listing0 .secondary .beta-col > div, #listing0 .primary .beta-col > div {
  display: inline-block;
  width: 49%;
  padding: 0px;
  margin: 0;
}
@media (max-width: 767px) {
  #listing0 .secondary .beta-col > div, #listing0 .primary .beta-col > div {
    width: 49%;
    min-width: inherit;
    padding: 0px;
    text-align: left;
  }
}

#listing0 .secondary .beta-col .lowprice a {
  font-size: 14px;
  text-decoration: underline;
  color: #DC6E33;
  font-weight: 700;
}
@media (max-width: 767px) {
  #listing0 .secondary .beta-col .lowprice a {
    font-size: 12px;
  }
}

#listing0 .secondary .beta-col button, #listing0 .primary .beta-col button {
  text-transform: none;
  text-align: left;
  font-size: 13px;
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 5px;
  border: none;
  background: none;
  margin-bottom: 0;
  color: #000000;
  min-width: inherit;
}
#listing0 .secondary .beta-col button img, #listing0 .primary .beta-col button img {
  margin-right: 5px;
  float: left;
}
@media (max-width: 1024px) {
  #listing0 .secondary .beta-col button, #listing0 .primary .beta-col button {
    min-width: inherit;
  }
}
@media (max-width: 767px) {
  #listing0 .secondary .beta-col button, #listing0 .primary .beta-col button {
    min-width: inherit;
    font-size: 11px;
  }
}

#listing0 .secondary .beta-col button:hover, #listing0 .primary .beta-col button:hover {
  border: none;
  background: none;
  color: #DC6E33;
}

.quantityBlock ul {
  width: 100%;
}

.quantity-table .title-header, .quantityBlock li {
  width: 50%;
  margin: 0;
}

#listing0 .pricingBlock, #listing0 .detail-section {
  float: left;
  width: 100%;
}
@media (max-width: 1024px) {
  #listing0 .pricingBlock, #listing0 .detail-section {
    width: 100%;
    clear: both;
    padding: 0 !important;
  }
}
@media (max-width: 767px) {
  #listing0 .pricingBlock, #listing0 .detail-section {
    width: 100%;
    clear: both;
    padding: 0 !important;
    margin: 0;
  }
}

#listing0 .pricingBlock .savings {
  padding: 5px 0;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  color: #b32317;
}

#listing0 .pricingBlock .retailprice {
  text-decoration: line-through;
  padding: 5px 0;
  font-weight: 400;
  font-size: 14px;
  color: #696969;
}
#listing0 .pricingBlock .retailprice span {
  text-decoration: line-through;
}

#listing0 .pricingBlock .price {
  padding: 10px 0 0 0;
  text-decoration: none;
  font-weight: 600;
    font-size: 32px;
    color: #4b4537;
}

.pricingBlock span {
  display: inline-block;
}

#listing0 .availabilityInfo div {
  color: #000000;
  vertical-align: top;
  font-size: 12px;
  font-weight: 400;
}
#listing0 .availabilityInfo div h4 {
  display: inline-block !important;
  visibility: visible;
  font-size: 14px;
  color: #E37940;
  font-weight: 700;
}

#listing0 .product_availability {
  margin-top: 10px;
}

.addToCartBlock label {
  color: #000000;
  display: inline-block;
  margin-top: 5px;
  margin-right: 10px;
  line-height: 25px;
  font-size: 12px;
  font-weight: 400;
  width: auto;
  float: left;
}



#listing0 .header {
  border-bottom: none;
}

#listing0 .header.special {
	background: #9D9A91;
	padding: 14px 5px 15px 15px;
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
}

#listing0 .rightside .header.special {
  background: #E37940;
  text-align: center;
}

#listing0 h3 {
    color: #4b4537;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    padding: 0;
    position: relative;
    float: none;
    margin: 0;min-width: 160px;
    line-height: 25px;
}

#listing0 .quantityBlock {
  margin: 20px 0 10px 0;
}
@media (max-width: 767px) {
  #listing0 .quantityBlock {
    text-align: left;
    margin-bottom: 10px;
  }
}
#listing0 .quantityBlock a {
  color: #000000;
}
#divOptionsBlock .container {
  padding-left: 0;
  padding-right: 0;
}
#divOptionsBlock .opt-regular .label, .multipleShipToBlock label {
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 26px;
  margin: 3px 0;
  display: inline-block;
}

#divOptionsBlock .opt-regular {
  margin-bottom: 5px;
  margin-top: 5px;
}
#divOptionsBlock .opt-regular .required {
  display: none;
  margin-top: 7px;
}
#divOptionsBlock .opt-regular .help {
  padding-top: 5px;
}

#divOptionsBlock select {
  width: 50%;
  float: right;
  padding: 4px 1px 4px 8px;
  background: #E9E4D6;
  color: #000;
}


#divOptionsBlock .dropdown-image {
  display: none;
}
.drop-down { 
	position: relative;  
	display: block;    
}      
.drop-down .button {
	width: 100%;
    float: right;
    height: 60px;
	line-height: 50px;
    padding: 4px 1px 4px 8px !important;
    background: #ffffff;
    color: #000;
    -webkit-border-radius: 0px;
    border: 0;
    outline: 1px solid #9c9a8e;
	overflow: hidden;
}
.drop-down .button a {
	display: block;
}
/*.drop-down .button a > span {
    width: calc(100% - 155px);
    display: inline-block;
}*/
.drop-down .button img {  
	 float: left;
	 margin-right: 20px;
	 max-height: 50px;
	 width: auto;
}	
.drop-down .button i {  
	float: right;
}
.drop-down select {   
	display: none;    
}      
.drop-down .select-list {
	display: none;
	position: absolute;
	top: 82px;
	left: 0;
	z-index: 1;    
	margin-top: 0px;    
	padding: 0;         
	background-color: #fff;
	border: 1px solid #9c9a8e;
	overflow-y: auto !important;
	max-height: 426px;
}
.listing-page .drop-down .select-list {
	top: 61px;min-width: 100%;z-index: 99;
}
.drop-down .select-list li {   
	display: list-item;
	list-style: none;
	border-bottom: 1px solid #9c9a8e;
}    
.drop-down .select-list li:nth-child(2n+1) {
	background: #ededed;
}
.drop-down .select-list li.active {   
	background: #e4701d;
	color: #fff;
}    

.drop-down .select-list li span {  
	display: block;
	display: table;
    min-height: 50px;
    min-width: 280px;
    /* line-height: 40px; */
    width: 100%;
    padding: 3px 13px 3px 5px;
    font-size: 12px;
    text-align: left;
    opacity: 0.9;
    box-sizing: border-box;  
    display: flex;
    align-items: center;   
}     
.drop-down .select-list li span:hover,  
.drop-down .select-list li span:focus {     
	opacity: 1;
	cursor: pointer;
	background: rgba( 0,0,0,.15);
}
.drop-down .select-list li span img {  
	 float: left;
	 margin-right: 10px;
	 max-height: 65px;
	 width: auto;
}
.drop-down .select-list li span > div {
	display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 70%;
}
#listing0 .descriptionBlock {
  margin-bottom: 15px;
}

/*options-titles:: Controls the way the option titles display on the product page.*/
.options-titles {
  font-size: 18px;
  font-weight: bold;
  color: #585C5F;
  padding: 5px;
  border: 1px dotted #cccccc;
  border-style: dotted none dotted none;
}

/*item:: Controls the item description and item details text.*/
.item {
  color: #000000;
  font-weight: 400;
}

/*availability-txt:: Controls the way the Availability of the product displays i.e. 'In Stock', 'Back Order'.*/
.availability-txt {
  color: #000;
  text-decoration: none;
  text-align: left;
  padding: 0.2em;
  font-style: italic;
}

/*reward-title:: Controls the title of the Reward Points section.*/
.reward-title {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #850000;
  text-decoration: none;
  word-spacing: normal;
  text-align: left;
  letter-spacing: 7px;
  line-height: 10px;
  font-size: 16px;
}

#listing0 .addToCartBlock {
  margin-bottom: 5px;
}
#listing0 .addToCartBlock, #listing0 #divOptionsBlock, #listing0 #divOptionsBlock .header, #listing0 .beta-section {
  border: none;
  background: url(images/dots.png) repeat-x bottom left;
  padding: 0 0 20px 0;
}
#listing0 .beta-section {
  margin-bottom: 10px;
}
#listing0 .qaLinkNew a, #listing0 .qaLinkFirst a {
  font-size: 13px;
}
#listing0 .qaLinkNew a img, #listing0 .qaLinkFirst a img {
  float: left;
  margin-right: 5px;
}
#listing0 .product-container {
  width: 20% !important;
}
#listing0 .product-container .product-item {
  padding: 5px;
}
@media (max-width: 767px) {
  #listing0 .product-container {
    width: 50% !important;
    float: left !important;
  }
}
#listing0 .ask-question {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #dc6e33;
  font-size: 14px;
  font-weight: bold;
  height: 34px;
  line-height: 34px;
}
#listing0 .ask-question a {
  color: #dc6e33 !important;
  font-size: 14px !important;
  font-weight: bold !important;
  line-height: 34px;
  height: 42px;
  padding: 4px 18px 4px 25px;
  background: url(images/question.png) no-repeat left center;
  display: block;
}
#listing0 .create-review-link a, #listing0 .create-review-link a, #listing0 .email_friend .btn {
  margin: 0 5px;
  padding: 0 2px;
  line-height: 22px;
  background: none;
  color: #000000;
  font-size: 13px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#listing0 .create-review-link a:hover, #listing0 .create-review-link a:hover, #listing0 .email_friend .btn:hover {
  margin: 0 5px;
  padding: 0 2px;
  line-height: 22px;
  background: none;
  color: #E37940;
  font-size: 13px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#listing0 .create-review-link a img, #listing0 .create-review-link a img, #listing0 .email_friend .btn img {
  margin-right: 5px;
  float: left;
}
#listing0 .browsing_historyBlock .product-item .img {
  border: 1px solid #ccc;
}
#listing0 .browsing_historyBlock .product-item .name, #listing0 .browsing_historyBlock .product-item .sku {
  text-align: left;
}
#listing0 .browsing_historyBlock .product-item .price {
  text-align: left;
  font-size: 13px;
  color: #DC6E33;
  font-weight: 700;
}
#listing0 .browsing_historyBlock .product-item .action {
  text-align: right;
}
#listing0 .accessoriesBlock .product-container {
  width: 100% !important;
  margin-bottom: 10px;
}
#listing0 .accessoriesBlock .product-item {
  width: 125px;
  padding: 0;
}
#listing0 .accessoriesBlock .product-item .img {
  height: 125px;
}
#listing0 .accessoriesBlock .product-item .name {
  height: auto !important;
}
#listing0 .review-info {
  font-size: 12px;
}
#listing0 .review-shortDesc {
  font-size: 14px;
  font-weight: 400;
  color: #E37940;
}
#listing0 span[itemprop="author"] {
  color: #E37940;
}

.listing-paypal {
  margin-bottom: 15px;
}

.listing-history a {
  text-decoration: underline;
}
.lrhardwaretxt{
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    font-weight: 400;
}
a.starterbg {
background: transparent;
    display: block;
    height: auto;
    width: 100%;
    position: relative;
    padding-top: 0;
    margin-bottom: 0;text-align: left;
}
a.starterbg br {
    display: none;
}
.starter {
  font-size: 14px;
}
.starter a {
  font-size: 14px;
line-height: 17px;
color: #000000;
font-weight: 400;
}
.starter img {
  vertical-align: text-bottom;
  margin-right: 8px;
}
#listing0 .rightside .starter img {
    display: none;
}
#rTabs {
  margin: 0 0 15px 0;
}
.r-tabs .r-tabs-nav {
  border: none;
  /*
  	@media(max-width: 1024px) {
  		display:none;
  	}
  */
}

.r-tabs .r-tabs-nav .r-tabs-tab {
  margin: 0 5px 0 0;
  border: none;
  top: 2px;
}

.r-tabs .r-tabs-nav .r-tabs-state-active {
  border-bottom: 1px solid #E37940;
  top: 1px;
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
  text-align: center;
  font-size: 13px;
  color: #4b4536;
  background: #fff;
  padding: 8px 15px;
  min-width: 100px;
  font-weight: 400;
  margin: 0 0 0 0;
  border: 1px solid #9d9a91;
  border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover {
  color: #fff;
  background: #4b4536;
}
@media (max-width: 1024px) {
  .r-tabs .r-tabs-nav .r-tabs-anchor {
    font-size: 13px;
  }
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
  font-size: 13px;
  color: #fff;
  background: #E37940;
  border: 1px solid #E37940;
  border-top: 1px solid #E37940;
  border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}
@media (max-width: 1024px) {
  .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    font-size: 13px;
  }
}

.r-tabs .r-tabs-accordion-title {
  /*
  	@media(max-width: 1024px) {
  		display:block;
  	}
  */
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  font-size: 14px;

  font-weight: 700;
  text-align: center;
  color: #000000;
  background: #fff;
  border: none;
  border-top: 1px solid #E37940;
  border-bottom: 1px solid #E37940;
  margin-top: -4px;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background: #E37940;
  border: none;
  border-top: 1px solid #E37940;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:before {
  content: '-';
  display: inline-block;
  margin-right: 5px;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor:before {
  content: '+';
  display: inline-block;
  margin-right: 5px;
}

.r-tabs .r-tabs-panel {
  border: 1px solid #9d9a91;
  background: #fff;
}
@media (max-width: 1024px) {
  .r-tabs .r-tabs-panel {
    margin-bottom: 15px;
  }
}

section#listing {
    margin: 0;
}
div#listing0 {
    
}
#listing0 .breadcrumbsBlock {
  display: none;
}
#listing0 > form{
    border: 1px solid #d0d0d0;
	border-top: 0;
}
#listing0 {
	text-align: left;	
}
#quickView #listing0 {
  border: none;
}
div#help-modal {
    z-index: 1000000000;
}
#help-modal .modal-body {
  padding: 0;
}
iframe#helpIframe {
  border: none;
  margin: 0;
  width: 100%;
}
#help-modal button.close {
  z-index: 100000;
  position: relative;
  right: 17px;
  top: 10px;
}


#listing0 .rightside {
	float: left;
	width: 26%;
	padding: 0px;
	margin-top: 0px;
	background: #f1f0ec;
}


#listing0 .rightside .header {
	border-bottom: none;
	background: #9c9a8e !important;
	padding: 0px 5px;
	margin-bottom: 0px;
	width: 102%;
}


#listing0 .rightside .header h3,
#listing0 .rightside .header h3 p {
	font-size: 18px;
	color: #fff;
	padding: 3px 5px;
	margin: 0px;
}


#listing0 .secondary {
	width: 100%;
	float: none;
	padding: 10px 20px;
}


#listing0 .info {
	padding: 0px 10px 2px;
}


#divOptionsBlock .opt-regular .label,
.multipleShipToBlock label {
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	margin: 2px 0;
}


#listing0 .addToCartBlock,
#listing0 #divOptionsBlock,
#listing0 #divOptionsBlock .header,
#listing0 .beta-section {
	border: none;
	/*background: url(images/dots.png) repeat-x bottom left;*/
	background: none;
	padding: 0;
}


.listing-paypal {
	margin-bottom: 10px;
    padding: 5px 20px;
	text-align: center;
}


.lrhardwaretxt {
	padding: 10px 20px;
}
#listing0 .lrhardwaretxt h3{
    font-size: 20px;
line-height: 26px;
color: #000000;
font-weight: 400;
opacity: 0.749;
margin-bottom: 3px;
}
.starter:before,a.starterbg:before {
    content: "-";
    display: inline-block;
    margin-right: 3px;
}

#listing0 .rightside .starter {
	font-size: 14px;
	padding: 0px 0px;
    padding-left: 10px;
}
a.starterbg{padding-left: 10px;}

#divOptionsBlock select {
	width: 100%;
	float: right;
	height: 30px;
	padding: 4px 1px 4px 8px;
	background: #ffffff;
	color: #000;
	-webkit-border-radius: 0px;
	border: 0;
	outline: 1px solid #9c9a8e;
}
#divOptionsBlock select option {
  background: #ffffff;
}
#divOptionsBlock option:hover {
  background-color: #e4701d;
}

#listing0 .pricingBlock .price {
	padding: 10px 0 0 0;
	text-decoration: none;
	font-weight: 600;
    font-size: 32px;
    color: #4b4537;
  margin: 0 0 10px;
}


.addToCartBlock .qtybox-addcart {
	text-align: left;
	margin: 0 0 10px;
	width: 100%;
    display: flex;
}


.addToCartBlock .qtybox-addcart input {
	height: 48px;
	padding-right: 5px;
	margin-right: 5px;
    border: none;
    background: #fff;
    font-size: 24px;
    color: #4b4537;
}


.addToCartBlock .qtybox-addcart input,
.addToCartBlock .qtybox-addcart button {
	float: left;
	text-align: center;
	margin: 0px;
	padding: 10px !important;
}
.addToCartBlock .qtybox-addcart button {
  color: #fff;
}



.addToCartBlock .qtybox-addcart button {
	background: #e76e29;
    margin-left: 18px !important;
    border-radius: 10px;
    font-size: 24px;
    text-transform: lowercase;
    flex: 1;
}


.addToCartBlock .qtybox-addcart button i {
	display: none;
}


#listing0 h1 {
	font-weight: 600;
	font-size: 23px;
	color: #494635;
	font-family: "Questrial";
}


#listing0 .carousel li.prod-thumb {
	position: relative;
	height: 82px;
	border: 1px solid #d3cdc1;
}


#listing0 .addl-images {
	padding:20px 45px 0;
	margin-left: 10px;
}


#listing0 .leftside .item {
	padding: 0px 10px;
}


#listing0 .carousel .flex-direction-nav a {
	color: #a09e92;
}


#listing0 .flex-direction-nav a:before {
	font-size: 30px;content:none;
}


#listing0 .primary {
	width:60%;
	float: left;
	padding-top: 0;
}


#listing0 .header.special {
	border-radius: 0px;
    margin-left: 0;
    margin-right: 0;
}



.right-content {
	float: right;
	width: 37%;
}


.right-content .header.special {
	background: none !important;
    border-bottom: 3px solid #afaea4 !important;
    padding: 0px !important;
}


.right-content .header.special h3 {
	background: #f1f0ec;
    float: left !important;
    padding:6px 20px 4px !important;
    border-radius: 13px 13px 0 0;
}
#listing0 .header.special ~ .header.special {
    margin-top: 25px;
}

#listing0 .pricingBlock,
#listing0 .detail-section {
	float: left;
	width: 100%;
	text-align: right;
}


#listing0 .addToCartBlock {
	float: right;width: 100%;
}
.quantity {
    width: 130px;
    height: 50px;
    border: 1px solid #b0afa5;
    border-radius: 10px;
    background: #f1f0ec;
    display: flex;
}
.minus,.plus {
    width: 33px;    
    font-size: 24px;
    line-height: 1;
    color: #4b4537;
    font-weight: 400;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.minus{border-right: 1px solid #b0afa5;}
.plus{border-left: 1px solid #b0afa5;}
#listing0 .availabilityInfo div {
	float: right;
	margin: 0px;
}

.listing-logo img {
    display: block;
}
#listing0 .pricingBlock {
    display: flex;margin: 0;
    align-items: center;
    justify-content: flex-end;
}
#listing0 .product-id {
	float: left;
	margin-right: 0px;
	font-size: 13px;
	font-weight: 700;
	color: #000;
}

#menu-product {
	margin-top: 0;
    border-radius: 0px;
    border: 0px;
    height: 50px;
    overflow: hidden;
    z-index: 10;
    float: none;
    min-height: 0;
    position: sticky;
    top: 0;
    padding: 0;
    background-color: #afaea4;
}
#menu-product li {
    flex: 1 1 auto;
    text-align: center;
}
#menu-product a {
	text-transform: none;
	font-size: 18px;
    padding: 15px 23.4px;
    cursor: pointer;
    line-height: 20px;
    color: #4b4537;
    border-right: 1px solid rgba(241, 240, 236, 0.5);
}
#menu-product a.active-selected,#menu-product li:hover a {
    background-color: #4b4537;
    color: #fff;
}
.active {
	background: #e4701d;
}


.active-selected {
	background: #e4701d;
}



#menu-product a:after {
	/*  content: '';
border-right: 1px solid #fff;
margin:0px 5px;*/
content:none;
}


#listing0 .accessoriesBlock .product-item {
	float: left;
	display: inline-block;
	width: 20%;
	padding: 10px 20px;
	min-height: 70px;
}

@media (max-width: 767px) {
	#listing0 .accessoriesBlock .product-item {
		width: 50%;
	}
}


#field1 {	
	padding-top: 10px;
	float: left;
	width: 100%;
	padding-left: 10px;
	margin-left: 0;
}


#listing0 .productBlockContainer {
	margin-left: 15px;
}


#listing0 #field1 .info {
	color: #4b4537;line-height: 17px;
	float: none !important;
}


.mobile-fix-name2 {
	padding: 0px 10px;
}


.reviewsBlock .user_reviews {
	padding: 5px;
	margin-left: 10px;
}


#listing0 .leftside {
	width: 67%;
}


#listing0 .rightside {
	width: 33%;
	padding-bottom: 0px;
}


.qaLinkNew {
	width: 100%;
	padding: 10px 0px 5px;
}


#listing0 .beta-section {
	margin-bottom: 0;
	float: left;
	width: 100%;
	text-align: left;
}


.lowprice {
	padding: 10px 0px 0px !important;
}


.lowprice a {
	font-size: 12px !important;
}


#listing0 .secondary .beta-col>div {
	display: inline-block;
	width: 100%;
	padding: 0px;
	margin: 0;
}


.addWishlist button,
.addWishlist button:hover {
	margin: 0px;
	padding: 0px;
}


#listing0 .beta-section {
	background: none;
}


.descriptions {
	width: 100%;
}


.rightside .extra-cntent {
	padding: 10px;
}
/*Static Menu*/

.static-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 125px;
	background: #fff;
	border-bottom: 1px solid #c00;
	z-index: 9999999;
	display: none;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}


.image-sticky {
	width: 10%;
	display: inline-block;
	margin-left: 5%;
	max-height: 84px;
	overflow: hidden;
}


.image-sticky .main-image {
	max-width: 111px;
	overflow: hidden;
	display: inline-block;
	margin: 0px !important;
}


.image-sticky .main-image img,
.image-sticky .main-image a {
	max-width: 100px !important;
}


.details {
	width: 80%;
	display: inline-block;
}


.static-header .left {
	width: 85%;
}


.static-header #listing0 h1 {
	margin-bottom: 0px;
}


.static-header .product-id {
	width: 100%;
	margin: 0px;
}
/*.static-header .short-description {
overflow: scroll;
}
*/

.static-header .right {
	width: 15%;
	text-align: right;
}


.static-header .product-id {
	margin: 5px 0px 0px !important;
	color: #e4701d !important;
	font-size: 14px !important;
}


.static-header button#add-stick,
.static-header button#chooseOptions {
	background: #E37940;
	margin-left: 10px !important;
	border-radius: 0px;
	font-size: 14px;
	text-transform: lowercase;
	padding: 10px;
	margin-top: 25px;
}


.static-header #mediaBlock {
	float: left;
	max-width: 110px;
	margin-right: 30px;
	padding: 10px;
	height: 90px;
}



.static-header #menu-product {
	margin-top: 5px;
	top: 0px;
}

@media (max-width: 1024px) {
	#listing0 .leftside,
	#listing0 .rightside {
		width: 100%;
	}

	#field1 {
		width: 100%;
		margin-left: 0;
	}

	#menu-product .megamenu {
		display: none;
	}
}

@media (max-width: 767px) {

	#listing0 .primary,
	.right-content,
	.descriptions {
		width: 100%;
                float: none;
	}

	.descriptions table {
		display: inline-block;
	}

	.static-header,
	#breadcrumbs {
		display: none !important;
	}

	#listing0 #options-title {
		background: #9D9A91;
		padding: 5px 5px 5px 15px;
		font-weight: 400;
		color: #fff;
		font-size: 14px;
		line-height: 28px;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}

	#listing0 .pricingBlock,
	#listing0 .detail-section {
		float: left;
		width: 100%;
		text-align: left;
	}

	#listing0 .availabilityInfo {
		margin: 0 0 0;
		float: left;
	}
}


.breadcrumbs {
	background: #d3cdc1;
	padding: 8px 4px;
	margin: 0px;
	z-index: 9;
	position: relative;
}




.nospecial {
	border-bottom: 1px solid #d2d1d1;
	padding: 0px 5px;
	margin-bottom: 15px;
	background: transparent !important;
}


.nospecial h3,
.nospecial h3 span,
.nospecial h3 span p {
	font-size: 18px !important;
	padding: 5px 5px 0px !important;
	margin: 5px 0px !important;
	color: #9D9A91 !important;
}


/*section {
	margin: -20px 3px 25px 0px;
}*/


.qaLinkFirst {
	margin-top: 10px;
}

.descriptions .item {
    padding: 0 15px;
}
#listing0 .extra_field h4 {
    margin-bottom: 0px;
    float: left;
    margin-right: 15px;
}
section#listing .product-reviews {
  margin-bottom: 18px;
    width: 37%;
    float: right;
    padding-left: 0;
    margin-top: 5px;
}
.product_id {
    margin-top: 5px;
}
section#listing .browsing_historyBlock {
    background: none;
    padding: 0 0 20px;
}
section#listing .product-items {
    padding: 20px;padding-top: 15px;
}
section#listing .product-items .product-item {
  margin-bottom: 0;
  width: 20%;
}
section#listing .history-disable-btn {
    text-align: right;
    padding-right: 10px;
}
section#listing .star-rating {
    float: left;
    width: 100px;
}
#midContent .prod-thumb img {
    max-width: 100%;
    max-height: 200px;
    border: none;
    padding: 0;
	position: relative;
}
/* Customer Reviews */
section#listing .reviewsBlock {
  margin-bottom: 15px;
}
section#listing .reviewsBlock .user_reviews {
  padding: 5px;
}
section#listing .reviewsBlock .user_reviews:nth-child(2n) {
  background: #EAE9E9;
  background: rgba(234, 233, 233, 0.3);
  background-color: #EAE9E9;
  background-color: rgba(234, 233, 233, 0.3);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99EAE9E9, endColorstr=#99EAE9E9);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99EAE9E9, endColorstr=#99EAE9E9)";
}
section#listing .star-rating {
  float: left;
  width: 100px;
}
section#listing .review-info {
  float: left;
  width: 85%;
  margin-bottom: 10px;
}
section#listing .review-shortDesc {
    font-weight: bold;
    margin-bottom: 10px;
}
section#listing .review-longDesc {
    margin-bottom: 10px;
}
section#listing .rev_allowratings {
  display: inline;
}
section#listing .rev_allowratings input[type="button"] {
  cursor: pointer;
}
section#listing .verified-buyer {
  font-weight: bold;
}
section#listing .reviewed-by {
    margin-top: 5px;
    display: block;
}
@media (max-width: 1024px) {
    div#listing0 {
      width: 100%;
    }
    #listing0 .leftside,
    #listing0 .rightside {
        width: 100%;
    }

    #field1 {
        width: 100%;
        margin-left: 0;
    }

    #menu-product .megamenu {
        display: none;
    }
    section#listing .product-items .product-item {
        margin-bottom: 15px;
    }

    .product-item .name {
      max-width: 100%;
      max-height: 40px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }
}

@media (max-width: 767px) {

    #listing0 .primary,
    .right-content,
    .descriptions {
        width: 100%;
    }

    .descriptions table {
        display: inline-block;
    }

    .static-header,
    #breadcrumbs {
        display: none !important;
    }

    #listing0 #options-title {
        background: #9D9A91;
        padding: 5px 5px 5px 15px;
        font-weight: 400;
        color: #fff;
        font-size: 14px;
        line-height: 28px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }

    #listing0 .pricingBlock,
    #listing0 .detail-section {
        float: left;
        width: 100%;
        text-align: left;
    }

    #listing0 .availabilityInfo {
        margin: 0 0 0;
        float: left;
    }
    section#listing .product-items .product-item {
      width: 50%;
      float: left;
    }
    #listing0 .addToCartBlock {
      float: left;
    }
    .static-header, section#listingbreadcrumnb {
        /*display: none !important;*/
        margin-bottom: 10px;
    }
    #menu-product {
        display: none;
    }
}
/*
#viewCart
--------------*/

#viewCart{
	padding:15px 1% 0;
}
#viewCart .viewcart-txt{
	display:inline-block;
	color:#b0afaa;
	font-size:18px;
	line-height:24px;
	font-weight:400;
	margin:2px;
	margin-right:20px;
	text-align:left;
	float:left;
}
#viewCart .viewcart-txt span{
}
#viewCart .viewcart-txt a{
	font-weight:400;
	color:#DC6E33;
	margin:0;
}
#viewCart .shippingframe {
	margin-top:12px;
	font-size:12px;
}
#viewCart h1 {
	color:#b0afaa;
	font-size:30px;
	font-weight:400;
	float:none;
}

@media (max-width: 1024px) {
	#viewCart .viewcart-txt{
		float:left;
		font-size:14px;
		margin-right:10px;
		padding:6px 0;
	}
	#viewCart .viewcart-txt a{
		font-size:14px;
	}
}
@media (max-width: 767px) {
	#viewCart .viewcart-txt{
		float:left;
		width:100%;
		margin-right:0px;
		padding:6px 0;
	}
	#viewCart .viewcart-txt span:not(.hide-mobile){
		display:block;
	}
}
#viewCart .shoppingCartItems .row {
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
}
#viewCart .shoppingCartTotal div {
	margin-bottom:2px;
}
#viewCart .item-info {
	width:72%;
}
#viewCart .item-qty {
	width:8%;
}
#viewCart .item-price{
	width:8%;
}
#viewCart .item-total {
	width:9%;
}
#viewCart .item-remove {
	width:2%;
}
@media (max-width: 1024px) {
	#viewCart .item-info {
		width:66%;
	}
	#viewCart .item-qty {
		width:10%;
	}
	#viewCart .item-price{
		width:10%;
	}
	#viewCart .item-total {
		width:10%;
	}
	#viewCart .item-remove {
		width:3%;
	}
}
@media (max-width: 767px) {
	#viewCart .item-info {
		width:100%;
	}
	#viewCart .item-qty {
		width:20%;
	}
	#viewCart .item-price{
		width:25%;
	}
	#viewCart .item-total {
		width:25%;
	}
	#viewCart .item-remove {
		width:3%;
	}
}
#viewCart .shoppingCartTotal {
  margin: 15px 30px 0 0;
}

#viewCart .cartnote{
	clear:both;
	text-align:right;
	margin:20px 0 10px 0;
}
#viewCart .cartnote a{
	color:#DC6E33;
}
#viewCart .applyCoupon {
	width:98%;
	padding-left:0px;
}
@media (max-width: 1024px) {
	#viewCart .applyCoupon {
		width:98%;
		padding:10px 0;
	}
}
#viewCart .applyCoupon input, #viewCart .carttitle, #viewCart .applyCoupon .coupon-msg{
	float:none;
	display:inline-block;
}
#viewCart .carttitle{
	font-weight:700;
}
#VC-footer{
}
.reasons{
}
.reasons-txt{
	float:left;
	width:58%;
	line-height:1.75em;
	padding:12px 0 0 0;
}
.reasonschart{
	float:right;
	width:40%;
}
.reasonschart span {
	display:block;
	text-align:center;
	padding-bottom:10px;
}
.reasonscol{
	float:left;
	width:50%;
}
.reasonschart ul{
	text-align:center;
	margin:0;
	padding:0;
	list-style:none;
}
.reasonschart ul li{
	text-align:center;
	line-height:20px;
}
.reasonschart ul li:first-child{
	padding-bottom:10px;
}
.reasonschart ul li:nth-child(2n){
	background:#FFFFCC;
}
.reasons .next4{
	float:left;
	width:100%;
	margin:5px 0 20px 0;
}
.reasons .next4 > div{
	float:left;
	width:25%;
	padding:10px;
}
#VC-footer .reasons .next4 > div fieldset{
	position:relative;
	border:2px solid #808080;
	font-size:10px;
	padding:10px;
}
#VC-footer .reasons .next4 > div fieldset p{
	font-size:10px;
}
.reasons .next4 > div fieldset legend {
	background:#fff;
	padding:0 3px;
}

#VC-footer .doorhardware2 {
	color:#DC6E33;
	font-size:14px;
}
#VC-footer p {
	font-size:12px;
}
#VC-footer .reasons p {
	font-size:10px;
	line-height:18px;
}
@media (max-width: 1024px) {
	#viewCart .columns-5 .product-container {
		width:20% !important;
	}
	#viewCart .columns-5 .product-container .product-item {
		padding:10px;
	}
	.reasons .next4 > div{
		width:50%;
		padding:10px;
	}
	#VC-footer .reasons .next4 > div fieldset{
		min-height:114px;
	}
}
@media (max-width: 767px) {
	#viewCart .columns-5 .product-container {
		width:100% !important;
		float:none;
	}
	#viewCart .columns-5 .product-container .product-item {
		padding:10px !important;
	}
	#viewCart .columns-5 .product-container .product-item > div {
		text-align:center;
	}
	#viewCart .columns-5 .product-container .product-item .name {
		height:auto !important;
	}
	.reasons-txt{
		width:100%;
	}
	.reasonschart{
		width:100%;
		padding-bottom:15px;
		border-bottom:2px solid #808080;
	}
	.reasons .next4 > div{
		width:100%;
		padding:10px 0;
	}
	#VC-footer .reasons .next4 > div fieldset{
		min-height:inherit;
	}
	#viewCart .product-name-options .h2 {
		display:block;
	}
	.btn3 {
		padding:4px;
	}
}
.checkout-headers {
	color:#b0afaa;
	font-weight:400;
	margin-bottom:5px;
}

/*
#checkoutSinglePagev2
-------------*/
#checkoutSinglePagev2 h1{
	color:#b0afaa;
	font-size:30px;
	font-weight:400;
	float:none;
}
#checkoutSinglePagev2 *{
	font-size:13px;
}
#checkoutSinglePagev2 .header {
	background:#d3cdc1;
	padding:5px 8px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:none;
}
#checkoutSinglePagev2 .chkField {
/*	margin-bottom:0;*/
}
#checkoutSinglePagev2 .chkField input, #checkoutSinglePagev2 .chkField select {
/*	margin-right:0;
	margin-bottom:10px;
	width:97%;
*/
	margin-right:3%;
}
@media (max-width: 767px) {
	#checkoutSinglePagev2 .chkField input, #checkoutSinglePagev2 .chkField select {
		width:92%;
		margin-right:0;
	}
}
#checkoutSinglePagev2 .beta-col {
	padding:0;
	width:73.5%;
}
@media (max-width: 767px) {
	#checkoutSinglePagev2 .beta-col {
		width:auto;
	}
}
.tricol {
  float: right;
  width: 25%;
}
#checkoutSinglePagev2 .alpha-col, #checkoutSinglePagev2 .tricol, #checkoutSinglePagev2 .leftCol{
	padding:15px 5px;
	background:#fff;
}
@media (max-width: 767px) {
	#checkoutSinglePagev2 .alpha-col, #checkoutSinglePagev2 .leftCol {
	  float: none;
	  width: auto;
	  padding:5px 5px;
	}
	#checkoutSinglePagev2 .tricol {
	  float: none;
	  width: auto;
	  padding:20px 5px;
	}
}
#divCart .chkcart-container {
	max-height:240px;
}
@media (max-width: 1024px) {
	#divCart .chkcart-container {
		max-height:310px;
	}
}
#checkoutSinglePagev2 .shipper-option-desc {
	width:68%;
}
#checkoutSinglePagev2 .shipper-option-price2{
}
#spanCheckout {}
#spanCheckout button{
	width:100%;
	font-size:20px;
	padding:12px 10px;
	margin:0;
	background: #DC6E33;
}
#spanCheckout button i {
	font-size:inherit;
}
.ccgField label {
	width:100%;
}
#checkoutSinglePagev2 h3 span {
	display:none;
}
#checkoutSinglePagev2 .rightCol {
	background:#edebe7;
	padding:15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
@media (max-width: 767px) {
	#checkoutSinglePagev2 .rightCol {
		padding:10px 5px;
	}
}
.ccGateway #divPaymentOption2 select, .ccGateway #divPaymentOption2 input{
	width:89.5%;
	margin-right:6px;
}
.ccGateway #divPaymentOption2 select.split2, .ccGateway #divPaymentOption2 input.split2{
	width:43.5%;
}
@media (max-width: 1024px) {
	.ccGateway #divPaymentOption2 select, .ccGateway #divPaymentOption2 input{
		width:85.5%;
		margin-right:6px;
	}
	.ccGateway #divPaymentOption2 select.split2, .ccGateway #divPaymentOption2 input.split2{
		width:41.5%;
	}
}
#ReturnCustomers {
	display:none;
	margin-bottom:15px;
}
.cart-items>li>span.item-qty {    
    background: transparent;
    border: none;
    height: auto;
}
@media (max-width: 1199px){
    .link-menu .links-list{padding: 0 0 0 5px;}
    .phone{margin: 25px 0 10px 0;}
    .phone span{display: block;padding: 0px 5px;}
    .phone small{margin-top: 0px;}
    .header-right{padding:0;} .trade-accounts{margin-left: 15px;}
    .cart-area{margin-left:0;}
    .megamenu li a.home:after, ul.megamenu > li > a:after{right: -4px;}
    .lower-nav img {display: block;margin: 0 auto;}
.lower-nav a{line-height: 25px;}    
.mobile-search-area{max-width: 300px;}
}
@media (max-width: 991px){
    .sort-by{margin-bottom: 15px;}
    .lower-nav a {
        line-height: 1.2;
        font-size: 12px;
    }
    .lower-nav img {        
        margin: 5px auto;
    }
    .cart-area{margin-top:0;}
    .extra-pages > div{width: 100%;}
    #addl-images .flex-viewport > ul > li > a#showRealMedia{padding-top: 88%;}
}
@media (max-width: 767px){
    .category-products .paging {
    width: 100%;
}
    .sort-by {
    margin-bottom: 15px;
    float: left;margin-top: 0px;
    width: auto;
}
.sort-by select {
        width: auto;
    }
    .right-content {
    padding: 0 15px;
}
#listing0 > form {    
    border-top: 1px solid #d0d0d0;
}
section#listing .product-reviews {
    width: 100%;
    padding: 0 15px;
}
.pricingBlock span.crossout {
    padding: 0;
}
#addl-images .flex-viewport > ul > li {    
    min-height: 0;
}
#addl-images .flex-viewport > ul > li > a{padding: 0px;display: block;}
}