/* 10:55 2016-11-03 14:58 2018-03-28 OS, OF govdir icons 16:15 2020-01-20 change for govweb,OS,OF icons. layout_icon.css */ /* 9:59 2016-07-26 Hamburger Menu - Icons */ header nav .subMenu .infoItem a.infoCommunicationRS:before { background: transparent url(/images/common_icons/orange/icon_service_communication_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_communication_orange.svg) no-repeat center center; width: 24px; height: 18px; } header nav .subMenu .infoItem a.infoEmploymentRS:before { background: transparent url(/images/common_icons/orange/icon_service_employment_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_employment_orange.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .infoItem a.infoHealthRS:before { background: transparent url(/images/common_icons/orange/icon_service_health_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_health_orange.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .infoItem a.infoTaxesRS:before { background: transparent url(/images/common_icons/orange/icon_service_tax_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_tax_orange.svg) no-repeat center center; width: 24px; height: 26px; } header nav .subMenu .infoItem a.infoCultureRS:before { background: transparent url(/images/common_icons/orange/icon_service_culture_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_culture_orange.svg) no-repeat center center; width: 24px; height: 24px; margin-left: -1px; } header nav .subMenu .infoItem a.infoEnvironmentRS:before { background: transparent url(/images/common_icons/orange/icon_service_environment_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_environment_orange.svg) no-repeat center center; width: 18px; height: 25px; margin-left: 5px; } header nav .subMenu .infoItem a.infoHousingRS:before { background: transparent url(/images/common_icons/orange/icon_service_housing_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_housing_orange.svg) no-repeat center center; width: 24px; height: 22px; } header nav .subMenu .infoItem a.infoTransportRS:before { background: transparent url(/images/common_icons/orange/icon_service_transport_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_transport_orange.svg) no-repeat center center; width: 24px; height: 17px; } header nav .subMenu .infoItem a.infoEducationRS:before { background: transparent url(/images/common_icons/orange/icon_service_education_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_education_orange.svg) no-repeat center center; width: 24px; height: 17px; } header nav .subMenu .infoItem a.infoGovernmentRS:before { background: transparent url(/images/common_icons/orange/icon_service_law_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_law_orange.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .infoItem a.infoImmigrationRS:before { background: transparent url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; width: 24px; height: 24px; } /* 14:20 2020-01-20 after immi */ header nav .subMenu .infoItem a.infoGW:before { background: transparent url(/images/common_icons/orange/icon_service_govweb_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_govweb_orange.svg) no-repeat center center; width: 20px; height: 20px; margin-left: 2px; } /* 15:36 2018-02-06 add OS and GF (no "white" version, not add css like "infoGW") */ header nav .subMenu .infoItem a.infoOnlineServices:before { background: transparent url(/images/common_icons/orange/icon_service_onlineservices_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_onlineservices_orange.svg) no-repeat center center; width: 20px; height: 20px; margin-left: 2px; } header nav .subMenu .infoItem a.infoGovForms:before { background: transparent url(/images/common_icons/orange/icon_service_govforms_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_govforms_orange.svg) no-repeat center center; width: 20px; height: 20px; margin-left: 2px; } header nav .subMenu .infoItem a.infoBfBT:before { background: transparent url(/images/common_icons/orange/icon_service_BFI_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_BFI_orange.svg) no-repeat center center; width: 24px; height: 18px; } header nav .subMenu .infoItem a.infoCorporateBT:before { background: transparent url(/images/common_icons/orange/icon_service_CSR_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_CSR_orange.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .infoItem a.infoBusinessmainlandBT:before { background: transparent url(/images/common_icons/orange/icon_service_DBWM_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_DBWM_orange.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .infoItem a.infoBusinessgovBT:before { background: transparent url(/images/common_icons/orange/icon_service_DBWG_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_DBWG_orange.svg) no-repeat center center; width: 24px; height: 26px; } header nav .subMenu .infoItem a.infoEcommerceBT:before { background: transparent url(/images/common_icons/orange/icon_service_EIS_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_EIS_orange.svg) no-repeat center center; width: 24px; height: 26px; } header nav .subMenu .infoItem a.infoGlobalBT:before { background: transparent url(/images/common_icons/orange/icon_service_GTIE_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_GTIE_orange.svg) no-repeat center center; width: 25px; height: 28px; margin-left: -2px; } header nav .subMenu .infoItem a.infoHumanresourcesBT:before { background: transparent url(/images/common_icons/orange/icon_service_HR_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_HR_orange.svg) no-repeat center center; width: 24px; height: 22px; } header nav .subMenu .infoItem a.infoMarketBT:before { background: transparent url(/images/common_icons/orange/icon_service_MIS_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_MIS_orange.svg) no-repeat center center; width: 20px; height: 20px; margin-left: 2px; } header nav .subMenu .infoItem a.infoRegistrationBT:before { background: transparent url(/images/common_icons/orange/icon_service_RL_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_RL_orange.svg) no-repeat center center; width: 24px; height: 17px; } header nav .subMenu .infoItem a.infoSupportenterprisesBT:before { background: transparent url(/images/common_icons/orange/icon_service_SFLF_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_SFLF_orange.svg) no-repeat center center; width: 26px; height: 20px; margin-left: -3px; } header nav .subMenu .infoItem a.infoTaxesBT:before { background: transparent url(/images/common_icons/orange/icon_service_Taxes_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_Taxes_orange.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .infoItem a.infoVisitinghkNR:before { background: transparent url(/images/common_icons/orange/icon_service_VHK_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_VHK_orange.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .infoItem a.infoWorkinghkNR:before { background: transparent url(/images/common_icons/orange/icon_service_WHK_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_WHK_orange.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .infoItem a.infoStudyinghkNR:before { background: transparent url(/images/common_icons/orange/icon_service_SIHK_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_SIHK_orange.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .infoItem a.infoVisarequireNR:before { background: transparent url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; width: 24px; height: 24px; } header nav .subMenu .infoItem a.infoLivingNR:before { background: transparent url(/images/common_icons/orange/icon_service_LIHK_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_LIHK_orange.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .infoItem a.infoInvestinghkNR:before { background: transparent url(/images/common_icons/orange/icon_service_DBIHK_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_DBIHK_orange.svg) no-repeat center center; width: 24px; height: 20px; } /* 11:50 2020-01-20 remark first header nav .subMenu .subMenuCol .infoItem.active a.infoGW span { font-weight: bold; } */ /* 16:01 2020-01-20 change below to mobile tablet view only */ @media screen and (max-width: 1200px) { header nav .subMenu .subMenuCol .infoItem.active a.infoCommunicationRS:before { background: transparent url(/images/common_icons/white/icon_service_communication_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_communication_white.svg) no-repeat center center; } header nav .subMenu .subMenuCol .infoItem.active a.infoEmploymentRS:before { background: transparent url(/images/common_icons/white/icon_service_employment_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_employment_white.svg) no-repeat center center; } header nav .subMenu .subMenuCol .infoItem.active a.infoHealthRS:before { background: transparent url(/images/common_icons/white/icon_service_health_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_health_white.svg) no-repeat center center; } header nav .subMenu .subMenuCol .infoItem.active a.infoTransportRS:before { background: transparent url(/images/common_icons/white/icon_service_tax_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_tax_white.svg) no-repeat center center; } header nav .subMenu .subMenuCol .infoItem.active a.infoCultureRS:before { background: transparent url(/images/common_icons/white/icon_service_culture_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_culture_white.svg) no-repeat center center; } header nav .subMenu .subMenuCol .infoItem.active a.infoEnvironmentRS:before { background: transparent url(/images/common_icons/white/icon_service_environment_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_environment_white.svg) no-repeat center center; } header nav .subMenu .subMenuCol .infoItem.active a.infoHousingRS:before { background: transparent url(/images/common_icons/white/icon_service_housing_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_housing_white.svg) no-repeat center center; } header nav .subMenu .subMenuCol .infoItem.active a.infoTransportRS:before { background: transparent url(/images/common_icons/white/icon_service_transport_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_transport_white.svg) no-repeat center center; } header nav .subMenu .subMenuCol .infoItem.active a.infoEducationRS:before { background: transparent url(/images/common_icons/white/icon_service_education_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_education_white.svg) no-repeat center center; } header nav .subMenu .subMenuCol .infoItem.active a.infoGovernmentRS:before { background: transparent url(/images/common_icons/white/icon_service_law_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_law_white.svg) no-repeat center center; } header nav .subMenu .subMenuCol .infoItem.active a.infoImmigrationRS:before { background: transparent url(/images/common_icons/white/icon_service_immigration_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_immigration_white.svg) no-repeat center center; } /* 14:12 2020-01-20 NOTE: the "active" for govweb,os,of move to "a" */ header nav .subMenu .subMenuCol .infoItem a.infoGW.active:before { background: transparent url(/images/common_icons/white/icon_service_govweb_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_govweb_white.svg) no-repeat center center; } header nav .subMenu .subMenuCol .infoItem a.infoOnlineServices.active:before { background: transparent url(/images/common_icons/white/icon_service_onlineservices_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_onlineservices_white.svg) no-repeat center center; } header nav .subMenu .subMenuCol .infoItem a.infoGovForms.active:before { background: transparent url(/images/common_icons/white/icon_service_govforms_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_govforms_white.svg) no-repeat center center; } header nav .subMenu .subMenuCol .infoItem.active a.infoBfBusiness:before { background: transparent url(/images/common_icons/white/icon_service_BFI_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_BFI_white.svg) no-repeat center center; width: 24px; height: 18px; } header nav .subMenu .subMenuCol .infoItem.active a.infoCorporateBT:before { background: transparent url(/images/common_icons/white/icon_service_CSR_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_CSR_white.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .subMenuCol .infoItem.active a.infoBusinessmainlandBT:before { background: transparent url(/images/common_icons/white/icon_service_DBWM_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_DBWM_white.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .subMenuCol .infoItem.active a.infoBusinessgovBT:before { background: transparent url(/images/common_icons/white/icon_service_DBWG_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_DBWG_white.svg) no-repeat center center; width: 24px; height: 26px; } header nav .subMenu .subMenuCol .infoItem.active a.infoEcommerceBT:before { background: transparent url(/images/common_icons/white/icon_service_EIS_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_EIS_white.svg) no-repeat center center; width: 24px; height: 26px; } header nav .subMenu .subMenuCol .infoItem.active a.infoGlobalBT:before { background: transparent url(/images/common_icons/white/icon_service_GTIE_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_GTIE_white.svg) no-repeat center center; width: 24px; height: 34px; } header nav .subMenu .subMenuCol .infoItem.active a.infoHumanresourcesBT:before { background: transparent url(/images/common_icons/white/icon_service_HR_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_HR_white.svg) no-repeat center center; width: 24px; height: 22px; } header nav .subMenu .subMenuCol .infoItem.active a.infoMarketBT:before { background: transparent url(/images/common_icons/white/icon_service_MIS_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_MIS_white.svg) no-repeat center center; width: 24px; height: 17px; } header nav .subMenu .subMenuCol .infoItem.active a.infoRegistrationBT:before { background: transparent url(/images/common_icons/white/icon_service_RL_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_RL_white.svg) no-repeat center center; width: 24px; height: 17px; } header nav .subMenu .subMenuCol .infoItem.active a.infoSupportenterprisesBT:before { background: transparent url(/images/common_icons/white/icon_service_SFLF_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_SFLF_white.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .subMenuCol .infoItem.active a.infoTaxesBT:before { background: transparent url(/images/common_icons/white/icon_service_Taxes_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_Taxes_white.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .subMenuCol .infoItem.active a.infoGW.active:before { background: transparent url(/images/common_icons/white/icon_service_govweb_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_govweb_white.svg) no-repeat center center; width: 24px; height: 24px; } header nav .subMenu .subMenuCol .infoItem.active a.infoVisitinghkNR:before { background: transparent url(/images/common_icons/white/icon_service_VHK_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_VHK_white.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .subMenuCol .infoItem.active a.infoWorkinghkNR:before { background: transparent url(/images/common_icons/white/icon_service_WHK_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_WHK_white.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .subMenuCol .infoItem.active a.infoStudyinghkNR:before { background: transparent url(/images/common_icons/white/icon_service_SIHK_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_SIHK_white.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .subMenuCol .infoItem.active a.infoVisarequireNR:before { background: transparent url(/images/common_icons/white/icon_service_IS_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_IS_white.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .subMenuCol .infoItem.active a.infoLivingNR:before { background: transparent url(/images/common_icons/white/icon_service_LIHK_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_LIHK_white.svg) no-repeat center center; width: 24px; height: 20px; } header nav .subMenu .subMenuCol .infoItem.active a.infoInvestinghkNR:before { background: transparent url(/images/common_icons/white/icon_service_DBIHK_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_DBIHK_white.svg) no-repeat center center; width: 24px; height: 20px; } } /* 16:01 2020-01-20 change below to mobile tablet view only end */ /* .homePage #blockTopStory .storyItem .storyThumb { display: block; float: left; height: 60px; width: 60px; } .homePage #blockTopStory .storyItem .storyThumb img { display: block; height: 60px; width: 60px; } */ /* ============ 16:45 2016-09-14 Homepage 11 Cluster Menu (desktop) ":before" start ============= */ /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/communication"]:before { background: transparent url(/images/common_icons/orange/icon_service_communication_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_communication_orange.svg) no-repeat center center; width: 24px; height: 18px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/culture"]:before { background: transparent url(/images/common_icons/orange/icon_service_culture_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_culture_orange.svg) no-repeat center center; width: 24px; height: 24px; margin-left: -2px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/education"]:before { background: transparent url(/images/common_icons/orange/icon_service_education_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_education_orange.svg) no-repeat center center; width: 24px; height: 17px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/employment"]:before { background: transparent url(/images/common_icons/orange/icon_service_employment_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_employment_orange.svg) no-repeat center center; width: 24px; height: 20px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="residents/environment"]:before { background: transparent url(/images/common_icons/orange/icon_service_environment_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_environment_orange.svg) no-repeat center center; width: 19px; height: 25px; margin-left: 3px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/government"]:before { background: transparent url(/images/common_icons/orange/icon_service_law_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_law_orange.svg) no-repeat center center; width: 24px; height: 20px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/health"]:before { background: transparent url(/images/common_icons/orange/icon_service_health_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_health_orange.svg) no-repeat center center; width: 24px; height: 20px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/housing"]:before { background: transparent url(/images/common_icons/orange/icon_service_housing_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_housing_orange.svg) no-repeat center center; /* 06:24 2016/10/1 the house width: 19px; height: 25px; margin-left: 3px; */ } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/immigration"]:before { background: transparent url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; width: 24px; height: 24px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/taxes"]:before { background: transparent url(/images/common_icons/orange/icon_service_tax_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_tax_orange.svg) no-repeat center center; width: 24px; height: 26px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/transport"]:before { background: transparent url(/images/common_icons/orange/icon_service_transport_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_transport_orange.svg) no-repeat center center; width: 24px; height: 17px; } /* === sep === */ /* === /about/govdirectory for 3 usergroups === */ /* 14:21 2020-01-20 govweb */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/about/govdirectory"]:before { background: transparent url(/images/common_icons/orange/icon_service_govweb_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_govweb_orange.svg) no-repeat center center; width: 22px; height: 22px; } /* 11:54 2020-01-20 add os,of */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/onlineservices"]:before { background: transparent url(/images/common_icons/orange/icon_service_onlineservices_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_onlineservices_orange.svg) no-repeat center center; width: 22px; height: 22px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="s/forms"]:before { background: transparent url(/images/common_icons/orange/icon_service_govforms_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_govforms_orange.svg) no-repeat center center; width: 22px; height: 22px; } /* === sep === */ /* Hamburger - Business 11:14 2016-07-26 */ /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem .infoBiz span { color: #454095; } .homePage #mainHolder #blockInfoServices .infoItem .infoBiz span:hover { color: #FFF; } .homePage #mainHolder #blockInfoServices .infoItem .infoBiz:hover span { color: #FFF !important; } /* === sep === */ /* === use /theme/bf/ path for bfi === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/bf"]:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/theme/bf"]:before { background: transparent url(/images/common_icons/orange/icon_service_BFI_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_BFI_orange.svg) no-repeat center center; width: 24px; height: 24px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/corporate"]:before { background: transparent url(/images/common_icons/orange/icon_service_CSR_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_CSR_orange.svg) no-repeat center center; width: 24px; height: 24px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/businessmainland"]:before { background: transparent url(/images/common_icons/orange/icon_service_DBWM_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_DBWM_orange.svg) no-repeat center center; width: 24px; height: 24px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/businessgov"]:before { background: transparent url(/images/common_icons/orange/icon_service_DBWG_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_DBWG_orange.svg) no-repeat center center; width: 24px; height: 24px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/ecommerce"]:before { background: transparent url(/images/common_icons/orange/icon_service_EIS_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_EIS_orange.svg) no-repeat center center; width: 24px; height: 24px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/global"]:before { background: transparent url(/images/common_icons/orange/icon_service_GTIE_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_GTIE_orange.svg) no-repeat center center; width: 24px; height: 24px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/humanresources"]:before { background: transparent url(/images/common_icons/orange/icon_service_HR_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_HR_orange.svg) no-repeat center center; width: 24px; height: 24px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/market"]:before { background: transparent url(/images/common_icons/orange/icon_service_MIS_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_MIS_orange.svg) no-repeat center center; width: 24px; height: 24px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/registration"]:before { background: transparent url(/images/common_icons/orange/icon_service_RL_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_RL_orange.svg) no-repeat center center; width: 24px; height: 24px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/supportenterprises"]:before { background: transparent url(/images/common_icons/orange/icon_service_SFLF_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_SFLF_orange.svg) no-repeat center center; width: 27px; height: 21px; margin-left: -3px; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/taxes"]:before { background: transparent url(/images/common_icons/orange/icon_service_Taxes_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_Taxes_orange.svg) no-repeat center center; width: 24px; height: 24px; } /* === sep === */ /* ============ 16:45 2016-09-14 Homepage 11 Cluster Menu: (desktop) ":before" end ============= */ /* ============ 16:45 2016-09-14 Homepage 11 Cluster Menu (desktop) "hover and focus": start ============= */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/communication"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/communication"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_communication_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_communication_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/culture"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/culture"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_culture_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_culture_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/education"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/education"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_education_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_education_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/employment"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/employment"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_employment_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_employment_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="residents/environment"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="residents/environment"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_environment_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_environment_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/government"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/government"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_law_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_law_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/health"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/health"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_health_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_health_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/housing"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/housing"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_housing_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_housing_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/immigration"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/immigration"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_immigration_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_immigration_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/taxes"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/taxes"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_tax_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_tax_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/transport"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/transport"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_transport_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_transport_white.svg) no-repeat center center; } /* 14:21 2020-01-20 govweb */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/about/govdirectory"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/about/govdirectory"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_govweb_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_govweb_white.svg) no-repeat center center; } /* 11:56 2020-01-20 add os,of */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/onlineservices"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/onlineservices"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_onlineservices_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_onlineservices_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="s/forms"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="s/forms"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_govforms_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_govforms_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/bf"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/bf"]:focus:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/theme/bf"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/theme/bf"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_BFI_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_BFI_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/corporate"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/corporate"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_CSR_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_CSR_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/businessmainland"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/businessmainland"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_DBWM_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_DBWM_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/businessgov"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/businessgov"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_DBWG_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_DBWG_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/ecommerce"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/ecommerce"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_EIS_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_EIS_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/global"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/global"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_GTIE_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_GTIE_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/humanresources"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/humanresources"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_HR_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_HR_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/market"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/market"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_MIS_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_MIS_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/registration"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/registration"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_RL_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_RL_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/supportenterprises"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/supportenterprises"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_SFLF_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_SFLF_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/taxes"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/taxes"]:focus:before { background: transparent url(/images/common_icons/white/icon_service_Taxes_white.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_Taxes_white.svg) no-repeat center center; } /* ============ 16:45 2016-09-14 Homepage 11 Cluster Menu (desktop) "hover and focus": end ============= */ /* ============ 16:19 2016-09-07 Homepage 11 Cluster Menu (<1200px) :start ============= */ @media screen and (max-width: 1200px) { /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/communication"]:before { background: transparent url(/images/common_icons/orange/icon_service_communication_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_communication_orange.svg) no-repeat center center; width: 24px; height: 18px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/communication"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/communication"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_communication_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_communication_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/culture"]:before { background: transparent url(/images/common_icons/orange/icon_service_culture_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_culture_orange.svg) no-repeat center center; width: 24px; height: 24px; margin-left: -2px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/culture"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/culture"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_culture_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_culture_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/education"]:before { background: transparent url(/images/common_icons/orange/icon_service_education_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_education_orange.svg) no-repeat center center; width: 24px; height: 17px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/education"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/education"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_education_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_education_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/employment"]:before { background: transparent url(/images/common_icons/orange/icon_service_employment_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_employment_orange.svg) no-repeat center center; width: 24px; height: 20px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/employment"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/employment"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_employment_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_employment_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="residents/environment"]:before { background: transparent url(/images/common_icons/orange/icon_service_environment_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_environment_orange.svg) no-repeat center center; width: 19px; height: 25px; margin-left: 3px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="residents/environment"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="residents/environment"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_environment_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_environment_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/government"]:before { background: transparent url(/images/common_icons/orange/icon_service_law_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_law_orange.svg) no-repeat center center; width: 24px; height: 20px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/government"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/government"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_law_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_law_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/health"]:before { background: transparent url(/images/common_icons/orange/icon_service_health_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_health_orange.svg) no-repeat center center; width: 24px; height: 20px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/health"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/health"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_health_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_health_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/housing"]:before { background: transparent url(/images/common_icons/orange/icon_service_housing_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_housing_orange.svg) no-repeat center center; width: 19px; height: 25px; margin-left: 3px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/housing"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/housing"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_housing_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_housing_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/immigration"]:before { background: transparent url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; width: 24px; height: 24px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/immigration"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/immigration"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/taxes"]:before { background: transparent url(/images/common_icons/orange/icon_service_tax_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_tax_orange.svg) no-repeat center center; width: 24px; height: 26px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/taxes"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/taxes"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_tax_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_tax_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/transport"]:before { background: transparent url(/images/common_icons/orange/icon_service_transport_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_transport_orange.svg) no-repeat center center; width: 24px; height: 17px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/transport"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/residents/transport"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_transport_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_transport_orange.svg) no-repeat center center; } /* === sep === */ /* === /about/govdirectory for 3 usergroups === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/about/govdirectory"]:before { background: transparent url(/images/common_icons/orange/icon_service_govweb_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_govweb_orange.svg) no-repeat center center; width: 22px; height: 22px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/about/govdirectory"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/about/govdirectory"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_govweb_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_govweb_orange.svg) no-repeat center center; } /* 12:02 2020-01-20 add os */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/onlineservices"]:before { background: transparent url(/images/common_icons/orange/icon_service_onlineservices_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_onlineservices_orange.svg) no-repeat center center; width: 22px; height: 22px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/onlineservices"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/about/govdirectory"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_onlineservices_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_onlineservices_orange.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="s/forms"]:before { background: transparent url(/images/common_icons/orange/icon_service_govforms_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_govforms_orange.svg) no-repeat center center; width: 22px; height: 22px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="s/forms"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/about/govdirectory"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_govforms_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_govforms_orange.svg) no-repeat center center; } /* === sep === */ /* Hamburger - Business 11:14 2016-07-26 */ /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem .infoBiz span { color: #454095; } .homePage #mainHolder #blockInfoServices .infoItem .infoBiz span:hover { color: #FFF; } .homePage #mainHolder #blockInfoServices .infoItem .infoBiz:hover span { color: #FFF !important; } /* === sep === */ /* === use /theme/bf/ path for bfi === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/bf"]:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/theme/bf"]:before { background: transparent url(/images/common_icons/orange/icon_service_BFI_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_BFI_orange.svg) no-repeat center center; width: 24px; height: 24px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/bf"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/bf"]:focus:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/theme/bf"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/theme/bf"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_BFI_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_BFI_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/corporate"]:before { background: transparent url(/images/common_icons/orange/icon_service_CSR_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_CSR_orange.svg) no-repeat center center; width: 24px; height: 24px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/corporate"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/corporate"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_CSR_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_CSR_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/businessmainland"]:before { background: transparent url(/images/common_icons/orange/icon_service_DBWM_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_DBWM_orange.svg) no-repeat center center; width: 24px; height: 24px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/businessmainland"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/businessmainland"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_DBWM_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_DBWM_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/businessgov"]:before { background: transparent url(/images/common_icons/orange/icon_service_DBWG_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_DBWG_orange.svg) no-repeat center center; width: 24px; height: 24px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/businessgov"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/businessgov"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_DBWG_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_DBWG_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/ecommerce"]:before { background: transparent url(/images/common_icons/orange/icon_service_EIS_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_EIS_orange.svg) no-repeat center center; width: 24px; height: 24px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/ecommerce"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/ecommerce"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_EIS_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_EIS_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/global"]:before { background: transparent url(/images/common_icons/orange/icon_service_GTIE_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_GTIE_orange.svg) no-repeat center center; width: 24px; height: 24px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/global"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/global"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_GTIE_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_GTIE_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/humanresources"]:before { background: transparent url(/images/common_icons/orange/icon_service_HR_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_HR_orange.svg) no-repeat center center; width: 24px; height: 24px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/humanresources"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/humanresources"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_HR_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_HR_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/market"]:before { background: transparent url(/images/common_icons/orange/icon_service_MIS_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_MIS_orange.svg) no-repeat center center; width: 24px; height: 24px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/market"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/market"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_MIS_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_MIS_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/registration"]:before { background: transparent url(/images/common_icons/orange/icon_service_RL_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_RL_orange.svg) no-repeat center center; width: 24px; height: 24px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/registration"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/registration"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_RL_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_RL_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/supportenterprises"]:before { background: transparent url(/images/common_icons/orange/icon_service_SFLF_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_SFLF_orange.svg) no-repeat center center; width: 27px; height: 21px; margin-left: -3px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/supportenterprises"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/supportenterprises"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_SFLF_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_SFLF_orange.svg) no-repeat center center; } /* === sep === */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/taxes"]:before { background: transparent url(/images/common_icons/orange/icon_service_Taxes_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_Taxes_orange.svg) no-repeat center center; width: 24px; height: 24px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/taxes"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/business/taxes"]:focus:before { background: transparent url(/images/common_icons/orange/icon_service_Taxes_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_Taxes_orange.svg) no-repeat center center; } /* === sep === */ } /* ============ 12:07 2016-08-05 Homepage 11 Cluster Menu: (<1200px) end ============= */ /* ================ 16:10 2016-09-27 "ball" in "nonresidents" : start ======================== */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/visitinghk"]:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_VHK_orange.svg) no-repeat center center; width: 28px; height: 22px; margin-left: -2px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/workinghk"]:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_WHK_orange.svg) no-repeat center center; width: 28px; height: 24px; margin-left: -5px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/studyinghk"]:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_SIHK_orange.svg) no-repeat center center; width: 24px; height: 24px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/visarequire"]:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; width: 24px; height: 24px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/living"]:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_LIHK_orange.svg) no-repeat center center; width: 24px; height: 24px; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/investinghk"]:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_DBIHK_orange.svg) no-repeat center center; width: 24px; height: 24px; } /* == hover focus -desktop */ .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/visitinghk"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/visitinghk"]:focus:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_VHK_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/workinghk"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/workinghk"]:focus:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_WHK_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/studyinghk"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/studyinghk"]:focus:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_SIHK_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/visarequire"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/visarequire"]:focus:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_immigration_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/living"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/living"]:focus:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_LIHK_white.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/investinghk"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/investinghk"]:focus:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/white/icon_service_DBIHK_white.svg) no-repeat center center; } /* == hover focus - tablet */ @media screen and (max-width: 1200px) { .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/visitinghk"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/visitinghk"]:focus:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_VHK_orange.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/workinghk"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/workinghk"]:focus:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_WHK_orange.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/studyinghk"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/studyinghk"]:focus:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_SIHK_orange.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/visarequire"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/visarequire"]:focus:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/living"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/living"]:focus:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_LIHK_orange.svg) no-repeat center center; } .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/investinghk"]:hover:before, .homePage #mainHolder #blockInfoServices .infoItem [href*="/nonresidents/investinghk"]:focus:before { background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_DBIHK_orange.svg) no-repeat center center; } } /* ================ 16:10 2016-09-27 "ball" in "nonresidents" : end ======================== */ /* === Big Title - Right Side Icons (h1) 11:23 2016-08-09 === */ /* 16:10 2016-10-17 remark .title:after { width: 32px; height: 32px; background-size: 100% !important; display: inline-block; margin-left: 10px; vertical-align: middle; } */ body.communicationMenuRS .title:after { background: transparent url(/images/common_icons/orange/icon_service_communication_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_communication_orange.svg) no-repeat center center; content: ''; /* 17:14 2016-09-29 svg 29x23 */ /* 16:18 2016-10-17 remark width: 35px; height: 27px; */ } body.cultureMenuRS .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_culture_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_culture_orange.svg) no-repeat center center; } body.educationMenuRS .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_education_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_education_orange.svg) no-repeat center center; } body.employmentMenuRS .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_employment_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_employment_orange.svg) no-repeat center center; } body.environmentMenuRS .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_environment_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_environment_orange.svg) no-repeat center center; width: 20px; /* 9:31 2016-08-25 fix for crop icon, environment only */ height: 28px; } body.governmentMenuRS .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_law_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_law_orange.svg) no-repeat center center; } body.healthMenuRS .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_health_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_health_orange.svg) no-repeat center center; /* 17:11 2016-09-29　svg:29x23 */ /* 16:08 2016-10-17 width: 40px; */ } body.housingMenuRS .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_housing_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_housing_orange.svg) no-repeat center center; } body.immigrationMenuRS .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; } body.taxesMenuRS .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_tax_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_tax_orange.svg) no-repeat center center; } body.transportMenuRS .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_transport_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_transport_orange.svg) no-repeat center center; } body.govdirectoryMenuRS .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_govweb_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_govweb_orange.svg) no-repeat center center; } /* === Big title - right icon 11:58 2016-08-09 === */ body.bfMenuBT .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_BFI_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_BFI_orange.svg) no-repeat center center; } body.corporateMenuBT .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_CSR_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_CSR_orange.svg) no-repeat center center; } body.businessmainlandMenuBT .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_DBWM_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_DBWM_orange.svg) no-repeat center center; } body.businessgovMenuBT .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_DBWG_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_DBWG_orange.svg) no-repeat center center; } body.ecommerceMenuBT .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_EIS_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_EIS_orange.svg) no-repeat center center; } body.globalMenuBT .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_GTIE_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_GTIE_orange.svg) no-repeat center center; } body.humanresourcesMenuBT .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_HR_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_HR_orange.svg) no-repeat center center; } body.marketMenuBT .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_MIS_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_MIS_orange.svg) no-repeat center center; } body.registrationMenuBT .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_RL_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_RL_orange.svg) no-repeat center center; } body.supportenterprisesMenuBT .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_SFLF_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_SFLF_orange.svg) no-repeat center center; } body.taxesMenuBT .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_Taxes_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_Taxes_orange.svg) no-repeat center center; } body.govdirectoryMenuBT .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_govweb_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_govweb_orange.svg) no-repeat center center; } /* === Big title - right icon 11:58 2016-08-09 === */ body.visitinghkMenuNR .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_VHK_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_VHK_orange.svg) no-repeat center center; } body.workinghkMenuNR .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_WHK_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_WHK_orange.svg) no-repeat center center;} body.studyinghkMenuNR .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_SIHK_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_SIHK_orange.svg) no-repeat center center; } body.visarequireMenuNR .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_immigration_orange.svg) no-repeat center center; /* width: 35px; height: 27px;*/ /* width: 24px; height: 20px; */ } body.livingMenuNR .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_LIHK_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_LIHK_orange.svg) no-repeat center center; } body.investinghkMenuNR .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_DBIHK_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_DBIHK_orange.svg) no-repeat center center; } body.govdirectoryMenuNR .title:after { content: ''; background: transparent url(/images/common_icons/orange/icon_service_govweb_orange.svg) no-repeat center center; background: rgba(255, 255, 255, 0) url(/images/common_icons/orange/icon_service_govweb_orange.svg) no-repeat center center; } /* layout.css remark line around 9316 .title::after { background-size: 100% auto !important; -- remark */