.icon-pro-series-cyber-week-2023,
.icon-40th-anniversary,
.icon-catch-logo,
.icon-king-tide-white-logo,
.icon-king-tide-blue-logo {
width: 200px;
height: 100px;
background-position: bottom left
}
.icon-security-dark {
background-image: url(https://media.costadelmar.com/2024/Icons2024/CDM_ProtectionIcon.svg);
}
.icon-compare-frames-dark {
background-image: url(https://media.costadelmar.com/2024/Icons2024/CDM_CompareYourFrames_Icon.svg);
}
.icon-responsible-shipping-dark {
background-image: url(https://media.costadelmar.com/2024/Icons2024/CDM_FreeResponsibleShipping_Icon.svg);
}
.icon-calendar-dark {
background-image: url(https://media.costadelmar.com/2024/Icons2024/CDM_BookingIcon.svg);
}
.icon-store-dark {
background-image: url(https://media.costadelmar.com/2024/Icons2024/CDM_StoreIcon.svg);
}
.icon-afterpay-au
{
background-image: url(https://media.costadelmar.com/2024/AfterPay/AfterPay_Logo.png);
}
.icon-afterpay-au {
width: 200px;
height: 94px;
background-position: center;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
}
.icon-calendar-dark,
.icon-store-dark,
.icon-compare-frames-dark,
.icon-security-dark,
.icon-responsible-shipping-dark {
width: 40px;
height: 40px;
background-position: center;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
}
.icon-doctor-locator {
width: 50px;
height: auto;
background-position: center;
}
.after-pay-dark-2024 {
background-image: url(https://media.costadelmar.com/2024/AfterPay/Primary%20-%20Now%20On%20-%20Dark.png);
width: 200px;
height: 94px;
background-position: center;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
}
.trust-pilot-2024 {
background-image: url(https://media.costadelmar.com/2024/TrustPilot/icon_D.svg);
width: 200px;
height: 40px;
background-position: center;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
}
.icon-el-buen-fin-2023 {
width: 400px;
height: 100px;
background-position: bottom left;
background-image: url(https://media.costadelmar.com/2023/CyberWeek/EBFLogo_MX.svg)
}
.icon-pro-series-cyber-week-2023 {
width: 400px;
height: 100px;
background-position: bottom left;
background-image: url(https://media.costadelmar.com/2023/CyberWeek/ProSeries.svg)
}
.king-tide-best-category {
width: 400px;
height: 100px;
background-position: bottom left;
background-image: url(https://media.costadelmar.com/2023/King_Tide/KT_LogoRefresh_iCast.png)
}
.icon-doctor-locator {
background-image: url(https://media.costadelmar.com/2023/Icon/Doctor.png)
}
.icon-customer-week-2024 {
background-image: url(https://media.costadelmar.com/2024/CostaCrewDays2024/CREWDAYS2024_1.svg);
}
.icon-customer-week-2024-mx {
background-image: url(https://media.costadelmar.com/2024/CostaCrewDays2024/DIASCOSTA2024.svg);
}
/*MX ONLY */
#cm-placement-PLP_tile_banner_2 .icon-customer-week-2024-mx {
background-position: center;
width: 70px;
height: 70px;
}
#cm-placement-PLP_tile_banner_2 .icon-customer-week-2024 {
background-position: center;
width: 100px;
height: 100px;
}
.icon-customer-week-2024,
.icon-customer-week-2024-mx {
width: 100px;
height: 100px;
background-position: left;
}
.icon-idme {
background-image: url(https://media.costadelmar.com/2024/ID.me/Logo.svg);
width: 100px;
height: 100px;
background-position: center;
}
.icon-idme,
.icon-customer-week-2024-mx,
.icon-customer-week-2024,
.icon-el-buen-fin-2023,
.icon-pro-series-cyber-week-2023,
.icon-doctor-locator,
.icon-40th-anniversary,
.icon-catch-logo,
.icon-king-tide-white-logo,
.icon-king-tide-blue-logo,
.icon-wow-title-2023,
.king-tide-best-category {
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
padding: 0 !important
}
.icon-king-tide-white-logo {
background-image: url(https://media.costadelmar.com/2023/King_Tide/KTLogo_White.svg)
}
.icon-catch-logo {
background-image: url(https://media.costadelmar.com/2023/CatchPayment/CatchLogo.png)
}
.icon-king-tide-blue-logo {
background-image: url(https://media.costadelmar.com/2023/King_Tide/Refresh2808/KTLogo_Dark.png)
}
.icon-40th-anniversary {
background-image: url(https://media.costadelmar.com/2023/40th/40AnniversaryCDMLogo.png)
}
.icon-wow-title-2023 {
width: 500px;
height: 80px;
background-image: url(https://media.costadelmar.com/2023/WOW_lp/Title-Horizontal.png);
background-position: center
}
.icon-cw-2023,
.icon-transitionsgen8,
.icon-untangled-dark {
height: 100px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom right
}
.icon-cw-2023 {
width: 100px;
background-image: url(https://media.costadelmar.com/2023/CrewDays2023/CrewDaysLogo.png);
padding: 0 !important
}
.icon-transitionsgen8,
.icon-untangled-dark {
width: 200px
}
.icon-del-mar-dark,
.icon-freedom-series,
.icon-ocearch-dark,
.icon-sunset-specials {
width: 200px;
height: 40px;
padding: 0 !important
}
.icon-btt,
.icon-clean-water,
.icon-del-mar-dark,
.icon-freedom-series,
.icon-hotfashion,
.icon-mx-hot-sale-2024,
.icon-hotsale,
.icon-indifly,
.icon-ocearch,
.icon-ocearch-dark,
.icon-one-coast,
.icon-pro-series,
.icon-pro-series-blue,
.icon-sunset-specials,
.icon-tbf,
.icon-untangled {
background-position: bottom left;
display: inline-block;
background-size: contain;
background-repeat: no-repeat
}
.icon-transitionsgen8 {
background-image: url(https://media.costadelmar.com/2022/Transitions/TransitionsLogo_Min.png);
padding: 0 !important
}
#product-advantages-collapse .icon-untangled-pdp-collection+div::after,
.icon-untangled-dark {
background-image: url(https://media.costadelmar.com/images/website/pdp/productAdvantages/Untangled_Dark.png)
}
.icon-untangled-dark {
padding: 0 !important
}
.icon-freedom-series {
background-image: url(https://media.costadelmar.com/images/website/pdp/productAdvantages/Freedom_Series_Badge.png)
}
#product-advantages-collapse .icon-ocearch-pdp-collection+div::after,
.icon-ocearch-dark {
background-image: url(https://media.costadelmar.com/images/website/pdp/productAdvantages/OCEARCH_Logo_Dark.png)
}
#product-advantages-collapse .icon-del-mar-pdp-collection+div::after,
.icon-del-mar-dark {
background-image: url(https://media.costadelmar.com/images/website/pdp/productAdvantages/del-mar-collection-logo-dark.png)
}
.icon-sunset-specials {
background-image: url(https://media.costadelmar.com/images/website/badges/SS_Logo_Blue.png)
}
.icon-btt,
.icon-clean-water,
.icon-tbf,
.icon-untangled {
height: 200px;
padding: 0 !important
}
.icon-tbf {
width: 150px;
background-image: url(https://media.costadelmar.com/images/website/hp/holiday2021/advent/1225/TBF_Logo_Light.png)
}
.icon-btt {
width: 250px;
background-image: url(https://media.costadelmar.com/images/website/hp/holiday2021/advent/1222/btt-logo-main.png)
}
.icon-clean-water {
width: 300px;
background-image: url(https://media.costadelmar.com/images/website/hp/holiday2021/advent/1219/CFCW_Logo_Light.png)
}
.icon-untangled {
width: 200px;
background-image: url(https://media.costadelmar.com/images/website/hp/holiday2021/advent/1215/Untangled_Lockup_Light.png)
}
.icon-one-coast {
width: 200px;
height: 200px;
background-image: url(https://media.costadelmar.com/images/website/pages/collection/Onecoast_Light.png);
padding: 0 !important
}
.icon-mx-hot-sale-2024,
.icon-hotfashion,
.icon-hotsale,
.icon-pro-series,
.icon-pro-series-blue {
width: 100px;
height: 100px
}
.icon-pro-series {
background-image: url(https://media.costadelmar.com/images/website/hp/holiday2021/advent/1202/ProSeries-Logo-White.png);
padding: 0 !important
}
.icon-pro-series-blue {
background-image: url(https://media.costadelmar.com/images/website/pages/proseriesJosePro/ProSeriesLogoBlu.svg);
padding: 0 !important
}
.icon-indifly,
.icon-ocearch {
width: 200px;
height: 200px;
padding: 0 !important
}
.icon-indifly {
background-image: url(https://media.costadelmar.com/images/website/hp/holiday2021/advent/1203/Indiflylogo.png)
}
.icon-ocearch {
background-image: url(https://media.costadelmar.com/images/website/hp/holiday2021/advent/1209/OCEARCH_Logo_Light.png);
margin-bottom: 30px !important
}
.icon-hotfashion {
background-image: url(https://media.costadelmar.com/images/badges/hot-fashion-mx.svg);
padding: 0 !important
}
.icon-mx-hot-sale-2024 {
background-image: url(https://media.costadelmar.com/2024/LogoHotSale2024.svg);
}
.icon-hotsale {
background-image: url(https://media.costadelmar.com/images/website/hp/HotSale_logo_MX.png);
padding: 0 !important
}
.icon-flashsale-may-2023,
.icon-sunset-specials-white {
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
padding: 0 !important
}
.icon-flashsale-may-2023 {
width: 600px;
height: 300px;
background-image: url(https://media.costadelmar.com/2023/FlashSale/FlashSaleLogoV2.png)
}
.icon-sunset-specials-white {
width: 400px;
height: 150px;
background-image: url(https://media.costadelmar.com/2023/SunsetSpecials/SunsetSpecialsLogo_06.png)
}
@media (max-width:1400px) {
/* MX ONLY */
#cm-placement-PLP_tile_banner_2 .icon-customer-week-2024-mx {
background-position: center;
width: 40px;
height: 40px;
}
#cm-placement-PLP_tile_banner_2 .icon-customer-week-2024 {
background-position: center;
width: 70px;
height: 70px;
}
.icon-flashsale-may-2023 {
width: 500px;
height: 200px
}
}
@media (max-width:1200px) {
.icon-flashsale-may-2023 {
width: 400px;
height: 160px
}
.icon-customer-week-2024,
.icon-customer-week-2024-mx {
display: none;
}
}
/* MOBILE VERSION */
@media (max-width:767px) {
#cm-placement-PLP_tile_banner_2 .icon-customer-week-2024,
#cm-placement-PLP_tile_banner_2 .icon-customer-week-2024-mx {
background-position: center;
width: 40px;
height: 40px;
}
.icon-customer-week-2024,
.icon-customer-week-2024-mx {
display: inline-block;
width: 100px;
height: 100px;
background-position: center;
}
.trust-pilot-2024 {
background-image: url(https://media.costadelmar.com/2024/TrustPilot/icon_D.svg);
width: 200px;
}
.icon-king-tide-white-logo {
width: 100px;
}
.icon-el-buen-fin-2023 {
height: 50px;
}
.icon-king-tide-blue-logo {
width: 100px;
}
.icon-pro-series-cyber-week-2023 {
width: 200px;
background-position: center;
}
.king-tide-best-category {
width: 300px
}
.icon-40th-anniversary {
background-position: center
}
.icon-wow-title-2023 {
width: 300px;
height: 40px
}
.icon-flashsale-may-2023 {
display: none
}
.icon-untangled-dark {
width: 150px;
background-position: bottom center
}
.icon-untangled {
width: 120px
}
.icon-btt,
.icon-clean-water {
width: 200px
}
.icon-tbf {
width: 100px
}
.icon-indifly {
width: 120px
}
.icon-ocearch {
width: 60px;
margin-bottom: 0 !important
}
.icon-pro-series {
background-image: url(https://media.costadelmar.com/images/website/pages/proseries22/ProSeries22_logo_D.svg);
width: 200px;
height: 100px
}
.icon-sustainability_hub {
background-image: url(https://media.costadelmar.com/2022/Sustainability-hub/assets/logos/Protect_LOGO_W.svg);
width: 200px;
height: 100px
}
.icon-sunset-specials-white {
width: 200px;
height: 80px;
background-image: url(https://media.costadelmar.com/2023/SunsetSpecials/SSLogo_M.svg);
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom left;
padding: 0 !important
}
}
.icon-collection-del-mar-logo,
.icon-collection-pro-series-logo,
.icon-collection-untangled-logo,
.icon-king-tide-logo,
.icon-lens-type-inshore-logo,
.icon-lens-type-low-light-logo,
.icon-lens-type-open-water-logo,
.icon-lens-type-water-sports-logo {
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 80px;
width: 200px
}
/* PDP ADVANTAGES */
.icon-lens-type-water-sports-logo {
background-image: url(https://media.costadelmar.com/images/collections/editorial-plp/EverydayActivities_ICN.png);
padding: 0 !important
}
.icon-lens-type-inshore-logo {
background-image: url(https://media.costadelmar.com/images/collections/editorial-plp/VariableLight_ICN.png);
padding: 0 !important
}
.icon-lens-type-low-light-logo {
background-image: url(https://media.costadelmar.com/images/collections/editorial-plp/LowLight_ICN.png);
padding: 0 !important
}
.icon-king-tide-logo {
background-image: url(https://media.costadelmar.com/2023/King_Tide/KingTideLogo.png);
padding: 0 !important
}
.icon-lens-type-open-water-logo {
background-image: url(https://media.costadelmar.com/images/collections/editorial-plp/OpenWater_ICN.png);
padding: 0 !important
}
.icon-collection-del-mar-logo {
background-image: url(https://media.costadelmar.com/images/collections/editorial-plp/DelMar_Logo.png);
padding: 0 !important
}
.icon-collection-pro-series-logo {
background-image: url(https://media.costadelmar.com/images/collections/editorial-plp/ProSeries_Logo.png);
padding: 0 !important
}
.icon-collection-untangled-logo {
background-image: url(https://media.costadelmar.com/images/collections/editorial-plp/Untangled_Logo.png);
padding: 0 !important
}
#product-advantages-collapse .icon-del-mar-pdp-collection+div::after,
#product-advantages-collapse .icon-freedom-series-pdp-collection+div::after,
#product-advantages-collapse .icon-ocearch-pdp-collection+div::after,
#product-advantages-collapse .icon-untangled-pdp-collection+div::after,
.icon-del-mar-pdp-collection,
.icon-freedom-series-pdp-collection,
.icon-ocearch-pdp-collection,
.icon-untangled-pdp-collection {
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom left;
padding: 0 !important
}
#product-advantages-collapse .icon-ocearch-pdp-collection+div::after,
#product-advantages-collapse .icon-untangled-pdp-collection+div::after {
content: '';
width: 200px;
height: 80px
}
#product-advantages-collapse .icon-del-mar-pdp-collection+div::after {
content: '';
width: 200px;
height: 60px
}
#product-advantages-collapse .icon-freedom-series-pdp-collection+div::after {
content: '';
width: 200px;
height: 80px;
background-image: url(https://media.costadelmar.com/images/website/pdp/productAdvantages/Freedom_Series_Badge.png)
}
.icon-del-mar-pdp-collection,
.icon-freedom-series-pdp-collection,
.icon-ocearch-pdp-collection,
.icon-untangled-pdp-collection {
min-width: 40px;
height: 40px;
background-image: url(https://media.costadelmar.com/images/icons/costa_collection_logo.png);
margin-right: 6px !important
}
.cm-anchor-chips .icon-anchor-gg-emoji-sunglasses,
.cm-anchor-chips .icon-anchor-gg-emoji-bestsellers,
.cm-anchor-chips .icon-anchor-gg-emoji-proseries,
.cm-anchor-chips .icon-anchor-gg-emoji-newarrivals,
.cm-anchor-chips .icon-anchor-gg-emoji-prescription,
.cm-anchor-chips .icon-anchor-gg-emoji-apparel,
.cm-anchor-chips .icon-anchor-gg-emoji-lifestyle,
.cm-anchor-chips .icon-anchor-gg-emoji-untangled{
  width: 28px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0 !important;
  margin: -6px 0;
}
.cm-anchor-chips .icon-anchor-gg-emoji-sunglasses{
  background-image: url(https://media.costadelmar.com/2024/Holiday+CyberWeek/GG_Chips_Sunglasses.png?version=2);
}
.cm-anchor-chips .icon-anchor-gg-emoji-bestsellers{
  background-image: url(https://media.costadelmar.com/2024/Holiday+CyberWeek/GG_Chips_BestSellers.png?version=2);
}
.cm-anchor-chips .icon-anchor-gg-emoji-proseries{
  background-image: url(https://media.costadelmar.com/2024/Holiday+CyberWeek/GG_Chips_ProSeries.png?version=2);
}
.cm-anchor-chips .icon-anchor-gg-emoji-newarrivals{
  background-image: url(https://media.costadelmar.com/2024/Holiday+CyberWeek/GG_Chips_NewArrivals.png?version=2);
}
.cm-anchor-chips .icon-anchor-gg-emoji-prescription{
  background-image: url(https://media.costadelmar.com/2024/Holiday+CyberWeek/GG_Chips_Prescription.png?version=2);
}
.cm-anchor-chips .icon-anchor-gg-emoji-apparel{
  background-image: url(https://media.costadelmar.com/2024/Holiday+CyberWeek/GG_Chips_Apparel.png?version=2);
}
.cm-anchor-chips .icon-anchor-gg-emoji-lifestyle{
  background-image: url(https://media.costadelmar.com/2024/Holiday+CyberWeek/GG_Chips_Lifestyle.png?version=2);
}
.cm-anchor-chips .icon-anchor-gg-emoji-untangled{
  background-image: url(https://media.costadelmar.com/2024/Holiday+CyberWeek/GG_Chips_Untangled.png?version=2);
}
.icon-anchor-emoji-elbuenfin2024 {  width: 81px;  height: 80px;  background-image: url(https://media.costadelmar.com/2024/Holiday+CyberWeek/Buen_Fin-Logo_2024.svg);  display: inline-block;  background-size: contain;  background-repeat: no-repeat;  background-position: center center;  padding: 0 !important}
.cm-anchor-chips .icon-anchor-gg-emoji-accessories{
width: 28px;
height: 24px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
padding: 0 !important;
margin: -6px 0;
background-image: url(
https://media.costadelmar.com/2024/Holiday+CyberWeek/GG_Chips_Accessories.png?version=2);
}
.cm-anchor-chips .icon-emoji-fire{
  width: 28px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0 !important;
  margin: -6px 0;
  background-image: url(https://media.costadelmar.com/2025/Icons/best_seller_icon.png);
}
.cm-anchor-chips .icon-emoji-magnifying-glass{
  width: 28px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0 !important;
  margin: -6px 0;
  background-image: url(https://media.costadelmar.com/2025/Icons/prescription_icon.png);
}
.cm-anchor-chips .icon-anchor-gg-emoji-sunglasses,
.cm-anchor-chips .icon-anchor-gg-emoji-prescription{
  width: 32px;
  height: 32px;
  margin: -10px 0;
}
.icon-emoji-gift,
.icon-emoji-fsa-hsa,
.icon-emoji-get-support,
.icon-emoji-refer-a-friend,
.icon-emoji-retainers-advisor,
.icon-emoji-size-fit{
  width: 40px;
  height: 40px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0 !important;
}
.icon-emoji-gift{
  background-image: url(https://media.costadelmar.com/2025/NewFooterSection/Corporate_Gifting.svg);
}
.icon-emoji-fsa-hsa{
  background-image: url(https://media.costadelmar.com/2025/NewFooterSection/FSA_HSA.svg);
}
.icon-emoji-get-support{
  background-image: url(https://media.costadelmar.com/2025/NewFooterSection/Get_Support.svg);
}
.icon-emoji-refer-a-friend{
  background-image: url(https://media.costadelmar.com/2025/NewFooterSection/Refer_Friend.svg);
}
.icon-emoji-retainers-advisor{
  background-image: url(https://media.costadelmar.com/2025/NewFooterSection/Retainers_Advisor.svg);
}
.icon-emoji-size-fit{
  background-image: url(https://media.costadelmar.com/2025/NewFooterSection/Size_Fit.svg);
}