﻿
/*------------------------------------*\
   catalogItemBox
\*------------------------------------*/

#categoryView-subcategories, #categoryView-items { display: block; float: left; width: 100%; }

.catalogItemsList, .categoreyItemsList { margin-right: -10px; margin-left: -10px; }
.catalogItemBox-Container, .catalogCategoreyBox-Container { padding: 0px 10px; }

.catalogItemBox-Container[data-lg-order="0"] .popover { margin-left: 0px; }
.catalogItemBox-Container[data-lg-order="1"] .popover { margin-left: -107%; }
.catalogItemBox-Container[data-lg-order="2"] .popover { margin-left: -214%; }

/**NEW***/
/*.catalogItemBox-Container[data-lg-order="0"] .popover          { margin-left: 10px; }
.catalogItemBox-Container[data-lg-order="1"] .popover          { margin-left: -96%; }
.catalogItemBox-Container[data-lg-order="2"] .popover          { margin-left: -196%; }*/


.catalogItemBox-Container[data-lg-order="0"] .popover .arrow { left: 13% !important; }
.catalogItemBox-Container[data-lg-order="2"] .popover .arrow { left: 85% !important; }


.category-content__header { margin-bottom: 25px; }

.catalogItemBox { margin-bottom: 25px; padding: 5px; text-align: center; border: 1px solid #ddd; background: #fff; position: relative; float: left; width: 100%; overflow: hidden; text-transform: none; }


.catalogItemBox.selected { background-color: #f3f3f3; }
.catalogItemBox.disabled { opacity: 0.4; }
.catalogItemBox .catalogItemBox-image, .categoryBox .categoryBox-image { padding-bottom: 100%; position: relative; background-size: cover; background-position: center center; margin-bottom: 10px; }
.catalogItemBox .catalogItemBox-title, .categoryBox .categoryBox-title { font-size: 120%; /*height: 24px;*/ height: 42px; overflow: hidden; }
/*span.packs         { position: absolute;top: -25%;right: 5px;color: #ffffff;padding: 3px 10px;font-size: 90%; white-space: nowrap; }*/
/*span.packs {*/ /*position: absolute;top: -25%;right: 5px;*/ /*font-family: 'source_sans_proregular'; color: #ffffff; padding: 3px 10px; font-size: 90%; white-space: nowrap; display: inline-block; direction: ltr; border-radius: 5px; background: #CFCFCF; margin-right: 15px; }*/
span.packs { /*position: absolute;top: -25%;right: 5px;*/ font-family: 'source_sans_prolight'; color: #ffffff; padding: 3px 10px; font-size: 85%; white-space: nowrap; display: inline-block; direction: ltr; border-radius: 5px; background: #CFCFCF; margin-right: 5px; font-weight: bold; letter-spacing: 1.2px; /* text-transform: uppercase; */ }
.labels-holder { position: absolute; top: -25%; width: 100%; direction: rtl; text-align: right; }
.catalogItemBox.smallBox .labels-holder { top: auto; bottom: 40px; z-index: 1; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: auto; }
.labels-holder span:first-child { margin-left: 10px; }
span.packs.retail { background: #F68300; margin-bottom: 8px; }
span.packs.fast { background: #74B600; /*left: 35px; right: auto;*/ }
span.packs.wholesale { background: #F79E00; }
span.packs.outOfStock { left: 5px; right: 5px; background: #DD5D48; z-index: 1; }
.catalogItemBox .opacity-layer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.5); z-index: 1; }
.catalogItemBox .catalogItemBox-options a.catalogItemBox-more, .catalogItemBox .catalogItemBox-options a.catalogItemBox-wishlist { z-index: 0; position: relative; }
/*.catalogItemBox-Container.out-of-stock { pointer-events: none; }*/
.catalogItemView .opacity-layer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.5); z-index: 1; }
.catalogItemView .catalogItemView-desc__content iframe { max-width: 100%; height: 240px; }

.catalogItemBox-sale-prd { background-position: bottom left; background-repeat: no-repeat; position: absolute; top: 0px; right: 0px; width: 50%; height: 30%; }
.catalogItemBox .catalogItemBox-sku { color: #C3C3C3; }
.catalogItemBox .catalogItemBox-price { font-size: 350%; color: #232323; padding-bottom: 5px; margin-bottom: 10px; line-height: 100%; display: inline-block; word-spacing: -10px; }
.catalogItemBox .catalogItemBox-sale-price-container { display: inline-block; text-align: left; margin-bottom: 10px; }
.catalogItemBox .catalogItemBox-before-sale-price { position: relative; display: inline-block; }
.catalogItemBox .catalogItemBox-before-sale-price:before { content: ""; position: absolute; left: 50%; margin-left: -1px; height: 110%; width: 1px; background: #000; -webkit-transform: rotate(144deg); -ms-transform: rotate(144deg); transform: rotate(144deg); top: -2px; }
.catalogItemBox .catalogItemBox-options > * { display: inline-block; padding: 10px 0px; }
.catalogItemBox .catalogItemBox-addtocart { width: 55%; background: #F36639; float: right; transition: background 500ms ease-in-out !important; }
.featured-items .owl-catalogItemBox-addtocart:hover { background: #cf5129; transition: background 500ms ease-in-out; }
.catalogItemBox .catalogItemBox-addtocart:hover { background: #cf5129; transition: background 500ms ease-in-out; }
.catalogItemBox .catalogItemBox-wishlist { width: 18.65%; background: #DADADA; }
.catalogItemBox .catalogItemBox-more { width: 18.65%; background: #DADADA; display: inline-block; float: left; }
.catalogItemBox .catalogItemBox-more:hover { color: #f36639 !IMPORTANT; }
.catalogItemBox .catalogItemBox-button a { padding: 5px 20px 3px 20px; color: #fff; background-color: #F68B1F; display: inline-block; border-radius: 5px; text-decoration: none; margin-bottom: 5px; }
.catalogItemBox .catalogItemBox-options a { color: #fff !important; transition: color 500ms ease-in-out; }
.catalogItemBox .catalogItemBox-options .catalogItemBox-wishlist:hover { color: #E08282 !important; transition: color 500ms ease-in-out; }
.catalogItemBox .catalogItemBox-options .catalogItemBox-wishlist.selected { color: #F33939 !important; transition: color 500ms ease-in-out; }

.catalogItemBox .catalogItemBox-addtocart:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f291"; position: relative; font-size: 2em; }

/****NEW CHANGES 25.3****/

.catalogItemBox span.packs.fast { /* margin: 0; */ /* float: right; */ /* padding: 1px 5px 2px; */ }
.catalogItemBox-top-line { float: left; width: 100%; clear: both; text-align: left; min-height: 38px; }
.catalogItemBox .catalogItemBox-title { float: left; width: 100%; text-align: left; font-size: 130%; margin-bottom: 0px; min-height: 30px; margin-top: 5px; text-transform: initial; }
.catalogItemBox-prices { float: left; width: 100%; text-align: left; }
.addToCartBtnSmallWrapper { float: left; width: 100%; padding-bottom: 0; }
.catalogItemBox .catalogItemBox-wishlist { left: auto; right: 0px; }
.catalogItemBox .catalogItemBox-wishlist svg { display: inline-block; vertical-align: middle; }
.catalogItemBox .catalogItemBox-price { font-size: 220%; font-family: 'source_sans_pro_bold'; }
.catalogItemBox .catalogItemBox-sku { text-align: left; }
.catalogItemBox .userDiscountInline { color: #ff7800; text-align: left; font-family: 'source_sans_pro_semibold'; font-size: 90%; margin-bottom: 0px; float: left; width: 100%; min-height: 61px; }
.catalogItemBox .quantityDiscounts { color: #7f7f7f; font-family: 'source_sans_pro_semibold'; font-size: 95%; text-align: left; margin-bottom: 10px; float: left; width: 100%; }
.catalogItemBox .catalogItemBox-before-sale-price { font-family: 'source_sans_proregular'; }
.itemsLabelContainer.offerLabel { padding: 5px 9px; }
.addToCartBtnSmallWrapper a.addToCartBtnSmall { border-radius: 30px; font-size: 125%; min-width: 160px; padding: 10px 10px; }

@media(max-width: 991px) {
    a.catalogItemBox-wishlist-click.catalogItemBox-wishlist { bottom: -30px; top: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
    .catalogItemBox .quantityDiscounts { font-size: 70%; }
    .addToCartBtnSmallWrapper { padding-bottom: 18px; }
    a.catalogItemBox-wishlist-click.catalogItemBox-wishlist { bottom: -5px; }
}


@media(max-width: 767px) {
    .addToCartBtnSmallWrapper a.addToCartBtnSmall { min-width: 100px; font-size: 90%; padding: 7px 10px; margin-bottom: 7px; }
    .catalogItemBox-top-line { /*min-height: 30px;*/ height: 30px; }
    .catalogItemsList .catalogItemBox-prices { min-height: 25px; }
}



@media(max-width: 991px) {
    .catalogItemBox-Container[data-xs-order="0"] .popover { margin-left: 0px !important; }
    .catalogItemBox-Container[data-xs-order="1"] .popover { margin-left: -106% !important; }

    .catalogItemBox-Container[data-xs-order="0"] .popover .arrow { left: 13% !important; }
    .catalogItemBox-Container[data-xs-order="1"] .popover .arrow { left: 85% !important; }
    span.packs { font-size: 80%; }
    .catalogItemView-prd-details__tags-list span.packs { font-size: 90%; }
    .labels-holder span:first-child { margin-left: 0px; }
}


@media (max-width:767px) {
    .catalogItemBox.smallBox { margin-bottom: 10px; }
    .catalogItemsList { margin-right: -5px; margin-left: -5px; }
    .catalogItemBox-Container { padding-right: 5px; padding-left: 5px; }
    /*#categoryView-subcategories, #categoryView-items    { padding: 0px 15px; }*/
    .catalogItemBox .catalogItemBox-sale-price-container { margin-bottom: 0; }

    .catalogItemBox .catalogItemBox-addtocart { width: 48%; }
    .catalogItemBox .catalogItemBox-wishlist { width: 48%; }
    .catalogItemBox .catalogItemBox-more { display: none; }
    .catalogItemBox .catalogItemBox-price { margin-bottom: 0px; }
    .catalogItemBox .catalogItemBox-price-after-sale { display: inline-block; margin-left: 15px; }
    .catalogItemBox .catalogItemBox-price { font-size: 270%; }
    span.packs { font-size: 70%; padding: 2px 4px; }
    .catalogItemBox span.packs { margin-right: 5px; padding: 2px 5px; }
    .catalogItemBox .addToCartBtnSmallWrapper { margin-top: 0px; }
    /*.catalogItemBox-Container[data-xs-order] .popover          { margin-left: 0px !important; }

    .catalogItemBox-Container[data-xs-order] .popover .arrow        { left: 13% !important; }*/
    .catalogItemView-prd-details__tags-list span.packs { font-size: 100%; }
    .catalogItemView-prd-details__headline-makat-mobile span.packs { position: relative; top: 15px; left: 15px; right: auto; font-size: 100%; }
    /*#GridContent.add-order-mode-grid .catalogItemView-prd-details__headline-makat-mobile   { top:120px; }*/
    .catalogItemView .catalogItemView-desc__content iframe { height: 190px; }
}

@media (max-width:360px) {
    span.packs { top: -19%; font-size: 65%; }
    /*#GridContent.add-order-mode-grid .catalogItemView-prd-details__headline-makat-mobile    { top:140px; }*/
    span.packs.outOfStock { left: 0px; right: 0px; }
}



/*------------------------------------*\
   catelogItemView
\*------------------------------------*/

.catelogItemView-Box { clear: both; width: 100%; margin-bottom: 40px; }
.catalogItemView { text-align: left; }
.catalogItemView .catalogItemView-image { overflow: hidden; margin: 0 auto; margin-bottom: 20px; position: relative; z-index: 0; }
.cataligItemView-carousel .owl-carousel { max-width: 400px; margin: auto; }
.catalogItemView .catalogItemView-image img { width: 100%; }
.catalogItemView .catalogItemView-close { float: left; margin-top: 10px; }
.catalogItemView .catalogItemView-close img { width: 26px; cursor: pointer; }
.catalogItemView .catalogItemView-title { padding-bottom: 17px; float: left; width: 100%; background-image: linear-gradient(to right, #999 11%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 17px 2px; background-repeat: repeat-x; margin-bottom: 10px; position: relative; }
.catalogItemView .catalogItemView-title span.packs { bottom: 8px; top: auto; left: auto; right: auto; }
.catalogItemView .catalogItemView-title span.packs.outOfStock { width: 100%; position: relative; bottom: auto; display: inline-block; text-transform: uppercase; font-size: 95%; }
.catalogItemView span.packs.outOfStock a { color: #333; }
.catalogItemView .catalogItemView-RelatedCategories span.packs.retail.outOfStock { font-size: 70%; position: relative; text-transform: uppercase; left: 0; right: 0; width: 100%; display: inline-block; }


.catalogItemView .catalogItemView-title__name { font-size: 240%; line-height: 100%; }
.catalogItemView .catalogItemView-title__makat { float: left; font-size: 120%; width: 100%; text-align: right; }
.catalogItemView .catalogItemView-desc { padding-bottom: 10px; float: left; width: 100%; background-image: linear-gradient(to right, #999 11%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 17px 2px; background-repeat: repeat-x; margin-bottom: 10px; font-size: 135%; }
.catalogItemView .catalogItemView-det-and-rhine-container { float: left; width: 100%; background: #ECECEC; padding: 10px; position: relative; }
.catalogItemView .catalogItemView-settings__content, .catalogItemView .catalogItemView-desc__content { float: left; width: 100%; }
.catalogItemView .catalogItemView-settings__content { font-size: 90%; }
.catalogItemView .catalogItemView-desc__content { font-size: 85%; margin-top: 12px; }

.catalogItemView .catalogItemView-RelatedCategories { padding-bottom: 10px; float: left; width: 100%; background-image: linear-gradient(to right, #999 11%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 17px 2px; background-repeat: repeat-x; margin-bottom: 10px; font-size: 135%; }
.catalogItemView .catalogItemView-RelatedCategoriesTitle { font-size: 120%; }
.catalogItemView a.catalogItemView-relatedCategoryItem { font-size: 75%; text-decoration: none; display: inline-block; background-color: #a1a1a1; color: #ffffff; padding: 3px 5px 3px 5px; margin-right: 10px; margin-bottom: 10px; }


.catalogItemView .catalogItemView-JewelBasesDetails { float: left; width: 100%; padding-left: 25px; background-image: linear-gradient(to right, #999 11%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 17px 2px; background-repeat: repeat-x; padding-bottom: 10px; }

.catalogItemView .catalogItemView-settings__content > div { width: 50%; float: left; color: #F46539; }
.catalogItemView .catalogItemView-settings__prop { float: left; width: 50%; }
.catalogItemView .catalogItemView-settings__val { float: right; width: 50%; font-size: 80%; }
.catalogItemView-plating-rhine-container { padding-bottom: 10px; float: left; width: 100%; background-image: linear-gradient(to right, #999 11%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 17px 2px; background-repeat: repeat-x; margin-bottom: 10px; font-size: 120%; }
.catalogItemView .catalogItemView-plating-rhine { float: left; width: 100%; display: table; }
.catalogItemView-plating-rhine + .catalogItemView-plating-rhine { margin-top: 25px; }
.catalogItemView .catalogItemView-plating-rhine-title__name { float: none; display: table-cell; vertical-align: middle; }
.catalogItemView-plating-rhine-title__prop { font-size: 125%; }

.catalogItemView .catalogItemView-plating-rhine-title__sub-prop { font-size: 80%; text-decoration: underline; }
.catalogItemView .catalogItemView-plating-rhine__selection { float: none; width: 60%; position: relative; display: table-cell; vertical-align: middle; }

.catalogItemView .catalogItemView-plating-selection__btn { background: #fff; display: block; padding: 13px; color: #333 !important; text-decoration: none !important; font-size: 90%; height: 45px; position: relative; border: 1px solid #A7A7A7; line-height: 1.1; }
.catalogItemView .catalogItemView-plating-inner, .catalogItemView .catalogItemView-rhinestone-inner { float: left; width: 100%; font-size: 69%; cursor: pointer; padding: 2px; }
.catalogItemView .catalogItemView-plating-img, .catalogItemView .catalogItemView-rhinestone-img { display: inline-block; vertical-align: middle; max-width: 100px; }
.catalogItemView .catalogItemView-prd-details-container { display: block; width: 100%; float: left; }
.catalogItemView .catalogItemView-prd-details__prd-cost-container { width: 100%; float: left; }
.catalogItemView .catalogItemView-prd-details__prd-cost__qty { display: block; width: 33%; float: left; margin-bottom: 15px; }
.catalogItemView .catalogItemView-prd-details__prd-cost__qty h4 { font-size: 150%; }

.catalogItemView .catalogItemView-plating-inner img, .catalogItemView .catalogItemView-rhinestone-inner img { max-height: 25px; width: auto; background-color: white; }

.catalogItemView-info__contain.out-of-stock-item .input-group { pointer-events: none; }
.catalogItemView-info__contain.out-of-stock-item .catalogItemView-plating-rhine__selection { pointer-events: none; }
.catalogItemView-info__contain.out-of-stock-item a.catalogItemView-addtocart.catalogItemView-addtocart-click { pointer-events: none; }


.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: auto; }

.catalogItemView-prd-details__prd-cost__price { float: left; width: 67%; display: block; margin-top: 10px; text-align: right; }

/**NEW 17/07**/
/*.catalogItemView .catalogItemView-plating-selection__btn:before { content:""; display: inline-block; height: 100%; width: 50px; background: #545454; position: absolute; top: 0px; right: 0px; }*/
.catalogItemView .catalogItemView-plating-selection__btn:before { content: ""; display: inline-block; height: 100%; width: 50px; background: #ECECEC; position: absolute; top: 0px; right: 0px; border-left: 1px solid #545454; }


/*.catalogItemView .catalogItemView-plating-selection__btn:after  { content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 15px; font-size: 220%; color: #fff; transform: translate3d(0px,-50%,0px); }*/
.catalogItemView .catalogItemView-plating-selection__btn:after { content: ""; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 12px; transform: translate3d(0px,-50%,0px); background-image: url(../../../000Frames/site/images/product/Arrow.svg); background-size: cover; width: 24px; height: 12px; }

.catalogItemView .catalogItemView-rhinestone-selection, .catalogItemView .catalogItemView-plating-selection { position: absolute; left: 0px; right: 0px; background: #fff; z-index: 1; }
.catalogItemView .catalogItemView-plating-selection__desc, .catalogItemView .catalogItemView-rhinestone-selection__desc { width: calc(100% - 55px); display: none; }

.catalogItemView .catalogItemView-plating-selection__desc.active, .catalogItemView .catalogItemView-rhinestone-selection__desc.active { display: table; position: absolute; top: 0px; height: 100%; left: 5px; }

.catalogItemView-plating-selection__desc__name { padding-left: 10px; }
.catalogItemView-plating-selection__desc__name, .catalogItemView-rhinestone-selection__desc__name,
.catalogItemView-plating-selection__desc__img_contain, .catalogItemView-rhinestone-selection__desc__img_contain { display: table-cell; max-width: 100%; max-height: 100%; vertical-align: middle; float: none; }
.catalogItemView-plating-selection__desc__img, .catalogItemView-rhinestone-selection__desc__img { max-width: 34px; max-height: 100%; }

/*.catalogItemView .catalogItemView-prd-details__expired  { font-size: 135%; color: #F46539;  background-image: linear-gradient(to right, #999 11%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 17px 2px; background-repeat: repeat-x; padding-bottom: 10px; float: left; width: 100%; }*/
/**NEW 17/07**/
.catalogItemView .catalogItemView-prd-details__expired { font-size: 135%; color: #ffffff; background-image: linear-gradient(to right, #999 11%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 17px 2px; background-repeat: repeat-x; padding-bottom: 10px; float: left; width: 100%; background: #EB6331; padding: 5px 5px 5px 10px; }
span.catalogItemView-prd-details__expired__sale__prop { width: 65%; display: inline-block; line-height: 1.2; }
span.catalogItemView-prd-details__expired__sale__prop .title { font-size: 120%; display: block; }

.catalogItemView-prd-details__expired__sale__val { float: right; display: inline-block; width: 100%; max-width: 120px; }
.prd-expired-date { padding: 0px 1px; display: inline-block; }
/*.prd-exipred-date-container                             { background: #5C5C5C; width: 100%; float: right; padding: 12% 0%; text-align: center; color: #fff; }*/
/**NEW 17/07**/
.prd-exipred-date-container { background: #ffffff; color: #EB6331; width: 100%; float: right; padding: 16% 0%; text-align: center; }


.prd-exipred-date-container > div { line-height: 100%; }
.prd-exipred-date-container div:first-child { font-weight: bold; font-size: 120%; }
/*.prd-exipred-date-container div:last-child              { color: #979797; font-size: 60%; }*/

/**NEW 17/07**/
.prd-exipred-date-container div:last-child { color: #EB6331; margin-top: 5px; font-size: 60%; }
.cat-offer-header .catalogItemView-prd-details__expired__sale__val .prd-exipred-date-container div:last-child { color: #ffffff; }
.cat-offer-header .catalogItemView-prd-details__expired__sale__val .prd-exipred-date-container { background: #EB6331; color: #ffffff; }
.catalogItemView .catalogItemView-prd-details__prd-cost__qty_val a { color: #fff; background-color: #545454; border-color: #ccc; border: none; border-radius: 0px; padding: 7px 12px 1px; font-size: 20px; }
/*.catalogItemView .catalogItemView-prd-details__prd-cost__qty_val input  { padding: 0px; border: none; text-align: center; height: 36px; float: none; z-index: 0; font-size: 150%; min-width:60px;padding:7px; }*/

/**NEW 17/07**/
.catalogItemView .catalogItemView-prd-details__prd-cost__qty_val .input-group-btn a:first-child { background: #ececec; border: 1px solid #545454; border-left: 1px solid #545454; z-index: 1; }
.catalogItemView .catalogItemView-prd-details__prd-cost__qty_val input { padding: 0px; border: none; text-align: center; height: 41px; float: none; z-index: 0; font-size: 150%; min-width: 60px; padding: 7px; border: 1px solid #545454; }

.catalogItemView .catalogItemView-prd-details__prd-cost__qty_val a svg { width: 23px; height: 23px; }


.catalogItemView .catalogItemView-price { font-size: 385%; color: #5C5C5C; padding-bottom: 5px; margin-bottom: 0px; line-height: 100%; display: block; }
.catalogItemView .catalogItemView-sale-price-container { display: inline-block; text-align: left; font-size: 125%; direction: rtl; margin-bottom: 5px; }
.catalogItemView .catalogItemView-before-sale-price { position: relative; display: inline-block; color: #7e7e7e; margin-left: 15px !important; }
.catalogItemView .catalogItemView-before-sale-price:before { content: ""; position: absolute; left: 50%; margin-left: -1px; height: 110%; width: 1px; background: #4D3E39; -webkit-transform: rotate(144deg); -ms-transform: rotate(144deg); transform: rotate(144deg); top: -2px; }
.catalogItemView .catalogItemView-price-after-sale { color: #F3393A; display: inline-block; direction: ltr; }

.catalogItemView-options { float: left; width: 100%; }

.catalogItemView-prd-details__prd-cost { width: 100%; float: left; background-image: linear-gradient(to right, #999 11%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 17px 2px; background-repeat: repeat-x; padding-bottom: 15px; margin-bottom: 4px; }

.catalogItemView .catalogItemView-addtocart { width: 58%; background: #F36639; float: right; }
.catalogItemView .catalogItemView-addtocart:hover span { background: #DC5D34 !important; transition: background 500ms ease-in-out; }
.catalogItemView .catalogItemView-wishlist { width: 36.6%; background: #DADADA; float: left; }
.catalogItemView .catalogItemView-button a { padding: 5px 20px 3px 20px; color: #fff; background-color: #F68B1F; display: inline-block; border-radius: 5px; text-decoration: none; margin-bottom: 5px; }
.catalogItemView .catalogItemView-options a { color: #fff !important; }




.catalogItemView .catalogItemView-options > * { display: table; }
.catalogItemView .catalogItemView-wishlist-click.catalogItemView-wishlist span, .catalogItemView-addtocart catalogItemView-addtocart-click span { display: table-cell; vertical-align: middle; padding-left: 15px; background: #6BC6E1; font-size: 140%; }
.catalogItemView .catalogItemView-wishlist-click.catalogItemView-wishlist span + span, .catalogItemView-addtocart catalogItemView-addtocart-click span + span { width: 50px; background: #66BAD2; padding: 13px 5px; text-align: center; font-size: 90%; }
.catalogItemView .catalogItemView-wishlist-click.catalogItemView-wishlist .wishlist-icon { transition: color 500ms ease-in-out; }
.catalogItemView .catalogItemView-wishlist-click.catalogItemView-wishlist:hover .wishlist-icon { color: #E08282; transition: color 500ms ease-in-out; }
.catalogItemView .catalogItemView-wishlist-click.catalogItemView-wishlist.selected .wishlist-icon { color: #F33939; transition: color 500ms ease-in-out; }


.catalogItemView .catalogItemView-addtocart.catalogItemView-addtocart-click span, .catalogItemView-addtocart catalogItemView-addtocart-click span { display: table-cell; vertical-align: middle; padding-left: 15px; background: #F36639; font-size: 140%; transition: background 500ms ease-in-out; }
.catalogItemView .catalogItemView-addtocart.catalogItemView-addtocart-click span + span, .catalogItemView-addtocart catalogItemView-addtocart-click span + span { width: 50px; padding: 13px 0px; background: #DC5D34; padding-left: 10px; font-size: 90%; }

.catalogItemView-wishlist-click.catalogItemView-wishlist,
.catalogItemView-addtocart.catalogItemView-addtocart-click { text-decoration: none !important; }

.breadcrumb > li { display: inline-block; position: relative; margin-bottom: 15px; }

.breadcrumb > li + li:before { background: #5D5D5D; content: ""; position: absolute; width: 5px; height: 5px; border-radius: 100%; display: none; margin: 0px; padding: 0px; top: 50%; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); left: -12px; }

.catalogItemView-prd-details__tags-list { float: left; width: 100%; margin: 0px; background: none; }
.catalogItemView-prd-details__tags-list span.packs { left: auto; right: auto; position: relative; }
.catalogItemView-prd-details__tags-list.breadcrumb { padding-left: 0px; padding-right: 0px; }

.catalogItemView-prd-details__tag { background: #91E3E1; padding: 1px 15px; margin-right: 15px; }

.catalogItemView-prd-details__tag a { color: #5D5D5D; text-decoration: none !important; }

/*.catalogItemView-prd-details__tag+.catalogItemView-prd-details__tag { margin-left: 15px; }*/

.more-items-title { font-size: 200%; margin-bottom: 28px; margin-top: 56px; }
.more-items-title a { font-size: 60%; float: right; color: inherit; margin-top: 10px; margin-right: 15px; }

.catalogItemView-prd-details__tags-list li.coupons-sign { vertical-align: top; }

.catalogItemView-prd-details__tags-list li.coupons-sign .tooltip-inner { background-color: rgba(235, 235, 235, 0.9) !important; color: rgba(51, 51, 51, 0.7); border: 0; padding: 10px; font-size: 100%; border-radius: 0; position: relative; margin-bottom: 15px; min-width: 200px; }
.catalogItemView-prd-details__tags-list li.coupons-sign .tooltip.bottom .tooltip-arrow { border-top-color: #EBEBEB; bottom: -6px; border-width: 12px 12px 0; left: 52% !important; transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; margin-bottom: 15px; }
.catalogItemView-prd-details__tags-list li.coupons-sign .tooltip.top, .catalogItemView-prd-details__tags-list li.coupons-sign .tooltip.bottom { transition: opacity 550ms ease-in-out; -webkit-transition: opacity 550ms ease-in-out; }
.catalogItemView-prd-details__tags-list li.coupons-sign .tooltip.bottom .tooltip-arrow { border-bottom-color: #EBEBEB; }

.catalogItemView .IframeHolder { width: 150px; /*height: 150px;*/ float: left; margin-right: 15px; margin-bottom: 15px; text-align: center; }
.catalogItemView .IframeHolder iframe { width: 100%; height: 100%; border: 0; }
.catalogItemView .itemAttributesVideos { margin-bottom: 30px; float: left; width: 100%; }
.catalogItemView .itemAttributesVideos h3.catalogItemView-desc__title { margin-top: 10px; margin-bottom: 20px; }
.catalogItemView .videoPreview { padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; }
.catalogItemView .videoPreview button { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background: transparent; border: 0; color: #ffffff; z-index: 1; }
.catalogItemView .videoPreview:After { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.15); }
#videoModal .modal-content { width: 700px; }
#videoModal .modal-content iframe { width: 100%; height: 340px; border: 0; }
#videoModal .modal-body h4 { font-size: 200%; margin-top: 15px; }
#videoModal .modal-body p { font-size: 110%; }
#videoModal button#modal-cancelstatus-close { font-size: 310%; margin-top: 0; }
#videoModal .modal-body.modal-no-pad { padding: 55px 45px; background: #ffffff; }
.catalogItemView .IframeHolder h4 { font-size: 120%; margin-top: 10px; }

@media (max-width: 767px) {
    .catalogItemView-prd-details__tags-list li.coupons-sign .tooltip-inner, .catalogItemView-prd-details__tags-list li.coupons-sign .tooltip.top .tooltip-arrow { margin-bottom: 0; }
    #videoModal .modal-content { width: 90vw; }
    #videoModal .modal-content iframe { width: 100%; height: 160px; }

    #videoModal .modal-body.modal-no-pad { padding: 35px 25px; }
}


@media (min-width:992px) {
    .catalogItemView .catalogItemView-image { max-height: 400px; max-width: 400px; }
}


@media (min-width : 767px) {
    .catalogItemView-info__contain { padding: 0px; }
}

@media (max-width : 767px) {
    .catalogItemView .catalogItemView-prd-details__prd-cost__qty_val input { height: 39px; }
    .input-group-addon, .input-group-btn { vertical-align: middle; height: 31px; }
    .catalogItemView-image__contain span.packs.retail.outOfStock { position: relative; top: 0; padding: 6px; font-size: 85%; width: 100%; left: 0; margin-bottom: 15px; text-transform: uppercase; }
    .catalogItemView .catalogItemView-RelatedCategories span.packs.retail.outOfStock { padding: 6px; font-size: 63%; }
}




/*==========  Non-Mobile First Method  ==========*/

/* Extra Small Devices, Phones */
@media (max-width : 480px) {
    .catalogItemView-prd-details__prd-cost__qty_val .input-group span { font-size: 100%; }

    .catalogItemView .catalogItemView-prd-details__prd-cost__qty_val a { padding: 7px 4px 1px 4px; font-size: 100%; }

    .catalogItemView .catalogItemView-wishlist { width: 40.6%; }
}

/* Custom, iPhone Retina */
@media (max-width : 320px) {
}



/*------------------------------------*\
   categoryBox
\*------------------------------------*/

.category-content__header #headline { text-align: left; margin: 0px; }


.category-content__header #subheadline { text-align: left; }


.category-content__header #text1 { text-align: left; }





/*------------------------------------*\
   categories-menu
\*------------------------------------*/

.filter-search-categories-menu { float: left; width: 100%; }

.categories-menu { background: #fff; border: 1px solid #ddd; padding: 15px 0px; margin-bottom: 30px; float: left; width: 100%; }

.categories-menu-title { color: #F36639; font-size: 150%; padding-left: 22px; padding-right: 11px; line-height: 1.2; margin-bottom: 10px; }

.categories-menu__item { padding-left: 11px; border-left: 11px solid transparent; padding-top: 6px; padding-bottom: 6px; }

.categories-menu__item.active { padding-left: 11px; border-left: 11px solid #F36639; }

.categories-menu__item a { font-size: 100%; color: #333; text-decoration: none !important; }

.categories-menu__item a:hover { color: #F36639; }


#FilterAndAttributes_Container { overflow: auto; }

.menu-object#freecall { clear: both; margin-top: 15px; display: block; border: 1px solid #ddd; width: 100%; }

@media(max-width:767px) {
    .menu-object#freecall { display: none; }
}
/*------------------------------------*\
   more-info
\*------------------------------------*/

.more-info { border: 1px solid #ddd; padding: 15px; }

.more-info__header { }

.more-info__header h3 { display: block; float: left; margin: 0px; }

.more-info__header .more-info__collapse-btn { float: right; color: #717171 !important; font-size: 150%; margin-top: 1px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 200ms ease-in-out; transition: transform 200ms ease-in-out; }

.more-info__header .more-info__collapse-btn[aria-expanded="false"] { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

.more-info__header .more-info__collapse-btn[aria-expanded="true"] { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }



.more-info__item__image { padding-bottom: 80% }

.more-info__item__content { position: absolute; bottom: 0px; background: rgba(107,198,225,0.9); left: 15px; right: 15px; padding: 15px; color: #fff; text-align: left; }

.more-info__item__content.req { background: rgba(0,0,0,0.4); }

.more-info__item__content__title h4 { font-size: 150%; margin-top: 0px; margin-bottom: 0px; }

.more-info__item__content__desc { display: block; float: left; width: 100%; }

.more-info__item__content__desc p { float: left; }

.more-info__item__content__link { float: right; position: relative; background: #4A4A4A; padding: 2px 13px; color: #ffffff; text-decoration: none !important; cursor: pointer; margin-right: 16px; }

/*.more-info__item__content__link:hover {
    color: #f36639 !IMPORTANT;
}*/

.more-info__item__content__link:after { content: ""; position: absolute; top: 0px; right: -13px; width: 0; height: 0; border-top: 13px solid transparent; border-left: 13px solid #4a4a4a; border-bottom: 13px solid transparent; }


@media(max-width:550px) {

    .more-info__item__content__link:after { right: -14px !important; border-top: 14px solid transparent !important; border-left: 14px solid #4a4a4a !important; border-bottom: 15px solid transparent !important; }
}


/*------------------------------------*\
   categoryView
\*------------------------------------*/

#categoryView { text-align: left; }
#categoryView .categoryView-header { margin-bottom: 30px; }
.categoryBox { margin-bottom: 25px; padding: 5px; text-align: center; border: 1px solid #ddd; background: #fff; position: relative; }
.categoryBox a { text-decoration: none; }
.categoryBox .categoryBox-title { color: #333 !important; text-decoration: none; }
.categoryBox:hover { -webkit-filter: brightness(105%) !IMPORTANT; }
.categoryBox:hover > a > .categoryBox-title { color: #f36639 !IMPORTANT; }




/*------------------------------------*\
   catalogItemsList
\*------------------------------------*/


@media(max-width: 1100px) {
    .catalogItemsList .catalogItemBox-prices { font-size: 90%; }
}




@media(min-width:992px) and (max-width:1170px) {
    .catalogItemView-prd-details__prd-cost__price { font-size: 80%; }

    .dynamicItem .catalogItemView-prd-details__prd-cost__qty_val input { font-size: 100%; }

    .dynamicItem .catalogItemView-prd-details__prd-cost__qty_val a { font-size: 12px; }
}


@media(min-width:768px) and (max-width:992px) {

    .catalogItemBox-prices { font-size: 65%; }

    .catalogItemBox .catalogItemBox-more { background: #DADADA; display: inline-block; float: left; }

    .catalogItemBox-more img { max-width: 68%; }
}

@media(max-width: 380px) {
    .catalogItemsList .catalogItemBox-prices { font-size: 70%; }
}


@media (max-width: 767px) {

    #GridLeft { width: 0px; overflow: hidden; }

    #GridPage { width: 100%; margin: 0px; }

    header nav .outer-icons { top: 0px; margin: 0px; float: left; height: 100%; }

    .current-search-menu { margin-bottom: 0px; padding: 10px 15px; }

    .catalogItemView-prd-details__headline-makat-mobile { position: fixed; width: 100%; top: 50px; left: 0px; right: 0px; background: #6BC6E1; z-index: 2; -webkit-box-shadow: 0 8px 12px -6px rgba(0,0,0,0.8); -moz-box-shadow: 0 8px 12px -6px rgba(0,0,0,0.8); box-shadow: 0 8px 12px -6px rgba(0,0,0,0.8); }

    .catalogItemView .catalogItemView-price,
    .catalogItemView .catalogItemView-before-sale-price,
    .catalogItemView .catalogItemView-price-after-sale { margin: 0px; padding: 0px }

    .catalogItemView .catalogItemView-prd-details__prd-cost-container { width: 100%; float: left; }

    .catalogItemView-prd-details__prd-cost__price { padding-right: 15px; display: table-cell; float: none; vertical-align: middle; padding-top: 5px; padding-bottom: 5px; }

    .catalogItemView .catalogItemView-prd-details__prd-cost__qty { padding-left: 15px; padding-top: 20px; padding-bottom: 5px; display: table-cell; float: none; /*vertical-align: middle;*/ vertical-align: text-top; }

    .catalogItemView-options { float: right; width: 100%; padding: 0px; margin-top: 10px; }

    .catalogItemView .catalogItemView-addtocart.catalogItemView-addtocart-click span + span,
    .catalogItemView .catalogItemView-wishlist-click.catalogItemView-wishlist span + span { padding-top: 8px; padding-bottom: 8px; }

    .catalogItemView-prd__headline { font-size: 180%; color: #fff; padding: 0px 15px; line-height: 1; margin-top: 20px; /*font-weight:bold;*/ }

    .catalogItemView-prd__qty { color: #fff; padding: 0px 15px; text-align: right; font-size: 140%; }

    .catalogItemView-options .catalogItemView-prd-details__expired { font-size: 100%; color: #333; float: left; margin-top: 10px; width: 100%; }
}




/*------------------------------------*\
   dynamicItem
\*------------------------------------*/

.dynamicItem { background: #333333; color: #fff; padding: 25px 15px; }
.dynamicItem span.packs.retail.outOfStock { width: auto; text-transform: none; }
.dynamicItem .catalogItemView-det-and-rhine-container { background: none; }

.dynamicItem .catalogItemView-before-sale-price,
.dynamicItem .catalogItemView-price-after-sale { color: #B7B7B7; }

.dynamicItem .catalogItemView-before-sale-price:before { background: #C05533; }

.dynamicItem .catalogItemView-plating-name, .dynamicItem .catalogItemView-rhinestone-name { color: #333; }

.dynamicItem .catalogItemView-prd-details__prd-cost__price { width: auto; float: right; display: inline-block; }

.dynamicItem .catalogItemView-price { display: block; clear: both; float: right; color: #fff; margin-bottom: 0px; padding-bottom: 0px; }

.dynamicItem .catalogItemView-sale-price-container { display: block; text-align: left; font-size: 155%; float: right; clear: both; width: 100%; }

.dynamicItem .catalogItemView-before-sale-price { float: right; }

.dynamicItem .catalogItemView-price-after-sale { float: right; color: #EB6331; }

.dynamicItem .catalogItemView-wishlist-click.catalogItemView-wishlist { width: auto; }

.dynamicItem .catalogItemView-wishlist-click.catalogItemView-wishlist span { font-size: 100%; padding: 12px; }

.dynamicItem .catalogItemBox-more { float: left; font-size: 100%; text-decoration: none !important; margin-right: 2%; }

.dynamicItem .more-icon { font-size: 100%; padding: 12px; background: #6BC6E1; display: inline-block; }

.dynamicItem .catalogItemView-info__contain { padding-right: 15px; padding-left: 15px; }

.popover { position: relative !important; width: 314%; max-width: none !important; display: inline-block !important; left: 0% !important; top: 0px !important; border: none; padding: 0px; margin: 0px; z-index: 1; margin: 10px 0px 25px 0px; }

/**NEW***/
/*.popover {
        position:       absolute !important;
        width:          293%;
        max-width:      none !important;
        display:        inline-block !important;
        left:           0% !important;
        bottom:         0px !important;
        border:         none;
        padding:        0px;
        margin:         0px; 
        z-index:        1;
        margin:         10px 0px 25px 0px;
    }*/

.dynamicItem-close-container { position: absolute; top: 1.5%; right: 1.3%; color: #fff; cursor: pointer; z-index: 1; }

/**NEW***/
/*.dynamicItem-close-container {
        position:   absolute;
        top:        5px;
        right:      1.3%;
        color:      #fff;
        cursor:     pointer;
        z-index:    1;
    }*/
.close-dynamicItem svg { width: 16px; height: 16px; margin-top: 2px; }

.dynamicItem .catalogItemView-options { margin-top: 35px; }

.popover-content { padding: 0px; display: none; /**new**/ font-family: source_sans_prolight; }

.catalogItemBox-Container .popover > .arrow, .popover > .arrow { border-width: 30px; }
.popover.bottom { margin-top: -20px; }

.popover.bottom > .arrow { top: -30px; left: 50%; margin-left: -30px; border-top-width: 0; border-bottom-color: #333; border-bottom-color: #333; border-top-color: #333; }

.catalogItemBox-Container .popover .arrow { top: -30px !important; left: 50%; margin-left: -30px; border-top-width: 0; border-bottom-color: #333; border-bottom-color: #333; border-top-color: #333; }

.catalogItemBox-Container .popover .arrow:after, .popover.bottom > .arrow:after { border-bottom-color: #333; top: 1px; margin-left: -10px; content: " "; border-top-width: 0; }



@media(min-width: 992px) {
    .dynamicItem .catalogItemView-info__contain { padding-right: 15px; }
}

@media(max-width:991px) {
    .popover { width: 205% !important; clear: both; float: left; }

    .dynamicItem-close-container { position: relative; float: right; width: 100%; text-align: right; padding-bottom: 5px; top: -10px; }
}


@media(max-width: 767px) {
    .dynamicItem .more-icon { padding: 6.5px; }

    .dynamicItem .catalogItemView-wishlist-click.catalogItemView-wishlist span { padding: 7px; }
}




.catalogItemView .flexslider { border: none; background: none; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0); -o-box-shadow: 0 0px 0px rgba(0,0,0,0); box-shadow: 0 0px 0px rgba(0,0,0,0); }
.catalogItemView .flexslider .flex-direction-nav a.flex-next:before { content: url('../../../000Frames/site/images/product/right_arrow_product.png'); }
.catalogItemView .flexslider .flex-direction-nav a:before { content: url('../../../000Frames/site/images/product/left_arrow_product.png'); }

.item-image { position: relative; overflow: hidden; }

.cataligItemView-carousel { position: relative; z-index: 0; }


@media (max-width: 767px) {
    .cataligItemView-carousel { display: none; }
}

.catalogItemView .owl-carousel { width: 90% !important; margin: 0 auto; margin-bottom: 0px; }

.catalogItemView .owl-carousel__item { color: #000; display: inline-block; width: 100%; }

.catalogItemView .owl-prev { position: absolute; top: 50%; left: -18px; content: url('../../../000Frames/site/images/picture-slider-left.png'); max-width: 33px; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); }

.catalogItemView .owl-next { position: absolute; top: 50%; right: -18px; content: url('../../../000Frames/site/images/picture-slider-right.png'); max-width: 33px; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); }

.catalogItemView .owl-next.disabled,
.catalogItemView .owl-prev.disabled { opacity: 0.4; filter: alpha(opacity=40); }




.catalogItemView .owl-carousel__body__image { background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 100%; }


/*------------------------------------*\
   Offers
\*------------------------------------*/


/**[class*="offer_triagle"]:before {
    content: attr(data-offer);
    top: 10px;
    right: 7px;
    font-size: 145%;
    transform: rotateZ(45deg);
    position: absolute;
    height: 20px;
    width: 30px;
    color: #FFF;
}*/


*[class*="offer_triagle_trainge_d"]:after { content: ""; display: block; width: 0; height: 0; margin-left: -500px; margin-top: -500px; border-left: 500px solid transparent; border-right: 500px solid transparent; border-top: 500px solid #4a4a4a; }

*[class*="offer_triagle_trainge_left"]:after { content: ""; display: block; width: 0; height: 0; margin-top: -500px; border-top: 500px solid transparent; border-bottom: 500px solid transparent; border-right: 500px solid #5b5b5b; }



/*------------------------------------*\
   Pagition
\*------------------------------------*/


.pagination { display: flex; width: 100%; justify-content: center; }
.pagination > li > a, .pagination > li > span { -webkit-transition: background 500ms ease-in-out, color 500ms ease-in-out; transition: background 500ms ease-in-out, color 500ms ease-in-out; color: #171717; border: none; background: transparent; }
.pagination > li > a, .pagination > li:first-child > a, .pagination > li:last-child > a { border-radius: 0; padding: 0; min-width: 25px; height: 25px; border-radius: 50%; position: relative; display: flex; justify-content: center; align-items: center; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > li > a:hover,
.pagination > li:first-child > a:hover,
.pagination > li:last-child > :hover { z-index: initial; cursor: default; border-color: #ddd; background: #6BC6E1; color: #fff; }
.pagination > li { margin-left: 5px; position: relative; }
.pagination > li > a#PrevLink:after,
.pagination > li > a#NextLink:after { content: ""; background-image: url('../../../000Frames/site/images/filter/down.svg'); background-repeat: no-repeat; width: 9px; height: 5px; position: absolute; top: 44%; left: 50%; transform: translate(-50%, -50%) rotate(-90deg); }
.pagination > li > a#PrevLink:after { transform: translate(-50%, -50%) rotate(90deg); }
.pagination > li > a#PrevLink span,
.pagination > li > a#NextLink span { display: none; }

/*------------------------------------*\
   item messages
\*------------------------------------*/

.item-messages { float: left; width: 100%; margin-top: 10px; text-align: center; font-size: 110%; }

.plating-error { font-weight: normal; background: #E9D1D1; padding: 5px; display: inline-block; text-align: left; }

.plating-error:before { content: "\f00d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 100%; color: #fff; background: #E36B6D; padding: 2px 4px; font-size: 110%; margin-left: 7px; margin-right: 5px; }

.added-to-cart-message { font-weight: normal; background: #BBD994; padding: 5px; display: inline-block; color: #3D3D3F; text-align: left; }
.added-to-cart-message:before { content: "\f058"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 100%; color: #fff; background: #BBD994; padding: 2px 4px; font-size: 110%; margin-left: 7px; margin-right: 5px; }


/*.plating-error {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 500ms ease-in-out;
    color:red;
    margin-bottom:3px;
}

.plating-error.active {
    max-height: 100px;
    transition: max-height 500ms ease-in-out;
    color:red;
    margin-bottom:3px;
}

.color-error {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 500ms ease-in-out;
    color:red;
    margin-bottom:3px;
}

.color-error.active {
    max-height: 100px;
    transition: max-height 500ms ease-in-out;
    color:red;
    margin-bottom:3px;
}

.added-to-cart-message {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 500ms ease-in-out;
    color:#66BAD2;
}

.added-to-cart-message.active {
    max-height: 100px;
    transition: max-height 500ms ease-in-out;
    color:#66BAD2;
}*/


.plating-error { display: none; color: #3D3D3F; margin-bottom: 3px; }

.color-error { display: none; color: red; margin-bottom: 3px; }

.added-to-cart-message { display: none; color: #3D3D3F; }



/*------------------------------------*\
   Popover sale 
\*------------------------------------*/

/*
.popoverSale-outer {
    z-index: 1;
    position: fixed;
    display: block;
    background: #5FAFC6 !important;
    width: 175px;
    color: #fff;
    padding: 5px;
    opacity: 0;
    transform: translate3d(-50%,-165%,0);
    -webkit-transition: opacity 0s ease-in-out 0s;
            transition: opacity 0s ease-in-out 0s;
}

.catalogItemBox-bottom-section:hover .popoverSale-outer,.cart-details-table-row:hover .popoverSale-outer {
    opacity: 1;
    -webkit-transition: opacity 100ms ease-in-out 250ms;
            transition: opacity 100ms ease-in-out 250ms;
}

.popoverSale-outer:after {
    border-top: 20px solid #5099AC;
    content: " ";
    position: absolute;
    bottom: 0px;
    transform: translate3d(-50%,95%,0);
    display: block;
    float: left;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    left: 50%;
}

.catalogItemBox .popoverSale-outer > div,.cart-details-table-row .popoverSale-outer > div {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.popoverSale-text {
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 69px;
    font-size: 85%;
    padding: 5px;
}

.popoverSale-outer-date {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.popoverSale-outer-date .prd-expired-date {
    padding: 0px;
    display: inline-block;
    font-size: 110%;
    font-family: 'source_sans_proextralight';
}

@media(max-width: 992px) {
    .popoverSale-outer {
        display: none !important;
    }
}

@media (max-width: 1200px) and (orientation: landscape) {
    .popoverSale-outer {
        display: none !important;
    }
}

.prd-expired-date:nth-child(even) .prd-exipred-date-container {
    background: #696969;
}

.prd-expired-date .prd-exipred-date-container div:last-child {
    color: #fff;
    font-size: 55%;
}
*/



/***NEW DESIGN 06/16***/

.catalogItemBox .catalogItemBox-options a.catalogItemBox-addtocart svg { width: 32px; height: auto; stroke: #F36639; fill: #ffffff; vertical-align: middle; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; }
.catalogItemBox .catalogItemBox-options a.catalogItemBox-wishlist svg { width: 26px; height: auto; stroke: #000000; fill: #ffffff; vertical-align: middle; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; stroke-width: 4px; }
.catalogItemBox .catalogItemBox-options a.catalogItemBox-more svg { width: 29px; height: auto; stroke: #000000; fill: #ffffff; vertical-align: middle; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; }


.catalogItemBox .catalogItemBox-wishlist, .catalogItemBox .catalogItemBox-more { background: transparent; border: 1px solid #000000; }
.catalogItemBox .catalogItemBox-options a.catalogItemBox-addtocart:hover svg { fill: #F36639; }
.catalogItemBox .catalogItemBox-options a.catalogItemBox-wishlist:hover svg, .catalogItemBox .catalogItemBox-options a.catalogItemBox-wishlist.selected svg { fill: #F3387C; stroke: #F3387C; }
.catalogItemBox .catalogItemBox-options a.catalogItemBox-more:hover svg { fill: #5FAFC6; stroke: #5FAFC6; }


/*.catalogItemBox .catalogItemBox-options a svg g { fill: #F36639; }*/
.catalogItemBox .catalogItemBox-addtocart { width: 30%; background: transparent; border: 1px solid #F36639; }
.catalogItemBox .catalogItemBox-addtocart:before { content: ""; }
.catalogItemBox .catalogItemBox-options > * { padding: 8px 0px; }
.catalogItemBox .catalogItemBox-addtocart:hover { background: transparent; }

.catalogItemBox-options { clear: both; text-align: right; }
.catalogItemBox .catalogItemBox-options a { display: inline-block; float: none; text-align: center; vertical-align: middle; margin-left: 8px; height: 44px; }

.catalogItemBox { padding: 10px 15px; }





/***NEW DESIGN 06/17***/
.catalogItemView .catalogItemView-options a { background: transparent; border: 1px solid #000000; }
.dynamicItem .more-icon { background: transparent; height: 52px; }
.catalogItemView.dynamicItem .catalogItemView-options a.catalogItemBox-more { border-color: #ffffff; }
.catalogItemView .catalogItemView-wishlist-click.catalogItemView-wishlist span, .catalogItemView-addtocart catalogItemView-addtocart-click span { background: #ffffff; }
.catalogItemView .catalogItemView-wishlist-click.catalogItemView-wishlist span svg, .catalogItemView-addtocart catalogItemView-addtocart-click span svg { width: 26px; height: auto; stroke: #000000; fill: #ffffff; vertical-align: middle; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; stroke-width: 4px; }
.dynamicItem .more-icon svg { width: 29px; height: auto; fill: transparent; stroke: #ffffff; vertical-align: middle; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; }

.catalogItemView .catalogItemView-addtocart.catalogItemView-addtocart-click span + span svg, .catalogItemView-addtocart catalogItemView-addtocart-click span + span svg { width: 32px; height: auto; stroke: #F36639; fill: #ffffff; vertical-align: middle; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; }

.dynamicItem .catalogItemView-wishlist-click.catalogItemView-wishlist:hover svg { fill: #F3387C; stroke: #F3387C; }
.dynamicItem .catalogItemBox-more:hover svg { fill: #5FAFC6; stroke: #5FAFC6; }

.catalogItemView .catalogItemView-addtocart.catalogItemView-addtocart-click span + span, .catalogItemView-addtocart catalogItemView-addtocart-click span + span { background: #ffffff; }
.catalogItemView .catalogItemView-addtocart:hover span + span { background: #ffffff !important; }
.catalogItemView .catalogItemView-addtocart:hover span + span:hover svg { fill: #F36639; }

.dynamicItem .catalogItemView-wishlist-click.catalogItemView-wishlist span { background: transparent; }
.dynamicItem .catalogItemView-wishlist-click.catalogItemView-wishlist { border-color: #ffffff; }
.catalogItemView .dynamicItem .catalogItemView-wishlist-click.catalogItemView-wishlist span svg { fill: transparent; }
.dynamicItem .catalogItemView-wishlist-click.catalogItemView-wishlist span svg { fill: transparent; stroke: #ffffff; width: 28px; }
.dynamicItem .catalogItemView-wishlist-click.catalogItemView-wishlist.selected span svg { fill: #F3387C; stroke: #F3387C; }

.dynamicItem.catalogItemView .catalogItemView-addtocart.catalogItemView-addtocart-click span { color: #F36639; background: transparent; }
.dynamicItem.catalogItemView .catalogItemView-options a.catalogItemView-addtocart.catalogItemView-addtocart-click { border-color: #F36639; }
.dynamicItem.catalogItemView .catalogItemView-options a.catalogItemView-addtocart.catalogItemView-addtocart-click svg { fill: transparent; }
.dynamicItem.catalogItemView .catalogItemView-addtocart:hover span { background: transparent !important; }
.dynamicItem.catalogItemView .catalogItemView-options a.catalogItemView-addtocart.catalogItemView-addtocart-click span:hover svg { fill: #F36639; }

@media(min-width:991px) and (max-width:1280px) {
    .catalogItemBox .catalogItemBox-options a.catalogItemBox-addtocart svg { width: 30px; }
    .catalogItemBox .catalogItemBox-options a.catalogItemBox-wishlist svg { width: 23px; }
    .catalogItemBox .catalogItemBox-options a.catalogItemBox-more svg { width: 26px; }
    .catalogItemBox .catalogItemBox-options > * { padding: 9px 0px; height: 44px; }
    .catalogItemBox .catalogItemBox-options a.catalogItemBox-wishlist-click { width: 25%; }
    .catalogItemBox .catalogItemBox-options a.catalogItemBox-more { width: 25%; }
}

@media(min-width:767px) and (max-width:991px) {
    a.catalogItemBox-wishlist-click.catalogItemBox-wishlist { width: 25%; }
    .catalogItemBox .catalogItemBox-options a.catalogItemBox-more { width: 25%; }
}

@media(max-width:767px) {
    .catalogItemBox .catalogItemBox-options a.catalogItemBox-more { width: 30%; }
    a.catalogItemBox-wishlist-click.catalogItemBox-wishlist { width: 30%; }
    a.catalogItemBox-addtocart.catalogItemBox-addtocart-click { width: 29%; }
    .catalogItemBox .catalogItemBox-options a { margin-left: 3px; height: 44px; }
}

@media(max-width:360px) {
    .catalogItemBox .catalogItemBox-options a { height: 35px; }
    .catalogItemBox .catalogItemBox-options a.catalogItemBox-more { width: 28%; height: 35px; }
    .catalogItemBox .catalogItemBox-options a.catalogItemBox-more svg { width: 22px; }
    a.catalogItemBox-wishlist-click.catalogItemBox-wishlist { width: 28%; }
    .catalogItemBox .catalogItemBox-options a.catalogItemBox-wishlist svg { width: 20px; }
    .catalogItemBox .catalogItemBox-options a.catalogItemBox-addtocart svg { width: 24px; margin-top: -6px; }
}


/***GRID MODE****/

.categoryView-Grid { text-align: right; margin-bottom: 20px; float: right; padding: 5px; background: #ffffff; border: 1px solid #C3C3C3; border-radius: 4px; transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; }
.categoryView-Grid.fixScroll { position: fixed; z-index: 1; top: 70px; }
.categoryView-Grid button { padding: 5px 10px; background: #ffffff; box-shadow: none; border: 0; position: relative; }
.categoryView-Grid button:focus { outline: none; }
.categoryView-Grid button:not(.active) svg { fill: none; stroke: #acacac; stroke-width: 1px; fill-rule: evenodd; }
.categoryView-Grid button.active svg { fill: none; stroke: #f26c4f; stroke-width: 1px; fill-rule: evenodd; }
.categoryView-Grid button svg { width: 35px; height: 35px; }
.categoryView-Grid button:first-child:after { content: ""; /* border: 0; */ background-image: url('../../../000Frames/site/images/product/sep.svg'); width: 4px; height: 54%; background-size: cover; background-repeat: no-repeat; top: 25%; position: absolute; right: -2.5px; }
.grid-options { height: 60px; }


.catalogItemBox-Container .tooltip-inner { background-color: rgba(235, 235, 235, 0.9) !important; color: rgba(51, 51, 51, 0.7); border: 0; padding: 10px; font-size: 100%; border-radius: 0; position: relative; margin-bottom: 15px; }
.catalogItemBox-Container .tooltip.top .tooltip-arrow { border-top-color: #EBEBEB; bottom: -6px; border-width: 12px 12px 0; left: 52% !important; transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; margin-bottom: 15px; }
.catalogItemBox-Container .tooltip.top, .catalogItemBox-Container .tooltip.bottom { transition: opacity 550ms ease-in-out; -webkit-transition: opacity 550ms ease-in-out; }

@media (max-width: 767px) {
    .catalogItemBox-Container .tooltip-inner, .catalogItemBox-Container .tooltip.top .tooltip-arrow { margin-bottom: 0; }
}

/***FOR FAST SUPPLY****/
.catalogItemBox-Container .tooltip.bottom { left: 0 !important; bottom: -85px !important; top: auto !important; width: auto; }
.catalogItemBox-Container .tooltip.bottom .tooltip-inner { min-width: 230px; }

.catalogItemBox.catalogItemBox2022 .catalogItemBox-top-line-right.low-pack-label { left: 0; display: flex; justify-content: flex-end; }

.catalogItemBox-Container .low-pack-label .tooltip.bottom { right: 0; bottom: -60px !important; }


.catalogItemView.dynamicItem .tooltip.bottom { left: -160px !important; bottom: -35px !important; top: auto !important; width: auto; }
.catalogItemView.dynamicItem .tooltip.bottom .tooltip-inner { min-width: 230px; }
.catalogItemView.dynamicItem .tooltip-inner { background-color: rgba(235, 235, 235, 0.9) !important; color: rgba(51, 51, 51, 0.7); border: 0; padding: 10px; font-size: 100%; border-radius: 0; position: relative; margin-bottom: 15px; }
.catalogItemBox-Container .tooltip.bottom .tooltip-arrow { display: none; }

.catalogItemView-title .tooltip-inner { background-color: rgba(235, 235, 235, 0.9) !important; color: rgba(51, 51, 51, 0.7); border: 0; padding: 10px; font-size: 100%; border-radius: 0; position: relative; min-width: 230px; }
.catalogItemView-title .tooltip.bottom { left: -130px !important; bottom: -15px !important; top: auto !important; width: auto; }
.catalogItemView-title .tooltip.bottom .tooltip-arrow { display: none; }
/*.catalogItemView-title .tooltip.top                         { top: -40px !important; }*/
.catalogItemView-title .tooltip.top .tooltip-arrow { border-top-color: #EBEBEB; bottom: -21px; border-width: 12px 12px 0; left: 52% !important; transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; margin-bottom: 15px; }


#order-cart .tooltip-inner { display: block !important; visibility: visible !important; }
#order-cart .tooltip-inner, #checkoutPage .tooltip-inner { background-color: rgba(235, 235, 235, 0.9) !important; color: rgba(51, 51, 51, 0.7); border: 0; padding: 10px; font-size: 100%; border-radius: 0; position: relative; margin-bottom: 15px; }
#order-cart .tooltip .tooltip-arrow, #checkoutPage .tooltip .tooltip-arrow { border-bottom-color: rgba(235, 235, 235, 0.9); border-width: 0px 12px 12px; left: 52% !important; transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; }
#order-cart .tooltip.bottom, #checkoutPage .tooltip.bottom { transition: opacity 550ms ease-in-out; -webkit-transition: opacity 550ms ease-in-out; }
#order-cart .tooltip.bottom:before, #checkoutPage .tooltip.bottom:before { display: none; }

@media (max-width: 991px) {
    .catalogItemBox-Container .tooltip.bottom .tooltip-inner { min-width: 150px; }
    .catalogItemView.dynamicItem .tooltip.bottom { left: 0px !important; }
    .catalogItemView-title .tooltip.bottom { left: 0px !important; }
}



/*.offerLabel                                       { right: 5px;background: #CD4226; }*/
.itemsLabelContainer.offerLabel { right: 10px; border-radius: 5px; font-size: 85%; font-weight: bold; padding: 5px 5px; letter-spacing: 1.2px; width: auto; min-width: 0; display: inline-block; vertical-align: middle; top: 10px; }
.itemsLabelContainer.offerLabel:not(.hasImage) { background: #ff1d1d; }
/*.newLabel                                        { left: 5px;background: #6EB8D3; }*/
.itemsLabelContainer.newLabel, .itemsLabelContainer.bazarLabel { left: 10px; background: #6EB8D3; border-radius: 5px; font-size: 90%; font-weight: bold; padding: 4px 4px; letter-spacing: 1.2px; vertical-align: middle; top: 10px; min-width: 0; }
.itemsLabelContainer.bazarLabel { background: #f7f100; color: #000; }
.itemsLabelContainer { position: absolute; top: 5px; z-index: 0; color: #ffffff; padding: 2px 5px; font-size: 110%; min-width: 60px; text-align: center; line-height: 1; min-height: 23px; }
.catalogItemView-image .itemsLabelContainer { z-index: 1; }
#newItems-carousel .itemsLabelContainer { font-size: 110%; }
.itemsLabelContainer span.sale-text-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.newLabel.freeShipping { background: #D60000; width: auto; white-space: nowrap; display: inline-block; right: 5px; left: auto; /* font-size: 110%; */ }
.itemsLabelContainer span.sale-text-container { position: relative; top: auto; left: auto; transform: translate(0,0); }

@media (max-width: 767px) {
    .itemsLabelContainer { min-height: 17px; font-size: 80%; min-width: 40px; }
    .catalogItemView-image .itemsLabelContainer { font-size: 120%; }
}


/***CATALOG ITEM VIEW DESCRIPTION TABS**/
.catalogItemView-desc-wrapper { font-size: 85%; margin-top: 12px; display: none; }
.catalogItemView-desc-wrapper.active { display: block; }
.catalogItemView-desc__content.descTabs { border-bottom: 2px solid #cecece; margin-bottom: 15px; }
.catalogItemView-desc__content.descTabs ul { padding: 0; margin: 0; list-style: none; }
.catalogItemView-desc__content.descTabs ul li { display: inline-block; vertical-align: middle; padding-right: 15px; position: relative; }
.catalogItemView-desc__content.descTabs ul li button { -webkit-appearance: none; position: relative; text-transform: uppercase; border: 0; background: transparent; padding: 4px 10px; color: #b5b1b1; }
.catalogItemView-desc__content.descTabs ul li button.active { color: #F36639; border: 2px solid #cecece; border-bottom: 0; }
.catalogItemView-desc__content.descTabs ul li button:focus { outline: 0; }
.catalogItemView-desc__content.descTabs ul li button.active:after { content: ""; border-bottom: 3px solid #ffffff; position: absolute; left: 0px; right: 0px; bottom: -2px; }
.catalogItemView .catalogItemView-title span.packs.freeShipping { position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #D60000; color: #ffffff; bottom: auto; font-size: 80%; margin-top: 5px; }
.catalogItemView .catalogItemView-title__makat { position: relative; }

/*.catalogItemBox[data-item-id='19576'] .catalogItemBox-price:before { content: "$90"; position: absolute; right: -70%; text-decoration: line-through; color: #cccccc; font-size: 60%; top: 50%; transform: translateY(-50%); }
.catalogItemBox[data-item-id='19575'] .catalogItemBox-price:before { content: "$85"; position: absolute; right: -70%; text-decoration: line-through; color: #cccccc; font-size: 60%; top: 50%; transform: translateY(-50%); }
.catalogItemBox[data-item-id='19574'] .catalogItemBox-price:before { content: "$90"; position: absolute; right: -70%; text-decoration: line-through; color: #cccccc; font-size: 60%; top: 50%; transform: translateY(-50%); }*/
.catalogItemBox .catalogItemBox-price { position: relative; }



/***NEW 28/6/20***/

.catalogItemBox { border: 1px solid #f5f4f4; }
.itemsLabelContainer { font-size: 100%; min-width: 47px; padding: 2px 5px; min-height: 20px; }
.addToCartBtnSmallWrapper a.addToCartBtnSmall { color: #F25630; border: 3px solid #F25630; padding: 9px 12px; font-weight: bold; font-size: 115%; min-width: 180px; display: inline-block; font-family: 'source_sans_proregular'; letter-spacing: 1.5px; text-align: center; }
.addToCartBtnSmallWrapper { padding-bottom: 15px; }
.catalogItemBox .catalogItemBox-price { font-size: 190%; font-weight: bold; letter-spacing: 0px; word-spacing: -4px; }
.addToCartBtnSmallWrapper a.addToCartBtnSmall:hover, .addToCartBtnSmallWrapper a.addToCartBtnSmall:focus { background: #F25630; color: #ffffff; }
.catalogItemBox .catalogItemBox-title, .categoryBox .categoryBox-title { font-size: 100%; }
/*.catalogItemBox .newLabel:not(.outletLabel):not(.freeShipping) { left: 10px; }*/
.catalogItemBox .catalogItemBox-before-sale-price { color: #909090; text-decoration: line-through; }
.catalogItemBox .catalogItemBox-before-sale-price:before { display: none; }
.catalogItemBox-prices { margin-top: 5px; margin-bottom: 5px; }
.catalogItemBox .catalogItemBox-wishlist, .catalogItemBox .catalogItemBox-more { border: 0; position: absolute; left: auto; top: 38%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.catalogItemBox .catalogItemBox-wishlist:hover svg path, .catalogItemBox .catalogItemBox-wishlist:focus svg path { fill: #E6317D; }
.addToCartBtnSmallWrapper { position: relative; text-align: left; }
.catalogItemBox .catalogItemBox-wishlist svg path, .catalogItemBox .catalogItemBox-wishlist svg path { fill: #cfcfcf; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }
.catalogItemBox a.catalogItemBox-wishlist.selected svg path { fill: #E6317D; }

.newLabel.freeShipping { background: #D60000; width: auto; white-space: nowrap; display: inline-block; right: 35px; left: auto; font-size: 120%; padding: 4px 5px 2px; }

.itemsLabelContainer span.sale-text-container { position: relative; top: auto; left: auto; transform: translate(0,0); }
/*.itemsLabelContainer { background: #000000; }*/
.newLabel { left: 35px; }
.catalogItemBox .catalogItemBox-price { position: relative; }
.catalogItemBox-subtitle { font-family: 'source_sans_proregular'; margin-top: 10px; margin-bottom: 10px; color: #908d8d; }
.catalogItemBox-subtitle span { margin: 0px 7px 0 0; font-size: 90%; }

.newLabel.outletLabel.itemsLabelContainer, .newLabel.freeShipping.OFF75.itemsLabelContainer { background: #000000; font-size: 85%; min-height: 18px; padding: 2px 5px 2px; top: 12px; }
.newLabel.outletLabel.itemsLabelContainer { left: 15px; }
.newLabel.freeShipping.OFF75.itemsLabelContainer { right: 15px; }
.addToCartBtnSmallWrapper a.addToCartBtnSmall { border-radius: 30px; font-size: 115%; min-width: 150px; padding: 7px 10px; }
.catalogItemBox-title { font-family: 'source_sans_proregular'; }
.catalogItemBox .catalogItemBox-price { /*font-size: 160%; font-family: 'source_sans_proregular'; font-weight: bold;*/ margin-bottom: 0; padding-bottom: 0; }
span.packs.retail.outOfStock.quantityLeft { background: transparent; color: #F25630; font-family: 'source_sans_proregular'; font-weight: bold; margin-bottom: 7px; }
span.packs.retail.outOfStock:not(.quantityLeft ) { background: #E72C29; text-transform: uppercase; margin-bottom: 11px; padding: 1px 4px; }
a.addToCartBtnSmall.outOfStockItem { border-color: #A7A7A7; color: #A7A7A7; }
.catalogItemBox .opacity-layer { background: rgba(255, 255, 255, 0.1); }
.catalogItemBox .catalogItemBox-sale-price-container { margin-bottom: 0; }
.catalogItemBox span.packs.fast { margin-bottom: 8px; margin-top: 3px; }
.catalogItemBox .itemQuantityDesc { display: inline-block; vertical-align: middle; font-family: 'source_sans_proregular'; color: #909090; font-size: 90%; }


.catalogItemBox { min-height: 550px; }
.catalogItemsListSmall .catalogItemBox { min-height: 250px; }

@media(max-width: 991px) {
    span.packs.retail.outOfStock:not(.quantityLeft ) { margin-bottom: 9px; }
}

@media(max-width: 767px) {
    .addToCartBtnSmallWrapper a.addToCartBtnSmall { min-width: 100px; font-size: 90%; padding: 7px 10px; margin-bottom: 7px; }
    a.catalogItemBox-wishlist-click.catalogItemBox-wishlist { width: 20px; left: 50%; top: auto; bottom: -4px; transform: translateX(-50%); }
    .itemsLabelContainer { font-size: 120%; padding: 3px 5px 2px; }
    span.packs.retail.outOfStock:not(.quantityLeft ) { margin-bottom: 8px; }
    a.catalogItemBox-wishlist-click.catalogItemBox-wishlist { bottom: -10px; }
    .catalogItemBox { min-height: 400px; }
    .catalogItemsListSmall .catalogItemBox { min-height: 200px; }
    .catalogItemBox .catalogItemBox-sku { font-size: 90%; line-height: 1; color: #959595; }
    .catalogItemBox .catalogItemBox-title, .categoryBox .categoryBox-title { font-size: 120%; line-height: 1; min-height: 39px; height: 39px; }
    .catalogItemBox .catalogItemBox-price { font-size: 210%; }
    .itemsLabelContainer.offerLabel { padding: 3px 6px; }
    .itemsLabelContainer.newLabel { padding: 2px 5px; }


    .catalogItemBox .addToCartBtnSmallWrapper { text-align: left; direction: rtl; }
    a.catalogItemBox-wishlist-click.catalogItemBox-wishlist { position: relative; display: inline-block; vertical-align: middle; bottom: auto; right: auto; left: auto; transform: translate(0px, 0px); margin-left: 7px; }
    .catalogItemBox .userDiscountInline { min-height: 51px; }
    a.catalogItemBox-wishlist-click.catalogItemBox-wishlist { width: 16px; margin-left: 9px; }
    .catalogItemBox.smallBox { padding: 10px; }

    .catalogItemBox .catalogItemBox-wishlist svg { width: 18px; }
    a.catalogItemBox-wishlist-click.catalogItemBox-wishlist { width: 14px; margin-left: 5px; }
}

@media(max-width: 320px) {
    span.packs.retail.outOfStock:not(.quantityLeft ) { margin-bottom: 7px; }
    .catalogItemBox .addToCartBtnSmallWrapper { text-align: center; }

    a.catalogItemBox-wishlist-click.catalogItemBox-wishlist { margin-bottom: 9px; margin-left: 0; }
}

@media(max-width: 320px) {
    .newLabel.outletLabel.itemsLabelContainer, .newLabel.freeShipping.OFF75.itemsLabelContainer { font-size: 75%; min-height: 16px; }
}



/*//BLACK FRIDAY*/
/*.itemsLabelContainer.offerLabel, .catalogItemView .offerLabel.itemsLabelContainer { background: #ff51d0 !important; }

.itemsLabelContainer.offerLabel span.sale-text-container { display: none; }

.itemsLabelContainer.offerLabel:After { content: "CYBER MONDAY"; font-size: 100%; height: 100%; width: 100%; display: block; text-transform: capitalize; }
@media(max-width: 767px) {
    .catalogItemBox.smallBox .itemsLabelContainer.offerLabel { max-width:70px; }
}*/



.collapseable { max-height: 185px; overflow: hidden; transition: all 0.5s ease-in-out; padding-bottom: 50px; position: relative; }
.collapseable:after { content: ""; bottom: 0; left: 0; right: 0; height: 50px; position: absolute; background: rgb(255,255,255); background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); }
.toggleTopContent { display: none; position: absolute; bottom: 0; z-index: 1; }
.top-content.collapseable .toggleTopContent { display: block; }
.collapseable.top-content.open { max-height: 100vh; }
.collapseable.open .toggleTopContent span.readmore { display: none; }
.collapseable .toggleTopContent span.readless { display: none; }
.collapseable.open .toggleTopContent span.readless { display: block; }

/**WidePage - for new filteres*/


.widePage #categoryView .categoryView-header { margin-bottom: 0px; }
.widePage #FilterAndAttributes_Container { overflow: visible; }
.widePage .highlights { list-style: none; padding: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; }
.widePage .highlights li { margin: 4px; }
.widePage .highlights li a { background-color: #cfe9f6; border-radius: 16px; height: 32px; padding: 0 16px; display: flex; align-items: center; color: #171717; font-family: 'source_sans_pro_semibold'; font-size: 88%; }
.widePage .top-content #headline h1 { font-size: 275%; font-family: 'source_sans_pro_semibold'; line-height: normal; letter-spacing: normal; text-transform: uppercase; max-width: 500px; margin: 0 auto 10px; line-height: 1; }
.widePage .top-content { text-align: center; max-width: 800px; margin: 60px auto 30px; float: none; }
.widePage .top-content #text1 * { font-size: 14px !important; color: #707070; letter-spacing: 0.28px; }
.widePage .top-content #text1 .readmore,
.widePage .top-content #text1 .readless { font-family: 'source_sans_pro_semibold'; text-decoration: underline; }
.widePage .top-content.open #text1 .readmore { display: none; }
.widePage .top-content:not(.open) #text1 .more-text { display: block; max-height: 0px; overflow: hidden; transition: .3s all ease-in-out; }
.widePage .top-content.open #text1 .more-text { max-height: 100vh; /* display: inline-block; */ }
.widePage .top-content.collapseable .toggleTopContent { color: #707070; text-decoration: underline; display: block; margin: 0 auto; left: 50%; transform: translateX(-50%); font-family: 'source_sans_pro_semibold'; }
.widePage .top-content .extended-text { display: none; transition: .3s all ease-in-out; }

.widePage .menu-object#freecall { display: none; }
.widePage .categoryView-Banner { margin-bottom:-30px;}
.widePage .categoryView-Banner img { max-width:100%;}
.widePage .current-search-menu-new { display: none; }
.widePage .filter-row { display: flex; width: 100%; justify-content: center; padding-top: 4px; flex-wrap: wrap; }
.widePage .filter-row.filter-row-2 { border-top: 1px solid #E5E5E5; }
.widePage .filter-menu-new { display: flex; flex-wrap: wrap; border-top: 1px solid; border-bottom: 1px solid; position: relative; width: 100%; justify-content: center; }
.widePage .filter-menu-new.twoRows:after { content: ""; height: 1px; left: 0; right: 0; background-color: #E5E5E5; position: absolute; top: 50%; margin-top: 1px; }
.widePage .filter-menu-new.threeRows:before,
.widePage .filter-menu-new.threeRows:after { content: ""; height: 1px; left: 0; right: 0; background-color: #E5E5E5; position: absolute; top: 33%; margin-top: 1px; }
.widePage .filter-menu-new.threeRows:after { top: 66%; }

.widePage .filter-property-new.hiddenFilter:not(.active) { display: none; }
.widePage .filter-menu-new .init-collapse { max-height: 0; }
.widePage .filter-menu-new .filter-property-new__header { display: flex; justify-content: center; align-items: center; }
.widePage .filter-menu-new .filter-property-new__header .filter-property-new__headline { font-size: 87%; cursor: pointer; text-transform: uppercase; margin: 12px 0 13px; font-family: 'source_sans_pro_semibold'; }
.widePage .filter-menu-new .filter-property-new__header .filter-property-new__btn { margin-left: 8px; position: relative; z-index: 3; }
.widePage .filter-menu-new .filter-property-new__header .filter-property-new__btn .arrow-wrapper { width: 16px; height: 16px; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; }
.widePage .filter-property-new.active .filter-property-new__header .filter-property-new__btn .arrow-wrapper { background-color: #007a98; }
.widePage .filter-property-new .filter-property-new__btn svg.arrow { transition: .1s all ease-in-out; position: relative; z-index: 1; height: 6px; width: 9px; }
.widePage .filter-property-new.in .filter-property-new__btn svg.arrow { transform: rotate(180deg); }
.widePage .filter-menu-new .filter-property-new.active .filter-property-new__header .filter-property-new__btn svg path { fill: #fff; }
.widePage .filter-menu-new .collapse-filter-new { max-height: 440px; display: block; visibility: visible; overflow-y: auto; position: absolute; background: #fff; box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.12); border-radius: 15px; padding: 14px 0px 12px; transition: .3s all ease-in-out; min-width: 196px; pointer-events: none; opacity: 0; z-index: 2; top: 35px; border-radius: 15px; }
.widePage .filter-menu-new .collapse-filter-new.in { pointer-events: auto; opacity: 1; }
.widePage .filter-menu-new .collapse-filter-new__options { display: flex; align-items: flex-start; min-height: 36px; border-bottom: solid 1px #f1f1f1; padding: 9px; margin-left: 9px; margin-right: 9px; }
.widePage .filter-menu-new .collapse-filter-new__options.isChecked,
.widePage .filter-menu-new .collapse-filter-new__options:hover { border-radius: 9px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.09); border: solid 1px #f1f1f1; }
.widePage .filter-menu-new .collapse-filter-new__options.isDisabled { pointer-events: none; opacity: 0.5; filter: grayscale(100%); }
.widePage .filter-menu-new .collapse-filter-new__options:last-child { border-bottom: none; }
.widePage .filter-menu-new .collapse-filter-new__options input[type=checkbox] { margin-top: 0px; width: 16px; height: 16px; border: solid 1px #c7c7c7; flex-shrink: 0; position: relative; }
.widePage .filter-menu-new .collapse-filter-new__options .checkbox-filter-name { min-width: 100px; display: block; margin-left: 8px; font-size: 86%; }
.widePage .filter-menu-new .checkbox-filter-image-container { position: relative; max-width: 100px; margin-top: -4px; }
.widePage .filter-menu-new .collapse-filter-new::-webkit-scrollbar { width: 5px; height: 2px; }
.widePage .filter-menu-new .collapse-filter-new::-webkit-scrollbar-button { width: 5px; height: 0px; }
.widePage .filter-menu-new .collapse-filter-new::-webkit-scrollbar-thumb { background: #bbbbbb; border: 0px none #ffffff; border-radius: 0px; }
.widePage .filter-menu-new .collapse-filter-new::-webkit-scrollbar-thumb:hover { background: #bbbbbb; }
.widePage .filter-menu-new .collapse-filter-new::-webkit-scrollbar-thumb:active { background: #bbbbbb; }
.widePage .filter-menu-new .collapse-filter-new::-webkit-scrollbar-track { background: #ebebeb; border: 0px none #ffffff; border-radius: 0px; }
.widePage .filter-menu-new .collapse-filter-new::-webkit-scrollbar-track:hover { background: #ebebeb; }
.widePage .filter-menu-new .collapse-filter-new::-webkit-scrollbar-track:active { background: #ebebeb; }
.widePage .filter-menu-new .collapse-filter-new::-webkit-scrollbar-corner { background: transparent; }

.widePage .filter-property-new .svgDrop { position: absolute; top: -8px; display: flex; pointer-events: none; width: 55px; height: 31px; transition: .3s all ease-in-out; opacity: 0; position: absolute; left: -20px; z-index: 1; }
.widePage .filter-property-new .svgDrop img { width: 100%; height: 100%; }
.widePage .filter-property-new.in .svgDrop { opacity: 1; }
.widePage .selecteFilters { list-style: none; padding: 0; display: flex; margin-top: 26px; margin-bottom: 26px; }
.widePage .selecteFilters li { padding: 0; margin-right: 8px; }
.widePage .selecteFilters li button { display: flex; align-items: center; background-color: #007a98; border: none; border-radius: 15px; color: #fff; font-size: 75%; height: 26px; padding-left: 10px; padding-right: 10px; }
.widePage .selecteFilters li button svg { width: 7px; height: 7px; margin-left: 8px; }
.widePage .selecteFilters li.itemsFound { margin-left: auto; color: #a2a2a2; font-size: 12px; }

.widePage .filter-menu-new .collapse-filter-new__options input[type=checkbox]:after { content: ""; position: absolute; bottom: 0; height: 100%; width: 100%; background: transparent; left: 0; right: 0; top: 0; border: solid 1px #c7c7c7; border-radius: 3px; }
.widePage .filter-menu-new .collapse-filter-new__options input[type=checkbox]:checked:after { background-image: url(../../../000Frames/site/images/v-b-new.svg); background-size: 11px 10px; background-repeat: no-repeat; background-position: 2px 2px; }
.widePage .filter-menu-new .collapse-filter-new__options input[type=checkbox]:before { border: none; }

.widePage .clear-attributes { display: flex; width: 100%; justify-content: space-between; align-items: center; border-bottom: 3px solid #f5f5f5; padding: 0px 10px 10px; margin-bottom: 9px; }
.widePage .clear-attributes span { font-size: 11px }
.widePage .clear-attributes button { font-size: 10px; border-radius: 4px; border: solid 1px #ececec; background-color: #fff; height: 17px; width: 44px; letter-spacing: 0.78px; }


@media(min-width:768px) {
    .widePage .catalogItemBox-Container { width: 25%; }
    .widePage .filter-search-categories-menu { position: relative; z-index: 1; }
    .widePage .filter-menu-new .filter-property-new { width: 16.6%; position: relative; z-index: 0; }
    .widePage .filter-property-new.filter-property-new0,
    .widePage .filter-menu-new .filterBoxShown-0,
    .widePage .filter-menu-new .filterBoxShown-1,
    .widePage .filter-menu-new .filterBoxShown-2,
    .widePage .filter-menu-new .filterBoxShown-3,
    .widePage .filter-menu-new .filterBoxShown-4 { z-index: 2; }
    .widePage .filter-menu-new .filterBoxShown-6,
    .widePage .filter-menu-new .filterBoxShown-7,
    .widePage .filter-menu-new .filterBoxShown-8,
    .widePage .filter-menu-new .filterBoxShown-9,
    .widePage .filter-menu-new .filterBoxShown-10
    .widePage .filter-menu-new .filterBoxShown-11 { z-index: 1; }
    .widePage .collapse-filter-title { display: none; }
    .widePage .filter-menu-new .filter-property-new.zIndex0 { z-index: 0; }
    .widePage .filter-menu-new .filter-property-new.zIndex1 { z-index: 1; }
    .widePage .filter-menu-new .filter-property-new.zIndex2 { z-index: 2; }
    .widePage .filter-menu-new .filter-property-new.zIndex3 { z-index: 3; }
}

@media(max-width:767px) {
    .widePage .top-content { margin-top: 0; padding: 0; margin-bottom: 10px; }
    .widePage .top-content #headline h1 { font-size: 180%; margin-bottom: 8px; margin-top: 8px; max-width: 300px; }
    .widePage .top-content .extended-text { margin-bottom: 10px; }
    .widePage .highlights { margin-bottom: 0px; justify-content: flex-start; }
    .widePage .highlights-wrapper { overflow-x: scroll; margin: 0 -15px 6px; opacity: 0; }
    .widePage .highlights-wrapper.rendered { opacity: 1; }
    .widePage .highlights-wrapper::-webkit-scrollbar { width: 0px; height: 0px; }
    .widePage .highlights-wrapper::-webkit-scrollbar-button { width: 0px; height: 0px; }
    .widePage .highlights-wrapper::-webkit-scrollbar-thumb { background: #82bc3f; border: 0px none #ffffff; border-radius: 0px; }
    .widePage .highlights-wrapper::-webkit-scrollbar-thumb:hover { background: #82bc3f; }
    .widePage .highlights-wrapper::-webkit-scrollbar-thumb:active { background: #82bc3f; }
    .widePage .highlights-wrapper::-webkit-scrollbar-track { background: #ebebeb; border: 0px none #ffffff; border-radius: 0px; }
    .widePage .highlights-wrapper::-webkit-scrollbar-track:hover { background: #ebebeb; }
    .widePage .highlights-wrapper::-webkit-scrollbar-track:active { background: #ebebeb; }
    .widePage .highlights-wrapper::-webkit-scrollbar-corner { background: transparent; }
    .widePage .selecteFilters { margin-top: 22px; margin-bottom: 13px; text-align: center; justify-content: center; }
    .widePage .selecteFilters li.itemsFound { display: block; margin: 0; }
    .widePage .selecteFilters li:not(.itemsFound) { display: none; }
    .widePage .filter-menu-new { position: fixed; top: 0; width: calc(100% - 40px); height: 100%; background: #fff; z-index: 5; right: -100%; transition: .3s all ease-in-out; border: none; }
    .widePage .TOPBAR-ON .filter-menu-new { top: 39px; height: calc(100% - 39px); }
    .widePage .TOPBAR-ON .filter-menu-new .collapse-filter-new { top: 39px }
    .widePage .filter-menu-new.open { right: 0; display: flex; justify-content: flex-start; overflow-y: scroll; align-content: flex-start; }
    .widePage .filter-menu-new .filter-property-new { width: 100%; height: 49px; display: flex; }
    .widePage .filter-menu-new .filter-property-new__header { justify-content: flex-start; padding: 0 15px; position: relative; width: 100%; }
    .widePage .filter-menu-new .filter-property-new__header:after { content: ""; position: absolute; left: 11px; right: 15px; border-top: 1px solid rgba(112, 112, 112, 0.15); top: 48px; }
    .widePage .filter-menu-new .filter-property-new__header .filter-property-new__headline { font-size: 115%; margin: 0; font-family: 'source_sans_proregular'; text-transform: capitalize; display: flex; justify-content: space-between; width: 100%; align-content: center; align-items: center; }
    .widePage .filter-menu-new .filter-property-new__header .filter-property-new__btn .arrow-wrapper { display: none; }
    .widePage .filter-menu-new .collapse-filter-new { position: fixed; top: 0px; left: auto; width: calc(100% - 40px); height: 100%; max-height: 100%; right: -100%; z-index: 4; border-radius: 0; }
    .widePage .filter-menu-new .collapse-filter-new.in { right: 0px; }
    .widePage .filters-open { width: 100%; background: #fff; border: 1px solid #000000; height: 37px; font-size: 88%; border-radius: 5px; -webkit-appearance: none; display: flex !important; justify-content: center; align-items: center; padding: 0; text-transform: uppercase; }
    .widePage .filters-open svg { margin-right: 9px; }
    .widePage .filters-open .filter-counter { border-radius: 50%; background-color: #007a98; width: 15px; height: 15px; margin-left: 7px; color: #fff; font-size: 81%; display: flex; justify-content: center; align-items: center; }
    .widePage .filters-open-inner { border: none; -webkit-appearance: none; background: transparent; text-align: left; justify-content: space-between; }
    .widePage .filters-open-inner { margin-right: 5px; }
    .widePage .filter-main-title, .collapse-filter-title { width: 100%; display: flex !important; align-items: center; justify-content: flex-start; font-size: 156%; text-transform: uppercase; height: 62px; border-bottom: 5px solid #F5F5F5; padding: 0 15px; font-family: 'source_sans_proregular'; }
    .widePage .filter-menu-new.twoRows:after { background: transparent; }
    .widePage .filter-menu-new .collapse-filter-new__options input[type=checkbox]:before { background: #fff; top: -1px; left: -1px; right: -1px; bottom: -1px; }
    .widePage .filter-menu-new .collapse-filter-new__options input[type=checkbox]:checked:after { background-position: center; }
    .widePage .clear-attributes { display: none; margin-left: auto; }
    .widePage .collapse-filter-title svg { margin-right: 10px; }
    .widePage .filter-menu-new .collapse-filter-new__options { height: 49px; display: flex; align-items: center; }
    .widePage .filter-menu-new .collapse-filter-new__options .checkbox-filter-name { font-family: 'source_sans_proregular'; font-size: 100%; }
    .widePage .filter-menu-new .checkbox-filter-image-container { margin-left: auto; margin-top: -2px; }
    .widePage .filter-main-title .clearAll { border: 1px solid rgba(112, 112, 112, 0.15); font-size: 60%; margin-left: auto; color: #000; padding: 1px 10px; border-radius: 4px; }
    .widePage .filter-menu-new.open + .backdrop { opacity: 1; pointer-events: auto; }
    .widePage .fillterd-list { list-style: none; color: #666666; font-size: 87%; margin: 0; padding: 0; line-height: normal; }
    .widePage .categoryView-Banner { margin-bottom:0px;}
}

/***** catalogItemBox ****/
.catalogItemBox.catalogItemBox2022 { padding: 0; border: none; }
.catalogItemBox.catalogItemBox2022 .catalogItemBox-sku { color: #007a98; font-size: 12px; margin-top: 5px; }
.catalogItemBox.catalogItemBox2022 .catalogItemBox-title, .catalogItemBox.catalogItemBox2022 .categoryBox .categoryBox-title { font-size: 14px; }
.catalogItemBox.catalogItemBox2022 .itemsLabelContainers { position: absolute; left: 4px; top: 0; display: flex; flex-wrap: wrap; /*max-width: 38px;*/ flex-direction: column; }
.catalogItemBox.catalogItemBox2022 .itemsLabelContainers.bottom { bottom: 5px; top: auto; }
.catalogItemBox.catalogItemBox2022 .itemsLabelContainer { right: auto; }
.catalogItemBox.catalogItemBox2022 .itemsLabelContainer, .catalogItemBox.catalogItemBox2022 .itemsLabelContainer.newLabel, .catalogItemBox.catalogItemBox2022 .itemsLabelContainer.offerLabel, .catalogItemBox.catalogItemBox2022 .catalogItemBox-top-line { position: unset; width: auto; font-size: 75%; padding: 0; min-width: 38px; margin-top: 4px; font-weight: normal; display: flex; align-items: center; justify-content: center; letter-spacing: 0.24px; font-family: 'source_sans_pro_semibold'; }
.catalogItemBox.catalogItemBox2022 .itemsLabelContainer, .catalogItemBox.catalogItemBox2022 .itemsLabelContainer.newLabel, .catalogItemBox.catalogItemBox2022 .itemsLabelContainer.offerLabel { max-width: 38px; }
.catalogItemBox.catalogItemBox2022 .itemsLabelContainer.offerLabel.finishedLabel { background: #a24e99; padding: 5px; max-width: none; }
.catalogItemBox.catalogItemBox2022 span.packs.retail { margin: 0; margin-right: 7px; }
.catalogItemBox.catalogItemBox2022 .itemsLabelContainer:first-child { margin-top: 5px; }
.catalogItemBox.catalogItemBox2022 .newLabel.outletLabel.itemsLabelContainer,
.catalogItemBox.catalogItemBox2022 .newLabel.freeShipping.OFF75.itemsLabelContainer { min-width: 62px; }

.catalogItemBox2022 .catalogItemBox-top { border: solid 1px #e6e6e6; position: relative; }
.catalogItemBox.catalogItemBox2022 .addToCartBtnSmallWrapper { position: absolute; top: 7px; right: 7px; }
.catalogItemBox.catalogItemBox2022 .catalogItemBox-wishlist, .catalogItemBox.catalogItemBox2022 .catalogItemBox-more { padding: 0; width: 34px; top: 0; transform: none; -webkit-transform: none; background-color: rgba(255,255,255,.84); height: 34px; border-radius: 50%; }
.catalogItemBox.catalogItemBox2022 .catalogItemBox-wishlist svg.is-selected path { fill: rgb(242, 86, 48); }
.catalogItemBox.catalogItemBox2022 .catalogItemBox-wishlist svg { position: absolute; top: 0; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; left: 8px; top: 9px; }
.catalogItemBox.catalogItemBox2022 .catalogItemBox-wishlist svg.non-selected path { fill: #565656; }
.catalogItemBox.catalogItemBox2022 .catalogItemBox-wishlist svg.is-selected { opacity: 0; }
.catalogItemBox.catalogItemBox2022 .catalogItemBox-wishlist.selected svg.is-selected { opacity: 1; }
.catalogItemBox.catalogItemBox2022 .catalogItemBox-wishlist.selected svg.non-selected { opacity: 0; }
.catalogItemBox.catalogItemBox2022 .catalogItemBox-price { font-size: 130%; font-family: 'source_sans_pro_semibold'; line-height: normal; margin-right: 8px; display: block; }

.catalogItemBox.catalogItemBox2022 .itemQuantityDesc, .catalogItemBox.catalogItemBox2022 .catalogItemBox-before-sale-price { color: #171717; font-family: 'source_sans_pro_semibold'; font-size: 87%; line-height: normal; display: block; }
.catalogItemBox.catalogItemBox2022 .itemQuantityDesc { margin-right: 8px; }
.catalogItemBox.catalogItemBox2022 .catalogItemBox-prices { margin: 3px 0 8px; display: flex; align-items: center; }
.catalogItemBox.catalogItemBox2022 .catalogItemBox-sale-price-container { display: block; }
.catalogItemBox.catalogItemBox2022 .userDiscountInline { width: auto; min-height: 0; font-size: 75%; }
.catalogItemBox.catalogItemBox2022 .quantityDiscounts { margin-bottom: 0; }
.catalogItemBox.catalogItemBox2022 .catalogItemBox-top-line { position: absolute; bottom: 4px; min-height: 0; left: 4px; }
.catalogItemBox.catalogItemBox2022 .catalogItemBox-top-line-right { position: absolute; bottom: 4px; min-height: 0; right: 4px; font-size: 75%; }
.catalogItemBox.catalogItemBox2022 .catalogItemBox-image { margin-bottom: 0; }
.catalogItemBox.catalogItemBox2022 span.packs.fast { font-family: 'source_sans_pro_semibold'; font-size: 75%; text-transform: uppercase; letter-spacing: 0.24px; padding: 1px 10px; margin-bottom: 0; background: #3fa267; margin: 0; height: 20px; display: flex; align-items: center; }
.catalogItemBox.catalogItemBox2022 span.packs.low { font-family: 'source_sans_pro_semibold'; font-size: 75%; text-transform: uppercase; letter-spacing: 0.24px; padding: 1px 10px; margin-bottom: 0; background: #000; margin: 0; height: 20px; display: flex; align-items: center; }
.catalogItemBox.catalogItemBox2022 span.packs.retail.outOfStock:not(.quantityLeft ) { margin-bottom: 0; background-color: #262626; border-radius: 3px; }
.catalogItemBox.catalogItemBox2022 span.packs.low.instock { background: #87deff; color: #58595b; }

@media(min-width:768px) {
    .catalogItemBox.catalogItemBox2022 { min-height: 410px; }
    .catalogItemBox.catalogItemBox2022 .userDiscountInline { /*max-width: 50%;*/ flex: 1; }
}

@media(max-width:767px) {
    .widePage .catalogItemsList { margin-right: -7px; margin-left: -7px; }
    .widePage .catalogItemBox-Container { padding: 0; }
    .catalogItemBox.catalogItemBox2022 span.packs.retail { padding: 2px 10px 0; display: flex; align-items: center; height: 18px; }
    .catalogItemBox.catalogItemBox2022.smallBox { min-height: 333px; padding: 8px; }
    .catalogItemBox.catalogItemBox2022 .catalogItemBox-prices { flex-wrap: wrap; }
    .catalogItemBox.catalogItemBox2022 .userDiscountInline { font-size: 100%; }
    .catalogItemBox.catalogItemBox2022 .catalogItemBox-sku { margin-top: 9px; }
    .catalogItemBox.catalogItemBox2022 .catalogItemBox-title, .catalogItemBox.catalogItemBox2022 .categoryBox .categoryBox-title { font-size: 12px; line-height: 1.4; height: auto; }
    .catalogItemBox.catalogItemBox2022 .quantityDiscounts { font-size: 97%; }
}

@media(max-width:375px) {
    .catalogItemBox.catalogItemBox2022.smallBox { min-height: 300px; }
}
