@font-face{font-family:"Futura Pro Book W05 Italic"; src:url("../../assets/Fonts/03b4f096-9c08-4464-988d-462154f63b3d.woff2") format("woff2"),url("../../assets/Fonts/4cda8777-1fb0-4cce-8df5-1d698bb67bdf.woff") format("woff"); } @font-face{font-family:"Futura Pro Medium W05 Regular"; src:url("../../assets/Fonts/ac29e97b-4d85-4684-9513-0a5b887579e3.woff2") format("woff2"),url("../../assets/Fonts/fb2ecc9a-88be-4293-9a40-e4f4a124cadd.woff") format("woff"); } @font-face{font-family:"Futura W05 Bold"; src:url("../../assets/Fonts/801cc5a6-eaad-4fd1-84a7-7c3078365794.woff2") format("woff2"),url("../../assets/Fonts/1784423e-f874-498e-898c-ed3fc1d04612.woff") format("woff"); } @font-face{font-family:"FuturaCon W05 Bold"; src:url("../../assets/Fonts/ed56c1a2-17ba-4552-b518-4fe59c018721.woff2") format("woff2"),url("../../assets/Fonts/8c754ee6-69bd-4927-91ec-90e157659056.woff") format("woff"); } @font-face{font-family:"FuturaExtBol W05 Regular"; src:url("../../assets/Fonts/a6dabaea-fd33-4530-a46a-6cf81879a230.woff2") format("woff2"),url("../../assets/Fonts/9b3fe571-38e3-4525-bfbe-317fef5c0c7b.woff") format("woff"); } @font-face{font-family:"GaramondURW W01 Bold"; src:url("../../assets/Fonts/326b8d8a-4219-4e1a-94b3-ed128b6231a3.woff2") format("woff2"),url("../../assets/Fonts/8f74f514-b0e4-4791-a289-a9b6987dae6b.woff") format("woff"); } @font-face{font-family:"URW Garamond W01 Regular"; src:url("../../assets/Fonts/e3b1ca53-3d0b-45bb-b541-d9e94bbdf62f.woff2") format("woff2"),url("../../assets/Fonts/05a78f6a-c2a7-45f6-aeb8-22a853bf278e.woff") format("woff"); } @font-face{font-family:"GaramondURW W01 Oblique"; src:url("../../assets/Fonts/de1d69e8-48b8-49a6-8acf-e169a212b199.woff2") format("woff2"),url("../../assets/Fonts/51a1b1ef-b05d-4883-9667-8941c27482ac.woff") format("woff"); } @font-face{font-family:"GaramondURW W01 Bold Oblique"; src:url("../../assets/Fonts/88f3d427-f6ba-4496-a0a8-52f98cee1b1b.woff2") format("woff2"),url("../../assets/Fonts/e3ac9de6-964e-4d9e-a435-d7a4b7453532.woff") format("woff"); } a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, time, tfoot, th, thead, tr, ul, var, video {margin: 0; padding: 0; border: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ol, ul { list-style: none; margin-left: 1rem; } .hidden { display: none; visibility: hidden; } .invisible { visibility: hidden; } a:link, a:active, a:visited { font-family: "Futura W05 Bold", sans-serif; color: #007fff; text-decoration: none; } a:hover { color: #000; } b, strong { font-family: "GaramondURW W01 Bold", sans-serif; font-weight: normal; } i, em { font-family: "GaramondURW W01 Oblique", sans-serif; font-style: normal; } .trigger { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; cursor: pointer; } svg { width: 100%; height: 100%; } .prepAnim { opacity: 1; } html {height: 100%; font-size: 62.5%; background-color: #FDF8EB; } body {width: 100%; height: 100%; font-family: "URW Garamond W01 Regular", sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; -webkit-text-size-adjust: none; touch-action: pan-x pan-y; } #iViewport { position: relative; width: 100%; height: 100%; } #iBlckr, #iBlckrPS { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.2; } #iBlckr.live, #iBlckrPS.live { display: block; } nav#iMenu { position: fixed; top: 0; height: 100%; } nav#iMenu #viewport { width: 100%; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style:none;  } aside#prod_select { position: fixed; left: 0; top: 0; right: 0; height: 100%; } aside#prod_select #viewport { width: 100%; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style:none;  } #iBlckr, nav#iMenu {z-index: 999; } #iViewport > header { z-index: 3; } #iBlckrPS, aside#prod_select { z-index: 5; } nav#iMenu {box-sizing: border-box; padding: 2rem 0; right: -100%; width: 50%; max-width: 40rem; background-color: #FDF8EB; } nav#iMenu #viewport { position: relative; text-align: left; background-color: #FDF8EB; } nav#iMenu #close {box-sizing: border-box; margin-bottom: 1.5rem; padding: 1rem 2rem; font-size: 2rem; line-height: 2.2rem; text-align: center; cursor: pointer; } nav#iMenu #close > div { display: inline-block; vertical-align: middle; } nav#iMenu #close .fiori { margin-right: 1rem; } nav#iMenu #close:hover { background-color: #444; color: #FDF8EB; } nav#iMenu #close:hover svg { fill: #FDF8EB; } nav#iMenu .fiori {position: relative; width: 2rem; } nav#iMenu .fiori::before {content: ''; display: block; padding-top: 60%; } nav#iMenu .fiori svg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; } nav#iMenu section {padding: 1.5rem 0; border-top: 0.1rem solid #666; } nav#iMenu section h3 {box-sizing: border-box; padding-right: 1.5rem; font-family: "Futura Pro Medium W05 Regular", sans-serif; font-size: 1.4rem; line-height: 1.4rem; color: #000; text-align: right; } nav#iMenu section > ul { padding: 1rem 0; } nav#iMenu section li {box-sizing: border-box; padding: 1.5rem 2.5rem; font-family: "URW Garamond W01 Regular", sans-serif; font-size: 2rem; line-height: 2.2rem; } nav#iMenu section li::first-letter { font-family: "GaramondURW W01 Bold", sans-serif; } nav#iMenu section li.current { background-color: #4e4e4e; color: #FDF8EB; } nav#iMenu section li#logout { cursor: pointer; } nav#iMenu section a li { color: #000; } nav#iMenu section a:hover li { background-color: #444; color: #eaeaea; } nav#subMenu {display: flex; margin-top: -2rem; margin-bottom: 4rem; padding: 1rem 0; border-top: 1px solid #000; border-bottom: 1px solid #000; } nav#subMenu > a, nav#subMenu > li { flex-grow: 1; } nav#subMenu li {list-style: none; box-sizing: border-box; padding: 2rem; font-family: "URW Garamond W01 Regular", sans-serif; font-size: 1.9rem; line-height: 1.9rem; letter-spacing: 0.1rem; text-align: center; } nav#subMenu li::first-letter {font-family: "GaramondURW W01 Bold", sans-serif; } nav#subMenu a li {color: #000; } nav#subMenu li:hover, nav#subMenu li.current { background-color: #444; color: #FDF8EB; } nav#subMenu li.current { opacity: 0.9; } #iViewport {} #iViewport > section { box-sizing: border-box; position: relative; width: 100%; min-height: 100%; height: auto; } #iViewport > section.h_ff { min-height: 0; height: 100%; } #iViewport > section.h_n { min-height: 0; height: auto; } #iViewport > section { padding: 12rem 4rem 4rem 4rem; } #iViewport > section:first-of-type { padding-top: 16rem;  } #iViewport > section:last-of-type { padding-bottom: 8rem; } #iViewport > section.plus { padding-bottom: 6rem; } #iViewport > section > div {position: relative; margin: 0 auto; max-width: 120rem; } #iViewport > header {position: fixed; left: 0; top: 0; width: 100%; } #iViewport > header > div {display: flex; align-items: center; } #iViewport > header .logo {display: flex; align-items: center; } #iViewport > header .logo a {display: block; position: relative; width: 30vw; max-width: 35rem; transition: width .2s ease; } #iViewport > header .logo img {display: block; width: 100%; height: auto; } #iViewport > header .logo > div {display: none; margin-left: 2rem; font-size: 2rem; line-height: 2rem; letter-spacing: 0.1rem; } #iViewport > header .logo > div b { font-size: 2.3rem; } #iViewport > header nav {box-sizing: border-box; margin-left: auto; padding-right: 2rem; text-align: right; } #iViewport > header nav .top {display: inline-block; border-bottom: 1px solid #000; } #iViewport > header nav li {display: inline-block; vertical-align: top; box-sizing: border-box; padding: 1rem 1.5rem; list-style: none; font-family: "URW Garamond W01 Regular", sans-serif; letter-spacing: 0.1rem; cursor: pointer; } #iViewport > header nav a li {color: #000; } #iViewport > header nav li:hover { background-color: #444; color: #FDF8EB; } #iViewport > header nav .top li {margin-top: 0; font-size: 1.6rem; line-height: 1.6rem; } #iViewport > header nav .bottom li {margin: 0.4rem 0 0 2.5rem; font-size: 1.9rem; line-height: 1.9rem; } #iViewport > header nav .bottom li::first-letter {font-family: "GaramondURW W01 Bold", sans-serif; } #iViewport > header nav #menu {vertical-align: top; display: none; position: relative; margin-left: 2rem; padding: 1rem 0.5rem 1rem 1rem; } #iViewport > header nav #menu:hover { background-color: #444; color: #FDF8EB; } #iViewport > header nav #menu:hover .fiori svg { fill: #FDF8EB; } #iViewport > header nav #menu > div {display: inline-block; vertical-align: middle; font-size: 1.6rem; line-height: 1.6rem; letter-spacing: 0.1rem; } #iViewport > header nav #menu > div::first-letter { font-family: "GaramondURW W01 Bold", sans-serif; } #iViewport > header nav #menu > div.fiori {position: relative; width: 1.4rem; } #iViewport > header nav #menu > div.fiori::before {content: ''; display: block; padding-top: 60%; } #iViewport > header nav #menu svg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; } #iViewport > header nav #menu > div:nth-child(even) { margin: 0 0.5rem; } #iViewport > header.fixed {  background-color: #FDF8EB; } #iViewport > header.fixed .logo a { width: 20rem; } #iViewport > header.fixed .logo > div { display: block; } #iViewport > header.fixed nav .top { border-bottom: none; } #iViewport > header.fixed nav .top li:not(.cmpt) { display: none; } #iViewport > header.fixed nav .bottom { display: none; } #iViewport > header.fixed nav #menu { display: inline-block; } #iViewport > header.fixed nav #menu > div.fiori.r { display: none; } #iViewport aside.f:first-child {position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; } #iViewport aside.f:first-child .l {align-self: flex-end; width: 30vw; max-width: 35rem; height: 45%; background-color: #CEF5EE; } #iViewport section.fondtop aside.f:first-child .l { align-self: flex-start; } #iViewport aside.f:first-child .c {width: 61vw; background-color: #E8FAEB; } aside#iNext {position: absolute; padding: 1rem; left: 4rem; bottom: 2rem; font-size: 1.6rem; line-height: 1.6rem; text-align: center; cursor: pointer; } aside#iNext:hover {color: #007fff; fill: #007fff; } aside#iNext .fiori {position: relative; margin: 0 auto 0.5rem auto; width: 2rem; } aside#iNext .fiori::before {content: ''; display: block; padding-top: 60%; } aside#iNext .fiori svg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; } #iViewport > footer {box-sizing: border-box; position: relative; padding: 8rem 0 3rem 0; } #iViewport > footer aside.f:first-child .l { align-self: flex-start; opacity: 0; } #iViewport > footer header, #iViewport > footer nav, #iViewport > footer .fiori, #iViewport > footer footer { position: relative; margin: 0 auto; } #iViewport > footer .topfiori {position: absolute; left: 0; top: -0.5rem; right: 0; box-sizing: border-box; padding: 0 1.5rem; text-align: center; } #iViewport > footer .topfiori .fiori {display: inline-block; vertical-align: middle; width: 1.5rem; } #iViewport > footer .topfiori .line {display: inline-block; vertical-align: middle; margin: 0 1rem; width: 88%; height: 1px; background-color: #000; } #iViewport > footer .fiori { position: relative; } #iViewport > footer .fiori::before {content: ''; display: block; padding-top: 60%; } #iViewport > footer > .fiori {margin: 3rem auto; width: 2rem; } #iViewport > footer .fiori svg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; } #iViewport > footer header {display: flex; justify-content: center; align-items: center; position: relative; } #iViewport > footer .logo {position: relative; margin-right: 2rem; padding: 0.5rem 0; width: 26rem; border-top: 1px solid #000; border-bottom: 1px solid #000; } #iViewport > footer .logo img {display: block; width: 100%; height: auto; } #iViewport > footer h1 {margin-bottom: 1rem; font-family: "URW Garamond W01 Regular", sans-serif; font-size: 2.4rem; line-height: 2.4rem; letter-spacing: 0.1rem; } #iViewport > footer header > h1 { display: none; } #iViewport > footer h1 b { font-size: 3rem; } #iViewport > footer h2 {font-family: "URW Garamond W01 Regular", sans-serif; font-size: 1.8rem; line-height: 2.2rem; } #iViewport > footer nav {box-sizing: border-box; padding: 0; text-align: center; } #iViewport > footer nav section {display: inline-block; vertical-align: top; box-sizing: border-box; margin: 0 3rem; padding-top: 1rem; width: 18%; border-top: 1px solid #000; } #iViewport > footer nav section::first-child { margin-left: 0; } #iViewport > footer nav section::last-child { margin-right: 0; } #iViewport > footer nav section li {padding: 1.5rem 2rem; list-style: none; font-family: "URW Garamond W01 Regular", sans-serif; font-size: 1.8rem; line-height: 2rem; letter-spacing: 0.1rem; text-align: left; } #iViewport > footer nav section a li { color: #000; } #iViewport > footer nav section a li:hover { background-color: #444; color: #FDF8EB; } #iViewport > footer nav section li a {font-family: "GaramondURW W01 Bold", sans-serif; color: #000; } #iViewport > footer footer p {margin-bottom: 1rem; font-size: 1.8rem; line-height: 2rem; text-align: center; } #iViewport > footer footer p a { font-family: "URW Garamond W01 Regular", sans-serif; } #iViewport > footer footer p span { display: none; } #iViewport > footer footer p.loi {margin-left: auto; margin-right: auto; max-width: 80%; font-size: 1.4rem; line-height: 1.5rem; } h1, h2, h3, h4, h5, h6 { font-family: "Futura W05 Bold", sans-serif; font-weight: normal; letter-spacing: 0.1rem; } p, #iViewport ul { margin-bottom: 2rem; font-size: 2rem; line-height: 3.4rem; color: #000000; text-align: left; } #iViewport ul { box-sizing: border-box; padding-left: 2rem; list-style: disc inside; } #iViewport ul > li { margin-bottom: 1.8rem; } #iViewport p + ul { margin-top: -2rem; } #iViewport > section > div > h2 {margin-left: 2.5vw; margin-bottom: 0; font-family: "URW Garamond W01 Regular", sans-serif; font-size: 3.5rem; line-height: 3.5rem; letter-spacing: 0.1rem; } #iViewport > section > div > h1 {margin-bottom: 4rem; font-family: "FuturaExtBol W05 Regular", sans-serif; font-size: 5rem; line-height: 5.2rem; } aside#prod_select {display: none; box-sizing: border-box; padding: 2rem 0; background-color: #FDF8EB; } aside#prod_select #viewport {position: relative; background-color: #FDF8EB; } aside#prod_select #viewport > div {display: flex; flex-direction: column; justify-content: center; margin: 0 auto; width: 80%; max-width: 50rem; min-height: 100%; text-align: center; } aside#prod_select #close {box-sizing: border-box; margin-top: 1.5rem; padding: 1rem 2rem; font-size: 2rem; line-height: 2.2rem; text-align: center; cursor: pointer; } aside#prod_select #close > div { display: inline-block; vertical-align: middle; } aside#prod_select #close .fiori { margin-right: 1rem; } aside#prod_select #close:hover { background-color: #444; color: #FDF8EB; } aside#prod_select #close:hover svg { fill: #FDF8EB; } aside#prod_select .fiori {position: relative; width: 2rem; } aside#prod_select .fiori::before {content: ''; display: block; padding-top: 60%; } aside#prod_select .fiori svg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; } aside#prod_select h3 {margin-bottom: 1rem; font-family: "GaramondURW W01 Bold", sans-serif; font-size: 3rem; line-height: 3rem; } aside#prod_select section {display: flex; justify-content: center; align-items: center; box-sizing: border-box; margin-bottom: 1rem; padding: 1rem 2rem; background-color: #CEF5EE; cursor: pointer; } aside#prod_select section:hover { background-color: #cee4ee; } aside#prod_select section p {margin-bottom: 0; line-height: 2.5rem; } aside#prod_select section p:first-child {flex: 0 0 70%; } aside#prod_select section p:last-child {flex: 0 0 30%; text-align: right; } @media all and (max-width: 900px) {#iViewport > section { padding: 2rem; } #iViewport > section, #iViewport > section:first-of-type { padding-top: 12rem; } #iViewport > header {  background-color: #FDF8EB; } #iViewport > header .logo a { width: 25vw; } #iViewport > header .logo > div { display: block; } #iViewport > header nav .top { border-bottom: none; } #iViewport > header nav .top li:not(.cmpt) { display: none; } #iViewport > header nav .bottom { display: none; } #iViewport > header nav #menu { display: inline-block; } #iViewport > header nav #menu > div.fiori.r { display: none; } #iViewport aside.f:first-child .l { width: 25vw; height: 100%; } #iViewport aside.f:first-child .c { flex-grow: 1; width: auto; } aside#iNext { left: 1rem; bottom: 1rem; } #iViewport > footer nav section { margin: 2rem; width: 20%; } #iViewport > section > div > h2 { margin-left: 0; font-size: 3rem; line-height: 3rem; } #iViewport > section > div > h1 { font-size: 4rem; line-height: 4.2rem; } } @media all and (max-width: 800px) {#iViewport > section, #iViewport > section:first-of-type { padding-top: 10rem; } #iViewport > header .logo > div { display: none; } #iViewport > footer nav { padding: 0 1.5rem; } #iViewport > footer nav section { margin: 0; margin-bottom: 3rem; width: 45%; } #iViewport > footer nav section:nth-child(even) { margin-left: 10%; } } @media all and (max-width: 600px) {nav#iMenu { width: 80%; } nav#subMenu { display: none; } #iViewport > section { padding-top: 6rem; } #iViewport > section:first-of-type { padding-top: 9rem; } #iViewport > header .logo a { width: 15rem; } #iViewport aside.f:first-child .l { width: 15rem; } #iViewport > footer header { display: block; text-align: center; } #iViewport > footer .logo { margin: 0 auto; width: 80%; max-width: 36rem; } #iViewport > footer header > h1 { display: block; } #iViewport > footer header .desc h1 { display: none; } #iViewport > footer h2 { margin-top: 1rem; } #iViewport > footer nav section li { padding: 1.2rem 1.5rem; font-size: 1.6rem; line-height: 1.8rem; } #iViewport > footer footer p {  font-size: 1.6rem; line-height: 2rem; } #iViewport > footer footer p:last-of-type { margin-bottom: 0; } #iViewport > footer footer p.loi { max-width: 90%; } p, #iViewport ul { font-size: 1.8rem; line-height: 2.7rem; } #iViewport > section > div > h2 { font-size: 3rem; line-height: 3.2rem; } #iViewport > section > div > h1 { font-size: 3.2rem; line-height: 3.4rem; } aside#iNext { display: none; } } @media all and (max-width: 480px) {#iViewport > header .logo a { width: 12rem; } #iViewport aside.f:first-child .l { width: 12rem; } } @media all and (max-width: 380px) {nav#iMenu { width: 100%; } #iViewport > header nav .top li.lggd { display: none; } #iViewport > footer footer p span { display: inline; } } @media all and (max-width: 370px) {#iViewport > header nav .top li.cmpt { display: none; } }