@media (max-width:1279px) {@media (max-width: 1279px) { .sc_hotspot_image_loaded ~ .sc_hotspot_item_visible_hover { opacity: 1; } .sc_hotspot_item_popup_tl_tablet { --sc-hotspot-content-item-popup-offset-y: 0; position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); bottom: var(--sc-hotspot-content-item-popup-offset-y); right: var(--sc-hotspot-content-item-popup-offset-x); top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .sc_hotspot_item_popup_tc_tablet { position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); bottom: var(--sc-hotspot-content-item-popup-offset-y); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: auto; right: auto; } .sc_hotspot_item_popup_tr_tablet { --sc-hotspot-content-item-popup-offset-y: 0; position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); bottom: var(--sc-hotspot-content-item-popup-offset-y); left: var(--sc-hotspot-content-item-popup-offset-x); top: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .sc_hotspot_item_popup_ml_tablet { position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); top: 50%; right: var(--sc-hotspot-content-item-popup-offset-x); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); bottom: auto; left: auto; } .sc_hotspot_item_popup_mc_tablet { position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); bottom: auto; right: auto; } .sc_hotspot_item_popup_mr_tablet { position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); top: 50%; left: var(--sc-hotspot-content-item-popup-offset-x); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); bottom: auto; right: auto; } .sc_hotspot_item_popup_bl_tablet { --sc-hotspot-content-item-popup-offset-y: 0; position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); top: var(--sc-hotspot-content-item-popup-offset-y); right: var(--sc-hotspot-content-item-popup-offset-x); bottom: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .sc_hotspot_item_popup_bc_tablet { position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); top: var(--sc-hotspot-content-item-popup-offset-y); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: auto; right: auto; } .sc_hotspot_item_popup_br_tablet { --sc-hotspot-content-item-popup-offset-y: 0; position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); top: var(--sc-hotspot-content-item-popup-offset-y); left: var(--sc-hotspot-content-item-popup-offset-x); bottom: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .sc_hotspot_item_popup_ca_tablet { --sc-hotspot-content-item-popup-offset-x: 0; --sc-hotspot-content-item-popup-offset-y: 0; position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); top: var(--sc-hotspot-content-item-popup-offset-y); right: var(--sc-hotspot-content-item-popup-offset-x); bottom: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; } } @media (max-width: 767px) { .sc_hotspot_item_popup_tl_mobile { --sc-hotspot-content-item-popup-offset-y: 0; position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); bottom: var(--sc-hotspot-content-item-popup-offset-y); right: var(--sc-hotspot-content-item-popup-offset-x); top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .sc_hotspot_item_popup_tc_mobile { position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); bottom: var(--sc-hotspot-content-item-popup-offset-y); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: auto; right: auto; } .sc_hotspot_item_popup_tr_mobile { --sc-hotspot-content-item-popup-offset-y: 0; position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); bottom: var(--sc-hotspot-content-item-popup-offset-y); left: var(--sc-hotspot-content-item-popup-offset-x); top: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .sc_hotspot_item_popup_ml_mobile { position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); top: 50%; right: var(--sc-hotspot-content-item-popup-offset-x); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); bottom: auto; left: auto; } .sc_hotspot_item_popup_mc_mobile { position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); bottom: auto; right: auto; } .sc_hotspot_item_popup_mr_mobile { position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); top: 50%; left: var(--sc-hotspot-content-item-popup-offset-x); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); bottom: auto; right: auto; } .sc_hotspot_item_popup_bl_mobile { --sc-hotspot-content-item-popup-offset-y: 0; position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); top: var(--sc-hotspot-content-item-popup-offset-y); right: var(--sc-hotspot-content-item-popup-offset-x); bottom: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .sc_hotspot_item_popup_bc_mobile { position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); top: var(--sc-hotspot-content-item-popup-offset-y); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: auto; right: auto; } .sc_hotspot_item_popup_br_mobile { --sc-hotspot-content-item-popup-offset-y: 0; position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); top: var(--sc-hotspot-content-item-popup-offset-y); left: var(--sc-hotspot-content-item-popup-offset-x); bottom: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .sc_hotspot_item_popup_ca_mobile { --sc-hotspot-content-item-popup-offset-x: 0; --sc-hotspot-content-item-popup-offset-y: 0; position: absolute; z-index: var(--sc-hotspot-content-item-popup-z-index); top: var(--sc-hotspot-content-item-popup-offset-y); right: var(--sc-hotspot-content-item-popup-offset-x); bottom: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; } } }