/* Control Panel Settings */
.quickview .mfp-iframe-holder .mfp-content { height:563px }
#more-details[data-hint]:after { color: rgb(255, 255, 255);background-color: rgb(43, 176, 227) }
#more-details i:before { content: '\e62c';font-size: 28px;color: rgb(255, 255, 255);top: -2px }
.quickview #content { background-color: rgb(255, 255, 255) }
.quickview #tab-description { padding-right:10px;padding-left:10px;padding-top:10px;padding-bottom:10px }
.quickview h1.heading-title { text-align:left }
.label-latest { color: rgb(255, 255, 255);border-radius: 50%;width: 40px;height: 40px; line-height: 40px; padding-top:0; padding-bottom:0;background-color: rgb(178, 221, 76) }
.label-sale { color: rgb(255, 255, 255);border-radius: 50%;width: 40px;height: 40px; line-height: 40px; padding-top:0; padding-bottom:0;background-color: rgb(43, 176, 227) }
.label-outofstock { background-color:rgb(59, 134, 176);font-weight: bold;font-size: 12px;text-transform: uppercase;padding-top:8px;padding-right:40px;padding-bottom:8px;padding-left:40px }
header .links a, .links .no-link, .mm-header-link a { font-size: 12px;color: rgb(68, 67, 73) }
.drop-down ul li a, .fly-drop-down ul li a { color: rgb(255, 255, 255) }
.mega-menu div > h3 { font-weight: normal;color: rgb(255, 255, 255);border-bottom-width: 1px;border-style: solid;border-color: rgb(80, 80, 80);padding-bottom:5px }
.mega-menu-categories .mega-menu-item ul li a { font-size: 12px;color: rgb(255, 255, 255) }
.mega-menu-categories .mega-menu-item ul li a:hover { color: rgb(43, 176, 227) }
.mega-menu-brands div > h3 { font-weight: normal;color: rgb(255, 255, 255);text-align:left }
.mega-menu-html div > h3, .mega-menu-mixed .mega-menu-html > h3 { font-weight: normal;text-align:left }
.mega-menu-html .mega-menu-item .wrapper { color: rgb(68, 67, 73);padding-top:8px }
.super-menu > li > a { font-family: Helvetica, Arial, sans-serif;font-weight: bold;font-size: 14px;color: rgb(80, 80, 80);line-height:50px }
.super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-right { border-style:none }
.drop-down ul li, .mobile-menu .drop-down ul li, .flyout-menu .fly-drop-down ul li { border-bottom-style:solid;border-color: rgb(80, 80, 80) }
.mega-menu-categories .mega-menu div > h3 { text-align:left }
.mega-menu-brands .mega-menu-item div { border-radius: 2px }
.mega-menu-brands .mega-menu-item img { border-radius: 2% }
.mobile-trigger:before { content: '\e618';font-size: 20px;color: rgb(68, 67, 73);top: -1px }
.drop-down .menu-plus:before { content: '\e62c';font-size: 14px;color: rgb(255, 255, 255);top: -3px }
.mega-menu-categories .mega-menu-item ul li a:before, html[dir='rtl'] .mega-menu-categories .mega-menu-item ul li a::after { content: '\e62c';font-size: 10px;color: rgb(255, 255, 255) }
.mobile-trigger, .mobile-menu-on-tablet .mobile-trigger { font-weight: bold;font-size: 16px;text-transform: uppercase;color: rgb(56, 56, 56) }
.journal-menu .mobile-menu > li .mobile-plus, .tablet.mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus, .mobile.mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus { background-color: rgb(56, 56, 56);color: rgb(255, 255, 255) }
.journal-header-default .links a, .journal-header-default .links .no-link { border-bottom-width:1px }
.super-menu { background-color: rgb(255, 255, 255);border-top-width: 1px;border-style: solid;border-color: rgb(119, 119, 119) }
.super-menu > li:hover > a { color: rgb(33, 117, 155) }
.super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-left, .journal-desktop .menu-floated .float-right { border-color: rgb(255, 255, 255) }
.mega-menu, .html-menu { background-color: rgb(255, 255, 255) }
.mega-menu div > h3:hover > a { color: rgb(43, 176, 227) }
.drop-down ul li, .fly-drop-down ul li { background-color: rgb(255, 255, 255) }
.drop-down ul li:hover, .drop-down ul > li:hover > a, .fly-drop-down ul > li:hover > a { background-color:rgb(43, 176, 227);border-color:rgb(43, 176, 227); }
.journal-menu .mobile-trigger { background-color: rgb(255, 255, 255) }
.mega-menu .product-grid-item .price { display:inline-block }
.mega-menu { padding:20px }
.mega-menu-item > div, #header .mega-menu .product-wrapper { margin-right:10px }
.mega-menu .product-grid-item .price, .mega-menu .product-grid-item .price-new { color: rgb(42, 43, 46) }
.mega-menu-column > div > h3, .mega-menu-column > h3 { padding-bottom:5px;font-weight: normal;font-size: 16px;color: rgb(255, 255, 255);margin-bottom:10px;border-bottom-width: 1px;border-style: solid;border-color: rgb(80, 80, 80) }
.mega-menu-column.mega-menu-html .wrapper h1, .mega-menu-column.mega-menu-html .wrapper h2, .mega-menu-column.mega-menu-html .wrapper h3 { padding-bottom:5px }
.mega-menu-column.mega-menu-html .wrapper h1, .mega-menu-column.mega-menu-html .wrapper h2, .mega-menu-column.mega-menu-html .wrapper h3, .mega-menu .mega-menu-column .menu-cms-block h1, .mega-menu .mega-menu-column .menu-cms-block h2, .mega-menu .mega-menu-column .menu-cms-block h3 { font-size: 16px;color: rgb(255, 255, 255) }
.mega-menu .product-wrapper { border-width: 0px;border-style: solid }
.mega-menu-categories .mega-menu-item ul li.view-more a { font-weight: bold;font-size: 11px }
.mobile .journal-menu .mobile-menu > li, .tablet.mobile-menu-on-tablet header .journal-menu .mobile-menu > li, .mobile.mobile-menu-on-tablet header .journal-menu .mobile-menu > li, #header .journal-menu .mobile-menu > li .mobile-plus { border-style:solid;border-color: rgb(119, 119, 119) }
.mega-menu-column.mega-menu-html .wrapper p, .mega-menu-column.mega-menu-html .wrapper p span, .mega-menu .mega-menu-column .menu-cms-block { font-size: 12px }
.quote .button { font-size: 23px;color: rgb(255, 255, 255);padding:0 40px;line-height:54px;background-color: rgb(68, 67, 73);background-image: linear-gradient(to right, #107380, #6940fb) }
.quote .button:hover { background-color: rgb(221, 0, 23);background: linear-gradient(to left, #cb2d3e , #ef473a);box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.5) }
.quote .button:active { box-shadow: inset 0px 2px 40px -5px rgba(0, 0, 0, 0.8) }
.product-info .left .image-additional a img { border-width: 1px;border-style: solid;border-color: rgb(238, 238, 238) }
.product-info .left .image-additional a { padding:0 10px 10px 0 }
.product-info .image .label-latest { display: block }
.product-info .image .label-sale { display: block }
.product-info .image .label-outofstock { display: block }
.product-options > div, .product-options > ul { background-color: rgb(255, 255, 255) }
.product-options > div, .product-options > ul, .skin-11 .right .heading-title { margin-bottom:10px }
.product-info .right .description .instock { color: rgb(68, 67, 73) }
.product-info .right .description .outofstock { color: rgb(221, 0, 23) }
.product-info .right .price .price-new, .product-info .right .price .product-price, .product-info .right .price li.price-new, .product-info .right .price li.product-price { font-size: 34px }
.product-info .right .price .price-old, .product-info .right .price li.price-old { font-size: 22px;color: rgb(255, 255, 255) }
.product-info .right .price-old { border-radius: 3px;background-color: rgb(43, 176, 227) }
.product-info .option > ul > li:active, .product-info .option > ul > li.selected { box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.7) }
#content .product-info .options h3, .ms-sellerprofile.description h3 { font-weight: normal;font-size: 14px;color: rgb(255, 255, 255);background-color: rgb(169, 184, 192) }
.product-info .option > ul > li { color: rgb(255, 255, 255);background-color: rgb(68, 67, 73);border-radius: 3px }
#button-cart, .product-info .right .cart div .button.enquiry-button { font-weight: bold;font-size: 16px;color: rgb(255, 255, 255) }
#button-cart, .product-info .right .cart div .button.enquiry-button, .quickview #more-details { border-width: 0px;border-style: solid }
.product-info .right .wishlist-compare .links a { font-size: 14px;color: rgb(68, 67, 73) }
.product-info .right .wishlist-compare .links a:hover { color: rgb(43, 176, 227) }
#tabs a, #tabs li a { font-weight: bold;font-size: 18px;color: rgb(204, 204, 204);background-color: rgb(255, 255, 255);box-shadow:none }
.tab-content p, .tab-content p span, .tab-content p font, #tab-description, .product-info .tab-content, #review, #tab-review b, #tab-review span, .attribute td { font-weight: normal;font-size: 14px }
.product-info .tab-content, .tab-content { border-top-width: 1px;border-style: solid;border-color: rgb(238, 238, 238);padding:30px }
.product-info .left .journal-custom-tab h3 { font-weight: bold ;font-size: 15px }
.product-info .left .journal-custom-tab, .product-info .left .journal-custom-tab p, .product-info .left .journal-custom-tab p span { font-size: 12px }
.product-info .left .journal-custom-tab { border-radius: 3px }
.product-info .right .journal-custom-tab h3 { font-weight: bold;font-size: 15px }
.product-info .right .journal-custom-tab, .product-info .right .journal-custom-tab p, .product-info .right .journal-custom-tab p span { font-size: 12px }
.product-info .right .journal-custom-tab { border-radius: 3px }
.product-info .gallery-text:before { content: '\e015';font-size: 16px }
#product-gallery .swiper-button-prev::before { content: '\f053';font-size: 20px;color: rgb(68, 67, 73) }
#product-gallery .swiper-button-next::before { content: '\e60e';font-size: 20px;color: rgb(68, 67, 73) }
.product-info .right .wishlist-compare .links a:before { content: '\e662';font-size: 14px }
.product-info .right .wishlist-compare .links a+a:before { content: '\e025';font-size: 14px }
.product-info .right .options .option { border-color: rgb(255, 255, 255) }
.product-info .option > ul > li.selected, .product-info .option > ul > li:hover { color: rgb(255, 255, 255);background-color: rgb(43, 176, 227) }
.product-info .right .cart div .journal-stepper { color: rgb(255, 255, 255);background-color: rgb(68, 67, 73) }
.product-info .right .cart div .journal-stepper:hover { color: rgb(255, 255, 255);background-color: rgb(33, 117, 155) }
.product-info .right .wishlist-compare { background-color: rgb(244, 244, 244) }
#tabs a:hover, #tabs a.selected, #tabs li a:hover, #tabs li.active a { color: rgb(80, 80, 80);background-color: rgb(255, 255, 255) }
.product-info .tab-content, .tab-content, .quickview .tab-content { background-color: rgb(255, 255, 255) }
.tags { text-align:left }
.tags a, .tags b { border-radius: 3px }
.tags b { background-color: rgb(68, 67, 73);color: rgb(255, 255, 255) }
.tags a { background-color: rgb(244, 244, 244) }
.tags a:hover { color: rgb(255, 255, 255);background-color: rgb(43, 176, 227) }
#product-gallery .swiper-button-prev, #product-gallery .swiper-button-next { border-radius: 50%;height:25px; line-height:25px;width:25px }
.product-info .right > div > div, .product-info .right > div > ul { padding-left:10px;padding-right:10px;padding-bottom:10px;padding-top:10px }
.product-info .right .options .option label:hover { color: rgb(43, 176, 227) }
#product-gallery .swiper-button-prev:hover::before, #product-gallery .swiper-button-next:hover::before { color: rgb(0, 0, 0) }
.product-info .right .options .option label { color: rgb(66, 139, 202) }
#tab-description { line-height:24px }
.attribute tbody td { text-align:left }
.product-sold-count-text { font-size: 15px }
.product-info .right > div > .price { background-color: rgba(0, 0, 0, 0);padding:0px;display:block }
.product-page .heading-title { text-align:left }
.attribute tr td:first-child { text-align:left }
.product-info .right > div > .options { display:block }
body { font-weight: 400;font-family: "Open Sans";font-size: 13px;color: rgb(42, 43, 46) }
.heading-title, .box-heading, #blogArticle .articleHeader h1, .oc-filter .panel-heading { text-align:left;line-height:40px; min-height:40px; }
.secondary-title, #content #review-title { text-align:left;font-size: 16px;color: rgb(80, 80, 80);padding-top:7px; padding-bottom:7px }
.heading-title, .box-heading, #blogArticle .articleHeader h1, #swipebox-caption, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected, .oc-filter .panel-heading { font-size: 32px }
.button, .side-column .box-content a.button, #quickcheckout .button, .modal-footer .btn { font-size: 14px;color: rgb(255, 255, 255) }
.button, #quickcheckout .button, .modal-footer .btn { padding:0 15px;line-height:30px;background-color: rgb(80, 80, 80) }
.breadcrumb { font-size: 12px;color: rgb(255, 255, 255);border-bottom-right-radius: 3px;border-bottom-left-radius: 3px }
.scroll-top:before { content: '\e021';font-size: 45px;color: rgb(63, 87, 101) }
.extended-layout .extended-container { background-color: rgb(255, 255, 255) }
a { color: rgb(80, 80, 80) }
a:hover { color: rgb(0, 0, 0) }
.button:hover, .side-column .box-content a.button:hover, #quickcheckout .button:hover, .modal-footer .btn:hover { color: rgb(255, 255, 255) }
.button:hover, #quickcheckout .button:hover, .modal-footer .btn:hover { background-color: rgb(59, 134, 176) }
.breadcrumb a:hover { color: rgb(59, 134, 176) }
.scroll-top:hover:before { color: rgb(105, 185, 207) }
.extended-container:before { background-color: rgb(80, 80, 80) }
.box-sections ul li, .custom-sections .box-heading.box-sections { border-style:solid }
.custom-sections .box-heading { background-color: rgb(255, 255, 255) }
.box-sections ul li a { font-size: 24px;color: rgb(80, 80, 80) }
.box-sections, .box-sections ul li a, #top-modules .journal2_custom_sections::before, #bottom-modules .journal2_custom_sections::before { line-height:40px; min-height:40px; }
.box-sections ul li a:hover, .box-sections ul li a.selected { background-color: rgb(255, 255, 255) }
#top-modules .journal2_custom_sections:before { background-color: rgb(255, 255, 255) }
#footer { margin-top:20px;margin-bottom:0px }
footer .column > h3 { border-bottom-style:dotted;text-align:left;font-weight: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255);border-color: rgb(56, 56, 56) }
footer .column-menu-wrap > ul li { color: rgb(153, 153, 153) }
footer .contacts { box-shadow:none;border-top-width: 1px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(80, 80, 80) }
footer .contacts [data-hint]:after { border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(43, 176, 227) }
.bottom-footer { box-shadow:none;background-color: rgb(56, 56, 56) }
.fullwidth-footer { background-color: rgb(56, 56, 56) }
footer .column-menu-wrap > ul li:hover a { color: rgb(255, 255, 255) }
footer .contacts > div > span > .contact-icon { background-color: rgb(68, 67, 73) }
footer a .contacts-text:hover { color: rgb(43, 176, 227) }
footer .contacts-text { color: rgb(255, 255, 255) }
.bottom-footer .copyright { font-size: 12px;color: rgb(119, 119, 119) }
.column.products .product-grid-item { border-color: rgb(80, 80, 80);border-bottom-style:dotted;padding:5px 0 }
.column.products .product-grid-item .price-old { font-size: 12px;color: rgb(168, 168, 168) }
.column.products .product-grid-item .name a:hover { color: rgb(43, 176, 227) }
.column.products .product-grid-item .price, .column.products .product-grid-item .price-new { color: rgb(255, 255, 255) }
.column.products .product-grid-item .name a, .footer-post-title { color: rgb(255, 255, 255) }
.column.products .product-grid-item .name a { white-space:normal }
footer .column-text-wrap p { line-height:20px }
footer .column-text-wrap h1, footer .column-text-wrap h2, footer .column-text-wrap h3 { padding-bottom:2px;font-size: 14px;color: rgb(255, 255, 255) }
footer .column-text-wrap { font-size: 13px;color: rgb(153, 153, 153) }
.footer-post { border-bottom-style:dotted;border-color: rgb(80, 80, 80);padding:5px 0 }
.footer-post .comment-date .p-date:before { color: rgb(244, 244, 244) }
.footer-post .comment-date .p-comment:before { color: rgb(244, 244, 244) }
#cart .heading i { border-left-style:solid;border-color: rgba(244, 244, 244, 0) }
.mini-cart-info table tr { border-bottom-style:solid;border-bottom-color: rgb(228, 228, 228) }
#cart .heading, .ie9 #cart button.heading { font-weight: normal;font-style: normal;text-transform: none;color: rgb(68, 67, 73) }
.journal-header-center #cart { border-width: 1px;border-style: solid;border-color: rgb(255, 255, 255) }
.journal-header-center #cart .content .cart-wrapper { border-radius: 4px }
.journal-header-center #cart .heading i { border-radius: 50% }
.mini-cart-info, #cart .empty { color: rgb(0, 0, 0) }
.mini-cart-info table tr td.image img { border-radius: 3px }
.mini-cart-info { max-height:355px }
.mini-cart-total { background-color: rgb(244, 244, 244) }
.button-search, .journal-header-center .button-search { border-right-style:none }
#search input { font-weight: normal!important;font-style: normal!important;text-transform: none!important }
.journal-header-center #search input { border-top-width: 0px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;border-style: solid;border-color: rgb(119, 119, 119) }
.journal-header-center .button-search { border-radius: 50% }
.autocomplete2-suggestion span.p-price { display:block }
.journal-header-center .autocomplete2-suggestions { border-radius: 4px }
.autocomplete2-suggestions > div { max-height:395px }
.journal-header-center #language, .journal-header-center #currency { border-style:solid;border-color: rgb(244, 244, 244) }
.journal-language .dropdown-menu, .journal-currency .dropdown-menu { background-color: rgb(250, 250, 250);box-shadow:0 2px 2px rgba(0, 0, 0, 0.15) }
.journal-currency form .currency-symbol { border-radius: 50%;background-color: rgb(68, 67, 73) }
#cart .heading i:before { content: '\e69a';font-size: 24px;color: rgb(80, 80, 80);left: 1px }
.button-search i:before { content: '\e697';font-size: 22px;color: rgb(80, 80, 80);top: -1px;left: -1px }
.header, .boxed-header.default-header .journal-login { background-color: rgb(255, 255, 255) }
#cart .content .cart-wrapper, .oc2 #cart .checkout { background-color: rgb(255, 255, 255) }
.mini-cart-info table tr td.remove i { color: rgb(191, 195, 182) }
.mini-cart-info table tr td.remove i:hover, .firefox .mini-cart-info table tr td.remove button:hover i { color: rgb(0, 0, 0) }
.autocomplete2-suggestion { border-bottom-style:solid;border-color: rgb(228, 228, 228) }
.autocomplete2-suggestion:hover { background-color: rgb(244, 244, 244) }
.button-search:hover i:before { color: rgb(0, 0, 0) }
.autocomplete2-suggestions { background-color: rgb(250, 250, 250) }
.journal-language .dropdown-menu > li > a, header .journal-currency .dropdown-menu > li > a { color: rgb(0, 0, 0);font-family: Helvetica, Arial, sans-serif;font-size: 12px }
.journal-language .dropdown-menu > li > a:hover, header .journal-currency .dropdown-menu > li > a:hover { color: rgb(0, 0, 0) }
.journal-language .dropdown-menu > li > a:hover, .journal-currency .dropdown-menu > li > a:hover { background-color: rgb(244, 244, 244) }
.journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li { border-top-style:solid;border-color: rgb(68, 67, 73) }
.journal-header-center .journal-top-header, .journal-header-center .journal-secondary { border-bottom-style:solid; border-top-style:solid; }
.autocomplete2-suggestion .p-image { display:block }
#cart .checkout .button + .button { background-color: rgb(80, 80, 80) }
#cart .checkout .button + .button:hover { background-color: rgb(221, 0, 23) }
.journal-header-center .no-results { color: rgb(238, 238, 238) }
.journal-currency form .currency-symbol, .journal-currency .dropdown-menu > li > a { color: rgb(255, 255, 255) }
.is-sticky header .header { background-color: rgb(51, 153, 101) }
.journal-language .dropdown-toggle, .journal-currency .dropdown-toggle, .journal-language .dropdown-menu, .journal-currency .dropdown-menu { font-family: Helvetica, Arial, sans-serif;font-size: 12px;color: rgb(153, 153, 153) }
.is-sticky .super-menu, .is-sticky .journal-menu-bg { background-color: rgb(244, 244, 244) }
.view-more-link { color: rgb(238, 238, 238) }
a.view-more-link:hover { color: rgb(255, 255, 255) }
.product-wrapper { border-width: 1px;border-style: solid;border-color: rgb(238, 238, 238) }
.product-wrapper:hover { border-color: rgb(204, 204, 204) }
.product-grid-item .image .label-latest { display: block }
.product-grid-item .image .label-sale { display: block }
.product-grid-item .image .label-outofstock { display: block }
.product-grid-item .name a, .posts h2 a { white-space:nowrap;font-weight: bold;font-size: 16px;color: rgb(42, 43, 46) }
.product-grid-item .price { display:block;;display:inline-block }
.product-details { border-bottom-right-radius: 3px;border-bottom-left-radius: 3px }
.product-details:before { font-size: 23px;margin-left: -10px;top: -20px }
.product-grid-item .cart .button { border-radius: 2px;line-height:34px }
.product-grid-item .cart .button[data-hint]:after { border-radius: 2px;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73) }
.product-grid-item .quickview-button { margin-left: -20px;margin-top: -25px }
.product-grid-item .quickview-button .button { border-width: 1px;border-radius: 50%;border-style: solid;border-color: rgb(221, 0, 23);background-color: rgb(43, 176, 227) }
.product-grid-item .quickview-button .button:hover { border-color: rgb(68, 67, 73);background-color: rgb(68, 67, 73) }
.product-grid-item .quickview-button .button[data-hint]:after { border-radius: 2px;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73) }
.product-grid-item.display-icon .wishlist > a, .product-grid-item.display-icon .compare > a { border-radius: 2px;width:35px;height:35px; padding:0;;background-color: rgb(238, 238, 238) }
.product-grid-item .wishlist [data-hint]:after, .product-grid-item .compare [data-hint]:after { border-radius: 2px;color: rgb(255, 255, 255);background-color: rgb(178, 221, 76) }
.product-grid-item .cart:not(.enquiry-button) i::before { content: '\e69a';font-size: 20px;color: rgb(255, 255, 255) }
.product-grid-item .quickview-button .button-left-icon:before, .product-grid-item .quickview-button .button-right-icon:before { content: '\e660';font-size: 20px;color: rgb(255, 255, 255);top: -1px }
.product-grid-item .wishlist-icon:before { content: '\e662';font-size: 18px;color: rgb(80, 80, 80) }
.product-grid-item .compare-icon:before { content: '\e025';font-size: 18px;color: rgb(80, 80, 80) }
.product-grid-item .price, .product-grid-item .price-new { font-weight: bold;font-size: 24px }
.product-grid-item .price-old, .compare-info .price-old, .autocomplete2-suggestion span.p-price .price-old { font-size: 16px;color: rgb(221, 0, 23) }
.product-grid-item .wishlist a, .product-grid-item .compare a { font-size: 11px;color: rgb(42, 43, 46) }
.product-grid-item .name a:hover, .side-column .product-grid-item .name a:hover, .posts h2 a:hover { color: rgb(0, 0, 0) }
.product-grid-item.display-icon .wishlist > a:hover, .product-grid-item.display-icon .compare > a:hover { background-color: rgb(33, 117, 155) }
.soft-shadow .product-wrapper { box-shadow:none }
.product-grid-item .rating { margin-left:-47px;top:-30px }
.product-grid-item .cart { margin-bottom:30px }
.product-grid-item .compare a:hover .compare-icon:before, .product-grid-item .wishlist a:hover .wishlist-icon:before { color: rgb(255, 255, 255) }
.product-grid-item .cart .button:hover i::before { color:rgb(255, 255, 255) }
.category-list ul li a, .refine-category-name { color: rgb(51, 55, 69) }
.category-list ul li:after { color: rgb(228, 228, 228) }
.category-list { background-color: rgb(51, 55, 69) }
.refine-image a { border-width: 1px;border-style: dotted;border-color: rgb(228, 228, 228) }
.refine-image a:hover { background-color: rgb(250, 250, 250) }
.product-filter, .product-compare a { color: rgb(80, 80, 80) }
.pagination b, .pagination a:hover, .pagination .active { color: rgb(255, 255, 255) }
.pagination { background-color: rgb(255, 255, 255);box-shadow:none }
.product-filter .display a i:hover, .product-filter .display a.active i { color:rgb(33, 117, 155) !important }
.product-filter { background-color: rgb(255, 255, 255) }
.product-compare a:hover { color: rgb(33, 117, 155) }
.pagination a, .pagination b, .pagination li { border-radius: 50% }
.pagination a { background-color: rgb(255, 255, 255) }
.pagination b, .pagination a:hover, .pagination li.active { background-color: rgb(43, 176, 227) }
.pagination .results, .dataTables_info { font-size: 13px;color: rgb(80, 80, 80) }
.pagination a, .pagination span { color: rgb(80, 80, 80) }
.category-page .heading-title { text-align:center }
.ias-loader, .ias-noneleft { border-radius: 3px }
.tp-bannertimer, .tp-bannertimer.tp-bottom { height:3px;background-color: rgb(221, 0, 23) }
.tp-bullets.tp-thumbs .bullet:before { opacity:.4 }
.tp-bullets.tp-thumbs .bullet.selected:before, .tp-bullets.tp-thumbs .bullet:hover:before { opacity:0 }
.tp-bullets.tp-thumbs { border-top-width: 7px;border-right-width: 7px;border-left-width: 7px;border-style: solid;border-color: rgb(255, 255, 255) }
.tp-leftarrow:before, .tp-leftarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:before { content: '\e62b';font-size: 65px;color: rgb(204, 204, 204) }
.tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before { content: '\e62c';font-size: 65px;color: rgb(204, 204, 204) }
.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .journal-simple-slider .owl-controls .owl-page.active span, .journal-simple-slider .owl-controls.clickable .owl-page:hover span { background-color: rgb(221, 0, 23) }
.tp-bullets.simplebullets.round .bullet, .journal-simple-slider .owl-controls .owl-page span { background-color: rgb(255, 255, 255);border-radius: 50%;margin-left:7px;width:12px;height:12px }
.tp-leftarrow:hover:before, .tp-leftarrow.default:hover:before, .tp-rightarrow:hover:before, .tp-rightarrow.default:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:hover:before { color: rgb(221, 0, 23) }
.journal-carousel .htabs a, .side-column .journal-carousel .htabs a { border-right-style:solid;border-color: rgb(255, 255, 255) }
.journal-carousel .htabs a, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected { font-size: 18px }
.journal-carousel.arrows-top .swiper-button-prev::before { content: '\e61f';font-size: 16px;color: rgb(68, 67, 73) }
.journal-carousel.arrows-top .swiper-button-next::before { content: '\e620';font-size: 16px;color: rgb(68, 67, 73) }
.swiper-pagination-bullet { background-color: rgb(68, 67, 73);border-radius: 50%;width:10px;height:10px }
.journal-carousel.arrows-top .swiper-button-prev:hover::before, .journal-carousel.arrows-top .swiper-button-next:hover::before { color: rgb(221, 0, 23) }
.swiper-pagination-bullet:hover, .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(221, 0, 23) }
.journal-carousel .htabs a:hover, .journal-carousel .htabs a.selected { color: rgb(255, 255, 255);background-color: rgb(68, 67, 73) }
.journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next { top:-56px }
.journal-carousel:not(.arrows-top) .swiper-button-next::before { content: '\e620';font-size: 22px;color: rgb(68, 67, 73) }
.journal-carousel:not(.arrows-top) .swiper-button-prev, .journal-carousel:not(.arrows-top) .swiper-button-next { margin-top:-36px }
.journal-carousel:not(.arrows-top) .swiper-button-prev::before { content: '\e61f';font-size: 22px;color: rgb(68, 67, 73) }
.journal-carousel.arrows-top .swiper-button-prev { right:10px }
.journal-carousel.arrows-top .swiper-button-next { right:-10px }
.journal-carousel:not(.arrows-top) .swiper-button-prev { left:-5px }
.journal-carousel:not(.arrows-top) .swiper-button-prev:hover::before, .journal-carousel:not(.arrows-top) .swiper-button-next:hover::before { color: rgb(221, 0, 23) }
.journal-carousel:not(.arrows-top) .swiper-button-next { right:-5px }
.side-column .journal-carousel.arrows-top .swiper-button-prev, .side-column .journal-carousel.arrows-top .swiper-button-next { top:-60px }
.product-list-item { border-bottom-width: 1px;border-style: solid;border-color: rgb(238, 238, 238);background-color: rgb(255, 255, 255) }
.product-list-item .image .label-latest { display: block }
.product-list-item .image .label-sale { display: block }
.product-list-item .image .label-outofstock { display: block }
.product-list-item .name a { font-weight: bold;font-size: 16px;border-color: rgb(255, 255, 255) }
.product-list-item .price, .product-list-item .price-new { font-weight: bold;font-size: 24px }
.product-list-item .price-old { font-size: 16px;color: rgb(221, 0, 23) }
.product-list-item .description { display:block }
.product-list-item .cart .button { padding:0 20px;line-height:34px }
.product-list-item .cart .button[data-hint]:after { border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(66, 139, 202) }
.product-list-item .quickview-button { margin-left: -20px;margin-top: -20px }
.product-list-item .quickview-button .button { border-radius: 50px }
.product-list-item .quickview-button .button[data-hint]:after { border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73) }
.product-list-item .wishlist a, .product-list-item .compare a { font-weight: bold;font-size: 13px;color: rgb(80, 80, 80) }
.product-list-item .cart:not(.enquiry-button) i:before { content: '\e69a';font-size: 20px;color: rgb(255, 255, 255) }
.product-list-item .quickview-button .button-left-icon:before, .product-list-item .quickview-button .button-right-icon:before { content: '\e056';font-size: 20px;color: rgb(255, 255, 255) }
.product-list-item .wishlist-icon:before { content: '\e662';font-size: 16px }
.product-list-item .compare-icon:before { content: '\e025';font-size: 16px }
.product-list-item .wishlist a:hover, .product-list-item .compare a:hover { color: rgb(33, 117, 155) }
.product-list-item .rating { display:block }
.side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr { border-bottom-style:solid }
.side-column .box-category li a img, .side-column .oc-module .product-grid-item .image img { border-radius: 3% }
.side-column .side-category-accordion i { border-radius: 50%;color: rgb(0, 0, 0);background-color: rgb(68, 67, 73) }
.side-column .side-category-accordion i:hover { color: rgb(255, 255, 255);background-color: rgb(43, 176, 227) }
.side-column, .side-column .oc-module .product-grid-item .price, .journal-sf ul li label, .side-post-title { color: rgb(0, 0, 0) }
.side-column .box-content li a:hover, .side-column .box-category li a:hover, .flyout-menu .flyout > ul > li:hover > a, .flyout-menu .flyout > ul > li > a:active, .side-column .box-content li a.active, .side-column .box-category li a.active, .side-column .oc-module .product-grid-item .name a:hover, #column-right .recentArticles li > a:hover, #column-right .popularArticles li > a:hover, #column-left .recentArticles li > a:hover, #column-left .popularArticles li > a:hover { color: rgb(0, 0, 0) }
.side-column .box-content li a:hover, .side-column .box-category li a:hover, .flyout-menu .flyout > ul > li:hover > a, .flyout-menu .flyout > ul > li > a:active, .side-column .box-content li a.active, .side-column .box-category li a.active { background-color: rgb(255, 255, 255) }
.side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr { border-color:rgba(255, 255, 255, 0) }
.side-column .heading-title, .side-column .box-heading, .side-column #blogArticle .articleHeader h1, .side-column .journal-carousel .htabs.single-tab a.selected, .oc-filter .panel-heading, .oc-filter a.list-group-item { font-size: 16px }
.side-column .box-content li a, .side-column .box-category li a { padding-left:0px;padding-top:10px;padding-bottom:2px;padding-right:20px }
.side-column .oc-module .product-grid-item { padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:8px }
.side-column .side-category i { width:20px;height:20px;margin-top:7px;margin-right:0px;font-family: Helvetica, Arial, sans-serif;font-weight: normal;font-style: normal;font-size: 18px;text-transform: none;color: rgb(255, 255, 255) }
.side-column .oc-module .product-grid-item .name a { white-space:normal }
.side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, #column-right .recentArticles li > a, #column-right .popularArticles li > a, #column-left .recentArticles li > a, #column-left .popularArticles li > a, .side-post-title { font-size: 14px;color: rgb(56, 56, 56) }
.cart-info tbody td, .wishlist-info tbody td, .compare-info td, .journal-checkout .checkout-cart tbody td, .journal-checkout .checkout-cart tbody td:first-of-type { border-bottom-style:dotted }
.cart-info .image a img, .wishlist-info .image a img, .compare-info tbody tr:first-of-type + tr > td img { border-radius: 3px }
.login-content > div { border-radius: 3px;padding:0px }
.action-area h3 { font-size: 15px;color: rgb(255, 255, 255);background-color: rgb(95, 104, 116) }
.checkout-page .checkout, .oc2 .checkout #accordion, .route-checkout-checkout #accordion { border-radius: 3px }
.buttons { border-width: 1px;border-radius: 2px;border-style: dotted;border-color: rgb(204, 204, 204);padding-top:15px; padding-bottom:15px;;padding-left:15px; padding-right:15px }
.cart-info table, .wishlist-info table, .compare-info td, table.list tbody td, .order-list .order-content { background-color: rgb(244, 244, 244) }
.cart-info tbody td, .wishlist-info tbody td, .compare-info td, table.list tbody td, .order-list .order-content { color: rgb(51, 55, 69) }
.cart-info thead td, .wishlist-info thead td, .compare-info thead td, .manufacturer-heading, table.list thead td, .order-list .order-id, .order-list .order-status { color: rgb(255, 255, 255);background-color: rgb(95, 104, 116) }
.cart-info tbody td, .wishlist-info tbody td, .compare-info td, .journal-checkout .checkout-cart tbody td, .journal-checkout .checkout-cart tbody td:first-of-type, .account-page table.list td, .account-page table.list { border-color: rgb(204, 204, 204) }
.login-content hr { background-color: rgb(204, 204, 204) }
#content.sc-page .content p, #content.sc-page .action-area p, .cart-total, table.list tfoot td { background-color: rgb(244, 244, 244) }
table.radio .highlight:hover td label, .action-area .panel-title:hover a { color: rgb(255, 255, 255) }
table.radio .highlight td, .action-area .panel-heading { background-color: rgb(250, 250, 250) }
table.radio .highlight:hover td, .action-area .panel-heading:hover { background-color: rgb(59, 134, 176) }
#content.sc-page .content table.radio .highlight td { border-color: rgb(228, 228, 228) }
.checkout-heading, .checkout .panel-heading, .route-checkout-checkout .panel-heading:hover { background-color: rgb(69, 115, 143) }
.checkout-heading { border-color: rgb(91, 142, 174);border-bottom-style:solid }
.checkout-product thead td, .checkout-product tfoot td { color: rgb(51, 55, 69);background-color: rgb(255, 255, 255) }
.checkout-product tbody td { border-color: rgb(244, 244, 244) }
.checkout-content, .checkout-page .panel-body { background-color: rgb(244, 244, 244) }
.checkout-content, .checkout-page .panel-body { padding:10px }
.information-page #content h1.heading-title { text-align:left }
table.radio .highlight td label, .action-area .panel-title { color: rgb(68, 67, 73) }
.sf-icon:after { background-color: rgb(221, 0, 23);color: rgb(255, 255, 255);border-radius: 3px }
.sf-reset:hover { color: rgb(221, 0, 23) }
.sf-price .ui-widget-header { background-color: rgb(68, 67, 73) }
.sf-price .value { color: rgb(255, 255, 255);background-color: rgb(221, 0, 23);border-radius: 3px }
.sf-reset { color: rgb(68, 67, 73) }
.sf-price .ui-slider-handle:hover { background-color: rgb(221, 0, 23) }
.sf-price .ui-slider-handle { background-color: rgb(68, 67, 73);width:15px;height:15px;top:-6px;border-radius: 50% }
.journal-sf ul label.sf-checked img, .journal-sf ul label:hover img { border-color: rgb(68, 67, 73) }
.sf-icon .sf-reset-icon::after, .sf-reset .sf-reset-icon::after { content: '\e602';font-size: 16px;color: rgb(68, 67, 73) }
.side-column .journal-sf .box ul li label.sf-checked, .side-column .journal-sf .box ul li label:hover { color: rgb(221, 0, 23) }
.journal-sf ul label img { border-width: 2px;border-radius: 3%;border-style: solid;border-color: rgb(244, 244, 244) }
.side-column .journal-sf .box ul li { padding-top:1px;padding-bottom:1px;border-bottom-style:solid;border-color: rgba(255, 255, 255, 0) }
.sf-price .box-content { padding-left:17px;padding-bottom:35px;padding-top:20px;padding-right:17px }
.side-column .journal-sf .box { margin-bottom:10px }
.sf-price .ui-widget-content { background: rgb(221, 0, 23) }
.journal-sf .sf-image .box-content ul li { padding-bottom:7px;padding-right:7px;width:16.666666% }
.journal-sf .sf-image .box-content { padding-top:5px }
.sf-price .ui-slider-horizontal { height:2px }
.journal-sf .box-content { max-height:182px }
.side-column .journal-sf .box ul { padding-top:3px }
.journal-sf .sf-manufacturer.sf-image .box-content ul li { width:25% }
.journal-sf .sf-category.sf-image .box-content ul li { width:12.5% }
.open-filter { background-color: rgb(80, 80, 80) }
.sf-reset, .filter-collapse .sf-reset { top:10px }
.open-filter::before { content: '\f1de';font-size: 16px }
.nav-numbers a { width:10px;height:10px;border-radius: 50%;background-color: rgb(51, 55, 69) }
.nav-numbers a:hover, .nav-numbers li.active a { background-color: rgb(221, 0, 23) }
.ui-pnotify { display: block !important;border-radius: 2px;background-color: rgb(255, 255, 255) }
.ui-pnotify-text img { display: block }
.ui-pnotify-title { color: rgb(255, 255, 255);background-color: rgb(68, 67, 73) }
.ui-pnotify-closer { color: rgb(255, 255, 255) }
.ui-pnotify-closer:hover { color: rgb(43, 176, 227) }
.notification-buttons .notification-cart { color: rgb(255, 255, 255) }
.notification-buttons .notification-cart:hover { color: rgb(255, 255, 255) }
.notification-buttons .notification-checkout:hover { color: rgb(255, 255, 255) }
.notification-buttons .notification-checkout { color: rgb(255, 255, 255) }
.notification-buttons { display:block }
.side-column .block-content { border-radius: 3px;padding:5px }
.block-content { padding:10px;border-radius: 3px }
.block-content, .side-block-content, .block-content p, .side-block-content p, .block-content p span, .side-block-content p span { font-size: 12px }
.editor-content h1, .editor-content h2, .editor-content h3, .side-block-content h1, .side-block-content h3, .side-block-content h3 { font-size: 18px ;padding-bottom:7px }
.editor-content p, .side-block-content p { padding-bottom:7px;line-height:15px }
.side-column .block-content p { line-height:14px }
.side-column .editor-content h1, .side-column .editor-content h2, .side-column .editor-content h3 { font-size: 16px !important;padding-bottom:3px }
.lg-outer .lg-image { border-radius: 3px }
.gallery-thumb a:before { content: '\e056';font-size: 30px;color: rgb(255, 255, 255) }
.gallery-thumb .item-hover { background-color: rgba(51, 55, 69, 0.6) }
.lg-backdrop { background-color: rgba(0, 0, 0, 0.85) }
.lg-toolbar .lg-icon:hover, #lg-intense-zoom:hover { color: rgb(221, 0, 23) }
.lg-sub-html { color: rgb(255, 255, 255) }
.side-column .journal-gallery .box-content { padding:0px !important }
#content .welcome h1, .side-column .welcome h1 { text-align:left;font-size: 25px;border-bottom-style:solid;border-color: rgb(228, 228, 228) }
#content .welcome p, .side-column .welcome p { text-align:left }
.welcome p { line-height:16px }
.product-grid-item .compare, .product-filter .product-compare { display:inline-block; }
.product-grid-item .wishlist { display:inline-block }
.product-info .product-options > .cart { display:block }
.product-info .right .description { display:block }
.product-info .right .wishlist-compare .links a + a { display:inline-block }
.product-info .right .wishlist-compare .links a:first-of-type { display:inline-block; }
.product-grid-item .name { display:table }
.journal-carousel .product-grid-item .cart { display:none }
.journal-carousel .product-grid-item .wishlist { display:none }
.journal-carousel .product-grid-item .compare { display:none }
.journal-carousel .product-grid-item .price { display:inline-block }
.journal-carousel .product-grid-item .name { display:table }
.side-column .journal-carousel .product-grid-item .cart { display:block }
.side-column .journal-carousel .product-grid-item .wishlist { display:inline-block }
.side-column .journal-carousel .product-grid-item .compare { display:inline-block }
.side-column .journal-carousel .product-grid-item .price { display:inline-block }
.side-column .journal-carousel .product-grid-item .name { display:table }
.custom-sections .product-grid-item .cart { display:none }
.custom-sections .product-grid-item .wishlist { display:none }
.custom-sections .product-grid-item .compare { display:none }
.custom-sections .product-grid-item .price { display:inline-block }
.custom-sections .product-grid-item .name { display:table }
.mega-menu .product-grid-item .cart { display:block }
.mega-menu .product-grid-item .wishlist { display:none }
.mega-menu .product-grid-item .compare { display:none }
.mega-menu .product-grid-item .name { display:table }
.product-list-item .cart { display:block }
.product-list-item .wishlist { display:inline-block }
.product-list-item .compare { display:inline-block }
.product-list-item .price { display:inline-block }
.product-list-item .name { display:table }
.column.products .product-grid-item .price, .side-column .oc-module .product-grid-item .price { display:inline-block }
.countdown > span { border-style:solid }
.product-info .right > div .countdown > span { border-style:dotted;color: rgb(68, 67, 73);border-color: rgb(153, 153, 153) }
.expire-text { background-color: rgb(43, 176, 227);font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255);text-align:left;padding-right:7px;padding-top:7px;padding-bottom:7px;padding-left:7px }
.product-info .right > div .countdown { background-color: rgb(244, 244, 244) }
.product-info .right > div .countdown-wrapper { padding:0px;background-color: rgba(0, 0, 0, 0) }
span.p-date:before { content: '\e6b3';font-size: 13px;color: rgb(68, 67, 73) }
span.p-author:before { content: '\e1b8';font-size: 13px;color: rgb(68, 67, 73) }
.post-button-left-icon:before, .post-button-right-icon:before { content: '\e6ae';font-size: 14px;color: rgb(68, 67, 73) }
span.p-comment:before { content: '\e1ae';font-size: 13px;color: rgb(68, 67, 73) }
.post-view-more.button { color: rgb(80, 80, 80);border-bottom-width: 1px;border-radius: 0px;border-style: dotted;border-color: rgb(119, 119, 119);padding-left:0px;padding-bottom:5px;padding-right:0px;padding-top:0px;background-color: rgba(68, 67, 73, 0) }
.post-view-more.button:hover { color: rgb(43, 176, 227);background-color: rgba(221, 0, 23, 0) }
.blog-list-view .post-wrapper { background-color: rgb(249, 249, 249) }
.blog-list-view .post-wrapper:hover { background-color: rgb(255, 255, 255) }
.post-item-details .comment-date { border-top-width: 1px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204) }
.posts.blog-list-view .post-item-details h2 a { font-size: 21px;white-space:normal }
.posts .post-wrapper h2 a { white-space:nowrap }
.post-wrapper { padding:10px 10px 0 10px;border-color: rgb(204, 204, 204);background-color: rgb(255, 255, 255) }
.post-wrapper:hover { border-color: rgb(255, 255, 255) }
.post-item-details { text-align:left;padding-top:0px;padding-right:15px;padding-left:5px;padding-bottom:0px }
.blog-list-view .post-item-details .post-text { font-size: 13px }
.post-view-more.button:hover .post-button-left-icon:before, .post-view-more.button:hover .post-button-right-icon:before { color: rgb(43, 176, 227) }
.posts.blog-list-view .post-image { width:25% }
.posts.blog-list-view .post-item-details h2 a span { border-bottom-style:dotted }
.post-module .post-wrapper .post-item-details h2 a { white-space:nowrap }
.side-blog .side-post + hr { border-bottom-style:dotted;border-color: rgb(204, 204, 204) }
.post-module .box-heading { text-align:left }
.comments > .comment:nth-of-type(even) { background-color: rgb(255, 255, 255) }
.comments .reply:nth-of-type(odd) { background-color: rgb(244, 244, 244) }
.post-details .tags a:hover, .side-blog-tags .box-tag a:hover { background-color: rgb(221, 0, 23);color: rgb(255, 255, 255) }
.comments .reply:nth-of-type(even) { background-color: rgb(244, 244, 244) }
.post-details .tags a, .side-blog-tags .box-tag a { background-color: rgb(68, 67, 73);color: rgb(255, 255, 255) }
.comments > h3 { background-color: rgb(244, 244, 244);text-align:left;padding-right:15px;padding-left:15px;padding-bottom:15px;margin-top:10px;padding-top:15px;border-radius: 3px;margin-bottom:20px }
.post-details .tags b { background-color: rgb(221, 0, 23) }
.reply-form h3 { margin-top:10px;margin-bottom:20px;padding-left:0px;font-size: 19px;text-align:left;padding-top:12px;padding-right:0px;padding-bottom:12px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204) }
.post-comment h3 { margin-top:20px;padding-left:0px;text-align:left;font-size: 22px;color: rgb(68, 67, 73);padding-right:0px;padding-bottom:12px;padding-top:12px;margin-bottom:20px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204) }
.blog-post .heading-title { text-align:left }
.blog-post .social { border-top-style:dotted;text-align:left;border-color: rgb(204, 204, 204) }
.comment-form form { padding:0px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px }
.post-stats.comment-date { padding-bottom:10px }
.post-details, .post-details p, .post-details font, .post-details > span, .post-details p font, .post-details p span, .post-details strong { line-height:20px !important }
.blog-post .post-stats.comment-date { border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228) }
blockquote, blockquote font { font-size: 16px!important }
blockquote { padding-bottom:15px;padding-right:15px;border-color: rgb(221, 0, 23);padding-left:15px;margin-right:0px;padding-top:15px;margin-left:0px;background-color: rgb(244, 244, 244) }
.post-details h1, .post-details h1 font { font-size: 26px }
.post-details .tags { text-align:left }
.comments > .comment { border-width: 1px;border-radius: 3px;border-style: dotted;border-color: rgb(204, 204, 204) }
.comments .reply { border-radius: 3px }
.comments .avatar { border-radius: 5px }
.blog-post .post-stats .p-category:before { content: '\e6b2';font-size: 14px;color: rgb(68, 67, 73) }
.comments > .comment:nth-of-type(odd) { background-color: rgb(255, 255, 255) }
.journal-checkout .checkout-cart tbody tr td, .journal-checkout .checkout-cart tbody td:first-of-type, .one-page-checkout .journal-checkout .checkout-product tbody td, .journal-checkout .checkout-cart thead td, .journal-checkout .checkout-cart thead td:first-of-type, .journal-checkout .checkout-cart thead td:last-of-type, .journal-checkout .checkout-cart tfoot tr:last-of-type td, .journal-checkout .checkout-cart tfoot td:first-of-type, .journal-checkout .checkout-cart tfoot td:last-of-type { border-style:dotted;border-color: rgb(204, 204, 204) }
.journal-checkout .left .login-box .radio label, .journal-checkout .spw > div .radio label, .journal-checkout .confirm-order, .journal-checkout .checkout-login .form-group:last-of-type, .is-customer .journal-checkout .checkout-payment-form #payment-new, .is-customer .journal-checkout .checkout-shipping-form #shipping-new, .journal-checkout #payment-confirm-button fieldset legend, .journal-checkout .customer-group label.control-label, .journal-checkout .customer-group { border-style:dotted;border-color: rgb(204, 204, 204) }
.one-page-checkout h1.heading-title { text-align:center;font-size: 30px;border-bottom-width: 0px;border-style: solid }
.journal-checkout .checkout-content { background-color: rgb(250, 250, 250);border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228) }
.journal-checkout .table-responsive { max-height:382px }
.journal-checkout .confirm-order { text-align:left }
.journal-checkout .secondary-title { padding-left:10px;;border-bottom-width: 0px;border-style: solid;text-align:left;background-color: rgb(68, 67, 73);color: rgb(255, 255, 255) }
#content.one-page-checkout div fieldset > div.fax-input { display:block !important }
.form-group.company-input { display:block !important }
.form-group.address-2-input { display:block }
.journal-checkout .spw > div p { display:none }
.flyout-menu .flyout > ul > li > a { padding-left:0%;border-bottom-style:dotted;border-color: rgb(228, 228, 228) }
.flyout .mega-menu-column > div > h3 { text-align:left }
.flyout-menu .flyout .fly-drop-down ul li { border-bottom-style:solid }
.fly-drop-down ul { box-shadow:0 1px 8px -3px rgba(0, 0, 0, 0.5) }
.flyout .mega-menu-column.mega-menu-html .wrapper p, .flyout .mega-menu-column.mega-menu-html .wrapper p span { color: rgb(250, 250, 250) }
.flyout .mega-menu-brands div > h3 { text-align:left }
.flyout .mega-menu div > h3 { text-align:left }
.fly-mega-menu { box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.4) }
.mobile .journal-popup .mfp-close,.tablet .journal-popup .mfp-close { color: rgb(0, 0, 0) }
.journal-popup .mfp-close:hover, .mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover { color: rgb(221, 0, 23) }
li.p-brand { display:block; }
li.p-model { display:block; }
.tablet #logo a img, .mobile #logo a img { max-width:200px }
div#content { padding-top:40px !important;;padding-bottom:40px !important; }
#header .top-menu .top-dropdown li:hover { background-color: rgb(238, 238, 238) }
#header .top-menu .top-dropdown li { border-color: rgb(255, 255, 255);background-color: rgb(255, 255, 255) }
#header .top-menu .top-dropdown a, #header .top-menu .top-dropdown .no-link { font-weight: bold;font-size: 12px;text-transform: uppercase;color: rgb(80, 80, 80) }
ul.menu-centered > li > a, .journal-desktop .menu-floated > li > a { padding:0 30px }
#header .top-menu .top-dropdown li:hover a { color: rgb(33, 117, 155) }
.journal-language { visibility:hidden }
.journal-currency { visibility:hidden }
div.product-grid-item.display-icon .compare > a { border-radius: 2px }
/* Swipebox Loader */
@media only screen and (min-width: 760px){
.ui-pnotify{
width: 350px !important;
}
}
/* Site width */
#container, #header, #footer, .bottom-footer > div, .bottom-footer.boxed-bar {
max-width: 1300px;
}
.product-page div.lg-sub-html{
top:auto;
bottom:0;
padding: 13px 70px;
background-color:;
}
.product-page .lg-toolbar{
background-color:;
}
.category-info .image{
display:none;
}
/*Notification Position*/
.ui-pnotify{
right:20px;
}
html[dir="rtl"] .ui-pnotify{
left:20px;
right:auto;
}
.ui-pnotify{
box-shadow:0px 1px 12px rgba(0, 0, 0, 0.2);
}
.ui-pnotify-closer{
opacity:1;
}
.breadcrumb{
text-align:left;
}
/* Product Grid Shadow */
.product-grid-item .enquiry-button .button i{
color:rgb(255, 255, 255);
}
.product-list-item .enquiry-button .button i{
color:rgb(255, 255, 255);
}
footer .contacts > div > span .contact-icon:hover{
background-color:rgb(43, 176, 227);
}
.product-grid-item .cart .button-left-icon::before,
.product-grid-item .enquiry-button i::before{
margin-right: 6px;
}
.product-grid-item .cart .button-right-icon{
display:none !important;
}
/* BLOG */
.post-button-left-icon{
display:none;
}
.post-button-right-icon{
display:inline;
}
.post-wrapper:hover{
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.product-details:before {
display:none;
}
/* Product Grid Quickview*/
.product-grid-item:hover .quickview-button {
opacity: 1;
visibility: visible;
}
.product-grid-item .quickview-button .button-right-icon{
display:none;
}
.product-grid-item .quickview-button .button-left-icon:before{
float:none;
}
.product-grid-item .quickview-button .button-right-icon:before{
margin-left:0;
}
.product-grid-item .quickview-button .button-cart-text{
display:none;
}
.product-grid-item .quickview-button [data-hint]:after,
.product-grid-item .quickview-button .hint--top:before{
display:block;
}
.product-grid-item .quickview-button .hint--top:before{
border-top-color: rgb(68, 67, 73);
}
.product-grid-item .quickview-button .hint--right:before{
border-right-color: rgb(68, 67, 73);
}
.product-grid-item .quickview-button .hint--left:before{
border-left-color: rgb(68, 67, 73);
}
/* Product Grid Wishlist/Compare */
.product-grid-item .button-wishlist-text,
.product-grid-item .button-compare-text{
display: none;
}
.product-grid-item .wishlist [data-hint]:after,
.product-grid-item .wishlist .hint--top:before,
.product-grid-item .compare [data-hint]:after,
.product-grid-item .compare .hint--top:before{
display:block;
}
.product-grid-item .wishlist .hint--top:before,
.product-grid-item .compare .hint--top:before{
border-top-color: rgb(178, 221, 76);
}
.product-grid-item .wishlist .hint--right:before,
.product-grid-item .compare .hint--right:before{
border-right-color: rgb(178, 221, 76);
}
.product-grid-item .wishlist .hint--left:before,
.product-grid-item .compare .hint--left:before{
border-left-color: rgb(178, 221, 76);
}
.product-list-item .quickview-button .button{
width:40px;
height:40px;
line-height:40px;
padding:0;
}
.product-grid-item .quickview-button .button{
width:40px;
height:40px;
line-height:40px;
padding:0;
}
/* Product List */
.product-list-item{
box-shadow: none;
}
.product-list-item .cart .button-left-icon:before,
.product-list-item .enquiry-button i:before{
margin-right: 8px;
}
.product-list-item .cart .button-right-icon{
display:none;
}
/* Product List Quickview*/
.product-list-item:hover .quickview-button {
opacity: 1;
visibility: visible;
}
.product-list-item .quickview-button .button-right-icon{
display:none;
}
.product-list-item .quickview-button .button-left-icon:before{
float:none;
}
.product-list-item .quickview-button .button-right-icon:before{
margin-left:0;
}
.product-list-item .quickview-button .button-cart-text{
display:none;
}
.product-list-item .quickview-button .button[data-hint]:after,
.product-list-item .quickview-button .hint--top:before{
display:block;
}
.product-list-item .quickview-button .hint--top:before{
border-top-color: rgb(68, 67, 73);
}
.product-list-item .quickview-button .hint--right:before{
border-right-color: rgb(68, 67, 73);
}
.product-list-item .quickview-button .hint--left:before{
border-left-color: rgb(68, 67, 73);
}
/* Product Page */
#product-gallery.image-additional-grid a{
width: 20%;
}
#button-cart .button-cart-text:after{
display:none;
}
.compare-info td{
border-right-style:dotted;
}
table.list{
border-bottom-style:dotted;
border-left-style:dotted;
}
table.list td{
border-right-style:dotted;
border-top-style:dotted;
}
/* Product Labels*/
.label-latest + .label-sale{
top: 40px;
}
.label-latest{
display:none !important;
}
.label-outofstock{
display:none !important;
}
#more-details.hint--top:before{
border-top-color: rgb(43, 176, 227);
}
.boxed-header header{
max-width:1300px;
}
.boxed-header .super-menu > li:first-of-type{
border-left-width:0;
}
.boxed-header .super-menu > li:last-of-type{
border-right-width:0;
}
@media only screen and (max-width: 760px){
.journal-language .dropdown-toggle,
.journal-currency .dropdown-toggle{
color:rgb(80, 80, 80);
}
.journal-header-center #language,
.journal-header-center #currency{
border-color:;
}
}
.sticky-menu .is-sticky .journal-header-default .header{
background-color: rgb(255, 255, 255);
}
html[dir="rtl"] .journal-carousel .htabs a:last-of-type{
border-left-color:rgb(255, 255, 255);
}
.boxed-header .journal-header-center .journal-links{
padding-left: 10px;
}
.boxed-header .journal-header-center .journal-search{
padding-left: 20px;
}
.boxed-header .journal-header-center .journal-secondary{
padding-right: 10px;
}
#cart{
box-shadow:none;
}
.journal-header-center .journal-center-bg{
top:40px;
}
#cart .cart-wrapper {
box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.25);
}
#search input{
box-shadow:none;
}
.autocomplete2-suggestions{
box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 760px) {
ul.super-menu > li > a,
ul.super-menu > li:hover > a{
color:rgb(228, 228, 228);
}
ul.super-menu > li,
ul.super-menu > li:hover{
background-color:rgb(103, 103, 103);
}
.boxed-header .journal-header-center .journal-search,
.boxed-header .journal-header-center .journal-links{
padding-left: 0;
}
.boxed-header .journal-header-center .journal-cart,
.boxed-header .journal-header-center .journal-secondary{
padding-right: 0;
}
.button-search{
background-color:;
}
.button-search i:before{
color: !important;
}
}
.product-filter .product-compare {
display: flex;
}
@media only screen and (max-width: 980px) {
.mobile-menu-on-tablet ul.super-menu > li > a,
.mobile-menu-on-tablet ul.super-menu > li:hover > a{
color:rgb(228, 228, 228);
}
.mobile-menu-on-tablet ul.super-menu > li,
.mobile-menu-on-tablet ul.super-menu > li:hover{
background-color:rgb(103, 103, 103);
}
}
@media only screen and (min-width:760px) and (max-width:1315px) {
.journal-header-center .journal-search{
padding-left: 15px;
}
.journal-header-center .journal-cart{
padding-right: 15px;
}
.journal-header-center .journal-cart{
width:calc(25% - 20px);
padding-right:0;
}
html[dir="rtl"] .journal-header-center .journal-search{
padding-right: 15px;
}
}
@media only screen and (max-width:760px) {
.journal-header-center .journal-search,
html[dir="rtl"] .journal-header-center .journal-search{
padding-left: 0;
padding-right: 0;
}
.journal-header-center .journal-cart,
html[dir="rtl"] .journal-header-center .journal-cart{
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (min-width: 760px){
.boxed-header .journal-header-center .journal-cart{
padding-right:15px;
}
html[dir="rtl"] .boxed-header .journal-header-center .journal-cart{
padding-right:0;
padding-left:15px;
}
}
@media only screen and (min-width: 1300px) {
.sticky-menu:not(.boxed-header) .is-sticky .journal-header-compact #header .journal-menu .super-menu > li:first-of-type > a {
margin-left: 0;
}
.skin-16 .journal-header-mega .journal-search {
padding-right: 0;
}
}
@media only screen and (max-width: 1315px) {
.super-menu, .mega-menu, .html-menu{
border-radius:0;
}
.bottom-footer.fullwidth-bar .copyright{
padding-left: 15px;
}
.bottom-footer.fullwidth-bar .payments{
padding-right: 15px;
}
#top-modules > div:not(.gutter),
#bottom-modules > div:not(.gutter){
padding-left: 20px;
padding-right: 20px;
}
#top-modules .journal2_slider,
#bottom-modules .journal2_slider,
#top-modules .journal2_headline_rotator{
padding-left: 0 !important;
padding-right: 0 !important;
}
.no-secondary .journal-header-center #currency{
border-right-width:0;
}
.no-secondary .journal-header-center #language{
border-left-width:0;
}
html[dir="rtl"].no-secondary .journal-header-center #currency{
border-left-width:0;
border-right-width:1px;
}
html[dir="rtl"].no-secondary .journal-header-center #language{
border-right-width:0;
border-left-width:1px;
}
.journal-header-compact #header .journal-search {
padding-right:15px !important;
}
html[dir="rtl"] .journal-header-compact #header .journal-search {
padding-right:0 !important;
padding-left:15px !important;
}
.sticky-menu .is-sticky .journal-header-default .journal-menu .super-menu > li:first-of-type{
border-left-width:0;
}
.sticky-menu .is-sticky .journal-header-default .journal-menu .super-menu > li:last-of-type{
border-right-width:0;
}
.boxed-header body{
padding:0;
}
.fullwidth-footer .columns{
padding-left: 15px;
}
.copyright{
padding-left: 15px;
}
.journal-header-mega .journal-logo{
padding-left:15px;
}
html[dir="rtl"] .journal-header-mega .journal-logo{
padding-left:0;
padding-right:15px;
}
}
@media only screen and (max-width: 760px){
.journal-header-mega .journal-logo{
padding-left:0;
}
html[dir="rtl"] .journal-header-mega .journal-logo{
padding-left:0;
padding-right:0;
}
}
.boxed-header .journal-header-mega .journal-logo{
padding-left:15px;
}
html[dir="rtl"].boxed-header .journal-header-mega .journal-logo{
padding-left:0;
padding-right:15px;
}
@media only screen and (min-width : 760px) {
.side-blocks-active .journal-fullwidth-slider .tp-leftarrow,
.side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default {
left: 60px !important;
}
.side-blocks-active .journal-fullwidth-slider .tp-rightarrow,
.side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default {
right: 60px !important;
}
html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-leftarrow,
html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default {
right: 60px !important;
left: auto !important;
}
html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-rightarrow,
html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default {
left: 60px !important;
right: auto !important;
}
}
header .links a,
header .links .no-link{
border-bottom-color:#e4e4e4;
}
.boxed-header.default-header .journal-top-header{
clip: rect(0px,1300px,45px,0px);
}
.journal-header-default .links .no-link{
border-color:
}
.journal-header-center #cart .content:before,
.oc2 #cart .content .cart-wrapper:before{
color:rgb(255, 255, 255)
}
.journal-header-center .autocomplete2-suggestions:before{
color:rgb(250, 250, 250)
}
.journal-language .dropdown-menu:before,
.journal-currency .dropdown-menu:before{
color:rgb(250, 250, 250)
}
#header .top-menu .top-dropdown li:first-of-type {
border-top-left-radius: px;
border-top-right-radius: px;
}
#header .top-menu .top-dropdown li:last-of-type {
border-bottom-left-radius: px;
border-bottom-right-radius: px;
}
#header .top-menu .top-dropdown li:first-of-type::before{
color:rgb(255, 255, 255)
}
#search ::-webkit-input-placeholder {
color:;
font-family: inherit;
}
#search :-moz-placeholder {
color:;
font-family: inherit;
}
#search ::-moz-placeholder {
color:;
font-family: inherit;
}
#search :-ms-input-placeholder {
color:;
font-family: inherit;
}
.compare-info tbody td{
border-left-style:dotted;
}
@media only screen and (max-width: 760px){
#search ::-webkit-input-placeholder {
color:;
font-family: inherit;
}
#search :-moz-placeholder {
color:;
font-family: inherit;
}
#search ::-moz-placeholder {
color:;
font-family: inherit;
}
#search :-ms-input-placeholder {
color:;
font-family: inherit;
}
}
.button-search{
border-right-style:none;
border-right-color:;
}
html[dir="rtl"] .button-search{
border-left-style:none;
border-left-color:;
}
html[dir="rtl"].journal-desktop .menu-floated .float-left{
border-left-style: none;
}
header .journal-login{
border-bottom-color:;
}
.super-menu > li:last-of-type{
border-right-color:rgb(255, 255, 255);
border-right-style:none;
}
@media only screen and (max-width: 760px) {
.default-header .journal-login{
background-color:
}
.journal-header-center #search input,
.journal-header-center .button-search{
border-radius:0;
}
.center-header #search input, .default-header #search input{
background-color:;
}
.center-header header #cart, .default-header header #cart{
background-color:rgb(255, 255, 255);
}
.journal-menu .mobile-menu > li{
border-color:rgb(255, 255, 255);
border-style:none;
}
}
.inline-button .product-details{
padding-bottom:0;
}
.product-grid-item .cart{
display:inline-block !important;
}
.custom-sections .product-grid-item .product-details .cart{
display:none !important;
}
#content .journal-carousel .product-grid-item .product-details .cart,
#top-modules .journal-carousel .product-grid-item .product-details .cart,
#bottom-modules .journal-carousel .product-grid-item .product-details .cart{
display:none !important;
}
.product-info .right .options.push-1 .option-image li.selected span img{
border-color:;
}
.mega-menu-categories .mega-menu-item,
.mega-menu-brands .mega-menu-item,
.mega-menu-html .mega-menu-item,
#header .mega-menu .product-grid-item{
margin-bottom:10px;
}
html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{
border-right-style:none;
}
html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{
border-color:rgb(255, 255, 255);
}
.mega-menu > div{
margin-bottom:-10px !important;
margin-right:-10px;
}
html[dir="rtl"] .mega-menu-item > div,
html[dir="rtl"] #header .mega-menu .product-wrapper{
margin-right:0;
margin-left:10px;
}
.mega-menu .mega-menu-column:last-of-type > div{
margin-right:-10px;
}
html[dir="rtl"] .mega-menu .mega-menu-column.mega-menu-products > div{
margin-left:-10px;
}
.mega-menu-column > div > h3, .mega-menu .mega-menu-column .menu-cms-block{
margin-right:10px;
}
html[dir="rtl"] .mega-menu-column > div > h3, html[dir="rtl"] .mega-menu .mega-menu-column .menu-cms-block{
margin-right:0;
margin-left:10px;
}
.mega-menu .mega-menu-column:last-of-type > h3,
.mega-menu .mega-menu-column:last-of-type > div > h3,
.mega-menu .mega-menu-column:last-of-type > .menu-cms-block,
.mega-menu .mega-menu-column.mega-menu-html-block > div{
margin-right:0;
}
@media only screen and (max-width: 760px) {
.super-menu{
border-width:0;
}
.mega-menu .mega-menu-column > div{
margin-right:-10px;
}
html[dir="rtl"] .mega-menu .mega-menu-column > div{
margin-left:-10px;
margin-right:0;
}
}
.journal-sf .sf-image .box-content ul{
margin-bottom:-7px;
margin-right:-7px;
}
.drop-down ul{
box-shadow:none !important;
}
.product-grid-item .price + hr,
.product-grid-item .price + .rating + hr{
display:block;
}
.has-cta .rotator-tex{
line-height:54px;
}
footer .contacts .hint--top:before{
border-top-color: rgb(43, 176, 227);
}
.side-column .box-category,
.side-column .box-content,
.side-column .box-content > div,
.side-column .box-content > ul > li:last-of-type,
.side-column .oc-module .product-grid-item:last-of-type{
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
border-radius:inherit;
}
.journal-sf ul li label:hover{
color:rgb(221, 0, 23);
}
.sf-icon:before{
border-top-color:rgb(221, 0, 23);
}
/*
.journal-sf ul li label:hover img{
border-color:rgb(68, 67, 73);
} */
.sf-price .value:after{
border-bottom-color:rgb(221, 0, 23);
}
.mobile-trigger{
background-color:rgb(255, 255, 255);
}
.journal-header-default .links > a{
border-bottom-color: transparent;
}
@media only screen and (max-width: 760px) {
.super-menu{
background-color:rgb(255, 255, 255);
}
.journal-header-default .links > a{
border-bottom-color: ;
}
}
.nav-numbers a:hover,
.nav-numbers li.active a{
-webkit-backface-visibility: hidden;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.headline-mode .nav-numbers a:hover,
.headline-mode .nav-numbers li.active a{
-webkit-backface-visibility: hidden;
-webkit-transform: scale();
-moz-transform: scale();
-ms-transform: scale();
transform: scale();
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover,
.journal-simple-slider .owl-controls .owl-page.active span,
.journal-simple-slider .owl-controls.clickable .owl-page:hover span{
transform: scale(1);
}
.swiper-pagination-bullet:hover, .swiper-pagination-bullet-active{
transform: scale(1);
}
@media only screen and (max-width: 980px) {
.journal-header-default .mega-menu{
width: 100%;
}
}
@media only screen and (max-width: 760px) {
.journal-header-center .journal-secondary{
background-color:;
}
}
.mega-menu{
max-width:1300px;
}
@media only screen and (max-width: 760px){
.bottom-menu-bar #header .top-menu > li{
border-color:;
}
.bottom-menu-bar #header .journal-links{
background-color:;
}
.bottom-menu-bar .journal-header-center .journal-secondary {
border-top-width: 0;
}
.bottom-menu-bar #header .journal-links ul.top-menu > li{
border-color:;
}
.bottom-menu-bar #header div.journal-links, .bottom-menu-bar #header .journal-links a:hover{
background-color:;
}
.bottom-menu-bar #header .journal-links ul.top-menu > li > a,
.bottom-menu-bar #header .journal-links ul.top-menu > li > a:hover,
.bottom-menu-bar #header .journal-links ul.top-menu > li > .no-link{
color:;
}
}
.boxed-header .is-sticky .header {
max-width:1300px;
left: 50%;
transform: translateX(-50%);
}
.is-sticky .super-menu, .is-sticky .journal-menu-bg {
box-shadow: none;
}
.bottom-menu-bar #header .journal-links .top-menu .top-dropdown li:last-of-type::after{
color:rgb(255, 255, 255);
}
@media only screen and (min-width : 760px) and (max-width: 980px) {
.mobile-menu-on-tablet .mobile-menu > li > ul,
.mobile-menu-on-tablet .mobile-menu > li > .mega-menu{
border-style:solid;
border-color:rgb(119, 119, 119);
}
.mobile-menu-on-tablet ul.menu-centered{
height:auto;
}
}
@media only screen and (max-width: 760px){
.mobile-menu > li > ul,
.mobile-menu > li > .mega-menu{
border-style:solid;
border-color:rgb(119, 119, 119);
}
}
@media only screen and (min-width: 760px) {
.journal-header-mega #search {
max-width: 100%;
left: 0px;
}
.journal-header-center .j-100{
height:100px;
}
.journal-header-center .journal-menu-bg{
top:140px;
}
.journal-header-center .top-bar > .j-min, .journal-header-center .top-menu > li > .m-item, .journal-header-center .journal-top-header{
height:40px;
}
.journal-header-center .journal-menu,
.journal-header-center .journal-menu-bg,
.journal-header-center .mobile-trigger,
ul.menu-centered{
height:40px;
}
.journal-header-center .mobile-trigger,
.journal-header-center .super-menu > li > a{
line-height:40px;
}
.journal-header-center .journal-language form .dropdown-menu,
.journal-header-center .journal-currency form .dropdown-menu{
top:40px;
}
.sticky-default.center-header .is-sticky .journal-header-center .j-100{
height:px;
}
.sticky-default.center-header .is-sticky .journal-menu-bg{
top:px;
}
.is-sticky .journal-header-center .journal-menu,
.is-sticky .journal-header-center .journal-menu-bg,
.is-sticky .journal-header-center .mobile-trigger{
height:40px;
}
.is-sticky .journal-header-center .mobile-trigger,
.is-sticky .journal-header-center .super-menu > li > a{
line-height:40px;
}
}
@media only screen and (max-width: 760px){
#header .journal-logo{
height:80px !important;
}
}
.center-header body.is-sticky .header-assets.top-bar{
background-color:;
}
@media only screen and (min-width : 760px) and (max-width: 980px) {
.mobile-menu-on-tablet .journal-header-center .journal-menu{
height:auto;
}
.mobile-menu-on-tablet .journal-header-center .super-menu > li > a{
line-height:40px;
}
}
@media only screen and (max-width: 760px){
.mega-menu-categories .mega-menu-item ul,
.mega-menu-categories .mega-menu-item.menu-image-left ul{
width:100%;
}
.mega-menu-categories .mega-menu-item img {
display: none !important;
}
}
.product-grid-item .price{
width:100%;
}
@media only screen and (max-width: 760px){
.box-sections ul li {
width: 100%;
border-right-width: 0;
}
.box-sections ul li:nth-last-child(2):nth-child(odd) {
border-bottom-width: 1px;
}
html[dir="rtl"] .box-sections ul li {
border-right-width: 0 !important;
}
}
#tabs{
top:;
}
.product-grid-item.display-icon .wishlist-icon:before,
.product-grid-item.display-icon .compare-icon:before{
line-height:35px;
}
.journal-header-center #cart .heading i{
height:38px;
}
.journal-desktop .menu-floated .float-left{
border-right-style:none;
}
.column.products > h3{
margin-bottom:7px;
}
.column.products{
padding-bottom:7px;
}
.side-column .journal-gallery .box-heading{
margin-bottom:10px;
}
.side-column .box-category > ul li ul li a{
padding-left: 7px;
}
.side-column .box-category > ul li ul li ul li a{
padding-left: 14px;
}
.side-column .box-category > ul li ul li ul li ul li a{
padding-left: 21px;
}
.side-column .box-category > ul li ul li ul li ul li ul li a{
padding-left: 28px;
}
.side-column .box-category > ul li ul li ul li ul li ul li ul li a{
padding-left: 35px;
}
@media only screen and (max-width: 1315px) {
.breadcrumb{
padding-left:10px;
}
.super-menu > li:first-of-type{
border-left-width:0;
}
.super-menu > li:last-of-type{
border-right-width:0;
}
html[dir="rtl"] .super-menu > li:first-of-type{
border-left-width:1px;
border-right-width:0;
}
html[dir="rtl"] .super-menu > li:last-of-type{
border-left-width:0;
}
html[dir="rtl"] .super-menu.menu-floated > li:first-of-type
border-right-width:0;
}
}
.super-menu.menu-floated{
border-right-width:1px;
border-left-width:1px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.custom-sections .box-heading.box-sections{
border-left-style:solid;
}
.journal-carousel:not(.journal-gallery) .box-content .swiper-container{
padding: 15px;
margin: -15px;
}
.journal-carousel.arrows-top .swiper-button-prev,
.journal-carousel.arrows-top .swiper-button-next{
margin-top:15px;
}
.side-column .journal-carousel.arrows-top .swiper-button-prev,
.side-column .journal-carousel.arrows-top .swiper-button-next,
.related-products.journal-carousel.arrows-top .swiper-button-prev,
.related-products.journal-carousel.arrows-top .swiper-button-next{
margin-top:0;
}
div#footer{
margin-top:20px;
}
.extended-container + .boxed-footer #footer{
margin-top:0px;
}
.side-column .journal-carousel .box-content .swiper-container{
padding:0;
margin:0;
}
html[dir="rtl"] .journal-carousel.arrows-top .swiper-button-next{
right:auto;
left:10px;
}
html[dir="rtl"] .journal-carousel.arrows-top .swiper-button-prev{
right:auto;
left:-10px;
}
html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-next{
right:auto;
left:-5px;
}
html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-prev{
left:auto;
right:-5px;
}
html[dir="rtl"] footer .column-menu-wrap > ul li{
text-align:right;
}
html[dir="rtl"] footer .column>h3{
text-align:right;
}
.posts.blog-list-view .post-item-details{
width: 75%;
}
.side-column .box.cms-blocks .box-heading{
margin-bottom:px;
}
@media only screen and (min-width: 1315px) {
.safari5 #footer,
.safari5.boxed-header header{
width: 1300px;
}
.tp-banner{
height:100% !important;
}
}
@media only screen and (max-width: 1315px) {
.tp-banner-container{
height:auto !important;
}
.side-column .oc-module .product-details {
max-width: 130px;
}
.checkout-page #content {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 760px){
.product-grid-item .has-countdown + .product-details .rating{
top:-50px;
}
.product-grid-item .image.has-countdown .wishlist,
.product-grid-item .image.has-countdown .compare{
margin-bottom:42px;
}
}
.product-grid-item:hover .countdown,
.product-list-item:hover .countdown {
opacity: 1;
visibility: visible;
}
.product-grid-item:hover .has-countdown + .product-details .rating{
top:-70px;
}
.product-grid-item:hover .image.has-countdown .wishlist,
.product-grid-item:hover .image.has-countdown .compare{
margin-bottom:42px;
}
.option li.hint--top:before{
border-top-color:;
}
@media only screen and (max-width: 470px) {
.phone-sticky-cart.menu-cart-off .journal-menu .mobile-trigger{
width:100%;
}
header .journal-menu .mobile-trigger {
width: 50%;
margin-top: -40px;
z-index: 3;
background-color:transparent;
}
.journal-cart{
z-index:2;
background-color:
}
}
.phone-sticky-cart.phone-sticky-menu:not(.menu-cart-off) .journal-menu{
z-index:1;
}
@media only screen and (max-width: 470px){
div.mobile-trigger, .mobile-menu-on-tablet div.mobile-trigger{
color:rgb(80, 80, 80);
}
div.mobile-trigger:before, .mobile-menu-on-tablet div.mobile-trigger:before{
color:rgb(80, 80, 80);
}
}
.journal-header-center #header .menu-dropdown::before{
border-bottom-color:rgb(255, 255, 255)
}
.header-notice > div{
max-width:1300px;
}
@media only screen and (max-width:1315px){
.header-notice > div{
padding-left:15px;
padding-right: 15px;
}
.header-notice.floated-icon > div{
padding-bottom:10px;
}
button.close-notice {
right: 8px;
}
html[dir="rtl"] button.close-notice {
right: auto;
left: 8px;
}
}
footer{
box-shadow: none;
}
.journal-top-header{
box-shadow:none;
}
/* Content Margin */
@media only screen and (min-width: 760px){
#column-left + #content {
margin-left: 220px;
}
#column-right + #content {
margin-right: 220px;
}
#column-left + #column-right + #content{
margin-left: 220px;
margin-right: 220px;
}
}
/* Tablet Column Width + Content Margin */
@media only screen and (min-width:760px) and (max-width:980px) {
#column-left {
width: 220px;
}
#column-right{
width: 220px;
}
#column-left + #content {
margin-left: 220px;
}
#column-right + #content {
margin-right: 220px;
}
#column-left + #column-right + #content{
margin-left: 220px;
margin-right: 220px;
}
}
/* Extended Layout Margins */
@media only screen and (min-width:760px) and (max-width: 1315px) {
.skin-16 .journal-header-center .journal-search {
padding-left: 30px;
}
.extended-layout #column-left{
padding-left:20px;
}
.extended-layout #column-right{
padding-right:20px;
}
.extended-layout #content,
.extended-layout #column-left + #content,
.extended-layout #column-right + #content{
padding-left:20px;
padding-right:20px;
}
html[dir="rtl"].extended-layout #column-left{
padding-right:20px!important;
}
html[dir="rtl"].extended-layout #column-right{
padding-left:20px !important;
}
html[dir="rtl"].extended-layout #column-left + #content {
margin-right: 220px;
margin-left: 0;
}
html[dir="rtl"].extended-layout #column-right + #content {
margin-right: 0;
}
}
.mega-menu .mega-menu-column .menu-cms-block{
margin-bottom:10px;
}
.fly-drop-down ul li{
min-height:40px;
}
@media only screen and (max-width: 760px){
.product-grid-item .rating{
margin-left:px;
}
.product-grid-item .rating{
top:px;
}
}
/* RTL Columns */
html[dir="rtl"] .flyout-left .fly-mega-menu,
html[dir="rtl"] .flyout-left .fly-drop-down > ul {
left: auto;
right: 100%;
}
html[dir="rtl"] .flyout-right .fly-mega-menu,
html[dir="rtl"] .flyout-right .fly-drop-down > ul {
left: 100% !important;
right: auto;
}
html[dir="rtl"] .flyout-menu .flyout > ul > li > a i.menu-plus {
left: 5px;
right: auto;
transform: scale(-1);
}
html[dir="rtl"] #column-right .flyout-menu .flyout > ul > li > a i.menu-plus {
left: auto;
right: 8px;
transform: scale(1);
}
html[dir="rtl"] .flyout-menu .flyout > ul > li > a {
padding: 7px 12px 7px 25px;
}
html[dir="rtl"] #column-right .flyout-menu .flyout > ul > li > a {
padding: 7px 25px 7px 12px;
text-align:left;
}
html[dir="rtl"] #column-left {
float: right;
}
html[dir="rtl"] #column-right {
float: left;
}
@media only screen and (min-width: 760px){
html[dir="rtl"] #column-left {
padding: 20px 20px 20px 0;
}
html[dir="rtl"] #column-right {
padding: 20px 0 20px 20px;
}
html[dir="rtl"] #column-left + #content {
margin-right: 220px;
margin-left: 0;
}
html[dir="rtl"] #column-right + #content {
margin-left: 220px;
margin-right: 0;
}
html[dir="rtl"] #column-left + #column-right + #content{
margin-right: 220px;
margin-left: 220px;
}
}
@media only screen and (min-width : 760px) and (max-width: 980px) {
html[dir="rtl"] #column-left + #content {
margin-right: 220px;
margin-left:0;
}
html[dir="rtl"] #column-right + #content {
margin-left: 220px;
margin-right:0;
}
html[dir="rtl"] #column-left + #column-right + #content{
margin-right: 220px;
margin-left: 220px;
}
html[dir="rtl"].extended-layout #column-left + #content {
margin-right: 220px;
margin-left: 0;
}
}
@media only screen and (min-width: 1315px) {
html[dir="rtl"].extended-layout #column-left{
padding-right:0;
}
html[dir="rtl"].extended-layout #column-right{
padding-left:0;
}
html[dir="rtl"].extended-layout #column-right + #content {
padding-left: 20px;
padding-right: 0;
}
html[dir="rtl"].extended-layout #column-left + #content {
padding-right: 20px;
padding-left: 0;
}
}
.refine-images::before,
#refine-images::before,
.category-list::before{
content:"";
margin-right:px;
}
.refine-images::before,
#refine-images::before,
.category-list::before{
display:none;
}
.refine-image {
padding-right: 15px;
margin-bottom: 15px;
}
.refine-images {
margin-right: -15px;
margin-bottom: 0px;;
}
.product-grid-item {
margin-bottom: 20px;
}
.product-wrapper,
.ias-button,
.ias-loader,
.ias-noneleft{
margin-right: 20px;
}
.ias-button,
.ias-loader,
.ias-noneleft{
margin-top: 0px;
}
.product-grid, #content .box-product{
margin-right: -20px;
}
/* Mobile Product Spacing */
@media only screen and (max-width: 760px){
#cart .heading i::before{
color:;
}
#cart .heading i{
background-color:;
}
div#container,
.home-page div#container {
margin-top: 0;
margin-bottom: 0;
box-shadow:none;
}
.product-grid-item:not(.swiper-slide) {
margin-bottom: 20px;
}
.product-grid-item:not(.swiper-slide) .product-wrapper,
.ias-button,
.ias-loader,
.ias-noneleft{
margin-right: 20px;
}
.product-grid, #content .box-product{
margin-right: -20px;
}
}
.button:active{
box-shadow:;
}
#column-left .oc-module .product-details{
max-width:145px;
}
#column-right .oc-module .product-details{
max-width:145px;
}
/* Custom CSS */
/* Header */
.journal-links { display: none !important; }
@media only screen and (min-width: 761px) {
.journal-logo #logo a img {
left: 0;
transform: translate(0, -50%);
}
.journal-header-default .journal-logo {
height: 80px;
margin: 20px 0;
}
.journal-links { display: none !important; }
.journal-search, .journal-login, .journal-cart {
margin: 10px 0;
}
.journal-search { order: 1; width: calc( 100% - 260px ); }
.journal-cart { order: 3; max-width: 200px; }
.journal-login { order: 2; max-width: 60px; }
}
@media only screen and (max-width: 760px) {
.journal-login {
position: absolute;
top: 20px;
right: 0px;
}
}
/* Slide Caption */
@media only screen and (max-width: 980px) {
.sub_cap {
margin-top: 40px !important;
}
}
/* Retina Logo */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
#logo a .logo-2x {
width: 120px;
}
}
/* Custom Sections Title */
.custom-sections .box-heading ul li a {
text-align: center;
}
/* Product page */
.product-info .right .description { display: none !important; }
#tabs > li.active {
border-bottom: 3px solid rgb(119, 119, 119);
}
.responsive-video {
padding-top: 0 !important;
}
/* Checkout page */
.is-guest #content.one-page-checkout .copy_address,
.is-guest #content.one-page-checkout .check-privacy {
display: none !important;
}
/* Blurry downscaled images in Chrome */
.product-grid-item .image {
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /* Webkit(non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor; /* IE(non-standard property) */
}
/* Contact Address Italic */
.oc2 address {
font-style: normal;
Margin-right: 20px;
}
/* Product Detail - Zoom Image - Added by Jenna on 09282022 */
.product-info .left .image > a,
.zm-viewer {
cursor: zoom-in !important;
}
.quickview table {
font-size: inherit;
}
/* Quickview Scroll */
.quickview .mfp-iframe {
background: white url("/image/data/journal2/loader.gif") no-repeat fixed center;
}
.quickview .product-info > div {
height: calc(100% - 40px);
}
.quickview .product-info .right {
overflow-x: auto;
overflow-y: scroll;
}
.quickview #more-details {
margin-left: 0;
}
.quickview .product-info .left .image-additional {
margin: 0 !important;
}
.quickview #button-cart {
width: 63%;
}
/* Color Filter on Category page */
.ft_filter_box {
margin-bottom: 20px;
}
.box-filter {
max-height: 350px;
overflow: auto;
}
/* #content #ft_filters_box_mobile .box-filter for FashionTown UI - Removed by Jenna on 12012022 */
/* Master Color */
.color_filter {
display: flex;
flex-wrap: wrap;
margin: 5px;
padding: 0;
}
.color_filter li {
display: flex;
align-items: center;
}
.color_filter label {
display: none !important;
}
.master_colors {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 35px;
height: 35px;
cursor: pointer;
margin: 0 10px 5px 0; /* Revised by Jenna on 12012022 */
}
.master_colors:hover {
border: 1px solid #bab7b7;
}
.master_colors.selected {
border: 2px solid black;
}
.master_colors img {
border-radius: 50%;
border: 1px solid #e6e6e6;
width: 25px;
height: 25px;
font-size: 11px;
cursor: pointer;
overflow: hidden;
}
/* Master Color - Mobile Revised by Jenna on 12012022 */
@media only screen and (max-width: 760px) {
.master_colors {
width: 45px;
height: 45px;
}
.master_colors img {
width: 35px;
height: 35px;
}
.filter-collapse .sf-reset {
padding: 10px;
top: 0;
right: 30px;
}
}
/* Price Filter for FashionTown UI - Removed by Jenna on 12012022 */
.swatch_list .color-select li:last-child button {
text-decoration: underline;
cursor: pointer;
}
.product-grid-item .price {
margin-top: 0;
}
@media only screen and (min-width: 981px) {
.swatch_list .color-select {
height: auto;
}
.swatch_list .color_img {
width: 23px;
height: 23px;
margin: 2px;
}
.swatch_list .color_img img {
width: 17px;
height: 17px;
}
}
@media only screen and (min-width: 760px) and (max-width: 980px) {
.swatch_list .color-select {
height: auto;
}
.swatch_list .color_img {
width: 35px;
height: 35px;
margin: 5px;
}
.swatch_list .color_img img {
width: 25px;
height: 25px;
}
}
@media only screen and (max-width: 759px) {
.swatch_list {
display: none;
}
}
/* Added by Jenna on 03012023 */
.product-grid-item .image > a {
line-height: 0 !important;
}
#main_img_a #video {
background-color: #000;
}
#video_slide_a {
height: unset !important;
}
#video_slide_img {
border: none;
padding: 15% 0;
background-color: #000;
}
#video_slide_a:before {
content: "\f04b";
position: absolute;
top: calc( 38% - 10px );
left: calc( 36% - 4px );
font-size: 200%;
line-height: 100%;
color: #fff;
}
.swiper-container-horizontal #video_slide_a {
background-color: #000;
display: flex;
align-items: center;
}
.swiper-container-horizontal #video_slide_a:before {
top: calc( 50% - 14px );
left: calc( 50% - 10px );
}
.color-desc,
.size-desc,
.qty-desc {
margin-bottom: 20px;
font-size: 16px;
font-weight: bold;
}
.color-text {
font-weight: normal;
padding-left: 10px;
}
.color-select,
.size-select {
display: flex;
flex-wrap: wrap;
margin: 5px;
padding: 0;
}
.product-grid-item .color-select {
justify-content: center; }
.color-select li,
.size-select li {
display: flex;
align-items: center;
margin-left: 0 !important;
}
.color_img {
position: relative;
margin: 0 10px 10px 0;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
}
.color_img img {
position: relative;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #e6e6e6;
cursor: pointer;
margin: 0 auto;
}
.color_img:hover {
border: 1px solid #bab7b7;
}
.color_img.selected {
border: 2px solid #000;
}
.color_img.soldout,
.color_img.soldout:hover {
border: 2px solid #bab7b7;
}
.color_img.soldout img {
cursor: default;
}
.diagonal {
width: 100%;
border-bottom: 2px solid #bab7b7;
transform:
translateY(0px)
rotate(-45deg);
position: absolute;
}
.size-box {
margin-top: 40px;
}
.size_input {
position: relative;
border: 1px solid #bab7b7;
margin: 0 10px 10px 0;
padding: 15px;
min-width: 50px;
height: 50px;
display: flex;
align-items: center;
cursor: pointer;
}
.size_input span {
margin: 0 auto;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
.size_input:hover {
border: 1px solid #000;
}
.size_input.selected {
border: 1px solid #000;
background-color: #000;
}
.size_input.selected span {
color: #fff;
}
.size_input.soldout {
background: linear-gradient(-45deg, rgb(255, 255, 255) 49%, rgb(218, 218, 218) 50%, rgb(255, 255, 255) 51%);
border: 1px solid rgb(218, 218, 218);
cursor: default;
}
.size_input.soldout:hover {
border: 1px solid rgb(218, 218, 218);
}
.size_input.soldout span {
color: #bab7b7;
cursor: default;
}
.qty-input.soldout .button {
width: 100% !important;
background-color: rgb(218, 218, 218) !important;
cursor: default;
}
.size_input.disabled {
border: 1px solid rgb(218, 218, 218);
cursor: default;
}
.size_input.disabled:hover {
border: 1px solid rgb(218, 218, 218);
}
.size_input.disabled span {
color: #bab7b7;
cursor: default;
}
.size_input.hide {
display: none;
}
.stock_status {
margin-left: 20px;
padding: 0 8px;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
color: #ff0000;
background: #f5f5f5;
}
#input-pack-table {
border: 0 !important;
border-collapse: collapse;
width: 100%;
letter-spacing: 0;
}
#input-pack-table td b {display:block;}
#input-pack-table thead tr { background-color: rgb(244, 244, 244); }
#input-pack-table thead th { padding: 10px 5px; }
#input-pack-table tfoot tr:nth-child(1) { border-top: 1px solid #f5f0f0; }
#input-pack-table td:nth-child(1) { width: 30%; padding-right: 5px; }
#input-pack-table td:nth-child(2) { font-size:12px; text-transform: uppercase; }
.product-info .journal-stepper { line-height: 35px !important; }
/* Tables================================== */
.orderTable, .orderTotal {
display: block;
width: 100%;
letter-spacing: normal !important; /* Added by Jenna on 02282023 */
}
.Rtable {
display: -webkit-box;
display: flex;
position: relative;
flex-wrap: wrap;
margin: 0;
padding: 10px 0;
border-top: 1px solid #f4f4f4;
}
.Rtable_cell {
box-sizing: border-box;
-webkit-box-flex: 1;
flex-grow: 1;
width: auto;
margin: 0;
padding: 2px;
overflow: hidden;
}
.orderTable .Rtable_cell.first {
width: 28%;
order: 1;
display: flex;
}
.Rtable_cell.Ptable, .Rtable_cell.Otable {
width: 330px;
max-width: 100%;
background: #f9f9f9;
padding: 5px;
order: 2;
}
.orderTable .Rtable_cell.last {
width: 150px;
max-width: 18%;
order: 3;
}
.Rtable_cell .pcs, .Rtable_cell .amt {
text-align: right;
padding-left: 10px;
}
.orderTable .Rtable_cell .pcs {
width: calc(100% - 90px);
}
.orderTable .Rtable_cell .amt {
max-width: 90px;
width: 90%;
}
.Rtable_cell .pack_info, .Rtable_cell .pcs, .Rtable_cell .amt {
float: left;
}
.orderTotal .Rtable {
border-top: 2px solid #f4f4f4;
}
.orderTotal .Rtable_cell.total {
width: calc(100% - 400px);
}
.orderTotal .Rtable_cell .pcs, .orderTotal .Rtable_cell .amt {
float: left;
width: 50%;
}
.orderTotal .Rtable_cell .pcs::before {
content: "PCS.";
font-family: inherit;
font-size: 11px;
color: #999999;
padding-right: 5px;
}
.orderTotal .Rtable_cell .amt::before {
content: "AMT.";
font-family: inherit;
font-size: 11px;
color: #999999;
padding-right: 5px;
}
/* Style==================================== */
.image_add { }
#colorimg .image_add a {
/* Revised by Jenna on 02232023 */
height: 44px;
box-shadow: 0 0 0 1px #ddd;
}
.image_add a {
display: block;
width: 44px;
height: auto;
margin-right: 10px;
border: 2px solid rgba(255, 255, 255, 0); /* Added by Jenna on 02102023 */
}
.image_add a.selected {
border: 2px solid #020202;
}
.image_add a img { width: 100%; } /* Added by Jenna on 02282023 */
.style_info { }
.style_info span {
display: block;
word-break: break-all;
}
.style_info .color {
font-size: 12px;
font-weight: bold;
}
.style_info .available {
font-size: 11px;
text-transform: uppercase;
color: #0d688e;
min-width: 90px;
height: auto; /*** by Hangwonsok : edit 063022 ***/
overflow: hidden;
}
.style_info .available.pre {
color: #ff7901;
line-height: 1; /* Added by Jenna on 02282023 */
}
.style_info .unit_price {
border-top: none !important;
margin-top: 10px;
font-weight: bold;
}
.orderTable .Rtable.special .style_info .unit_price,
.orderTable .Rtable.special .pcs,
.orderTable .Rtable.special .amt {
color: #ff0000;
}
.pack_info {
word-break: break-all;
}
.Rtable_cell .size {
word-break: break-all;
color: #bab7b7;
}
.stepper {
min-width: 120px;
float: right;
}
.stepper input {
float: left;
width: 40%;
text-align: center;
}
ul.pack_open {
padding: 0;
margin: 0;
list-style: none;
}
ul.pack_open li {
position: relative;
float: left;
padding: 0 2px;
}
ul.pack_open li p {
text-align: center;
}
ul.pack_open li input {
width: 29px;
padding: 5px 4px;
text-align: center;
}
.Rtable_cell .amt {
font-weight: bold;
}
.orderTotal .Rtable_cell {
font-size: 14px;
font-weight: bold;
}
.open_pack_input:disabled {
background-color: rgba(239, 239, 239, 0.3);
}
.op_inven_info {
display: block;
text-align: center;
color: #75A7BD;
font-size: 12px;
}
.p_inven_info {
text-align: center;
color: #75A7BD;
font-size: 12px;
}
.p_inven_name {
color: #C7C4C4;
}
/* Responsive==================================== */
@media only screen and (min-width: 676px) and (max-width: 760px), (min-width: 1351px) and (max-width: 1560px) {
.Rtable_cell.Ptable, .Rtable_cell.Otable {
width: 310px;
}
.orderTable .Rtable_cell.last {
max-width: 21%;
}
}
@media only screen and (max-width: 675px), (min-width: 761px) and (max-width: 1350px) {
.orderTable .Rtable_cell.first {
width: 100%;
max-width: 100%;
}
.orderTable .Rtable_cell.first .available {
position: absolute;
top: 12px;
right: 0;
text-align: right;
}
.orderTable .Rtable_cell.Ptable, .orderTable .Rtable_cell.Otable {
order: 3;
}
.orderTable .Rtable_cell.last {
order: 2;
position: absolute;
top: 40px;
right: 0;
padding: 0;
max-width: 50%;
}
}
@media only screen and (max-width: 380px) {
.orderTotal .Rtable_cell.total {
width: auto;
}
.orderTotal .Rtable_cell .pcs, .orderTotal .Rtable_cell .amt {
float: right;
width: 100%;
}
}
@media only screen and (min-width: 470px) {
.quickview .product-info .product-options .cart > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap !important;
}
}
.ft-table-wrap {
width: 100%;
overflow: auto;
}
.ft-table th, .ft-table td {
padding: 0;
border-bottom: 1px dotted #ebebeb;
}
.ft-table .th-color, .ft-table .td-color {
text-align: left;
padding-left: 4px; /* Added by Jenna on 02282023 */
}
.ft-table .th-size {
width: 54px;
text-align: center;
}
.ft-table .size-th-packsize {
font-weight: normal;
color: #aaa;
}
.ft-table .th-rowQty {
max-width: 70px;
text-align: right;
}
.ft-table .th-rowAmt {
max-width: 100px;
text-align: right;
}
.ft-table .col-swatch {
width: 30px;
max-width: 30px;
}
.ft-table .col-swatch img {
width: 30px;
height: 30px;
border-radius: 30px;
border: 1px solid #e6e6e6;
cursor: pointer;
padding: 0;
margin-top: 4px;
}
.ft-table .td-size {
width: 54px;
text-align: center;
padding: 2px;
}
.ft-table .add-to-cart {
margin: 0;
}
.ft-table .add-to-cart-qty-wrapper {
width: 60px;
margin: 0;
overflow: hidden;
position: relative;
}
.ft-table .qty-input {
width: 60px;
height: 40px;
padding: 12px;
text-align: center;
vertical-align: middle;
color: #909090;
border-color: #f1f1f1;
box-shadow: none;
/* by Hangwonsok : add 080824 */
background-color: #E0FEFE;
}
/* by Hangwonsok : add 080824 */
.ft-table .qty-input.incoming {
background-color: #FFC7D4;
}
.ft-table .td-packbutton {
padding: 0;
width: 60px;
text-align: center;
min-width: 60px;
}
.ft-table .packcount {
display: inline-block;
min-width: 15px;
vertical-align: middle;
line-height: 40px;
}
.ft-table .add-to-cart .plus, .ft-table .add-to-cart .minus {
color: #454545;
background: #f8f8f8;
border: 1px solid #f1f1f1;
border-left: none;
font-size: 13px;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.ft-table .packbutton {
display: inline-block;
width: 15px;
height: 40px;
vertical-align: middle;
line-height: 40px;
}
.ft-table .td-rowQty, .ft-table .td-rowAmt {
padding: 5px 8px 5px 0;
text-align: right;
max-width: 100px;
}
.ft-table .unit_price {
display: none;
}
.ft-table .diag .qty_soldout {
font-size: 10px;
}
.quick-checkout-page .checkout-product tfoot .total {
font-size: 1.2em;
font-weight: bold;
}
.address_box_container select, .one-page-checkout select {
background: #ffffff;
padding: 6px;
margin: 0;
width: 100%;
}
.required label:before { display: none; }
.required label:after {
content: "*";
color: #ea2e49;
font-weight: bold;
font-size: 16px;
position: relative;
margin-left: 3px;
}
fieldset legend {
font-weight: 700;
padding: 5px 0;
}
/* Shopping cart page */
.cart-show-item {
display: flex;
flex-flow: row wrap;
}
.cart-show-item .cart-item {
flex: 75%;
}
.cart-show-item .summery {
flex: 25%;
padding-left: 20px;
}
.cart-show-item ul,
.new-checkout ul {
border-top: 1px solid #b0b0b0;
}
.cart-show-item ul,
.new-checkout ul,
.address_box_content ul {
padding: 0;
margin: 0;
list-style: none;
}
.cart-item ul li {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
border-bottom: 1px solid #eeeeee;
}
.cart-item ul li > div {
margin: 10px;
flex: auto;
}
.cart-item .image {
flex: 0 1 60px;
}
.cart-item .name {
flex: 1 0 40%;
display: flex;
flex-direction: column;
}
.cart-item .name a {
flex: 1 0 2rem;
}
.cart-item .name span {
color: #b0b0b0;
word-break: break-all;
}
.cart-item .model {
flex: 1 0 90px;
display: flex;
flex-direction: column;
}
.cart-item .model a {
margin-right: 10px;
}
.cart-item .available {
font-size: 11px;
text-transform: uppercase;
color: #0d688e;
}
.cart-item .price {
flex: 1 0 70px;
display: flex;
flex-direction: column;
}
.cart-item .price span {
font-weight: normal;
color: #ef5b5b;
text-decoration: line-through;
}
.cart-item .price strong {
padding-left: 10px;
}
.cart-item .quantity {
display: flex;
justify-content: flex-end;
}
.cart-item .available.pre {
color: #ff7901;
}
.cart-item .quantity .input-group input {
margin: 2px 5px;
}
.cart-item .quantity .input-group .btn {
background-color: #f7f7f7;
border: 1px solid #b0b0b0;
}
.cart-item .quantity .input-group .btn i.fa {
color: #020202;
}
.cart-item .pcs {
font-size: 14px;
padding: 10px 0 10px 10px;
}
.cart-item .pcs::after {
content: "Pcs.";
padding-left: 5px;
font-size: 11px;
color: #b0b0b0;
}
.cart-item .total {
flex: 1 0 90px;
}
.cart-item .price,
.cart-item .total {
font-weight: 600;
text-align: right;
justify-content: flex-end;
}
.summery {
font-size: 0.875rem;
margin-bottom: 40px;
}
.summery ul li {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 35px;
}
.summery ul li a,
.summery .confirm-button {
width: 100%;
height: 45px;
line-height: 45px;
}
.summery .discount strong {
color: #ef5b5b;
}
.summery .total {
padding: 10px 0;
font-size: 1rem;
font-weight: 600;
border-top: 1px solid #eeeeee;
}
.summery .breadcrumb {
text-align: right;
}
.summery .check-terms {
font-size: 12px;
padding: 10px 0;
text-align: center; }
.summery .check-terms a {
text-decoration: underline;
}
.summery .confirm-button {
font-size: 14px;
font-weight: 600;
line-height: 50px;
}
/* Checkout page */
.new-checkout {
display: flex;
}
.new-checkout .section-left {
flex: 66%;
}
.new-checkout .section-right {
flex: 33%;
padding-left: 20px;
}
.new-checkout .secondary-title,
.new-checkout .confirm-section li:first-child {
font-size: 1rem; }
.new-checkout .confirm-section {
padding: 20px; }
.new-checkout .checkout-content {
margin-bottom: 20px !important;
padding: 20px;
border-top: 1px solid #b0b0b0;
}
.new-checkout .form-horizontal .form-group select {
width: 100%;
}
.form-horizontal .form-group label,
.new-checkout .coupon-voucher label,
.new-checkout .credit label,
.new-checkout .reward label {
padding: 5px 0 !important;
}
.address_info strong,
.address_info span {
color: #b0b0b0;
}
.address_info strong {
padding-left: 10px;
}
.new-checkout .copy_address {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #eeeeee;
}
.copy_address label {
display: inline-flex !important;
}
.new-checkout .coupon-voucher .input-group,
.new-checkout .coupon-voucher input,
.new-checkout .credit .input-group,
.new-checkout .credit input,
.new-checkout .reward .input-group,
.new-checkout .reward input {
width: 100%;
}
.new-checkout .payment_info {
margin-bottom: 20px;
padding: 20px;
border-top: 1px solid #eeeeee;
}
.new-checkout .payment_info h3 {
font-size: 0.875rem;
margin-bottom: 10px; }
.new-checkout .payment_info .payment_card {
padding: 15px;
margin-bottom: 20px;
border: 1px dotted #ef5b5b;
}
.new-checkout .checkout-cart ul {
border-top: 1px solid #eeeeee;
}
.btn_link button {
margin-left: auto;
cursor: pointer;
}
.btn_link button {
float: right;
padding-left: 10px;
color: #0075ff;
text-decoration: underline;
}
.btn_link button:hover {
text-decoration: none;
}
.btn_group {
display: flex;
align-items: center;
margin-top: 10px;
}
.new-checkout .coupon-voucher input[type="button"],
.new-checkout .credit input[type="button"],
.new-checkout .reward input[type="button"],
.btn_group .btn-default {
min-width: 100px;
border-radius: 0;
background-color: #707070;
}
#address_box {
position: fixed;
left: 0;
top: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.25);
box-sizing: border-box;
}
.address_box_container {
display: flex;
flex-flow: column nowrap;
background-color: #FFFFFF;
padding: 20px;
margin: 15% auto;
width: 760px;
height: 580px;
max-width: 100%;
box-sizing: border-box;
}
.address_box_header {
position: relative;
}
.address_box_header .close {
position: absolute;
top: 0;
right: 0;
font-size: 46px;
}
.address_box_content {
height: 400px;
margin-bottom: 20px;
overflow-x: hidden;
overflow-y: scroll;
}
.address_box_content::-webkit-scrollbar {
width: 8px;
}
.address_box_content::-webkit-scrollbar-track {
background: #ffffff;
border-radius: 4%;
}
.address_box_content::-webkit-scrollbar-thumb {
background: #eeeeee;
border-radius: 4px;
}
.address_box_content::-webkit-scrollbar-thumb:hover {
background: #b0b0b0;
}
.address_box_content ul li {
display: flex;
flex-flow: row nowrap;
padding: 10px;
border: 1px solid #eeeeee;
margin-bottom: 10px;
}
.address_box_content ul li label {
flex: 1 1 auto;
margin: 0 10px;
}
.address_box_content .form-group * {
box-sizing: border-box;
}
.address_box_content .form-control {
width: 75%;
float: right;
}
.address_box_footer {
padding: 10px 0;
border-top: 1px solid #eeeeee;
}
/* Checkout Form Responsive */
@media only screen and (min-width: 1024px) {
.new-checkout .form-horizontal .form-group label,
.new-checkout .coupon-voucher label,
.new-checkout .credit label,
.new-checkout .reward label {
width: 35%;
float: left;
padding-top: 5px !important;
}
.new-checkout .form-horizontal .form-group input,
.new-checkout .form-horizontal .form-group select,
.new-checkout .form-horizontal .form-group .telephone-field,
.new-checkout .coupon-voucher .input-group,
.new-checkout .credit .input-group,
.new-checkout .reward .input-group {
width: 65%;
float: right;
}
.new-checkout .coupon-voucher input[type="text"],
.new-checkout .coupon-voucher input[type="button"],
.new-checkout .credit input[type="text"],
.new-checkout .credit input[type="button"],
.new-checkout .reward input[type="text"],
.new-checkout .reward input[type="button"] {
width: 50%;
}
}
@media only screen and (max-width: 1024px) {
.new-checkout .form-horizontal .form-group .telephone-field {
width: 100%;
}
}
@media only screen and (max-width: 1200px) {
.cart-item .name {
flex-basis: 42%;
}
.cart-item .model {
flex-basis: 15%;
}
.cart-item .total {
max-width: 100px;
}
}
@media only screen and (max-width: 980px) {
.cart-item .name {
flex-basis: 50%;
}
.cart-item .model {
flex-basis: 25%;
}
.cart-item .price {
flex-flow: row wrap;
}
}
@media only screen and (max-width: 760px) {
.cart-show-item,
.new-checkout {
flex-flow: column nowrap;
}
.cart-show-item .summery,
.new-checkout .section-right {
padding-left: 0;
}
#address_box_container {
width: 100%;
margin: 0;
}
.address_box_content .form-control {
width: 100%;
}
.address_box_footer {
flex: 1 1 0;
}
}
@media only screen and (max-width: 570px) {
.cart-item .name {
flex-basis: 60%;
}
.cart-item .model {
flex-flow: row wrap;
flex-basis: 43%;
}
.cart-item .quantity {
justify-content: flex-start;
}
.address_box_container {
margin-top: 0;
}
}
@media only screen and (max-width: 360px) {
.cart-item ul li > div {
margin: 10px 5px;
}
.cart-item .pcs {
display: none;
}
}
/* Product Page for Wholesale */
.Rtable_cell.Ptable, .Rtable_cell.Otable {
width: 230px !important;
}
@media only screen and (min-width: 1350px) {
.orderTable .Rtable_cell.last {
max-width: 20% !important;
}
}
/* Quickview Stepper */
.product-info .right .orderTable .journal-stepper {
height: auto !important;
}
/* Side Product */
.side-column .oc-module .inline-button br {
display: unset !important;
}
/* Checkout Options CSS */
#content .journal-checkout .checkout-options label {
width: 100%;
}
/* Product V5 */
.ft-help {
}
.ft-help .ft-help-row {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.ft-help .ft-help-row .ft-help-text {
font-weight: 600;
width: 100px;
}
.ft-help .ft-help-row .ft-help-color {
display: block;
width: 25px;
height: 20px;
margin-right: 10px;
}
.ft-help .ft-help-row .ft-help-color.sky {
background-color: #E0FEFE;
}
.ft-help .ft-help-row .ft-help-color.red {
background-color: #FFC7D4;
}
.ft-help .ft-help-row .ft-help-sub-text {
color: #9E9E9E;
}
.ft-help-popup {
display: none;
height: 60px;
background-color: #85858575;
border-radius: 7px;
margin-bottom: 0px !important;
z-index: 12;
}
.pack-box {
display: flex;
flex-direction: column;
justify-content: center;
height: 60px;
}
.pack-box .pack-text {
padding: 0 5px;
font-size: 12px;
height: 20px;
line-height: 20px;
}
.pack-box .pack-text .pack-discount {
text-decoration: line-through;
margin-right: 5px;
}