#indexHomeBody #JWKOoS { padding-bottom: 0 !important; } .container { max-width: 1280px; } .container-none { padding: 0 20px; } .mt-spacing { margin-top: 60px; } .pt-spacing { padding-top: 60px } .section { padding: 60px 0; } @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 */ #KFmvknUQ.group { background: #222; } #KFmvknUQ .function { height: 36px; } #KFmvknUQ #navMain ul li a { color: #fff; font-size: 12px; letter-spacing: 0.03rem; text-transform: uppercase; font-weight: 500; } #KFmvknUQ #navMain ul li a:hover { color: #fff; } #KFmvknUQ #scrollBar .notice span { color: #fff; font-size: 14px; text-transform: revert; font-weight: 400; } /* home */ #mainHeaderWrapper { transition: all 0s; } #mainHeaderWrapper.header-fixed { border-bottom: none; box-shadow: none; } #mainHeaderWrapper .header-into { max-width: 100%; height: 60px; padding: 0 20px; } #mainHeaderWrapper #jdjVzTTZNO #logo img { height: 32px; } /* Header SiteNav */ #siteNav > li > a { font-size: 12px; padding: 0 12px; font-weight: 600 !important; margin: auto 0; color: #000; letter-spacing: 0.03rem; text-transform: uppercase; transition: all 0s } #siteNav > li:hover > a, #siteNav > li > a:hover:hover, #siteNav > li > a:hover { color: #42c0b1 } #siteNav > li > a:after { background: #000; height: 2px; content: none; } #siteNav > li:hover a:after { width: 100% } #siteNav > li .mpbFt { background: #fff; padding: 30px 20px; border-top: 1px solid #eee; border-bottom: none; max-width: 100%; left: 0; transform: translate(0); -webkit-transform: translate(0); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0s } #siteNav > li:hover > .mpbFt { left: 0; transform: translate(0); -webkit-transform: translate(0); } #siteNav > li .mpbFt .row { padding: 0; max-width: 100%; margin: 0 auto; } #siteNav > li .mpbFt .lvl-1 a.lvl-1 { color: #000; font-size: 14px; font-weight: 600 !important; text-transform: uppercase; } #siteNav > li .mpbFt .lvl-1 a.lvl-1:hover { text-decoration: none } #siteNav > li .mpbFt .lvl-1 .site-nav { color: #000; font-size: 12px; font-weight: 400; letter-spacing: 0.03rem; text-transform: uppercase; } #siteNav > li .mpbFt .lvl-1 .site-nav:hover { text-decoration: none; color:#42c0b1 } #siteNav > li .mpbFt .lvl-1 .site-nav:before { content: none; background-color: #000; height: 2px; } #siteNav.medium > li > a .an {display: block !important; transition: all 0.3s; margin-left: 8px; float: right; margin-top: 3px; } #siteNav.medium > li > a .an:before { color: #000; font-weight: 400; font-size: 15px; } #siteNav.medium > li:hover > a .an { transform: rotate(-180deg); } #siteNav.medium > li:hover > a .an:before { color: #42c0b1 } #WveVM.search-wrap { width: 100% !important; max-width: 280px; min-width: 200px; } #WveVM.search-wrap .searchBox { height: 36px; line-height: 36px; } #WveVM.search-wrap .searchBox .input-txt { border-color: #e7e7e7; border-radius: 40px; padding-left: 20px; } #WveVM.search-wrap .searchBox .input-txt:focus { border-color: transparent !important; background: #f3f3f3; } #WveVM.search-wrap .searchBox .input-txt:hover { border-color: #e7e7e7; } #WveVM.search-wrap .searchBox .input-txt::-webkit-input-placeholder { color: #767676; line-height: 36px; } #WveVM.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: 16px; 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: 60px; } #mainHeaderWrapper #jdjVzTTZNO #logo img { height: 32px; } #mainHeaderWrapper .iconSet, #mainHeaderWrapper .iconSet .user-links > li { padding: 0 10px; } #mainHeaderWrapper .iconSet .icon-label { display: none; } #mainHeaderWrapper .btn--link .an { font-size: 18px; padding: 0 10px 0 5px; margin-right: 0; font-weight: 600; } #mainHeaderWrapper #jdjVzTTZNO #logo { padding: 0 10px; } .nykP .dOwWABGYdz { padding: 12px 36px; background: #eee; text-align: right; } } @media only screen and (max-width: 767px) { #KFmvknUQ .function { justify-content: center; } #mainHeaderWrapper .header-into { flex-wrap: wrap; } } @media only screen and (min-width: 992px) { /* HomeBody Header */ #indexHomeBody .main-header { width: 100%; background: none; } #indexHomeBody .main-header #jdjVzTTZNO { background: none; } #indexHomeBody .main-header #logo img { filter: drop-shadow( #fff 0 120px ); transform: translateY(-120px); } #indexHomeBody .main-header:hover, #indexHomeBody .main-header.header-fixed { background: #fff; } #indexHomeBody .main-header:not(.header-fixed) { position: fixed; width: 100%; border-bottom: none; } #indexHomeBody .main-header:hover #logo img, #indexHomeBody .main-header.header-fixed #logo img { filter: revert; transform: revert } #indexHomeBody .main-header #siteNav > li > a, #indexHomeBody .main-header #siteNav.medium > li > a .an:before { color: #fff; } #indexHomeBody .main-header:hover #siteNav > li > a, #indexHomeBody .main-header.header-fixed #siteNav > li > a, #indexHomeBody .main-header:hover #siteNav.medium > li > a .an:before, #indexHomeBody .main-header.header-fixed #siteNav.medium > li > a .an:before { color: #000; } #indexHomeBody .main-header .btn--link .an, #indexHomeBody .main-header .iconSet .icon { font-weight: 400 } #indexHomeBody .main-header:hover .btn--link .an, #indexHomeBody .main-header.header-fixed .btn--link .an, #indexHomeBody .main-header:hover .iconSet .icon, #indexHomeBody .main-header.header-fixed .iconSet .icon { font-weight: 600; } #indexHomeBody .main-header .iconSet .icon, #indexHomeBody .main-header .btn--link .an, #indexHomeBody .main-header .iconSet .icon-label { color: #fff; } #indexHomeBody .main-header:hover .iconSet .icon, #indexHomeBody .main-header:hover .btn--link .an, #indexHomeBody .main-header:hover .iconSet .icon-label, #indexHomeBody .main-header.header-fixed .iconSet .icon, #indexHomeBody .main-header.header-fixed .btn--link .an, #indexHomeBody .main-header.header-fixed .iconSet .icon-label { color: #000; } } .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; } .latticeGrid .subject-items .item-unit { height: 50%; margin: 0; padding: 30px 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 -8px; justify-content: space-between } .centerBoxWrapper .centeredContent { padding: 0 8px; margin-bottom: 20px; text-align: left; } .centerBoxWrapper .centeredContent:hover { background: none; } .centerBoxWrapper .centeredContent .list-item { background: #fff; padding: 0; } .centerBoxWrapper .centeredContent .list-item a { color: #000; font-size: 14px; font-weight: 400; text-transform: revert; } .centerBoxWrapper .centeredContent .list-item a:nth-child(1) { background: #f5f5f5; border: none; border-radius: 0; overflow: hidden; } .centerBoxWrapper .centeredContent .list-item a:nth-child(3) { padding: 0 10px; } .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 -8px; } .centerBoxWrapper div.centerBoxContentsSpecials.centeredContent, .centerBoxWrapper div.centerBoxContentsNew.centeredContent { padding: 0 8px; } } .footer { background: #fff; } .footer .container-none { padding: 0 50px } .footer .footer-center { background: transparent; border-top: 1px solid #e5e5e5; } .footer .newsletter.new-outside { display: flex; flex-wrap: wrap; align-items: center;margin: 0 -10px; } .footer .newsletter.new-outside .item { padding: 10px; } .footer .newsletter.new-outside .text-list-title { color: #000; font-size: 16px; font-weight: 600; text-transform: uppercase; } .footer .newsletter.new-outside .p-news { color: #000; font-size: 14px; padding: 0; text-transform: revert; } .footer .newsletter.new-outside .email-input { margin-bottom: 0; } .footer .newsletter.new-outside .email-input .input-box { font-size: 14px; border-radius: 0; border: none; border-bottom: 1px solid #000; } .footer .newsletter.new-outside .email-input .input-but { text-transform: uppercase; font-size: 12px; color: #000; border: 1px solid #000; border-radius: 0; margin-left: 10px; background: transparent; font-weight: 600; } .footer .newsletter.new-outside .email-input .input-but:hover { background: #000; color: #fff } .footer .newsletter.new-outside .email-input .input-box:focus { border-color: #c5c5c5; } .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-align: left; } .footer .newsletter.new-outside .p-news { max-width: 80%; margin: 0; } .footer .newsletter.new-outside .email-input { margin-bottom: 0; } } .footer .aRVMsGvXeNW { border-top: 1px solid transparent; padding: 30px 0; background: transparent; } .footer .aRVMsGvXeNW .footer-links .text-list-title { font-size: 14px; color: #000; letter-spacing: 0.02rem; font-weight: 600; text-transform: uppercase; } .footer .aRVMsGvXeNW .footer-links p, .footer .aRVMsGvXeNW .footer-links a { color: #000; font-size: 13px; font-weight: 400; text-transform: revert } .footer .aRVMsGvXeNW .footer-links p { text-transform: revert; } .footer .aRVMsGvXeNW .footer-links a:hover { color: #000; text-decoration: underline; } .footer .social-icons { margin-top: 15px; } .footer .social-icons li a { padding-right: 26px !important } .footer .social-icons li i { color: #000; font-size: 15px; } .footer .social-icons li:hover i { color: #000 } .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 .wxjfwFGBD { border-top: 1px solid #e5e5e5; background: transparent; padding: 15px 0; } .footer .wxjfwFGBD .copytext, .footer .wxjfwFGBD .copytext a { font-size: 13px; color: #000; 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%; } } @media only screen and (max-width: 767px) { .footer .newsletter.new-outside .text-list-title { font-size: 20px; } .footer .aRVMsGvXeNW .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; } /* productGeneral */ #productGeneral #pinfo-left #productAdditionalImages .additionalImages { width: 25%; } #productGeneral #pinfo-right #productDetailsList li { color: #303030; font-weight: 400; } #productGeneral #pinfo-right #productPrices .price { color: #f93822; } #productGeneral #pinfo-right .swatches .swatch-element:hover .options-color:after { border-color: #252525; } #productGeneral #pinfo-right .swatches .swatch-element.active .options-color:after { border-color: #252525; border-width: 2px; } #productGeneral #pinfo-right .swatches .swatch-element .active { border-color: #252525; } #productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back span { background: none; border-color: #eee; border-radius: 0; } #productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back span:hover { border-color: #252525; color: #252525; } #productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back span.active { background:#252525; color: #fff; border-color: #252525; } #productGeneral #pinfo-right #cartAdd input[type=text] { background: none; border:1px solid #ccc ; } #productGeneral #pinfo-right #cartAdd input[type=text]:focus { border-color: #252525; color: #252525; } #productGeneral #pinfo-right #cartAdd input[type=submit] { background: #252525; border: 1px solid #252525 !important; } #productGeneral #pinfo-right #cartAdd input[type=submit].button_in_cartHover { background: #fff; color: #252525; border: 1px solid #252525 !important; } #productGeneral #pinfo-right #productDescription { color: #767676; font-weight: 400; } #productGeneral #userViewWrapper .buttonRow span.normal_button { border-color: #252525; color: #252525; } #productGeneral #userViewWrapper #productQuestions span.normal_button { background: #252525; } #productGeneral #userViewWrapper .button_write_reviewHover { background: #252525 !important; border-color: #252525 !important; } #productGeneral #userViewWrapper .button_ask_a_questionHover { background: #fff !important; border-color: #252525 !important; color: #252525 !important; } #productGeneral .navNextPrevWrapper .navNextPrevList span.normal_button { background: none; padding: 5px 30px; } #productGeneral .navNextPrevWrapper .navNextPrevList span.button_return_to_product_list { background: #000; } #productGeneral .navNextPrevWrapper .button_prevHover, #productGeneral .navNextPrevWrapper .button_nextHover { background: #252525 !important; color: #fff !important; border: 1px solid #252525 !important; } #productGeneral .navNextPrevWrapper .button_return_to_product_listHover { background: #fff !important; color: #252525 !important; border: 1px solid #252525 !important; } /* text-transform/capitalize */ .centeredContent .list-item a, #productListing .grid-list-wrap .itemTitle, #productDescription { text-transform: capitalize }