.isb_orange { fill: #F80; background-color: #F80; outline-color: #F80 !important; color: #fff } .isb_orange .isb_color { color: #F80 !important } .isb_orange:before, .isb_orange:after { border-color: #F80 !important } .isb_orange.isb_stroke { stroke: #F80 } .isb_tirq { fill: #00B9BD; background-color: #00B9BD; outline-color: #00B9BD !important; color: #fff } .isb_tirq .isb_color { color: #00B9BD !important } .isb_tirq:before, .isb_tirq:after { border-color: #00B9BD !important } .isb_tirq.isb_stroke { stroke: #00B9BD } .isb_red { fill: #FA3E3E; background-color: #FA3E3E; outline-color: #FA3E3E !important; color: #fff } .isb_red .isb_color { color: #FA3E3E !important } .isb_red:before, .isb_red:after { border-color: #FA3E3E !important } .isb_red.isb_stroke { stroke: #FA3E3E } .isb_green { fill: #429867; background-color: #429867; outline-color: #429867 !important; color: #fff } .isb_green .isb_color { color: #429867 !important } .isb_green:before, .isb_green:after { border-color: #429867 !important } .isb_green.isb_stroke { stroke: #429867 } .isb_yellow { fill: #FAB243; background-color: #FAB243; outline-color: #FAB243 !important; color: #fff } .isb_yellow .isb_color { color: #FAB243 !important } .isb_yellow:before, .isb_yellow:after { border-color: #FAB243 !important } .isb_yellow.isb_stroke { stroke: #FAB243 } .isb_avada_green { fill: #93A31C; background-color: #93A31C; outline-color: #93A31C !important; color: #fff } .isb_avada_green .isb_color { color: #93A31C !important } .isb_avada_green:before, .isb_avada_green:after { border-color: #93A31C !important } .isb_avada_green.isb_stroke { stroke: #93A31C } .isb_pink { fill: #F26B7A; background-color: #F26B7A; outline-color: #F26B7A !important; color: #fff } .isb_pink .isb_color { color: #F26B7A !important } .isb_pink:before, .isb_pink:after { border-color: #F26B7A !important } .isb_pink.isb_stroke { stroke: #F26B7A } .isb_brown { fill: #87796F; background-color: #87796F; outline-color: #87796F !important; color: #fff } .isb_brown .isb_color { color: #87796F !important } .isb_brown:before, .isb_brown:after { border-color: #87796F !important } .isb_brown.isb_stroke { stroke: #87796F } .isb_plumb { fill: #52253A; background-color: #52253A; outline-color: #52253A !important; color: #fff } .isb_plumb .isb_color { color: #52253A !important } .isb_plumb:before, .isb_plumb:after { border-color: #52253A !important } .isb_plumb.isb_stroke { stroke: #52253A } .isb_marine { fill: #0B233D; background-color: #0B233D; outline-color: #0B233D !important; color: #fff } .isb_marine .isb_color { color: #0B233D !important } .isb_marine:before, .isb_marine:after { border-color: #0B233D !important } .isb_marine.isb_stroke { stroke: #0B233D } .isb_dark_orange { fill: #98412E; background-color: #98412E; outline-color: #98412E !important; color: #fff } .isb_dark_orange .isb_color { color: #98412E !important } .isb_dark_orange:before, .isb_dark_orange:after { border-color: #98412E !important } .isb_dark_orange.isb_stroke { stroke: #98412E } .isb_fuschia { fill: #FF0276; background-color: #FF0276; outline-color: #FF0276 !important; color: #fff } .isb_fuschia .isb_color { color: #FF0276 !important } .isb_fuschia:before, .isb_fuschia:after { border-color: #FF0276 !important } .isb_fuschia.isb_stroke { stroke: #FF0276 } .isb_sky { fill: #3D78F6; background-color: #3D78F6; outline-color: #3D78F6 !important; color: #fff } .isb_sky .isb_color { color: #3D78F6 !important } .isb_sky:before, .isb_sky:after { border-color: #3D78F6 !important } .isb_sky.isb_stroke { stroke: #3D78F6 } .isb_ocean { fill: #333CE0; background-color: #333CE0; outline-color: #333CE0 !important; color: #fff } .isb_ocean .isb_color { color: #333CE0 !important } .isb_ocean:before, .isb_ocean:after { border-color: #333CE0 !important } .isb_ocean.isb_stroke { stroke: #333CE0 } .isb_regular_gray { fill: #8B7C82; background-color: #8B7C82; outline-color: #8B7C82 !important; color: #fff } .isb_regular_gray .isb_color { color: #8B7C82 !important } .isb_regular_gray:before, .isb_regular_gray:after { border-color: #8B7C82 !important } .isb_regular_gray.isb_stroke { stroke: #8B7C82 } .isb_summer_1 { fill: #E31039; background-color: #E31039; outline-color: #E31039 !important; color: #fff } .isb_summer_1 .isb_color { color: #E31039 !important } .isb_summer_1:before, .isb_summer_1:after { border-color: #E31039 !important } .isb_summer_1.isb_stroke { stroke: #E31039 } .isb_summer_2 { fill: #FD3D5D; background-color: #FD3D5D; outline-color: #FD3D5D !important; color: #fff } .isb_summer_2 .isb_color { color: #FD3D5D !important } .isb_summer_2:before, .isb_summer_2:after { border-color: #FD3D5D !important } .isb_summer_2.isb_stroke { stroke: #FD3D5D } .isb_summer_3 { fill: #EF880B; background-color: #EF880B; outline-color: #EF880B !important; color: #fff } .isb_summer_3 .isb_color { color: #EF880B !important } .isb_summer_3:before, .isb_summer_3:after { border-color: #EF880B !important } .isb_summer_3.isb_stroke { stroke: #EF880B } .isb_summer_4 { fill: #9DAE43; background-color: #9DAE43; outline-color: #9DAE43 !important; color: #fff } .isb_summer_4 .isb_color { color: #9DAE43 !important } .isb_summer_4:before, .isb_summer_4:after { border-color: #9DAE43 !important } .isb_summer_4.isb_stroke { stroke: #9DAE43 } .isb_summer_5 { fill: #72AA9B; background-color: #72AA9B; outline-color: #72AA9B !important; color: #fff } .isb_summer_5 .isb_color { color: #72AA9B !important } .isb_summer_5:before, .isb_summer_5:after { border-color: #72AA9B !important } .isb_summer_5.isb_stroke { stroke: #72AA9B } .isb_trending_1 { fill: #35235D; background-color: #35235D; outline-color: #35235D !important; color: #fff } .isb_trending_1 .isb_color { color: #35235D !important } .isb_trending_1:before, .isb_trending_1:after { border-color: #35235D !important } .isb_trending_1.isb_stroke { stroke: #35235D } .isb_trending_2 { fill: #B8DC3C; background-color: #B8DC3C; outline-color: #B8DC3C !important; color: #fff } .isb_trending_2 .isb_color { color: #B8DC3C !important } .isb_trending_2:before, .isb_trending_2:after { border-color: #B8DC3C !important } .isb_trending_2.isb_stroke { stroke: #B8DC3C } .isb_trending_3 { fill: #4C49A2; background-color: #4C49A2; outline-color: #4C49A2 !important; color: #fff } .isb_trending_3 .isb_color { color: #4C49A2 !important } .isb_trending_3:before, .isb_trending_3:after { border-color: #4C49A2 !important } .isb_trending_3.isb_stroke { stroke: #4C49A2 } .isb_trending_4 { fill: #A31A48; background-color: #A31A48; outline-color: #A31A48 !important; color: #fff } .isb_trending_4 .isb_color { color: #A31A48 !important } .isb_trending_4:before, .isb_trending_4:after { border-color: #A31A48 !important } .isb_trending_4.isb_stroke { stroke: #A31A48 } .isb_trending_5 { fill: #00AA4F; background-color: #00AA4F; outline-color: #00AA4F !important; color: #fff } .isb_trending_5 .isb_color { color: #00AA4F !important } .isb_trending_5:before, .isb_trending_5:after { border-color: #00AA4F !important } .isb_trending_5.isb_stroke { stroke: #00AA4F } .isb_trending_6 { fill: #FCD920; background-color: #FCD920; outline-color: #FCD920 !important; color: #fff } .isb_trending_6 .isb_color { color: #FCD920 !important } .isb_trending_6:before, .isb_trending_6:after { border-color: #FCD920 !important } .isb_trending_6.isb_stroke { stroke: #FCD920 } .isb_trending_7 { fill: #7E5249; background-color: #7E5249; outline-color: #7E5249 !important; color: #fff } .isb_trending_7 .isb_color { color: #7E5249 !important } .isb_trending_7:before, .isb_trending_7:after { border-color: #7E5249 !important } .isb_trending_7.isb_stroke { stroke: #7E5249 } .isb_trending_8 { fill: #32742C; background-color: #32742C; outline-color: #32742C !important; color: #fff } .isb_trending_8 .isb_color { color: #32742C !important } .isb_trending_8:before, .isb_trending_8:after { border-color: #32742C !important } .isb_trending_8.isb_stroke { stroke: #32742C } .isb_trending_9 { fill: #6D3828; background-color: #6D3828; outline-color: #6D3828 !important; color: #fff } .isb_trending_9 .isb_color { color: #6D3828 !important } .isb_trending_9:before, .isb_trending_9:after { border-color: #6D3828 !important } .isb_trending_9.isb_stroke { stroke: #6D3828 } .isb_sk_material { fill: #ff3d00; background-color: #ff3d00; outline-color: #ff3d00 !important; color: #fff } .isb_sk_material .isb_color { color: #ff3d00 !important } .isb_sk_material:before, .isb_sk_material:after { border-color: #ff3d00 !important } .isb_sk_material.isb_stroke { stroke: #ff3d00 } .isb_sk_flat { fill: #107fc9; background-color: #107fc9; outline-color: #107fc9 !important; color: #fff } .isb_sk_flat .isb_color { color: #107fc9 !important } .isb_sk_flat:before, .isb_sk_flat:after { border-color: #107fc9 !important } .isb_sk_flat.isb_stroke { stroke: #107fc9 } .isb_sk_creative { fill: #edc951; background-color: #edc951; outline-color: #edc951 !important; color: #fff } .isb_sk_creative .isb_color { color: #edc951 !important } .isb_sk_creative:before, .isb_sk_creative:after { border-color: #edc951 !important } .isb_sk_creative.isb_stroke { stroke: #edc951 } .isb_ui { fill: #343436 } .isb_shadow { fill: #343436; fill-opacity: 0.2 } .isb_white { fill: #fff; fill-opacity: 0.66 } .isb_sale_badge { position: absolute; box-sizing: border-box; z-index: 9 } .isb_sale_badge * { box-sizing: border-box } .isb_sale_badge .isb_money_saved { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .isb_badges>.isb_variable_group>.isb_sale_badge+.isb_sale_badge, .isb_badges>.isb_sale_badge+.isb_sale_badge { top: 5px !important } .isb_sale_badge, .isb_sale_badge:after { box-sizing: border-box } .isb_variable_group { position: absolute } .isb_variable_group.isb_right { left: 0 } .isb_variable_group.isb_left { right: 0 } .isb-sc .isb_sale_badge { position: relative } .isb-sc .isb_sale_badge.isb_left { float: right } .isb-sc .isb_sale_badge.isb_right { float: left } .isb-sc:not(.isb-sc-absolute) .isb_sale_badge.isb_left { right: auto } .isb-sc:not(.isb-sc-absolute) .isb_sale_badge.isb_right { left: auto } .isb-sc.isb-sc-absolute .isb_sale_badge { position: absolute } .isb-sc.isb-sc-inline .isb_sale_badge { position: inline-block } .isb_style_basic.isb_right { top: -5px; left: -5px; width: 60px; height: 40px } .isb_style_basic.isb_right:before { content: ''; position: absolute; bottom: -10px; left: 0; border-right: 0 solid transparent !important; border-top: 5px solid transparent; border-left: 5px solid transparent !important; border-bottom: 5px solid transparent !important; opacity: 0.8 } .isb_style_basic.isb_right:after { content: ''; position: absolute; top: 0; right: -5px; border-right: 0 solid transparent !important; border-top: 20px solid transparent !important; border-left: 5px solid transparent; border-bottom: 20px solid transparent !important } .isb_style_basic .isb_sale_percentage { position: absolute; top: 0; right: 0; width: 100%; height: 66.67% } .isb_style_basic .isb_sale_percentage .isb_percentage { position: absolute; top: 0; right: 0; font-size: 24px; line-height: 28px; width: 66.66%; text-align: center } .isb_style_basic .isb_sale_percentage .isb_percentage_text { position: absolute; top: 3px; left: 6px; font-size: 10px; line-height: 10px; text-align: left } .isb_style_basic .isb_sale_text { position: absolute; top: 13px; left: 6px; font-size: 10px; line-height: 10px; text-align: left } .isb_style_basic .isb_money_saved { position: absolute; bottom: 4px; right: 0; height: 25%; width: 100%; font-size: 10px; line-height: 10px; text-align: center } .isb_style_basic.isb_left { top: -5px; right: -5px; width: 60px; height: 40px } .isb_style_basic.isb_left:before { content: ''; position: absolute; bottom: -10px; right: 0; left: auto; border-right: 5px solid transparent !important; border-top: 5px solid transparent; border-left: 0 solid transparent !important; border-bottom: 5px solid transparent !important; opacity: 0.8 } .isb_style_basic.isb_left:after { content: ''; position: absolute; top: 0; left: -5px; right: auto; border-right: 5px solid transparent; border-top: 20px solid transparent !important; border-left: 0 solid transparent !important; border-bottom: 20px solid transparent !important } .isb_style_basic.isb_right .isb_scheduled_sale { left: 0 } .isb_style_basic.isb_left .isb_scheduled_sale { right: 0 } .isb_style_basic .isb_scheduled_sale { position: absolute; top: 45px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; white-space: nowrap } .isb_style_basic.isb_right .isb_scheduled_sale:before { left: 0; border-right: 0 solid transparent !important; border-left: 5px solid transparent !important } .isb_style_basic.isb_left .isb_scheduled_sale:before { right: 0; border-right: 5px solid transparent !important; border-left: 0 solid transparent !important } .isb_style_basic .isb_scheduled_sale:before { content: ''; position: absolute; bottom: -10px; border-top: 5px solid transparent; border-bottom: 5px solid transparent !important; opacity: 0.8 } .isb_style_basic .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_basic .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_basic_alt.isb_right { top: -5px; left: -5px; width: 60px; height: 40px } .isb_style_basic_alt.isb_right:before { content: ''; position: absolute; bottom: -10px; left: 0; border-right: 0 solid transparent !important; border-top: 5px solid transparent; border-left: 5px solid transparent !important; border-bottom: 5px solid transparent !important; opacity: 0.8 } .isb_style_basic_alt.isb_right:after { content: ''; position: absolute; top: 0; left: -5px; border-right: 5px solid transparent; border-top: 20px solid transparent !important; border-left: 0 solid transparent !important; border-bottom: 20px solid transparent !important } .isb_style_basic_alt .isb_sale_percentage { position: absolute; top: 0; right: 0; width: 100%; height: 66.67% } .isb_style_basic_alt .isb_sale_percentage .isb_percentage { position: absolute; top: 0; right: 0; font-size: 24px; line-height: 28px; width: 66.66%; text-align: center } .isb_style_basic_alt .isb_sale_percentage .isb_percentage_text { position: absolute; top: 3px; left: 6px; font-size: 10px; line-height: 10px; text-align: left } .isb_style_basic_alt .isb_sale_text { position: absolute; top: 13px; left: 6px; font-size: 10px; line-height: 10px; text-align: left } .isb_style_basic_alt .isb_money_saved { position: absolute; bottom: 4px; right: 0; height: 25%; width: 100%; font-size: 10px; line-height: 10px; text-align: center } .isb_style_basic_alt.isb_left { top: -5px; right: -5px; width: 60px; height: 40px } .isb_style_basic_alt.isb_left:before { content: ''; position: absolute; bottom: -10px; right: 0; left: auto; border-right: 5px solid transparent !important; border-top: 5px solid transparent; border-left: 0 solid transparent !important; border-bottom: 5px solid transparent !important; opacity: 0.8 } .isb_style_basic_alt.isb_left:after { content: ''; position: absolute; top: 0; right: -5px; border-right: 0 solid transparent !important; border-top: 20px solid transparent !important; border-left: 5px solid transparent; border-bottom: 20px solid transparent !important } .isb_style_basic_alt.isb_right .isb_scheduled_sale { left: 0 } .isb_style_basic_alt.isb_left .isb_scheduled_sale { right: 0 } .isb_style_basic_alt .isb_scheduled_sale { position: absolute; top: 45px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; white-space: nowrap } .isb_style_basic_alt.isb_right .isb_scheduled_sale:before { left: 0; border-right: 0 solid transparent !important; border-left: 5px solid transparent !important } .isb_style_basic_alt.isb_left .isb_scheduled_sale:before { right: 0; border-right: 5px solid transparent !important; border-left: 0 solid transparent !important } .isb_style_basic_alt .isb_scheduled_sale:before { content: ''; position: absolute; bottom: -10px; border-top: 5px solid transparent; border-bottom: 5px solid transparent !important; opacity: 0.8 } .isb_style_basic_alt .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_basic_alt .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_arrow.isb_right { top: 0; left: 10px; width: 50px; height: 55px } .isb_style_arrow:before { content: ''; position: absolute; bottom: -10px; left: 0; border-right: 25px solid transparent !important; border-top: 10px solid transparent; border-left: 25px solid transparent !important; border-bottom: 0 solid transparent !important } .isb_style_arrow .isb_sale_percentage { position: absolute; top: 0; right: 0; width: 100%; height: 66.67%; font-size: 20px; line-height: 26px; width: 100%; text-align: center } .isb_style_arrow .isb_sale_percentage .isb_percentage_text { margin-right: -4px; font-size: 16px } .isb_style_arrow .isb_sale_text { box-sizing: content-box; position: absolute; top: 25px; right: -3px; width: 100%; font-size: 10px; line-height: 15px; text-align: center; padding: 0 3px; color: #999; background-color: #444; overflow: visible } .isb_style_arrow .isb_sale_text:before { content: ''; position: absolute; top: 50%; left: -3px; margin-top: -6px; border-right: 0 solid transparent; border-top: 6px solid #222; border-left: 3px solid transparent; border-bottom: 6px solid #222 } .isb_style_arrow .isb_sale_text:after { content: ''; position: absolute; top: 50%; right: -3px; margin-top: -6px; border-right: 3px solid transparent; border-top: 6px solid #222; border-left: 0 solid transparent; border-bottom: 6px solid #222 } .isb_style_arrow .isb_money_saved { position: absolute; bottom: 0; right: 0; width: 100%; font-size: 10px; line-height: 14px; text-align: center } .isb_style_arrow.isb_left { top: 0; right: 10px; left: auto; width: 50px; height: 55px } .isb_style_arrow.isb_right .isb_scheduled_sale { left: -6px } .isb_style_arrow.isb_left .isb_scheduled_sale { right: -6px } .isb_style_arrow .isb_scheduled_sale { position: absolute; top: 70px; width: 62px; height: 30px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center } .isb_style_arrow .isb_scheduled_sale span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_arrow .isb_scheduled_sale span.isb_scheduled_text { font-size: 10px; text-transform: uppercase } .isb_style_arrow .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_arrow_alt.isb_right { top: 0; left: 10px; width: 40px; height: 45px } .isb_style_arrow_alt:before { content: ''; position: absolute; bottom: -10px; left: 0; border-right: 20px solid transparent !important; border-top: 10px solid transparent; border-left: 20px solid transparent !important; border-bottom: 0 solid transparent !important } .isb_style_arrow_alt .isb_sale_percentage { position: absolute; top: 0; right: 0; width: 100%; height: 66.67%; font-size: 20px; line-height: 30px; text-align: center } .isb_style_arrow_alt .isb_sale_percentage .isb_percentage_text { margin-right: -4px; font-size: 12px } .isb_style_arrow_alt .isb_sale_text { position: absolute; bottom: 1px; right: 0; width: 100%; font-size: 14px; line-height: 14px; text-align: center } .isb_style_arrow_alt.isb_left { top: 0; right: 10px; left: 0; width: 40px; height: 45px } .isb_style_arrow_alt.isb_right .isb_scheduled_sale { left: -5px } .isb_style_arrow_alt.isb_left .isb_scheduled_sale { right: -5px } .isb_style_arrow_alt .isb_scheduled_sale { position: absolute; top: 60px; width: 50px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; white-space: nowrap } .isb_style_arrow_alt .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_arrow_alt .isb_scheduled_sale span.isb_scheduled_text { display: block; text-transform: uppercase } .isb_style_arrow_alt .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_inline { height: 30px; top: 10px; padding: 0 5px; line-height: 30px; vertical-align: baseline } .isb_style_inline * { vertical-align: baseline } .isb_style_inline.isb_right { left: -5px } .isb_style_inline.isb_left { right: -5px; left: auto } .isb_style_inline.isb_left:before { content: ''; position: absolute; bottom: -10px; right: 0; left: auto; border-right: 5px solid transparent !important; border-top: 5px solid transparent; border-left: 0 solid transparent !important; border-bottom: 5px solid transparent !important; opacity: 0.8 } .isb_style_inline.isb_right:before { content: ''; position: absolute; bottom: -10px; left: 0; border-right: 0 solid transparent !important; border-top: 5px solid transparent; border-left: 5px solid transparent !important; border-bottom: 5px solid transparent !important; opacity: 0.8 } .isb_style_inline .isb_sale_percentage { font-size: 18px; display: inline-block } .isb_style_inline .isb_sale_percentage .isb_percentage_text { margin-right: -4px } .isb_style_inline .isb_money_saved { display: inline-block; overflow: visible; font-size: 12px } .isb_style_inline.isb_right .isb_scheduled_sale { left: 0 } .isb_style_inline.isb_left .isb_scheduled_sale { right: 0 } .isb_style_inline .isb_scheduled_sale { position: absolute; top: 35px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; white-space: nowrap } .isb_style_inline.isb_right .isb_scheduled_sale:before { left: 0; border-right: 0 solid transparent !important; border-left: 5px solid transparent !important } .isb_style_inline.isb_left .isb_scheduled_sale:before { right: 0; border-right: 5px solid transparent !important; border-left: 0 solid transparent !important } .isb_style_inline .isb_scheduled_sale:before { content: ''; position: absolute; bottom: -10px; border-top: 5px solid transparent; border-bottom: 5px solid transparent !important; opacity: 0.8 } .isb_style_inline .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_inline .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_plain { width: 50px; height: 25px; border: 1.5px dotted #fff; outline: 2px solid transparent } .isb_style_plain.isb_right { top: 10px; left: 10px } .isb_style_plain.isb_left { top: 10px; right: 10px; left: auto } .isb_style_plain .isb_sale_percentage { position: absolute; top: 0; right: 0; width: 100%; height: 100%; font-size: 18px; line-height: 21px; text-align: center } .isb_style_plain .isb_sale_percentage .isb_percentage:before { content: '-'; margin-left: -4px } .isb_style_plain .isb_sale_percentage .isb_percentage_text { margin-right: -4px; font-size: 12px } .isb_style_plain.isb_right .isb_scheduled_sale { left: -3px } .isb_style_plain.isb_left .isb_scheduled_sale { right: -3px } .isb_style_plain .isb_scheduled_sale { position: absolute; top: 29px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; white-space: nowrap } .isb_style_plain .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_plain .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_pop { width: 50px; height: 50px; background-color: transparent !important } .isb_style_pop.isb_right { top: 5px; left: 5px } .isb_style_pop.isb_left { top: 5px; right: 5px; left: auto } .isb_style_pop svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_pop .isb_sale_percentage { position: absolute; top: 0; right: 0; width: 100%; height: 100%; font-size: 18px; font-weight: bold; line-height: 50px; text-align: center } .isb_style_pop .isb_sale_percentage .isb_percentage:before { content: '-'; margin-left: -4px } .isb_style_pop .isb_sale_percentage .isb_percentage_text { margin-right: -4px; font-size: 12px } .isb_style_pop.isb_right .isb_scheduled_sale { left: 0 } .isb_style_pop.isb_left .isb_scheduled_sale { right: 0 } .isb_style_pop .isb_scheduled_sale { position: absolute; top: 52px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; white-space: nowrap; border-radius: 3px } .isb_style_pop .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_pop .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_pop_round { width: 50px; height: 50px; background-color: transparent !important } .isb_style_pop_round.isb_right { top: 5px; left: 5px } .isb_style_pop_round.isb_left { top: 5px; right: 5px; left: auto } .isb_style_pop_round svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_pop_round .isb_sale_percentage { position: absolute; top: 0; right: 0; width: 100%; height: 100%; font-size: 18px; font-weight: bold; line-height: 36px; text-align: center } .isb_style_pop_round .isb_sale_percentage .isb_percentage:before { content: '-'; margin-left: -4px } .isb_style_pop_round .isb_sale_percentage .isb_percentage_text { margin-right: -4px; font-size: 12px } .isb_style_pop_round .isb_sale_text { position: absolute; bottom: 10px; right: 0; width: 100%; font-size: 12px; line-height: 12px; text-align: center } .isb_style_pop_round.isb_right .isb_scheduled_sale { left: 0 } .isb_style_pop_round.isb_left .isb_scheduled_sale { right: 0 } .isb_style_pop_round .isb_scheduled_sale { position: absolute; top: 52px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; white-space: nowrap; border-radius: 3px } .isb_style_pop_round .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_pop_round .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_fresh { width: 60px; height: 65px; background-color: transparent !important } .isb_style_fresh.isb_right { top: -10px; left: 0 } .isb_style_fresh.isb_left { top: -10px; right: 0; left: auto } .isb_style_fresh svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_fresh .isb_sale_percentage { position: absolute; top: 0; left: 5px; font-size: 22px; font-weight: bold; line-height: 45px; text-align: left } .isb_style_fresh.isb_left .isb_sale_percentage { left: 5px; right: auto } .isb_style_fresh .isb_sale_percentage .isb_percentage_text { margin-right: -4px; font-size: 12px; vertical-align: top } .isb_style_fresh .isb_sale_text { position: absolute; bottom: 10px; left: 5px; font-size: 12px; font-weight: 300; line-height: 13px; text-align: left } .isb_style_fresh.isb_left .isb_sale_text { left: 5px; right: auto } .isb_style_fresh.isb_right .isb_scheduled_sale { left: 0 } .isb_style_fresh.isb_left .isb_scheduled_sale { right: 0 } .isb_style_fresh .isb_scheduled_sale { position: absolute; top: 63px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; white-space: nowrap; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2) } .isb_style_fresh .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_fresh .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_round { width: 50px; height: 50px; background-color: transparent !important } .isb_style_round.isb_right { top: 5px; left: 5px } .isb_style_round.isb_left { top: 5px; right: 5px; left: auto } .isb_style_round svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_round .isb_sale_percentage { position: absolute; top: 0; right: 0; width: 100%; height: 100%; font-size: 18px; font-weight: bold; line-height: 30px; text-align: center } .isb_style_round .isb_sale_percentage .isb_percentage:before { content: '-'; margin-left: -4px } .isb_style_round .isb_sale_percentage .isb_percentage_text { margin-right: -4px; font-size: 12px } .isb_style_round .isb_sale_text { position: absolute; bottom: 8px; right: 0; width: 100%; font-size: 12px; line-height: 12px; text-align: center } .isb_style_round .isb_scheduled_sale { position: absolute; top: 52px; left: -5px; width: 60px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; white-space: nowrap; border-radius: 5px } .isb_style_round .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_round .isb_scheduled_sale span.isb_scheduled_text { display: block; text-transform: uppercase } .isb_style_round .isb_scheduled_sale span.isb_scheduled_time span {} .isb_style_xmas_1 { width: 50px; height: 60px; background-color: transparent !important } .isb_style_xmas_1.isb_right { top: 5px; left: 5px } .isb_style_xmas_1.isb_left { top: 5px; right: 5px; left: auto } .isb_style_xmas_1 svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_xmas_1 .isb_sale_percentage { position: absolute; top: 0; right: 0; width: 100%; height: 100%; font-size: 22px; font-weight: bold; line-height: 44px; text-align: center } .isb_style_xmas_1 .isb_sale_percentage .isb_percentage_text { margin-right: -4px; font-size: 12px } .isb_style_xmas_1 .isb_sale_text { position: absolute; bottom: 10px; right: 0; width: 100%; font-size: 12px; font-weight: bold; line-height: 12px; text-align: center } .isb_style_xmas_1.isb_right .isb_scheduled_sale { left: 0 } .isb_style_xmas_1.isb_left .isb_scheduled_sale { right: 0 } .isb_style_xmas_1 .isb_scheduled_sale { position: absolute; top: 62px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; max-width: 50px } .isb_style_xmas_1 .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_xmas_2 { width: 60px; height: 60px; background-color: transparent !important } .isb_style_xmas_2.isb_right { top: 0; left: 0 } .isb_style_xmas_2.isb_left { top: 0; right: 0; left: auto } .isb_style_xmas_2 svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_xmas_2 .isb_sale_percentage { position: absolute; top: 14px; right: 0; width: 70%; height: 100%; font-size: 18px; line-height: 30px; text-align: center } .isb_style_xmas_2 .isb_sale_percentage .isb_percentage_text { margin-right: -4px; font-size: 12px } .isb_style_xmas_2 .isb_sale_text { position: absolute; bottom: 5px; right: 0; width: 70%; font-size: 12px; line-height: 12px; text-align: center } .isb_style_xmas_2 .isb_scheduled_sale { position: absolute; top: 63px; left: 0; width: 60px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center } .isb_style_xmas_2 .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_xmas_2 .isb_scheduled_sale span.isb_scheduled_text { text-transform: uppercase } .isb_style_xmas_2 .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_vintage { width: 60px; height: 105px; top: -15px; background-color: transparent !important; background-image: url('../../includes/styles/images/isb_style_vintage.png'); background-position: center center; background-size: 100% 100%; color: #222; padding-top: 26px } .isb_style_vintage.isb_right { left: -5px } .isb_style_vintage.isb_left { right: -5px } .isb_style_vintage .isb_sale_percentage { font-size: 20px; line-height: 24px; text-align: center; font-weight: bold; text-shadow: rgba(255, 255, 255, 0.8) -1px 1px 0, rgba(0, 0, 0, 0.1) -0.5px -0.5px 0 } .isb_style_vintage .isb_sale_percentage .isb_percentage {} .isb_style_vintage .isb_sale_percentage .isb_percentage_text { font-size: 80%; margin-right: -4px } .isb_style_vintage .isb_sale_text { font-size: 10px; line-height: 14px; text-align: center; width: 100%; padding: 0 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .isb_style_vintage .isb_money_saved { position: absolute; bottom: 7px; right: 0; width: 100%; font-size: 10px; line-height: 10px; text-align: center } .isb_style_vintage .isb_money_saved .isb_saved_old { vertical-align: super; font-size: 70%; text-decoration: line-through; margin-left: 3px } .isb_style_vintage .isb_money_saved .isb_saved { font-weight: bold } .isb_style_vintage .isb_scheduled_sale { position: absolute; top: 110px; left: 0; width: 60px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; border-radius: 3px; background-color: #eceae8; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.66) } .isb_style_vintage .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_vintage .isb_scheduled_sale span.isb_scheduled_text { text-transform: uppercase } .isb_style_vintage .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_ribbon { width: 76px; height: 76px; top: 0; background-color: transparent !important } .isb_style_ribbon.isb_right { left: 0 } .isb_style_ribbon.isb_left { right: 0 } .isb_style_ribbon svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_ribbon svg .isb_sale_percentage { fill: #fff; font-size: 13.01px; font-weight: bold; text-align: center } .isb_style_ribbon svg .isb_sale_percentage_shadow { fill: #000; fill-opacity: 0.2; font-size: 13.01px; font-weight: bold; text-align: center } .isb_style_ribbon svg .isb_sale_diff { font-size: 8px; font-weight: bold; fill: #fff; text-align: center } .isb_style_ribbon svg .isb_sale_diff_shadow { fill: #000; fill-opacity: 0.2; font-size: 8px; font-weight: bold; text-align: center } .isb_style_ribbon.isb_right .isb_scheduled_sale { left: 0 } .isb_style_ribbon.isb_left .isb_scheduled_sale { right: 0 } .isb_style_ribbon .isb_scheduled_sale { position: absolute; top: 52px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; white-space: nowrap; text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4) } .isb_style_ribbon .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_ribbon .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_tag { width: 85px; height: 85px; top: -10px; background-color: transparent !important; color: #fff } .isb_style_tag.isb_right { left: -10px } .isb_style_tag.isb_left { right: -10px } .isb_style_tag svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_tag .isb_sale_percentage { position: absolute; width: 60%; top: 29px; right: 20%; font-size: 19px; line-height: 24px; text-align: center; font-weight: bold; text-shadow: rgba(0, 0, 0, 0.3) -1px 1px 0, rgba(255, 255, 255, 0.45) -0.5px -0.5px 0 } .isb_style_tag .isb_sale_percentage .isb_percentage {} .isb_style_tag .isb_sale_percentage .isb_percentage_text { font-size: 80%; margin-right: -4px } .isb_style_tag .isb_sale_text { position: absolute; width: 60%; top: 18px; right: 20%; font-size: 10px; line-height: 14px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .isb_style_tag .isb_money_saved { position: absolute; bottom: 5px; right: 0; width: 100%; font-size: 10px; line-height: 10px; text-align: center } .isb_style_tag .isb_money_saved .isb_saved_text { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .isb_style_tag .isb_money_saved .isb_saved { font-weight: bold } .isb_style_tag .isb_scheduled_sale { position: absolute; top: 87px; left: 12px; width: 60px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; white-space: nowrap; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66) } .isb_style_tag .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_tag .isb_scheduled_sale span.isb_scheduled_text { display: block; text-transform: uppercase } .isb_style_tag .isb_scheduled_sale span.isb_scheduled_time span {} .isb_style_pure.isb_right { top: 0; left: 0; width: 60px; height: 40px } .isb_style_pure:after { content: ''; position: absolute; bottom: -12px; right: 0; border-right: 30px solid transparent !important; border-top: 12px solid transparent; border-left: 30px solid transparent !important; border-bottom: 0 solid transparent !important } .isb_style_pure .isb_sale_percentage { position: absolute; top: 0; right: 0; width: 100%; height: 66.67% } .isb_style_pure .isb_sale_percentage .isb_percentage { position: absolute; top: 0; right: 0; font-size: 24px; line-height: 28px; font-weight: bold; width: 66.66%; text-align: center } .isb_style_pure .isb_sale_percentage .isb_percentage_text { position: absolute; top: 3px; left: 6px; font-size: 10px; line-height: 10px; font-weight: bold; text-align: left } .isb_style_pure .isb_sale_text { position: absolute; top: 13px; left: 6px; font-size: 10px; font-weight: bold; line-height: 10px; text-align: left } .isb_style_pure .isb_money_saved { position: absolute; bottom: 3px; right: 0; height: 25%; width: 100%; font-size: 10px; line-height: 10px; text-align: center } .isb_style_pure.isb_left { top: 0; right: 0; width: 60px; height: 40px } .isb_style_pure.isb_right .isb_scheduled_sale { left: 0 } .isb_style_pure.isb_left .isb_scheduled_sale { right: 0 } .isb_style_pure .isb_scheduled_sale { position: absolute; top: 40px; width: 60px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; z-index: 1 } .isb_style_pure .isb_scheduled_sale:before { content: ''; position: absolute; right: 0; bottom: -12px; border-right: 30px solid transparent !important; border-left: 30px solid transparent !important; border-top: 12px solid transparent; border-bottom: 0 solid transparent !important } .isb_style_pure .isb_scheduled_sale span.isb_scheduled_time { display: block; font-size: 14px; line-height: 15px; font-weight: bold } .isb_style_pure .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_modern.isb_left { right: 0 } .isb_style_modern.isb_right { left: 0 } .isb_style_modern { top: 0; height: 60px; width: 65px; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.33) inset; line-height: 20px } .isb_style_modern .isb_sale_title { position: relative; display: inline-block; min-width: 65px; height: 20px; padding: 0 6px 0 3px; font-size: 14px; text-align: center; white-space: nowrap } .isb_style_modern .isb_sale_title:after { content: ''; position: absolute; top: 0; border-top: 10px solid transparent !important; border-bottom: 10px solid transparent !important } .isb_style_modern.isb_left .isb_sale_title:after { left: -6px; border-right: 6px solid transparent; border-left: 0 solid transparent !important } .isb_style_modern.isb_right .isb_sale_title:after { right: -6px; border-right: 0 solid transparent !important; border-left: 6px solid transparent } .isb_style_modern .isb_sale_percentage { position: absolute; top: 20px; right: 0; width: 65px; height: 66.67%; color: #666 } .isb_style_modern .isb_sale_percentage .isb_percentage { position: absolute; top: 0; right: 0; font-size: 24px; line-height: 28px; font-weight: bold; width: 66.66%; text-align: center; color: #666 } .isb_style_modern .isb_sale_percentage .isb_percentage_text { position: absolute; top: 3px; left: 6px; font-size: 10px; line-height: 10px; font-weight: bold; text-align: left; color: #666 } .isb_style_modern .isb_sale_text { position: absolute; top: 33px; left: 6px; font-size: 10px; font-weight: bold; line-height: 10px; text-align: left; color: #666 } .isb_style_modern .isb_money_saved { position: absolute; bottom: 0; right: 0; height: 25%; width: 100%; font-size: 10px; line-height: 10px; text-align: center; color: #666 } .isb_style_modern.isb_right .isb_scheduled_sale { left: 0 } .isb_style_modern.isb_left .isb_scheduled_sale { right: 0 } .isb_style_modern .isb_scheduled_sale { position: absolute; top: 60px; width: 65px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; z-index: 1 } .isb_style_modern .isb_scheduled_sale:before { content: ''; position: absolute; right: 0; bottom: -12px; border-right: 32.5px solid transparent !important; border-left: 32.5px solid transparent !important; border-top: 12px solid transparent; border-bottom: 0 solid transparent !important } .isb_style_modern .isb_scheduled_sale span.isb_scheduled_time { display: block; font-size: 14px; line-height: 15px; font-weight: bold } .isb_style_modern .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_transparent.isb_left { right: 10px } .isb_style_transparent.isb_right { left: 10px } .isb_style_transparent { top: 10px; height: 70px; width: 65px; background-color: rgba(0, 0, 0, 0.167); line-height: 20px } .isb_style_transparent .isb_sale_percentage:after { content: ''; position: absolute; top: 100%; right: 0; border-top: 15px solid rgba(0, 0, 0, 0.167); border-right: 32.5px solid transparent; border-left: 32.5px solid transparent } .isb_style_transparent .isb_sale_title { position: relative; display: inline-block; width: 65px; height: 20px; padding: 0 6px 0 3px; font-size: 14px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .isb_style_transparent .isb_sale_percentage { position: absolute; top: 25px; right: 0; width: 65px; height: 45px; color: #fff } .isb_style_transparent .isb_sale_percentage .isb_percentage { position: absolute; top: 0; right: 0; font-size: 24px; line-height: 28px; font-weight: bold; width: 66.67%; text-align: center; color: #fff } .isb_style_transparent .isb_sale_percentage .isb_percentage_text { position: absolute; top: 3px; left: 6px; font-size: 10px; line-height: 10px; font-weight: bold; text-align: left; color: #fff } .isb_style_transparent .isb_sale_text { position: absolute; top: 38px; left: 6px; font-size: 10px; font-weight: bold; line-height: 10px; text-align: left; color: #fff } .isb_style_transparent .isb_money_saved { position: absolute; bottom: -3px; right: 0; height: 25%; width: 100%; font-size: 10px; line-height: 10px; text-align: center; color: #fff; text-transform: uppercase } .isb_style_transparent.isb_right .isb_scheduled_sale { left: 0 } .isb_style_transparent.isb_left .isb_scheduled_sale { right: 0 } .isb_style_transparent .isb_scheduled_sale { position: absolute; top: 70px; width: 65px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; z-index: 1 } .isb_style_transparent .isb_scheduled_sale:before { content: ''; position: absolute; right: 0; bottom: -12px; border-right: 32.5px solid transparent !important; border-left: 32.5px solid transparent !important; border-top: 12px solid transparent; border-bottom: 0 solid transparent !important } .isb_style_transparent .isb_scheduled_sale span.isb_scheduled_time { display: block; font-size: 14px; line-height: 15px; font-weight: bold } .isb_style_transparent .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_transparent_2.isb_left { right: 10px } .isb_style_transparent_2.isb_right { left: 10px } .isb_style_transparent_2 { top: 10px; height: 50px; width: 70px; background-color: rgba(0, 0, 0, 0.167); line-height: 20px } .isb_style_transparent_2 .isb_sale_percentage { position: absolute; top: 3px; right: 0; width: 70px; height: 45px; color: #fff } .isb_style_transparent_2 .isb_sale_percentage .isb_percentage { position: absolute; top: 0; right: 0; font-size: 28px; line-height: 28px; font-weight: bold; width: 66.67%; text-align: center; color: #fff } .isb_style_transparent_2 .isb_sale_percentage .isb_percentage_text { position: absolute; top: 3px; left: 6px; font-size: 10px; line-height: 10px; font-weight: bold; text-align: left; color: #fff } .isb_style_transparent_2 .isb_sale_text { position: absolute; top: 18px; left: 6px; font-size: 10px; font-weight: bold; line-height: 10px; text-align: left; color: #fff } .isb_style_transparent_2 .isb_money_saved { position: absolute; bottom: 3px; right: 0; height: 25%; width: 100%; font-size: 10px; line-height: 12px; text-align: center; color: #fff; text-transform: uppercase } .isb_style_transparent_2.isb_right .isb_scheduled_sale { left: 0 } .isb_style_transparent_2.isb_left .isb_scheduled_sale { right: 0 } .isb_style_transparent_2 .isb_scheduled_sale { position: absolute; top: 50px; width: 70px; padding: 4px 3px; font-size: 10px; line-height: 12px; text-align: center; z-index: 1; text-transform: uppercase } .isb_style_transparent_2 .isb_scheduled_sale span.isb_scheduled_time { display: block; font-size: 14px; line-height: 15px; font-weight: bold; text-transform: none } .isb_style_transparent_2 .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_random_squares { width: 90px; height: 90px; background-color: transparent !important } .isb_style_random_squares.isb_right { top: -10px; left: -10px } .isb_style_random_squares.isb_left { top: -10px; right: -10px; left: auto } .isb_style_random_squares svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_random_squares .isb_sale_percentage { position: absolute; top: 0; right: 0; width: 100%; height: 100%; font-size: 36px; line-height: 65px } .isb_style_random_squares .isb_sale_percentage .isb_percentage { position: absolute; top: 0; right: 0; width: 100%; text-align: center } .isb_style_random_squares .isb_sale_percentage .isb_percentage_text { position: absolute; font-size: 14px; line-height: 14px; bottom: 25px; left: 15px; font-weight: bold } .isb_style_random_squares.isb_right .isb_scheduled_sale { left: 16px } .isb_style_random_squares.isb_left .isb_scheduled_sale { right: 16px } .isb_style_random_squares .isb_scheduled_sale { position: absolute; top: 70px; padding: 3px 6px; font-size: 10px; line-height: 12px; text-align: center; white-space: nowrap; font-weight: bold; text-transform: uppercase; border-top: 2px solid rgba(0, 0, 0, 0.2) } .isb_style_random_squares.isb_right .isb_scheduled_sale { border-left: 2px solid rgba(0, 0, 0, 0.2) } .isb_style_random_squares.isb_left .isb_scheduled_sale { border-right: 2px solid rgba(0, 0, 0, 0.2) } .isb_style_random_squares .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_random_squares .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_fresh_2 { width: 95px; height: 95px; top: 0; background-color: transparent !important; color: #fff; font-style: italic } .isb_style_fresh_2.isb_right { left: 0 } .isb_style_fresh_2.isb_left { right: 0 } .isb_style_fresh_2 svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_fresh_2 .isb_sale_percentage { position: absolute; width: 60%; top: 15px; left: 10%; font-size: 32px; line-height: 24px; text-align: center } .isb_style_fresh_2.isb_left .isb_sale_percentage { left: auto; right: 10% } .isb_style_fresh_2 .isb_sale_percentage .isb_percentage_text { font-size: 80%; margin-right: -8px } .isb_style_fresh_2 .isb_money_saved { position: absolute; bottom: 36px; width: 60%; font-size: 12px; line-height: 12px; text-align: center; font-weight: bold } .isb_style_fresh_2.isb_right .isb_money_saved { left: 10% } .isb_style_fresh_2.isb_left .isb_money_saved { right: 10% } .isb_style_fresh_2 .isb_scheduled_sale { position: absolute; top: 60px; left: 10%; width: 60%; padding: 4px; font-size: 10px; font-weight: bold; line-height: 12px; text-align: center; white-space: nowrap } .isb_style_fresh_2.isb_left .isb_scheduled_sale { left: auto; right: 10% } .isb_style_fresh_2 .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_fresh_2 .isb_scheduled_sale span.isb_scheduled_text { display: block; text-transform: uppercase } .isb_style_fresh_2 .isb_scheduled_sale span.isb_scheduled_time span {} .isb_style_valentine { width: 95px; height: 95px; top: 7px; background-color: transparent !important; color: #fff; font-style: italic } .isb_style_valentine.isb_right { left: 7px } .isb_style_valentine.isb_left { right: 7px } .isb_style_valentine svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_valentine .isb_sale_percentage { position: absolute; width: 60%; top: 15px; left: 6%; font-size: 30px; line-height: 24px; text-align: center } .isb_style_valentine.isb_left .isb_sale_percentage { left: auto; right: 10% } .isb_style_valentine .isb_sale_percentage .isb_percentage_text { font-size: 80%; margin-right: -8px } .isb_style_valentine .isb_money_saved { position: absolute; bottom: 40px; right: 10%; width: 60%; font-size: 12px; line-height: 12px; text-align: center; font-weight: bold } .isb_style_valentine svg .isb_style_valentine_fill { fill: #000; fill-opacity: 0.1 } .isb_style_valentine .isb_scheduled_sale { position: absolute; top: 60px; padding: 4px; font-size: 10px; font-weight: bold; line-height: 12px; text-align: center; white-space: nowrap; border-top: 2px solid rgba(0, 0, 0, 0.1) } .isb_style_valentine.isb_right .isb_scheduled_sale { border-right: 2px solid rgba(0, 0, 0, 0.1); left: 10% } .isb_style_valentine.isb_left .isb_scheduled_sale { border-left: 2px solid rgba(0, 0, 0, 0.1); right: 10% } .isb_style_valentine .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_valentine .isb_scheduled_sale span.isb_scheduled_text { display: block; text-transform: uppercase } .isb_style_valentine .isb_scheduled_sale span.isb_scheduled_time span {} .isb_style_cool { width: 95px; height: 95px; top: -12px; background-color: transparent !important; color: #fff; font-style: italic } .isb_style_cool.isb_right { left: 9px } .isb_style_cool.isb_left { right: 9px } .isb_style_cool svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_cool .isb_sale_percentage { position: absolute; width: 60%; top: 20px; left: 10%; font-size: 32px; line-height: 24px; text-align: center } .isb_style_cool.isb_left .isb_sale_percentage { left: auto; right: 10% } .isb_style_cool .isb_sale_percentage .isb_percentage_text { font-size: 80%; margin-right: -8px } .isb_style_cool .isb_money_saved { position: absolute; bottom: 36px; width: 60%; font-size: 12px; line-height: 12px; text-align: center; font-weight: bold } .isb_style_cool.isb_right .isb_money_saved { left: 10% } .isb_style_cool.isb_left .isb_money_saved { right: 10% } .isb_style_cool svg .isb_style_cool_fill { fill: #000; fill-opacity: 0.2 } .isb_style_cool .isb_scheduled_sale { position: absolute; top: 65px; left: 10%; width: 60%; padding: 4px; font-size: 10px; font-weight: bold; line-height: 12px; text-align: center; white-space: nowrap; border-top: 2px solid rgba(0, 0, 0, 0.2) } .isb_style_cool.isb_left .isb_scheduled_sale { left: auto; right: 10% } .isb_style_cool .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_cool .isb_scheduled_sale span.isb_scheduled_text { display: block; text-transform: uppercase } .isb_style_cool .isb_scheduled_sale span.isb_scheduled_time span {} .isb_style_triangle { width: 105px; height: 105px; top: 0; background-color: transparent !important; color: #fff; font-style: italic } .isb_style_triangle.isb_right { left: -6px } .isb_style_triangle.isb_left { right: -6px } .isb_style_triangle svg { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 2 } .isb_style_triangle .isb_sale_percentage { position: absolute; top: 8px; left: 10px; font-size: 32px; line-height: 24px; text-align: center; z-index: 3 } .isb_style_triangle.isb_left .isb_sale_percentage { left: auto; right: 10% } .isb_style_triangle .isb_sale_percentage .isb_percentage_text { font-size: 60%; margin-right: -8px } .isb_style_triangle .isb_money_saved { position: absolute; bottom: 45px; font-size: 12px; line-height: 12px; font-weight: bold; z-index: 3; overflow: visible } .isb_style_triangle .isb_money_saved .isb_saved_text { display: block } .isb_style_triangle.isb_right .isb_money_saved { left: 10px; text-align: left } .isb_style_triangle.isb_left .isb_money_saved { right: 10px; text-align: right } .isb_style_triangle svg .isb_style_triangle_fill { fill: #000; fill-opacity: 0.2 } .isb_style_triangle .isb_scheduled_sale { position: absolute; top: 64px; padding: 5px; font-size: 10px; font-weight: bold; line-height: 12px; text-align: center; white-space: nowrap; border-top: 2px solid rgba(0, 0, 0, 0.2); z-index: 1 } .isb_style_triangle.isb_right .isb_scheduled_sale { left: 15px } .isb_style_triangle.isb_left .isb_scheduled_sale { right: 15px } .isb_style_triangle .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_triangle .isb_scheduled_sale span.isb_scheduled_text { display: block; text-transform: uppercase } .isb_style_triangle .isb_scheduled_sale span.isb_scheduled_time span {} .isb_style_eu { width: 80px; height: 90px; top: 0; color: #222 } .isb_style_eu .isb_sale_wrap { background-color: #fafafa; padding: 10px 0 7px } .isb_style_eu.isb_right { left: 0 } .isb_style_eu.isb_left { right: 0 } .isb_style_eu .isb_sale_percentage { font-size: 20px; line-height: 24px; text-align: center; font-weight: bold; text-shadow: rgba(255, 255, 255, 0.8) -1px 1px 0, rgba(0, 0, 0, 0.1) -0.5px -0.5px 0 } .isb_style_eu .isb_sale_percentage .isb_percentage {} .isb_style_eu .isb_sale_percentage .isb_percentage_text { font-size: 80%; margin-right: -4px } .isb_style_eu .isb_sale_text_off { font-size: 10px; line-height: 14px; text-align: center; width: 100%; padding: 0 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .isb_style_eu .isb_sale_text { font-size: 14px; line-height: 14px; font-weight: bold; text-align: center; width: 100%; padding: 0 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .isb_style_eu .isb_money_saved { position: absolute; bottom: 0; right: 0; width: 100%; font-size: 10px; line-height: 20px; text-align: center; overflow: visible; z-index: 1 } .isb_style_eu .isb_money_saved:before { content: ''; position: absolute; bottom: -5px; right: 0; border-right: 40px solid transparent !important; border-top: 5px solid transparent; border-left: 40px solid transparent !important; border-bottom: 0 solid transparent !important } .isb_style_eu .isb_money_saved .isb_saved_old { position: relative; vertical-align: super; margin-left: 3px; color: #fff } .isb_style_eu .isb_money_saved .isb_saved_old:after { content: ''; position: absolute; top: 45%; right: -3px; padding: 0 3px; box-sizing: content-box; width: 100%; height: 1px; border-top: 1px solid #fff; transform: rotate(-10deg) } .isb_style_eu .isb_money_saved .isb_saved { font-weight: bold; color: #fff } .isb_style_eu .isb_scheduled_sale { position: absolute; top: 90px; left: 0; width: 80px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; background-color: #fafafa; padding-top: 10px; font-weight: 500 } .isb_style_eu .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_eu .isb_scheduled_sale span.isb_scheduled_text { text-transform: uppercase } .isb_style_eu .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_eu_2 { width: 80px; height: 75px; top: 5px; color: #222; border-top-right-radius: 40px; border-top-left-radius: 40px; background-color: transparent !important } .isb_style_eu_2 .isb_sale_wrap { background-color: #fafafa; padding: 10px 0 2px; border-top-right-radius: 40px; border-top-left-radius: 40px } .isb_style_eu_2.isb_right { left: 5px } .isb_style_eu_2.isb_left { right: 5px } .isb_style_eu_2 .isb_sale_percentage { font-size: 20px; line-height: 24px; text-align: center; font-weight: bold; text-shadow: rgba(255, 255, 255, 0.8) -1px 1px 0, rgba(0, 0, 0, 0.1) -0.5px -0.5px 0 } .isb_style_eu_2 .isb_sale_percentage .isb_percentage {} .isb_style_eu_2 .isb_sale_percentage .isb_percentage_text { font-size: 80%; margin-right: -4px } .isb_style_eu_2 .isb_sale_text_off { font-size: 10px; line-height: 14px; text-align: center; width: 100%; padding: 0 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .isb_style_eu_2 .isb_sale_text { font-size: 14px; line-height: 14px; font-weight: bold; text-align: center; width: 100%; padding: 0 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .isb_style_eu_2 .isb_money_saved { position: absolute; right: 0; width: 100%; font-size: 10px; line-height: 20px; text-align: center; overflow: visible; z-index: 1 } .isb_style_eu_2 .isb_money_saved:before { content: ''; position: absolute; bottom: -5px; right: 0; border-right: 40px solid transparent !important; border-top: 5px solid transparent; border-left: 40px solid transparent !important; border-bottom: 0 solid transparent !important } .isb_style_eu_2 .isb_money_saved .isb_saved_old { position: relative; vertical-align: super; margin-left: 3px; color: #fff; display: block; } .isb_style_eu_2 .isb_money_saved .isb_saved_old:after { content: ''; position: absolute; top: 45%; right: -3px; padding: 0 3px; box-sizing: content-box; width: 100%; height: 1px; border-top: 1px solid #fff; transform: rotate(-10deg) } .isb_style_eu_2 .isb_money_saved .isb_saved { font-weight: bold; color: #fff } .isb_style_eu_2 .isb_scheduled_sale { position: absolute; top: 75px; left: 0; width: 80px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; background-color: #fafafa; padding-top: 10px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-weight: 500 } .isb_style_eu_2 .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_eu_2 .isb_scheduled_sale span.isb_scheduled_text { text-transform: uppercase } .isb_style_eu_2 .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_style_eu_3 { height: 40px; top: 30px; color: #222; background-color: transparent !important } .isb_style_eu_3 .isb_sale_wrap { background-color: #fafafa; padding: 10px 0 4px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px } .isb_style_eu_3.isb_right { left: 5px } .isb_style_eu_3.isb_left { right: 5px } .isb_style_eu_3 .isb_sale_percentage { font-size: 20px; line-height: 24px; text-align: center; font-weight: bold; text-shadow: rgba(255, 255, 255, 0.8) -1px 1px 0, rgba(0, 0, 0, 0.1) -0.5px -0.5px 0 } .isb_style_eu_3 .isb_sale_percentage .isb_percentage {} .isb_style_eu_3 .isb_sale_percentage .isb_percentage_text { font-size: 80%; margin-right: -4px } .isb_style_eu_3 .isb_sale_text { font-size: 14px; line-height: 14px; font-weight: bold; text-align: center; width: 100%; padding: 0 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .isb_style_eu_3 .isb_money_saved_wrap { overflow: hidden } .isb_style_eu_3 .isb_money_saved { position: absolute; bottom: 100%; right: 0; width: 100%; font-size: 14px; line-height: 18px; text-align: center; overflow: visible; z-index: 1; padding-top: 2px } .isb_style_eu_3 .isb_money_saved:before { content: ''; position: absolute; bottom: -5px; right: 50%; margin-right: -40px; border-right: 40px solid transparent !important; border-top: 6px solid transparent; border-left: 40px solid transparent !important; border-bottom: 0 solid transparent !important } .isb_style_eu_3 .isb_money_saved .isb_saved_old { position: relative; vertical-align: super; margin-left: 6px; font-size: 11px; color: #fff } .isb_style_eu_3 .isb_money_saved .isb_saved_old:after { content: ''; position: absolute; top: 45%; right: -3px; padding: 0 3px; box-sizing: content-box; width: 100%; height: 1px; border-top: 1px solid #fff; transform: rotate(-10deg) } .isb_style_eu_3 .isb_money_saved .isb_saved { font-weight: bold; color: #fff } .isb_style_eu_3 .isb_scheduled_sale { position: absolute; top: 34px; left: 0; width: 100%; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; background-color: #fafafa; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-weight: bold } .isb_style_eu_3 .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_eu_3 .isb_scheduled_sale span.isb_scheduled_text { text-transform: uppercase } .isb_style_eu_3 .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_variable { display: none } .isb_style_candy { width: 75px; height: 95px; top: 6px; background-color: transparent !important; color: #fff; font-style: italic } .isb_style_candy.isb_right { left: 6px } .isb_style_candy.isb_left { right: 6px } .isb_style_candy svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_candy .isb_sale_percentage { position: absolute; width: 80%; top: 10px; left: 10%; font-size: 32px; line-height: 24px; text-align: center } .isb_style_candy.isb_left .isb_sale_percentage { left: auto; right: 10% } .isb_style_candy .isb_sale_percentage .isb_percentage_text { font-size: 80%; margin-right: -8px } .isb_style_candy .isb_money_saved { position: absolute; bottom: 42px; width: 80%; font-size: 12px; line-height: 12px; text-align: center; font-weight: bold } .isb_style_candy.isb_right .isb_money_saved { left: 10% } .isb_style_candy.isb_left .isb_money_saved { right: 10% } .isb_style_candy .isb_scheduled_sale { position: absolute; top: 66px; left: 0; max-width: 75px; padding: 4px; font-size: 10px; font-weight: bold; line-height: 12px; text-align: center; white-space: nowrap; border-radius: 6px } .isb_style_candy.isb_left .isb_scheduled_sale { left: auto; right: 10% } .isb_style_candy .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_candy .isb_scheduled_sale span.isb_scheduled_text { display: block; text-transform: uppercase } .isb_style_candy .isb_scheduled_sale span.isb_scheduled_time span {} .isb_style_candy_arrow { width: 75px; height: 106px; top: 6px; background-color: transparent !important; color: #fff; font-style: italic } .isb_style_candy_arrow.isb_right { left: 6px } .isb_style_candy_arrow.isb_left { right: 6px } .isb_style_candy_arrow svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_candy_arrow .isb_sale_percentage { position: absolute; width: 80%; top: 15px; left: 10%; font-size: 32px; line-height: 24px; text-align: center } .isb_style_candy_arrow.isb_left .isb_sale_percentage { left: auto; right: 10% } .isb_style_candy_arrow .isb_sale_percentage .isb_percentage_text { font-size: 80%; margin-right: -8px } .isb_style_candy_arrow .isb_money_saved { position: absolute; bottom: 48px; width: 80%; font-size: 12px; line-height: 12px; text-align: center; font-weight: bold } .isb_style_candy_arrow.isb_right .isb_money_saved { left: 10% } .isb_style_candy_arrow.isb_left .isb_money_saved { right: 10% } .isb_style_candy_arrow .isb_scheduled_sale { position: absolute; top: 57px; left: 0; width: 100%; padding: 4px; font-size: 10px; font-weight: bold; line-height: 12px; text-align: center; white-space: nowrap; border-radius: 6px } .isb_style_candy_arrow.isb_left .isb_scheduled_sale { left: auto; right: 10% } .isb_style_candy_arrow .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_candy_arrow .isb_scheduled_sale span.isb_scheduled_text { display: block; text-transform: uppercase } .isb_style_candy_arrow .isb_scheduled_sale span.isb_scheduled_time span {} .isb_style_cloud { width: 75px; height: 85px; top: 6px; background-color: transparent !important; color: #fff; font-style: italic } .isb_style_cloud.isb_right { left: 6px } .isb_style_cloud.isb_left { right: 6px } .isb_style_cloud svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_cloud .isb_sale_percentage { position: absolute; width: 80%; top: 13px; left: 10%; font-size: 32px; line-height: 24px; text-align: center } .isb_style_cloud.isb_left .isb_sale_percentage { left: auto; right: 10% } .isb_style_cloud .isb_sale_percentage .isb_percentage_text { font-size: 80%; margin-right: -8px } .isb_style_cloud .isb_money_saved { position: absolute; bottom: 26px; width: 80%; font-size: 12px; line-height: 12px; text-align: center; font-weight: bold } .isb_style_cloud.isb_right .isb_money_saved { left: 10% } .isb_style_cloud.isb_left .isb_money_saved { right: 10% } .isb_style_cloud .isb_scheduled_sale { position: absolute; top: 66px; left: 0; width: 100%; padding: 4px; font-size: 10px; font-weight: bold; line-height: 12px; text-align: center; white-space: nowrap; border-radius: 6px } .isb_style_cloud.isb_left .isb_scheduled_sale { left: auto; right: 10% } .isb_style_cloud .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_cloud .isb_scheduled_sale span.isb_scheduled_text { display: block; text-transform: uppercase } .isb_style_cloud .isb_scheduled_sale span.isb_scheduled_time span {} .isb_style_shopkit { width: 70px; height: 70px; background-color: transparent !important } .isb_style_shopkit.isb_right { top: 5px; left: 5px } .isb_style_shopkit.isb_left { top: 5px; right: 5px; left: auto } .isb_style_shopkit svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_style_shopkit .isb_sale_percentage { position: absolute; top: 0; right: 0; width: 100%; height: 100%; font-size: 20px; font-weight: bold; line-height: 70px; text-align: center } .isb_style_shopkit .isb_sale_percentage .isb_percentage:before { content: '-'; margin-left: -4px } .isb_style_shopkit .isb_sale_percentage .isb_percentage_text { margin-right: -4px; font-size: 12px } .isb_style_shopkit.isb_right .isb_scheduled_sale { left: 0 } .isb_style_shopkit.isb_left .isb_scheduled_sale { right: 0 } .isb_style_shopkit .isb_scheduled_sale { position: absolute; top: 52px; padding: 3px; font-size: 10px; line-height: 12px; text-align: center; white-space: nowrap; border-radius: 3px } .isb_style_shopkit .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_style_shopkit .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_group_responsive { width: 70px; height: 70px; background-color: transparent !important } .isb_group_responsive.isb_right { top: 5px; left: 5px } .isb_group_responsive.isb_left { top: 5px; right: 5px; left: auto } .isb_group_responsive svg { position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_group_responsive .isb_sale_percentage { position: absolute; top: 0; left: 0; width: 59%; height: 100%; font-size: 23px; font-weight: bold; line-height: 70px; text-align: center; } .isb_group_responsive.isb_right .isb_scheduled_sale { left: 0 } .isb_group_responsive.isb_left .isb_scheduled_sale { right: 0 } .isb_group_responsive .isb_scheduled_sale { position: absolute; top: 75px; padding: 6px 3px; font-size: 10px; line-height: 12px; text-align: center; white-space: nowrap; border-radius: 3px; min-width: 70px; font-weight: 500 } .isb_group_responsive .isb_scheduled_sale>span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .isb_group_responsive .isb_scheduled_sale span.isb_scheduled_text { display: block; text-transform: uppercase; font-size: 14px; margin-bottom: 2px } .isb_group_responsive .isb_scheduled_sale span.isb_scheduled_time span { margin-left: 2px } .isb_group_responsive .isb_scheduled_sale span.isb_scheduled_time.isb_no_date { font-size: 14px } @media(max-width:1024px) { .isb_group_responsive { width: 50px; height: 50px } .isb_group_responsive .isb_sale_percentage { line-height: 50px; font-size: 20px } .isb_group_responsive .isb_scheduled_sale { position: absolute; top: 55px } .isb_group_responsive .isb_scheduled_sale {} } @media(max-width:640px) { .isb_group_responsive { width: 40px; height: 40px } .isb_group_responsive .isb_sale_percentage { line-height: 40px; font-size: 16px } .isb_group_responsive .isb_scheduled_sale { position: absolute; top: 45px } } .isb_group_border .isb_stroke { fill: transparent !important; stroke-width: 2 } .isb_group_border .isb_sale_percentage { width: 100%; font-weight: 200; text-align: center } .isb_group_border .isb_sale_percentage:after { content: '%'; font-size: 20px; display: inline-block; margin-right: -4px } .isb_group_border .isb_scheduled_sale { background-color: transparent !important } .isb_group_border .isb_scheduled_sale .isb_scheduled_text { font-size: 13px; font-weight: normal } .isb_special_overline.isb_left, .isb_special_underline.isb_left { right: 0 } .isb_special_overline.isb_right, .isb_special_underline.isb_right { left: 0 } .isb_special_overline, .isb_special_underline { top: 5px; padding: 6px 12px; font-size: 13px; line-height: 18px; max-width: 50%; background-color: #fafafa } .isb_special_overline:after, .isb_special_underline:after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100% } .isb_special_underline:after { border-bottom: 2px solid transparent } .isb_special_overline:after { border-top: 2px solid transparent } .isb_special_border.isb_left { right: 5px } .isb_special_border.isb_right { left: 5px } .isb_special_border { top: 5px; padding: 3px 6px; font-size: 13px; line-height: 18px; max-width: 50%; background-color: transparent !important } .isb_special_border:after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; border: 1px solid transparent } .isb_special_border_round.isb_left { right: 5px } .isb_special_border_round.isb_right { left: 5px } .isb_special_border_round { top: 5px; padding: 3px 6px; font-size: 13px; line-height: 18px; max-width: 50%; background-color: transparent !important; border-radius: 10px } .isb_special_border_round:after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; border: 1px solid transparent; border-radius: 10px } .isb_special_plain.isb_left { right: 5px } .isb_special_plain.isb_right { left: 5px } .isb_special_plain { top: 5px; padding: 3px 6px; font-size: 16px; line-height: 18px; max-width: 50% } .isb_special_arrow.isb_left { right: 0 } .isb_special_arrow.isb_right { left: 0 } .isb_special_arrow { top: 10px; padding: 3px 6px; font-size: 16px; line-height: 18px; height: 24px; text-overflow: ellipsis; white-space: nowrap } .isb_special_arrow:before { content: ''; position: absolute; top: 0; border-top: 12px solid transparent !important; border-bottom: 12px solid transparent !important } .isb_special_arrow.isb_left:before { left: -4px; border-left: 0 solid transparent !important; border-right: 4px solid transparent } .isb_special_arrow.isb_right:before { right: -4px; border-right: 0 solid transparent !important; border-left: 4px solid transparent } .isb_special_bigbadge.isb_left { right: -5px } .isb_special_bigbadge.isb_right { left: -5px } .isb_special_bigbadge { top: -5px; width: 80px; height: 80px; background-color: transparent !important } .isb_special_bigbadge svg { position: absolute; top: 0; right: 0; width: 80px; height: 80px } .isb_special_bigbadge span { position: absolute; top: 0; right: 0; width: 80px; height: 80px; font-size: 24px; line-height: 80px; font-weight: bold; text-align: center; z-index: 1; overflow: hidden; text-overflow: ellipsis } .isb_special_ribbon.isb_left { right: 5px } .isb_special_ribbon.isb_right { left: 5px } .isb_special_ribbon { top: 5px; width: 90px; height: 90px; background-color: transparent !important } .isb_special_ribbon svg .isb_special_ribbon_fill { fill: #000; fill-opacity: 0.3 } .isb_special_ribbon svg .isb_special_ribbon_fill2 { fill: #000; fill-opacity: 0.2 } .isb_special_ribbon svg { position: absolute; top: 0; right: 0; width: 90px; height: 90px } .isb_special_ribbon span { position: absolute; top: 81px; max-width: 80px; font-size: 15px; line-height: 20px; font-weight: bold; z-index: 1; background-color: rgba(255, 255, 255, 0.85) } .isb_special_ribbon.isb_left span { right: -5px; padding: 2px 5px 2px 10px } .isb_special_ribbon.isb_right span { left: -5px; padding: 2px 10px 2px 5px } .isb_special_ribbon span:after { content: ''; position: absolute; top: 0; border-top: 12px solid rgba(255, 255, 255, 0.85); border-bottom: 12px solid rgba(255, 255, 255, 0.85) } .isb_special_ribbon.isb_right span:after { right: -10px; border-right: 10px solid transparent; border-left: 0 } .isb_special_ribbon.isb_left span:after { left: -10px; border-left: 10px solid transparent; border-right: 0 } .pl-loops .isb_variable_group { top: 0 }