/*-- add style --*/
html, html body, body #wrapper { overflow-x: hidden;  }  ul, li { list-style: none; margin: 0; padding: 0; }  #TqoPHbckHJ .onerow-fluid { width: 100% !important;background-color:#b9769d; }  [class*="col"] { margin-left: 0 !important; }
.container { max-width: 1200px; padding: 0 15px; margin: 0 auto !important; }  .container-none { max-width: 100%; padding: 0 15px; } .section { padding: 60px 0 !important }
.ai-none { display: none !important }  .ci-none { display: none !important } .si-none { display: none !important }  .mi-none { display: none !important }  .ei-none { display: none !important }
@media only screen and (max-width: 1200px) {
    .ci-none { display: block !important } .c-none { display: none !important; }
}
@media only screen and (max-width: 991px) {
    .section { padding: 30px 0 !important }
    .container-none { padding-left: 15px; padding-right: 15px; }
    .si-none { display: block !important } .s-none { display: none !important; }
}
@media only screen and (max-width: 767px) {
    .mi-none { display: block !important } .m-none { display: none !important; }
}
@media only screen and (max-width: 576px) {
    .ei-none { display: block !important } .e-none { display: none !important; }
}


/* Header Top*/
#sBeudZmJb.group { padding: 0; overflow: hidden; height: 48px; background: #449697; }
#sBeudZmJb .function { justify-content: space-between }
#sBeudZmJb #navMain {  width: auto;  height: 48px; min-height: 48px; margin: 0; }
#sBeudZmJb #navMain ul { padding: 0; width: auto; height: 48px; line-height: 1; display: flex; align-items: center;  }
#sBeudZmJb #navMain li { border-right: none; padding: 0 10px; }
#sBeudZmJb #navMain li i { padding-top: 0; font-size: 18px; font-weight: 600 }
#sBeudZmJb #navMain ul li a { font-size: 12px; color: #000;  font-weight: 400; padding: 0; text-transform: uppercase; }
#sBeudZmJb #navMain ul li a:hover {  color: #2879fe; }

/*  Header Search */
#vZoAxyDDwqz { width: auto !important; min-width: 20%; display: flex; justify-content: flex-end; padding: 0; visibility: revert; }
#vZoAxyDDwqz #header-search { width: 100%; margin: 0; }
#vZoAxyDDwqz .searchBox { padding: 0; height: 34px; line-height: 34px; min-width: 100%; display: flex; justify-content: flex-end; position: relative; }
#vZoAxyDDwqz .searchBox .s-input { min-width: 100%; width: 100% !important; height: 100%; font-size: 13px; color: #000; font-weight: 400; padding: 2px 10px 2px 36px; border-radius: 4px; line-height: 34px; border: 1px solid #eaeaea; background: #fff ; transition: all 0s; }
#vZoAxyDDwqz .searchBox .input-but { width: 36px; height: 100%; font-size: 16px; color: #B7BAC3; font-weight: 400; line-height: 34px; background: none ; border: none; transition: all 0s; position: absolute; left: 0; }
#vZoAxyDDwqz .searchBox .s-input::-webkit-input-placeholder { color: #B7BAC3; font-weight: 400; font-size: 13px; opacity: 1;  text-transform: revert }
#vZoAxyDDwqz .searchBox .s-input:focus { outline: none; border: 1px solid #ccc !important; }
#vZoAxyDDwqz .searchBox .s-input:hover { border-color: #eaeaea }
#vZoAxyDDwqz .searchBox .input-but:hover { background: none; color: #333; }

/* Header Logo*/
#mainHeaderWrapper .header-into { height: 68px; max-width: 1200px; margin: 0 auto; padding: 0 10px;  }
#mainHeaderWrapper #kBFqVwLLVZz #logo { margin: auto 0; }
#mainHeaderWrapper #kBFqVwLLVZz #logo img { max-width: 200px; max-height: 80px;  }

/* Header Nav*/
.navTabsBox { min-height: 56px; }
#zYPnnidqZTb {  box-shadow: none !important; }
#zYPnnidqZTb #navCatTabs { height: 100%; display: flex; align-items: center; }
#zYPnnidqZTb #navCatTabs ul { padding: 0; }
#zYPnnidqZTb #navCatTabs li { border-left: none;  border-right:  none }
#zYPnnidqZTb #navCatTabs li:last-child { border-right: none }
#zYPnnidqZTb #navCatTabs li a { font-size: 12px; color: #000; font-weight: 400; padding: 0 12px; line-height: 30px; text-transform: uppercase; }
#zYPnnidqZTb #navCatTabs li a:hover { color: #2879fe; background: none; }
#zYPnnidqZTb #navCatTabs .category-subs-selected { color: #2879fe; font-weight: 400; }

/* Header Icon*/
#mainHeaderWrapper .iconSet { padding: 5px 10px; }
#mainHeaderWrapper .iconSet .icon { color: #000;font-size: 16px; font-weight: 400; }
#mainHeaderWrapper .iconSet .icon:hover { color: #2879fe; }
#mainHeaderWrapper .iconSet .icon-label { display: none; }

/* Menu */
body .header.mm-slideout { width: 100%; height: 48px; padding: 0; background: #f7f8fa; z-index: 48; }
body .header.mm-slideout a { width: 48px; height: 48px; left: 0; }
body .header.mm-slideout .an-bars { font-size: 18px; line-height: 48px; color: #222; font-weight: 300; }
body .header.mm-slideout a:hover .fa-bars { color: #03a5ce; }
@media only screen and (min-width: 1024px) {
    body .header.mm-slideout { position: revert; display: none }
}
@media only screen and (max-width: 1024px) {
    #sBeudZmJb .function { justify-content: flex-start; flex-direction: row-reverse; position: fixed; z-index: 49; right: 10px; width: 75%; background: #F7F8FA;  }
    #vZoAxyDDwqz {  padding: 0 10px; }
}
@media (min-width: 0px ) and (max-width: 767px) {
    #mainHeaderWrapper .header-into { height: 60px; flex-wrap: wrap; }
    #mainHeaderWrapper #kBFqVwLLVZz #logo img { width: 172px; }
    #mainHeaderWrapper #vZoAxyDDwqz { width: auto;  min-width: 100%; display: flex ; visibility: revert; padding: 0 10px; margin-bottom: 10px; }
    #mainHeaderWrapper #vZoAxyDDwqz .searchBox .s-input { border-color: #ccc; }
}
@media (min-width: 481px) and (max-width: 767px) {
    #sBeudZmJb #navMain { position: revert; }
}
@media (min-width: 0px) and (max-width: 480px) {
    #sBeudZmJb #navMain { position: revert; }
    #vZoAxyDDwqz .searchBox .input-but { margin-left: 0; }
}
@media only screen and (orientation: landscape) {
    #mainHeaderWrapper .iconSet .user-links { line-height: revert; }
    #mainHeaderWrapper .iconSet .user-links li { display: inline-block; margin-left: 5px; }
    #mainHeaderWrapper .iconSet .user-links a { padding: 0; }
}
@media only screen and (orientation: portrait) {  }

/* Content */
#indexHomeBody .hqhYQXP { display: none }
#OroWVbS { background: #fff !important; }
#OroWVbS .centerColumn { padding: 0; background: #0b1a0e4d;padding: 10px; }

.homeBanner .banner-content .banner-images { height: 100% }
.homeBanner .banner-content .banner-images img { width: 100%; height: 100%; object-fit: cover; }

.mt-spacing { margin-top: 52px; }
.modular-title { padding-bottom: 32px; text-align: center }
.modular-title .main-title { font-size: 20px; color: #000; font-weight: 500; margin: 0; letter-spacing: 0; line-height: 1.2; text-transform:uppercase; }
@media only screen and (max-width: 767px) {
    .mt-spacing { margin-top: 32px; }
    .modular-title { padding-bottom: 24px; }
}

.latticeGrid .subject-items {  display: flex; flex-wrap: wrap; margin: 0 -10px; }
.latticeGrid .subject-items .item-unit { margin: 20px 0 0; padding: 0 10px; }
.latticeGrid .subject-items .item-unit .stack-item { position: relative;  }
.latticeGrid .subject-items .item-images { overflow: hidden;  }
.latticeGrid .subject-items .item-images img { width: 100%; height: 300px; object-fit: cover;  }

/* product */
.centerBoxWrapper { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.centeredContent {  padding: 0 10px; margin: 0; font-size: 13px; height: auto !important }
.centeredContent:hover { background: #fff;}
.centeredContent .list-item { margin-bottom: 20px; }
.centeredContent .list-item a:nth-child(1) {  padding: 20px 0; margin: 0; background: #f7f8fa; }
.centeredContent .list-item img { width: 100%; height: auto; object-fit: cover; mix-blend-mode: multiply; }
.centeredContent .list-item a { width: 100%; font-size: 13px; margin: 0 0 10px; }
.centeredContent .list-item .old-price { font-size: 14px; color: #000; text-decoration: line-through }
.centeredContent .list-item .price { font-size: 14px; color: #000; font-weight: 500; }
.centeredContent .list-item br:nth-child(4) { display: none }
@media only screen and (min-width: 1024px) {
    .centerBoxWrapper .centeredContent,div.centerBoxContentsProducts.centeredContent { width: 25% !important; }
}
@media (min-width: 481px) and (max-width: 767px) {
    .centerBoxWrapper div.centerBoxContentsSpecials.centeredContent,
    .centerColumn div.centerBoxContentsProducts.centeredContent,
    .centerBoxWrapper div.centerBoxContentsNew.centeredContent { width: 50% !important; padding: 0 10px !important; }
}
@media (min-width: 0px ) and (max-width: 480px) {
    .centerBoxWrapper div.centerBoxContentsSpecials.centeredContent,
    .centerBoxWrapper div.centerBoxContentsNew.centeredContent,
    .centerColumn div.centerBoxContentsProducts.centeredContent { width: 50% !important; padding: 0 8px !important; }
}
@media only screen and (orientation: landscape) {
    .centerBoxWrapper .centeredContent div, .centerBoxWrapper .centeredContent div { background: none !important; }
    .centerBoxWrapper div, .centerBoxWrapper div { background: none !important; }
    .centerBoxWrapper div.centerBoxContentsSpecials.centeredContent,
    .centerColumn div.centerBoxContentsProducts.centeredContent,
    .centerBoxWrapper div.centerBoxContentsNew.centeredContent { padding: 0 10px !important; }
}
@media only screen and (orientation: portrait) {
    .centerBoxWrapper .centerBoxContentsSpecials:nth-child(odd),
    .centerColumn div.centerBoxContentsProducts:nth-child(odd),
    .centerBoxWrapper .centerBoxContentsNew:nth-child(odd) { background: none; }
}

/* footer */
#TqoPHbckHJ #JMUYvs { background: #304e7e; }
#JMUYvs #navSupp ul { padding: 0; }
#JMUYvs #navSupp li { border-left: 1px solid #2267d8; }
#JMUYvs #navSupp ul li:last-child  { border-right: 1px solid #2267d8; }
#JMUYvs #navSupp li a {  min-width: 92px; color: #fff }
#JMUYvs #navSupp li a:hover { background: #2267d8; color: #fff; border-bottom: none; }

#TqoPHbckHJ #siteinfoIP { background: #f7f8fa; color: #000; border: none; }
#TqoPHbckHJ #dwMDcpBo { background: #fff; color: #000; border: none; }
#TqoPHbckHJ #dwMDcpBo a { color: #000; }

 /* list . select list */
.hqhYQXP {  background: #f7f8fa; height: 30px; }
.hqhYQXP #izwYhcQ { font-size: 12px; color: #777; line-height: 30px; padding: 0; }
.hqhYQXP #izwYhcQ a { color: #777; }
.hqhYQXP #izwYhcQ a:hover { color: #2879fe; }

#indexProductList #cat-top { display: none; }
#indexProductList #filter-wrapper { display: none; }
#indexProductList LABEL.inputLabel { line-height: 35px; padding: 0; }
#productListing .prod-list-wrap { background: none; height: auto; padding: 20px 0; display: flex; border-top: none;  }
#productListing .prod-list-wrap.list-top .navSplitPagesLinks { display: none; }
#productListing .prod-list-wrap.list-bottom { justify-content: center; }
#productListing .prod-list-wrap.list-bottom .navSplitPagesResult { display: none; }
#productListing .prod-list-wrap:after { content: none;  }
#productListing .prod-list-wrap .navSplitPagesLinks { margin: 0;  width: auto; float: none; display: block; }
#productListing .prod-list-wrap .pagination { display: block; margin: 0; }
#productListing .prod-list-wrap .pagination li {  margin: 0 3px;  text-align: center; border: none;  }
#productListing .prod-list-wrap .pagination li a { background: none; padding: 0; width: 36px; height: 36px; line-height: 32px; color: #000; font-weight: 400; border: 2px solid #eee; border-radius: 2px; }
#productListing .prod-list-wrap .pagination li.active a { background: #2879fe;  border-color: #2879fe; color: #fff !important; }
#productListing .prod-list-wrap .pagination li:hover a { border-color: #2879fe; color: #2879fe;  }
#productListing .prod-list-wrap .navSplitPagesResult { font-size: 12px; color: #333; margin: 0; width: auto !important; align-self: center; float: none; }
#productListing .tabTable { display: flex; flex-wrap: wrap;  }
#productListing .tabTable .row { margin: 0 -10px; }
#productListing .tabTable .item { margin: 0; padding: 0 10px; }
#productListing .tabTable .item:first-child { display: none; }
#productListing .tabTable .productListing-rowheading { display: none; }
#productListing .tabTable .productListing-odd,
#productListing .tabTable .productListing-even { background: none; padding: 10px 0; text-align: center; }
#productListing .tabTable .productListing-odd .list-image ,
#productListing .tabTable .productListing-even .list-image { width: 100%; display: flex; align-items: center; float: revert; margin: 0; }
#productListing .tabTable .productListing-odd .list-image a,
#productListing .tabTable .productListing-even .list-image a { display: block; background: #f7f8fa;  }
#productListing .tabTable .productListing-odd .list-image img,
#productListing .tabTable .productListing-even .list-image img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
#productListing .tabTable .list-image { min-height: auto; }
#productListing .tabTable .itemTitle { font-size: 13px; color: #000; margin-top: 15px; width: 100%; }
#productListing .tabTable .itemTitle a { color: #000; }
#productListing .tabTable .listingDescription { font-size: 12px; color: #999; font-weight: 400;  width: 100%; display: none; }
#productListing .tabTable .list-price .old-price { font-size: 14px; color: #999; text-decoration: line-through; margin-right: 10px }
#productListing .tabTable .list-price .price { font-size: 14px; color: #000; }
#productListing .tabTable .list-more { float: revert; font-size: 12px; margin: 10px auto; max-width: 220px; border-radius: 3px; background: #fff; border: 1px solid #666; color: #333 !important; }
#productListing .tabTable .list-more:hover { background: #2879fe; color: #fff !important; border-color: #2879fe;  }
#productListing .tabTable .qmin { font-size: 13px; line-height: 20px; margin-right: 10px; display: none; }
#productListing .tabTable .qunit { font-size: 13px; line-height: 20px; display: none; }
#productListing .tabTable .qmix { font-size: 13px; line-height: 20px; display: none;  }
@media (min-width: 481px) and (max-width: 767px) {
    #productListing .tabTable .row { margin: 0 -8px; }
    #productListing .tabTable .item {  padding: 0 8px; }
    #productListing .tabTable .productListing-odd,
    #productListing .tabTable .productListing-even { display: block; height: auto; }
}
@media (min-width: 0px) and (max-width: 480px) {
    #productListing .tabTable .row { margin: 0 -8px; }
    #productListing .tabTable .item {  padding: 0 8px; }
    #productListing .tabTable .productListing-odd,
    #productListing .tabTable .productListing-even { display: block; height: auto; padding: 10px 0; }
}
@media only screen and (orientation: landscape) {
    #productListing .tabTable .productListing-odd,
    #productListing .tabTable .productListing-even { display: block; height: auto; }
}
@media only screen and (orientation: portrait) {
    #productListing .tabTable .list-more { padding: 8px 20px; }
}


/* Details */
#productGeneral #prod-info-top { display: flex; flex-wrap: wrap;  }
#productGeneral #pinfo-left { float: revert; width: 50%; padding: 0 10px ; }
#productGeneral #pinfo-left #productMainImage { background: #f7f8fa; margin-bottom: 3px; }
#productGeneral #pinfo-left #productMainImage a { text-decoration: underline; font-size: 13px; }
#productGeneral #pinfo-left #productMainImage a:hover { text-decoration: none; }
#productGeneral #pinfo-left #productMainImage a img { width: 100%; height: 100%;  mix-blend-mode: multiply; }
#productGeneral #pinfo-left #productMainImage a span { display: none; }
#productGeneral #pinfo-left #productAdditionalImages { display: block; margin: 0 -3px; }
#productGeneral #pinfo-left #productAdditionalImages .additionalImages { width: 33.33333%; padding: 3px; height: auto !important; margin: 0; }
#productGeneral #pinfo-left #productAdditionalImages .list-item { display: block; width: 100%; height: 100%; margin: 0 auto; text-align: center;  }
#productGeneral #pinfo-left #productAdditionalImages .list-item a { display: block; background: #f7f8fa; float: revert; }
#productGeneral #pinfo-left #productAdditionalImages .list-item img { width: 100%;  height: 100%;   mix-blend-mode: multiply; }
#productGeneral #pinfo-right { background: #fff; width: 50%; padding: 0 10px; float: revert; }
#productGeneral #pinfo-right #productName { font-size: 24px; font-weight: 600; color: #000; line-height: 1.2; text-align: left; margin-left: 0; letter-spacing: -.03rem; }
#productGeneral #pinfo-right #productDetailsList { margin-left: 0; }
#productGeneral #pinfo-right #productDetailsList li { line-height: 1.8; font-size: 13px; color: #999; font-weight: 300; }
#productGeneral #pinfo-right #cart-box { width: 100%; background: #fff; padding: 0; float: revert; box-shadow: none; }
#productGeneral #pinfo-right #productPrices { text-align: left; font-size: 20px; margin: 20px 0; }
#productGeneral #pinfo-right #productPrices .old-price { text-decoration: line-through; margin-right: 5px;  }
#productGeneral #pinfo-right #productPrices .price { color: #2879fe; font-weight: 600; }
#productGeneral #pinfo-right #productAttributes #attribsOptionsText { margin: 20px 0; }
#productGeneral #pinfo-right #productAttributes .attribBlock .clearBoth { display: none; }
#productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions { line-height: 20px; }
/*#productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions#ro-attrib-1 { margin-bottom: 20px; }*/
#productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions .back { float: revert; }
#productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions h4.optionName { font-weight: 400; margin-top: 0; margin-left: 0;  font-size: 13px; margin-right: 0; text-transform: uppercase; }
#productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back { display: flex; flex-wrap: wrap;  }
#productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back span { width: 100%; max-width: 68px; cursor: pointer; background: #f7f8fa; padding: 9px 0; border: 1px solid transparent; border-radius: 6px; text-align: center; margin: 5px 10px 5px 0; }
#productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back span.active { background: #2879fe; color: #fff !important;  }
#productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back span:hover { border: 1px solid #2879fe; color: #2879fe; }
#productGeneral #pinfo-right #productAttributes .attribBlock input[type=radio] { margin: 5px 0 15px 0; height: auto; display: none; }
#productGeneral #pinfo-right #productAttributes .attribBlock .attribsRadioButton { padding: 0; }
#productGeneral #pinfo-right #cartAdd { text-align: left; display: flex; margin: 20px 0; }
#productGeneral #pinfo-right #cartAdd .max-qty { display: none; }
#productGeneral #pinfo-right #cartAdd input[type=text] { width: 40%; max-width: 132px; height: 50px; border-radius: 6px; text-align: center; background: #f7f8fa; margin-right: 20px; }
#productGeneral #pinfo-right #cartAdd input[type=text]:focus { outline: none; }
#productGeneral #pinfo-right #cartAdd input[type=submit] { width: calc( 100% - 152px ); height: 50px !important; border-radius: 6px !important; font-size: 12px; background: #2879fe; text-transform: uppercase }
#productGeneral #pinfo-right #cartAdd input[type=submit].button_in_cartHover { background: #2267d8; font-size: 12px; color: #fff; border: 0 !important; }
#productGeneral #pinfo-right #productDescription { line-height: 1.6; font-size: 13px; color: #999; font-weight: 300 }
@media (min-width: 481px) and (max-width: 767px) {
    #productGeneral #prod-info-top { width: auto; margin-top: 20px; }
    #productGeneral #pinfo-left {  width: 100%;  }
    #productGeneral #pinfo-right { width: 100%; margin-top: 20px; }
    #productGeneral #pinfo-right #productName { font-size: 18px; }
    #productGeneral #pinfo-right #productPrices { font-size: 18px }
    #productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions { padding: 0; }
}
@media (min-width: 0px) and (max-width: 480px) {
    #productGeneral #prod-info-top { width: auto;  margin-top: 20px;  }
    #productGeneral #pinfo-left {  width: 100%; }
    #productGeneral #pinfo-left #productAdditionalImages .additionalImages { width: 50%; }
    #productGeneral #pinfo-right { width: 100%; margin-top: 20px; }
    #productGeneral #pinfo-right #productName { font-size: 18px; }
    #productGeneral #pinfo-right #productPrices { font-size: 18px }
}
@media only screen and (orientation: portrait) {
    #productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions { padding: 0; }

}

#productGeneral #userViewWrapper { display: flex; flex-wrap: wrap;  }
#productGeneral #userViewWrapper .buttonRow { padding-right: 5px; margin: 0; width: 50%; }
#productGeneral #userViewWrapper .buttonRow span.normal_button { padding: 8px !important; width: 100%; height: 42px; font-size: 13px; color: #2879fe;  background: none; border-radius: 6px; border: 1px solid #2879fe; }
#productGeneral #userViewWrapper #productQuestions { padding-left: 5px; margin: 0; width: 50%; }
#productGeneral #userViewWrapper #productQuestions span.normal_button { padding: 8px 20px !important; width: 100%; height: 42px; font-size: 13px; color:#fff;  background: #2879fe; border-radius: 6px; border: 1px solid transparent;   }
#productGeneral #userViewWrapper .button_write_reviewHover,
#productGeneral #userViewWrapper .button_ask_a_questionHover { background: #2267d8 !important;  color: #fff !important;  }
#productGeneral #productDateAdded { margin-top: 20px; text-align: left; line-height: 1.6; font-size: 13px; color: #999; font-weight: 300 }


#productGeneral .navNextPrevWrapper { float: revert; margin-top: 30px; padding-top: 5px; }
#productGeneral .navNextPrevWrapper .navNextPrevCounter { margin-bottom: 10px; }
#productGeneral .navNextPrevWrapper .navNextPrevList span.normal_button { font-size: 13px; height: 42px; background: #f7f8fa; color: #000; border: 1px solid #303030; transition: all 0s; margin: 0 4px; }
#productGeneral .navNextPrevWrapper .navNextPrevList span.button_return_to_product_list { background:#303030; color: #fff;  border: 1px solid transparent; }
#productGeneral .navNextPrevWrapper .button_prevHover,
#productGeneral .navNextPrevWrapper .button_nextHover { background: transparent; color: #2879fe !important; border: 1px solid #2879fe !important;  }
#productGeneral .navNextPrevWrapper .button_return_to_product_listHover { background: #2879fe !important; }

/*cart*/
#shoppingCartDefault { margin-top: 40px; }
#shoppingCartDefault #cartDefaultHeading { margin-bottom: 40px; font-size: 24px; font-weight: 600; letter-spacing: -0.03rem; text-align: center; text-transform: uppercase; }
#shoppingCartDefault .tableHeading th { font-size: 13px; font-weight: 400; text-transform: uppercase; border-bottom: none; padding: 15px 10px; }
#shoppingCartDefault .tableHeading #scUpdateQuantity { width: 12%; }
#shoppingCartDefault .tableHeading #scProductsHeading { width: 36%; text-align: left; padding-left: 32px; }
#shoppingCartDefault .tableHeading #scUnitHeading { width: 12%; }
#shoppingCartDefault .tableHeading #scQuantityHeading { width: 22%; }
#shoppingCartDefault .tableHeading #scTotalHeading { width: 12%; }
#shoppingCartDefault .tableHeading #scDeleteIcon { width: 6%; }
#shoppingCartDefault .rowCart {  background: #fff; border-top: 1px solid #e9e7e7; }
#shoppingCartDefault .rowCart:hover { background: #fff !important; }
#shoppingCartDefault .rowCart td { text-align: center; vertical-align: middle; padding: 10px;  }
#shoppingCartDefault .rowCart td:nth-child(1) { padding: 15px 0; }
#shoppingCartDefault .rowCart .cartImage { margin: 0; }
#shoppingCartDefault .rowCart .cartImage img { width: 100%; height: 100%; mix-blend-mode: multiply; }
#shoppingCartDefault .rowCart .cartProductDisplay { text-align: left;  padding-left: 32px; }
#shoppingCartDefault .rowCart .cartProductDisplay .prodName { font-size: 13px; color: #000; font-weight: 400; line-height: 1.6; }
#shoppingCartDefault .rowCart .cartProductDisplay .cartAttribsList { font-size: 12px; color: #999;  font-weight: 400; line-height: 1.6; margin-left: 0; }
#shoppingCartDefault .rowCart .cartProductDisplay .unitProduct { display: none; font-size: 14px; color: #000; font-weight: 600; line-height: 1.6; }
#shoppingCartDefault .rowCart .cartUnitDisplay { font-size: 14px; color: #000; font-weight: 400; }
#shoppingCartDefault .rowCart .cartUnitDisplay .hide,
#shoppingCartDefault .rowCart .cartTotalDisplay .hide { display: none; }
#shoppingCartDefault .rowCart input[type=text] { margin: 5px 0 0; border: none; background: #f7f8fa; border-radius: 6px; height: 40px; text-align: center; }
#shoppingCartDefault .rowCart input[type=text]:focus {  outline: none; }
#shoppingCartDefault .rowCart .cartTotalDisplay { font-size: 14px; color: #000; font-weight: 400; }
#shoppingCartDefault .rowCart:last-child { border-bottom: 1px solid  #e9e7e7 }
#shoppingCartDefault .cartFooter { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px 0; }
#shoppingCartDefault .cartFooter .cartTotalsDisplay { font-size: 14px; padding: 0; font-weight: 400; line-height: 1.4; text-align: left; }
#shoppingCartDefault .cartFooter #cartSubTotal { font-size: 14px; border-top: none; padding: 0; height: auto; line-height: 1.4; font-weight: 400; display: flex; justify-content: space-between; align-items: baseline; }
#shoppingCartDefault .cartFooter #cartSubTotal .money { font-size: 20px; color: #2879fe; font-weight: 600; margin-left: 10px;  }
#shoppingCartDefault .cartFooter .buttonRow { margin: 20px 0 0; float: revert; }
#shoppingCartDefault .cartFooter .buttonRow .button_checkout { font-size: 12px; text-transform: uppercase; background: #2879fe;  width: 100%; min-width: 200px; padding: 6px 24px; height: 48px; border-radius: 6px !important;  }
#shoppingCartDefault .cartFooter .buttonRow .button_checkoutHover { background: #2267d8; color: #fff  }
@media only screen and (max-width: 767px) {
    #shoppingCartDefault .tableHeading #scUnitHeading { display: none; }
    #shoppingCartDefault .rowCart .cartUnitDisplay { display: none; }
    #shoppingCartDefault .tableHeading #scProductsHeading,
    #shoppingCartDefault .rowCart .cartProductDisplay { padding-left: 10px; }
    #shoppingCartDefault .rowCart input[type=text] { width: 80%;  }
    #shoppingCartDefault .cartFooter { flex-direction: column; }
    #shoppingCartDefault .cartFooter .cartTotalsDisplay { text-align: center; }
    #shoppingCartDefault .cartFooter #cartSubTotal { justify-content: center; margin-top: 10px; }
    #shoppingCartDefault .rowCart .cartProductDisplay .unitProduct { display: block }
}
@media only screen and (max-width: 576px)  {
    #shoppingCartDefault #cartDefaultHeading { font-size: 20px; }
    #shoppingCartDefault .tableHeading #scTotalHeading,
    #shoppingCartDefault .rowCart .cartTotalDisplay { display: none; }
}
@media (min-width: 481px) and (max-width: 767px) {
    #shoppingCartDefault .rowCart { background: #fff !important; }
    #shoppingCartDefault .rowCart td.cartQuantity { display: revert; padding: 10px; margin-top: 0; width: 20%; }
    #shoppingCartDefault .rowCart .cartTotalDisplay { display: revert; }
}
@media (min-width: 0px) and (max-width: 480px) {
    #shoppingCartDefault .rowCart { background: #fff !important; }
    #shoppingCartDefault .rowCart td.cartQuantity { padding: 10px; margin-top: 0; width: 40%; }
    #shoppingCartDefault .rowCart td.cartRemoveItemDisplay { text-align: left; }
    /*#shoppingCartDefault .cartFooter .cartTotalsDisplay { background: none; color: #000; }*/
}

/* Search */
.selectIcon { font-size: 16px; font-weight: 400; width: 30px; line-height: 42px; height: 42px; text-align: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.formGroup select { display: block; margin: 0; width: 100%; padding: 0 30px 0 15px; height: 42px !important; font-size: 13px; color: #424242; background: #f7f8fa; border: none; border-radius: 4px; appearance: none; }
.formGroup select:focus { outline: none;  background: #f7f8fa;  }
.formGroup select option { font-size: 13px; }
#advSearchResultsDefault #advSearchResultsDefaultHeading { font-size: 22px; font-weight: 600; margin: 30px 0; }
#advSearchResultsDefault #filter-wrapper { padding: 0; position: relative;  }
#advSearchResultsDefault #filter-wrapper select { display: block; font-size: 13px; color: #424242; width: 100%; height: 42px; border: 1px solid #d7d8da; border-radius: 6px; padding: 8px 30px 8px 10px; appearance: none; }
#advSearchResultsDefault #filter-wrapper select:focus { outline: none; border: 1px solid #666; }
#advSearchResultsDefault #filter-wrapper select option { font-size: 13px; }
#advSearchResultsDefault .buttonRow .button_back {   padding: 8px 30px; margin: 0; width: 100%;  height: 42px; font-size: 13px; color: #fff;  background: #2879fe; border-radius: 6px !important;  }
#advSearchResultsDefault .buttonRow .button_backHover { background: #303030; color: #fff  }

/* Advanced Search */
#advSearchDefault { margin-top: 40px; }
#advSearchDefault #advSearchDefaultHeading {  margin-bottom: 40px; font-size: 24px; font-weight: 600; letter-spacing: -0.03rem; text-align: center; text-transform: uppercase; }
#advSearchDefault .alert { background: #f6796e; border-color: #ec3f33; margin-left: 0; }
#advSearchDefault .searchInfoBox { border: 1px solid #e9e7e7; padding: 40px 40px 20px 40px; margin-bottom: 40px; }
#advSearchDefault .searchInfoBox fieldset { background: none; padding: 0; margin-bottom: 30px; }
#advSearchDefault .searchInfoBox fieldset div { margin-right: 0; }
#advSearchDefault .searchInfoBox .textTitle {  margin: 0 0 20px; font-size: 15px; color: #000; font-weight: 500; line-height: 1.4; text-transform: uppercase; }
#advSearchDefault .searchInfoBox .formGroup { margin: 0; position: relative; }
#advSearchDefault .searchInfoBox .customCheckbox { height: 42px; text-align: left; font-size: 13px; color: #000; }
#advSearchDefault .searchInfoBox .customCheckbox input[type=checkbox] { margin: 0; width: 14px; height: 14px; }

#advSearchDefault .psSpacing { padding-left: 20px; }
#advSearchDefault .peSpacing { padding-right: 20px; }
#advSearchDefault .searchInfoBox .titleBox { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin: 0 0 20px; }
#advSearchDefault .searchInfoBox .titleBox .textTitle { margin-bottom: 0; }
#advSearchDefault .searchInfoBox .titleBox .textHelp { margin: 0; font-size: 13px; color: #000; }
#advSearchDefault .searchInfoBox .centeredContent { display: flex; flex-wrap: wrap; margin: 0; }
#advSearchDefault .searchInfoBox .formGroup input[type=text] { margin: 0; width: 100%; padding: 0 15px; height: 42px; font-size: 13px; color: #424242; background: #f7f8fa; border: none; border-radius: 6px; }
#advSearchDefault .searchInfoBox .formGroup input[type=text]:focus { outline: none; }
#advSearchDefault .searchInfoBox .formGroup input[type=text]::-webkit-input-placeholder { color: #999 }
#advSearchDefault .searchInfoBox .unitBox .textTitle { margin-bottom: 30px; }
#advSearchDefault .searchInfoBox .unitBox .mbSpacing { margin-bottom: 12px; }
#advSearchDefault .searchInfoBox .unitBox label[for]{ margin: 0 0 8px; padding: 0; display: block; font-size: 13px; color: #434343; font-weight: 400; }

#advSearchDefault .footerBottom { float: inline-start; width: 100%; margin-bottom: 20px; }
#advSearchDefault .footerBottom .bottomBox { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; }
#advSearchDefault .footerBottom .buttonRow { margin: 0 ; padding: 0; }
#advSearchDefault .footerBottom .buttonRow a:link { text-decoration: none; }
#advSearchDefault .footerBottom .buttonRow .button_back { padding: 8px 30px; width: 100%;  height: 42px; font-size: 13px; color: #2879fe;  background: #fff; border-radius: 6px !important; border: 2px solid #2879fe;  }
#advSearchDefault .footerBottom .buttonRow .button_search { padding: 8px 30px; margin: 0; width: 100%;  height: 42px; font-size: 13px; color: #fff;  background: #2879fe; border-radius: 6px !important; border: 2px solid transparent; }
#advSearchDefault .footerBottom .buttonRow .button_backHover,
#advSearchDefault .footerBottom .buttonRow .button_searchHover { background: #303030; color: #fff; border-color: transparent; }
@media only screen and (max-width: 767px) {
    #advSearchDefault .searchInfoBox .customCheckbox { margin-left: 5px; }
    #advSearchDefault .peSpacing { padding-right: 0; }
    #advSearchDefault .psSpacing { padding-left: 0; }
}
@media only screen and (max-width: 576px) {
    #advSearchDefault #advSearchDefaultHeading { font-size: 20px; }
    #advSearchDefault .searchInfoBox { margin-bottom: 30px; padding: 30px 25px 10px 25px; }
}

/* Login */
#loginDefault { margin-top: 40px; }
#loginDefault #loginDefaultHeading {  margin-bottom: 40px; font-size: 24px; font-weight: 600; letter-spacing: -0.03rem; text-align: center; text-transform: uppercase; }
#loginDefault .alert { background: #f6796e; border-color: #ec3f33; margin-left: 0; margin-right: 0 !important; }
#loginDefault .loginForm { display: flex; flex-wrap: wrap; margin: 0 -10px; flex-direction: row-reverse; }
#loginDefault .loginForm [class*="col"] { float: revert; padding: 10px; }
#loginDefault .loginForm .innerInfoBox {  border: 1px solid #e9e7e7; padding: 40px; height: 100%; }
#loginDefault .loginForm .textTitle { margin: 0 0 20px; font-size: 15px; color: #000; font-weight: 500; line-height: 1.4; text-transform: uppercase; }
#loginDefault .loginForm .loginBox { background: none; margin: 0; padding: 0; }
#loginDefault .loginForm .loginBox .formGroup { margin: 0 0 20px; }
#loginDefault .loginForm .loginBox .inputLabel{ margin: 0 0 8px; padding: 0; display: block; font-size: 13px; color: #434343; font-weight: 400; width: 100%; }
#loginDefault .loginForm .loginBox input { margin: 0; width: 100%; padding: 0 15px; height: 42px; font-size: 13px; color: #424242; background: #f7f8fa; border: none; border-radius: 6px; }
#loginDefault .loginForm .loginBox input:focus { outline: none; }
#loginDefault .loginForm .loginBox input::-webkit-input-placeholder { color: #999 }
#loginDefault .loginForm .loginFooterBottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; }
#loginDefault .loginForm .loginFooterBottom .submit { margin: 0; }
#loginDefault .loginForm .loginFooterBottom .button_login { padding: 8px 30px; margin: 0; width: 100%;  height: 42px; font-size: 13px; color: #fff;  background: #2879fe; border-radius: 6px !important;  }
#loginDefault .loginForm .loginFooterBottom .link a { font-size: 13px; color: #2879fe; font-weight: 400; text-decoration: none; transition: all .3s; }
#loginDefault .loginForm .loginFooterBottom .button_loginHover { background: #303030; color: #fff; }
#loginDefault .loginForm .loginFooterBottom .link a:hover { text-decoration: underline; color: #303030 }
#loginDefault .SignUpLinkBox p { font-size: 13px; color: #999; font-weight: 300; line-height: 1.6; padding: 0; margin-bottom: 20px; }
#loginDefault .SignUpLinkBox a:link {  padding: 8px 30px; height: 42px; font-size: 13px; color: #fff; text-decoration: none; background: #2879fe; border-radius: 6px !important;  }
#loginDefault .SignUpLinkBox a:link:hover {  background: #303030; color: #fff; }
@media (min-width: 481px) and (max-width: 767px) {
    #loginDefault .loginForm .loginBox { width: 100%; }
}
@media only screen and (max-width: 576px) {
    #loginDefault #loginDefaultHeading { font-size: 20px; }
    #loginDefault .loginForm .innerInfoBox { padding: 30px 25px; }
}
@media (min-width: 0px) and (max-width: 480px) {
    #loginDefault .loginForm .loginBox { width: 100%; }
}

/* account */
#createAcctDefault { margin-top: 40px; }
#createAcctDefault #createAcctDefaultHeading { font-size: 24px; font-weight: 600; letter-spacing: -0.03rem; text-align: center; text-transform: uppercase; }
#createAcctDefault #createAcctDefaultLoginLink { font-size: 13px; text-align: center; font-weight: 400; margin-bottom: 40px; }
#createAcctDefault #createAcctDefaultLoginLink a:hover { color: #2879fe; text-decoration: none; }
#createAcctDefault .mainForm{ display: flex; flex-wrap: wrap; margin: 0 -10px; }
#createAcctDefault .mainForm [class*="col"] { float: revert; padding: 10px; }
#createAcctDefault .mainForm .textTitle { margin: 0 0 20px; font-size: 15px; color: #000; font-weight: 500; line-height: 1.4; text-transform: uppercase; }
#createAcctDefault .mainForm fieldset { background: none; margin: 0; padding: 0; }
#createAcctDefault .mainForm .innerInfoBox {  border: 1px solid #e9e7e7; padding: 40px 40px 30px 40px; height: 100%; }
#createAcctDefault .mainForm .innerInfoBox .containerBox { display: flex; flex-wrap: wrap; margin: 0 -10px; }
#createAcctDefault .mainForm .innerInfoBox [class*="col"] { padding: 0; margin: 0; }
#createAcctDefault .mainForm .innerInfoBox .formGroup { padding: 0 10px; margin: 0 0 20px; position: relative; }
#createAcctDefault .mainForm .innerInfoBox input { margin: 0; width: 100%; padding: 0 15px; height: 42px; font-size: 13px; color: #424242; background: #f7f8fa; border: none; border-radius: 6px; }
#createAcctDefault .mainForm .innerInfoBox input:focus { outline: none; }
#createAcctDefault .mainForm .innerInfoBox input::-webkit-input-placeholder { color: #999 }
#createAcctDefault .mainForm .innerInfoBox .formGroup .selectIcon { right: 10px; }
#createAcctDefault .mainForm .rewriteBox { border: none; padding: 0; }
#createAcctDefault .mainForm .rewriteBox .containerBox { display: flex; flex-wrap: wrap; margin: 0; }
#createAcctDefault .mainForm .rewriteBox .containerBox .formGroup { margin: 0 0 20px; position: relative; }
#createAcctDefault .mainForm .rewriteBox .containerBox input[type=radio] { margin: 8px 0 10px 0; width: 16px; height: 16px; }
#createAcctDefault .mainForm .rewriteBox .containerBox .radioButtonLabel { margin: 0 20px 0 5px; font-size: 13px; color: #000; }
#createAcctDefault .createAcctFooter { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; }
#createAcctDefault .createAcctFooter .buttonRow { margin: 0; }
#createAcctDefault .createAcctFooter .button_submit { padding: 8px 30px; margin: 0; width: 100%;  height: 42px; font-size: 13px; color: #fff;  background: #2879fe; border-radius: 6px !important;  }
#createAcctDefault .createAcctFooter .link a { font-size: 13px; color: #2879fe; font-weight: 400; text-decoration: none; transition: all .3s; }
#createAcctDefault .createAcctFooter .button_submitHover { background: #303030; color: #fff; }
#createAcctDefault .createAcctFooter .link a:hover { text-decoration: underline; color: #303030 }
@media (min-width: 481px) and (max-width: 767px) {
    #createAcctDefault .mainForm .innerInfoBox select{ width: 100%; }
}
@media only screen and (max-width: 576px) {
    #createAcctDefault #createAcctDefaultHeading { font-size: 20px; }
    #createAcctDefault .mainForm .innerInfoBox { padding: 30px 25px 20px 25px; }
}
@media (min-width: 0px) and (max-width: 480px) {
    #createAcctDefault .mainForm .innerInfoBox select{ width: 100%; }
}