body{font-size: 16px;} p {margin-bottom: 0.8rem;} a{text-decoration: none;} input:focus {outline: none;} .form-control:focus {box-shadow: none!important;} input::placeholder { font: 0.9rem/3 sans-serif; } .btn:hover { color: #fff; background-color: #9999ff; border-color: #9999ff; } .sr-only{color:#000;} .hide{display:none!important;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: "Always Show Up/Down Arrows";} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {opacity: 1;} .mod-megamenu>.mod-megamenu--item:last-child {margin-left: auto;} .mod-megamenu>.mod-megamenu--item:last-child>.mod-megamenu--item-anchor {padding-right: 0;} .promo-banner {margin-bottom: 2rem;} .bannerb .promo-banner-image { width: 100%; height: auto; transition: none!important; transform: none!important; } .promo-banner1 { position: relative; background-color: var(--promo-banner-bg); aspect-ratio: var(--promo-banner-aspect-ratio); overflow: visible; margin-bottom: 3rem; } @media (min-width: 992px) { .header-main .container-inner {padding: 0;} .header-is-sticky .header-main .container-inner {padding: 0.2rem 0 0;} } .itemid-340 .main-content-area {padding: 0 0 0px 0;} .itemid-340 .main-section {padding-top: 0rem;} .itemid-341 .main-content-area {padding: 0 0 0px 0;} .itemid-341 .main-section {padding-top: 0rem;} h1{font-weight: 300;margin-bottom:30px;} h4{font-size: 1.75rem!important;} .line {margin: 30px 0 30px 0;} .page-header .h1, .page-header h1 { position: relative; padding-bottom: .8rem; margin-bottom: 2.5rem; text-transform: none; font-size: 2rem; } .h3container, .h4container{text-align:center;} h3.yel, h4.yel {border-bottom: 6px solid #F9D77D;display: inline-block;padding-bottom: 2px;margin-bottom: 30px; font-size: 32px;font-weight: 600;margin-top: 0;} h3.green, h4.green {border-bottom: 6px solid #b7d190;display: inline-block;padding-bottom:2px;margin-bottom:30px;font-size: 32px;font-weight: 600;margin-top: 0;} h3.blue,h4.blue {border-bottom: 6px solid #85b9e1;display: inline-block;padding-bottom:2px;margin-bottom:30px;font-size: 32px;font-weight: 600;margin-top: 0;} h3.purple,h4.purple {border-bottom: 6px solid #c6a5e4;display: inline-block;padding-bottom:2px;margin-bottom:30px;font-size: 32px;font-weight: 600;margin-top: 0;} /* TOP */ .top-bar-content {text-transform: none;} .header-is-sticky .brand-logo img {width: 59%;padding: 5px 0;} .mod-vmcategory-dropdown-opener-icon { margin-right: 0.8rem; background: url(../../images/burger.png) no-repeat left; width: 45px;height: 17px; } .mod-vmcategory-dropdown-opener:after {margin-left: 1.5rem;} .mod-vmcategory-dropdown-opener:after {display: none;} .d-flex.flex-column.flex-md-row.justify-content-md-between.align-items-center.gap-md-4 {margin-left: 145px;border-bottom: 1px solid #eee;/*z-index: 9999!important; */position: relative;} .top-bar-content {text-transform: none;position: relative; z-index: 1020; /*CENTIVA*/} .header-main {background-color: transparent;/*margin-top: -19px;*/} /*CENTIVA*/ .top-left.d-flex.flex-row.align-items-stretch.justify-content-center.justify-content-md-start.gap-3 {z-index: 9999;} .atopmenu { z-index: 9999;} .mod-vmcategory-dropdown-opener {border-radius: 6px;} div#mega-menu {margin-top: -17px;} .header-is-sticky div#mega-menu {display: none!important;} .mod-inline.atopmenu a {color: #4a4a4a;text-decoration: none;font-size: 14px;} .mod-inline.atopmenu a:hover {color: #9999ff!important;} .jewel {background-color: #7357FF;} .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{background-color: #7357FF;border-radius: 100%;padding: 10px 16px;font-size: 22px!important;} .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {margin-left: -45px;} .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {margin-right: -40px;} .mod-megamenu>.mod-megamenu--item:last-child { margin-left: 0;} .mod-megamenu--item.mod-megamenu--level-1>.mod-megamenu--item-anchor .mod-megamenu--item-title {text-transform: none;font-size:15px;} .mod-megamenu--level-1>.mod-megamenu--item-anchor {padding: 2rem .7rem;} .mod-vmcategory-dropdown-opener-label { text-transform: none; font-size: 17px; font-weight: 500;} .vpi-user:before {font-size: 28px;} .mod-vmcategory-dropdown-opener {padding: 0.8rem .9rem;} .header-is-sticky .header-content {box-shadow: 0 ;border-bottom: 4px solid #000;} input#mod-vpprime-ajax-search__keyword-110 {padding: 15px;border: 1px solid #f5f5f5;background-color: #f5f5f5;} .mod-vpprime-ajax-search button.btn.btn-primary {background-color: #f5f5f5;border: 0;color: #000;} .mod-minicart__cart-subtotal {display: none;} .midmenu {margin-left: 30px;} .midmenu a {color: #000;} .mod-inline.atopmenu a {color: #4a4a4a;} .mod-inline.atopmenu a:hover {color: #000;} .midmenu a {padding: 0 10px;} h5.offcanvas-title { font-size: 20px; padding-top: 0px; margin-top: 10px; } /* BANNERS */ .promo-banner-content {padding: 2rem;} .promo-banner {margin-bottom: 1.5rem;} /* SERVICES */ .sservices {background-color: #f6f6f6;padding: 20px;border-radius: 10px;margin-top:25px;} .sTitle {display: inline;padding-left: 10px;line-height: 50px;font-size:14px;} .simg {display: inline;} /* FP CAT */ .scat .row {margin-bottom: 20px;} .scat-box {padding: 15px;border: 1px solid #eee;border-radius: 8px;} .scatimg {display: inline;} .scatTitle a { color: #000; font-size: 18px; font-weight: 600; } .scatTitle { display: inline; font-weight: 600; font-size: 18px; /* vertical-align: middle; */ line-height: 80px; } h4.category-name a {font-size: 14px;line-height: 100%;font-weight: 400;} h4.category-name {margin: 0;margin-top: 10px;line-height: 23px;} .category-item-inner {border: 1px solid #eee !important;padding: 10px; margin-bottom:10px;min-height:180px;} .category-name {text-align: center} .category-image-cont img {height: 100px;object-fit: contain;} /* TABS */ .fptabs button.nav-link.active {background-color: #7357FF;padding: 16px 20px;font-size:20px;font-weight:500;} .fptabs button.nav-link { background-color: #eee; padding: 16px 10px; margin: 0 10px; color: #000; font-size: 16px; font-size: 20px; font-weight: 500; width: 190px; } .fptabs ul#pills-tab {margin-bottom: 30px!important;} .product-list-images.mb-3.text-center {border-radius: 8px;} /* SLIDER */ .itemid-101 .main-top-vertical-section.vertical-module-section {margin-top: 15px;} .fake-row {width: 100%;max-width: 100%;overflow: hidden;} .fake-row {border-radius:16px;} .swiper-container {width: 65%;height: 410px;} .swiper-slide {display: flex; align-items: center; justify-content: center; font-size: 24px;} /* .sl1{background-color: #ddd;} .sl2{background-color: #abc;} .sl3{background-color: #555;} .sl4{background-color: #eee;} */ .slider-bottom-left { position: absolute; bottom:12px; left: 16px; width: 96%;background-color: #000;opacity: 0.7;color: #fff;border-radius: 10px; padding: 10px 15px; font-size: 21px;} .swiper-slide img {border-radius: 16px!important;} .slider-bottom-left a {color: #fff;} span.sright { float: right; background-color: #7357FF; border-radius: 10px; padding: 6px 15px; font-size: 16px; } span.sright a:hover {color: #cfcce4;} .swiper-button-next:after, .swiper-button-prev:after { color: #fff;} span.sleft {padding: 15px;line-height: 150%;} button.slick-prev.slick-arrow {background: url(../../images/prev.png) no-repeat left; width: 64px; height: 64px;left: -60px;} button.slick-next.slick-arrow {background: url(../../images/next.png) no-repeat right; width: 64px; height: 64px;right: -60px;} .slick-prev:before {display:none;} .slick-next:before {display:none;} .slick-dotted.slick-slider {margin-bottom: 50px!important;} .main-section {padding-top: 0rem;} /* REvIEWS */ .itemid-101 .main-section { padding-top: 0rem;} .itemid-101 .main-content-area {padding: 0;} .grp-widget-box-head {padding-top: 0!important;} .grp-theme-default .grp-reviews-container {background: #fff!important;} .grp-widget-load-more-btn {display: none!important;} .grp-theme-default .grp-style-box.grp-reviews-review {background: #fff;box-shadow: none!important;color: #333;border: 1px solid #e6e5e5;border-radius: 8px;} button#grp-slick-slide-control00,button#slick-slide-control00, button#grp-slick-slide-control01,button#slick-slide-control01, button#grp-slick-slide-control02,button#slick-slide-control02, button#grp-slick-slide-control03,button#slick-slide-control03, button#grp-slick-slide-control04,button#slick-slide-control04, button#grp-slick-slide-control05,button#slick-slide-control05, button#grp-slick-slide-control06,button#slick-slide-control06, button#grp-slick-slide-control07,button#slick-slide-control07, button#grp-slick-slide-control08,button#slick-slide-control08, button#grp-slick-slide-control10,button#slick-slide-control10, button#grp-slick-slide-control11,button#slick-slide-control11, button#grp-slick-slide-control12,button#slick-slide-control12, button#grp-slick-slide-control13,button#slick-slide-control13, button#grp-slick-slide-control14,button#slick-slide-control14, button#grp-slick-slide-control15,button#slick-slide-control15, button#grp-slick-slide-control16,button#slick-slide-control16, button#grp-slick-slide-control17,button#slick-slide-control17, button#grp-slick-slide-control18,button#slick-slide-control18, button#grp-slick-slide-control20,button#slick-slide-control20, button#grp-slick-slide-control21,button#slick-slide-control21, button#grp-slick-slide-control22,button#slick-slide-control22, button#grp-slick-slide-control23,button#slick-slide-control23, button#grp-slick-slide-control24,button#slick-slide-control24, button#grp-slick-slide-control25,button#slick-slide-control25, button#grp-slick-slide-control26,button#slick-slide-control26, button#grp-slick-slide-control27,button#slick-slide-control27, button#grp-slick-slide-control28,button#slick-slide-control28, button#grp-slick-slide-control30,button#slick-slide-control30, button#grp-slick-slide-control31,button#slick-slide-control31, button#grp-slick-slide-control32,button#slick-slide-control32, button#grp-slick-slide-control33,button#slick-slide-control33, button#grp-slick-slide-control34,button#slick-slide-control34, button#grp-slick-slide-control35,button#slick-slide-control35, button#grp-slick-slide-control36,button#slick-slide-control36, button#grp-slick-slide-control37,button#slick-slide-control37, button#grp-slick-slide-control38,button#slick-slide-control38, button#grp-slick-slide-control39,button#slick-slide-control39, button#grp-slick-slide-control310,button#slick-slide-control310, button#grp-slick-slide-control311,button#slick-slide-control311, button#grp-slick-slide-control312,button#slick-slide-control312, button#grp-slick-slide-control313,button#slick-slide-control313, button#grp-slick-slide-control314,button#slick-slide-control314 { width: 65px; height: 2px!important; padding: 1px; background-color:#b6b6b6; } ul.slick-dots {margin-bottom: 45px;background-color: #fff;} progress::-webkit-progress-bar { background-color: #7357FF; } progress::-webkit-progress-value { background-color: #7357FF; } .grp-slick-dots li,.slick-dots li, .outer-dot {position: relative;display: inline-block;width: 50px!important;height: 2px!important;padding: 0; cursor: pointer; margin: 10px;} .grp-slick-dots li button:before,.slick-dots li button:before,.outer-dot:before{display: none;} .grp-slick-dots,.slick-dots { bottom: -60px!important;} .grp-slick-active button,.slick-active button {background-color:#7357FF!important;padding:2px 0!important;} .grp-reviews-container-inner {padding: 20px;padding-bottom: 0;} .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {position: absolute;bottom: -40px;} h1.text-center {padding-top: 30px;padding-bottom: 0px;} .swiper-pagination-bullet-active {opacity: 1!important;background: #9999ff!important;} span.outer-dot.swiper-pagination-bullet {background-color: #b6b6b6;opacity: 1;} .slick-dots li {margin: 0px 15px!important;} .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px!important; padding: 1.25px 0px!important; width: 75px!important; border-radius: 0!important; } span.outer-dot.swiper-pagination-bullet.swiper-pagination-bullet-active {padding: 2px 0!important;} li.grp-slick-active button {padding: 2px 0!important;} /* FP GENERAL */ p.liTitle {color: #fff;} .liTitle{ position: relative;z-index: 1;text-align: left;padding-bottom: 20px;font-size: 20px;margin-bottom: 30px;} .liTitle:after {content: "";position: absolute; left: 0%; margin-left: 0px; bottom: 0; width: 100px; border-bottom: 2px solid #eee;} /* LEFT MENU */ .lmenu h3, .mod-articles-category-group { font-size: 23px; padding-top: 10px; margin-top: 0; margin-bottom: 10px; font-weight: 500; } nav.lmenu {position: relative;} .mod-articles-category-group ul, nav.lmenu ul {list-style: none;margin: 0;padding: 0;} nav.lmenu ul li a { display: block; padding: 3px 0px; color: #000; text-decoration: none; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; font-size: 17px; } nav.lmenu ul li a:hover { color: #9999ff; } nav.lmenu ul li a .fa { width: 16px; text-align: center; margin-right: 5px; float:right; } nav.lmenu ul ul {padding-left: 10px;} nav.lmenu ul li ul li a {border-left: 3px solid transparent;padding: 10px 20px;} nav.lmenu ul li ul li a:hover {border-left: 4px solid #9999ff;} ul.mod-articlescategories.categories-module.mod-list li {border-bottom: 1px solid #eee;} .mod-articlescategory li ul{margin: 0;padding:0;} .mod-articlescategory li ul li {list-style: none;padding: 2px 0px;} .mod-articlescategory li ul li a {display: block;padding: 3px 0px;color: #000;text-decoration: none;transition: 0.2s linear; font-size: 17px;} .mod-articlescategory li ul li a:hover {color: #9999ff;} /*a.mod-articles-category-title.active {color: #9999ff;}*/ /* PRODUCTS SLIDER */ .bs-product {margin: 0!important;} /* MAN SLIDER */ .manslider.slick-dotted.slick-slider { margin-bottom: 30px; width: 80%!important; margin: 0 auto; } .manslider .mb-2 {margin-bottom: 0rem!important;} .h3container.topbrandsfp h3.purple {margin-bottom: 0;margin-top: 20px;} /* PRODUCT */ .prfp .product-top-container {padding: 15px;} .prfp .product-container {border: 1px solid #eee; border-radius: 10px;} .prfp h3.product-name.text-center.m-0.mb-2 a {font-size: 14px;line-height: 130%; font-weight: 500;} .prfp h3.product-name.text-center.m-0.mb-2 {min-height: 35px;} .availability {text-align: center;} .prfp .product-price-before-discount, .product-sales-price div {display: inline-block;} .prfp span.PricesalesPrice {color: #0a0a0a;font-size:24px!important;} .prfp .addtocart-area {text-align: center;} .avail-1 {color: #2b8257; } .avail-2 {color: #608000; } .avail-3 {color: #76760a; } .avail-4 {color: #eb0000; } .avail-5 {color: #eb0000; } .avail-6 {color: #db00a1; } .new-truck-1 i.fa.fa-truck {color: #2b8257;} .new-truck-1 .cent-mini-cart-eta {border: 1px solid #2b8257;} .new-truck-2 i.fa.fa-truck {color: #608000;} .new-truck-2 .cent-mini-cart-eta {border: 1px solid #608000;} .new-truck-3 i.fa.fa-truck {color: #76760a;} .new-truck-3 .cent-mini-cart-eta {border: 1px solid #76760a;} .new-truck-4 i.fa.fa-truck {color: #eb0000;} .new-truck-4 .cent-mini-cart-eta {border: 1px solid #eb0000;} .new-truck-5 i.fa.fa-truck {color: #eb0000;} .new-truck-5 .cent-mini-cart-eta {border: 1px solid #eb0000;} .new-truck-6 i.fa.fa-truck {color: #db00a1;} .new-truck-6 .cent-mini-cart-eta {border: 1px solid #db00a1;} .terms-of-service-cont a { color: #6A4DFF!important; } span.pull-right.cent-mini-cart-edit a { color: #6A4DFF!important; } span.asterisk{color: #AD1400!important;} span.tf-flag-calling-code {color: #575757!important;} .extra-info-box { border:1px solid #333333; border-radius:12px; padding:10px; margin-bottom:15px; } div#centiva-installments {padding: 5px 0;} .centiva-eta.product-top-right-cont {padding: 5px 0; margin-left:40px; } .availtext.centiva-eta2 { text-align: left; color: #6A4DFF; } span.cent-new-metaforika.hasTooltip {font-weight: 600;} .avail-popup {padding:5px;} .avail-popup.selected {border:1px solid #333333;border-radius:5px;} /*.product.bs-product.prfp .cent-new-cbadge,.product.product.product-grid-view .cent-new-cbadge{display: none;}*/ .product-grid-view .cbadge span.hasTooltip img { border: 1px solid #d3d3d3; border-radius: 12px; padding: 3px; max-height: 40px; } .bs-product .cbadge span.hasTooltip img { border: 1px solid #d3d3d3; border-radius: 12px; padding: 3px; max-height: 40px; } .cbadge .col {padding: 0 5px;text-align:center;} .cent-new-cbadge {min-height: 40px;} .cbadge.row-cols-5 .col{padding: 0 7px!important;} .product-grid-view .cbadgetop span.hasTooltip img { border: 0px solid #d3d3d3; border-radius: 12px; padding: 3px; height: 40px; object-fit: contain; } .bs-product .cbadgetop span.hasTooltip img { border: 0px solid #d3d3d3; border-radius: 12px; padding: 3px; height: 40px; object-fit: contain; } .row.cbadgetop.row-cols .col-4 {text-align: right;} .cnewpr1 { background-color: #eee; padding: 5px 7px 10px 7px; border-radius: 12px; margin-top: 5px; line-height: 40px; } .cola, .colb, .colc {display: inline-block;padding: 0 1px;} .row.cbadgetop.row-cols .col-8 {padding-left: 0;} .row.cbadgetop.row-cols .col-4 {padding-right: 0;} .cent-new-cbadge {margin-bottom: 0px;} .cent-new-cbadge.topbadge {margin-bottom: 10px;} .col.badgecol.cold {text-align: right;} .cold.oblackfriday span.hasTooltip.csalepr {background-color: #000;color: red;} .slick-slide .product.bs-product.prfp img {display: inline-block;} .product-list-utilities {top: 6rem;opacity:1;} .product-list-utilities {bottom: 0;top: 90%;} .product-list-utilities { bottom: 0; top: 310px; right: 15px; transform: none; transition: none; } .btn-vme-round > i { display: inline-block; height: 2.15rem; width: 2.15rem; border: none; border-radius: 0; line-height: calc(2.15rem - 2px); background-color: var(--white); color: var(--gray-900); border: 0px!important; text-align: center; margin: 0; transition: none!important; } .btn-vme-round:hover > i, [open] > .btn-vme-round.btn-vme > i { background-color: transparent!important;} .product-list-utilities i.vpi.vpi-heart {color: #a497e7;} span.hasTooltip.cnewpr1 { background-color: #eee; padding: 5px 7px 10px 7px; border-radius: 12px; } .product-image-gallery__thumbnails .product-image-gallery__item-inner {border: 0px solid var(--template-product-thumbnail-border-color,#fafafa);} #tns2 > .tns-item {margin-bottom: 7px!important;height: 120px!important;} div#tns2-mw {height: auto!important;} .prcatstock {padding-bottom: 13px;} #search-results1 .PricesalesPrice.vm-display.vm-price-value .PricesalesPrice {font-size: 16px; font-weight: 500;} .btn-vme-round.btn-item-added > i, .btn-vme-round.btn-item-added:hover > i { background: #ffffff!important;color: #000000!important;} .btn-vme-round > i, .btn-vme-round:hover > i { background: #ffffff!important;color: #a497e7!important;} .product-prices-sku-mpn-gtin-stock.ps-4.flex-fill { margin-top: -6px;} .product-overview-container .product-manufacturer { margin-top: 5px;} /* Categories */ .prcat .product-top-container {padding: 15px;} .prcat .product-container {border: 1px solid #707070; border-radius: 10px;} .prcat h3.product-name.text-center.m-0.mb-2 a {font-size: 14px;line-height: 130%; font-weight: 500;} .prcat h3.product-name.text-center.m-0.mb-2 {min-height: 35px;} .prcat span.PricesalesPrice {color: #000000;font-size: 20px;} h1.cat-page-title {font-weight: 400;margin-bottom: 10px;} .pcatline {margin: 0px 0 25px 0;} .btn, .btn-vm-customfield .form-check-label-text {text-transform: none;} input.addtocart-button.btn.btn-primary {background-color: #7357FF;border: 0;padding: 7px 60px;font-size: 14px; margin: 0px 0px 10px 0;border-radius: 8px;} .prgalcontainer{border:1px solid #707070; border-radius:12px;} .prgalcontainer .cent-new-cbadge {min-height: 40px;padding: 10px;} .product-image-gallery__item-inner .product-image.tns-complete{} .product-image-gallery__thumbnails .product-image-gallery__item .product-image-gallery__item-inner img {padding: 10px;border:1px solid #707070; border-radius:12px;} .product-manufacturers > .product-manufacturer > a { display: block; padding: 0; border: 0; color: inherit; text-transform: uppercase; font-weight: bold; text-align: center; box-shadow: none; text-decoration: none; transition: box-shadow 0.15s ease-in; } .product-prices-wrapper.mb-4 {text-align: right;} .product-price-before-discount, .product-sales-price div { display: block;} .pline {margin: 0px 0 15px 0;} h4 {margin-bottom: 0;} .productdetails-view h4 { margin: 1.33em 0 0.5em 0;} .productdetails-view .pline {margin: 0px;} .productdetails-view p.product-short-description {padding: 0; margin: 0;} .tab-content.mb-4 { padding-top: 0;} .productdetails-view .tab-pane h3 { margin: 0px 0 5px 0;} .productdetails-view .tab-content.mb-4 { margin-bottom: 0; padding-bottom: 0;} .nav-tabs-simple {justify-content: left;} span.PricesalesPrice {color: #7357FF;} .productdetails span.addtocart-button-container {width: 100%;} .productdetails input.addtocart-button.btn.btn-primary { background-color: #7357FF; border: 0; padding: 7px 40px; font-size: 24px; margin: 5px 0px 10px 0; width: 100%;} .productdetails input.addtocart-button.btn.btn-primary { padding: 7px 40px 9px 40px; font-size: 24px; margin: 15px 0px 10px 0; width: 100%; border-radius: 16px;} .productdetails .prfp input.addtocart-button.btn.btn-primary { padding: 7px 40px 9px 40px;font-size: 15px; margin: 5px 0px 10px 0;width:auto!important;} .product-stock.col {text-align: center;} .product.product .PricesalesPrice.vm-display.vm-price-value .PricesalesPrice { font-size: 28px; font-weight: 500; line-height: 22px; } button#to-brand-page { border-radius: 10px; padding: 8px 20px; } /* FOOTER */ .fcontainer ul { margin: 0; padding: 0; } .fcontainer li { list-style: none; padding: 4px 0; margin: 0; } .liTitle {color: #fff;} .fcontainer .liTitle { position: relative; z-index: 1; text-align: left; padding-bottom: 10px; font-size: 17px; margin-bottom: 20px; } .col-4.bright { border-right: 1px solid #343434; padding-top: 50px; } .row.bbot { border-bottom: 1px solid #343434; padding-bottom: 30px; padding-top: 50px; padding-left: 30px; } .bottom-section .container-inner {padding: 0;} .mod-position-bottom-horizontal.mod-row.mb-5.col-12.col-lg-12 {margin-bottom: 0!important;} .row.paddbot {padding-bottom: 30px;padding-left: 30px;} .paddbot .liTitle:after { content: ""; position: absolute; left: 0%; margin-left: 10px; bottom: 0; width: 100px; border-bottom: 2px solid #eee; } .col-8.paddtop {padding-left: 0;} .bottom-slider-section { background-color: #AB7CDA; border: 0; padding: 10px 0 20px 0; } .cnewsletter .cf-form-wrap {padding: 30px 0;} input#form1_email,input#form6_email { background-color: transparent; border: 0; border-bottom: 1px solid #fff; border-radius: 0; padding-left: 0; font-size: 30px; padding: 10px 0; } .cf-form-wrap.cf-col-16 { /*background-color: #AB7CDA!important;*/ } #cf_1 h2,#cf_6 h2 {margin-bottom: 0;} label.cf-label a {color: #fff;} .cf-control-input h4 { color: #fff; font-weight: 400; font-size: 38px!important; } label.cf-label {font-weight: 400!important;} input#form1_termsofservice3 { padding: 10px; width: 22px; height: 22px; } .footer-area {border-top: 1px solid #343434;} .view-element_product .main-content-area {padding: 10px 0 10px 0;} .view-element_category .main-content-area {padding: 30px 0 50px 0;} .main-content-area {padding: 0 0 50px 0;} .promo-banner-content.w-50 a {color: #000000;} /* Accordion */ .collapsed span.rl_sliders-toggle-inner.nn_sliders-toggle-inner { background: url(../../images/plus.png) no-repeat left; height: 32px; padding: 10px 0; padding-left: 50px; } [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button] { background-color: #ffffff!important ;transition: background-color 200ms, border 200ms;border: 0;border-bottom: 1px solid #000;border-radius: 0;} [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=panel], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel] { background: #ffffff;border: 0;border-radius: 0px;} [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-state=open], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-state=opening] { background-color: #fff;border-radius: 0;} [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]):hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button]:not([data-rlta-state=closed]):hover { background-color: #ffffff;border-color: #000;} [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button] { margin-bottom: 0em;text-align: left;} [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button] { padding: 1.18rem 1.25rem;background: url(../images/chevron.png) no-repeat right;} [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]):hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button]:not([data-rlta-state=closed]):hover { background-color: #ffffff; border-color: #000; background: url(../images/chevron-down.png) no-repeat right; } .promoTitle {text-align: left;font-size: 26px!important;} .promosTitle {text-align: left;font-size: 18px!important; margin-bottom: 15px;} .promoTitle {border-bottom: 3px solid #000;margin-bottom: 10px!important;} /* CART */ /*.vpi-shopping-bag {background-image: url(../images/cart.png);height: 28px;width: 28px;}*/ .vpi-shopping-bag:before {content: "";} .vpi-shopping-bag:before {content: "\ee47";} /* NEW 21/09/2023 */ /* SEARCH */ div#search-results1 {margin-top: 26px;border: 0!important;} .vpajaxsearch-suggestion1-body {border: 0;} .vpajaxsearch-suggestion.c-0 .row1 a {padding: 1px 10px;font-size: 15px;color: #fff;margin: 5px 0;} .vpajaxsearch-suggestion.c-0 { width: 100%; float: none; padding: 15px 0 15px;background-color: #000;} .vpajaxsearch-suggestion.c-1 .row1 a {padding: 1px 10px;font-size: 15px;color: #fff;margin: 5px 0;} .vpajaxsearch-suggestion.c-1 { width: 100%; float: none; padding: 15px 0 15px;background-color: #000;} .vpajaxsearch-suggestion.c-2 { display:none;} .vpajaxsearch-suggestion1-content {background-color: #fff;padding: 20px;} .searched-product-image img {max-height: 70px;} .searched-category-title a {color: #000;font-size: 16px;line-height: 180%;text-decoration:none;} .searched-category-title a:hover{color:red;} /*.searched-product-image, .searched-product-info {width: auto;}*/ .scolTitle {font-size: 22px;padding-bottom: 15px;font-weight: 500;} .vpajaxsearch-suggestion1-content .row {display: flex;flex-wrap: wrap;} .vpajaxsearch-suggestion1-content .col-md-3, .vpajaxsearch-suggestion1-content .col-md-6{ display: flex; flex-direction: column;} .searched-product {margin-bottom: 10px;} .vpajaxsearch-suggestion1-body {background-color: #fff;} .vpajaxsearch-suggestion1.c-2 {display: none;} .searched-product-title {padding-top: 0.61em;font-size: 0.9rem; margin-bottom: 0px; text-transform: none; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .vpajaxsearch-suggestion-header > h4 {display: inline-block;margin: 0; text-transform: none;color: #fff;} .vpajaxsearch-suggestion-header {overflow: hidden; background: #080808; border-bottom: 1px solid #e6e6e6; padding: 1.43em;} .vpajaxsearch-suggestion1-body {background-color: #fff;border-top: 1px solid #a1a1a1;} .vpajaxsearch-suggestion-header { display: none;} .vpajaxsearch-suggestion1-content .col-md-3:before {position: absolute; top: 0; right: 1.5rem; display: inline-block; width: 1px; height: 100%; border-right: 0px solid #a1a1a1; content: '';} a.vpajaxsearch-viewall { background-color: #7357FF; padding: 7px 15px; color: #fff; border-radius: 10px; } .vpajaxsearch-view-call-centiva.resall { text-align: center!important; margin-top: 30px; margin-bottom: 10px; } .searched-product-image {width: 20%;} .searched-product-title a {color: #000;} .searched-product-title {white-space: normal;padding-top:0;} /* SLIDER */ .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: black!important; } /* SERVICE */ .s132 {display: -ms-flexbox; display: flex; -ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center; text-align:center;} .s132 form {width: 100%;max-width: 790px;} .s132 form .inner-form {background: rgba(0, 0, 0, 0.5);display: -ms-flexbox;display: flex;width: 100%;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center; align-items: center;} .s132 form .inner-form .input-field {height: 68px;} .s132 form .inner-form .input-field input {height: 100%; background: transparent;border: 0;display: block;width: 100%;padding: 10px 32px;font-size: 16px;color: #fff;} .s132 form .inner-form .input-field input.placeholder {color: #e5e5e5;font-size: 16px;} .s132 form .inner-form .input-field input:-moz-placeholder {color: #e5e5e5;font-size: 16px;} .s132 form .inner-form .input-field input::-webkit-input-placeholder {color: #e5e5e5;font-size: 16px;} .s132 form .inner-form .input-field input:hover, .s132 form .inner-form .input-field input:focus {box-shadow: none;outline: 0;border-color: #fff;} .s132 form .inner-form .input-field.first-wrap {width: 200px;} .s132 form .inner-form .input-field.first-wrap .choices__inner {background: transparent;border-radius: 0; border: 1px solid rgba(255, 255, 255, 0.3); height: 100%; color: #fff;display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 10px 30px;} .s132 form .inner-form .input-field.first-wrap .choices__inner .choices__list.choices__list--single {display: -ms-flexbox; display: flex;padding: 0;-ms-flex-align: center; align-items: center; height: 100%;} .s132 form .inner-form .input-field.first-wrap .choices__inner .choices__item.choices__item--selectable.choices__placeholder {display: -ms-flexbox; display: flex; -ms-flex-align:center; align-items: center;height: 100%;opacity: 1;color: #e5e5e5;font-size: 16px;} .s132 form .inner-form .input-field.first-wrap .choices__inner .choices__list--single .choices__item {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center; height: 100%;} .s132 form .inner-form .input-field.first-wrap .choices[data-type*="select-one"]:after {right: 30px; border-color: #e5e5e5 transparent transparent transparent;} .s132 form .inner-form .input-field.first-wrap .choices__list.choices__list--dropdown { border: 0; background: black;} .s132 form .inner-form .input-field.first-wrap .choices__list.choices__list--dropdown .choices__item--selectable { padding-right: 0;} .s132 form .inner-form .input-field.first-wrap .choices__list--dropdown .choices__item--selectable.is-highlighted {background: #000; color: #fff;} .s132 form .inner-form .input-field.second-wrap {-ms-flex-positive: 1;flex-grow: 1;} .s132 form .inner-form .input-field.second-wrap input {border: 1px solid rgba(255, 255, 255, 0.3);border-left: 0; border-right: 0;} .s132 form .inner-form .input-field.third-wrap {width: 164px;} .s132 form .inner-form .input-field.third-wrap .btn-search {font-weight: 300;height: 100%;width: 100%;white-space: nowrap;font-size: 20px;color: #fff; border: 0; cursor: pointer; position: relative; z-index: 0; background-color:#000;} .s132 form .inner-form .input-field.third-wrap .btn-search:before {border-radius: inherit;background-color: red; content: ''; display: block;height: 100%; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; z-index: -1; transition: all .2s ease-out, color .2s ease-out;} .s132 form .inner-form .input-field.third-wrap .btn-search:hover::before {opacity: 1;} .s132 form .inner-form .input-field.third-wrap .btn-search:focus {outline: 0;box-shadow: none;} @media screen and (max-width: 992px) { .s132 form .inner-form .input-field {height: 50px;} } @media screen and (max-width: 767px) { .s132 form .inner-form {-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 20px;} .s132 form .inner-form .input-field {margin-bottom: 20px;} .s132 form .inner-form .input-field input {padding: 10px 15px;} .s132 form .inner-form .input-field.first-wrap {width: 100%;} .s132 form .inner-form .input-field.first-wrap .choices__inner {padding: 10px 15px;} .s132 form .inner-form .input-field.first-wrap .choices[data-type*="select-one"]:after {right: 11.5px;border-color: #e5e5e5 transparent transparent transparent;} .s132 form .inner-form .input-field.second-wrap {width: 100%;} .s132 form .inner-form .input-field.second-wrap input {border: 1px solid rgba(255, 255, 255, 0.3);} .s132 form .inner-form .input-field.third-wrap { margin-bottom: 0;width: 100%;} } /*# sourceMappingURL=Searchs_132.css.map */ #servid { border-right: 1px solid rgba(255, 255, 255, 0.3); border-left: 1px solid rgba(255, 255, 255, 0.3); } /* FILTERS */ .cf_link{font-size: 15px;font-weight:400;} .cf_wrapper_inner .slider-container {width: 85%;margin: 20px auto 0px 10px;} .slider-values {margin-top: 10px!important;} /* KP */ .headexpand {width:16px;height:15px;margin-right:5px} aside#left-aside {background-color:#fff;padding-top:0px} .cf_flt_header {font-size:1.1em;font-weight:500;margin-bottom:5px} ul.cf_filters_list {margin-left:0;padding-left:5px} .cf_filters_list li {line-height:1.3em;border-bottom:0 solid #dad9d9;padding:5px 0} .cf_flt_wrapper {margin-bottom:20px;border-bottom:0px solid rgba(128,130,133,.5)} .cf_filters_list li a {color:#4a4a4a} .cf_filters_list li a:hover {color:#d9534f} .cf_wrapper_input_text_2 input {width:25%!important;min-width:50px} .cf_filtering_slide_container {display:none} .cf_resetAll_link {padding-left:5px} .module-block.filters .mod-header {font-size:22px;text-transform:none;font-weight:400;padding-bottom:10px;border-bottom:2px solid #464646!important} .category-page-title,.vm-frontpage-view>h3 {text-transform:none;font-weight:500;text-align:left} .nav-link{text-transform: none!important;} .cf_filters_list {margin-top: 0;} /*.cf_flt_wrapper{margin-bottom:30px}*/ .cf_flt_wrapper { margin-bottom: 30px; border-bottom: 1px solid #afafaf; margin-top: -10px; } div#cf_flt_wrapper_manufacturer_208 {padding-bottom: 20px;} .cf_flt_header{text-decoration:none;cursor:pointer;font-size:1.1em;padding-bottom:7px;font-weight:700;border-bottom:0px solid #a7a7a7;} .headexpand{display:inline-block;width:14px;height:15px;margin-right:5px} [class^=cficon-]:before,[class*=" cficon-"]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.cficon-search:before{content:'\e800'}.cf_li_clear{display:block!important;float:none!important}.headexpand_show{background:url(arrows_exp2.png) left bottom no-repeat}.headexpand_hide{background:url(arrows_exp2.png) left top no-repeat}.cf_flt_wrapper label{display:inline!important}.cf_filters_list{padding-inline-start:0;margin-inline-start:0}.cf_filters_list li{line-height:1.3em;margin-inline-start:0;padding-inline-start:0;list-style:none;background-image:none}.cf_filters_list li .cf_option{text-decoration:none;padding:1px 5px}.cf_filters_list li .cf_sel_opt{font-weight:700}.cf_invisible{display:none}.cfLiLevel1{margin-inline-start:15px!important}.cfLiLevel2{margin-inline-start:30px!important}.cfLiLevel3{margin-inline-start:40px!important}.cfLiLevel4{margin-inline-start:50px!important}.cfLiLevel5{margin-inline-start:60px!important}.cf_flt_wrapper select{min-width:120px;min-width:50px;width:85%}.cf_wrapper_input_text{padding-bottom:10px;display:inline-block}.cf_wrapper_input_text_1 input[type=search]{width:70%}.cf_wrapper_input_text_2 input{width:25%;min-width:50px}.cf_message{position:absolute;color:#fff;width:150px;padding:5px;background:red;-webkit-border-radius:5px;-webkit-border-top-left-radius:0;-moz-border-radius:5px;-moz-border-radius-topleft:0;border-radius:5px;border-top-left-radius:0;display:none;z-index:1500}.cf_img_wrapper{}.cf_img_wrapper a{padding:0;margin:0!important;background:0 0}.cf_img_wrapper a img{padding:0;margin:0!important;background:0 0}.cf_img_wrapper a:hover{}.cf_img_caption{display:block;text-align:center;clear:both}.cf_sel_opt img{border:1px solid #bbb}.cf_btn_list li{display:inline-block;padding:0!important}.cf_button,.cf_button:active,.cf_button:visited,.cf_button:link{display:inline-block;background:#fbfbfb;box-sizing:border-box;border:1px solid #999;border-radius:2px;text-align:center;font-size:1em;margin:2px 4px 4px 0!important;color:#555;height:1.8em!important;line-height:1.8em;padding:0 .8em!important;text-align:center}.cf_button:not(.cf_disabled_opt):hover,.cf_button:not(.cf_disabled_opt):focus{background:#f4f4f4;box-shadow:inset 0 0 2px #bbb}.cf_button.cf_sel_opt{border:2px solid;color:#222;font-weight:400!important}.cf_btn_list .cf_disabled_opt{opacity:.6;box-shadow:0 0 0 #888}.cf_colorbtn_list li{display:inline-block;padding:0!important;position:relative;vertical-align:top}.cf_color_btn{display:inline-block;width:2em;box-sizing:border-box;padding:0!important;border:1px solid #999;margin:2px 4px 4px 2px!important}.cf_color_btn:not(.cf_disabled_opt):hover,.cf_color_btn:not(.cf_disabled_opt):focus{box-shadow:0 0 1px 1px #bbb}.cf_color_inner{height:1.8em;display:inline-block;float:left;margin:0!important;padding:0!important}.cf_colorbtn_list .cf_sel_opt{border:1px solid #bbb;outline:#333 solid 2px}.cf_colorbtn_list .cf_disabled_opt{opacity:.4}.cf_option+[role=tooltip],.cf_filtering_knob+[role=tooltip]{display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;position:absolute}.cf_option+[role=tooltip]{width:90px;left:50%;margin-left:-45px}.cf_disabled_opt+[role=tooltip] .tip-content{opacity:.5}.cf_filtering_knob+[role=tooltip]{top:16px}.cf_option:hover+[role=tooltip],.cf_filtering_knob:hover+[role=tooltip],.cf_option:focus+[role=tooltip],.cf_filtering_knob:focus+[role=tooltip]{display:block}.cftooltip{--tolltip-backround: #ffffff;--tolltip-border-color: #ccc;--arrow-size: 7px;z-index:98;padding:.4rem;margin:7px 0 0;box-sizing:border-box;background:var(--tolltip-backround);background-clip:padding-box;border:1px solid var(--tolltip-border-color);color:#000;font-size:.8rem}.cftooltip:after,.cftooltip:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute}.cftooltip:after{border-bottom-color:var(--tolltip-backround,#ffffff);border-width:var(--arrow-size,12px);margin-inline-start:calc(var(--arrow-size,12px) * -1)}.cftooltip:before{border-bottom-color:var(--tolltip-border-color,#ccc);border-width:calc(var(--arrow-size) + 2px);margin-inline-start:calc((var(--arrow-size,12px) + 2px) * -1)}.cf_filtering_slider_gutter{float:left;display:block;position:relative;padding-inline-start:10px;padding-inline-end:10px;margin-top:10px}.cf_slider_gutter_m{width:142px;background-color:#dfdfdf;height:5px;margin-inline-start:10px;border-radius:4px}.slider_bkg_img{position:absolute;height:5px;width:142px;background-color:#bbb}.knob_wrapper{float:left;height:20px;margin-top:-6px}.cf_filtering_knob{position:absolute;height:20px;width:20px;cursor:pointer;z-index:99;background-color:#337ab7;border-radius:50%}.cf_filtering_knob:hover,.cf_filtering_knob:focus{--focus-color: #1650b7;background-color:var(--focus-color);box-shadow:0 0 4px var(--focus-color)}.cf_search_input_2{max-width:120px}.cf_search_button{padding-inline-start:10px;padding-inline-end:10px;min-height:1em;cursor:pointer;display:inline-block}.cf_smart_search{width:85%;margin-bottom:.5em}.cf_ajax_loader{position:absolute;z-index:100000;background-color:#efefef;opacity:.6}#cf_res_ajax_loader{display:none;position:absolute;z-index:100000;width:100%;min-height:200px;background-color:#fff;background-position:center 80px!important;opacity:.5}.cf_match{font-weight:700;background:#f2f2f2;border:1px solid #ddd;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.cf_flt_counter{color:#666;display:inline-block}.cf_disabled_opt{color:#666}.cf_disabled_opt_image{color:#666;opacity:.8}.cf_resetAll_link{font-size:1.1em}.cf_hide{display:none}.cf_hidden_text{font:0/0 a;color:transparent!important}@media(hover:none) and (pointer:coarse){.cf_option:focus+[role=tooltip],.cf_option:hover+[role=tooltip]{display:none}} /* ARTICLE */ figure.item-image img {width: 100%;height: 180px;object-fit: contain;} .itemid-349 figure.item-image img { width: 100%; height: 240px; object-fit: cover; } .com-tags__items h3 a {font-size: 18px;color: #000;} .com-tags__items h3 {margin: 0.4em 0;} .item-page .manslider.slick-dotted.slick-slider {margin-bottom: 30px; width: 100%!important;margin: 0 auto;margin-top: 50px!important;} .bg-warning {background-color: #ff8200 !important;} .catblog .mod-header .mod-title { margin: 0; padding: 0; text-transform: none; font-size: 2rem; font-size: 22px!important; } .mod-articlescategories a {color: #000;} th.list-title {font-size: 17px;line-height: 34px;border:0px;font-weight:400;} th.list-title a {font-size: 17px;line-height: 34px;color:#000;text-decoration:none;} .table-bordered>:not(caption)>* {border: 0;} .com-content-category__pagination {margin-bottom: 2em;margin-top: 2em;} /*checkout all css before custom override */ /** * @package VP One Page Checkout - Joomla! System Plugin * @subpackage For VirtueMart 3+ and VirtueMart 4+ * * @copyright Copyright (C) 2012-2023 Virtueplanet Services LLP. All rights reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt * @authors Abhishek Das * @link https://www.virtueplanet.com */ #ProOPC, #ProOPC span, #ProOPC div, #ProOPC p, #ProOPC input, #ProOPC select, #ProOPC button, #ProOPC h1, .proopc-finalpage h3, .proopc-finalpage h2, .proopc-finalpage h1, .proopc-finalpage h4, .proopc-register-login h3, .proopc-register-login h2, .proopc-register-login h4, .proopc-register-login h1 { font: 12px/1.55 Verdana, helvetica, sans-serif; } #ProOPC textarea, #ProOPC input[type="text"], #ProOPC input[type="password"], #ProOPC input[type="datetime"], #ProOPC input[type="datetime-local"], #ProOPC input[type="date"], #ProOPC input[type="month"], #ProOPC input[type="time"], #ProOPC input[type="week"], #ProOPC input[type="number"], #ProOPC input[type="email"], #ProOPC input[type="url"], #ProOPC input[type="search"], #ProOPC input[type="tel"], #ProOPC input[type="color"], #ProOPC .uneditable-input { display: inline-block; height: 20px; padding: 3px 5px; margin-bottom: 5px; font-size: 14px; line-height: 20px; color: #555; vertical-align: middle; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } #ProOPC select { height: 28px; line-height: 28px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 220px; background-color: #fff; border: 1px solid #ccc; display: inline-block; padding: 3px 5px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; max-width: 100%; } #ProOPC select[multiple] { height: auto; } #ProOPC select[readonly], #ProOPC select[disabled] { background-color: #eee; cursor: not-allowed; } #ProOPC .asterisk { color: #ec1c00; } #ProOPC textarea.invalid, #ProOPC input[type="text"].invalid, #ProOPC input[type="email"].invalid, #ProOPC input[type="password"].invalid, #ProOPC select.invalid { border-color: #b94a48; color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } #ProOPC a:not(.proopc-btn) { text-decoration: none; } #ProOPC a:not(.proopc-btn):hover, #ProOPC a:not(.proopc-btn):focus { text-decoration: underline; outline: 0 none; border: 0 none; } #ProOPC label { display: block; } #ProOPC label.invalid, #ProOPC div.invalid { color: #b94a48; background-color: transparent; } #ProOPC form, #ProOPC fieldset { margin: 0; padding: 0; border: 0 none; } #ProOPC .proopc-input-append input[type="text"], #ProOPC .proopc-input-append input[type="email"], #ProOPC .proopc-input-append input[type="password"] { padding-right: 20px; } #ProOPC .proopc-qty-update .proopc-input-append input[type="text"] { padding-right: 5px; width: auto; text-align: center; } #ProOPC .proopc-input-append #proopc-coupon-code[type="text"] { padding-right: 5px; float: left; font-size: 12px; } #proopc-coupon { position: relative; } #proopc-coupon button.proopc-btn { float: left; margin-left: -1px; } #proopc-coupon .proopc-system-message { min-height: 30px; } #proopc-coupon .proopc-input-append { padding: 15px 0; } #ProOPC .inner-wrap { padding: 0 15px; min-height: 50px; } #ProOPC .proopc-st-address .inner-wrap { min-height: 30px } #ProOPC input[type="checkbox"] { margin: 0 5px 2px 0; } #ProOPC input[type="checkbox"], #ProOPC input[type="radio"] { width: auto; } label[for="BTasST"] { margin-top: 10px; } #ProOPC .cart-page-title, #ProOPC .cart-page-title span { font-size: 20px; text-transform: uppercase; text-align: center; margin-bottom: 15px; border: 0 none; font-family: Verdana; } #ProOPC .cart-page-title { color: #333; } #ProOPC .cart-page-title span { color: #555; } .proopc-btn { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #ccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .proopc-btn:hover, .proopc-btn:focus, .proopc-btn:active, .proopc-btn.active, .proopc-btn.disabled, .proopc-btn[disabled] { color: #333; background-color: #e6e6e6; } .proopc-btn:active, .proopc-btn.active { background-color: #ccc \9; } .proopc-btn:hover, .proopc-btn:focus { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear; } .proopc-btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .proopc-btn.active, .proopc-btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .proopc-btn.disabled, .proopc-btn[disabled] { cursor: default; cursor: not-allowed; background-image: none; opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .proopc-btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .proopc-btn-primary.active, .proopc-btn-warning.active, .proopc-btn-danger.active, .proopc-btn-success.active, .proopc-btn-info.active, .proopc-btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .proopc-btn-primary { background-color: #006dcc; background-color: #04c; background-image: linear-gradient(to bottom, #08c, #04c); background-image: -moz-linear-gradient(top, #08c, #04c); background-image: -o-linear-gradient(top, #08c, #04c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); background-image: -webkit-linear-gradient(top, #08c, #04c); background-repeat: repeat-x; border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .proopc-btn-primary:hover, .proopc-btn-primary:focus, .proopc-btn-primary:active, .proopc-btn-primary.active, .proopc-btn-primary.disabled, .proopc-btn-primary[disabled] { background-color: #003bb3; background-color: #04c; color: #fff; } .proopc-btn-primary:active, .proopc-btn-primary.active { background-color: #039 \9; } .proopc-btn-warning { background-color: #f89406; background-color: #faa732; background-image: linear-gradient(to bottom, #fbb450, #f89406); background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .proopc-btn-warning:hover, .proopc-btn-warning:focus, .proopc-btn-warning:active, .proopc-btn-warning.active, .proopc-btn-warning.disabled, .proopc-btn-warning[disabled] { background-color: #df8505; background-color: #f89406; color: #fff; } .proopc-btn-warning:active, .proopc-btn-warning.active { background-color: #c67605 \9; } .proopc-btn-danger { background-color: #bd362f; background-color: #da4f49; background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .proopc-btn-danger:hover, .proopc-btn-danger:focus, .proopc-btn-danger:active, .proopc-btn-danger.active, .proopc-btn-danger.disabled, .proopc-btn-danger[disabled] { background-color: #a9302a; background-color: #bd362f; color: #fff; } .proopc-btn-danger:active, .proopc-btn-danger.active { background-color: #942a25 \9 } .proopc-btn-success { background-color: #51a351; background-color: #5bb75b; background-image: linear-gradient(to bottom, #62c462, #51a351); background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .proopc-btn-success:hover, .proopc-btn-success:focus, .proopc-btn-success:active, .proopc-btn-success.active, .proopc-btn-success.disabled, .proopc-btn-success[disabled] { background-color: #499249; background-color: #51a351; color: #fff; } .proopc-btn-success:active, .proopc-btn-success.active { background-color: #408140 \9; } .proopc-btn-info { background-color: #2f96b4; background-color: #49afcd; background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .proopc-btn-info:hover, .proopc-btn-info:focus, .proopc-btn-info:active, .proopc-btn-info.active, .proopc-btn-info.disabled, .proopc-btn-info[disabled] { background-color: #2a85a0; background-color: #2f96b4; color: #fff; } .proopc-btn-info:active, .proopc-btn-info.active { background-color: #24748c \9; } .proopc-btn-inverse { background-color: #222; background-color: #363636; background-image: linear-gradient(to bottom, #444, #222); background-image: -moz-linear-gradient(top, #444, #222); background-image: -o-linear-gradient(top, #444, #222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222)); background-image: -webkit-linear-gradient(top, #444, #222); background-repeat: repeat-x; border-color: #222 #222 #000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .proopc-btn-inverse:hover, .proopc-btn-inverse:focus, .proopc-btn-inverse:active, .proopc-btn-inverse.active, .proopc-btn-inverse.disabled, .proopc-btn-inverse[disabled] { background-color: #151515; background-color: #222; color: #fff; } .proopc-btn-inverse:active, .proopc-btn-inverse.active { background-color: #080808 \9 } button.proopc-btn, input[type="submit"].proopc-btn { padding-bottom: 3px; padding-top: 3px; } button.proopc-btn::-moz-focus-inner, input[type="submit"].proopc-btn::-moz-focus-inner { border: 0; padding: 0; } button.proopc-btn.proopc-btn-large, input[type="submit"].proopc-btn.proopc-btn-large { padding-bottom: 7px; padding-top: 7px; } button.proopc-btn.proopc-btn-small, input[type="submit"].proopc-btn.proopc-btn-small { padding-bottom: 3px; padding-top: 3px; } button.proopc-btn.proopc-btn-mini, input[type="submit"].proopc-btn.proopc-btn-mini { padding-bottom: 1px; padding-top: 1px; } .proopc-btn-link, .proopc-btn-link:active, .proopc-btn-link[disabled] { background-color: transparent; background-image: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .proopc-btn-link { border-color: transparent; border-radius: 0; color: #08c; cursor: pointer; -moz-border-radius: 0; -webkit-border-radius: 0 } .proopc-btn-link:hover, .proopc-btn-link:focus { background-color: transparent; color: #005580; text-decoration: underline } .proopc-btn-link[disabled]:hover, .proopc-btn-link[disabled]:focus { color: #333; text-decoration: none } [class^="proopc-icon-"], [class*=" proopc-icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 1px; line-height: 14px; vertical-align: text-top; background-image: url(../images/glyphicons-halflings.png); background-position: 14px 14px; background-repeat: no-repeat } .proopc-icon-refresh { background-position: -240px -24px } .proopc-icon-trash { background-position: -456px 0 } .proopc-group { width: 100%; margin: 0 0 3px; padding: 0; display: block } .proopc-group:before, .proopc-group:after { display: table; line-height: 0; content: "" } .proopc-group:after { clear: both } .proopc-input-group-level, .proopc-input { float: left; display: block; margin: 0; padding: 0 } .proopc-input { float: right } .proopc-input-group-level { width: 40% } .proopc-input { width: 60% } .proopc-input-group-level label { font-size: 12px; margin: 0 0 5px; padding: 0; padding-right: 5px; line-height: 28px; color: #7B7A7A } .proopc-reg-form input { width: 100% } .proopc-reg-form { padding: 10px 0 } .hover-tootip { cursor: pointer } .proopc-tooltip { position: absolute; visibility: hidden; border: 1px solid #333; background-color: #161616; padding: 0; color: #fff; font-size: 12px Verdana; max-width: 250px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; z-index: 10001; } .proopc-tooltip.show { visibility: visible; opacity: 1; } .proopc-tooltip:before { content: " "; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; bottom: -5px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .proopc-tooltip .tooltip-body { background: 0 none; padding: 3px 8px; font-size: 12px; line-height: 1.4; color: #FFF; } .proopc-tooltip .tooltip-body>:last-child { margin-bottom: 0; } .proopc-tooltip .tooltip-title { padding: 3px 8px 1px; color: #FFF; font-weight: bold; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 12px; line-height: 1.4; } .proopc-input-append { position: relative } .proopc-input-append>.status { display: none; position: absolute; top: 0; right: 0; margin: 8px 0 0; width: 16px; height: 12px; padding: 0; vertical-align: middle } .strength-meter { height: 3px; background: #DDD; margin: 5px 0; padding: 0; display: block } #meter-status { height: 3px; width: 0; margin: 0; padding: 0; display: block } #meter-status.short { background: #df0000; width: 25% } #meter-status.weak { background: #ffea00; width: 50% } #meter-status.good { background: #007fcf; width: 75% } #meter-status.strong { background: #00cf3a; width: 100% } .proopc-input-append>.status.valid { display: inline-block; background: url(../images/data-validation.png) no-repeat 0 0 transparent; } .proopc-input-append>.status.invalid { display: inline-block; background: url(../images/data-validation.png) no-repeat 0 -13px transparent; } .proopc-input-append>.status.validating { display: inline-block; background: url(../images/data-validating.gif) no-repeat 50% 50% transparent; } .password-stregth { margin: 0; color: #7B7A7A; font-weight: 400; font-size: 12px; line-height: 14px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); } .password-stregth>span { margin-left: 10px; float: right; font-weight: 400; font-size: 12px; line-height: 14px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); } .short { color: #df0000; } .weak { color: #ffea00; } .good { color: #007fcf; } .strong { color: #00cf3a; } .proopc-button-process { display: inline-block; vertical-align: middle; margin: 0 0 0 -17px; padding: 0; height: 3px; width: 17px; } .proopc-reg-form .proopc-btn { float: right; margin: 20px 0 0; } #ProOPC .proopc-ul { list-style: none; list-style-type: none; list-style-position: outside; margin: 10px 0; padding: 0; } .proopc-checkbox { font-size: 12px; } .proopc-checkbox.inline input[type="checkbox"] { display: inline; vertical-align: middle; margin: 0 0 2px; } .proopc-row { width: 100%; margin: 0; padding: 0; } .proopc-row:after, .proopc-row:before { display: table; line-height: 0; content: ""; } .proopc-row:after { clear: both; } .proopc-register-login { width: 100%; display: block; margin: 0; padding: 0; } .proopc-register-login:after, .proopc-register-login:before, .proopc-checkout:after, .proopc-checkout:before { display: table; line-height: 0; content: ""; } .proopc-register, .proopc-login { float: left; width: 50%; } .proopc-register-login .proopc-inner { border: 1px solid #DDD; padding: 0 15px 20px; margin: 0 10px 0 0; background: #FFF; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .proopc-inner { -webkit-transition: height .3s linear; -moz-transition: height .3s linear; -o-transition: height .3s linear; transition: height .3s linear; } #ProOPC .proopc-register-login h3:not(.modal-title) { border: 1px solid #DDD; margin: 0 10px 0 0; border-bottom: 0 none; } .proopc-login .proopc-inner, #ProOPC .proopc-login h3:not(.modal-title) { margin: 0 0 0 10px } .proopc-register-login h3:not(.modal-title) { font-size: 16px; line-height: 30px; padding: 2px 15px; background: #FAFAFA; font-weight: 400; text-transform: none; border-bottom: 0 none; text-rendering: optimizelegibility; } .proopc-subtitle { text-transform: uppercase; font-size: 12px; color: inherit; text-rendering: optimizelegibility; margin: 15px 0; padding: 0 } .proopc-register-login .proopc-switch { font-size: 12px; vertical-align: top; margin: 0 0 5px; padding: 0; } .proopc-switch input[type="radio"] { vertical-align: top; margin: 2px 5px 0 2px; } .proopc-reg-form>.proopc-inner, .proopc-guest-form>.proopc-inner { padding: 0; margin: 0; border: 0 none; } .proopc-reg-form>.proopc-inner.with-switch, .proopc-guest-form>.proopc-inner.with-switch { padding-left: 3px; } .proopc-pull-right { float: right; } .proopc-reg-form.hide, .proopc-guest-form.hide, .proopc-reg-form.soft-hide, .proopc-guest-form.soft-hide { display: none; opacity: 0; } .proopc-reg-form.show, .proopc-reg-form.soft-show { display: block; padding-top: 0; } .proopc-reg-form.show>.proopc-inner, .proopc-reg-form.soft-show>.proopc-inner { padding: 0; } .proopc-checkout { text-align: right; } .proopc-alert .close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; float: right; font-size: 20px; font-weight: 700; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; position: relative; top: -2px; right: -21px; line-height: 20px; } .proopc-alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #c09853; } .proopc-error-msg { background-color: #f2dede; border-color: #eed3d7; color: #b94a48 } .proopc-success-msg { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .proopc-info-msg { color: #3A87AD; background-color: #D9EDF7; border-color: #BCE8F1; } #ProOPC .proopc-process-title { margin: 0; background: #FAFAFA; border-bottom: 1px solid #DDD; line-height: 30px; font-size: 16px; font-weight: 400; padding: 2px 0; padding-left: 15px; } .proopc-step { background: #000; color: #FFF; width: 25px; height: 25px; padding: 0; line-height: 25px !important; font-size: 14px !important; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; float: left; margin: 3px 5px 3px -5px; text-align: center; font-weight: 700; font-family: Verdana, helvetica, sans-serif; } .edit-address { margin: 10px 0; padding: 0; } .proopc-finalpage .proopc-column3 { float: left; width: 33.3333%; margin: 0; padding: 0; } .proopc-bt-address, .proopc-st-address { border: 1px solid #DDD; margin: 0 5px 0 0; background: #FFF; } .proopc-column3 .proopc-st-address { margin: 0 5px; } .proopc-column3 .proopc-shipments, .proopc-column3 .proopc-payments, .proopc-column3 .proopc-coupon, .proopc-column3 .proopc-confirm-order { margin-top: 15px; } .proopc-column3 .proopc-confirm-order.no-top-margin, .proopc-column3 .proopc-coupon.no-top-margin { margin-top: 0; } .proopc-alert-error { color: #b94a48; background-color: #f2dede; border: 0 none; margin: 0; padding: 8px 10px; text-align: center; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); } .proopc-bt-address input, .proopc-bt-address select { width: 95%; } #company_field[readonly], #doy_field[readonly], #job_field[readonly]{ cursor: not-allowed!important; } #company_field[readonly]::placeholder, #doy_field[readonly]::placeholder, #job_field[readonly]::placeholder{ /*color: #7575758a!important;*/ } .group-enabled .title-group { float: left; width: 28%; } .group-enabled .first_name-group { float: left; width: 72%; } .group-enabled .middle_name-group, .group-enabled .last_name-group, .group-enabled .zip-group, .group-enabled .city-group, .group-enabled .shipto_middle_name-group, .group-enabled .shipto_last_name-group, .group-enabled .shipto_zip-group, .group-enabled .shipto_city-group { float: left; width: 50%; } .group-enabled .middle_name-group .inner, .group-enabled .title-group .inner, .group-enabled .zip-group .inner, .group-enabled .shipto_middle_name-group .inner, .group-enabled .shipto_zip-group .inner { padding-right: 2px; } .group-enabled .last_name-group .inner, .group-enabled .first_name-group .inner, .group-enabled .city-group .inner, .group-enabled .shipto_last_name-group .inner, .group-enabled .shipto_city-group .inner { padding-left: 2px } .proopc-bt-address label, .proopc-st-address label { margin-bottom: 2px; font-size: 12px; } .proopc-bt-address input[type="text"], .proopc-bt-address select, .proopc-st-address input[type="text"], .proopc-st-address select { margin-bottom: 5px; } .proopc-st-address .edit-address { display: none; } .proopc-st-address .edit-address.show, .proopc-st-address .edit-address.soft-show { display: block; } .proopc-shipments, .proopc-payments, .proopc-coupon, .proopc-cartlist, .proopc-confirm-order { border: 1px solid #DDD; margin: 0 5px; background: #FFF; } .last .proopc-shipments, .last .proopc-payments, .last .proopc-coupon, .last .proopc-cartlist, .last .proopc-confirm-order { margin-right: 0; } .proopc-shipments h3, .proopc-payments h3 { font-size: 16px; margin: 0 0 10px; line-height: 14px; } .proopc-shipments input[type="radio"], .proopc-payments input[type="radio"] { float: left; margin: 5px 10px 1px 0; } .proopc-shipments label, .proopc-payments label { font-size: 12px; float: left; max-width: 87%; margin: 2px 0; } .vmpayment_cardinfo table { width: 100%; } .proopc-cart-summery { position: relative; padding: 0; margin: 0; border-collapse: collapse; border-spacing: 0; } #ProOPC table tr { display: table-row; } .proopc-cart-summery tr, .proopc-cart-summery td { border: 0 none; } .proopc-cart-summery td { vertical-align: top; } .proopc-p-list, .proopc-subtotal tr, .poopc-shipment-table tr, .poopc-payment-table tr, .proopc-coupon-details tr, .proopc-bill-taxrules tr { border: 0 none; border-bottom: 1px dashed #EEE; } .proopc-grand-total-p-currency tr { border: 0 none; border-top: 1px dashed #EEE; } tr.grand-total { border: 0 none } .product-field-type-S>p { margin: 0; padding: 0; display: inline; } .proopc-p-list>td, .proopc-subtotal td, .poopc-shipment-table td, .poopc-payment-table td, .proopc-grand-total td, .proopc-grand-total-p-currency td, .proopc-coupon-details td, .proopc-bill-taxrules td { border: 0 none; padding: 7px 0 } .proopc-coupon-details .coupon-form-col span { vertical-align: text-top; margin: 0; display: inline-block; color: #FF7200; } .proopc-product-hover { background: transparent; border: 0 none; position: absolute; top: 0; right: 0; opacity: 0; z-index: 10001; width: 100%; } .proopc_arrow_box { position: relative; background: #fff; border: 1px solid #DDD; -moz-box-shadow: 0 5px 10px #CCC; -webkit-box-shadow: 0 5px 10px #CCC; box-shadow: 0 5px 10px #CCC; } .proopc_arrow_box:after, .proopc_arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .proopc_arrow_box:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 12px; left: 50%; margin-left: -12px; } .proopc_arrow_box:before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #DDD; border-width: 13px; left: 50%; margin-left: -13px; } .proopc-product-image { float: left; width: 35%; margin: 0; padding: 0; } .proopc-p-info { width: 65%; float: left; margin: 0; padding: 0; } .proopc-p-info.noimage { width: 100%; float: none; } .p-info-inner { padding: 10px; } .proopc-product-name br { display: none; } .proopc-product-name p { margin: 0; padding: 0; display: inline; } .proopc-price-table { width: 100%; margin-top: 10px; } .vmpayment_cardinfo.additional-payment-info { display: block; width: 100%; float: none; clear: both; padding-top: 10px; } .additional-payment-info.hide { display: none; } .proopc-creditcard-info { margin: 10px 0; } .proopc-creditcard-info label { float: none; margin-bottom: 2px; } .vmpayment_cardinfo input[type="text"], #ProOPC .vmpayment_cardinfo select { width: auto; } #ProOPC .vmpayment_cardinfo select { margin-top: 2px; } .creditcard-label { display: block; width: 100%; } #proopc-pricelist, #proopc-payments, #proopc-shipments, #proopc-st-address { position: relative; } #proopc-shipments fieldset, #proopc-payments fieldset { padding: 10px 0; border: 0 none; } #ProOPC .proopc-customer-comment { width: 100% !important; height: 60px; -moz-box-sizing: border-box; box-sizing: border-box; } .proopc-column3 .vmCartPaymentLogo { display: block } .proopc-loader-overlay { display: block; background: #FFF; opacity: .7; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10000; } .proopc-area-loader { display: block; position: absolute; top: 50%; left: 50%; z-index: 10001; } #proopc-page-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; background: #FFF; opacity: 0; z-index: 10000; } #proopc-page-spinner { position: fixed; top: 50%; left: 50%; z-index: 10001; } #proopc-order-process { position: fixed; bottom: 0; left: 50%; margin-left: -158px; width: 300px; text-align: center; background: #111; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 7px 8px 5px; color: #FFF; z-index: 10001; } #ProOPC table { border-collapse: collapse; border-spacing: 0; margin: 0; } table.cart-summary.proopc-table-striped tr th { background-image: none; background: #FAFAFA; padding: 8px; border-bottom: 0 none; } #ProOPC .proopc-table-striped { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0; margin-bottom: 20px; border: 1px solid #DDD; border-top: 0 none; } table.cart-summary.proopc-table-striped tr th, table.cart-summary.proopc-table-striped tr td { background-color: #FFF; text-transform: uppercase; font-weight: 400; padding: 8px; line-height: 20px; vertical-align: top; border: 0 none; border-top: 1px solid #ddd; } table.cart-summary.proopc-table-striped tr td { border-color: #EEE; } table.cart-summary.proopc-table-striped tr th { color: #333; background-color: #FAFAFA; } .cart-p-sales-price .PricesalesPrice, .cart-p-price .PricebasePriceVariant, .cart-p-tax .PricetaxAmount, .cart-p-discount .PricediscountAmount { display: inline-block !important; } .price-title, .final-price, .product-discount, .product-price .PricesalesPrice, .col-total .PricesalesPrice { color: #7357FF; } .PricesalesPrice.vm-display.vm-price-value .PricesalesPrice { font-size: 36px; font-weight: 500; } .first-page .cart-summary.proopc-table-striped tr.cart-sub-total td { background-color: #f5f5f5 } .cart-p-sales-price, .cart-p-price, .cart-p-tax, .cart-p-discount { text-align: right; } .cart-p-sales-price { margin-bottom: 10px; } .cart-p-price>span::after, .cart-p-tax>span::after, .cart-p-discount>span::after { content: ": "; } .cart-p-sales-price-title { color: #333; text-transform: uppercase; } .line-through { text-decoration: line-through; margin-left: 2px; } .cart-p-price, .cart-p-tax, .cart-p-discount { font-size: 1em; } .table .cart-p-details { text-align: center; } .cart-p-sku { font-size: 1em; } .cart-p-name { padding: 10px 2px 2px; } .cart-p-details .cart-p-image { display: block; text-align: center; } .cart-p-image.visible-phone img { margin: 0 auto; } .col-name { width: 30% } .proopc-column3 .col-name { width: 45%; } .col-name div { vertical-align: top; } .proopc-product-name a, .col-name a { text-transform: uppercase; color: #333; } .proopc-product-name a:hover .col-name a:hover { text-decoration: underline; } .vm-customfield-cart { font-size: 1em; } .col-name p { display: inline-block } .input-ultra-mini { width: 30px; } .cart-p-qty form { display: inline-block; vertical-align: top; margin-bottom: 0; } .cart-p-qty .qty-title { display: inline-block; text-transform: uppercase; font-size: 1em; line-height: 30px; } .cart-p-qty .proopc-btn { margin-left: 0; } .cart-p-qty .proopc-btn .proopc-icon-refresh { margin-left: -5px; margin-right: -5px; } .remove_from_cart.proopc-btn { padding: 3px 8px; margin: 0 0 0 1px; } #ProOPC .product-field-type-B, #ProOPC .product-field-type-S, #ProOPC .product-field-type-I { margin: 0; padding: 0; width: auto; } .input-ultra-mini { width: 30px; } .cart-summary.proopc-table-striped .proopc-input-append { display: inline; } #ProOPC .proopc-input-append .input-ultra-mini { margin-bottom: 0; } #ProOPC .cart-images { width: 100px!important; margin-left: -70px; float: left; padding: 3px; background-color: #FFF; text-align: center; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); } #ProOPC .cart-product-description.with-image { padding-left: 70px; } #ProOPC .cart-images img { display: inline; margin: 0; padding: 0; max-height: 100px; background-color: #FFF; border: 0 none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #ProOPC .clearfix:before, #ProOPC .clearfix:after { display: table; content: ""; line-height: 0; } #ProOPC .clearfix:after { clear: both; } .cart-summary.proopc-table-striped th, .order-item.proopc-table-striped th { text-transform: uppercase; color: #333; font-weight: 400; } .priceCol.col-total { white-space: nowrap; } .proopc-table-striped.order-details td { border: 0 none; } .proopc-table-striped .col-name[class*="span"] { display: block; float: left; } .cart-summary.proopc-table-striped .grand-total, .cart-summary.proopc-table-striped .grand-total-p-currency { font-size: 1.2em; color: #333; } .cart-summary.proopc-table-striped .grand-total td, .cart-summary.proopc-table-striped .grand-total-p-currency td, .continue-checkout-box { padding: 15px 8px; background-color: #e9e9e9; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; } .proopc-table-striped .col-total, .proopc-table-striped .col-discount, .proopc-table-striped .col-tax, .proopc-table-striped .col-price { text-align: right; } .proopc-table-striped .col-sku { text-align: center; } .col-total, .col-price, .col-tax, .col-discount { white-space: nowrap; } #ProOPC div.customer-comment { margin: 15px 0 0; text-align: left; border: 0 none; padding-top: 0; } .checkout-button-top { text-align: left; border: 0 none; } #ProOPC textarea.customer-comment { margin: 5px 0 0; } #ProOPC input.terms-of-service { margin-bottom: 0; margin-left: -20px; margin-right: 0; margin-top: 4px; } label.prooopc-tos-label { display: block; width: auto; } .radio, .checkbox { min-height: 20px; padding-left: 20px; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } .terms-of-service { text-decoration: none; } .terms-of-service, .terms-of-service:focus, .terms-of-service:hover { outline: 0 none; border: 0 none; } .terms-of-service:focus, .terms-of-service:hover { text-decoration: underline; background: transparent; } #ProOPC .radio input[type="radio"], #ProOPC .checkbox input[type="checkbox"] { float: left; margin-left: -20px; margin-top: 2px; } .terms-of-service-cont { display: inline; } .checkout-button-top { margin-top: 15px; } .proopc-checkout-box { margin: 15px 0 20px; } #proopc-order-submit { width: 100%; } .clear { clear: both; float: none; } .clear:after { clear: both } .hide { display: none; } #ProOPC img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } /* Bootstrap Modal CSS */ .bootmodal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .bootmodal-backdrop.fade { opacity: 0 } .bootmodal-backdrop, .bootmodal-backdrop.fade.in { opacity: 0.8; } .bootmodal { display: none; position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); /* IE6-7 */ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; } .bootmodal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } .bootmodal.fade.in { top: 10%; } .bootmodal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .bootmodal-header .close { margin-top: 2px; } #ProOPC .bootmodal-header h3 { margin: 0; line-height: 30px; font-size: 1.4em; } .bootmodal-body { position: relative; overflow-y: auto; max-height: 400px; padding: 15px; } .bootmodal-form { margin-bottom: 0; } .bootmodal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; } .bootmodal-footer:before, .bootmodal-footer:after { display: table; content: ""; line-height: 0; } .bootmodal-footer:after { clear: both; } .bootmodal-footer .btn+.btn { margin-left: 5px; margin-bottom: 0; } .bootmodal-footer .btn-group .btn+.btn { margin-left: -1px; } .bootmodal-footer .btn-block+.btn-block { margin-left: 0; } .dropup, .dropdown { position: relative; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } #ProOPC .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } #ProOPC .dropdown .caret { margin-top: 8px; margin-left: 2px; } #ProOPC .close { float: right; font-size: 20px; font-weight: 700; line-height: 20px; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; } #ProOPC .close:hover, #ProOPC .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; } #ProOPC button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } #ProOPC .pull-right { float: right; } #ProOPC .pull-left { float: left; } .hide, .soft-hide { display: none; } #ProOPC .show, #ProOPC .soft-show { display: block; } #ProOPC .invisible { visibility: hidden; } #ProOPC .affix { position: fixed; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in, .fade.show { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -moz-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; } .collapse.in { height: auto; } #ProOPC .caret { display: inline-block; width: 0; height: 0; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; border-top-color: #333; border-bottom-color: #333; vertical-align: middle; } .proopc-login-message-cont { position: relative; float: left; max-width: 50%; } .proopc-loggedin-user, .proopc-toolbar-right { margin-bottom: 10px; } .proopc-loggedin-user { cursor: pointer; } .proopc-logout-cont { position: absolute; top: 98%; left: 0; z-index: 10000; background: transparent; } .proopc-logout-cont.hide { display: none; } .proopc-arrow-inner { padding: 10px; text-align: center; } .proopc-toolbar-right { float: right; max-width: 50%; text-align: right; } .proopc-continue-link, .proopc-clear-cart-wrapper { display: inline-block; } .proopc-clear-cart-wrapper { margin-right: 10px; } .proopc-qty-title, .proopc-qty-update, .proopc-delete-product { float: left; display: inline; } #ProOPC .proopc-qty-title { line-height: 29px; } .proopc-mini-qty-area { padding: 0 10px 10px; float: right; } .proopc-mini-qty-area .proopc-btn { padding-left: 8px; padding-right: 8px } .proopc-delete-product .proopc-btn { margin-left: 3px; } .proopc-cart-summery th { padding-top: 10px; } .proopc-grand-total .grand-total td { padding-top: 2px; padding-bottom: 2px; text-transform: uppercase; } .proopc-grand-total>.grand-total:first-child td { padding-top: 15px; } .proopc-grand-total>.grand-total:last-child td { padding-bottom: 10px; } .proopc-grand-total { color: #000; } .proopc-empty-continue-link { text-align: center; margin-top: 15px; } .billto-shipto span, a.terms-of-service { font-size: 12px; } #proopc-shipments br { clear: both; float: none; } #proopc-shipments br:after, #proopc-shipments br:before { display: table; clear: both; float: none; } #ProOPC .klarna_box_bottom_left, #ProOPC .klarna_box_bottom_right { float: none; width: auto; display: block; } #ProOPC .klarna_box { width: 100%; background: #FAFAFA; border-color: #EEE; min-width: 0 } #ProOPC .proopc-klarna-payment img { position: absolute; } #ProOPC .proopc-klarna-payment .klarna_logo { height: 40px; max-width: 120px; width: auto; position: inherit; } #ProOPC .proopc-klarna-payment .klarna_box_bottom_content input[type="radio"] { margin: 4px 5px 1px 0; } .klarna_box_top { height: auto; width: auto; padding: 5px; } .klarna_box_bottom_radio_title { margin-bottom: 10px; } #ProOPC #box_klarna_consent_invoice { float: left; margin-bottom: 0; margin-left: -20px; margin-right: 0; margin-top: 0; } .proopc-klarna-consent-container { width: auto; display: block; margin-left: 20px; padding-top: 20px; font-size: 12px; } #ProOPC .klarna_box_bottom { display: none; } #proopc-system-message #system-message>.message>ul { background: 0 none; border: 0 none; padding: 0; margin: 0; color: #b94a48; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); } #proopc-system-message #system-message { margin: 0; padding: 0; } #ProOPC button { font-size: 14px; line-height: 21px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: button; max-width: 100%; } #ProOPC .inner { padding: 0; margin: 0; display: block; width: auto; height: auto; background: 0 none; border: 0 none; width: 100%; } #ProOPC .inner:after, #ProOPC .inner:before { display: table; line-height: 0; content: ""; } #ProOPC .inner:after { clear: both; } #proopc-payments fieldset fieldset { padding: 0; margin: 0; border: 0 none; background: 0 none; } #proopc-payments table { border: 0 none; padding: 0; margin: 0; max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; background: 0 none; } #proopc-payments tbody { display: table-row-group; vertical-align: middle; border: 0 none; background: 0 none; } #proopc-payments tr { display: table-row; vertical-align: inherit; border: 0 none; padding: 0; margin: 0; background: 0 none; } #proopc-payments td { vertical-align: inherit; border: 0 none; padding: 0; margin: 0; background: 0 none; } #proopc-payments .klarna_box_container { margin-top: 10px; } [id*="cc_cardnumber_errormsg_"] { color: RED; } #ProOPC label.proopc-radio-label { float: left; padding-left: 5px; padding-right: 10px; font-size: 12px; } #ProOPC .recaptcha_only_if_privacy { line-height: 1px; } #proopc-advertise-box .checkout-advertise { padding: 0 15px; margin-bottom: 20px; } #proopc-payment-advertise .checkout-advertise { padding: 15px; background: #F8F8FF; border-top: 1px solid #DDD; margin: 0; } .proopc-table-striped td.col-advertisement { padding: 10px 8px; border-top: 1px solid #DDD; background: #FAFAFA; text-align: right; } #proopc-payment-advertise-table .checkout-advertise img { float: none; } .fancy-tos-container { max-width: 560px; padding: 0; margin: 0; background: #FFF; } .fancy-tos-body { font: 12px/1.55 Verdana, helvetica, sans-serif; padding: 10px 15px; max-height: 500px; overflow-y: scroll; } .fancy-tos-head>h3.fancy-tos-title { font: 12px/1.55 Verdana, helvetica, sans-serif; margin: 0; line-height: 30px; font-size: 1.4em; } .fancy-close:hover, .fancy-close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; } .fancy-close { float: right; font-size: 20px; font-weight: 400; line-height: 20px; color: #000; text-shadow: 0 1px 0 #FFF; opacity: 0.2; padding: 0; cursor: pointer; background: 0 none; border: 0 none; -webkit-appearance: none; } .fancy-tos-head { font: 12px/1.55 Verdana, helvetica, sans-serif; padding: 9px 15px; border-bottom: 1px solid #EEE; } #fancybox-wrap #facebox .content>div, #fancybox-wrap #fancybox-content>div { padding-bottom: 0; } .nowrap { white-space: nowrap; } .proopc-product-image .p-info-inner { padding-right: 0; } table.proopc-p-info-table td { padding: 0; border: 0 none; } table.proopc-p-info-table .add-padding td { padding: 2px 10px; } table.proopc-p-info-table .add-padding>td:first-child { padding-right: 0; } #ProOPC .proopc-qty-update .proopc-btn, #ProOPC .proopc-delete-product .proopc-btn { padding-right: 8px; padding-left: 8px; } table.proopc-p-info-table .add-padding.add-padding-top td { padding-top: 10px; } table.proopc-p-info-table .add-padding.add-padding-bottom td { padding-bottom: 12px; } #ProOPC .proopc-input-append input[type="text"].proopc-qty-input, #ProOPC .proopc-input-append input[type="number"].proopc-qty-input { width: auto; text-align: center; max-width: 50px; } .proopc-cart-summery thead th { font-weight: 400; text-transform: uppercase; border: 0 none; } .cart-summary.proopc-table-striped tr.blank-row>td { padding: 3px; } .proopc-confirm-order .customer-comment-group { margin-top: 10px; } .proopc-confirm-order .cart-tos-group { margin-top: 15px; } label.st-same-checkbox { position: static !important; display: block; vertical-align: middle; padding-left: 25px; margin: 10px 0; } #ProOPC input#STsameAsBT[type="checkbox"] { position: static !important; vertical-align: middle; margin-left: -25px; float: left; margin-top: 3px; } #ProOPC .proopc-form-inline { display: inline; } #ProOPC .proopc-change-shopper-cont { background-color: #FFF; padding: 0; border: 1px solid #DDD; margin-bottom: 20px; } #ProOPC .proopc-change-shopper-title { margin: 0; background: #FAFAFA; border-bottom: 1px solid #DDD; line-height: 30px; font-size: 16px; font-weight: 400; padding: 2px 15px; } #ProOPC .proopc-active-shopper { margin-bottom: 10px; font-size: 14px; } #ProOPC .proopc-change-shopper-inner { padding: 10px 15px; } #ProOPC .proopc-form-inline .proopc-field-group { margin-bottom: 10px; } #ProOPC .proopc-form-inline .proopc-field-group select, #ProOPC .proopc-form-inline .proopc-field-group input[type="text"] { margin: 0; } #ProOPC .proopc-form-inline .proopc-field-group, #ProOPC .proopc-form-inline .proopc-field-group label { display: inline-block; } .proopc-fieldtip { display: none; position: absolute; border: 1px solid #333; background-color: #161616; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 0; color: #fff; font-size: 12px Verdana; max-width: 250px; z-index: 10001; } .proopc-fieldtip .fieldtip-body { background: 0 none; padding: 10px; font-size: 12px; line-height: 14px; text-align: center; } .proopc-fieldtip:after, .proopc-fieldtip:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .proopc-fieldtip:after { border-color: rgba(22, 22, 22, 0); border-top-color: #161616; border-width: 5px; margin-left: -5px; } .proopc-fieldtip:before { border-color: rgba(51, 51, 51, 0); border-top-color: #333; border-width: 6px; margin-left: -6px; } .proopc-logout-cont button { white-space: nowrap; } .col-total, th.col-total { text-align: right; } .col-qty, th.col-qty { text-align: center; } /* New CSS since version 3.2.0 */ #ProOPC .proopc-finalpage .proopc-register-login { margin-bottom: 15px; } #ProOPC .proopc-finalpage .proopc-register-login h3, .proopc-finalpage .proopc-register-login .proopc-inner { margin-right: 5px; } .proopc-register-login>.proopc-inner { padding-top: 20px; } .proopc-finalpage .proopc-reg-form { padding-top: 0; } .proopc-finalpage .proopc-register, .proopc-finalpage .proopc-login { float: none; width: auto; } .proopc-login-form { opacity: 1; } .proopc-login-form.soft-hide { opacity: 0; } .proopc-login-form>.proopc-inner { padding: 0; margin: 0; border: 0 none; } .proopc-additional-info { border: 1px solid #DDD; margin: 0 5px; background: #FFF; } .proopc-column3 .proopc-additional-info { margin-top: 15px; } #proopc-additional-info { padding: 15px 0; } #proopc-additional-info .cart-tos-group { margin-top: 15px; } .proopc-checkout-box.proopc-checkout-box-splitted { margin-top: 20px; margin-bottom: 0; } .separate-tax-heading-n td { text-transform: uppercase; } .proopc-separate-tax>tr:last-child { border-bottom: 0 none; } .proopc-separate-tax>tr:last-child>td { padding-bottom: 15px; } .grand-total .PricebillTotal { color: #FE5252; font-weight: bold !important; } .proopc-grand-total>.grand-total:last-child>td { font-weight: bold !important; } .proopc-cart-summery thead, .proopc-cart-summery thead>tr, .proopc-cart-summery thead>tr>th { background: 0 none; border: 0 none; color: inherit; } tbody.proopc-cart-product>tr.proopc-p-list { opacity: 1; -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; -o-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; } tbody.proopc-cart-product.open>tr.proopc-p-list { opacity: 0.8; } .proopc-hint-row>td { font-size: 0.9em; font-style: italic; color: #999; padding: 5px 0 15px; } .only-login>.proopc-subtitle { margin-top: 0; } #proopc-preloader>span { position: fixed; width: 100%; top: 0; bottom: 0; left: 0; right: 0; width: 100%; background: #fff; z-index: 999999; opacity: 0.9; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; } #proopc-preloader>span.proopc-loading-bar { width: 10%; height: 3px; top: 0; bottom: auto; right: auto; border: 0 none; background-color: #bd362f; z-index: 9999999; } #proopc-preloader.proopc-loaded>span.proopc-curtain { opacity: 0; } #proopc-preloader.proopc-started>span.proopc-loading-bar { width: 100%; } #proopc-preloader.proopc-loaded>span.proopc-loading-bar { width: 100%; } #ProOPC .custom-cart-field-1 { margin-top: 10px; } button.proopc-btn-lg { padding-top: 10px; padding-bottom: 10px; } .proopc-social-login { margin-top: 15px; } #ProOPC .proopc-delimiter, #ProOPC .proopc-delimiter>span { font-weight: bold; font-size: 14px; } #ProOPC table tr.proopc-product-hover { display: none; } #ProOPC .proopc-no-margin-top { margin-top: 0; } .proopc-input-append.proopc-input-append-checkbox, .proopc-input-append.proopc-input-append-radio { padding-right: 20px; } #UserRegistration .proopc-input-append input[type="checkbox"], #UserRegistration .proopc-input-append input[type="radio"] { margin-top: 4px; } .proopc-alert-field { padding: 8px 14px; margin-bottom: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .edit-address .proopc-alert-field { margin-top: 5px; } #sbox-content iframe { max-width: 100%; max-height: 100%; } .proopc-payment-logins { margin-bottom: 20px; } .proopc-group label.captcha { display: none !important; } div#dynamic_recaptcha_1 { overflow: hidden; } #ProOPC .modal-dialog { margin: 1.75rem auto; } #ProOPC .modal-dialog, #ProOPC .modal-dialog * { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } #ProOPC .modal-title { line-height: 48px; font-size: 28px; } #ProOPC [class*=jviewport-height] iframe { height: 100%; } #ProOPC .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dfe3e7; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } #ProOPC .jviewport-height70 { height: 400px; } #ProOPC .modal-dialog.jviewport-width80 { max-width: 80%; } #ProOPC .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; } #ProOPC .modal-body iframe { border: 0; } #ProOPC .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: black; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: 0.5; } #ProOPC .btn-close:hover { color: black; text-decoration: none; opacity: 0.75; } .proopc-order-confirmation-notice { display: none; position: relative; text-align: center; margin-top: 20px; margin-bottom: 0; padding: 10px 15px; } .disable-button .proopc-order-confirmation-notice { display: block; } .disable-button .proopc-btn { opacity: 0.7; pointer-events: none; } #ProOPC .checkout--info { content: "446f776e6c6f616465642062793a204a756d626f205b35315d206f6e20323032332d30342d31392031333a30343a3238"; } #ProOPC .checkout--info { content: "446f776e6c6f616465642062793a204a756d626f205b35315d206f6e20323032332d30382d31382031323a33333a3237"; } #ProOPC .checkout--info { content: "446f776e6c6f616465642062793a2063656e74697661205b313733355d206f6e20323032332d31322d31322032323a33303a3331"; } /* CUSTOM CART */ #ProOPC, #ProOPC span, #ProOPC div, #ProOPC p, #ProOPC input, #ProOPC select, #ProOPC button, #ProOPC h1, .proopc-finalpage h3, .proopc-finalpage h2, .proopc-finalpage h1, .proopc-finalpage h4, .proopc-register-login h3, .proopc-register-login h2, .proopc-register-login h4, .proopc-register-login h1 { font: 15px/1.7 Roboto, sans-serif; } #ProOPC .cart-page-title, #ProOPC .cart-page-title span { font-size: 32px; text-transform: none; text-align: left; margin-bottom: 15px; border: 0 none; font-family: 'Roboto'; font-weight: 500; } #ProOPC .cart-images {width: 100px;} .hidden-steps,.hidden-steps-1 { display: none!important;} .proopc-finalpage .proopc-column3 { width: 50%;} button.btn.btn-primary.btn-login {margin-bottom: 15px;} .frm-grp-h ,#ProOPC .proopc-process-title,.promoTitle{font-size: 24px!important;font-weight: 500!important; } .proopc-bt-address .proopc-process-title { display: none;} #ProOPC textarea, #ProOPC input[type="text"], #ProOPC input[type="password"], #ProOPC input[type="datetime"], #ProOPC input[type="datetime-local"], #ProOPC input[type="date"], #ProOPC input[type="month"], #ProOPC input[type="time"], #ProOPC input[type="week"], #ProOPC input[type="number"], #ProOPC input[type="email"], #ProOPC input[type="url"], #ProOPC input[type="search"], #ProOPC input[type="tel"], #ProOPC input[type="color"], #ProOPC .uneditable-input { display: inline-block; height: 32px; padding: 3px 5px;margin-bottom: 10px;} select#virtuemart_country_id_field {height: 42px!important;} .proopc-shipments, .proopc-payments, .proopc-coupon, .proopc-cartlist, .proopc-confirm-order {border: 1px solid #DDD; margin: 0!important; background: #FFF;} #ProOPC .proopc-process-title { background: none!important; border-bottom: 0px solid #DDD; line-height: 30px; font-size: 26px!important; font-weight: 500!important; padding: 0; padding-left: 0px!important; margin: 10px 0 0 0!important; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px!important; } .cent-mini-cart-title-1 {margin-bottom: 20px;} .proopc-shipments, .proopc-payments, .proopc-coupon, .proopc-cartlist, .proopc-confirm-order {border: 0px solid #DDD; margin: 0!important; background: #FFF;} .proopc-bt-address, .proopc-st-address { border: 0px solid #DDD; margin: 0 5px 0 0; background: #FFF;} .proopc-alert-error {margin-top: 10px;} .proopc-btn-info {background-color: #000000;background-image: none; border-color: none; border-color: 0;color: #fff; text-shadow: none; border-radius: 0;} .cent-mini-cart-right {background-color: #eee;padding: 30px 15px 30px 15px;text-align: center;} .cent-mini-cart-total-lbl,span.cent-mini-cart-total,span.cent-mini-cart-total .PricebillTotal { font-size: 32px!important; font-weight: 500!important; } .cent-mini-cart-checkout-1 {margin-top: 30px;margin-bottom: 20px;} .cent-mini-cart-checkout-1 a {background-color: #000;color: #fff;padding: 12px 20px;border-radius: 14px;text-decoration:none!important;} .cent-mini-cart-checkout-1 a:hover {background-color: green;color: #fff;padding: 12px 20px;border-radius: 14px;text-decoration:none!important;} .cart-p-list {border-bottom: 1px solid rgb(219, 219, 219); margin-bottom: 15px; padding-bottom: 10px;} .cent-mini-cart-name a{text-align: left;color: #000;} .cent-mini-cart-name{text-align: left;} #ProOPC .cart-product-description.with-image {padding-left: 60px;} .cart-p-qty .col-md-10 {text-align: left;} button.remove_from_cart.proopc-btn.proopc-task-deleteproduct { background-color: transparent!important; background: none;border: none; box-shadow: none; margin: 0;padding: 0;} .col-qty.cart-p-qty .col-md-3 {text-align: right;} input.input-ultra-mini.proopc-qty-input {background-color: #eee!important; border-radius: 20px!important;} span#proopc-item-count { font-size: 26px!important; color: #787878!important; font-weight: 400!important; } .proopc-confirm-order.no-top-margin { margin-top: 50px!important; } .proopc-clear-cart-wrapper a,.proopc-continue-link a { background-color: #000; color: #fff;padding: 12px 20px;text-decoration:none;border-radius: 14px;} .proopc-clear-cart-wrapper a:hover{ background-color: #d9534f; color: #fff;padding: 12px 20px;text-decoration:none!important;} .proopc-continue-link a:hover { background-color: #7357FF; color: #fff;padding: 12px 20px;text-decoration:none!important;} .proopc-row.cent-cart-items-2 {margin-top: 10px;} .cent-mini-cart-edit-h {margin-bottom: 10px;} span.cent-mini-shopping-basket {font-size: 20px!important;} .proopc-bt-address .inner-wrap {padding-left: 0!important;} .cent-mini-cart-edit-h {border-bottom: 2px solid #000;margin-bottom:10px;} div#proopc-confirm-order .inner-wrap {padding-left: 0;} .proopc-st-address {margin: 20px 0;} .cent-step-payment {margin: 20px 0;} .col-md-12.col-qty.cart-p-qty .col-md-3 {text-align: right;} .proopc-btn-info:hover, .proopc-btn-info:focus, .proopc-btn-info:active, .proopc-btn-info.active, .proopc-btn-info.disabled, .proopc-btn-info[disabled] { background-color:green; color: #fff;} .cent-mini-cart-discount-lbl { font-size: 18px!important; font-weight: 500!important;} .company-group input,.vat-group input,.doy-group input, .job-group input{width: 100%!important;} .business_invoice-group { margin-top: 10px;} label.business_invoice_field_lbl.checkbox.proopc-row span {font-weight: 500!important;} .proopc-shipments .proopc-alert-error {color: #000000; background-color: transparent; border: 0 none; margin: 0; padding: 8px 0px; text-align: left; text-shadow: 0 1px 0 rgba(255, 255, 255, .5);} .sline {margin: 0px;border-top: 1px solid #1a1a1a;padding-top: 5px;} .proopc-shipments label, .proopc-payments label { font-size: 12px; float: left; max-width: 100%;margin: 2px 0;width: 90%;} #proopc-shipment-form label { display: block; margin-bottom: 10px;} .cent-step-confirm h3.proopc-process-title {display: none;} .custom.cartBottom {margin-top: 80px;} .promoTitle {text-align: left;font-size: 26px!important;} .promosTitle {text-align: left;font-size: 18px!important;margin-bottom: 15px;} .promoTitle { border-bottom: 5px solid #000; margin-bottom: 10px!important;} .rl_sliders.accordion>.accordion-group { margin-bottom: 2px; border:0;border-bottom: 1px solid #444; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;} .rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {background-color: transparent; color: #000;} span.rl_sliders-toggle-inner.nn_sliders-toggle-inner { font-size: 22px!important;} .rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle:hover { background-color: transparent; color: #000; text-decoration: none;} .panel { background-color: #ffffff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: none;} span.rl_sliders-toggle-inner.nn_sliders-toggle-inner { color: #000;} #ProOPC a:not(.proopc-btn):hover, #ProOPC a:not(.proopc-btn):focus { text-decoration: none; outline: 0 none; border: 0 none;} .collapsed span.rl_sliders-toggle-inner.nn_sliders-toggle-inner {background: url(../../images/plus.png) no-repeat left;height: 32px;padding:10px 0 ;padding-left: 50px;} span.rl_sliders-toggle-inner.nn_sliders-toggle-inner {background: url(../../images/minus.png) no-repeat left;height: 32px;padding:10px 0 ;padding-left: 50px;} .rl_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle {display: block;padding: 12px 0px; cursor: pointer;} .rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner { border-top: 0px solid #e5e5e5;} .rl_sliders.accordion>.accordion-group.active>div>a:focus, .rl_sliders.accordion>.accordion-group>div>a:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none;} #ProOPC .proopc-register-login h3 {border: 0px solid #DDD; margin: 0 10px 0 0; border-bottom: 0 none;} .proopc-register-login .proopc-switch { font-size: 14px; vertical-align: top; margin: 0 0 5px; padding: 0;} .proopc-input-group-level label { font-size: 14px;} .proopc-btn-inverse { background-color: #222; background-image: none; color: #fff; text-shadow: none; border: 0; border-radius: 0; padding: 5px 10px!important; } i#proopc-login-process {display: none;} #ProOPC .proopc-input-append input[type="text"], #ProOPC .proopc-input-append input[type="email"], #ProOPC .proopc-input-append input[type="password"] {padding-right: 20px; width: 70%!important;} label.proopc-switch {font-weight: 500;} div#proopc-entry-single { margin-right: 15px;} .proopc-arrow-inner-1 .proopc-btn { background-color: red!important; background: none; border: 0; box-shadow: none; color: #fff; text-shadow: none; margin-right: 15px; padding: 8px 20px; border-radius: 14px; margin-top: -10px; } button#proopc-task-savecoupon {background: none;border: 0;border-radius: 12px; box-shadow: none;text-shadow: none; background-color: green;color: #fff; padding: 7px 20px;} .proopc-input-append.proopc-row button {margin-left: 10px!important;} .proopc-row.cent-cart-items-2 { margin-bottom: 0px;} .custom.animatedgif {text-align: center;margin-top: 0px;} .promoTitleProducts{text-align: center;font-size: 26px!important;margin-top: 40px;} .promoTitleProducts{border-bottom: 5px solid #000; margin-bottom: 40px!important;font-weight:500!important;} .custom.cartBottom {margin-top: 0px;} span.availtext {font-size: 12px!important;} div.availtext {font-size: 12px!important;} .cent-mini-cart-eta { padding: 20px; text-align: center; border: 1px solid #dddbdb; margin-top: 20px;} i.fa.fa-truck { text-align: center; display: block; margin-top: 20px; font-size: 32px; color: #000 } .cent-mini-cart-eta { padding: 20px; text-align: center; border: 1px solid #dddbdb; margin-top: -13px; } .truck-1 i.fa.fa-truck {color: green;} .truck-1 .cent-mini-cart-eta {border: 1px solid green;} .truck-2 i.fa.fa-truck {color: #a8af39;} .truck-2 .cent-mini-cart-eta {border: 1px solid #a8af39;} .truck-3 i.fa.fa-truck {color: orange;} .truck-3 .cent-mini-cart-eta {border: 1px solid orange;} .truck-4 i.fa.fa-truck {color: #efc0c1;} .truck-4 .cent-mini-cart-eta {border: 1px solid #efc0c1;} /* CUSTOM CART */ .category-search-cont {display: none;} #cf_list_virtuemart_category_id_208 {overflow-x: hidden!important;} input#email_field_408 {width: 88%;} /* .product-price-before-discount .centiva-catalogue {text-decoration: none;} .centiva-catalogue span.PricebasePriceWithTax { text-decoration: line-through;} .product-price-before-discount {text-decoration: none;} */ .notify-container { text-align: center; margin: 0 0 10px 0; } select#limit,select#limit1 {width: 70px;margin-left: 10px;} span.category-list-swicthes.hide-mobile span.view-mode-title.hidden-xs {display: none;} .category-order-by label {display: none;} .bestSellers h3 {padding-bottom: 10px;} .bestSellers h3.modheader {background-color:#f7f7f7; padding: 15px;} .product-inner-mods .product-sales-price span.PricesalesPrice {font-weight: 500!important; /*font-size: 26px!important;*/ line-height: 120%!important;} .product-inner-mods .product-price { text-align: left; padding: 20px 0!important; margin-bottom: 0;} .product-inner-mods span.centiva-catalogue span.PricebasePriceWithTax { font-size: 22px;} .view-productdetails .product-inner-mods .prcatstock {display: none;} .cent-new-cbadge .col-xs-2 {padding: 7px;} .product-listing span.product-tag-right {display: none;} .product-listing span.product-tag-left {display: none;} .product-listing span.hasTooltip img {height: 40px!important;} .bestSellers .product-listing span.hasTooltip img {height: 20px!important;} .moduletable.selected-filters { margin-bottom: 15px;} .cent-disc-perc {margin-top: 15px;text-align: right;color: #d9534f;text-align: right;padding: 3px;} li#cf_option_li_virtuemart_category_id_208_elid {display: none;} .moduletable.mod-big-header h3 {background-color: #f7f7f7;padding: 15px;} .productdetails-view .vm-product-module .product-sales-price span.PricesalesPrice {font-size: 24px!important;} .vpajaxsearch-suggestion.c-0 .row1 a {padding: 1px 10px;font-size: 15px;color: #fff;margin: 5px 0;} .vpajaxsearch-suggestion.c-0 { width: 100%; float: none; padding: 15px 0 15px;background-color: #000;} .vpajaxsearch-suggestion.c-1 .row1 a {padding: 1px 10px;font-size: 15px;color: #fff;margin: 5px 0;} .vpajaxsearch-suggestion.c-1 { width: 100%; float: none; padding: 15px 0 15px;background-color: #000;} .vpajaxsearch-suggestion.c-2 { display:none;} .availability.cent-avail-1 {color: green; } .availability.cent-avail-2 {color: orange; } .availability.cent-avail-3 {color: #a8af39; } .availability.cent-avail-4 {color: #efc0c1; } .availability.cent-avail-5 {color: #efc0c1; } .availability.cent-avail-6 {color: red; font-weight: 500; } div.availtext-wh { font-size:12px!important; } span.availtext-wh { font-size:12px!important; } .col-md-9 span.centiva-catalogue { font-size: 14px;} .col-md-9 span.centiva-catalogue span.PricebasePriceWithTax { font-size: 16px;} .vpf-zoom-wrap.position-inside { display: inline-block;} .sub-heading { text-transform: none; margin-bottom: 1.2rem; font-size: 1.5rem; } /* OFF CANVAS */ #offcanvasLoginForm .control-label {line-height: 24px;} #offcanvasLoginForm label.form-check-label {line-height: 22px;} /*.fade.in, .fade.show {opacity: 0.5;}*/ .detailsContainer { text-align: center; margin-top: 40px; font-size: 28px; padding: 30px; background-color: #eee; } .container.servcontainer {margin-top: 50px;} .sddetails { text-align: center;} .li span.date {min-height: 20px;} .timeline { list-style-type: none; display: flex; align-items: center; justify-content: center; } .li { transition: all 200ms ease-in; } .timestamp { margin-bottom: 20px; padding: 0px 80px; display: flex; flex-direction: column; align-items: center; font-weight: 100; } .status { padding: 0px 40px; display: flex; justify-content: center; border-top: 2px solid #D6DCE0; position: relative; transition: all 200ms ease-in; } .status h4 { font-weight: 500; padding-top: 10px; color: #b5bab5; } .status:before { content: ""; width: 25px; height: 25px; background-color: white; border-radius: 25px; border: 1px solid #ddd; position: absolute; top: -15px; left: 42%; transition: all 200ms ease-in; } .li.complete .status { border-top: 2px solid #000; } .li.complete .status:before { background-color: #000; border: none; transition: all 200ms ease-in; } .li.complete .status h4 { color: #000; padding-top: 10px; } @media (min-device-width: 320px) and (max-device-width: 700px) { .timeline { list-style-type: none; display: block; } ul#timeline { margin: 0; padding: 0; } .li { transition: all 200ms ease-in; display: flex; width: inherit; } .timestamp { width: 120px; padding: 10px 10px ; } .status:before { left: -3%; top: 15%; transition: all 200ms ease-in; } .li.complete .status { border-top: 0px solid #66dc71; } .status { border-top: 0px solid #d6dce0; } } .mod-vmcategory-dropdown-menu, .mod-vmcategory-dropdown-menu--sub {min-width: 300px;} a.mod-vmcategory-dropdown-menu--item-anchor {font-size: 14px;} button#language_btn_213 {background-color: #fff;border: 0;} .dropdown-toggle::after {color: #000;display:none;} .mod-languages__select .dropdown-menu {min-width: 65px;} .itemid-340 .main-top-vertical-section, .main-top-horizontal-section, .main-bottom-vertical-section, .main-bottom-horizontal-section {margin: 1.5rem 0 1rem;} .itemid-341 .main-top-vertical-section, .main-top-horizontal-section, .main-bottom-vertical-section, .main-bottom-horizontal-section {margin: 1.5rem 0 1rem;} .product-manufacturers > .product-manufacturer {margin-bottom: 0rem;} .main-section h1 {font-weight: 500;} span#real-prd-count {font-weight: 300;} /* DEMO */ /*.product-categories.text-center.text-muted.mb-2 {display: none;}*/ .midmenu {margin-left: 20px;z-index: 1;} .align-left {text-align: left} .align-center {text-align: center} .align-right {text-align: right} .align-justify {text-align: justify} div.mod-languages img {width: 30px;height: 30px;} i.vpi.vpi-user.vpi-lg { margin-right: -9px;} .vpi-user:before,.vpi-heart:before,.vpi-shopping-bag:before { font-size: 24px; } .col.badgecol {margin-top: 10px;line-height:40px;} span.hasTooltip.csalepr, .hasTooltip.cnewpr, .hasTooltip.chotpr {background-color: #000;padding: 10px 15px 14px 15px; border-radius: 20px;font-weight: 500;color:#fff;} .product-image-gallery__thumbnails-controls .btn-nobg { padding-top: .4rem; padding-bottom: .4rem; line-height:29px; } .product-image-gallery__thumbnails-controls .btn-nobg { flex: 1 1 50%; width: 47%; } .product-image-gallery__thumbnails-wrapper { padding-bottom: 5.5rem; } button.btn.btn-nobg.btnsl-up { border: 0; background-color: #eee; } button.btn.btn-nobg.btnsl-up:hover { border: 0; background-color: #7357FF; } h4.variationsTitle { font-size: 18px!important; padding-left: 7px; margin: 10px 0px!important; } img.img-variation { border: 1px solid #6c6c6c; border-radius: 12px; object-fit: contain; } img.img-variation:hover { border: 1px solid #7357FF; border-radius: 12px; } .single-variation { border: 0px solid #eee!important; border-radius: 12px; display: flex; height: 94px; width: 94px; min-width: 94px; margin-left: 5px; margin-bottom: 20px; cursor: pointer; } .single-variation:hover { box-shadow: none!important; } span.hasTooltip.chotpr,span.hasTooltip.cnewpr { background-color: #eeeeee; color: #000; font-weight: 300; font-size: 18px; } .product-variations::-webkit-scrollbar{ height: 8px; width: 8px; background: #fff; } ::-webkit-scrollbar-thumb:horizontal{ background: #ddd; border-radius: 10px; } .product-variations { display: flex; overflow:auto; margin-bottom:20px; } .single-variation { border: 1px solid #eee; border-radius: 10px; display: flex; height: 94px; width: 94px; margin-left: 5px; margin-bottom: 20px; cursor:pointer; } .single-variation:hover { box-shadow: 1px 1px 10px rgba(36, 36, 36, 0.5); } .img-variation { height: 90px; width: 90px; position: relative; top: 1px; left: 1px; } .btn-notify-centiva{ color:#fff; background:#772da3; border-color:#772da3; } .cbadge span.hasTooltip img { border: 1px solid #626161; border-radius: 12px; padding: 10px; } .cent-new-cbadge-bot {margin-top: 20px;} .row.cbadge.row-cols-6 .col {padding-left: 0;} span.hasTooltip.csalepr {background-color: #7357FF;} span.hasTooltip.csalepr {background-color: #7357FF; padding: 10px 30px 14px 30px;} #ProOPC textarea, #ProOPC input[type="text"], #ProOPC input[type="password"], #ProOPC input[type="datetime"], #ProOPC input[type="datetime-local"], #ProOPC input[type="date"], #ProOPC input[type="month"], #ProOPC input[type="time"], #ProOPC input[type="week"], #ProOPC input[type="number"], #ProOPC input[type="email"], #ProOPC input[type="url"], #ProOPC input[type="search"], #ProOPC input[type="tel"], #ProOPC input[type="color"], #ProOPC .uneditable-input { display: inline-block; height: 34px!important; padding: 3px 5px; margin-bottom: 5px; font-size: 14px; line-height: 20px; color: #555; vertical-align: middle; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .proopc-bt-address, .proopc-st-address { border: 0px solid #DDD!important; margin: 0 5px 0 0; background: #FFF; } .proopc-step { display: none!important; } .proopc-shipments, .proopc-payments, .proopc-coupon, .proopc-cartlist, .proopc-confirm-order { border: 0px solid #DDD!important; margin: 0 5px; background: #FFF; } #ProOPC .cart-page-title, #ProOPC .cart-page-title span { font-size: 26px!important; text-transform: none!important; text-align: left!important; margin-bottom: 25px!important; border: 0 none; font-weight: 500!important; } .btn-primary { color: #fff; background-color: #000; border-color: #000; border-radius: 0; } .proopc-btn-info { background-color: #000; background-image: none; border-color: none; border-color: 0; color: #fff; text-shadow: none; border-radius: 0; } .cent-mini-cart-total-lbl, span.cent-mini-cart-total, span.cent-mini-cart-total .PricebillTotal { font-size: 26px!important; font-weight: 500!important; } .truck-1 .cent-mini-cart-eta { border: 1px solid green; } .cent-mini-cart-eta { padding: 20px; text-align: center; border: 1px solid #dddbdb; margin-top: -13px; } div#centiva-cart-message { text-align: center; padding-top: 10px; } button#proopc-order-submit { background-color: #000; background: #000; border: 0; border-radius: 0; } #ProOPC textarea.customer-comment { margin: 5px 0 0; min-height: 70px!important; } .jewel { width: 1.2rem; height: 1.2rem; } .breadcrumbs-section { background-color: #fff; color: var(--breadcrumb-section-color); border-bottom: 0px solid var(--breadcrumb-section-border-color); margin-top: 10px; } .breadcrumb {border-radius: 0.3rem; display: inline-flex;overflow: hidden; } .breadcrumbs-section .mod-breadcrumbs__item + .breadcrumb-item:before {content: ""; background-color: #fff;} li.mod-breadcrumbs__item.breadcrumb-item a {padding-left: 5px;font-size:14px;} li.mod-breadcrumbs__item.breadcrumb-item.active span {padding-left: 0px;} li.mod-breadcrumbs__item.breadcrumb-item.active {background-color: #fff;} .breadcrumb-item.active:after{background: #fff;} li.mod-breadcrumbs__item.breadcrumb-item.active span {font-size: 14px;} .breadcrumb-item,.mod-breadcrumbs__divider.float-start { background: #efefef; color: #333; outline: none; padding: 0; position: relative; text-decoration: none; transition: background 0.2s linear; margin: 0px 7px 0px 1px; padding: 0.40em 0.75em 0.45em .65em; padding-right: 7px; font-size: 14px; } .mod-breadcrumbs__divider.float-start {padding: 0.25em 0.75em 0.65em 1.25em;} .breadcrumb-item:hover:after, .breadcrumb-item:hover {background: #efefef;} .breadcrumb-item:focus:after, .breadcrumb-item:focus, .breadcrumb-item.is-active:focus {background: #fff;color: #fff;} .breadcrumb-item.active:before {background: #fff; margin-left: 0px;} .breadcrumb-item:before { background: #efefef; bottom: 0; clip-path: polygon(0 0, 50% 50%, 0 100%); content: ""; left: 0%; position: absolute; top: 0; transition: background 0.2s linear; width: 1em; z-index: 1; } .breadcrumb-item:after,.mod-breadcrumbs__divider:after{ background: #efefef; bottom: 0; clip-path: polygon(50% 50%, -50% -50%, 0 100%); content: ""; left: 100%; position: absolute; top: 0; transition: background 0.2s linear; width: 1em; z-index: 1; } .breadcrumb-item:before {background: #fff;margin-left: -1px;} .breadcrumb-item:last-child {border-right: none;} .breadcrumb-item.is-active {background: #edf1f5;} .breadcrumb-item:last-child span {border-right: none;padding-left: 7px;} span.divider.icon-home.icon-fw {margin-left: -3px;} .product-price-before-discount div {text-decoration: none!important;} .product-price-before-discount span.PricebasePriceWithTax {text-decoration: line-through;} .product-price-before-discount span.prnodisclbl {text-decoration: none;font-size:15px;} .view-element_product .product-price-before-discount {color: #0c0c0c;} .view-element_product .PricesalesPrice.vm-display.vm-price-value .PricesalesPrice {line-height: 24px;} /* .diatExpl { text-align: center; margin-bottom: 30px; margin-top: 20px; } */ .diatExpl { text-align: center; margin-bottom: 7px; /* margin-top: 20px; */ display: inline-block; } .diatExplLbl { border: 0px solid #7357FF; border-radius: 0px; padding: 0px 3px; font-size: 13px; color: #7357FF; border-bottom: 1px solid #7357FF; font-weight: 500; display: inline; padding-bottom: 3px; } .availiconstext-1{font-size: 14px;color:#2b8257;margin-bottom:20px;} .availiconstext-2{font-size: 14px;color:#2b8257;margin-bottom:20px;} .availiconstext-1 img{width: 16px;height:16px;} .vme-mod-wishlist1 {line-height: 5px;margin-top: 10px;} span.doseisPoso { color: #6B5CAD; } .anamSynt { font-weight: 500; display: inline-block; border-bottom: 1px solid #5d5d5d; padding-bottom: 1px; margin-bottom: 7px; } span.a2a_kit.a2a_kit_size_16.addtoany_list {font-size: 14px;} .prTools .btn-vme-round .vme-btn-text { color: inherit; opacity: 1; transition: opacity 0.15s ease-in-out; font-weight: normal; font-size: 14px; margin-left: -5px; line-height: 0; } .prTools .btn-vme-round > i { display: inline-block; height: 2.15rem; width: 2.15rem; border: none; border-radius: 0; line-height: 0; background-color: var(--white); color: var(--gray-900); border: 1px solid var(--gray-300); text-align: center; margin: 0; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .a2a_kit a {cursor: pointer; transition: none; margin-top: -3px;} .a2a_kit a { cursor: pointer; transition: none; display: inline-flex!important; color: #000; font-weight: 400; font-size: 14px!important; } a.ask-a-question.link-body-invert {font-size: 14px; color: #000;} .prTools {text-align: center;} i.fas.fa-question-circle {font-size: 16px;} .fa-question-circle:before {content: ""; color: #7357FF;} .prTools .fa-heart:before {content: "";color: #7357FF;} span.a2a_svg.a2a_s__default.a2a_s_a2a { background-color: #7357FF !important; margin-right: 5px; } .product-image-gallery__main-wrapper { margin-bottom: 0rem;} .tab-content ul {margin: 0;} .fx-pagination__separator::after {top: 84%!important;} .fx-pagination__separator { display: inline!important;} [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=panel] > [data-rlta-element=panel-content], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel] > [data-rlta-element=panel-content] { padding: 10px 15px; line-height: 120%; text-align: left; font-size: 15px; } h5#customPopupLabel {font-size: 17px;margin: 10px 0;color: #5757FF;} .man-name { font-size:20pt; margin-top: auto; display: flex; margin-bottom: auto; margin-left: 20px; font-weight: 500; } .manimg {text-align: right;} .itemid-1030 .breadcrumbs-section {display: none;} .itemid-1031 .breadcrumbs-section {display: none;} /* 0225 changes */ /* .product-price {display: inline-block!important;margin-top: 5px;} */ .product-price-before-discount span.PricebasePriceWithTax {color: #6A6F7C;} .cnewsletter input::placeholder {font: 1.75rem/3 sans-serif;font-weight:300;} .breadcrumb-limit{ max-width: 48%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; max-height: 33px; } .breadcrumb-limit:after{ background: #efefef; bottom: 0; clip-path: polygon(50% 50%, -50% -50%, 0 100%); content: ""; left: 100%; position: absolute; top: 0; transition: background 0.2s linear; width: 1em; z-index: 1; } .off-menu_277 .sm-x { top: 6px; right: 5px; } .limited-text{display: flex; margin-top: 10px; margin-bottom: 10px; text-align: center; flex-wrap: wrap; align-content: space-around; justify-content: center; } .limited-text img{width: 40px; margin-right: 10px;} .stock-remain{font-size: 13px!important;font-weight:600;} img.no-result-image {margin-top: 20px;} .no-result-text {font-size: 32px; padding-top: 15px;} .article-info dd { padding: 0; margin: 0!important; font-size: 13px; } .extrainfo div {display: inline-block;font-weight:500;} h1.man-name { padding-top: 20px; padding-left: 0; margin-left: 0; } a.manufacturer-modal-link { display: inline-block; } div.discontinued{ background: black; color: white; font-size: 10pt; font-weight: 600; padding: 8px; width: fit-content; border-radius: 10px; cursor:default; } div.exchange{ /*min-height: 80px;*/ box-shadow: 0px 1px 12px #00000012; margin-bottom: 10px; border-radius:10px; padding:5px; } div.exchange-1{ font-size: 10pt; font-weight: 600; margin-top:5px; margin-left:5px; } div.exchange-2{ display:flex; } div.exchange-2-1{ width:100%; } div.exchange-2-2{ padding: 10px; background: #7357FF; width: fit-content; border-radius: 10px; float: right; margin-bottom: 15px; color: white !important; cursor:pointer; margin-right:10px; } div.exchange-2-2 > a { color: white !important; } div.exchange-2-2 > a:hover { color: #230d99 !important; } img.img-exchange { border: 1px solid #00000012; border-radius: 12px; object-fit: contain; margin:10px; height: 90px; width: 90px; } .view-element_landing h1,.view-element_category h1 { padding-top: 10px; padding-bottom: 0px; margin-bottom: 0; } .h3container.topbrandsfp { padding-bottom: 30px; } .view-element_landing .row1 { padding-bottom: 40px; } .view-element_category .slick-list.draggable { margin-top: 25px; } .back-to-top-link { width: 4.2rem; height: 4.2rem; bottom: 5.2rem; font-size: 1.2rem; right: 0.1rem; } .layout-blog .main-content-area {padding: 20px 0 50px 0;} ul.mod-articlescategories.categories-module.mod-list ul {margin: 0;padding: 0; padding-left: 15px;margin-top: 10px;} ul.mod-articlescategories.categories-module.mod-list ul li {list-style: none;} ul.mod-articlescategories.categories-module.mod-list ul li {font-size: 14px;} .layout-blog h2 {font-size: 20px;line-height: 120%!important;} .layout-blog figure.item-image img {width: 100%;height: 180px;object-fit:cover;} .grp-theme-default .grp-style-spotlight .grp-reviews-review-date {color: #353535!important;} .mod-megamenu--item.item-434 { display:none; } [data-mod-id="131"] { visibility: visible!important; } /* ######################################################## */ /* MEDIA QUERIES */ /* ######################################################## */ /* Large Devices, Wide Screens */ @media (max-width: 450px) { .product-grid-view.col-6 .availability { height:2lh; } } @media (max-width: 855px) { .availability{ min-height:2lh; } } @media (min-width: 800px) { li.mod-breadcrumbs__item.breadcrumb-item:last-child > span { display: inline-block; overflow: hidden; line-height: 20px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; max-width: calc(50vw - 520px); } } @media (min-width: 1400px) { div#stickytypeheader {display: none;} } @media only screen and (min-width : 1185px) { .vm-login-sublayout {max-width: 60%;margin: 0 auto;} div#stickytypeheader {display: none;} } @media only screen and (min-width : 992px) and (max-width: 1185px) { body {padding-bottom: 0rem;} div#stickytypeheader {display: none;} } @media (min-width: 481px) and (max-width: 992px) { body {padding-bottom: 0rem;} div#stickytypeheader { position: fixed; bottom: 100px; z-index: 999; right: 0; /*background: #7357FFb3; border: 1px solid #7357FF; padding-top: 8px; border-radius: 5px; margin-bottom: 10px;*/ } .header-right-lg.footer-toolbar.fixed-bottom.d-flex.flex-row.justify-content-around.justify-content-lg-end.align-items-center {display: none!important;} .swiper-container {width: 65%;height: auto;} .scrollmenu.sservices {margin-top: 0px;background-color:transparent;} .scrollmenu { width: 100%; height: fit-content; /**used to scroll text*/ white-space: nowrap; overflow-x: scroll; overflow-y: hidden; /**keep scrolling when *finger or cursor scrolling*/ -webkit-overflow-scrolling: touch; } .product-card {float: none;display: inline-block;margin-right: 10px;} /*to hide the scrollbars*/ ::-webkit-scrollbar {display: none;} .product-sku {font-size: 13px;} .PricesalesPrice.vm-display.vm-price-value .PricesalesPrice {font-size: 26px;font-weight: 500;} .productdetails input.addtocart-button.btn.btn-primary {padding: 7px 40px 9px 40px;font-size: 18px;margin: 15px 0px 10px 0; width: 100%;border-radius: 16px;} .product-price {line-height: 25px;} .mod-megamenu--level-1>.mod-megamenu--item-anchor {padding: 0.4rem .7rem;} .mobminicart.col-3 {text-align: right;} .d-flex.flex-column.flex-md-row.justify-content-md-between.align-items-center.gap-md-4 {margin: 0;} .d-inline-block.link-inherit-color.btn-icon {background: #fff!important;} .vpi-search:before {content: "\ee26";margin-left: 10px;} .scolTitle {font-size: 18px;padding-bottom: 15px;font-weight: 500;} .scatimg img {width: 50px;} .scatTitle a {color: #000;font-size: 14px;font-weight: 500;} .scatTitle {line-height: 40px;} .scat-box {padding: 5px;border: 1px solid #eee;border-radius: 8px;} input.addtocart-button.btn.btn-primary {padding: 7px 30px;font-size: 14px;margin: 0px 0px 10px 0;border-radius: 8px;} .product-image-gallery__main {height: 320px!important; min-height: 320px!important;} .product-image-gallery__main .product-image-gallery__item-inner {min-height: 300px!important;} .sm-parent {background-color: #000!important;} } @media (max-width: 480px) { body {padding-bottom: 0rem;} h1.text-center {padding-top: 0px;padding-bottom: 5px;font-size: 18px;font-weight: 500; margin: 0;} .line {margin: 10px 0 0px 0;} .mb-5 { margin-bottom: 0rem!important;} h3.yel, h4.yel {border-bottom: 6px solid #F9D77D;display: inline-block; padding-bottom: 2px;margin-bottom: 15px;font-size: 24px;font-weight: 600;margin-top: 0;} .scat-box {padding: 5px 5px;border: 0;border-bottom: 1px solid #dfd9fd;border-radius: 0px;} .scatTitle a {color: #000!important;font-size: 14px;font-weight: 600;line-height: 80px;} .scatTitle {font-size: 14px;} h3.purple, h4.purple {border-bottom: 6px solid #c6a5e4; display: inline-block;padding-bottom: 2px;margin-bottom: 15px;font-size: 24px;font-weight: 600;margin-top: 0;} .fptabs button.nav-link.active {background-color: #7357FF;padding: 8px 7px;font-size: 14px;font-weight: 500;} .nav-pills .nav-link {border-radius: 10px;} .fptabs button.nav-link {margin: 0 10px; width: auto;} ul.slick-dots {margin-bottom: 45px;display: none!important;} .cf-control-group.newsletterTitle h2 {font-size: 21px!important;} input#form1_email {background-color: transparent;border: 0;border-bottom: 1px solid #fff;border-radius: 0;padding-left: 0;font-size: 16px;} button.cf-btn.cf-one-half { padding: 6px;font-size: 15px;} .cf-control-group.cf-two-thirds {padding: 0 10px!important;} .cf-control-group.newsletterTitle {padding: 0 10px!important;} .convertforms .cf-content-wrap, .convertforms .cf-form-wrap {padding: 0px 15px;} label.cf-label {font-size: 14px!important;} input#form1_termsofservice3 {padding: 10px;width: 16px; height: 16px;} ul.list-inline.mbotsocial {padding-left: 10px;padding-top: 20px;} .fptabs button.nav-link { background-color: #eee; padding: 8px 7px; margin: 0 10px; color: #000; font-size: 14px; font-weight: 500; width: auto; } .scat .row {margin-bottom: 0px; } .promo-banner-content.w-50 {width: 100% !important; } h4.promo-banner-title {padding: 0;margin: 0;font-size: 1.45rem!important;} .convertforms .cf-content-wrap, .convertforms .cf-form-wrap {padding: 0px 10px; } .cf-control-group.cf-two-thirds {padding: 0 10px;} ul.grp-slick-dots {display: none!important;} .grp-slick-dotted.grp-slick-slider {margin-bottom: 0px!important;} .manslider.slick-dotted.slick-slider {margin-bottom: 30px;width: 100%!important;margin: 0 auto;} .slick-dotted.slick-slider {margin-bottom: 0px!important;} .cf-control-input h2 {margin-top: 0;} .bottom-slider-section {padding: 10px 0 0px 0;} .h4container h4 {margin: 10px 0px;margin-bottom: 30px;font-size: 22px!important;} button#to-brand-page {padding: 8px 9px;font-size: 13px!important;} .breadcrumbs-inner {display: none!important;} .cslidermob .slider-bottom-left {display: none;} .cslidermob .swiper-container {width: 85%;height: 175px;} .mod-position-main-top-vertical.mod-block.mb-5.cslidermob {margin-left: -10px;margin-right: -14px;} .fake-row {border-radius: 0;} .swiper-slide img {border-radius: 10px!important;} .itemid-340 .main-top-vertical-section, .main-top-horizontal-section, .main-bottom-vertical-section, .main-bottom-horizontal-section {margin: 0;} .itemid-341 .main-top-vertical-section, .main-top-horizontal-section, .main-bottom-vertical-section, .main-bottom-horizontal-section {margin: 0;} .scolTitle {padding-left: 0!important;} .promo-banner {margin-bottom: 0.5rem;} .row.mbbot ul li,.row.mpaddbot ul li {list-style: none;} .row.mbbot ul,.row.mpaddbot ul {margin-left: 0px!important; padding-left: 15px;} div#stickytypeheader { position: fixed; bottom: 100px; z-index: 999; right: 10px; background: #7357FFb3; border: 1px solid #7357FF; padding-top: 8px; border-radius: 5px; margin-bottom: 10px; } div.filters-inner{ display:none!important; } .modal-backdrop.show { opacity: 0.8; background-color: rgba(0, 0, 0, 0.8); } /* PRODUCT CATEGORY */ .product-grid-view.col-6{} .view-element_landing .row1 {display: block!important;} .row1 h1 {font-size: 1.5em;margin: 0.7em 0;} .content-top-horizontal-section {margin: 0!important;margin-bottom: 20px!important; } .prcat .product-top-container {padding: 5px;} .product.product .PricesalesPrice.vm-display.vm-price-value .PricesalesPrice {font-size: 20px;font-weight: 500;line-height: 15px;} .product-grid-view.col-6 input.addtocart-button.btn.btn-primary { background-color: #7357FF; border: 0; padding: 5px 7px; font-size: 14px; margin: 0px 0px 10px 0; border-radius: 8px; } .product-grid-view.col-6 .addtocart-bar.d-flex.flex-row.justify-content-center {/*justify-content: left!important;margin-left: 10px;*/} .product-grid-view.col-6 .addtocart-bar.d-flex.flex-row.justify-content-center {margin-right: 20px; } .product-grid-view.col-6 .product-list-utilities { bottom: 0; top: 215px; right: 10px; transform: none; transition: none; } .product-grid-view.col-6 .availability {font-size: 13px;} .product-grid-view.col-6 .product-list-images.mb-3.text-center img {max-height: 140px;object-fit: contain;} .promoTitle {font-size: 22px!important;} .promosTitle {font-size: 16px!important; margin-bottom: 5px;} [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button] {padding: 1.18rem 1.7rem 1.18rem 0;} /* PRODUCT */ .productdetails-view .cent-new-cbadge-bot {margin-top: 10px; margin-bottom: 10px;} .productdetails-view .product-image-gallery__thumbnails-wrapper {padding-bottom: 0rem;} .productdetails-view div#up-down-buttons {display: none!important;} .productdetails-view #tns2-iw { height: auto!important; } .productdetails-view #tns2 > .tns-item {margin-bottom: 0px!important; height: auto!important; } .productdetails-view h1 {font-size: 22px;margin: 0.5em 0;} [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=panel] > [data-rlta-element=panel-content], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs] > [data-rlta-element=panels] > [data-rlta-element=panel] > [data-rlta-element=panel-content] {padding: 10px 0;line-height: 120%;} .productdetails-view .product-variations {margin-bottom: 0px;} .scrollmenu.sservices {margin-top: 0px;background-color:transparent;} .scrollmenu { width: 100%; height: fit-content; /**used to scroll text*/ white-space: nowrap; overflow-x: scroll; overflow-y: hidden; /**keep scrolling when *finger or cursor scrolling*/ -webkit-overflow-scrolling: touch; } .product-card {float: none;display: inline-block;margin-right: 10px;} /*to hide the scrollbars*/ ::-webkit-scrollbar {display: none;} .product-sku {font-size: 13px;} .PricesalesPrice.vm-display.vm-price-value .PricesalesPrice {font-size: 24px;font-weight: 500;} .productdetails input.addtocart-button.btn.btn-primary {padding: 5px 10px 5px 10px!important;font-size: 14px!important;margin: 15px 30px 10px 0!important; width: 100%;border-radius: 8px!important;} .product-price {line-height: 25px;} /* HEADER */ a.brand-logo img {width: 68px!important;height: auto;} .header-main .container-inner { padding: 5px 0;} .sm-mobile header.header-content.sticky-top {background-color: #f7f7f7;} .top-bar-content {display: none;} .mod-languages,.mlogin,.vme-mod-wishlist,.mod-minicart {margin-top: 0px;} i.vpi.vpi-search.vpi-lg {padding-left: 25px;} .header-search-container .header-search-inner {background-color: #f7f7f7;} .menu-icon-cont.sm-btn-277 {z-index: 9;} div#search-results1 {margin-top: 13px;border: 0!important;} .mod-minicart {text-align: right;} .sticky-top i.vpi.vpi-heart {margin-left: 8px;margin-top: 3px;} i.vpi.vpi-user.vpi-lg {margin-right: -6px;} .mobile-header-right.d-flex.flex-row.justify-content-end.align-items-center { background-color: #fff; border-radius: 12px;margin-left:-5px; } .header-main .container-xxl {padding: 0;margin: 0;} .blackbg {background-color: #000;height: 40px;margin-bottom: 0px;} a.brand-logo {margin-top: -40px;} input.form-control.search-query.input-lg {padding: 1px;background-color: #ffffff;} .vpi-search:before {font-size: 15px;} .mobile-header-right .d-inline-block.link-inherit-color.btn-icon {border-radius: 9px; line-height: 12px;} div.mod-languages img {width: 18px;height: 18px;} .vpi-user:before, .vpi-heart:before, .vpi-shopping-bag:before {font-size: 18px;} .vpi-shopping-bag {background-image: url(../images/cart-mob2.png); height: 20px;width: 20px;} .vme-mod-contents a.d-inline-block.link-inherit-color.btn-icon {padding: 0;} button#language_btn_213 {background-color: #f7f7f7; border: 0; padding: 0;padding-bottom: 0px;margin-bottom: 6px;} i.vpi.vpi-user.vpi-lg {margin-right: -15px;margin-left: -3px;} .mod-minicart__anchor a.d-inline-block.link-inherit-color.btn-icon {padding: 5px;padding-bottom: 0;} .jewel-group {display: inline-block;position: relative;width: 26px; height: 30px;} .vpi-shopping-cart:before {font-size: 18px;} span.vme-mod__product-count.jewel {display: none;} .header-is-sticky .header-content {border-bottom: 0px solid #000;box-shadow:none;} .header-is-sticky .container-inner {padding: 10px 0 0 0;} .mob-msg {line-height: 25px;font-weight: 500;} i.vpi.vpi-heart.vpi-lg.d-inline-block.align-middle {margin-top: -2px;} /* SEARCH */ .scolTitle {font-size: 16px;padding-bottom: 10px;font-weight: 500;} .searched-category-title a {color: #000;font-size: 13px;line-height: 170%;text-decoration: none;} .vpajaxsearch-suggestion1-content {padding: 10px 10px;} .searched-product-image img {max-height: 50px;width: 100%;object-fit: contain;} .footer-toolbar.fixed-bottom{display: none!important;} .mobile-header-right .d-inline-block.link-inherit-color.btn-icon {border-radius: 12px;background-color: #fff!important;} .searched-product-price span.PricesalesPrice {font-size: 16px!important;} /* CART */ .hide{display: none;} .proopc-clear-cart-wrapper a, .proopc-continue-link a {color: #fff;padding: 12px 8px;text-decoration: none;border-radius: 14px; } .proopc-toolbar-right-1 {margin-top: 10px;} .promoTitleProducts {text-align: center;font-size: 20px!important;margin-top: 40px; } .cent-mini-cart-eta { padding: 15px; text-align: center; border: 1px solid #dddbdb; margin-top: -13px; font-size: 14px!important; } span.a2a_svg.a2a_s__default.a2a_s_share2.a2a_img_text {background-color: rgb(130 106 255)!important;} .glightbox-mobile .goverlay {background: #000;opacity: 0.9;} .productdetails-view h4 {margin: 0em 0 0.5em 0;} .nav-tabs-simple .nav-link {padding: 5px 10px!important;} span.fa.fa-info-circle.hasTooltip {left: 4px!important;} input.addtocart-button.btn.btn-primary { background-color: #7357FF; border: 0; padding: 5px 10px; font-size: 14px; margin: 0px 20px 10px 0; border-radius: 8px; } .product-top-container img.product-image.lazy.lz-entered.lz-loaded {width: auto!important;height: auto!important;} .product-list-utilities {bottom: 0; top: 230px; right: 10px; transform: none;transition: none;} .itemid-340 .product-list-utilities {bottom: 0; top: 225px; right: 10px; transform: none;transition: none;} .availability .avail-1, .availability .avail-2, .availability .avail-3, .availability .avail-4, .availability .avail-5, .availability .avail-6 {font-size:13px!important;} .cnewsletter input::placeholder {font: 1rem/3 sans-serif;font-weight:300;} .centiva-eta.product-top-right-cont {padding: 5px 0; margin-left:33px; } .mobver .product-price-before-discount span.PricebasePriceWithTax {text-decoration: line-through;font-size: 13px!important;} .prfp .product-top-container {padding: 5px!important;} .prfp span.PricesalesPrice {font-size: 17px!important;} .view-element_product .product-list-utilities { top: 230px!important;} .bottom-slider-section { padding: 10px 0 20px 0; } } @media (max-width: 376px) { h1.text-center {font-size: 16px;font-weight: 500;margin: 0;} input#mod-vpprime-ajax-search__keyword-110 {padding: 7px; background-color: #ffffff;} input.addtocart-button.btn.btn-primary { background-color: #7357FF; border: 0; padding: 7px 10px; font-size: 14px; margin: 0px 20px 10px 0; border-radius: 8px; } .product-top-container img.product-image.lazy.lz-entered.lz-loaded {width: auto!important;height: auto!important;} .view-element_product .product-list-utilities {bottom: 0; top: 238px; right: 9px; transform: none;transition: none;} .view-article .product-list-utilities {bottom: 0; top: 230px; right: 9px; transform: none;transition: none;} .productdetails .prfp input.addtocart-button.btn.btn-primary { padding: 5px 12px 7px 12px; font-size: 14px; margin: 5px 26px 10px 0; width: auto!important; border-radius: 12px; } .availability .avail-1, .availability .avail-2, .availability .avail-3, .availability .avail-4, .availability .avail-5, .availability .avail-6 {font-size:13px!important;} .itemid-340 .product-list-utilities {bottom: 0; top: 205px; right: 10px; transform: none;transition: none;} .view-element_product .product-list-utilities {top: 209px!important;} .prfp span.PricesalesPrice {font-size: 16px!important;} } .offcanvas-body {line-height: 130%;} .mobver {font-size: 14px;} .mobver .prgalcontainer {border: 0px solid #707070;} .mobver span.hasTooltip.chotpr, .mobver span.hasTooltip.cnewpr {font-size: 12px;} .mobver .product-image.tns-complete {height: 200px;width: auto; object-fit: contain;} .mobver .product-image-gallery__main { height: 200px; min-height: 200px;} .mobver .prgalcontainer .cent-new-cbadge {min-height: 0px; padding: 2px;} .mobver .product-image-gallery__thumbnails .product-image-gallery__item .product-image-gallery__item-inner img { padding: 2px; border:1px solid #707070; border-radius: 12px;width: 70%;max-height: 60px;} .mobver .product-image-gallery__main .product-image-gallery__item-inner { min-height: 200px!important;} .mobver .product-price-before-discount, .mobver .product-sales-price div {display: inline-block;} .mobver .productdetails-view #tns2 > .tns-item {margin-bottom: 0px!important;height: auto!important;} .mobver .breadcrumbs-section { margin-top: 0px;} .mobver .product-manufacturer img {max-width: 50px;} .mobver .product-manufacturer {text-align: left;margin-bottom: 10px;;} .mobver .productdetails-view h4 {margin: 0em 0 0.5em 0;} .mobver .product-price-before-discount span.prnodisclbl { text-decoration: none; font-size: 13px;} .mobver .product-price-before-discount span.PricebasePriceWithTax {text-decoration: line-through;font-size: 17px;} .mobver .product-prices-wrapper.mb-2 .product-price {line-height: 25px;margin-top: -5px; text-align: right;} .mobver .row.cbadge.row-cols .col-8 {position: absolute;top: 0;} .mobver .col.badgecol {margin-top: 0px;line-height: 40px;} .mobver span.hasTooltip.csalepr,.mobver .hasTooltip.cnewpr,.mobver .hasTooltip.chotpr {padding: 4px 10px 7px 10px;border-radius: 18px;} .mobver .col.badgecol.cold {position: absolute;top: 0;right: 5px;} .mobver .tns-outer div#tns1-ow {border: 1px solid #444; margin: 0px; border-radius: 12px;} .mobver .product-image.tns-complete { height: 200px; width: auto; object-fit: contain; padding: 15px;} .mobver .col-12.imgcontainer {padding: 0;} .mobver .productdetails-view #tns2 > .tns-item { margin-bottom: 0px!important;height: auto!important;} .mobver .row.cbadge.row-cols-6 .col-8 { position: absolute; top: 0;} .mobver .cent-new-cbadge-bot { position: absolute; top: 152px; left: 10px;} .mobver .cbadge span.hasTooltip img {border: 1px solid #626161;border-radius: 8px; padding: 2px; height: 30px; width: auto; object-fit: contain;} .mobver .product-manufacturer {position: absolute;right: 10px; bottom: 83px;} .mobver .prTools .col-4,.mobver .prTools .col-3,.mobver .prTools .col-5 {padding: 0;} .mobver .productdetails-view h4 {margin: 1.33em 0 0.5em 0; margin-top: 0;} .mobver .product-gtin {font-size: 12px;} .mobver .product-gtin span {font-size: 11px;} /* ########################## */ .cent-mini-cart-product.cart-p-list-totals {background-color: #eee;padding: 15px 0;} .product-grid-view .cbadge span.hasTooltip img {border: 1px solid #d3d3d3;border-radius: 12px;padding: 3px;} .bs-product .cbadge span.hasTooltip img {border: 1px solid #d3d3d3; border-radius: 12px;padding: 3px;max-height: 40px;} .cbadge .col {padding: 0 5px;text-align:center; } .cent-new-cbadge {min-height: 40px;} .cbadge.row-cols-5 .col{padding: 0 7px!important;} .product-grid-view .cbadgetop span.hasTooltip img { border: 0px solid #d3d3d3;border-radius: 12px;padding: 3px; height: 40px;object-fit: contain;} .row.cbadgetop.row-cols .col-4 {text-align: right;} .cnewpr1 {background-color: #eee;padding: 5px 7px 10px 7px;border-radius: 12px;margin-top: 5px;line-height: 40px;} .cola, .colb, .colc {display: inline-block;padding: 0 1px;} .row.cbadgetop.row-cols .col-8 {padding-left: 0;} .row.cbadgetop.row-cols .col-4 {padding-right: 0;} .cent-new-cbadge {margin-bottom: 0px;} .cent-new-cbadge.topbadge {margin-bottom: 10px;} .bs-product .cbadgetop span.hasTooltip img { border: 0px solid #d3d3d3;border-radius: 12px;padding: 3px;height: 40px!important;object-fit: contain;} a.brand-logo img {width: 85%;} @media (max-width: 319px) { .product-grid-view .cbadgetop span.hasTooltip img { height: 32px;} } /* TEMP */ dt.level1.off-nav-2111.parent.first a {display: none;} dt.level1.off-nav-2111.parent.first {display: none;}