/*-- add style --*/
@font-face {
font-family: 'customFont';
src: url('../fonts/annimex-icons.woff2') format('woff2'),
url('../fonts/annimex-icons.woff') format('woff'),
url('../fonts/annimex-font.ttf') format('truetype');
font-weight: 400;
font-style:normal;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, ::before, ::after {
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
html {
overflow:hidden;
overflow-y:auto;
}
a {
text-decoration: none;
}
body {
font-size:13px;
letter-spacing: 0;
line-height: 1.6;
text-transform: capitalize;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'customFont', sans-serif !important;
color: #303030;
font-weight:400;
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6, a, p, ol, ul li{
font-size:13px;
letter-spacing: 0;
line-height:1.6;
text-transform: capitalize;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'MyCustomFont', sans-serif;
}
html body, body #wrapper {
overflow-x: hidden;
}
ul, li {
list-style: none;
margin: 0;
padding: 0;
}
[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*/
#navMainWrapper.group { padding: 0; overflow: hidden; background: #F7F8FA; }
#navMainWrapper .function { justify-content: space-between; height: 48px; align-items: center; }
#navMainWrapper #navMain { width: auto; margin: 0; }
#navMainWrapper #navMain ul { padding: 0; width: auto; line-height: 1; display: flex; align-items: center; }
#navMainWrapper #navMain li { border-right: none; padding: 0 10px; }
#navMainWrapper #navMain li i { padding-top: 0; font-size: 18px; font-weight: 600 }
#navMainWrapper #navMain ul li a { font-size: 12px; color: #000; font-weight: 400; padding: 0; text-transform: uppercase; }
#navMainWrapper #navMain ul li a:hover { color: #2879fe; }
#navMainWrapper #scrollBar .notice span { font-size: 13px; color: #000; font-weight: 400; }
/* Header main */
#mainHeaderWrapper { position: relative; z-index: 49; background-color: #ffffff; border-bottom: 0; transition: all 0.3s ease-in-out; min-height: 60px; }
#mainHeaderWrapper.header-fixed { position: fixed; top: 0; z-index: 1000; width: 100%; left: 0; background-color: #fff; transition: all 0.3s ease-in-out; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
/* Header Search Switch*/
#navMainSearch.search-wrap { width: auto !important; min-width: 20%; display: flex; justify-content: flex-end; padding: 0; visibility: revert; }
#navMainSearch.search-wrap #header-search { width: 100%; margin: 0; }
#navMainSearch.search-wrap .searchBox { padding: 0; height: 32px; line-height: 32px; min-width: 100%; display: flex; justify-content: flex-end; position: relative; }
#navMainSearch.search-wrap .searchBox .input-txt { min-width: 100%; width: 100% !important; height: 100%; font-size: 13px; color: #000; font-weight: 400; padding: 2px 36px 2px 10px; border-radius: 4px; line-height: 32px; border: 1px solid #ddd; background: #fff ; transition: all 0s; }
#navMainSearch.search-wrap .searchBox .input-but { width: 36px; height: 100%; font-size: 16px; color: #c5c5c5; font-weight: 400; line-height: 32px; background: none ; border: none; border-radius: 0; transition: all 0s; position: absolute; right: 0 }
#navMainSearch.search-wrap .searchBox .input-txt::-webkit-input-placeholder { color: #c5c5c5; font-weight: 400; font-size: 13px; opacity: 1; text-transform: revert }
#navMainSearch.search-wrap .searchBox .input-txt:focus { outline: none; border: 1px solid #bdbdbd !important; }
#navMainSearch.search-wrap .searchBox .input-txt:hover { border-color: #bdbdbd }
#navMainSearch.search-wrap .searchBox .input-but:hover { background: none; color: #000; }
/* Header Search Popup*/
.search-drawer { position: fixed; z-index: 1099; max-width: 100%; overflow: hidden; background: #fff; padding: 30px 0 40px; background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out; }
.search-drawer .closed-search { margin-bottom: 30px; display: flex; justify-content: space-between; }
.search-drawer .closed-search .search-title { font-size: 17px; font-weight: 600; line-height: 1; letter-spacing: 0; color: #000; }
.search-drawer .closed-search .close-but { font-size: 14px; color: #000; font-weight: 400; line-height: 1; display: inline-flex; justify-content: flex-end; align-items: center; cursor: pointer; }
.search-drawer .close-but label { padding: 0; margin-right: 5px; line-height: 1; cursor: pointer; }
.search-drawer .close-but i { font-size: 16px; color: #000; font-weight: 400; line-height: 1; }
.search-drawer.search-top { top: 0; left: 0; right: 0; transform: translateY(-100%); }
.search-drawer.search-top.show { transform: none; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.search-drawer #navMainSearch { width: 100%; }
.search-drawer #navMainSearch.search-pack { max-width: 100%; display: flex; justify-content: flex-end; padding: 0; visibility: revert; }
.search-drawer #navMainSearch.search-pack .form.minisearch { width: 100%; }
.search-drawer #navMainSearch.search-pack .searchBox { width: 100%; padding: 0; height: 45px; line-height: 45px; min-width: 100%; display: flex; position: relative; }
.search-drawer #navMainSearch.search-pack .searchBox .input-txt { min-width: 100%; width: 100%; height: 100%; font-size: 13px; color: #000; font-weight: 400; padding: 2px 45px 2px 10px; border-radius: 0; line-height: 45px; border: 1px solid #ddd; background: #fff ; transition: all 0s; }
.search-drawer #navMainSearch.search-pack .searchBox .input-but { width: 50px; height: 100%; font-size: 16px; color: #fff; font-weight: 400; line-height: 1; background: #000; border: none; border-radius: 0; transition: all .3s; position: absolute; right: 0 }
.search-drawer #navMainSearch.search-pack .searchBox .input-txt::-webkit-input-placeholder { color: #c5c5c5; font-weight: 400; font-size: 13px; opacity: 1; text-transform: revert }
.search-drawer #navMainSearch.search-pack .searchBox .input-txt:focus { outline: none; border: 1px solid #bdbdbd !important; }
.search-drawer #navMainSearch.search-pack .searchBox .input-txt:hover { border-color: #bdbdbd }
.search-drawer #navMainSearch.search-pack .searchBox .input-but:hover { background: #333; color: #fff; }
/* Header Logo*/
#mainHeaderWrapper .header-into { height: 60px; max-width: 1200px; margin: 0 auto; padding: 0 15px; }
#mainHeaderWrapper #logoWrapper #logo { margin: auto 0; }
#mainHeaderWrapper #logoWrapper #logo img { width: auto; height: 48px; }
/* Header Nav*/
.navTabsBox { height: 100%; }
#siteNav { margin:0 auto; padding:0; list-style:none; display:flex; flex-wrap:wrap; height: 100%; }
#siteNav .menubox p .title { color:#222; background-color:#fff; border-radius:2px; padding:6px 15px; margin:0 0 20px; white-space:nowrap; }
.zdHd, .site-header__logo.mobileview { display:none; }
@media (min-width:991px) {
.header .container { position:relative; }
.header .container .d-menu-col { position:static; }
#siteNav a { text-decoration:none; font-size:13px; display:block; opacity:1; -webkit-font-smoothing: antialiased; letter-spacing:0.05em; position:relative; }
#siteNav > li { display: inherit; text-align:left; height: 100%; }
#siteNav > li > a { color:#111; margin: auto 0; padding:10px 15px; text-transform:uppercase; }
#siteNav > li > a:after { content: ""; width:0; height:1px; display:block; background-color:#000; transition: all .3s ease-in-out; }
#siteNav > li > a:hover:after, #siteNav > li > a:focus:after { width:100%; }
#siteNav.medium > li a { font-weight:500; }
#siteNav.hidearrow > li > a .an { display:none; }
#siteNav > li > a .an { vertical-align:middle; }
#siteNav > li:hover > a, #siteNav > li > a:hover:hover, #siteNav > li > a:hover { color:#000; }
#siteNav > li > a .navLbl{ white-space:nowrap; color:#ffffff; background-color:#f19280; font-size:10px; font-weight:400; line-height:normal; display:inline-block; padding:1px 5px; border-radius:0; position:absolute; top:-9px; left:50%; }
#siteNav > li > a .navLbl:after { content:" "; display: block; width:0; height:0; border:3px solid transparent; border-top-color:#f19280; border-left-color:#f19280; position:absolute; bottom:-4px; left:0; }
#siteNav > li > a .navLbl.new { background-color: #83cc52; }
#siteNav > li > a .navLbl.new:after { border-top-color: #83cc52; border-left-color: #83cc52; }
#siteNav > li > a .navLbl.hurryup { background-color: #94c442; }
#siteNav > li > a .navLbl.hurryup:after { border-top-color: #94c442; border-left-color: #94c442; }
#siteNav > li .CZxwtvOU { opacity:0; visibility:hidden; padding:30px; width: 100%; max-width:1200px; position:absolute; top:100%; left:50%; transform: translate(-50%,20px); -webkit-transform:translate(-50%,20px); z-index:999; background-color:#fff; box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3); pointer-events:none; max-height:650px; overflow:auto; box-shadow:0px 0px 15px rgba(0,0,0,0.1); -webkit-transition:all .3s ease-in; transition:all .3s ease-in; }
.index-demo10 #siteNav > li .CZxwtvOU.style3 { max-width:900px; }
#siteNav > li .CZxwtvOU ul { padding:0; list-style:none; }
#siteNav > li:hover > .CZxwtvOU { -webkit-transform:translate(-50%,0); transform:translate(-50%,0); opacity:1; visibility:visible; pointer-events:visible; }
#siteNav > li .CZxwtvOU.style1 .lvl-1 { margin-bottom:0; }
#siteNav > li .CZxwtvOU .lvl-1 a.lvl-1 { color:#000; font-size:13px; text-transform:uppercase; padding:0 0 8px; font-weight:400; }
#siteNav > li .CZxwtvOU .lvl-1 .site-nav { color:#000; padding:3px 0; font-weight:400; }
#siteNav > li .CZxwtvOU .lvl-1 .site-nav:hover { color:#000; }
#siteNav > li .CZxwtvOU .lvl-1 .site-nav:before { content: ""; display:inline-block; width:0px; height:2px; vertical-align:middle; background-color:#000; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
#siteNav > li .CZxwtvOU .lvl-1 .site-nav:hover:before { width:5px; margin-right:3px; }
#siteNav > li .CZxwtvOU .lvl-1 .site-nav.menu-title:hover:before { display:none; }
#siteNav > li .CZxwtvOU.style1 { overflow:hidden; }
#siteNav > li .CZxwtvOU.style2 .lvl-1 { margin-bottom:0; }
#siteNav > li .CZxwtvOU .menu-title { font-weight:600 !important; }
#siteNav > li.mdropdown { position:relative; }
#siteNav > li .CZxwtvOU .imageCol { padding-bottom:25px; }
#siteNav > li .CZxwtvOU .ajznHVCY .item { margin: 0 0 20px; }
#siteNav > li .CZxwtvOU .ajznHVCY a, #siteNav > li .CZxwtvOU .ajznHVCY .product-price { font-size: 12px; }
#siteNav > li .CZxwtvOU .ajznHVCY .product-review { margin: 0px 0 10px; }
#siteNav > li .CZxwtvOU .ajznHVCY .product-review .an { font-size: 11px; }
#siteNav > li .offerBanner { padding: 20px; text-align: center; height: 100%; }
#siteNav > li .gridproduct-banner .ajznHVCY { padding: 20px; }
.index-demo10 #siteNav > li .offerBanner { background-color:#814348; }
.index-demo10 #siteNav > li .offerBanner h4, .index-demo10 #siteNav > li .offerBanner p { color:#ffffff; }
#siteNav a .lbl { color:#ffffff; font-size:9px; font-weight:400; letter-spacing:0; line-height:1; text-transform:uppercase; display:inline-flex; align-items:center; padding:3px 4px; background-color:#0a9339; position:relative; vertical-align:middle; }
#siteNav a .lbl:after { content:" "; display:block; width:0; height:0; position:absolute; bottom:3px; left:-7px; border:4px solid transparent; border-right-color:transparent; border-right-color:#0a9339; display: none; }
#siteNav a .lbl.nm_label3 { background-color:#fb6c3e; }
#siteNav a .lbl.nm_label1 { background-color:#ff0000; }
#siteNav a .lbl.nm_label4 { background-color:#fdb818; }
#siteNav a .lbl.nm_label5 { background-color:#93a96c; }
#siteNav a .lbl.nm_label1:after { border-right-color:#ff0000; }
#siteNav a .lbl.nm_label4:after { border-right-color:#fdb818; }
#siteNav a .lbl.nm_label3:after { border-right-color:#fb6c3e; }
#siteNav a .lbl.nm_label5:after { border-right-color:#93a96c; }
#siteNav > li.dropdown { position:relative; }
#siteNav > li .dropdown, #siteNav > li .dropdown ul { background-color:#fff; list-style:none; opacity:0; visibility:hidden; width:220px; position:absolute; top:59px; left:0; z-index:999; box-shadow:0px 0px 15px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.1); -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; padding:10px; }
#siteNav > li:hover > .dropdown, #siteNav > li .dropdown li:hover > ul { top:40px; opacity:1; visibility:visible; }
#siteNav > li ul.dropdown li { border-top:1px solid #eeeeee; position:relative; }
#siteNav > li ul.dropdown li:first-child { border:0; }
#siteNav > li ul.dropdown li a { color:#000; font-weight:400; padding:8px 12px; background-color:#fff; }
#siteNav > li ul.dropdown li:hover > a, #siteNav > li ul.dropdown li a:hover { color:#000; padding-left:15px; }
#siteNav > li ul.dropdown li a .an { font-size:18px; position:absolute; right:5px; top:8px; }
#siteNav > li ul.dropdown li ul { top:20px; left:100%; }
#siteNav > li ul.dropdown li:hover > ul { top:0; }
#siteNav .menu-brand-logo { width:50%; float:left; text-align:center; padding-right:10px; }
#siteNav .menu-brand-logo a { display:block; margin-bottom:10px; border:1px solid #ddd; }
#siteNav .menu-brand-logo a:hover { border-color:#000; }
#siteNav .menu-brand-logo a img { display:inline-block; vertical-align:middle; }
.mm-Banners:before, .mm-Banners:after { content: ''; clear:both; display:block; }
.mm-Banners { clear:both; }
.mm-Banners .imageCol { padding-bottom:0 !important; }
.header-3 #siteNav > li .CZxwtvOU { max-width:1400px; right:0; margin:0 auto; }
}
@media only screen and (max-width: 991px) {
html { overflow-x:hidden; }
.btn-lg { padding: 10px 20px; }
.btn-big, .btn-sm { font-size: 14px; }
.site-header__logo.mobileview { display:block; }
.container-fluid { padding-left:15px; padding-right:15px; }
.LAoBA .container, .LAoBA .container-fluid { padding-top:7px; padding-bottom:7px; }
.mobile-logo { text-align:center; }
.mobile-icon { display:inline-block; padding-right:20px; vertical-align:middle; }
#siteNav, .d-menu-col { display:none; }
.header .NhvpWj, .header-wrap { min-height:60px; }
.logo img { max-width:110px; margin:0; }
.search-drawer { padding:30px 20px; }
.tsgd { position:relative; left:0; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.zdHd { display:block; }
body.menuOn { overflow: hidden; }
body.menuOn #sXbmEyEobj ,
body.menuOn #sXbmEyEobj #mainHeaderWrapper.header-fixed { left:300px; -ms-transition:all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
body.menuOn:after { content:""; background: rgba(0,0,0,0.5); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; }
#sXbmEyEobj { position:relative; left:0; -ms-transition:all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.js-mobile-nav-toggle .an { font-size:16px; color:#000; }
.site-header__menu { border:0; padding:0; font-size:16px; display:block; cursor:pointer; background-color: transparent }
#xEVKWfqBOnD { height:100%; overflow:auto; list-style:none; padding:0; margin:0; }
.zdHd .wzmgc { color:#000; font-size:14px; font-weight:600; text-transform:uppercase; padding:10px; background-color:#eee; cursor:pointer; }
.zdHd .wzmgc .an { font-size:15px; padding:2px; float:right; width:20px; height:23px; line-height:18px; }
.zdHd { width:300px; height:100%;position:fixed; left:-300px; top:0; z-index:10000; background-color:#ffffff; box-shadow:0 0 5px rgba(0,0,0,0.3); opacity:0; visibility:hidden;-ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.zdHd.active { left:0; opacity:1; visibility:visible; }
#xEVKWfqBOnD li { border-top:1px solid #eeeeee; position:relative }
#xEVKWfqBOnD li.acLink { border-top:1px solid rgba(34, 34, 34, 0.5); }
#xEVKWfqBOnD li.navTabsBox {float:none;padding:0 }
#xEVKWfqBOnD li a { color:#333333; font-size:14px; text-decoration:none; display:block; padding:15px 45px 15px 15px; opacity:1; -webkit-font-smoothing:antialiased; font-weight:400; letter-spacing:0.05em; text-transform:uppercase; position:relative }
#xEVKWfqBOnD li a .an { color:#333333; font-size:15px; display:block; width:40px; height:100%; line-height:53px; position:absolute; right:0; top:0; text-align:center }
#xEVKWfqBOnD li a .lbl { color:#ffffff; font-size:10px; font-weight:400; letter-spacing:0; line-height:1; text-transform:uppercase; display:inline-block; padding:2px 4px; background-color:#f00; position:relative; vertical-align:middle }
#xEVKWfqBOnD li a .lbl.nm_label1 { background-color:#01bad4 }
#xEVKWfqBOnD li a .lbl.nm_label1:after { border-right-color:#01bad4 }
#xEVKWfqBOnD li a .lbl.nm_label2 { background-color:#f54337 }
#xEVKWfqBOnD li a .lbl.nm_label2:after { border-right-color:#f54337 }
#xEVKWfqBOnD li a .lbl.nm_label3 { background-color:#fb6c3e }
#xEVKWfqBOnD li a .lbl.nm_label3:after { border-right-color:#fb6c3e }
#xEVKWfqBOnD li a .lbl.nm_label4 {background-color:#d0a306 }
#xEVKWfqBOnD li a .lbl.nm_label4:after { border-right-color:#d0a306 }
#xEVKWfqBOnD li a .lbl.nm_label5 { background-color:#af4de2 }
#xEVKWfqBOnD li a .lbl.nm_label5:after { border-right-color:#af4de2 }
#xEVKWfqBOnD.medium li a { font-weight: 500; }
#xEVKWfqBOnD.text-capitalize li a { text-transform: capitalize; }
#xEVKWfqBOnD li ul { display:none; list-style:none; padding:0; margin:0; }
#xEVKWfqBOnD li li a { padding-left:20px; padding-top:12px; padding-bottom:12px; }
#xEVKWfqBOnD li li li a { padding-left:30px; font-size: 13px; }
#xEVKWfqBOnD li li li li a { padding-left:40px; font-size: 13px; }
#xEVKWfqBOnD li li a .an { line-height: 45px; }
#xEVKWfqBOnD li.help { padding:15px; background-color:rgba(34,34,34,.05); }
#mainHeaderWrapper .btn--link .an{ font-size: 18px; font-weight: 400; color: #000; margin-right: 20px; }
/* Mobile Nav Wrapper */
.zdHd .wzmgc { padding: 16px 24px ; background-color: revert }
.zdHd .wzmgc .an { float: revert; width: auto; height: revert; padding: 0; font-size: 18px; line-height: revert }
.zdHd #xEVKWfqBOnD { padding: 0 24px 24px; }
.zdHd #xEVKWfqBOnD li.parent:first-child { border: none }
.zdHd #xEVKWfqBOnD li a { color: #000; font-size: 13px; font-weight: 400; padding: 20px 45px 20px 0; }
.zdHd #xEVKWfqBOnD li a .an { color: #000; font-weight: 300; line-height: 63px; font-size: 15px; }
.zdHd #xEVKWfqBOnD li li a { font-size: 12px ; font-weight: 500; padding-left: 10px; }
.zdHd #xEVKWfqBOnD li li li a { font-weight: 400; }
}
/* Header Icon*/
#mainHeaderWrapper .iconSet { padding: 0 10px; }
#mainHeaderWrapper .iconSet a { display: flex; line-height: 1; text-decoration: none }
#mainHeaderWrapper .iconSet .icon { color: #000;font-size: 16px; font-weight: 400; }
#mainHeaderWrapper .iconSet .icon:hover { color: #2879fe; }
#mainHeaderWrapper .iconSet .icon-label { display: none; }
#mainHeaderWrapper .iconSet .user-links { display: flex; }
#mainHeaderWrapper .iconSet .user-links > li { padding: 0 10px; }
@media only screen and (max-width: 1024px) {
#navMainWrapper .function { flex-direction: row-reverse; }
#navMainSearch { padding: 0 10px; }
}
@media (min-width: 768px) and (max-width: 1500px) {
#mainHeaderWrapper #navMainSearch.iconSet { margin-right: 0; }
}
@media (min-width: 0px ) and (max-width: 991px) {
#mainHeaderWrapper #navMainSearch { width: auto; min-width: 100%; display: flex; visibility: revert; padding: 0 10px; margin-bottom: 10px; }
#mainHeaderWrapper #navMainSearch.iconSet { margin-bottom: 0; min-width: auto; }
}
@media (min-width: 0px ) and (max-width: 767px) {
#mainHeaderWrapper .header-into { height: 60px; flex-wrap: wrap; }
#mainHeaderWrapper #navMainSearch .searchBox .s-input { border-color: #ccc; }
.search-drawer .closed-search .search-title { font-size: 15px; }
.search-drawer #navMainSearch.search-pack .searchBox { height: 42px; line-height: 42px; }
.search-drawer #navMainSearch.search-pack .searchBox .input-txt { line-height: 42px; }
.search-drawer #navMainSearch.search-pack .searchBox .input-but { width: 46px; }
}
@media (min-width: 481px) and (max-width: 767px) {
#navMainWrapper #navMain { position: revert; }
}
@media (min-width: 0px) and (max-width: 480px) {
#navMainWrapper #navMain { position: revert; }
#navMainSearch .searchBox .input-but { margin-left: 0; }
}
@media only screen and (orientation: landscape) {
#mainHeaderWrapper .iconSet .user-links { line-height: revert; }
#mainHeaderWrapper .iconSet .user-links a { padding: 0; }
}
@media only screen and (orientation: portrait) { }
/* Content */
#indexHomeBody .LAoBA { display: none }
#contentMainWrapper { background: #fff !important; }
#contentMainWrapper .centerColumn { padding: 0; background: #fff; }
.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: 100%; object-fit: cover; }
/* product */
.centerBoxWrapper { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.centerBoxWrapper .centeredContent { padding: 10px; margin: 0; font-size: 13px; height: auto !important }
.centerBoxWrapper .centeredContent:hover { background: #fff;}
.centerBoxWrapper .centeredContent .list-item { margin-bottom: 10px; }
.centerBoxWrapper .centeredContent .list-item a:nth-child(1) { margin: 0; background: #f7f8fa; }
.centerBoxWrapper .centeredContent .list-item img { width: 100%; height: auto; object-fit: cover; mix-blend-mode: multiply; }
.centerBoxWrapper .centeredContent .list-item a { width: 100%; font-size: 13px; margin: 0 0 10px; }
.centerBoxWrapper .centeredContent .list-item .old-price { font-size: 14px; color: #000; text-decoration: line-through }
.centerBoxWrapper .centeredContent .list-item .price { font-size: 14px; color: #000; font-weight: 500; padding-left: 8px; }
.centerBoxWrapper .centeredContent .list-item br:nth-child(4) { display: none }
@media (min-width: 481px) and (max-width: 767px) {
.centerBoxWrapper div.centerBoxContentsSpecials.centeredContent,
.centerBoxWrapper div.centerBoxContentsNew.centeredContent { width: 50% !important; padding: 10px; }
}
@media (min-width: 0px ) and (max-width: 480px) {
.centerBoxWrapper div.centerBoxContentsSpecials.centeredContent,
.centerBoxWrapper div.centerBoxContentsNew.centeredContent { width: 50% !important; padding: 8px; }
}
/* footer */
.footer { background: #fff; }
.footer .footer-center { background: #f7f8fa }
.footer .newsletter { text-align: center; }
.footer .newsletter .text-list-title { text-transform: uppercase; font-size: 14px; font-weight: 500; margin: 0 0 10px 0; color: #000; }
.footer .newsletter .p-news { font-size: 13px; font-weight: 400; color: #777; max-width: 506px; margin: 0 auto 20px; }
.footer .cNsk { border-top: 1px solid transparent; }
.footer .cNsk .footer-links .text-list-title { text-transform: uppercase; font-size: 14px; font-weight: 500; margin: 0 0 10px 0; color: #000; }
.footer .cNsk .footer-links li { padding: 5px 0; }
.footer .cNsk .footer-links p,
.footer .cNsk .footer-links a { font-size: 13px; font-weight: 400; color: #777; max-width: 440px; padding: 0; }
.footer .cNsk .footer-links a:hover { color: #2879fe; }
.footer .social-icons li:not(:last-child) { margin-right: 0; }
.footer .social-icons li i { font-size: 17px; color: #555; }
.footer .social-icons li a { padding-right: 15px !important; }
.footer .social-icons li:hover i { color: #000; }
.footer .DtzuMd { border-top: 1px solid #e5e5e5; padding: 20px 0; }
.footer .DtzuMd .copytext,
.footer .DtzuMd .copytext a { color: #000; font-size: 13px; font-weight: 400; text-transform: revert !important; }
/* Footer Email */
.email-input { height: 40px; margin-bottom: 20px; position: relative; }
.email-input .input-box {
width: 100%;
max-width: 300px;
font-size: 14px;
color: #000;
font-weight: 400;
padding: 0 10px;
margin: 0 ;
background: #fff;
border: 1px solid transparent;
border-radius: 0;
transition: all 0s;
text-indent: 2px;
height: 100%
}
.email-input .input-but {
min-width: 108px;
padding: 0 20px;
border: 1px solid transparent;
border-radius: 0;
background: #2879fe;
text-transform: revert;
color: #fff;
transition: all 0s;
font-size: 14px;
font-weight: 400;
}
.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;
}
.email-input .input_icon i {
font-size: 18px;
color: #000;
}
.email-input .input-box::-webkit-input-placeholder { color: #777; font-size: 13px; font-weight: 400; opacity: 1 }
.email-input .input-box:focus { outline: none; border: 1px solid #2879fe ; }
.email-input .input_icon { font-size: 24px; font-weight: 300; color: #fff; line-height: 44px; }
.email-input .input-but:hover { background: #000 }
.footer .newsletter .email-input .input-box { max-width: 386px; }
@media (max-width: 991px) and (min-width: 768px) {
.footer .footer-links:last-child { margin-top: 20px; }
}
@media only screen and (max-width: 991px) {
.footer .cNsk .footer-links { padding-top: 15px; padding-bottom: 15px; }
.footer .container-none { padding: 0 15px }
}
@media only screen and (max-width: 767px) {
.footer .cNsk .footer-links { padding: 20px 30px; position: relative; overflow: hidden; }
.footer .cNsk .footer-links .main-arrange { display: none; padding-top: 15px; }
.footer .cNsk .footer-links .main-arrange.accordion { display: block; }
.footer .cNsk .footer-links .h4 { cursor: pointer; border-bottom: 1px solid #ececec; padding-bottom: 15px; margin-bottom: 0; }
.footer .cNsk .footer-links .h4:after { content: "\ebe0"; font-family: "annimex-icons", serif; font-size: 15px; display: block; position: absolute; right: 30px; top: 20px; }
.footer .cNsk .footer-links .h4.active:after { content: "\ebd1"; }
.footer .cNsk .footer-links ul.list-inline { display:flex !important; }
.footer .DtzuMd .copytext { margin-top: 10px; }
}
@media only screen and (max-width: 480px) {
.footer .cNsk .footer-links { padding: 20px; position: relative; }
.footer .cNsk .footer-links .h4:after { right: 20px; }
}
/* list . select list */
.LAoBA { background: #f7f8fa; padding: 10px 0; margin-bottom: 40px; }
.LAoBA #navBreadCrumb { font-size: 12px; color: #777; line-height: 1.5; padding: 0; }
.LAoBA #navBreadCrumb a { color: #777; }
.LAoBA #navBreadCrumb a:hover { color: #2879fe; }
.LAoBA #navBreadCrumb span { margin: 0 5px; }
.leftBoxContainer { width: 100% !important; padding-right: 10px }
.leftBoxContainer .leftBoxHeading ,
.leftBoxContainer .leftBoxHeading a { font-size: 14px; color: #000; font-weight: 600; padding: 20px 0; text-align: left; text-transform: uppercase; }
.leftBoxContainer .leftBoxHeading a { padding: 0; }
.leftBoxContainer .leftBoxHeading a:hover { color: #2879fe; }
.leftBoxContainer #cartBoxListWrapper li,
.leftBoxContainer .orderHistList li,
.leftBoxContainer ul.list-links li { border-width: 1px; }
.leftBoxContainer .sideBoxContentItem { padding-bottom: 20px; border-bottom: 1px solid #e9e7e7 }
.leftBoxContainer .sideBoxContent { padding: 0; }
.leftBoxContainer .sideBoxContent a { text-align: left; font-size: 13px; color: #000; padding: 0; }
.leftBoxContainer .sideBoxContent a img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; margin-bottom: 15px; }
.leftBoxContainer .sideBoxContentItem div { text-align: left; font-size: 14px; margin-top: 10px; }
#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; }
#productListing .grid-list-wrap .row { margin: 0 -10px; }
#productListing .grid-list-wrap .item { margin: 0; padding: 0 10px; }
#productListing .grid-list-wrap .list-item { padding: 10px 0; text-align: center; }
#productListing .grid-list-wrap .list-item br:nth-child(4) { display: none; }
#productListing .grid-list-wrap .list-image { margin-right: 0; float: revert; width: 100%; min-width: 100%; min-height: auto; }
#productListing .grid-list-wrap .list-image a { display: block; background: #f7f8fa; }
#productListing .grid-list-wrap .list-image img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
#productListing .grid-list-wrap .itemTitle { font-size: 13px; color: #000; margin: 0 0 10px; width: 100%; }
#productListing .grid-list-wrap .list-price { margin: 0; }
#productListing .grid-list-wrap .list-price .old-price { font-size: 14px; color: #999; text-decoration: line-through; margin-right: 10px }
#productListing .grid-list-wrap .list-price .price { font-size: 14px; color: #000; }
@media (min-width: 481px) and (max-width: 767px) {
#productListing .tabTable .row { margin: 0 -8px; }
#productListing .tabTable .item { padding: 0 8px; }
#productListing .grid-list-wrap .row { margin: 0 -8px; }
#productListing .grid-list-wrap .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 .grid-list-wrap .row { margin: 0 -8px; }
#productListing .grid-list-wrap .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; margin: 40px -10px 0; }
#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: 15px 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: 15px 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 .swatch-wrap { margin-bottom: 20px; }
#productGeneral #pinfo-right .swatch-wrap label.label { text-transform: uppercase; font-size: 13px; margin-bottom: 10px; }
#productGeneral #pinfo-right .swatch-wrap .swatches { margin: 0; }
#productGeneral #pinfo-right .swatches .swatch-element { margin: 0 10px 0 0; }
#productGeneral #pinfo-right .swatches .swatch-element .options-color { display: inline-block; line-height: 0; width: 62px; height: auto; }
#productGeneral #pinfo-right .swatches .swatch-element .options-color:after { border: 1px solid #ddd; }
#productGeneral #pinfo-right .swatches .swatch-element:hover .options-color:after { border-color: #2879fe; }
#productGeneral #pinfo-right .swatches .swatch-element.active .options-color:after { border-color: #2879fe; border-width: 2px; }
#productGeneral #pinfo-right .swatches .swatch-element .active { border-color: #2879fe; }
#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%; font-size: 13px; 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: 40px; padding-top: 5px; }
#productGeneral .navNextPrevWrapper .navNextPrevCounter { margin-bottom: 10px; font-size: 14px; }
#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; }
#productGeneral .navNextPrevWrapper .navMoreList { display: flex; gap: 10px; justify-content: center; }
#productGeneral .navNextPrevWrapper .navMoreList .navNextPrevList i { font-size: 24px; }
/*cart*/
.alert { background: #f6796e !important; border-color: #ec3f33 !important; margin-left: 0 !important; }
#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: 14px; 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; box-shadow: 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 .loginWrapperBox { display: flex; flex-wrap: wrap; margin: 0 -10px; flex-direction: row-reverse; }
#loginDefault .loginWrapperBox [class*="col"] { float: revert; padding: 10px; }
#loginDefault .loginWrapperBox .innerInfoBox { border: 1px solid #e9e7e7; padding: 40px; height: 100%; }
#loginDefault .loginWrapperBox .textTitle { margin: 0 0 20px; font-size: 15px; color: #000; font-weight: 500; line-height: 1.4; text-transform: uppercase; }
#loginDefault .loginWrapperBox .loginBox { background: none; margin: 0; padding: 0; }
#loginDefault .loginWrapperBox .loginBox .formGroup { margin: 0 0 20px; }
#loginDefault .loginWrapperBox .loginBox .inputLabel{ margin: 0 0 8px; padding: 0; display: block; font-size: 13px; color: #434343; font-weight: 400; width: 100%; }
#loginDefault .loginWrapperBox .loginBox input { margin: 0; width: 100%; padding: 0 15px; height: 42px; font-size: 13px; color: #424242; background: #f7f8fa; border: none; border-radius: 6px; }
#loginDefault .loginWrapperBox .loginBox input:focus { outline: none; }
#loginDefault .loginWrapperBox .loginBox input::-webkit-input-placeholder { color: #999 }
#loginDefault .loginWrapperBox .loginFooterBottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; }
#loginDefault .loginWrapperBox .loginFooterBottom .submit { margin: 0; }
#loginDefault .loginWrapperBox .loginFooterBottom .button_login { padding: 8px 30px; margin: 0; width: 100%; height: 42px; font-size: 13px; color: #fff; background: #2879fe; border-radius: 6px !important; }
#loginDefault .loginWrapperBox .loginFooterBottom .link a { font-size: 13px; color: #2879fe; font-weight: 400; text-decoration: none; transition: all .3s; }
#loginDefault .loginWrapperBox .loginFooterBottom .button_loginHover { background: #303030; color: #fff; }
#loginDefault .loginWrapperBox .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 .loginWrapperBox .loginBox { width: 100%; }
}
@media only screen and (max-width: 576px) {
#loginDefault #loginDefaultHeading { font-size: 20px; }
#loginDefault .loginWrapperBox .innerInfoBox { padding: 30px 25px; }
}
@media (min-width: 0px) and (max-width: 480px) {
#loginDefault .loginWrapperBox .loginBox { width: 100%; }
}
#loginOpcDefault { margin-top: 40px; margin-bottom: 30px; height: calc( 100% - 230px ) }
#loginOpcDefault #loginDefaultHeading { margin-bottom: 40px; font-size: 24px; font-weight: 600; letter-spacing: -0.03rem; text-align: center; text-transform: uppercase; }
#loginOpcDefault .loginWrapperBox { display: flex; flex-wrap: wrap; margin: 0 -10px; flex-direction: row-reverse; }
#loginOpcDefault .loginWrapperBox [class*="col"] { float: revert; padding: 10px; }
#loginOpcDefault .loginWrapperBox .opc-block { border: 1px solid #e9e7e7; padding: 40px; height: 100%; }
#loginOpcDefault .loginWrapperBox .textTitle { margin: 0 0 20px; font-size: 15px; color: #000; font-weight: 500; line-height: 1.4; text-transform: uppercase; }
#loginOpcDefault .loginWrapperBox .formGroup { margin: 0 0 20px; }
#loginOpcDefault .loginWrapperBox .formGroup .inputLabel{ margin: 0 0 8px; padding: 0; display: block; font-size: 13px; color: #434343; font-weight: 400; width: 100%; }
#loginOpcDefault .loginWrapperBox .formGroup input { margin: 0; width: 100%; padding: 0 15px; height: 42px; font-size: 13px; color: #424242; background: #f7f8fa; border: none; border-radius: 6px; }
#loginOpcDefault .loginWrapperBox .formGroup input:focus { outline: none; }
#loginOpcDefault .loginWrapperBox .formGroup input::-webkit-input-placeholder { color: #999 }
#loginOpcDefault .loginWrapperBox .loginFooterBottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; }
#loginOpcDefault .loginWrapperBox .loginFooterBottom .submit { margin: 0; }
#loginOpcDefault .loginWrapperBox .loginFooterBottom .button_login { padding: 8px 30px; margin: 0; width: 100%; height: 42px; font-size: 13px; color: #fff; background: #2879fe; border-radius: 6px !important; }
#loginOpcDefault .loginWrapperBox .loginFooterBottom .link a { font-size: 13px; color: #2879fe; font-weight: 400; text-decoration: none; transition: all .3s; }
#loginOpcDefault .loginWrapperBox .loginFooterBottom .button_loginHover { background: #303030; color: #fff; }
#loginOpcDefault .loginWrapperBox .loginFooterBottom .link a:hover { text-decoration: underline; color: #303030 }
#loginOpcDefault .information { font-size: 13px; color: #999; font-weight: 300; line-height: 1.6; padding: 0; margin-bottom: 20px; }
#loginOpcDefault .buttonRow { padding: 0; }
#loginOpcDefault .buttonRow .button_create_account { padding: 8px 30px; height: 42px; font-size: 13px; color: #fff; text-decoration: none; background: #2879fe; border-radius: 6px !important; }
#loginOpcDefault .buttonRow .button_create_accountHover { background: #303030; color: #fff; }
@media only screen and (max-width: 576px) {
#loginOpcDefault #loginDefaultHeading { font-size: 20px; }
#loginOpcDefault .loginWrapperBox .opc-block { padding: 30px 25px; }
}
/* 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%; }
}
#registerDefault { margin-top: 40px; }
#registerDefault #createAcctDefaultHeading { font-size: 24px; font-weight: 600; letter-spacing: -0.03rem; text-align: center; text-transform: uppercase; }
#registerDefault #registerDefaultLoginLink { font-size: 13px; text-align: center; font-weight: 400; margin-bottom: 40px; }
#registerDefault #registerDefaultLoginLink a { font-weight: 600; }
#registerDefault #registerDefaultLoginLink a:hover { color: #2879fe; text-decoration: none; }
#registerDefault .mainForm{ display: flex; flex-wrap: wrap; margin: 0 -10px; }
#registerDefault .mainForm [class*="col"] { float: revert; padding: 10px; }
#registerDefault .mainForm .textTitle { margin: 0 0 20px; font-size: 15px; color: #000; font-weight: 500; line-height: 1.4; text-align: left; text-transform: uppercase; box-shadow: none; background: #fff; }
#registerDefault .mainForm fieldset { background: none; margin: 0; padding: 0; }
#registerDefault .mainForm .innerInfoBox { border: 1px solid #e9e7e7; padding: 40px 40px 30px 40px; height: 100%; }
#registerDefault .mainForm .innerInfoBox .containerBox { display: flex; flex-wrap: wrap; margin: 0 -10px; }
#registerDefault .mainForm .innerInfoBox [class*="col"] { padding: 0; margin: 0; }
#registerDefault .mainForm .innerInfoBox .formGroup { padding: 0 10px; margin: 0 0 20px; position: relative; }
#registerDefault .mainForm .innerInfoBox .inputLabel { font-size: 13px; color: #333; font-weight: 400; line-height: 30px; margin-left: 0; padding: 0; }
#registerDefault .mainForm .innerInfoBox input { margin: 0; width: 100%; padding: 0 15px; height: 42px; font-size: 13px; color: #424242; background: #f7f8fa; border: none; border-radius: 6px; }
#registerDefault .mainForm .innerInfoBox input:focus { outline: none; }
#registerDefault .mainForm .innerInfoBox input::-webkit-input-placeholder { color: #999 }
#registerDefault .mainForm .innerInfoBox .formGroup .selectIcon { right: 10px; }
#registerDefault .mainForm .rewriteBox { border: none; padding: 0; margin: 20px 0 0 0; display: flex; flex-wrap: wrap; gap: 20px; }
#registerDefault .mainForm .rewriteBox .containerBox { display: flex; flex-wrap: wrap; margin: 0; }
#registerDefault .mainForm .rewriteBox .containerBox .formGroup { margin: 0; position: relative; }
#registerDefault .mainForm .rewriteBox .containerBox input[type=radio] { margin: 8px 0 10px 0; width: 16px; height: 16px; }
#registerDefault .mainForm .rewriteBox .containerBox .radioButtonLabel { margin: 0 20px 0 5px; font-size: 13px; color: #000; }
#registerDefault .buttonRow { margin: 10px; }
#registerDefault .button_submit { padding: 8px 30px; margin: 0; width: 100%; height: 42px; font-size: 13px; color: #fff; background: #2879fe; border-radius: 6px !important; }
#registerDefault .button_submitHover { background: #303030; color: #fff; }
@media only screen and (max-width: 576px) {
#registerDefault #createAcctDefaultHeading { font-size: 20px; }
#registerDefault .mainForm .innerInfoBox { padding: 30px 25px; }
}
#logoffDefault, #registerSuccess { margin-top: 40px; }
#logoffDefault #logoffDefaultHeading {font-size: 24px; font-weight: 600; letter-spacing: -0.03rem; text-align: center; text-transform: uppercase; }
#logoffDefault #logoffDefaultMainContent { font-size: 13px; text-align: center; font-weight: 400; margin-bottom: 40px; }
#logoffDefault #logoffDefaultMainContent a { font-weight: 600; }
#logoffDefault #logoffDefaultMainContent a:hover { color: #2879fe; text-decoration: none; }
#checkoutPaymentNoJs { font-size: 13px; text-align: center; font-weight: 400; margin-top: 40px; }
#checkoutPaymentNoJs a { font-weight: 600; }
#checkoutPaymentNoJs a:hover { color: #2879fe; text-decoration: none; }
/* checkout */
#checkoutPayment { margin-top: 40px; }
#checkoutPayment #checkoutOneHeading { font-size: 24px; font-weight: 600; letter-spacing: -0.03rem; margin-bottom: 40px; text-align: center; text-transform: uppercase; }
#checkoutPayment .checkoutWrapper { display: flex; flex-wrap: wrap; margin: 0 -10px; }
#checkoutPayment .checkoutWrapper [class*="col"] { float: revert; padding: 10px; }
#checkoutPayment .checkoutWrapper .floatingBox { width: 100%; }
#checkoutPayment .checkoutWrapper .innerInfoBox { border: 1px solid #e9e7e7; padding: 16px; height: auto; margin-bottom: 32px; }
#checkoutPayment .checkoutWrapper fieldset { background: none; margin: 0; padding: 0; }
#checkoutPayment .checkoutWrapper fieldset div { margin: 0; }
#checkoutPayment .checkoutWrapper input[type=checkbox] ,
#checkoutPayment .checkoutWrapper fieldset input[type=radio] { margin: 0; font-size: 13px }
#checkoutPayment .checkoutWrapper .textTitle { margin: 0 0 10px; font-size: 15px; color: #000; font-weight: 500; line-height: 1.4; text-align: left; text-transform: uppercase; box-shadow: none; background: #fff; }
#checkoutPayment .checkoutWrapper th { font-size: 12px; font-weight: 400; text-transform: uppercase; padding: 10px; }
#checkoutPayment .checkoutWrapper #ccImgHeading { width: 12%; }
#checkoutPayment .checkoutWrapper #ccProductsHeading { width: 58%; text-align: left; padding-left: 15px; }
#checkoutPayment .checkoutWrapper #ccQuantityHeading { width: 12%; }
#checkoutPayment .checkoutWrapper #ccTotalHeading { width: 18%; }
#checkoutPayment .checkoutWrapper tr.rowEven { background: none }
#checkoutPayment .checkoutWrapper tr.rowCart { border-top: 1px solid #e9e7e7; }
#checkoutPayment .checkoutWrapper tr.rowCart:hover { background: none; }
#checkoutPayment .checkoutWrapper tr.rowCart > td { padding: 5px 10px; text-align: center; vertical-align: middle; }
#checkoutPayment .checkoutWrapper tr.rowCart .thumbImg { padding: 5px 0; }
#checkoutPayment .checkoutWrapper tr.rowCart .thumbImg a { width: 100%; }
#checkoutPayment .checkoutWrapper tr.rowCart .thumbImg a > img { width: 100%; height: 100%; mix-blend-mode: multiply; }
#checkoutPayment .checkoutWrapper tr.rowCart .cartProductDisplay { text-align: left; padding-left: 15px; font-size: 12px; color: #000; font-weight: 400; }
#checkoutPayment .checkoutWrapper tr.rowCart .cartProductDisplay .cartAttribsList { font-size: 12px; color: #999; font-weight: 400; line-height: 1.2; margin-left: 0; margin-top: 5px; }
#checkoutPayment .checkoutWrapper tr.rowCart .cartTotalDisplay { font-size: 12px; color: #000; font-weight: 400; }
#checkoutPayment .checkoutWrapper tr#cartOrderTotals #orderTotalDivs { padding: 20px 10px; background: #f7f8fa; }
#checkoutPayment .checkoutWrapper #orderTotalDivs .forward { font-size: 13px; font-weight: 400; line-height: 1.5; }
#checkoutPayment .checkoutWrapper #orderTotalDivs .lineTitle { font-weight: 600; margin-right: 10px; }
#checkoutPayment .checkoutWrapper .floatingBox #address-bill,
#checkoutPayment .checkoutWrapper .floatingBox #address-ship { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#checkoutPayment .checkoutWrapper .floatingBox .addressInfoBox { font-size: 13px; line-height: 1.6; font-weight: 400; color: #666; }
#checkoutPayment .checkoutWrapper .floatingBox .editButton .normal_button,
#checkoutPayment .checkoutWrapper .floatingBox .opc-right .normal_button{ padding: 8px 30px; margin: 0; width: auto; height: 38px; font-size: 13px; color: #fff; background: #000; border-radius: 6px !important; }
#checkoutPayment .checkoutWrapper .floatingBox .editButton .normal_button:hover,
#checkoutPayment .checkoutWrapper .floatingBox .opc-right .normal_button:hover { background: #2879fe; }
#checkoutPayment .checkoutWrapper .floatingBox .opc-buttons { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; padding: 20px 0 10px; border-top: 1px solid #e9e7e7; }
#checkoutPayment .checkoutWrapper .floatingBox .opc-buttons .custom-control { display: flex; align-items: center; }
#checkoutPayment .checkoutWrapper .floatingBox .checkboxLabel { font-size: 13px; margin: 0 0 0 10px; }
#checkoutPayment .checkoutWrapper #checkoutOneShippingFlag { background: #f7f8fa }
#checkoutPayment .checkoutWrapper #checkoutPaymentMethod .textTitle { margin: 0; }
#checkoutPayment .checkoutWrapper .important { font-size: 13px; line-height: 1.6; font-weight: 400; color: #666; padding: 0; margin: 0 0 20px 0; }
#checkoutPayment .checkoutWrapper .custom-control { margin-bottom: 20px; }
#checkoutPayment .checkoutWrapper .custom-control .radioButtonLabel { margin-left: 10px; font-size: 13px; line-height: 1.6; font-weight: 400; color: #000; max-width: 120px; display: initial; }
#checkoutPayment .checkoutWrapper .custom-control .radioButtonLabel img { max-width: 150px; }
#checkoutPayment .checkoutWrapper .ccinfo .formGroup { display: flex; flex-wrap: wrap; margin-bottom: 16px; }
#checkoutPayment .checkoutWrapper .ccinfo .formGroup div.col-sm-12 { width: 100%; }
#checkoutPayment .checkoutWrapper .ccinfo .formGroup div.col-sm-6 { width: 50%; }
#checkoutPayment .checkoutWrapper .ccinfo [class*="col"] { padding: 0; }
#checkoutPayment .checkoutWrapper .ccinfo input { margin: 0; width: 100%; padding: 0 15px; height: 42px; font-size: 13px; color: #424242; background: #f7f8fa; border: none; border-radius: 6px; }
#checkoutPayment .checkoutWrapper .ccinfo input:focus { outline: none; box-shadow: none; }
#checkoutPayment .checkoutWrapper .ccinfo input::-webkit-input-placeholder { color: #999 }
#checkoutPayment .checkoutWrapper .ccinfo .select-wrapper:nth-child(2) { padding-right: 8px; }
#checkoutPayment .checkoutWrapper .ccinfo .select-wrapper:nth-child(3) { padding-left: 8px; }
#checkoutPayment .checkoutWrapper .ccinfo select { margin: 0; width: 100%; border-radius: 6px; background-image: url(../images/arrow-select.png) !important; background-repeat: no-repeat !important; background-position: right 10px center !important; }
#checkoutPayment .checkoutWrapper textarea.form-control { min-height: calc(1.5em + (.75rem + 2px)); width: 100%; border: 1px solid #e9e7e7; border-radius: 6px; font-size: 13px; line-height: 1.6; font-weight: 400; color: #000; padding: 10px; }
#checkoutPayment .checkoutWrapper textarea.form-control:focus { box-shadow: none; border-color: #999 ; }
#checkoutPayment .checkoutWrapper #checkoutComments { margin-bottom: 32px; }
#checkoutPayment .checkoutWrapper #checkoutOneSubmit .normal_button{ padding: 8px 30px; margin: 0; width: auto; height: 38px; font-size: 13px; color: #fff; background: #2879fe; border-radius: 6px !important; }
#checkoutPayment .checkoutWrapper #checkoutOneSubmit .normal_button:hover { background: #2267d8; }
#checkoutPayment .checkoutWrapper #checkoutOneEmail { margin-top: 16px; font-size: 13px; text-align: right; }
@media (min-width: 481px) and (max-width: 767px) {
#checkoutPayment .forward, #checkoutShipping .forward { float: right !important }
}
@media (min-width: 0px) and (max-width: 480px) {
#checkoutPayment .forward, #checkoutShipping .forward { float: right !important }
}
#timeoutDefault { margin-top: 40px; }
#timeoutDefault #timeoutDefaultHeading { font-size: 24px; font-weight: 600; letter-spacing: -0.03rem; text-align: center; text-transform: uppercase; }
#timeoutDefault #timeoutDefaultContent p { font-size: 13px; text-align: center; font-weight: 400; margin-bottom: 0; }
#timeoutDefault #timeoutDefaultContent p a { font-weight: 600; }
#timeoutDefault #timeoutDefaultContent p a:hover { color: #2879fe; text-decoration: none; }
#timeoutDefault fieldset { background: none; margin: 0; display: flex; justify-content: center; }
#timeoutDefault [class*="col"] { float: revert; padding: 10px; }
#timeoutDefault fieldset div { margin: 0; }
#timeoutDefault .innerInfoBox { border: 1px solid #e9e7e7; padding: 16px; height: auto; margin-bottom: 0; }
#timeoutDefault .innerInfoBox .textTitle { margin: 0 0 10px; font-size: 15px; color: #000; font-weight: 500; line-height: 1.4; text-align: left; text-transform: uppercase; box-shadow: none; background: #fff; }
#timeoutDefault .innerInfoBox .formGroup{ margin-bottom: 16px; }
#timeoutDefault .innerInfoBox .inputLabel { margin: 0 0 6px 0; font-size: 12px; }
#timeoutDefault .innerInfoBox input { margin: 0; width: 100%; padding: 0 15px; height: 42px; font-size: 13px; color: #424242; background: #f7f8fa; border: none; border-radius: 6px; }
#timeoutDefault .innerInfoBox input:focus { outline: none; box-shadow: none; }
#timeoutDefault .innerInfoBox input::-webkit-input-placeholder { color: #999 }
#timeoutDefault .loginFooterBottom { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; align-items: center; gap: 10px; }
#timeoutDefault .loginFooterBottom .submit { margin: 0; }
#timeoutDefault .loginFooterBottom .button_login { padding: 8px 30px; margin: 0; width: 100%; height: 42px; font-size: 13px; color: #fff; background: #2879fe; border-radius: 6px !important; }
#timeoutDefault .loginFooterBottom .link a { font-size: 13px; color: #2879fe; font-weight: 400; text-decoration: none; transition: all .3s; }
#timeoutDefault .loginFooterBottom .button_loginHover { background: #303030; color: #fff; }
#timeoutDefault .loginFooterBottom .link a:hover { text-decoration: underline; color: #303030 }
#checkoutOneConfirmationDisplay { margin-top: 40px; }
#checkoutOneConfirmationDisplay #checkoutConfirmDefaultHeading { font-size: 24px; font-weight: 600; letter-spacing: -0.03rem; text-align: center; text-transform: uppercase; }
#checkoutOneConfirmationDisplay .confirmWrapper { display: flex; flex-wrap: wrap; margin: 0 -10px; }
#checkoutOneConfirmationDisplay .confirmWrapper [class*="col"] { float: revert; padding: 10px; }
#checkoutOneConfirmationDisplay .confirmWrapper .innerInfoBox { border: 1px solid #e9e7e7; padding: 16px; height: auto; margin-bottom: 0; }
#checkoutOneConfirmationDisplay .confirmWrapper #checkoutBillto,
#checkoutOneConfirmationDisplay .confirmWrapper #checkoutShipto { width: 100%; }
#checkoutOneConfirmationDisplay .innerInfoBox h2 { margin: 0 0 10px; font-size: 16px; color: #000; font-weight: 500; line-height: 1.4; text-align: left; }
#checkoutOneConfirmationDisplay .innerInfoBox h3 { margin: 0 0 10px; font-size: 15px; color: #000; font-weight: 500; line-height: 1.4; }
#checkoutOneConfirmationDisplay .innerInfoBox h4 { margin: 0 0 10px; font-size: 13px; color: #000; font-weight: 400; line-height: 1.4; }
#checkoutOneConfirmationDisplay .innerInfoBox address,
#checkoutOneConfirmationDisplay .innerInfoBox .commentsTxt{ font-size: 13px; color: #000; font-weight: 400; line-height: 1.6; }
#checkoutOneConfirmationDisplay .innerInfoBox .buttonRow { margin: 10px 0 0 }
#checkoutOneConfirmationDisplay .innerInfoBox .normal_button{ padding: 8px 30px; margin: 0; width: auto; height: 38px; font-size: 13px; color: #fff; background: #000; border-radius: 6px !important; }
#checkoutOneConfirmationDisplay .innerInfoBox .normal_button:hover { background: #2879fe; }
#checkoutOneConfirmationDisplay .innerInfoBox #cartContentsDisplay { margin-top: 10px; }
#checkoutOneConfirmationDisplay .innerInfoBox th { font-size: 12px; font-weight: 400; text-transform: uppercase; padding: 10px; }
#checkoutOneConfirmationDisplay .innerInfoBox #ccProductsHeading { width: 70%; }
#checkoutOneConfirmationDisplay .innerInfoBox #ccQuantityHeading { width: 12%; }
#checkoutOneConfirmationDisplay .innerInfoBox #ccTotalHeading { width: 18%; }
#checkoutOneConfirmationDisplay .innerInfoBox tr.rowEven { background: #f7f8fa }
#checkoutOneConfirmationDisplay .innerInfoBox tr.rowCart { border-top: 1px solid #e9e7e7; }
#checkoutOneConfirmationDisplay .innerInfoBox tr.rowCart:hover { background: #eee; }
#checkoutOneConfirmationDisplay .innerInfoBox tr.rowCart > td { padding: 10px; text-align: center; vertical-align: middle; }
#checkoutOneConfirmationDisplay .innerInfoBox tr.rowCart .cartProductDisplay { font-size: 12px; color: #000; font-weight: 400; }
#checkoutOneConfirmationDisplay .innerInfoBox tr.rowCart .cartProductDisplay .cartAttribsList { font-size: 12px; color: #999; font-weight: 400; line-height: 1.2; margin-left: 0; margin-top: 5px; }
#checkoutOneConfirmationDisplay .innerInfoBox tr.rowCart .cartTotalDisplay { font-size: 12px; color: #000; font-weight: 400; }
#checkoutOneConfirmationDisplay #orderTotals { padding: 20px 10px; background: #eee; }
#checkoutOneConfirmationDisplay #orderTotals .forward { font-size: 13px; font-weight: 400; line-height: 1.5; }
#checkoutOneConfirmationDisplay #orderTotals .lineTitle { font-weight: 600; margin-right: 10px; }
#checkoutOneConfirmationDisplay .buttonRow { margin: 10px 0 0 0 }
#checkoutOneConfirmationDisplay .buttonRow .button_confirm_order { padding: 8px 30px; margin: 0; width: auto; height: 38px; font-size: 13px; color: #fff; background: #2879fe; border-radius: 6px !important; }
#checkoutOneConfirmationDisplay .buttonRow .button_confirm_orderHover { padding: 8px 30px; margin: 0; width: auto; height: 38px; font-size: 13px; color: #fff; background:#2267d8; border-radius: 6px !important; }
@media (min-width: 481px) and (max-width: 767px) {
#checkoutOneConfirmationDisplay .innerInfoBox tr.rowCart .cartProductDisplay .cartAttribsList { text-align: center; }
}
@media (min-width: 0px) and (max-width: 480px) {
#checkoutOneConfirmationDisplay .innerInfoBox tr.rowCart .cartProductDisplay .cartAttribsList { text-align: center; }
}
#checkoutSuccess { margin-top: 40px; }
#checkoutSuccess #checkoutSuccessHeading { font-size: 20px; font-weight: 600; letter-spacing: -0.03rem; }
#checkoutSuccess #checkoutSuccessOrderNumber,
#checkoutSuccess #checkoutSuccessLogoff,
#checkoutSuccess #checkoutSuccessContactLink{ font-size: 13px; margin-bottom: 5px; }
#checkoutSuccess .linksButtonBox { margin: 10px 0; }
#checkoutSuccess .linksButtonBox .normal_button{ padding: 8px 30px; margin: 3px; width: auto; height: 38px; font-size: 13px; color: #fff; background: #000; border-radius: 6px !important; }
#checkoutSuccess .linksButtonBox .normal_button:hover { background: #2879fe; }
#checkoutSuccess #accountHistInfo { margin-top: 24px; }
#checkoutSuccess #accountHistInfo .DateAnnotation { font-size: 13px; }
#checkoutSuccess #accountHistInfo #orderHistoryHeading ,
#checkoutSuccess #accountHistInfo #myAccountOrdersStatus { margin: 20px 0; border: 1px solid #e9e7e7; }
#checkoutSuccess #accountHistInfo thead > tr > th { font-size: 13px; font-weight: 400; text-transform: uppercase; padding: 15px 10px; background: #f7f8fa; border: none; border-right: 1px solid #e9e7e7; }
#checkoutSuccess #accountHistInfo thead > tr > th#myAccountProducts { width: 70%; }
#checkoutSuccess #accountHistInfo thead > tr > th#myAccountQuantity { width: 12%; }
#checkoutSuccess #accountHistInfo thead > tr > th#myAccountTotal { width: 18%; }
#checkoutSuccess #accountHistInfo tbody > tr.rowCart { border-top: 1px solid #e9e7e7; background: none; font-size: 13px; color: #000; font-weight: 400; }
#checkoutSuccess #accountHistInfo tbody > tr.rowCart > td { padding: 15px 10px; text-align: center; vertical-align: middle; background: none; border-right: 1px solid #e9e7e7; }
#checkoutSuccess #accountHistInfo tbody > tr.rowCart .accountProductDisplay .orderAttribsList { font-size: 13px; color: #999; font-weight: 400; line-height: 1.2; margin-left: 0; margin-top: 5px; }
#checkoutSuccess #accountHistInfo #orderTotals { padding: 20px 10px; background: #f7f8fa; border:1px solid #e9e7e7; }
#checkoutSuccess #accountHistInfo #orderTotals .forward { font-size: 13px; font-weight: 400; line-height: 1.5; }
#checkoutSuccess #accountHistInfo #orderTotals .lineTitle { font-weight: 600; margin-right: 10px; }
#checkoutSuccess #accountHistInfo #orderHistoryStatus { font-size: 16px; color: #000; font-weight: 500; line-height: 1.4; text-align: left; }
#checkoutSuccess #accountHistInfo .successWrapper { display: flex; flex-wrap: wrap; margin: 0 -10px; }
#checkoutSuccess #accountHistInfo .successWrapper [class*="col"] { float: revert; padding: 10px; }
#checkoutSuccess #accountHistInfo .successWrapper .innerInfoBox { border: 1px solid #e9e7e7; padding: 16px; height: auto; margin: 0; background: none; }
#checkoutSuccess #accountHistInfo .successWrapper .innerInfoBox h3 { margin: 0 0 10px; padding: 0; font-size: 16px; color: #000; font-weight: 500; line-height: 1.4; text-align: left; background: none; }
#checkoutSuccess #accountHistInfo .successWrapper .innerInfoBox h4 { margin: 0 0 10px; padding: 0; font-size: 15px; color: #000; font-weight: 500; line-height: 1.4; text-align: left; }
#checkoutSuccess #accountHistInfo .successWrapper .innerInfoBox address,
#checkoutSuccess #accountHistInfo .successWrapper .innerInfoBox .InfoTxt{ font-size: 13px; color: #000; font-weight: 400; line-height: 1.6; padding: 0.5em; }
@media (min-width: 481px) and (max-width: 767px) {
#checkoutSuccess #accountHistInfo tbody > tr.rowCart > td { border-bottom: none }
}
@media (min-width: 0px) and (max-width: 480px) {
#checkoutSuccess #accountHistInfo tbody > tr.rowCart > td { border-bottom: none }
}
#accountDefault { margin-top: 40px; }
#accountDefault #accountDefaultHeading { font-size: 20px; font-weight: 600; letter-spacing: -0.03rem; margin: 10px 0; }
#accountDefault #previous-orders { margin: 0 0 10px; font-size: 16px; color: #000; font-weight: 500; line-height: 1.4; text-align: left; text-transform: uppercase; }
#accountDefault .tableResponsive { margin-bottom: 20px; }
#accountDefault #prevOrders { border: 1px solid #e9e7e7; text-align: center; }
#accountDefault #prevOrders thead > tr > th { font-size: 13px; font-weight: 400; text-transform: uppercase; padding: 15px 10px; background: #f7f8fa; border: none; border-right: 1px solid #e9e7e7; }
#accountDefault #prevOrders thead > tr > th:nth-child(1) { width: 16%; }
#accountDefault #prevOrders thead > tr > th:nth-child(2) { width: 10%; }
#accountDefault #prevOrders thead > tr > th:nth-child(3) { width: 30%; }
#accountDefault #prevOrders thead > tr > th:nth-child(4) { width: 12%; }
#accountDefault #prevOrders thead > tr > th:nth-child(5) { width: 12%; }
#accountDefault #prevOrders thead > tr > th:nth-child(6) { width: 20%; }
#accountDefault #prevOrders tbody > tr.rowCart { border-top: 1px solid #e9e7e7; background: none; font-size: 13px; color: #000; font-weight: 400; line-height: 1.6; }
#accountDefault #prevOrders tbody > tr.rowCart > td { padding: 15px 10px; text-align: center; vertical-align: middle; background: none; border-right: 1px solid #e9e7e7; }
#accountDefault #prevOrders tbody > tr.rowCart > td > address { font-size: 13px; margin: 0; padding: 0; line-height: 1.6; }
#accountDefault #accountLinksWrapper h2 { margin: 0 0 10px; padding: 0; font-size: 16px; color: #000; font-weight: 500; line-height: 1.4; text-align: left; text-transform: uppercase; background: none; }
#accountDefault #accountLinksWrapper #myAccountGen { background: none; padding: 0; }
#accountDefault #accountLinksWrapper #myAccountGen li a { font-size: 14px; color: #000; font-weight: 400; line-height: 1.8; }
#accountDefault #accountLinksWrapper #myAccountGen li a:hover { text-decoration: underline; }
@media (min-width: 481px) and (max-width: 767px) {
#accountDefault #accountDefaultHeading { text-align: left; }
#accountDefault #previous-orders { background: none }
#accountDefault #prevOrders thead { display: none }
#accountDefault #prevOrders tbody > tr.rowCart > td:nth-child(6) { border-bottom: none; }
}
@media (min-width: 0px) and (max-width: 480px) {
#accountDefault #accountDefaultHeading { text-align: left; }
#accountDefault #previous-orders { background: none }
#accountDefault #prevOrders thead { display: none }
#accountDefault #prevOrders tbody { width: 100%; }
#accountDefault #prevOrders tbody > tr.rowCart { width: 100%; }
#accountDefault #prevOrders tbody > tr.rowCart > td { width: 100%; padding: 15px 10px 0 10px; }
}
#checkoutShipping #checkoutShippingHeading { font-size: 22px; font-weight: 600; margin: 30px 0; letter-spacing: -.5px }
#checkoutShipping .checkoutWrapper { display: flex; flex-wrap: wrap; margin: 0 -10px; }
#checkoutShipping .checkoutWrapper [class*="col"] { float: revert; padding: 10px; }
#checkoutShipping .checkoutWrapper .textTitle { margin: 0 0 10px; font-size: 15px; color: #000; font-weight: 500; line-height: 1.4; text-align: left; text-transform: uppercase; box-shadow: none; background: #fff; }
#checkoutShipping .checkoutWrapper .innerInfoBox { border: 1px solid #e9e7e7; padding: 16px; height: 100%; margin-bottom: 0; }
#checkoutShipping .checkoutWrapper .innerInfoBox .floatingBox { width: 100%; }
#checkoutShipping .checkoutWrapper .innerInfoBox .addressInfoBox { font-size: 13px; line-height: 1.6; font-weight: 400; color: #666; }
#checkoutShipping .checkoutWrapper .innerInfoBox .buttonRow { margin: 10px 0; }
#checkoutShipping .checkoutWrapper .innerInfoBox .buttonRow .normal_button{ padding: 8px 30px; margin: 0; width: auto; height: 38px; font-size: 13px; color: #fff; background: #000; border-radius: 6px !important; }
#checkoutShipping .checkoutWrapper .innerInfoBox .buttonRow .normal_button:hover { background: #2879fe; }
#checkoutShipping .checkoutWrapper .innerInfoBox .ct-illustrate { font-size: 13px; line-height: 1.6; font-weight: 400; color: #000; }
#checkoutShipping .checkoutWrapper .innerInfoBox .important { font-size: 13px; line-height: 1.6; font-weight: 600; color: #000; margin-right: 0; }
#checkoutShipping .checkoutWrapper .innerInfoBox .cost-rate { background: none; margin-bottom: 0; }
#checkoutShipping .checkoutWrapper .innerInfoBox .cost-rate div { margin: 0; }
#checkoutShipping .checkoutWrapper .innerInfoBox .cost-rate legend { margin-bottom: 12px; }
#checkoutShipping .checkoutWrapper .innerInfoBox .cost-rate .cost-rate-wap { display: flex; justify-content: space-between; align-items: center; }
#checkoutShipping .checkoutWrapper .innerInfoBox .cost-rate input[type=radio] { margin-left: 0; }
#checkoutShipping .checkoutWrapper .innerInfoBox .cost-rate .checkboxLabel { font-size: 13px; line-height: 1.6; font-weight: 400; color: #000; }
#checkoutShipping .checkoutWrapper .shipping { padding: 20px; background: #f7f8fa }
#checkoutShipping .checkoutWrapper .shipping .textTitle { background: none; }
#checkoutShipping .checkoutWrapper .shipping textarea[name=comments] { min-height: calc(1.5em + (.75rem + 2px)); width: 100%; border: 1px solid #e9e7e7; border-radius: 6px; font-size: 13px; line-height: 1.6; font-weight: 400; color: #000; padding: 10px; }
#checkoutShipping .checkoutWrapper .shipping textarea[name=comments]:focus { outline:none; box-shadow: none; background: #fff; border-color: #999 ; }
#checkoutShipping .checkoutWrapper .buttonRow.important { font-size: 13px; line-height: 1.6; font-weight: 400; color: #000; }
#checkoutShipping .checkoutWrapper .buttonRow .button_continue_checkout { padding: 8px 30px; margin: 0; width: auto; height: 38px; font-size: 13px; color: #fff; background: #000; border-radius: 6px !important; }
#checkoutShipping .checkoutWrapper .buttonRow .button_continue_checkout:hover { background: #2879fe; }
.checkoutFlowPath2 #checkoutPaymentHeading { font-size: 22px; font-weight: 600; margin: 30px 0; letter-spacing: -.5px }
.checkoutFlowPath2 .checkoutWrapper .innerInfoBox .buttonRow { margin: 10px 0; }
.checkoutFlowPath2 .checkoutWrapper .innerInfoBox .buttonRow .normal_button{ padding: 8px 30px; margin: 0; width: auto; height: 38px; font-size: 13px; color: #fff; background: #000; border-radius: 6px !important; }
.checkoutFlowPath2 .checkoutWrapper .innerInfoBox .buttonRow .normal_button:hover { background: #2879fe; }
.checkoutFlowPath2 .checkoutWrapper .innerInfoBox .ct-illustrate { font-size: 13px; line-height: 1.6; font-weight: 400; color: #000; }
.checkoutFlowPath2 .checkoutWrapper .forward { font-size: 13px; font-weight: 400; line-height: 1.5; }
.checkoutFlowPath2 .checkoutWrapper .lineTitle { font-weight: 600; margin-right: 10px; }
.checkoutFlowPath2#checkoutPayment .checkoutWrapper .shipping { padding: 20px; background: #f7f8fa }
.checkoutFlowPath2#checkoutPayment .checkoutWrapper .shipping .textTitle { background: none; }
.checkoutFlowPath2 .checkoutWrapper .shipping textarea[name=comments] { min-height: calc(1.5em + (.75rem + 2px)); width: 100%; border: 1px solid #e9e7e7; border-radius: 6px; font-size: 13px; line-height: 1.6; font-weight: 400; color: #000; padding: 10px; }
.checkoutFlowPath2 .checkoutWrapper .shipping textarea[name=comments]:focus { outline:none; box-shadow: none; background: #fff; border-color: #999 ; }
.checkoutFlowPath2#checkoutPayment .checkoutWrapper .buttonRow.important { color: #000; margin-bottom: 0; }
.checkoutFlowPath2 .checkoutWrapper .buttonRow .button_continue_checkout { padding: 8px 30px; margin: 0; width: auto; height: 38px; font-size: 13px; color: #fff; background: #000; border-radius: 6px !important; }
.checkoutFlowPath2 .checkoutWrapper .buttonRow .button_continue_checkout:hover { background: #2879fe; }
#checkoutConfirmDefault #checkoutConfirmDefaultHeading { font-size: 22px; font-weight: 600; margin: 30px 0; letter-spacing: -.5px }
#checkoutConfirmDefault .checkoutWrapper { display: flex; flex-wrap: wrap; margin: 0 -10px; }
#checkoutConfirmDefault .checkoutWrapper [class*="col"] { float: revert; padding: 10px; }
#checkoutConfirmDefault .checkoutWrapper .textTitle { margin: 0 0 10px; font-size: 15px; color: #000; font-weight: 500; line-height: 1.4; text-align: left; text-transform: uppercase; box-shadow: none; background: #fff; }
#checkoutConfirmDefault .checkoutWrapper .innerInfoBox { border: 1px solid #e9e7e7; padding: 16px; height: 100%; margin-bottom: 0; width: 100%; }
#checkoutConfirmDefault .checkoutWrapper .innerInfoBox .addressInfoBox { font-size: 13px; line-height: 1.6; font-weight: 400; color: #666; }
#checkoutConfirmDefault .checkoutWrapper .innerInfoBox .buttonRow { margin: 10px 0; }
#checkoutConfirmDefault .checkoutWrapper .innerInfoBox .buttonRow .normal_button{ padding: 8px 30px; margin: 0; width: auto; height: 38px; font-size: 13px; color: #fff; background: #000; border-radius: 6px !important; }
#checkoutConfirmDefault .checkoutWrapper .innerInfoBox .buttonRow .normal_button:hover { background: #2879fe; }
#checkoutConfirmDefault .checkoutWrapper .innerInfoBox .ct-illustrate { font-size: 13px; line-height: 1.6; font-weight: 400; color: #000; margin: 0; }
#checkoutConfirmDefault .checkoutWrapper #order-comments { background: none; margin: 0; }
#checkoutConfirmDefault .checkoutWrapper .buttonRow.important { font-size: 13px; line-height: 1.6; font-weight: 400; color: #000; }
#checkoutConfirmDefault .checkoutWrapper .buttonRow .button_confirm_order { padding: 8px 30px; margin: 0; width: auto; height: 38px; font-size: 13px; color: #fff; background: #000; border-radius: 6px !important; }
#checkoutConfirmDefault .checkoutWrapper .buttonRow .button_confirm_order:hover { background: #2879fe; }
#checkoutConfirmDefault .checkoutWrapper .innerInfoBox #cartContentsDisplay { border: 1px solid #e9e7e7; margin: 20px 0; }
#checkoutConfirmDefault .checkoutWrapper .innerInfoBox thead > tr { background: #f7f8fa; }
#checkoutConfirmDefault .checkoutWrapper .innerInfoBox thead > tr > th { font-size: 13px; font-weight: 400; text-transform: uppercase; padding: 10px; border: none; border-right: 1px solid #e9e7e7; }
#checkoutConfirmDefault .checkoutWrapper .innerInfoBox tbody > tr.rowCart { border-top: 1px solid #e9e7e7; background: none; font-size: 13px; color: #000; font-weight: 400; line-height: 1.6; }
#checkoutConfirmDefault .checkoutWrapper .innerInfoBox tbody > tr.rowCart > td { padding: 15px 10px; text-align: center; vertical-align: middle; background: none; font-size: 13px; border-right: 1px solid #e9e7e7; }
#checkoutConfirmDefault .checkoutWrapper .innerInfoBox tbody > tr.rowCart > td > address { font-size: 13px; margin: 0; padding: 0; line-height: 1.6; }
#checkoutConfirmDefault .checkoutWrapper #orderTotals { background: #f7f8fa; border: 1px solid #e9e7e7; }
#checkoutConfirmDefault .checkoutWrapper #orderTotals .forward { font-size: 13px; font-weight: 400; line-height: 1.5; }
#checkoutConfirmDefault .checkoutWrapper #orderTotals .lineTitle { font-weight: 600; margin-right: 10px; }