/* text-transform/capitalize */
.centeredContent .list-item a, #productListing .grid-list-wrap .itemTitle, #productDescription { text-transform: capitalize }
#indexHomeBody #contentMainWrapper { padding-bottom: 0 !important; }
.container { max-width: 1380px;  }
.container-none { padding: 0 15px; }
.mt-spacing { margin-top: 60px; }
.pt-spacing { padding-top: 60px }
.section { padding: 60px 0 !important; }
@media only screen and (max-width: 991px) {
    .container-none { padding: 0 15px;}
}
@media only screen and (max-width: 767px) {
    .section { padding: 40px 0; }
    .mt-spacing { margin-top: 40px; }
}

/* top */
#navMainWrapper.group { background: #232323; }
#navMainWrapper .function { height: 34px; justify-content: center; }
#navMainWrapper #navMain ul li a { color: #494949; font-size: 13px; letter-spacing: 0.03rem; text-transform: revert; font-weight: 500; }
#navMainWrapper #navMain ul li a:hover { color: #fff; }
#navMainWrapper #scrollBar .notice span { color: #fff; font-size: 12px; text-transform: revert; font-weight: 600; }

/* home */
#mainHeaderWrapper { transition: all 0s; border-bottom: 1px solid #232323; }
#mainHeaderWrapper.header-fixed { border-bottom: 1px solid #232323; box-shadow: 0px 0px 5px 0px rgba(77,77,77,0.6);  }
#mainHeaderWrapper .header-into { max-width: 1380px; height: 78px; padding: 5px 15px 0; }
#mainHeaderWrapper .navbar-link { max-width: 1380px; height: 50px; padding: 0 15px; margin: 0 auto; }
#mainHeaderWrapper #logoWrapper #logo img { height: 44px; }

/* Header SiteNav */
.navTabsBox { width: 100%; height: 100%; padding: 0 10px; }
#siteNav { justify-content: space-between }
#siteNav > li > a {  font-size: 14px; padding: 5px 25px 0; font-weight: 600 !important; margin: auto 0; color: #232323; letter-spacing: 0; text-transform: revert;  transition:  all 0s }
#siteNav > li:hover > a,
#siteNav > li > a:hover:hover,
#siteNav > li > a:hover { color: #232323 }
#siteNav > li > a:after { background: #232323; height: 3px; }
#siteNav > li:hover a:after { width: 100% }
#siteNav > li .PAMxniP {  background: #fff; padding: 40px 0; border-top: 1px solid #e0e0e0; border-bottom: none;  max-width: 100%; left: 0; transform: translate(0); -webkit-transform: translate(0); box-shadow: none; transition: all 0s   }
#siteNav > li:hover > .PAMxniP { left: 0; transform: translate(0); -webkit-transform: translate(0); }
#siteNav > li .PAMxniP .row { padding: 0 15px; max-width: 1280px; margin: 0 auto; }
#siteNav > li .PAMxniP .lvl-1 a.lvl-1 { color: #232323; font-size: 14px; font-weight: 600 !important; letter-spacing: 0; padding-bottom: 10px; text-transform: revert; }
#siteNav > li .PAMxniP .lvl-1 a.lvl-1:hover { text-decoration: none }
#siteNav > li .PAMxniP .lvl-1 .site-nav { color: #767676; font-size: 13px; font-weight: 400; letter-spacing: 0.02rem; padding: 4px 0; }
#siteNav > li .PAMxniP .lvl-1 .site-nav:hover { text-decoration: none; color:#232323 }
#siteNav > li .PAMxniP .lvl-1 .site-nav:before { content: none; background-color: #000; height: 2px; }
#siteNav.medium  > li > a .an {display: block !important; transition: all 0s; margin-left: 5px; float: right; margin-top: 2px; }
#siteNav.medium  > li > a .an:before { color: #000; font-weight: 400; font-size: 16px; content: "\e949"; }
#siteNav.medium  > li:hover > a .an { transform: rotate(-180deg); }
#siteNav.medium  > li:hover > a .an:before { color: #000 }
#navMainSearch.search-wrap { width: 100% !important; max-width: 100%; min-width: 200px; }
#navMainSearch.search-wrap .searchBox { height: 36px; line-height: 36px; }
#navMainSearch.search-wrap .searchBox .input-txt { font-size: 14px; border: none; border-bottom: 1px solid #232323;  border-radius: 0; }
#navMainSearch.search-wrap .searchBox .input-txt:focus { border: none !important; border-bottom: 1px solid #232323 !important; background: none; }
#navMainSearch.search-wrap .searchBox .input-txt:hover { border-color: #232323; }
#navMainSearch.search-wrap .searchBox .input-txt::-webkit-input-placeholder { color: #767676; line-height: 36px; }
#navMainSearch.search-wrap .searchBox .input-but { color: #000; }

#mainHeaderWrapper .iconSet,
#mainHeaderWrapper .iconSet .user-links > li { padding: 0 12px; }
#mainHeaderWrapper .iconSet a { flex-direction: column; align-items: center; }
#mainHeaderWrapper .iconSet .icon { font-size: 19px; font-weight: 600; color: #000;  }
#mainHeaderWrapper .iconSet .icon:hover { color: #000; }
#mainHeaderWrapper .iconSet .icon-label { display: none; font-size: 11px; margin-top: 8px; }
@media only screen and (max-width: 1025px) {
    .navTabsBox { padding-left: 20px; }
    #siteNav > li > a { padding: 20px }
}
@media only screen and (max-width: 991px) {
    #mainHeaderWrapper .header-into { padding: 0 15px; height: 58px; }
    #mainHeaderWrapper #logoWrapper #logo img { height: 30px; }
    #mainHeaderWrapper .iconSet,
    #mainHeaderWrapper .iconSet .user-links > li { padding: 0 10px; }
    #mainHeaderWrapper .iconSet .icon-label { display: none; }
    #mainHeaderWrapper .btn--link .an { font-size: 20px; padding: 0 10px; margin-right: 0; font-weight: 600; }
    #mainHeaderWrapper #logoWrapper #logo { padding: 0 10px; }
    .mKMJe .yHEtMyw { padding: 12px 36px; background: #eee; text-align: right; }
}
@media only screen and (max-width: 767px) {
    #navMainWrapper .function { justify-content: center; }
    #mainHeaderWrapper .header-into {  flex-wrap: wrap; }

}

.modular-title { padding-bottom: 24px; text-align: left; }
.modular-title .main-title { font-size: 28px; font-weight: 600; text-transform: revert; }
@media only screen and (max-width: 767px) {
    .modular-title .main-title { font-size: 22px; }
}


.latticeGrid .subject-items { margin: 0 0; }
.latticeGrid .subject-items .item-unit { height: 50%; padding: 0 0; }
.latticeGrid .subject-items .item-unitBox:first-child .item-unit,
.latticeGrid .subject-items .item-unit .stack-item,
.latticeGrid .subject-items .item-unit .item-images { height: 100%; }
.latticeGrid .subject-items .item-unit .item-images { border-radius: 0; overflow: hidden; }

.centerBoxWrapper { margin: 0 ; justify-content: space-between; }
.centerBoxWrapper .centeredContent { padding: 0 5px; margin-bottom: 20px; text-align: left; }
.centerBoxWrapper .centeredContent:hover { background: none;  }
.centerBoxWrapper .centeredContent .list-item { background: #fff; padding: 0 0 20px; border: 1px solid transparent;  }
.centerBoxWrapper .centeredContent .list-item:hover { border-color: transparent }
.centerBoxWrapper .centeredContent .list-item a { color: #000; font-size: 14px; font-weight: 600; text-transform: revert; }
.centerBoxWrapper .centeredContent .list-item a:nth-child(1) { background: #f9f9f9; border: none; border-radius: 0; overflow: hidden; }
.centerBoxWrapper .centeredContent .list-item a:nth-child(3) { padding: 0; }
.centerBoxWrapper .centeredContent .list-item .old-price { padding-left: 10px; color: #777; font-size: 14px }
.centerBoxWrapper .centeredContent .list-item .price { color: #000; font-size: 14px; font-weight: 600; }
@media only screen and (max-width: 991px) {
    .centerBoxWrapper { margin: 0 -15px; }
    .centerBoxWrapper div.centerBoxContentsSpecials.centeredContent,
    .centerBoxWrapper div.centerBoxContentsNew.centeredContent { padding: 0 8px; }

}


.footer { background: #fff; }
.footer .footer-center { background: #f7f7f7; border-top: none; }
.footer .newsletter.new-outside { margin: 0; display: flex; flex-wrap: wrap; text-align: left;  }
.footer .newsletter.new-outside .item { padding: 48px 32px; }
.footer .newsletter.new-outside .item:nth-child(1) { border-right: none; }
.footer .newsletter.new-outside .text-list-title { color: #000; font-size: 20px; font-weight: 600;  text-transform: uppercase; }
.footer .newsletter.new-outside .p-news { color: #000; font-size: 14px; padding: 0; text-transform: revert;  max-width: 80%; margin: 0; letter-spacing: .02rem; }
.footer .newsletter.new-outside .email-input { margin-bottom: 0; }
.footer .newsletter.new-outside .email-input .input-box { font-size: 14px; border-radius: 0; border: 1px solid #bfbfbf; max-width: 328px;  }
.footer .newsletter.new-outside .email-input .input-but { text-transform: uppercase; font-size: 12px; color: #fff; border: none;  border-radius: 0; margin-left: 10px; background: #191919; font-weight: 500; }
.footer .newsletter.new-outside .email-input .input-but:hover { background: #222; color: #fff }
.footer .newsletter.new-outside .email-input .input-box:focus { border-color: #000; }
.footer .newsletter.new-outside .email-input .input-box::-webkit-input-placeholder { font-size: 14px; }
@media only screen and (min-width: 992px) {
    .footer .newsletter.new-outside .text-list-title { margin-bottom: 0; }
    .footer .newsletter.new-outside .p-news { margin: 0; }
    .footer .newsletter.new-outside .email-input { height: 100%; }
    .footer .newsletter.new-outside .email-input .input-box { height: 100%; max-width: 100%; }
    .footer .newsletter.new-outside .email-input .input-but { min-width: 158px; font-size: 14px; }
}

.footer .esWtzFTiwx { border-top: 1px solid #232323; padding: 20px 0;  background: transparent; }
.footer .esWtzFTiwx .footer-links .text-list-title { font-size: 13px; color: #232323; letter-spacing: 0.02rem; font-weight: 600; text-transform: uppercase; }
.footer .esWtzFTiwx .footer-links p,
.footer .esWtzFTiwx .footer-links a { color: #767676; font-size: 13px; font-weight: 400; text-transform: revert }
.footer .esWtzFTiwx .footer-links p { text-transform: revert; }
.footer .esWtzFTiwx .footer-links a:hover { color:  #232323; text-decoration: underline; }
.footer .social-icons { margin-top: 15px; }
.footer .social-icons li a { padding-right: 26px !important }
.footer .social-icons li i { color: #232323; font-size: 16px; }
.footer .social-icons li:hover i { color: #232323 }

.footer .esWtzFTiwx #navSuppWrapper { background: transparent; }
.footer .esWtzFTiwx #navSuppWrapper #navSupp ul { text-align: left; }
.footer .esWtzFTiwx #navSuppWrapper #navSupp li { border: none; }
.footer .esWtzFTiwx #navSuppWrapper #navSupp li a { color: #000; font-size: 14px; padding: 0 24px 0 0; border: none; }
.footer .esWtzFTiwx #navSuppWrapper #navSupp li a:hover { background: none; border: none; text-decoration: underline; }

.footer .newsletter.new-within { text-align: left; }
.footer .newsletter.new-within .p-news { max-width: 100%; margin: 0 0 20px; }
.footer .newsletter.new-within .email-input { margin-bottom: 30px; }
.footer .newsletter.new-within .email-input .input-box { max-width: 100%; border-color: #e7e7e7; border-radius: 6px; }
.footer .newsletter.new-within .email-input .input-box::-webkit-input-placeholder { font-size: 13px; color: #000; }
.footer .newsletter.new-within .email-input .input-but { background: #222; margin-left: 8px; border-radius: 6px; font-size: 13px; font-weight: 600; }
.footer .newsletter.new-within .email-input .input-but:hover { background: #565656; }
.footer .newsletter.new-within .email-input .input_icon {
    font-weight: 300;
    line-height: 0;
    padding: 0 20px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    border: none;
}

.footer .bQuJ { border-top: 1px solid transparent; background: #232323; padding: 20px 0; }
.footer .bQuJ .copytext,
.footer .bQuJ .copytext a { font-size: 13px; color: #bdbdbd; text-transform: revert !important; }
@media only screen and (max-width: 991px) {
    .footer .container-none { padding: 0 15px }
    .footer .newsletter.new-outside .email-input { max-width: 100%; }
    .footer .newsletter.new-outside .item { padding: 32px 15px; }
    .footer .newsletter.new-outside .item:nth-child(1) { padding-bottom: 0; }
    .footer .esWtzFTiwx { padding: 32px 15px; }
    .footer .bQuJ { padding: 32px 15px; }

}
@media only screen and (max-width: 767px) {
    .footer .newsletter.new-outside .text-list-title { font-size: 20px; }
    .footer .esWtzFTiwx .footer-links .h4 { border-color:  #dedede; }

}


/* ProductList */
#productListing .grid-list-wrap .list-item { text-align: left; }
#productListing .grid-list-wrap .list-image a  { background: #f5f5f5;  }
#productListing .grid-list-wrap .itemTitle { font-size: 14px; font-weight: 400 }
#productListing .grid-list-wrap .list-price .old-price { font-size: 14px; }
#productListing .grid-list-wrap .list-price .price { font-size: 14px; color: #000; font-weight: 600; }
#productListing .prod-list-wrap.list-bottom { padding-top: 40px; }
#productListing .prod-list-wrap .pagination li.active a { background: #252525; border-color: #252525; }
#productListing .prod-list-wrap .pagination li:hover a { border-color: #252525; color: #252525; }


.WrjGrn { padding: 12px 0; }
.WrjGrn #navBreadCrumb { font-size: 12px; text-transform: uppercase; }
.WrjGrn #navBreadCrumb a { font-size: 12px; text-transform: uppercase; }
#productinfoBody .WrjGrn { margin-bottom: 0;  }
#productGeneral #prod-info-top { background: #f7f8fa; margin-top: 0; padding: 40px 10px;   }
#productGeneral #pinfo-left #productMainImage { margin-bottom: 10px; background: #fff; }
#productGeneral #pinfo-left #productAdditionalImages .additionalImages { width: 16.6666%; padding: 3px; }
#productGeneral #pinfo-left #productAdditionalImages .list-item a { background: #fff }
#productGeneral #pinfo-right { background: transparent; }
#productGeneral #pinfo-right #productName { margin: 10px 0 5px 30px; font-weight: 600; line-height: 1.4; font-size: 20px; }
#productGeneral #pinfo-right #productDetailsList { margin: 0 0 0 30px; }
#productGeneral #pinfo-right #productDetailsList li { text-transform: capitalize; color: #666; font-weight: 500; }

#productGeneral #pinfo-right #cart-box { background: transparent; margin-left: 30px; width: calc( 100% - 30px ) }
#productGeneral #pinfo-right #productPrices { margin: 0; padding: 15px 0 10px; border-bottom: 1px solid #e9e9e9; }
#productGeneral #pinfo-right #productPrices .price { color: #f8353e;  }
#productGeneral #pinfo-right #productPrices .old-price { color: #666; font-weight: 600; font-size: 16px; }
#productGeneral #pinfo-right .swatch-wrap { padding: 15px 0; margin-bottom: 10px; border-bottom: 1px solid #e9e9e9; }
#productGeneral #pinfo-right .swatches .swatch-element .options-color { width: 58px; height: 58px; }
#productGeneral #pinfo-right .swatches .swatch-element a .swatch-img { display: block; width: 100%; height: 100%; padding: 3px; }
#productGeneral #pinfo-right .swatches .swatch-element a .swatch-img img { mix-blend-mode: multiply; }
#productGeneral #pinfo-right .swatches .swatch-element .options-color:after { border: none; border-bottom: 1px solid transparent; }
#productGeneral #pinfo-right .swatches .swatch-element.active .options-color:before { border: none; }
#productGeneral #pinfo-right .swatches .swatch-element.active .options-color:after {  border-bottom: 1px solid #666; }
#productGeneral #pinfo-right .swatches .swatch-element:hover .options-color:before { border: none; }
#productGeneral #pinfo-right .swatches .swatch-element:hover .options-color:after {  border-bottom: 1px solid #666; }

#productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions { line-height: 1.5; margin: 0; padding: 15px 0; border-bottom: 1px solid #e9e9e9; }
#productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions h4.optionName { margin-bottom: 10px; font-weight: 600; }
#productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back span { border: none;  padding: 8px 0; background: #e9e9e9;  border-bottom: 1px solid transparent; border-radius: 0; transition: all .2s; }
#productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back span:hover { border: none; border-bottom: 1px solid #666; background: none; color: #000; }
#productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back span.active { background: #000; }
#productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back span .attribsRadioButton { cursor: pointer; }

#productGeneral #pinfo-right #cartAdd { border-bottom: 1px solid #e9e9e9; padding-bottom: 5px; }
#productGeneral #pinfo-right #cartAdd .product-form__item--increase { display: flex; flex-wrap: wrap; }
#productGeneral #pinfo-right #cartAdd .qtyField { width: 138px; display: flex; margin-bottom: 15px; margin-right: 15px; background: #fff; }
#productGeneral #pinfo-right #cartAdd input[type=text] { border-radius: 0; background: none; width: 100%; margin: 0 5px; max-width: revert; min-width: revert; }
#productGeneral #pinfo-right #cartAdd .qtyBtn { display: inline-flex; align-items: center; justify-content: center; padding: 8px 12px; height: 50px; background: none; color:#000; }
#productGeneral #pinfo-right #cartAdd .qtyBtn .icon { font-size: 12px; }
#productGeneral #pinfo-right #cartAdd .product-form__whatsapp--img { border-radius: 0; }
#productGeneral #pinfo-right #cartAdd .product-form__item--quantity a { width: 100%; margin: 0; border-radius: 0; }
#productGeneral #pinfo-right #cartAdd input[type=submit] { width: calc( 100% - 153px ); border-radius: 0 !important;  margin-bottom: 15px;  }

#productGeneral #pinfo-right #productDescription { margin-left: 30px; color: #666; font-weight: 400; font-size: 0.8rem; }
#productGeneral #userViewWrapper { margin-left: 30px; }
#productGeneral #userViewWrapper .buttonRow { width: 100%; padding-right: 0; margin-bottom: 15px; }
#productGeneral #userViewWrapper .buttonRow span.normal_button { border-radius: 0 !important; height: 50px; }
#productGeneral #userViewWrapper #productQuestions { width: 100%; padding-left: 0; margin-bottom: 15px; }
#productGeneral #userViewWrapper #productQuestions span.normal_button { border-radius: 0 !important; height: 50px; }

#productGeneral .navNextPrevWrapper .navNextPrevList span.normal_button { background: #fff; }
#productGeneral .navNextPrevWrapper .navNextPrevList span.button_return_to_product_list { background: #303030 }
@media only screen and (max-width: 767px)  {
    #productGeneral #pinfo-right #productName { margin: 15px 10px 5px; }
    #productGeneral #pinfo-right #productDetailsList { margin: 0 10px; }
    #productGeneral #pinfo-right #cart-box { margin-left: 10px; margin-right: 10px; width: calc( 100% - 20px ); }
    #productGeneral #pinfo-right #productDescription { margin-left: 10px; margin-right: 10px; }
    #productGeneral #userViewWrapper { margin-left: 10px; margin-right: 10px; }
}

#productGeneral .centerBoxWrapper .centerBoxContentsAlsoPurch .list-item img { width: 100%; height: 100%; object-fit: cover; }