/* @layer core { */ #headerZone { /* position:absolute; */ position:fixed; } #headerZone.fixed { position:fixed; } #headerZone { background-color:transparent; box-shadow:none; } #headerZone.fixed { background-color:var(--white); /* background-color:rgba(255,255,255,.9); backdrop-filter:blur(10px); */ } .showMMenu #headerZone { background-color:var(--white); } #mainNav > ul > li > a { color: var(--light-green); } #mainNav > ul > li.selected > a, #mainNav > ul > li.active > a, #mainNav > ul > li > a:hover, #mainNav > ul > li > a.focus { color: var(--light-orange); } #mainNav > ul > li > a > span:after { border-color: var(--yellow); } #headerZone.fixed #mainNav > ul > li > a { color: var(--dark-green); } #headerZone.fixed #mainNav > ul > li.selected > a, #headerZone.fixed #mainNav > ul > li.active > a, #headerZone.fixed #mainNav > ul > li > a:hover, #headerZone.fixed #mainNav > ul > li > a.focus { color: var(--hover-menu-color); } #headerZone.fixed #mainNav > ul > li > a > span:after { border-color: var(--hover-menu-color); } #siteTools > ul > li > a { border:1px solid rgba(255,255,255,0.3); background-color: transparent; width: 38px; height: 38px; } #headerZone.fixed #siteTools > ul > li > a, .showMMenu #headerZone #siteTools > ul > li > a { border-color: var(--light-grey); background-color: var(--light-grey); } #siteTools > ul > li > a:hover, #siteTools > ul > li > a.focus, #siteTools > ul > li.active > a, #headerZone.fixed #siteTools > ul > li > a:hover, #headerZone.fixed #siteTools > ul > li > a.focus, #headerZone.fixed #siteTools > ul > li.active > a { border-color: var(--btn-color); background-color: var(--yellow); } #toolLangs > a { background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22rgba%28255%2C255%2C255%2C0.8%29%22%20d%3D%22M19.4%2C6.7l0-0.1C18%2C2.7%2C14.2%2C0%2C10%2C0S2%2C2.7%2C0.6%2C6.6l0%2C0.1C0.2%2C7.8%2C0%2C8.9%2C0%2C10s0.2%2C2.2%2C0.6%2C3.3l0%2C0.1%09%09C2%2C17.3%2C5.8%2C20%2C10%2C20s8-2.7%2C9.4-6.6l0-0.1c0.4-1.1%2C0.6-2.2%2C0.6-3.3C20%2C8.9%2C19.8%2C7.8%2C19.4%2C6.7z%20M8.3%2C14h3.4%09%09c-0.1%2C0.8-0.3%2C1.5-0.5%2C2.1c-0.5%2C1.5-1%2C2-1.2%2C2s-0.7-0.5-1.2-2C8.6%2C15.4%2C8.4%2C14.7%2C8.3%2C14z%20M11.7%2C6H8.3c0.1-0.8%2C0.3-1.5%2C0.5-2.1%09%09c0.5-1.5%2C1-2%2C1.2-2c0.1%2C0%2C0.6%2C0.3%2C1.2%2C2C11.4%2C4.6%2C11.6%2C5.3%2C11.7%2C6z%20M13.7%2C6c-0.2-1.4-0.5-2.6-1-3.6C14.5%2C3.1%2C16%2C4.4%2C17%2C6H13.7z%09%09%20M12%2C10c0%2C0.7%2C0%2C1.4-0.1%2C2H8.1C8%2C11.4%2C8%2C10.7%2C8%2C10s0-1.4%2C0.1-2h3.9C12%2C8.6%2C12%2C9.3%2C12%2C10z%20M7.3%2C2.5c-0.4%2C1-0.7%2C2.2-1%2C3.6H3%09%09C4%2C4.4%2C5.5%2C3.1%2C7.3%2C2.5z%20M2.2%2C8h3.8C6%2C8.6%2C6%2C9.3%2C6%2C10c0%2C0.7%2C0%2C1.4%2C0.1%2C2H2.2C2.1%2C11.4%2C2%2C10.7%2C2%2C10C2%2C9.3%2C2.1%2C8.6%2C2.2%2C8z%20M6.3%2C14%09%09c0.2%2C1.4%2C0.5%2C2.6%2C1%2C3.6C5.5%2C16.9%2C4%2C15.6%2C3%2C14H6.3z%20M12.7%2C17.5c0.4-1%2C0.7-2.2%2C1-3.6H17C16%2C15.6%2C14.5%2C16.9%2C12.7%2C17.5z%20M17.8%2C12h-3.8%09%09c0-0.7%2C0.1-1.3%2C0.1-2s0-1.4-0.1-2h3.8c0.2%2C0.7%2C0.3%2C1.3%2C0.3%2C2C18%2C10.7%2C17.9%2C11.4%2C17.8%2C12z%22%2F%3E%3C%2Fsvg%3E'); } #toolFontsize > a { background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22rgba%28255%2C255%2C255%2C0.8%29%22%20d%3D%22M4.5%2C7L0%2C18.6h1.6l1.1-3h4.9l1.1%2C3h1.6L5.8%2C7H4.5z%20M3.2%2C14.3l2-5.4l2%2C5.4H3.2z%20M13.4%2C1.4h-2l-3%2C7.9l1.1%2C2.9l2.9-8l2.9%2C8.1H9.5l0.7%2C1.9H16l1.6%2C4.5H20L13.4%2C1.4z%22%2F%3E%3C%2Fsvg%3E'); } #toolEmail > a { background-image:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2020%2020%22%20version%3D%221.1%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.45%2C12.26c-.42.31-.77.56-1%2C.73a5.94%2C5.94%2C0%2C0%2C1-1.05.54%2C3.29%2C3.29%2C0%2C0%2C1-1.23.28h0a3.29%2C3.29%2C0%2C0%2C1-1.23-.28A6.07%2C6.07%2C0%2C0%2C1%2C7.83%2C13c-.26-.17-.61-.42-1-.73L6.41%2C12%2C.74%2C17.68a1.72%2C1.72%2C0%2C0%2C0%2C1.17.44H18.34a1.72%2C1.72%2C0%2C0%2C0%2C1.17-.44L13.84%2C12ZM1.25%2C8.38a5.88%2C5.88%2C0%2C0%2C1-1.12-1v8.68l5-5Q3.62%2C10%2C1.25%2C8.38Zm13.88%2C2.67%2C5%2C5V7.4a6.25%2C6.25%2C0%2C0%2C1-1.12%2C1C17.49%2C9.41%2C16.2%2C10.31%2C15.13%2C11.05ZM2.05%2C7.18l2.28%2C1.6c.69.48%2C1.29.89%2C1.8%2C1.26l1.13.79.16.12.31.22c.24.18.45.32.61.43s.35.23.58.36a3.11%2C3.11%2C0%2C0%2C0%2C.64.31%2C2%2C2%2C0%2C0%2C0%2C.56.1h0a2.07%2C2.07%2C0%2C0%2C0%2C.56-.1%2C3.37%2C3.37%2C0%2C0%2C0%2C.64-.31c.22-.13.42-.25.58-.36l.6-.43.31-.22a.91.91%2C0%2C0%2C1%2C.17-.12L14.12%2C10l4.1-2.86a5.44%2C5.44%2C0%2C0%2C0%2C1.36-1.39%2C3%2C3%2C0%2C0%2C0%2C.55-1.69%2C1.73%2C1.73%2C0%2C0%2C0-.53-1.27%2C1.76%2C1.76%2C0%2C0%2C0-1.26-.53H1.91a1.59%2C1.59%2C0%2C0%2C0-1.32.58A2.28%2C2.28%2C0%2C0%2C0%2C.13%2C4.34%2C2.62%2C2.62%2C0%2C0%2C0%2C.74%2C5.88%2C5.55%2C5.55%2C0%2C0%2C0%2C2.05%2C7.18Z%22%20fill%3D%22rgba%28255%2C255%2C255%2C0.8%29%22%2F%3E%3C%2Fsvg%3E'); } #toolShare > a { background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22rgba%28255%2C255%2C255%2C0.8%29%22%20d%3D%22M15.4%2C12c-1.3%2C0-2.5%2C0.6-3.3%2C1.7l-3.7-2.1c0.2-0.5%2C0.4-1.1%2C0.4-1.6c0-0.3%2C0-0.6-0.1-1l3.9-2.2C13.3%2C7.6%2C14.3%2C8%2C15.4%2C8c2.3%2C0%2C4.1-1.8%2C4.1-4c0-2.2-1.8-4-4.1-4s-4.1%2C1.8-4.1%2C4c0%2C0.3%2C0%2C0.6%2C0.1%2C1L7.5%2C7.2C6.7%2C6.4%2C5.7%2C6%2C4.6%2C6c-2.3%2C0-4.1%2C1.8-4.1%2C4c0%2C2.2%2C1.8%2C4%2C4.1%2C4c0.8%2C0%2C1.6-0.2%2C2.3-0.7l4.4%2C2.4c0%2C0.1%2C0%2C0.2%2C0%2C0.3c0%2C2.2%2C1.8%2C4%2C4.1%2C4s4.1-1.8%2C4.1-4S17.7%2C12%2C15.4%2C12z%20M17.4%2C16c0%2C1.1-0.9%2C2-2.1%2C2s-2.1-0.9-2.1-2c0-1.1%2C0.9-2%2C2.1-2S17.4%2C14.9%2C17.4%2C16z%20M6.7%2C10c0%2C1.1-0.9%2C2-2.1%2C2c-1.1%2C0-2.1-0.9-2.1-2c0-1.1%2C0.9-2%2C2.1-2C5.7%2C8%2C6.7%2C8.9%2C6.7%2C10z%20M13.3%2C4c0-1.1%2C0.9-2%2C2.1-2s2.1%2C0.9%2C2.1%2C2c0%2C1.1-0.9%2C2-2.1%2C2S13.3%2C5.1%2C13.3%2C4z%22%2F%3E%3C%2Fsvg%3E'); } #toolSearch > a { background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22rgba%28255%2C255%2C255%2C0.8%29%22%20d%3D%22M8.4%2C16.8c-4.6%2C0-8.3-3.7-8.3-8.3c0-4.6%2C3.7-8.3%2C8.3-8.3s8.3%2C3.7%2C8.3%2C8.3C16.8%2C13.1%2C13%2C16.8%2C8.4%2C16.8z%20M8.4%2C2.2C5%2C2.2%2C2.1%2C5%2C2.1%2C8.5s2.8%2C6.3%2C6.3%2C6.3c3.5%2C0%2C6.3-2.8%2C6.3-6.3S11.9%2C2.2%2C8.4%2C2.2z%22%2F%3E%3Cpath%20fill%3D%22rgba%28255%2C255%2C255%2C0.8%29%22%20d%3D%22M17.4%2C19.8c-0.6%2C0-1.3-0.3-1.7-0.7l-3.9-3.9c-0.4-0.4-0.4-1%2C0-1.4c0.4-0.4%2C1-0.4%2C1.4%2C0l3.9%2C3.9c0.2%2C0.2%2C0.4%2C0.2%2C0.6%2C0c0.1-0.1%2C0.1-0.2%2C0.1-0.3c0-0.1%2C0-0.2-0.1-0.3l-3.9-3.9c-0.4-0.4-0.4-1%2C0-1.4s1-0.4%2C1.4%2C0l3.9%2C3.9c0.5%2C0.5%2C0.7%2C1.1%2C0.7%2C1.7c0%2C0.6-0.3%2C1.3-0.7%2C1.7C18.7%2C19.5%2C18.1%2C19.8%2C17.4%2C19.8z%22%2F%3E%3C%2Fsvg%3E'); } #headerZone.fixed #toolLangs > a, .showMMenu #headerZone #toolLangs > a { background-image:url(../images/icon-lang.svg); } #headerZone.fixed #toolFontsize > a, .showMMenu #headerZone #toolFontsize > a { background-image:url(../images/icon-fontsize.svg); } #headerZone.fixed #toolEmail > a, .showMMenu #headerZone #toolEmail > a { background-image:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2020%2020%22%20version%3D%221.1%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.45%2C12.26c-.42.31-.77.56-1%2C.73a5.94%2C5.94%2C0%2C0%2C1-1.05.54%2C3.29%2C3.29%2C0%2C0%2C1-1.23.28h0a3.29%2C3.29%2C0%2C0%2C1-1.23-.28A6.07%2C6.07%2C0%2C0%2C1%2C7.83%2C13c-.26-.17-.61-.42-1-.73L6.41%2C12%2C.74%2C17.68a1.72%2C1.72%2C0%2C0%2C0%2C1.17.44H18.34a1.72%2C1.72%2C0%2C0%2C0%2C1.17-.44L13.84%2C12ZM1.25%2C8.38a5.88%2C5.88%2C0%2C0%2C1-1.12-1v8.68l5-5Q3.62%2C10%2C1.25%2C8.38Zm13.88%2C2.67%2C5%2C5V7.4a6.25%2C6.25%2C0%2C0%2C1-1.12%2C1C17.49%2C9.41%2C16.2%2C10.31%2C15.13%2C11.05ZM2.05%2C7.18l2.28%2C1.6c.69.48%2C1.29.89%2C1.8%2C1.26l1.13.79.16.12.31.22c.24.18.45.32.61.43s.35.23.58.36a3.11%2C3.11%2C0%2C0%2C0%2C.64.31%2C2%2C2%2C0%2C0%2C0%2C.56.1h0a2.07%2C2.07%2C0%2C0%2C0%2C.56-.1%2C3.37%2C3.37%2C0%2C0%2C0%2C.64-.31c.22-.13.42-.25.58-.36l.6-.43.31-.22a.91.91%2C0%2C0%2C1%2C.17-.12L14.12%2C10l4.1-2.86a5.44%2C5.44%2C0%2C0%2C0%2C1.36-1.39%2C3%2C3%2C0%2C0%2C0%2C.55-1.69%2C1.73%2C1.73%2C0%2C0%2C0-.53-1.27%2C1.76%2C1.76%2C0%2C0%2C0-1.26-.53H1.91a1.59%2C1.59%2C0%2C0%2C0-1.32.58A2.28%2C2.28%2C0%2C0%2C0%2C.13%2C4.34%2C2.62%2C2.62%2C0%2C0%2C0%2C.74%2C5.88%2C5.55%2C5.55%2C0%2C0%2C0%2C2.05%2C7.18Z%22%20fill%3D%22%239F6A26%22%2F%3E%3C%2Fsvg%3E'); } #headerZone.fixed #toolShare > a, .showMMenu #headerZone #toolShare > a { background-image:url(../images/icon-share.svg); } #headerZone.fixed #toolSearch > a, .showMMenu #headerZone #toolSearch > a { background-image:url(../images/icon-search.svg); } #toolLangs > a:hover, #toolLangs > a.focus, #toolLangs.active > a, #headerZone.fixed #toolLangs > a:hover, #headerZone.fixed #toolLangs > a.focus, #headerZone.fixed #toolLangs.active > a { background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22rgb%280%2C55%2C36%29%22%20d%3D%22M19.4%2C6.7l0-0.1C18%2C2.7%2C14.2%2C0%2C10%2C0S2%2C2.7%2C0.6%2C6.6l0%2C0.1C0.2%2C7.8%2C0%2C8.9%2C0%2C10s0.2%2C2.2%2C0.6%2C3.3l0%2C0.1%09%09C2%2C17.3%2C5.8%2C20%2C10%2C20s8-2.7%2C9.4-6.6l0-0.1c0.4-1.1%2C0.6-2.2%2C0.6-3.3C20%2C8.9%2C19.8%2C7.8%2C19.4%2C6.7z%20M8.3%2C14h3.4%09%09c-0.1%2C0.8-0.3%2C1.5-0.5%2C2.1c-0.5%2C1.5-1%2C2-1.2%2C2s-0.7-0.5-1.2-2C8.6%2C15.4%2C8.4%2C14.7%2C8.3%2C14z%20M11.7%2C6H8.3c0.1-0.8%2C0.3-1.5%2C0.5-2.1%09%09c0.5-1.5%2C1-2%2C1.2-2c0.1%2C0%2C0.6%2C0.3%2C1.2%2C2C11.4%2C4.6%2C11.6%2C5.3%2C11.7%2C6z%20M13.7%2C6c-0.2-1.4-0.5-2.6-1-3.6C14.5%2C3.1%2C16%2C4.4%2C17%2C6H13.7z%09%09%20M12%2C10c0%2C0.7%2C0%2C1.4-0.1%2C2H8.1C8%2C11.4%2C8%2C10.7%2C8%2C10s0-1.4%2C0.1-2h3.9C12%2C8.6%2C12%2C9.3%2C12%2C10z%20M7.3%2C2.5c-0.4%2C1-0.7%2C2.2-1%2C3.6H3%09%09C4%2C4.4%2C5.5%2C3.1%2C7.3%2C2.5z%20M2.2%2C8h3.8C6%2C8.6%2C6%2C9.3%2C6%2C10c0%2C0.7%2C0%2C1.4%2C0.1%2C2H2.2C2.1%2C11.4%2C2%2C10.7%2C2%2C10C2%2C9.3%2C2.1%2C8.6%2C2.2%2C8z%20M6.3%2C14%09%09c0.2%2C1.4%2C0.5%2C2.6%2C1%2C3.6C5.5%2C16.9%2C4%2C15.6%2C3%2C14H6.3z%20M12.7%2C17.5c0.4-1%2C0.7-2.2%2C1-3.6H17C16%2C15.6%2C14.5%2C16.9%2C12.7%2C17.5z%20M17.8%2C12h-3.8%09%09c0-0.7%2C0.1-1.3%2C0.1-2s0-1.4-0.1-2h3.8c0.2%2C0.7%2C0.3%2C1.3%2C0.3%2C2C18%2C10.7%2C17.9%2C11.4%2C17.8%2C12z%22%2F%3E%3C%2Fsvg%3E'); } #toolFontsize > a:hover, #toolFontsize > a.focus, #toolFontsize.active > a, #headerZone.fixed #toolFontsize > a:hover, #headerZone.fixed #toolFontsize > a.focus, #headerZone.fixed #toolFontsize.active > a { background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22rgb%280%2C55%2C36%29%22%20d%3D%22M4.5%2C7L0%2C18.6h1.6l1.1-3h4.9l1.1%2C3h1.6L5.8%2C7H4.5z%20M3.2%2C14.3l2-5.4l2%2C5.4H3.2z%20M13.4%2C1.4h-2l-3%2C7.9l1.1%2C2.9l2.9-8l2.9%2C8.1H9.5l0.7%2C1.9H16l1.6%2C4.5H20L13.4%2C1.4z%22%2F%3E%3C%2Fsvg%3E'); } #toolEmail > a:hover, #toolEmail > a.focus, #toolEmail.active > a, #headerZone.fixed #toolEmail > a:hover, #headerZone.fixed #toolEmail > a.focus, #headerZone.fixed #toolEmail.active > a { background-image:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20enable-background%3D%22new%200%200%2020%2020%22%20version%3D%221.1%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.45%2C12.26c-.42.31-.77.56-1%2C.73a5.94%2C5.94%2C0%2C0%2C1-1.05.54%2C3.29%2C3.29%2C0%2C0%2C1-1.23.28h0a3.29%2C3.29%2C0%2C0%2C1-1.23-.28A6.07%2C6.07%2C0%2C0%2C1%2C7.83%2C13c-.26-.17-.61-.42-1-.73L6.41%2C12%2C.74%2C17.68a1.72%2C1.72%2C0%2C0%2C0%2C1.17.44H18.34a1.72%2C1.72%2C0%2C0%2C0%2C1.17-.44L13.84%2C12ZM1.25%2C8.38a5.88%2C5.88%2C0%2C0%2C1-1.12-1v8.68l5-5Q3.62%2C10%2C1.25%2C8.38Zm13.88%2C2.67%2C5%2C5V7.4a6.25%2C6.25%2C0%2C0%2C1-1.12%2C1C17.49%2C9.41%2C16.2%2C10.31%2C15.13%2C11.05ZM2.05%2C7.18l2.28%2C1.6c.69.48%2C1.29.89%2C1.8%2C1.26l1.13.79.16.12.31.22c.24.18.45.32.61.43s.35.23.58.36a3.11%2C3.11%2C0%2C0%2C0%2C.64.31%2C2%2C2%2C0%2C0%2C0%2C.56.1h0a2.07%2C2.07%2C0%2C0%2C0%2C.56-.1%2C3.37%2C3.37%2C0%2C0%2C0%2C.64-.31c.22-.13.42-.25.58-.36l.6-.43.31-.22a.91.91%2C0%2C0%2C1%2C.17-.12L14.12%2C10l4.1-2.86a5.44%2C5.44%2C0%2C0%2C0%2C1.36-1.39%2C3%2C3%2C0%2C0%2C0%2C.55-1.69%2C1.73%2C1.73%2C0%2C0%2C0-.53-1.27%2C1.76%2C1.76%2C0%2C0%2C0-1.26-.53H1.91a1.59%2C1.59%2C0%2C0%2C0-1.32.58A2.28%2C2.28%2C0%2C0%2C0%2C.13%2C4.34%2C2.62%2C2.62%2C0%2C0%2C0%2C.74%2C5.88%2C5.55%2C5.55%2C0%2C0%2C0%2C2.05%2C7.18Z%22%20fill%3D%22rgb%280%2C55%2C36%29%22%2F%3E%3C%2Fsvg%3E'); } #toolShare > a:hover, #toolShare > a.focus, #toolShare.active > a, #headerZone.fixed #toolShare > a:hover, #headerZone.fixed #toolShare > a.focus, #headerZone.fixed #toolShare.active > a { background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22rgb%280%2C55%2C36%29%22%20d%3D%22M15.4%2C12c-1.3%2C0-2.5%2C0.6-3.3%2C1.7l-3.7-2.1c0.2-0.5%2C0.4-1.1%2C0.4-1.6c0-0.3%2C0-0.6-0.1-1l3.9-2.2C13.3%2C7.6%2C14.3%2C8%2C15.4%2C8c2.3%2C0%2C4.1-1.8%2C4.1-4c0-2.2-1.8-4-4.1-4s-4.1%2C1.8-4.1%2C4c0%2C0.3%2C0%2C0.6%2C0.1%2C1L7.5%2C7.2C6.7%2C6.4%2C5.7%2C6%2C4.6%2C6c-2.3%2C0-4.1%2C1.8-4.1%2C4c0%2C2.2%2C1.8%2C4%2C4.1%2C4c0.8%2C0%2C1.6-0.2%2C2.3-0.7l4.4%2C2.4c0%2C0.1%2C0%2C0.2%2C0%2C0.3c0%2C2.2%2C1.8%2C4%2C4.1%2C4s4.1-1.8%2C4.1-4S17.7%2C12%2C15.4%2C12z%20M17.4%2C16c0%2C1.1-0.9%2C2-2.1%2C2s-2.1-0.9-2.1-2c0-1.1%2C0.9-2%2C2.1-2S17.4%2C14.9%2C17.4%2C16z%20M6.7%2C10c0%2C1.1-0.9%2C2-2.1%2C2c-1.1%2C0-2.1-0.9-2.1-2c0-1.1%2C0.9-2%2C2.1-2C5.7%2C8%2C6.7%2C8.9%2C6.7%2C10z%20M13.3%2C4c0-1.1%2C0.9-2%2C2.1-2s2.1%2C0.9%2C2.1%2C2c0%2C1.1-0.9%2C2-2.1%2C2S13.3%2C5.1%2C13.3%2C4z%22%2F%3E%3C%2Fsvg%3E'); } #toolSearch > a:hover, #toolSearch > a.focus, #toolSearch.active > a, #headerZone.fixed #toolSearch > a:hover, #headerZone.fixed #toolSearch > a.focus, #headerZone.fixed #toolSearch.active > a { background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22rgb%280%2C55%2C36%29%22%20d%3D%22M8.4%2C16.8c-4.6%2C0-8.3-3.7-8.3-8.3c0-4.6%2C3.7-8.3%2C8.3-8.3s8.3%2C3.7%2C8.3%2C8.3C16.8%2C13.1%2C13%2C16.8%2C8.4%2C16.8z%20M8.4%2C2.2C5%2C2.2%2C2.1%2C5%2C2.1%2C8.5s2.8%2C6.3%2C6.3%2C6.3c3.5%2C0%2C6.3-2.8%2C6.3-6.3S11.9%2C2.2%2C8.4%2C2.2z%22%2F%3E%3Cpath%20fill%3D%22rgb%280%2C55%2C36%29%22%20d%3D%22M17.4%2C19.8c-0.6%2C0-1.3-0.3-1.7-0.7l-3.9-3.9c-0.4-0.4-0.4-1%2C0-1.4c0.4-0.4%2C1-0.4%2C1.4%2C0l3.9%2C3.9c0.2%2C0.2%2C0.4%2C0.2%2C0.6%2C0c0.1-0.1%2C0.1-0.2%2C0.1-0.3c0-0.1%2C0-0.2-0.1-0.3l-3.9-3.9c-0.4-0.4-0.4-1%2C0-1.4s1-0.4%2C1.4%2C0l3.9%2C3.9c0.5%2C0.5%2C0.7%2C1.1%2C0.7%2C1.7c0%2C0.6-0.3%2C1.3-0.7%2C1.7C18.7%2C19.5%2C18.1%2C19.8%2C17.4%2C19.8z%22%2F%3E%3C%2Fsvg%3E'); } #mmenuCtrl a > span { background-color: #fff; } #mmenuCtrl a > span:before, #mmenuCtrl a > span:after { background-color: #fff; } #mmenuCtrl.active a > span:before, #mmenuCtrl.active a > span:after, #headerZone.fixed #mmenuCtrl:not(.active) a > span, #headerZone.fixed #mmenuCtrl a > span:before, #headerZone.fixed #mmenuCtrl a > span:after { background-color:var(--brown); } .homeWrap{ position:relative; /* overflow-x:hidden; */ } #homeWrap1{ width:100%; /* height:100vh; */ /* background-image:url('../images/home/main-vis-index.jpg'); */ /* background-position:100% 100%; background-repeat:no-repeat; background-size:cover; */ overflow:hidden; } #homeWrap1 .bg-wrap{ position:relative; background-position:100% 100%; background-repeat:no-repeat; background-size:cover; } #homeWrap1 .inner{ position:relative; height:100svh; } #homeWrap1 #btn-scroll{ display:inline-block; position:absolute; bottom:50px; left:50%; transform:translateX(-50%); /* animation: arrowAnimation 1s linear 1s infinite; */ } #homeWrap1 .text-wrap{ position:absolute; top:50%; left:0; transform:translateY(-50%); } #homeWrap1 .text-wrap .hd{ font-family: 'Roboto Condensed'; position:relative; color:var(--yellow); font-size:3.556em; font-weight:700; line-height:1.1; text-shadow:0 0 15px rgba(0,0,0,0.8); width:55%; } #homeWrap1 .text-wrap .hd .hd-large{ font-size:1.188em; } #homeWrap1 .text-wrap .hd:before{ content:''; position:absolute; top:-80px; left:-90px; width:160px; height:160px; background-image:url('../images/hd-butterfly.png'); background-repeat:no-repeat; background-position:0 0; background-size:contain; z-index:100; } #homeWrap1 .text-wrap .caption{ font-size:1.333em; color:#fff; text-shadow:0 0 15px rgba(0,0,0,0.8); margin:30px 0 70px; } #homeWrap1 .gh{ position:absolute; right:0; bottom:0; display:block; z-index:1; } /* #homeWrap1 .line{ position:absolute; left:50%; transform:translateX(-50%); bottom:-40px; width:2000px; height:100px; z-index:10; } */ /* #homeWrap1 .line *{ display:block; } */ #homeWrap2{ padding:130px 0 220px 0; /* background-image:url('../images/home/intro-bottom-gh-grass.png'),url('../images/home/bg-index-introduction.jpg'); background-repeat:repeat-x, repeat; background-position:50% 100%, 50% 50%; */ background-image:url('../images/home/intro-bottom-gh-grass.png'); background-repeat:repeat-x; background-position:50% 100%; /* background-color:#076845; */ text-align:center; /* z-index:999; */ } #homeWrap2 .line{ position:absolute; left:50%; transform:translateX(-50%); top:-50px; width:2000px; height:100px; z-index:10; } /* #homeWrap2:before{ content:''; position:absolute; width:2000px; height:80px; top:-80px; left:50%; transform:translateX(-50%); background-image:url('../images/home/bg-index-introduction-top.png'); background-repeat:no-repeat; background-size:cover; background-position:50% 0; } */ /* #homeWrap2:before{ content:''; position:absolute; width:2000px; height:80px; top:-70px; left:50%; transform:translateX(-50%); background-image:url(../images/home/bg-index-introduction.jpg); background-repeat:repeat; clip-path: polygon(100% 100%, 0% 100% , 0.00% 87.50%, 2.00% 86.32%, 4.00% 82.86%, 6.00% 77.34%, 8.00% 70.09%, 10.00% 61.59%, 12.00% 52.35%, 14.00% 42.97%, 16.00% 34.03%, 18.00% 26.10%, 20.00% 19.66%, 22.00% 15.13%, 24.00% 12.80%, 26.00% 12.80%, 28.00% 15.13%, 30.00% 19.66%, 32.00% 26.10%, 34.00% 34.03%, 36.00% 42.97%, 38.00% 52.35%, 40.00% 61.59%, 42.00% 70.09%, 44.00% 77.34%, 46.00% 82.86%, 48.00% 86.32%, 50.00% 87.50%, 52.00% 86.32%, 54.00% 82.86%, 56.00% 77.34%, 58.00% 70.09%, 60.00% 61.59%, 62.00% 52.35%, 64.00% 42.97%, 66.00% 34.03%, 68.00% 26.10%, 70.00% 19.66%, 72.00% 15.13%, 74.00% 12.80%, 76.00% 12.80%, 78.00% 15.13%, 80.00% 19.66%, 82.00% 26.10%, 84.00% 34.03%, 86.00% 42.97%, 88.00% 52.35%, 90.00% 61.59%, 92.00% 70.09%, 94.00% 77.34%, 96.00% 82.86%, 98.00% 86.32%, 100.00% 87.50%); } */ #homeWrap2 .wave, #homeWrap3 .wave{ clip-path: polygon(100% 100%, 0% 100% , 0.00% 0.63%, 0.33% 0.62%, 0.67% 0.60%, 1.00% 0.57%, 1.33% 0.52%, 1.67% 0.47%, 2.00% 0.41%, 2.33% 0.35%, 2.67% 0.28%, 3.00% 0.22%, 3.33% 0.16%, 3.67% 0.10%, 4.00% 0.06%, 4.33% 0.03%, 4.67% 0.01%, 5.00% 0.00%, 5.33% 0.01%, 5.67% 0.03%, 6.00% 0.06%, 6.33% 0.10%, 6.67% 0.16%, 7.00% 0.22%, 7.33% 0.28%, 7.67% 0.35%, 8.00% 0.41%, 8.33% 0.47%, 8.67% 0.52%, 9.00% 0.57%, 9.33% 0.60%, 9.67% 0.62%, 10.00% 0.63%, 10.33% 0.62%, 10.67% 0.60%, 11.00% 0.57%, 11.33% 0.52%, 11.67% 0.47%, 12.00% 0.41%, 12.33% 0.35%, 12.67% 0.28%, 13.00% 0.22%, 13.33% 0.16%, 13.67% 0.10%, 14.00% 0.06%, 14.33% 0.03%, 14.67% 0.01%, 15.00% 0.00%, 15.33% 0.01%, 15.67% 0.03%, 16.00% 0.06%, 16.33% 0.10%, 16.67% 0.16%, 17.00% 0.22%, 17.33% 0.28%, 17.67% 0.35%, 18.00% 0.41%, 18.33% 0.47%, 18.67% 0.52%, 19.00% 0.57%, 19.33% 0.60%, 19.67% 0.62%, 20.00% 0.63%, 20.33% 0.62%, 20.67% 0.60%, 21.00% 0.57%, 21.33% 0.52%, 21.67% 0.47%, 22.00% 0.41%, 22.33% 0.35%, 22.67% 0.28%, 23.00% 0.22%, 23.33% 0.16%, 23.67% 0.10%, 24.00% 0.06%, 24.33% 0.03%, 24.67% 0.01%, 25.00% 0.00%, 25.33% 0.01%, 25.67% 0.03%, 26.00% 0.06%, 26.33% 0.10%, 26.67% 0.16%, 27.00% 0.22%, 27.33% 0.28%, 27.67% 0.35%, 28.00% 0.41%, 28.33% 0.47%, 28.67% 0.52%, 29.00% 0.57%, 29.33% 0.60%, 29.67% 0.62%, 30.00% 0.63%, 30.33% 0.62%, 30.67% 0.60%, 31.00% 0.57%, 31.33% 0.52%, 31.67% 0.47%, 32.00% 0.41%, 32.33% 0.35%, 32.67% 0.28%, 33.00% 0.22%, 33.33% 0.16%, 33.67% 0.10%, 34.00% 0.06%, 34.33% 0.03%, 34.67% 0.01%, 35.00% 0.00%, 35.33% 0.01%, 35.67% 0.03%, 36.00% 0.06%, 36.33% 0.10%, 36.67% 0.16%, 37.00% 0.22%, 37.33% 0.28%, 37.67% 0.35%, 38.00% 0.41%, 38.33% 0.47%, 38.67% 0.52%, 39.00% 0.57%, 39.33% 0.60%, 39.67% 0.62%, 40.00% 0.63%, 40.33% 0.62%, 40.67% 0.60%, 41.00% 0.57%, 41.33% 0.52%, 41.67% 0.47%, 42.00% 0.41%, 42.33% 0.35%, 42.67% 0.28%, 43.00% 0.22%, 43.33% 0.16%, 43.67% 0.10%, 44.00% 0.06%, 44.33% 0.03%, 44.67% 0.01%, 45.00% 0.00%, 45.33% 0.01%, 45.67% 0.03%, 46.00% 0.06%, 46.33% 0.10%, 46.67% 0.16%, 47.00% 0.22%, 47.33% 0.28%, 47.67% 0.35%, 48.00% 0.41%, 48.33% 0.47%, 48.67% 0.52%, 49.00% 0.57%, 49.33% 0.60%, 49.67% 0.62%, 50.00% 0.63%, 50.33% 0.62%, 50.67% 0.60%, 51.00% 0.57%, 51.33% 0.52%, 51.67% 0.47%, 52.00% 0.41%, 52.33% 0.35%, 52.67% 0.28%, 53.00% 0.22%, 53.33% 0.16%, 53.67% 0.10%, 54.00% 0.06%, 54.33% 0.03%, 54.67% 0.01%, 55.00% 0.00%, 55.33% 0.01%, 55.67% 0.03%, 56.00% 0.06%, 56.33% 0.10%, 56.67% 0.16%, 57.00% 0.22%, 57.33% 0.28%, 57.67% 0.35%, 58.00% 0.41%, 58.33% 0.47%, 58.67% 0.52%, 59.00% 0.57%, 59.33% 0.60%, 59.67% 0.62%, 60.00% 0.63%, 60.33% 0.62%, 60.67% 0.60%, 61.00% 0.57%, 61.33% 0.52%, 61.67% 0.47%, 62.00% 0.41%, 62.33% 0.35%, 62.67% 0.28%, 63.00% 0.22%, 63.33% 0.16%, 63.67% 0.10%, 64.00% 0.06%, 64.33% 0.03%, 64.67% 0.01%, 65.00% 0.00%, 65.33% 0.01%, 65.67% 0.03%, 66.00% 0.06%, 66.33% 0.10%, 66.67% 0.16%, 67.00% 0.22%, 67.33% 0.28%, 67.67% 0.35%, 68.00% 0.41%, 68.33% 0.47%, 68.67% 0.52%, 69.00% 0.57%, 69.33% 0.60%, 69.67% 0.62%, 70.00% 0.63%, 70.33% 0.62%, 70.67% 0.60%, 71.00% 0.57%, 71.33% 0.52%, 71.67% 0.47%, 72.00% 0.41%, 72.33% 0.35%, 72.67% 0.28%, 73.00% 0.22%, 73.33% 0.16%, 73.67% 0.10%, 74.00% 0.06%, 74.33% 0.03%, 74.67% 0.01%, 75.00% 0.00%, 75.33% 0.01%, 75.67% 0.03%, 76.00% 0.06%, 76.33% 0.10%, 76.67% 0.16%, 77.00% 0.22%, 77.33% 0.28%, 77.67% 0.35%, 78.00% 0.41%, 78.33% 0.47%, 78.67% 0.52%, 79.00% 0.57%, 79.33% 0.60%, 79.67% 0.62%, 80.00% 0.63%, 80.33% 0.62%, 80.67% 0.60%, 81.00% 0.57%, 81.33% 0.52%, 81.67% 0.47%, 82.00% 0.41%, 82.33% 0.35%, 82.67% 0.28%, 83.00% 0.22%, 83.33% 0.16%, 83.67% 0.10%, 84.00% 0.06%, 84.33% 0.03%, 84.67% 0.01%, 85.00% 0.00%, 85.33% 0.01%, 85.67% 0.03%, 86.00% 0.06%, 86.33% 0.10%, 86.67% 0.16%, 87.00% 0.22%, 87.33% 0.28%, 87.67% 0.35%, 88.00% 0.41%, 88.33% 0.47%, 88.67% 0.52%, 89.00% 0.57%, 89.33% 0.60%, 89.67% 0.62%, 90.00% 0.63%, 90.33% 0.62%, 90.67% 0.60%, 91.00% 0.57%, 91.33% 0.52%, 91.67% 0.47%, 92.00% 0.41%, 92.33% 0.35%, 92.67% 0.28%, 93.00% 0.22%, 93.33% 0.16%, 93.67% 0.10%, 94.00% 0.06%, 94.33% 0.03%, 94.67% 0.01%, 95.00% 0.00%, 95.33% 0.01%, 95.67% 0.03%, 96.00% 0.06%, 96.33% 0.10%, 96.67% 0.16%, 97.00% 0.22%, 97.33% 0.28%, 97.67% 0.35%, 98.00% 0.41%, 98.33% 0.47%, 98.67% 0.52%, 99.00% 0.57%, 99.33% 0.60%, 99.67% 0.62%, 100.00% 0.63%); position:absolute; width:8000px; /* width:100%; */ height:8060px; top:-60px; left:50%; transform:translateX(-50%); } #homeWrap2 .wave{ background-color:#076845; } #homeWrap3 .wave{ background-color:#f1eebb; } #homeWrap2 .sec-title{ color:var(--light-green); } #homeWrap2 .caption{ padding:50px 0 60px 0; color:#fff; /* font-size:1.111em; */ font-size:1.222em; line-height:1.3; max-width:70%; margin:0 auto; } #homeWrap3 .line{ position:absolute; left:50%; transform:translateX(-50%); top:-50px; width:2000px; height:100px; z-index:10; } /* #homeWrap3 .line *{ display:block; } */ #homeWrap2 .gh1{ position:absolute; left:0; bottom:0; display:block; } #homeWrap2 .gh2{ position:absolute; right:140px; bottom:0; display:block; } #homeWrap2 .gh3{ position:absolute; right:0; bottom:0; display:block; } #homeWrap2 .bird1{ position:absolute; left:140px; bottom:0; display:block; } #homeWrap2 .bird2{ position:absolute; left:300px; bottom:0; display:block; } #homeWrap2 .bird3{ position:absolute; right:300px; bottom:0; display:block; } #homeWrap3{ padding:130px 0 220px 0; /* background-image:url('../images/home/bg-index-updates.jpg'); background-repeat:repeat; background-position:50% 50%; */ text-align:center; } #homeWrap3,.footer-gh1,.footer-gh2,.footer-gh3,#canvas-footer-gh-frog,#canvas-footer-gh-crab{display:none !important;} /* #homeWrap3:before{ content:''; position:absolute; width:2000px; height:80px; background-image:url('../images/home/bg-index-updates-top.png'); background-repeat:no-repeat; background-size:cover; background-position:50% 0; top:-80px; left:50%; transform:translateX(-50%); } */ /* #homeWrap3:before{ content:''; position:absolute; width:2000px; height:80px; top:-70px; left:50%; transform:translateX(-50%); background-image:url(../images/home/bg-index-updates.jpg); background-repeat:repeat; clip-path: polygon(100% 100%, 0% 100% , 0.00% 87.50%, 2.00% 86.32%, 4.00% 82.86%, 6.00% 77.34%, 8.00% 70.09%, 10.00% 61.59%, 12.00% 52.35%, 14.00% 42.97%, 16.00% 34.03%, 18.00% 26.10%, 20.00% 19.66%, 22.00% 15.13%, 24.00% 12.80%, 26.00% 12.80%, 28.00% 15.13%, 30.00% 19.66%, 32.00% 26.10%, 34.00% 34.03%, 36.00% 42.97%, 38.00% 52.35%, 40.00% 61.59%, 42.00% 70.09%, 44.00% 77.34%, 46.00% 82.86%, 48.00% 86.32%, 50.00% 87.50%, 52.00% 86.32%, 54.00% 82.86%, 56.00% 77.34%, 58.00% 70.09%, 60.00% 61.59%, 62.00% 52.35%, 64.00% 42.97%, 66.00% 34.03%, 68.00% 26.10%, 70.00% 19.66%, 72.00% 15.13%, 74.00% 12.80%, 76.00% 12.80%, 78.00% 15.13%, 80.00% 19.66%, 82.00% 26.10%, 84.00% 34.03%, 86.00% 42.97%, 88.00% 52.35%, 90.00% 61.59%, 92.00% 70.09%, 94.00% 77.34%, 96.00% 82.86%, 98.00% 86.32%, 100.00% 87.50%); } */ #homeWrap3 .sec-title{ color:var(--dark-green); } #homeWrap3 .swiper-outer{ overflow:hidden; } #homeWrap3 .swiper-container{ position:relative; padding-top:80px; padding-bottom:90px; /* padding-bottom:120px; */ /* width:100%; */ width:120%; margin:0 -10%; -webkit-text-size-adjust:none; } #homeWrap3 .slide-inner{ cursor:pointer; display:block; border-radius:25px; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.3); } #homeWrap3 .slide-inner .img{ display:block; position:relative; overflow:hidden; aspect-ratio: 660/440; } #homeWrap3 .slide-inner .img img{ /* display:block; width:100%; transition:transform .3s; */ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: scale .3s cubic-bezier(0.165, 0.84, 0.44, 1); } #homeWrap3 .slide-inner:hover .img img, #homeWrap3 .slide-inner.focus .img img{ /* transform:scale(1.1); */ scale: 1.1; } #homeWrap3 .slide-inner .img .date{ position:absolute; display:block; left:0; bottom:-1px; color:#333; background-color:var(--light-green); padding:15px 40px 15px 30px; border-radius:0 25px 0 0; text-align:left; font-weight:700; opacity:1; transition: opacity .3s; } #homeWrap3 .slide-inner .text{ /* display:none; */ display:block; background-color:#fff; /* padding:20px 30px; */ padding:0 30px; text-align:left; transition:max-height ease-out .7s; max-height:0; } #homeWrap3 .swiper-slide-active .slide-inner .text{ /* display:block; */ max-height:500px; } #homeWrap3 .swiper-slide-active .slide-inner .img .date{ /* display:none; */ opacity:0; } #homeWrap3 .slide-inner .title{ display:block; /* display:none; */ color:var(--brown); font-size:1.111em; font-weight:700; margin-bottom:10px; padding-top:20px; } #homeWrap3 .slide-inner .description{ /* display:block; */ /* padding-top:20px; */ margin-bottom:20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } #homeWrap3 .slide-inner .description a{ color:var(--dark-green); text-decoration:underline; } #homeWrap3 .slide-inner .description a:is(:hover, .focus){ text-decoration:none; } #homeWrap3 .slide-inner .hashtag{ display:block; padding-bottom:20px; color:var(--dark-green); font-size:0.889em; } #homeWrap3 .slide-inner .hashtag span{ display:inline-block; margin-right:10px; } #homeWrap3 .swiper-container { --swiper-wrapper-transition-timing-function: cubic-bezier(.645, .045, .355, 1); } #homeWrap3 .swiper-slide{ width:auto; transition: translate .8s .1s cubic-bezier(0.68, -0.55, 0.265, 1.55); } /* #homeWrap3 .swiper-slide:not(.--down){ translate: 0 -0.5rem; } */ /* #homeWrap3 .swiper-slide.--down{ */ /* #homeWrap3 .swiper-slide.swiper-slide-prev, #homeWrap3 .swiper-slide.swiper-slide-next{ translate: 0 1.6rem; } */ /* #homeWrap3 .swiper-autoheight .swiper-wrapper{ */ #homeWrap3 .swiper-wrapper{ align-items:center; } #homeWrap3 .swiper-button-prev-custom, #homeWrap3 .swiper-button-next-custom{ display:block; position:absolute; top:50%; transform:translateY(-50%); background-color:rgba(166,207,77,.7); border-radius:15px; width:70px; height:100px; z-index:10; } #homeWrap3 .swiper-button-prev-custom:is(:hover, .focus), #homeWrap3 .swiper-button-next-custom:is(:hover, .focus){ background-color:var(--hover-color); } #homeWrap3 .swiper-button-prev-custom span, #homeWrap3 .swiper-button-next-custom span{ display:block; position:relative; text-indent:-9999px; width:70px; height:100px; transition:left .3s, right .3s; } #homeWrap3 .swiper-button-prev-custom span{ left:0; } #homeWrap3 .swiper-button-next-custom span{ right:0; } #homeWrap3 .swiper-button-prev-custom span:before, #homeWrap3 .swiper-button-next-custom span:before{ content:''; position:absolute; display:block; top:50%; transform:translateY(-50%); /* left:50%; transform:translate(-50%,-50%); */ width:40px; height:40px; border:4px solid var(--dark-green2); margin-top:-5px; } #homeWrap3 .swiper-button-prev-custom span:before{ right:0; border-bottom-width:0; border-right-width:0; transform:rotate(-45deg); transform-origin:left center; } #homeWrap3 .swiper-button-next-custom span:before{ border-bottom-width:0; border-left-width:0; transform:rotate(45deg); transform-origin:right center; } #homeWrap3 .swiper-button-prev-custom{ left:20px; } #homeWrap3 .swiper-button-next-custom{ right:20px; } #homeWrap3 .swiper-button-prev-custom:is(:hover, .focus) span{ left:-7px; } #homeWrap3 .swiper-button-next-custom:is(:hover, .focus) span{ right:-7px; } /* #homeWrap3 .swiper-ctrl{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); display:grid; align-items:center; grid-template-columns:auto auto; } #homeWrap3 .swiper-pagination-custom{ display:flex; } #homeWrap3 .swiper-pagination-bullet{ width:20px; height:20px; margin:0 8px; border:2px solid var(--light-green); text-indent:-9999px; opacity:1; border-radius:50%; vertical-align:middle; } #homeWrap3 .swiper-pagination-bullet:before{ display:none; } #homeWrap3 .swiper-pagination-bullet-active:after{ content:''; position:absolute; background-color:var(--dark-green); width:10px; height:10px; top:3px; left:3px; border-radius:50%; } */ .sec-title{ font-family: 'Roboto Condensed'; font-size:5.556em; font-weight:700; line-height:1; } /* .btn-link{ background-color:var(--home-btn-color); } .btn-link:hover, .btn-link.focus{ background-color:var(--yellow); } */ .js-btn, .js-btn .bg-btn{ background-color:var(--home-btn-color); } .js-btn:is(:hover, .focus), .js-btn .bg-h-btn{ background-color:var(--yellow); } /* } */ @media screen and (max-width: 1699.98px) { #homeWrap1 .text-wrap{ left:50px; } } @media screen and (max-width: 991.98px) { /* #homeWrap1{ background-image:url('../images/home/main-vis-index-mobile.jpg'); } */ #homeWrap1 .text-wrap{ top:160px; transform:translateY(0); } #homeWrap1 .text-wrap .hd{ font-size:2.889em; width:65%; } #homeWrap1 .text-wrap .caption{ margin:20px 0 50px 0; } #homeWrap1 .gh{ width:120px; } #homeWrap2 .bird3{ right:120px; } #homeWrap2 .gh2{ right:0; } #homeWrap2 .gh3{ display:none; } #homeWrap3 .swiper-container{ padding-top:60px; padding-bottom:80px; /* padding-bottom:100px; */ width:160%; margin:0 -30%; } .sec-title{ font-size:3.889em; } } @media screen and (max-width: 767.98px) { #homeWrap1 .text-wrap .hd{ font-size:2.556em; width:100%; } #homeWrap1 .text-wrap .hd:before{ width:120px; height:120px; top: -60px; left: -75px; } #homeWrap1 .gh{ width:80px; } #homeWrap2 .bird1{ left:50px; width:170px; } #homeWrap2 .bird2{ left:160px; width:65px; } #homeWrap2 .bird3{ right:60px; width:120px; } #homeWrap2 .gh1{ left:0px; width:120px; } #homeWrap2 .gh2{ right:-40px; width:140px; } #homeWrap3 .swiper-container{ padding-top:50px; padding-bottom:70px; /* padding-bottom:90px; */ width:200%; margin:0 -50%; } #homeWrap3 .swiper-button-prev-custom, #homeWrap3 .swiper-button-next-custom, #homeWrap3 .swiper-button-prev-custom span, #homeWrap3 .swiper-button-next-custom span{ width:50px; height:70px; } #homeWrap3 .swiper-button-prev-custom span:before, #homeWrap3 .swiper-button-next-custom span:before{ width:27px; height:27px; margin-top:-3px; } .sec-title{ font-size:2.778em !important; } } @media screen and (max-width: 575.98px) { #homeWrap1 .text-wrap .hd:before{ width:90px; height:90px; top: -40px; left: -50px; } #homeWrap1 .text-wrap{ top:110px; left:30px; margin-right:30px; } #homeWrap1 .text-wrap .caption{ margin:15px 0 30px 0; } #homeWrap2 .caption{ padding:30px 0 40px 0; max-width:100%; } #homeWrap2 .gh1{ width:95px; } #homeWrap2 .gh2{ width:105px; } #homeWrap2 .bird1{ left: 20px; width: 140px; } #homeWrap2 .bird2 { left: 125px; width: 60px; } #homeWrap2 .bird3 { right: 20px; width: 95px; } #homeWrap3{ padding:80px 0 150px 0; } } @media screen and (max-width: 479.98px) { #homeWrap1 .text-wrap .hd{ font-size:2em; } #homeWrap1 .text-wrap .caption{ margin:10px 0 20px; } #homeWrap3 .swiper-container{ width:240%; margin:0 -70%; } } @media screen and (max-width: 399.98px) { } @keyframes arrowAnimation { 0% { bottom:50px; } 25%{ bottom:45px; } 50%{ bottom:40px; } 75%{ bottom:45px; } 100% { bottom:50px; } } #mainZone{ z-index:1; border-bottom:3px solid var(--light-green); } #content{ position:relative; overflow:clip; } #footerZone{ /* position:sticky; */ position:relative; overflow:hidden; bottom:0; width:100%; z-index:0; border-top:0; } #homeWrap1 .text-wrap .hd, #homeWrap1 .text-wrap .caption, #homeWrap1 .js-btn, #homeWrap2 .sec-title, #homeWrap2 .caption, #homeWrap2 .js-btn, #homeWrap3 .sec-title, #homeWrap3 .swiper-outer{ opacity:0; transform:translate(0,40px); transition:opacity .5s, transform .5s; } .stickyWrap{ position:relative; } .stickyItem{ position:sticky; top:0; } /* .line{ position:relative; width:100%; height:100px; } */ svg .greenLine { fill: none; stroke: #8ec31f; stroke-miterlimit: 10; } svg .greenLineOuter { opacity: .6; } svg .whiteLine { fill: none; opacity: .3; stroke: #fff; stroke-miterlimit: 10; } .noiseFilter{ position: absolute; top:0; left:0; z-index: 1; mix-blend-mode: multiply; pointer-events: none; } .wave .noiseFilter{ width:8000px; height:8000px; } #homeWrap2 > *:not(.wave){ z-index: 2; } #homeWrap2 > .container{ position:relative; }