:root { --brandColorRGB: #000000; --brandColorHexa: #000000; --brandShade: color-mix(in srgb, var(--brandColorHexa) 60%, black); --brandTint: color-mix(in srgb, var(--brandColorHexa) 60%, white); --primary-blur: blur(36px); --primary-radius: 6px; --dark-theme-bg: 0, 0, 0; --dark-theme-color: #fff; --light-theme-bg: 255, 255, 255; --light-theme-color: #000; --theme-bg: var(--dark-theme-bg); } /* color-preference */ /* @media (prefers-color-scheme: light) { :root { --theme-bg: var(--light-theme-bg); --theme-color: var(--light-theme-color); } } @media (prefers-color-scheme: dark) { :root { --theme-bg: var(--dark-theme-bg); --theme-color: var(--dark-theme-color); } } */ * { box-sizing: border-box !important; } body { font-family: 'Noto Sans', sans-serif; } /* default "Anchor" tag styling disabled*/ a, a:hover, a:focus, a:active { text-decoration: none; color: inherit; } p { margin: 0; } /* To avoid dark overlay on IOS OS devices */ #container div > canvas { background: rgba(0, 0, 0, 0.01) !important; } /* Drop shadow for all svg icons */ .svgBtn { /* filter: drop-shadow(1px 1px 0px rgb(0 0 0 / 30%)); */ filter: drop-shadow(0px 0px 5px rgb(0 0 0 / 20%)); } /* buttons animation */ [role="button"] > div { position: relative; overflow: hidden !important; } [role="button"] > div span { position: absolute; background: #fff; transform: translate(-50%, -50%); pointer-events: none; border-radius: 50%; animation: rippleAnimation 0.7s linear forwards; } @keyframes rippleAnimation { 0% { width: 0px; height: 0px; opacity: 0.8; } 100% { width: 500px; height: 500px; opacity: 0; } } /* font styles */ .ggskin { font-family: 'Noto Sans' !important; font-weight: normal; font-style: normal; } .VideoPlayer { width: max-content; max-width: 80%; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); } .VideoPlayer video { max-width: 80vw; max-height: 80vh; border-radius: 6px; } /* Gallery images */ .gallery_image { width: max-content !important; height: max-content !important; max-width: 80vw; max-height: 80vh; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); } .gallery_image img { position: relative !important; width: 100% !important; margin: 0 !important; left: 0 !important; top: 0 !important; max-height: 80vh; } /* info container bottons */ .txtBtn a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } /* Container_Popup */ .Popup_Body { transition: left 1s ease !important; } .Popup_Body > div:first-child { width: 100% !important; max-height: 80vh !important; } @media (min-width:750px) { .Popup_Body { max-width: 40%; } } @media (max-width:750px) { .Popup_Body { width: 330px !important; } } @media (max-width:500px) { .Popup_Body { width: 280px !important; } } @media (max-width:340px) { .Popup_Body { width: 240px !important; } } /* Pano Title */ .pano_title { position: relative !important; } @media (max-width: 870px) { .pano_title > div { font-size: 24px !important; } } @media (max-width: 450px) { .pano_title > div { font-size: 18px !important; } } /* icons Label */ .iconLabel { line-height: 16px !important; padding: 6px 10px; background-color: #d7d7d7; border-radius: 4px; color: #454545 !important; } /* set auto width and height for all svg rectangle icons container */ .masterIconsContainer { display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 10px; } .masterIconsContainer.alignCenter { justify-content: center; } .masterIconsContainer .next_prev_button { /* position: relative !important; */ padding: 20px; border-radius: var(--primary-radius); background-color: rgba(var(--theme-bg), 0.2); backdrop-filter: var(--primary-blur); transition: border-radius 0.3s ease; flex-shrink: 0; } .masterIconsContainer .next_prev_button.lableVisible:hover { border-radius: var(--primary-radius); } .masterIconsContainer .next_prev_button.button_next.lableVisible::before { content: "Next"; position: absolute; top: 10px; left: 0; opacity: 0; font-size: 1em; color: #fff; transition: left 0.3s ease, opacity 0.3s ease; } .masterIconsContainer .next_prev_button.button_next.lableVisible:hover::before { left: 16px; opacity: 1; } .masterIconsContainer .next_prev_button.button_previous.lableVisible::before { content: "Prev"; position: absolute; top: 10px; right: 0; opacity: 0; font-size: 1em; color: #fff; transition: right 0.3s ease, opacity 0.3s ease; } .masterIconsContainer .next_prev_button.button_previous.lableVisible:hover::before { right: 16px; opacity: 1; } @media (max-width: 990px) { .masterIconsContainer .next_prev_button .next_prev_button_title > div { font-size: 16px !important; } } .iconsContainer { width: max-content !important; height: max-content !important; display: flex; gap: 10px; align-items: center; justify-content: center; padding: 5px; } .iconsContainer.cntCustumIcon { padding: 10px 10px; gap: 20px; border-radius: var(--primary-radius); background-color: rgba(var(--theme-bg), 0.2); backdrop-filter: var(--primary-blur); } .iconsContainer.cntCustumIcon > .icon:not(.first-visible)::after { content: ""; position: absolute; top: 150%; left: 50%; width: 27px; transform: translateX(-50%); height: 1px; background-color: #b1b1b1; } .iconsContainer.cntInnerBox { padding: 10px 10px; gap: 20px; border-radius: var(--primary-radius); background-color: rgba(var(--theme-bg), 0.2); backdrop-filter: var(--primary-blur); } .iconsContainer.cntInnerBox .icon:not(.first-visible)::after { content: ""; position: absolute; top: 50%; left: 150%; width: 1px; height: 27px; transform: translateY(-50%); background-color: #b1b1b1; } .iconsContainer.row { flex-direction: row-reverse; left: 50% !important; transform: translateX(-50%); } .iconsContainer.column { flex-direction: column-reverse; top: 50% !important; transform: translateY(-50%); } .iconsContainer.leftTopAuto { position: relative !important; left: auto !important; top: auto !important; transform: none !important; } .g20 { gap: 30px; } .g5 { gap: 5px; } .w100 { width: 100% !important; } .l50 { left: 50% !important; transform: translateX(-50%); } .lt50, .lt50_child > div, .lt50_child > img { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; } .iconsContainer .icon { position: relative !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; } .icon[style*="visibility: hidden"] { display: none !important; } /* override thumbnail container scroll area */ .ggskin.ggskin_subelement.ggskin_scrollarea { width: 100% !important; } .ggskin.ggskin_scrollarea:has(> div:nth-child(2)[style*="visibility: inherit"]) { width: calc(100% + 5px) !important; } .ggskin.ggskin_scrollarea:has(> div:nth-child(2)[style*="visibility: inherit"]) .ggskin_subelement.ggskin_scrollarea { width: calc(100% - 5px) !important; } .ggskin.ggskin_scrollarea:has(> div:nth-child(2)[style*="visibility: inherit"]) > div:nth-child(2) { z-index: 1; } .scrol_area_container.hidden > div:nth-child(2) { opacity: 0; } /* no transition delay for Thumbnail Container */ .NoTransitionDelay { transition-delay: 0ms !important; } /* svg exit button on category vissible true */ [aria-label="svg_Category"].incative { z-index: 0 !important; } /* ht_flag */ .ht_flag { /* opacity: 0 !important; */ transition: all 0.5s ease-in-out !important; --flag_height: 100px; } .ht_flag.active { opacity: 1 !important; } .ht_flag, .ht_flag * { /* pointer-events: none !important; */ transition: all 0s linear !important; } .circle { /* width: 10px !important; */ /* height: 10px !important; */ position: relative !important; box-sizing: border-box; background-color: #FFFFFF !important; border-radius: 50%; /* pointer-events: none !important; */ } .circle::before { content: ""; position: absolute; /* width: 10px; */ /* height: 10px; */ top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50px; background-color: transparent; border: 2px solid #FFFFFF !important; animation: 1500ms linear 0s infinite anim_scalling_fade; } .circle::after { content: ""; position: absolute; width: 3px; height: var(--flag_height); bottom: 100%; left: 50%; transform: translateX(-50%); transform-origin: bottom; background-color: #FFFFFF; animation: growdown 0.8s linear forwards; } .ht_flag.inactive .circle::after { animation: growdown 0.4s linear forwards; animation-delay: 0.4s; } .ht_flag.active .circle::after { animation: growup 0.4s linear forwards; } @keyframes growdown { from { height: var(--flag_height); } to { height: 0px; } } @keyframes growup { 0% { height: 0px; } 100% { height: var(--flag_height); } } @keyframes anim_scalling_fade { 0% { opacity: 1; width: 100%; height: 100%; } 60% { opacity: 0; width: 150%; height: 150%; } 100% { opacity: 0; width: 150%; height: 150%; } } .ht_flag .cntFlagIcons { top: auto !important; left: auto !important; bottom: calc(var(--flag_height) - 43px) !important; overflow: hidden; } .ht_flag .icon img { border-radius: var(--primary-radius); border: 1px solid #FFFFFF; transform: translateX(100px); } .ht_flag.active .icon img { animation: growX 0.4s linear forwards; animation-delay: 0.4s; } .ht_flag.inactive .icon img { animation: shrinkX 0.4s linear forwards; } @keyframes growX { from { transform: translateX(100px); } to { transform: translateX(0px); } } @keyframes shrinkX { from { transform: translateX(0px); } to { transform: translateX(100px); } } .ht_flag .cntFlagInfo { width: max-content !important; height: max-content !important; min-width: 100px; top: auto !important; bottom: calc(var(--flag_height) - 43px) !important; } .ht_flag.ht_tag .cntFlagInfo { bottom: calc(var(--flag_height) - 34px) !important; } .ht_flag .cntFlagInfo .flagContent { position: relative !important; width: max-content !important; min-width: 100px; } .ht_flag .cntFlagInfo .flagContent > div { position: relative !important; width: auto; height: 100% !important; min-height: 40px; background-color: var(--brandColorHexa) !important; /* background-color: rgba(0, 0, 0, 0.4) !important; */ text-shadow: 0px 0px 0px #000; color: #FFFFFF !important; font-weight: 600; font-size: 0.8em; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; padding: 5px 10px !important; pointer-events: none !important; opacity: 0; overflow: hidden !important; text-align: start !important; border-radius: 4px; border: 1px solid #ffffff; backdrop-filter: var(--primary-blur); border-radius: var(--primary-radius); } .ht_tag .cntFlagInfo .flagContent > div { align-items: center; } .ht_flag.active .cntFlagInfo .flagContent > div { animation: growWidth 0.4s linear forwards; animation-delay: 0.5s; } .ht_tag.active .cntFlagInfo .flagContent > div { animation: growScale 0.4s linear forwards; animation-delay: 0.5s; } .ht_flag.inactive .cntFlagInfo .flagContent > div { animation: shrinkWidth 0.4s linear forwards; animation-delay: 0s; } .ht_tag.inactive .cntFlagInfo .flagContent > div { animation: shrinkScale 0.4s linear forwards; animation-delay: 0s; } @keyframes growWidth { 0% { width: 0%; opacity: 1; } 100% { width: 100%; opacity: 1; } } @keyframes growScale { 0% { transform: scale(0, 1); opacity: 1; } 100% { transform: scale(1, 1); opacity: 1; } } @keyframes shrinkWidth { from { width: 100%; opacity: 1; } to { width: 0%; opacity: 0; } } @keyframes shrinkScale { from { transform: scale(1, 1); opacity: 1; } to { transform: scale(0, 1); opacity: 0; } } .ht_flag .cntFlagInfo .flagContent > div:has(> :nth-child(2)):has(> :nth-last-child(1)) p { width: 100%; padding-bottom: 4px; border-bottom: 1px solid; } /* ht_towards */ .arrow_tooltip { /* width: max-content !important; */ max-width: 250px !important; display: flex; align-items: flex-end; justify-content: center; } .arrow_tooltip > * { position: relative !important; bottom: 0 !important; left: auto !important; font-size: 16px !important; font-weight: 600 !important; height: max-content !important; } .arrow_container > div { overflow: visible !important; transform: rotateX(70deg) rotateZ(0deg) rotateY(0deg); } .arrow_container > div:has(.left), .arrow_container > div:has(.right) { transform: none; } .arrow { width: max-content; height: max-content; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); cursor: pointer; } .arrow.left { transform: translate(calc(-50% + 25px), -50%) rotate(90deg); } .arrow.right { transform: translate(calc(-50% - 25px), -50%) rotate(-90deg); } .arrow span { --arrow-size: 60px; --arrow-width: 15px; --transform-ini: rotate(45deg) translate(-20px, -20px); --transform-end: rotate(45deg) translate(20px, 20px); display: block; width: var(--arrow-size); height: var(--arrow-size); border-bottom: var(--arrow-width) solid white; border-right: var(--arrow-width) solid white; transform: rotate(45deg); filter: drop-shadow(0px 0px 10px #808080); opacity: 0; animation: animate_arrow 1.2s infinite; } .arrow span:nth-child(2) { animation-delay: 0.3s; } .arrow span:nth-child(3) { animation-delay: 0.6s; } .arrow.left span, .arrow.right span { --arrow-size: 25px; --arrow-width: 6px; --transform-ini: rotate(45deg) translate(0px, 0px); --transform-end: rotate(45deg) translate(20px, 20px); } @keyframes animate_arrow { 0% { opacity: 0; transform: var(--transform-ini); } 50% { opacity: 1; } 100% { opacity: 0; transform: var(--transform-end); } } /* container guide */ .highlighter { box-shadow: var(--brandColorHexa) 0px 0px 50px 3px, var(--brandColorHexa) 1px 1px 0px, var(--brandColorHexa) -1px -1px 0px; transition: left 0.4s ease, right 0.4s ease, top 0.4s ease, bottom 0.4s ease; } /* Lobby container */ .Container_lobby { width: max-content !important; max-width: 390px; height: max-content !important; display: grid; grid-template-columns: 1fr 1fr; justify-items: center; gap: 12px; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); padding: 20px; border: 3px solid #fff; background-color: #ffffff01; pointer-events: all !important; } .Container_lobby > :nth-last-child(1):nth-child(odd) { transform: translateX(50%); } .Container_lobby > div { position: relative !important; width: 100% !important; height: 60px !important; left: auto !important; top: auto !important; } .lobbies { position: relative !important; width: 100% !important; height: 60px !important; background-color: #FFF; display: flex; justify-content: center; align-items: center; transition: color 0.2s ease-out, background-color 0.2s ease-out !important; } .lobbies.active, .lobbies:hover { background-color: var(--brandColorHexa) !important; } .lobbies div[data-filter] { color: var(--brandColorHexa) !important; } .lobbies.active div[data-filter], .lobbies:hover div[data-filter] { color: #FFF !important; } .lobbies * { position: relative !important; left: auto !important; top: auto !important; display: flex; align-items: center; justify-content: center; transform: none !important; padding: 0 10px; } @media (max-width:500px) { .Container_lobby { max-width: 299px; grid-template-columns: 1fr; } .Container_lobby > :nth-last-child(1):nth-child(odd) { transform: translateX(0%); } } @media (max-width:400px) { .Container_lobby { max-width: 100%; display: grid; } .Container_lobby > div { width: 100% !important; } .lobbies { width: 100% !important; display: flex; justify-content: center; } } /* Help Container */ .guide_Popup { width: max-content !important; height: max-content !important; transition: left 0.4s ease-in-out, right 0.4s ease-in-out, top 0.4s ease-in-out, bottom 0.4s ease-in-out; } .currentContainerInfo, .guidanceToggler, .KeyboardSortcuts, .KeyboardSortcuts *, .currentContainerInfo * { position: relative !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; max-width: 100%; } .guidanceToggler { width: 100% !important; height: 50px !important; } .KeyboardSortcuts { width: max-content !important; height: max-content !important; padding: 20px; box-shadow: 0px 0px 38px 10px #e4e4e433; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px; max-width: 98vw; overflow: hidden; } .KeyboardSortcuts::before { content: ""; position: absolute; inset: 0; backdrop-filter: blur(5px); } .KeyboardSortcuts .item { width: max-content; display: flex; align-items: center; justify-content: space-between; gap: 40px; } .KeyboardSortcuts .item .svgIcon { width: 100% !important; display: flex; align-items: center; justify-content: center; } .KeyboardSortcuts .item .svgIcon img { width: max-content !important; } .KeyboardSortcuts .item .item_text, .KeyboardSortcuts .item .item_text * { transform: none !important; width: 100% !important; } .currentContainerInfo { width: max-content !important; height: max-content !important; max-width: calc(100vw - 70px); min-width: 200px; } .currentContainer { width: max-content !important; height: max-content !important; max-width: 100%; min-width: 200px; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; gap: 10px; padding: 10px; box-shadow: 0px 0px 38px 10px #e4e4e433; border-radius: 6px; backdrop-filter: blur(5px); } .widthMax .currentContainer { max-width: 100%; } .currentContainer .item { width: 100% !important; height: max-content !important; display: flex; align-items: center; justify-content: center; gap: 30px; } .item[style*="visibility: hidden"], .currentContainerInfo[style*="visibility: hidden"], .KeyboardSortcuts[style*="visibility: hidden"], .currentContainer[style*="visibility: hidden"] { display: none !important; } .currentContainer .item_text, .currentContainer .item_text * { width: 100% !important; display: flex; align-items: center; justify-content: flex-start; max-width: 200px; text-wrap: auto; flex-wrap: wrap; } .patch { pointer-events: none !important; } /* virtual Tour Title */ .virtualTourTitle { max-width: 100%; } .virtualTourTitle > div { font-size: 24px !important; padding: 0 15px !important; } /* marquee text animation */ .txturl { overflow: hidden !important; } .txturl > div { width: max-content !important; } .txturl > div.overflow { animation: marqueeAnimation 15s linear infinite; } /* Keyframes for the animation */ @keyframes marqueeAnimation { 0% { left: 0%; } 50% { left: var(--leftValue); } 100% { left: 0%; } } /* primary blur */ .primary-blur, .primary-blur-child > div { backdrop-filter: var(--primary-blur); } /* primary radius */ .primary-radius, .primary-radius-child > div, .primary-radius-child > img { border-radius: var(--primary-radius); } /* primary label */ .hotspot_label { width: max-content !important; height: max-content !important; border-radius: 4px !important; left: 50% !important; transform: translateX(-50%) !important; transition: bottom 0.6s ease, transform 0.6s ease !important; transform-origin: bottom !important; } .ggskin_hotspot:hover .hotspot_label { transform: translateX(-50%) scale(2) !important; } .hotspot_label > div { position: relative !important; width: max-content !important; height: max-content !important; display: flex; align-items: center; justify-content: center; transform: none !important; padding: 0 10px; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* thumbnail category/menu */ .menu_background { overflow-y: auto !important; z-index: 1; padding-right: 5px; scrollbar-gutter: stable; transition: left 700ms, top 700ms, width 400ms !important; } .menu_background.defaultIndex { z-index: auto; } .menu_background::before { content: ""; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.9); width: calc(100% - 5px); height: 100%; } .menu_background::-webkit-scrollbar { width: 5px; position: absolute; background-color: #FFFFFF80; } .menu_background::-webkit-scrollbar-thumb { background-color: var(--brandColorHexa); } .categoryCloner { width: calc(100% - 0px); height: max-content; overflow: hidden; position: relative; transition: height 400ms ease-in-out; } .categoryCloner .categoryTitle { width: 100%; height: max-content; padding: 5px; background-color: #FFFFFF; color: #000000; margin-bottom: 1px; text-align: center; font-weight: 600; transition: background-color 200ms ease, color 200ms ease; cursor: pointer; position: relative; overflow: hidden !important; } .categoryCloner .categoryTitle:hover, .categoryCloner.active .categoryTitle { color: #FFFFFF; } .categoryCloner .categoryTitle .title { position: relative; z-index: 1; pointer-events: none; } .menu_background.defaultIndex .categoryCloner .categoryTitle .title { z-index: auto; } /* buttons animation */ .categoryCloner .categoryTitle .ripple { position: absolute; background: rgba(var(--brandColorRGB), 1); transform: translate(-50%, -50%); pointer-events: none; border-radius: 50%; animation: ripple_categoryTitle 0.7s ease-out forwards; } .categoryCloner .categoryTitle .ripple.fallback { animation: ripple_fallback_categoryTitle 0.7s ease-out forwards; } @keyframes ripple_categoryTitle { 0% { width: 0px; height: 0px; background: rgba(var(--brandColorRGB), 0); } 100% { width: 210%; height: 600px; background: rgba(var(--brandColorRGB), 1); } } @keyframes ripple_fallback_categoryTitle { 0% { width: 210%; height: 500px; background: rgba(var(--brandColorRGB), 1); } 100% { width: 0px; height: 0px; background: rgba(var(--brandColorRGB), 0); } } .categoryCloner .nodeCloner { position: absolute; opacity: 0; pointer-events: none; } .categoryCloner.active .nodeCloner { position: static; opacity: 1; pointer-events: all; } .categoryCloner .nodeCloner .nodeContainer { position: relative; width: 100%; height: max-content; display: flex; overflow: hidden; cursor: pointer; } .menu_background[mode="night"] .categoryCloner .nodeCloner .nodeContainer[node-mode="day"], .menu_background[mode="day"] .categoryCloner .nodeCloner .nodeContainer[node-mode="night"] { display: none; } .categoryCloner .nodeCloner .nodeContainer.active::after { content: ''; width: 8px; height: 100%; position: absolute; top: 0; right: 0; background-color: var(--brandColorHexa); transition: all 400ms ease-in-out; } .categoryCloner .nodeCloner .nodeContainer .nodeImage { width: 100%; position: relative; transition: transform 400ms ease; } .categoryCloner .nodeCloner .nodeContainer .backgroundOverlay { position: absolute; inset: 0; background-color: rgba(8, 9, 30, 0.6); transition: background-color 400ms ease; pointer-events: none; } .categoryCloner .nodeCloner .nodeContainer:hover .nodeImage { transform: scale(1.2); } .categoryCloner .nodeCloner .nodeContainer:hover .backgroundOverlay, .categoryCloner .nodeCloner .nodeContainer.active .backgroundOverlay { background-color: rgba(8, 9, 30, 0); } .categoryCloner .nodeCloner .nodeContainer .nodeTitle { width: 100%; color: #FFFFFF; padding: 0 10px; text-align: center; text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px; font-size: 16px; font-weight: 600; position: absolute; bottom: 10px; left: 0; } .categoryCloner .nodeCloner .nodeContainer .nodeCheckbox { position: absolute; top: 10px; left: 10px; width: 20px; height: 20px; } .categoryCloner .nodeCloner .nodeContainer .nodeCheckbox svg { width: 100%; height: 100%; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-Regular.eot"); src: local("Noto Sans Regular"), local("NotoSans-Regular"), url("../Fonts/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-Regular.woff2") format("woff2"), url("../Fonts/NotoSans-Regular.woff") format("woff"), url("../Fonts/NotoSans-Regular.ttf") format("truetype"), url("../Fonts/NotoSans-Regular.svg#NotoSans-Regular") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-Italic.eot"); src: local("Noto Sans Italic"), local("NotoSans-Italic"), url("../Fonts/NotoSans-Italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-Italic.woff2") format("woff2"), url("../Fonts/NotoSans-Italic.woff") format("woff"), url("../Fonts/NotoSans-Italic.ttf") format("truetype"), url("../Fonts/NotoSans-Italic.svg#NotoSans-Italic") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-Bold.eot"); src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../Fonts/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-Bold.woff2") format("woff2"), url("../Fonts/NotoSans-Bold.woff") format("woff"), url("../Fonts/NotoSans-Bold.ttf") format("truetype"), url("../Fonts/NotoSans-Bold.svg#NotoSans-Bold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-BoldItalic.eot"); src: local("Noto Sans BoldItalic"), local("NotoSans-BoldItalic"), url("../Fonts/NotoSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-BoldItalic.woff2") format("woff2"), url("../Fonts/NotoSans-BoldItalic.woff") format("woff"), url("../Fonts/NotoSans-BoldItalic.ttf") format("truetype"), url("../Fonts/NotoSans-BoldItalic.svg#NotoSans-BoldItalic") format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-Thin.eot"); src: local("Noto Sans Thin"), local("NotoSans-Thin"), url("../Fonts/NotoSans-Thin.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-Thin.woff2") format("woff2"), url("../Fonts/NotoSans-Thin.woff") format("woff"), url("../Fonts/NotoSans-Thin.ttf") format("truetype"), url("../Fonts/NotoSans-Thin.svg#NotoSans-Thin") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-ThinItalic.eot"); src: local("Noto Sans ThinItalic"), local("NotoSans-ThinItalic"), url("../Fonts/NotoSans-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-ThinItalic.woff2") format("woff2"), url("../Fonts/NotoSans-ThinItalic.woff") format("woff"), url("../Fonts/NotoSans-ThinItalic.ttf") format("truetype"), url("../Fonts/NotoSans-ThinItalic.svg#NotoSans-ThinItalic") format("svg"); font-weight: 100; font-style: italic; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-ExtraLight.eot"); src: local("Noto Sans ExtraLight"), local("NotoSans-ExtraLight"), url("../Fonts/NotoSans-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-ExtraLight.woff2") format("woff2"), url("../Fonts/NotoSans-ExtraLight.woff") format("woff"), url("../Fonts/NotoSans-ExtraLight.ttf") format("truetype"), url("../Fonts/NotoSans-ExtraLight.svg#NotoSans-ExtraLight") format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-ExtraLightItalic.eot"); src: local("Noto Sans ExtraLightItalic"), local("NotoSans-ExtraLightItalic"), url("../Fonts/NotoSans-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-ExtraLightItalic.woff2") format("woff2"), url("../Fonts/NotoSans-ExtraLightItalic.woff") format("woff"), url("../Fonts/NotoSans-ExtraLightItalic.ttf") format("truetype"), url("../Fonts/NotoSans-ExtraLightItalic.svg#NotoSans-ExtraLightItalic") format("svg"); font-weight: 200; font-style: italic; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-Light.eot"); src: local("Noto Sans Light"), local("NotoSans-Light"), url("../Fonts/NotoSans-Light.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-Light.woff2") format("woff2"), url("../Fonts/NotoSans-Light.woff") format("woff"), url("../Fonts/NotoSans-Light.ttf") format("truetype"), url("../Fonts/NotoSans-Light.svg#NotoSans-Light") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-LightItalic.eot"); src: local("Noto Sans LightItalic"), local("NotoSans-LightItalic"), url("../Fonts/NotoSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-LightItalic.woff2") format("woff2"), url("../Fonts/NotoSans-LightItalic.woff") format("woff"), url("../Fonts/NotoSans-LightItalic.ttf") format("truetype"), url("../Fonts/NotoSans-LightItalic.svg#NotoSans-LightItalic") format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-Regular.eot"); src: local("Noto Sans Regular"), local("NotoSans-Regular"), url("../Fonts/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-Regular.woff2") format("woff2"), url("../Fonts/NotoSans-Regular.woff") format("woff"), url("../Fonts/NotoSans-Regular.ttf") format("truetype"), url("../Fonts/NotoSans-Regular.svg#NotoSans-Regular") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-Italic.eot"); src: local("Noto Sans Italic"), local("NotoSans-Italic"), url("../Fonts/NotoSans-Italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-Italic.woff2") format("woff2"), url("../Fonts/NotoSans-Italic.woff") format("woff"), url("../Fonts/NotoSans-Italic.ttf") format("truetype"), url("../Fonts/NotoSans-Italic.svg#NotoSans-Italic") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-Medium.eot"); src: local("Noto Sans Medium"), local("NotoSans-Medium"), url("../Fonts/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-Medium.woff2") format("woff2"), url("../Fonts/NotoSans-Medium.woff") format("woff"), url("../Fonts/NotoSans-Medium.ttf") format("truetype"), url("../Fonts/NotoSans-Medium.svg#NotoSans-Medium") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-MediumItalic.eot"); src: local("Noto Sans MediumItalic"), local("NotoSans-MediumItalic"), url("../Fonts/NotoSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-MediumItalic.woff2") format("woff2"), url("../Fonts/NotoSans-MediumItalic.woff") format("woff"), url("../Fonts/NotoSans-MediumItalic.ttf") format("truetype"), url("../Fonts/NotoSans-MediumItalic.svg#NotoSans-MediumItalic") format("svg"); font-weight: 500; font-style: italic; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-SemiBold.eot"); src: local("Noto Sans SemiBold"), local("NotoSans-SemiBold"), url("../Fonts/NotoSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-SemiBold.woff2") format("woff2"), url("../Fonts/NotoSans-SemiBold.woff") format("woff"), url("../Fonts/NotoSans-SemiBold.ttf") format("truetype"), url("../Fonts/NotoSans-SemiBold.svg#NotoSans-SemiBold") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-SemiBoldItalic.eot"); src: local("Noto Sans SemiBoldItalic"), local("NotoSans-SemiBoldItalic"), url("../Fonts/NotoSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-SemiBoldItalic.woff2") format("woff2"), url("../Fonts/NotoSans-SemiBoldItalic.woff") format("woff"), url("../Fonts/NotoSans-SemiBoldItalic.ttf") format("truetype"), url("../Fonts/NotoSans-SemiBoldItalic.svg#NotoSans-SemiBoldItalic") format("svg"); font-weight: 600; font-style: italic; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-Bold.eot"); src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../Fonts/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-Bold.woff2") format("woff2"), url("../Fonts/NotoSans-Bold.woff") format("woff"), url("../Fonts/NotoSans-Bold.ttf") format("truetype"), url("../Fonts/NotoSans-Bold.svg#NotoSans-Bold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-BoldItalic.eot"); src: local("Noto Sans BoldItalic"), local("NotoSans-BoldItalic"), url("../Fonts/NotoSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-BoldItalic.woff2") format("woff2"), url("../Fonts/NotoSans-BoldItalic.woff") format("woff"), url("../Fonts/NotoSans-BoldItalic.ttf") format("truetype"), url("../Fonts/NotoSans-BoldItalic.svg#NotoSans-BoldItalic") format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-ExtraBold.eot"); src: local("Noto Sans ExtraBold"), local("NotoSans-ExtraBold"), url("../Fonts/NotoSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-ExtraBold.woff2") format("woff2"), url("../Fonts/NotoSans-ExtraBold.woff") format("woff"), url("../Fonts/NotoSans-ExtraBold.ttf") format("truetype"), url("../Fonts/NotoSans-ExtraBold.svg#NotoSans-ExtraBold") format("svg"); font-weight: 800; font-style: normal; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-ExtraBoldItalic.eot"); src: local("Noto Sans ExtraBoldItalic"), local("NotoSans-ExtraBoldItalic"), url("../Fonts/NotoSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-ExtraBoldItalic.woff2") format("woff2"), url("../Fonts/NotoSans-ExtraBoldItalic.woff") format("woff"), url("../Fonts/NotoSans-ExtraBoldItalic.ttf") format("truetype"), url("../Fonts/NotoSans-ExtraBoldItalic.svg#NotoSans-ExtraBoldItalic") format("svg"); font-weight: 800; font-style: italic; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-Black.eot"); src: local("Noto Sans Black"), local("NotoSans-Black"), url("../Fonts/NotoSans-Black.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-Black.woff2") format("woff2"), url("../Fonts/NotoSans-Black.woff") format("woff"), url("../Fonts/NotoSans-Black.ttf") format("truetype"), url("../Fonts/NotoSans-Black.svg#NotoSans-Black") format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: "Noto Sans"; src: url("../Fonts/NotoSans-BlackItalic.eot"); src: local("Noto Sans BlackItalic"), local("NotoSans-BlackItalic"), url("../Fonts/NotoSans-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../Fonts/NotoSans-BlackItalic.woff2") format("woff2"), url("../Fonts/NotoSans-BlackItalic.woff") format("woff"), url("../Fonts/NotoSans-BlackItalic.ttf") format("truetype"), url("../Fonts/NotoSans-BlackItalic.svg#NotoSans-BlackItalic") format("svg"); font-weight: 900; font-style: italic; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans Regular"), local("NotoSans-Regular"), url("../Fonts/NotoSans-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans Italic"), local("NotoSans-Italic"), url("../Fonts/NotoSans-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../Fonts/NotoSans-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans BoldItalic"), local("NotoSans-BoldItalic"), url("../Fonts/NotoSans-BoldItalic.woff2") format("woff2"); font-weight: 700; font-style: italic; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans Thin"), local("NotoSans-Thin"), url("../Fonts/NotoSans-Thin.woff2") format("woff2"); font-weight: 100; font-style: normal; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans ThinItalic"), local("NotoSans-ThinItalic"), url("../Fonts/NotoSans-ThinItalic.woff2") format("woff2"); font-weight: 100; font-style: italic; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans ExtraLight"), local("NotoSans-ExtraLight"), url("../Fonts/NotoSans-ExtraLight.woff2") format("woff2"); font-weight: 200; font-style: normal; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans ExtraLightItalic"), local("NotoSans-ExtraLightItalic"), url("../Fonts/NotoSans-ExtraLightItalic.woff2") format("woff2"); font-weight: 200; font-style: italic; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans Light"), local("NotoSans-Light"), url("../Fonts/NotoSans-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans LightItalic"), local("NotoSans-LightItalic"), url("../Fonts/NotoSans-LightItalic.woff2") format("woff2"); font-weight: 300; font-style: italic; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans Regular"), local("NotoSans-Regular"), url("../Fonts/NotoSans-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans Italic"), local("NotoSans-Italic"), url("../Fonts/NotoSans-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans Medium"), local("NotoSans-Medium"), url("../Fonts/NotoSans-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans MediumItalic"), local("NotoSans-MediumItalic"), url("../Fonts/NotoSans-MediumItalic.woff2") format("woff2"); font-weight: 500; font-style: italic; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans SemiBold"), local("NotoSans-SemiBold"), url("../Fonts/NotoSans-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans SemiBoldItalic"), local("NotoSans-SemiBoldItalic"), url("../Fonts/NotoSans-SemiBoldItalic.woff2") format("woff2"); font-weight: 600; font-style: italic; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../Fonts/NotoSans-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans BoldItalic"), local("NotoSans-BoldItalic"), url("../Fonts/NotoSans-BoldItalic.woff2") format("woff2"); font-weight: 700; font-style: italic; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans ExtraBold"), local("NotoSans-ExtraBold"), url("../Fonts/NotoSans-ExtraBold.woff2") format("woff2"); font-weight: 800; font-style: normal; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans ExtraBoldItalic"), local("NotoSans-ExtraBoldItalic"), url("../Fonts/NotoSans-ExtraBoldItalic.woff2") format("woff2"); font-weight: 800; font-style: italic; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans Black"), local("NotoSans-Black"), url("../Fonts/NotoSans-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; } @font-face { font-family: "Noto Sans"; src: local("Noto Sans BlackItalic"), local("NotoSans-BlackItalic"), url("../Fonts/NotoSans-BlackItalic.woff2") format("woff2"); font-weight: 900; font-style: italic; }