/* LL BBBBBBBB TT TT LL BB BB TT TT LL EEEEEE OOOOOO BB BB UU UU RR RRRR NN NNNNN EEEEEE TTTTTTTTTTT LL EE EE OO OO BB BB UU UU RRRR NNNN NN EE EE TT TT LL EE EE OO OO BBBBBBBB UU UU RR NN NN EE EE TT TT LL EEEEEEEEEE OO OO BB BB UU UU RR NN NN EEEEEEEEEE TT TT LL EE OO OO BB BB UU UU RR NN NN EE TT TT LL EE EE OO OO BB BB UU UU RR NN NN EE EE TT TT LLLLLLLLL EEEEEEE OOOOOO BBBBBBBB UUUUUUU RR NN NN EEEEEEE TTT TTT TTTTTTTTTT TT TT TT TT OOOOOO RR RRRR OOOOOO NN NNNNN TTTTT OOOOOO TT OO OO RRRR OO OO NNNN NN TT OO OO TT OO OO RR OO OO NN NN TT OO OO TT OO OO RR OO OO NN NN TT OO OO TT OO OO RR OO OO NN NN TT OO OO TT OO OO RR OO OO NN NN TT OO OO TT OOOOOO RR OOOOOO NN NN TTT OOOOOO */ /************************************************************************************************************************************************ ************************************************************************************************************************************************* *** *** *** RESET START *** *** **/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, address, blockquote, pre, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, table, tr, th, td { margin:0px; padding:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; text-align:left; } a { color:inherit; text-decoration:none; margin:0px; padding:0px; } a, a img, img { border:0px; } address { font-style:inherit; } h1, h2, h3, h4, h5, h6 { font-weight:inherit; } ol { margin-left:50px; } ul { margin-left:1.25em; } table { border-collapse:collapse; border-spacing:0px; } sub, sup { line-height:0px; font-size:60%; } .breaker { clear:both; } td[align="right"] { text-align:right; } th[align="right"] { text-align:right; } td[align="center"] { text-align:center; } th[align="center"] { text-align:center; } td[align="left"] { text-align:left; } th[align="left"] { text-align:left; } html, body { scroll-behavior:auto; transition:none; } body { overflow-x:hidden; overflow-y:scroll; } html, body { text-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; } /** *** *** *** RESET END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** FONTS START *** *** **/ @font-face { font-family:'site-sans'; font-weight:300; font-style:normal; src: url('webfonts/NHaasGroteskDSPro-45Lt.eot'); src: url('webfonts/NHaasGroteskDSPro-45Lt.eot?#iefix') format('embedded-opentype'), url('webfonts/NHaasGroteskDSPro-45Lt.woff2') format('woff2'), url('webfonts/NHaasGroteskDSPro-45Lt.woff') format('woff'), url('webfonts/NHaasGroteskDSPro-45Lt.ttf') format('truetype'), url('webfonts/NHaasGroteskDSPro-45Lt.svg#NHaasGroteskDSPro-45Lt') format('svg'); } @font-face { font-family:'site-sans'; font-weight:400; font-style:normal; src: url('webfonts/NHaasGroteskDSPro-55Rg.eot'); src: url('webfonts/NHaasGroteskDSPro-55Rg.eot?#iefix') format('embedded-opentype'), url('webfonts/NHaasGroteskDSPro-55Rg.woff2') format('woff2'), url('webfonts/NHaasGroteskDSPro-55Rg.woff') format('woff'), url('webfonts/NHaasGroteskDSPro-55Rg.ttf') format('truetype'), url('webfonts/NHaasGroteskDSPro-55Rg.svg#NHaasGroteskDSPro-55Rg') format('svg'); } @font-face { font-family:'site-sans'; font-weight:700; font-style:normal; src: url('webfonts/NHaasGroteskDSPro65Md.woff2') format('woff2'), url('webfonts/NHaasGroteskDSPro65Md.woff') format('woff'); } @font-face { font-family:'site-sans'; font-weight:800; font-style:normal; src: url('webfonts/NHaasGroteskDSPro-75Bd.eot'); src: url('webfonts/NHaasGroteskDSPro-75Bd.eot?#iefix') format('embedded-opentype'), url('webfonts/NHaasGroteskDSPro-75Bd.woff2') format('woff2'), url('webfonts/NHaasGroteskDSPro-75Bd.woff') format('woff'), url('webfonts/NHaasGroteskDSPro-75Bd.ttf') format('truetype'), url('webfonts/NHaasGroteskDSPro-75Bd.svg#NHaasGroteskDSPro-75Bd') format('svg'); } /** *** *** *** FONTS END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** SITEWIDE-STYLES START *** *** **/ body { --font-landscape:max(14px, 1.1vw); --font-portrait:max(26px, 4.4vw); background-color:#fff; color:#000; font-weight:400; font-family:'site-sans', Helvetica, Arial, sans-serif; font-size:var(--font-landscape); line-height:1; letter-spacing:-0.02em; } body.portrait { font-size:var(--font-portrait); } body { width:auto; padding:0vw 6.5vw; position:relative; } body.transitions *:not(body):not(main):not(aside) { transition:top 0.3s, height 0.3s, width 0.4s, margin 0.3s, margin-top 0.75s ease-out, margin-bottom 0.75s ease-out, opacity 1s ease-out, padding 0.3s, font-size 0.3s, line-height 0.3s, background-color 0.3s, transform 0.3s; } body:not(.moused) :focus { outline: 2px solid rgba(0,0,0,0.5) !important; box-shadow: -0.14vw -0.14vw 0.14vw rgba(128,128,128,0.5), 0.14vw 0.14vw 0.14vw rgba(0,0,0,0.5) !important; outline-offset:-1px; } body.portrait .desktop { display:none !important; } body.landscape .mobile { display:none !important; } body.portrait h1 { font-size:225%; padding-bottom:23.50vw; margin-bottom:5.00vw; border-bottom:1px solid #727272; padding-top:25.8vw; font-weight:700; } body.landscape h1 { font-size:500%; padding-bottom: 8.14vw; margin-bottom:2.36vw; border-bottom:1px solid #727272; padding-top:17.43vw; font-weight:700; letter-spacing:-0.025em; line-height:0.85; } body.portrait h2 { font-size:225%; padding-bottom:0.5em; font-weight:300; padding-top:4.8vw; } body.landscape h2 { font-size:500%; padding-bottom: 4.8vw; font-weight:300; padding-top:2.1vw; } body div.link-title { word-spacing:0.08em; letter-spacing:0em; line-height:1.1; font-weight:400; font-size:90%; } body div.link-subtitle { word-spacing:0.08em; letter-spacing:0em; line-height:1.1; color:#727272; font-size:90%; } body span.lazyload { color:transparent; font-size:0.1px; user-select:none; display:none !important; } body a.lazyshow { display:none !important; } body:not(.landscape):not(.portrait) main { visibility:hidden; } body:not(.landscape):not(.portrait) aside { visibility:hidden; } body h1 span.tm { font-size:75%; vertical-align:top; display:inline-block; padding-top:0.05em; } /** *** *** *** SITEWIDE-STYLES END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** HEADER START *** *** **/ body header a#skip-link { position:fixed; top:-100%; left:-100%; width:1px; opacity:0.01; padding:1.43vw 2.86vw; font-size:2.86vw; font-weight:bold; z-index:999999; transition:none; overflow:hidden; display:block; text-align:center; color:#fff; background-color:#000; } body header a#skip-link:focus { top: 0%; left: 40%; width:20%; opacity:1.00; height:auto; } body header a#skip-link:focus:hover { text-decoration:underline; } body.portrait.menu-show { overflow:hidden; } body.portrait header { top:0vw; background-color:rgba(255,255,255,0.98); position:fixed; left:0%; width:100%; height:11.5vw; z-index:999999; } body.portrait.menu-show header { background-color:rgba(255,255,255,1.00); } body.portrait.menu-gone header:not(:focus-within) { top:-15vw; } body.portrait.menu-show header a#skip-link { display:none; } body.portrait header a#logo { width:min-content; display:block; padding:2vw 2vw; margin:-2vw auto 0vw -6vw; } body.portrait header a#logo img { width:40vw; padding:2vw 10vw; } body.portrait header a#menu-toggle { top: 0.7vw; position:fixed; right:0vw; width:18.5vw; height:10.8vw; display:block; } body.portrait.menu-gone header:not(:focus-within) a#menu-toggle { top:-12.3vw; } body.portrait header a#menu-toggle div#menu-toggle-line1 { top:2.8vw; position:absolute; right:6.5vw; width:5.6vw; height:0.4vw; background-color:#000; } body.portrait.menu-show header a#menu-toggle div#menu-toggle-line1 { top:5.1vw; transform:rotate( 45deg); } body.portrait header a#menu-toggle div#menu-toggle-line2 { top:5.4vw; position:absolute; right:6.5vw; width:5.6vw; height:0.4vw; background-color:#000; } body.portrait.menu-show header a#menu-toggle div#menu-toggle-line2 { top:5.1vw; transform:rotate(-45deg); } body.portrait header nav { height:0%; display:none; position:fixed; z-index:-1; top:11.2vw; width:100%; background-color:#fff; overflow:hidden; } body.portrait.menu-show header nav { height:100%; padding-top:19.2vw; } body.portrait header nav a { font-size:11.964vw; opacity:0; line-height:4.25; display:block; text-align:center; font-weight:bold; } body.portrait.menu-show header nav a { font-size:15.000vw; opacity:1; line-height:1.2; } body.portrait header nav div#menu-sectionunderline { display:none; } body:not(.portrait) header { position:fixed; text-align:right; white-space:nowrap; top:0vw; left:0vw; width:calc(100% - 6.5vw); padding:0vw 6.5vw 0vw 0vw; font-size:min(calc(var(--font-landscape) * 1.5), 3.75vw); padding-top:1.818em; height:3.030em; z-index:999999; background-color:rgba(255,255,255,0.98); } body:not(.portrait).menu-gone header:not(:focus-within) { top:-15vw; } body:not(.portrait) header a#logo { position:absolute; top:1.7em; left:6.5vw; display:inline-block; padding:2vw 2vw; margin:-2vw 0vw 0vw -2vw; } body:not(.portrait) header a#logo img { width:6.0605em; } body:not(.portrait) header a#menu-toggle { display:none; } body:not(.portrait) header nav { } body:not(.portrait) header nav a { margin-left:0.4em; padding-left:0.6em; padding-right:0.6em; padding-top:0.7vw; padding-bottom:0.7vw; } body:not(.portrait) header nav a:last-of-type { margin-right:-0.6em; } body:not(.portrait) header nav a.on { padding-bottom:0.50vw; border-bottom: 1px solid #727272; } body:not(.portrait) header nav div#menu-sectionunderline { border-bottom: 1px solid #727272; position: absolute; margin-top:1.53375em; z-index:-1; margin-left:0vw; } /** *** *** *** HEADER END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** FOOTER START *** *** **/ body footer { border-top:1px solid #727272; clear:both; line-height:1.1; letter-spacing:0em; word-spacing:0.08em; } body.portrait footer { padding-top:13.2vw; } body:not(.portrait) footer { padding-top:4.57vw; font-size:min(1.8vw, var(--font-landscape))} body.home footer { border-top:none; } body footer div { font-size:90%; } body.portrait footer div { margin-bottom:3.0vw; } body:not(.portrait) footer div:nth-of-type(4) { max-width:24%; } body:not(.portrait) footer div { padding-top:0.29vw; float:left; width:25%; } body footer div:nth-of-type(1) { padding-top:0.00vw; font-size:225%; } body footer div:last-of-type { font-size:90%; padding-top:2.00vw; margin-bottom:5.00vw; margin-top:0vw; clear:both; float:none !important; width:auto; } body.portrait footer div:last-of-type { padding-top:1.4em !important; } body footer div a { display:block; white-space:nowrap; width:min-content; } body footer div:nth-of-type(2) a { padding-bottom:1.4em; color:#727272; } /** *** *** *** FOOTER END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** BODY.HOME (HOME PAGE) START *** *** **/ body.home.portrait h1 { font-size:330%; padding-bottom: 8.20vw; margin-bottom:0.00vw; border-bottom:none; } body.home.landscape h1 { font-size:1000%; padding-bottom:16.93vw; margin-bottom:0.00vw; border-bottom:none; } body.home div.leodesign { margin:0vw -6.5vw 4.64vw -6.5vw; padding:0vw 6.5vw; background-color:#f8f8f8; } body.home.portrait div.leodesign { padding-bottom:17.7vw; } body.home.landscape div.leodesign { padding-top:5.00vw; } body.home.portrait div.leodesign h2 { padding-top:23.6vw; margin-bottom:7.9vw; font-weight:700; /*background:url('arrowupright.gif') 99.7% 97% no-repeat; background-size:4vw 4vw;*/ padding-bottom:0vw; } body.home.landscape div.leodesign h2 { padding-top:4.64vw; padding-bottom: 1.5vw; margin-bottom:2.68vw; font-weight:700; /*background:url('arrowupright.gif') right bottom no-repeat; background-size:1.60vw 1.60vw;*/ letter-spacing:-0.02em; line-height:0.85; } /** *** *** *** BODY.HOME (HOME PAGE) END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** BODY.ARTICLE (ARTICLE PAGES, EXCEPTION PAGES) START *** *** **/ body aside { display:none; } body.article.twocol aside { display:block; } body.article.twocol aside h2 { font-size:100%; margin:0vw; padding:0vw; } body.article.portrait.twocol aside { font-size:105%; padding-top:22.8vw; line-height:1.25; color:#727272; } body.article.portrait.twocol aside div.date { margin-top:4.96vw; font-size:179%; color:#000; } body.article.portrait.twocol aside h2 { display:none; } body.article.portrait.twocol aside a { display:none; } body.article.portrait.twocol main { padding-top:0vw; } body.article.landscape.twocol aside { font-size:105%; padding-top:10.8vw; width:14.3vw; float:left; line-height:1.25; color:#727272; } body.article.landscape.twocol aside div.date { margin-top:10.46vw; font-size:179%; color:#000; } body.article.landscape.twocol aside h2 { margin-top:5.71vw; } body.article.landscape.twocol aside a { display:block; } body.article.landscape.twocol main { width:57.8vw; } body.article a.backbutton { display:block; position:absolute; left:6.5vw; padding-right:10vw; padding-bottom:3vw; } body.article.portrait a.backbutton { top:16.9vw; } body.article.landscape a.backbutton { top:13.78vw; } body.article.portrait a.backbutton img { width:7.7vw; } body.article.landscape a.backbutton img { width:2.14vw; } body.article main { line-height:1.24; margin-bottom:6.5vw; } body.article main p { margin-bottom:1.25em; } body.article main h2 { font-size:150%; font-weight:bold; margin-top:2.0em; margin-bottom:0.7em; } body.article main div.section-title { color:#727272; font-size:75.54%; } body.article main article { font-size:100%; line-height:1.25; letter-spacing:0em; } body.article.landscape h1 { padding-bottom: 1.5vw; } body.article main article p { margin-bottom:1.25em; } body.article main article a[href] { text-decoration:underline; } body.article main article ul { margin-bottom:1.25em; } body.article main article ol { margin-left:1.25em; } body.article main article li { margin-bottom:1.25em; padding-left:0.5em; } body.article.landscape main article { width:65%; } body.article.landscape.twocol main article { width:100%; } body.article main article h1 { width:100%; line-height:1; font-size:150%; font-weight:800; padding:0vw; margin:1.5em 0em 1.0em 0em; } body.article main article h2 { width:100%; line-height:1; font-size:125%; font-weight:700; padding:0vw; margin:1.5em 0em 1.0em 0em; } body.article main article h3 { width:100%; line-height:1; font-size:125%; font-weight:400; padding:0vw; margin:1.5em 0em 1.0em 0em; font-style:italic; } body.article main article h4 { width:100%; line-height:1; font-size:100%; font-weight:400; padding:0vw; margin:1.5em 0em 1.0em 0em; font-style:italic; } body.article main article h5 { width:100%; line-height:1; font-size:100%; font-weight:400; padding:0vw; margin:1.5em 0em 1.0em 0em; } body.article main div.shares h2 { font-size:100%; margin:0vw; padding:0vw; margin-top:5.71vw; } body.article main div.shares a { display:block; color:#727272; } body.article.portrait main { padding-top:24.5vw; font-size:104.5%; } body.article.portrait main div.section-title { font-size:100%; margin-top:5.21vw; } body.article.portrait main h1 { padding-top:1.79vw; margin:0vw; line-height:1; font-size:148%; border-bottom:none; padding-bottom:10vw; } body.article.portrait main div.shares { line-height:2; } body.article.landscape main { padding-top:10.8vw; font-size:139%; } body.article.landscape.twocol main { float:left; } body.article.landscape main div.section-title { margin-top:10.71vw; } body.article.landscape main h1 { width:65%; padding-top:1vw; margin:0vw; line-height:1; font-size:319%; border-bottom:none; } body.article.landscape.twocol main h1 { width:100%; } body.article.landscape.twocol main div.shares { display:none; } body.article main div.hero { margin-top:6.5vw; } body.article.landscape main article + div.hero { margin-top:0vw; } body.article main h1 + div.hero { margin-top:0vw; } /** *** *** *** BODY.ARTICLE (ARTICLE PAGES, EXCEPTION PAGES) END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** DIV.BOXES-HALF START *** *** **/ body div.boxes-half a img { margin-bottom:0.20em; display:block; width:100%; } body div.boxes-half a span.img { margin-bottom:0.20em; display:block; background-position:center center; background-size:cover; } body div.boxes-half a div { padding-top:0.0em; } body div.boxes-half a div:first-of-type { padding-top:0.5em; } body.portrait div.boxes-half a { width:100%; margin-bottom:8.7vw; display:block; } body.portrait div.boxes-half a span.img { height:48.09vw; } body.landscape div.boxes-half a { width:49.25%; margin-bottom:4.57vw; display:inline-block; position:relative; } body.landscape div.boxes-half a:nth-of-type(odd) { float:left; clear:both; } body.landscape div.boxes-half a:nth-of-type(even) { float:right; } body.landscape div.boxes-half a span.img { height:23.7vw; } body.landscape div.hero-then-half:not(.children-even) a:last-of-type { display:none; } body.landscape div.hero-then-half.children-even a:last-of-type { display:block; } /** *** *** *** DIV.BOXES-HALF END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** DIV.COL-THIRD START *** *** **/ body div.col-third a div { padding-top:0.0em; } body div.col-third a div:first-of-type { padding-top:0.5em; } body div.col-third a img { margin-bottom:0.20em; display:block; width:100%; } body div.col-third a span.img { margin-bottom:0.20em; display:block; background-position:left center; background-size:cover; } body.portrait div.col-third a { width:100%; margin-bottom:8.7vw; display:block; } body.portrait div.col-third a span.img { height:48.09vw; } body.landscape div.col-third { width:31.8%; float:left; } body.landscape div.col-third + div.col-third { margin-left:2.3%; } body.landscape div.col-third + div.col-third + div.col-third { margin-left:0%; float:right; } body.landscape div.col-third a { width:100%; margin-bottom:4.57vw; display:inline-block; position:relative; } body.landscape div.col-third a span.img { height:15.25vw; } body.landscape div.col-third > a:nth-child(4n + 1) span.img { height:13.56vw; } body.landscape div.col-third > a:nth-child(4n + 2) span.img { height:16.94vw; } body.landscape div.col-third > a:nth-child(4n + 3) span.img { height:16.94vw; } body.landscape div.col-third > a:nth-child(4n + 4) span.img { height:16.94vw; } body.landscape div.col-third + div.col-third > a:nth-child(4n + 1) span.img { height:18.64vw; } body.landscape div.col-third + div.col-third > a:nth-child(4n + 2) span.img { height:16.94vw; } body.landscape div.col-third + div.col-third > a:nth-child(4n + 3) span.img { height:14.25vw; } body.landscape div.col-third + div.col-third > a:nth-child(4n + 4) span.img { height:15.25vw; } body.landscape div.col-third + div.col-third + div.col-third > a:nth-child(4n + 1) span.img { height:15.25vw; } body.landscape div.col-third + div.col-third + div.col-third > a:nth-child(4n + 2) span.img { height:16.94vw; } body.landscape div.col-third + div.col-third + div.col-third > a:nth-child(4n + 3) span.img { height:15.25vw; } body.landscape div.col-third + div.col-third + div.col-third > a:nth-child(4n + 4) span.img { height:17.94vw; } /** *** *** *** DIV.COL-THIRD END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** DIV.HERO START *** *** **/ body div.hero { padding:0vw; margin:0vw; } body div.hero:last-of-type { padding-top:6.5vw; } body.twocol div.hero { margin-bottom:6.5vw; } body div.hero a { width:100%; display:block; position:relative; } body div.hero a span.img { width:100%; display:block; height:48.09vw; margin-bottom:0.20em; background-position:center center; background-size:cover; } body div.hero a img { width:100%; display:block; height:auto; margin-bottom:0.20em; } body div.hero a div { padding-top:0.0em; } body div.hero a div:first-of-type { padding-top:0.5em; } body.portrait div.hero a { margin-bottom:8.7vw; } body.portrait.twocol div.hero a span.img { height:47.2vw; } body.landscape div.hero a { margin-bottom:4.57vw; } body.landscape.twocol div.hero a span.img { height:32.5vw; } /** *** *** *** DIV.HERO END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** DIV.HERO-THEN-HALF START *** *** **/ body div.hero-then-half a img { margin-bottom:0.20em; display:block; width:100%; height:auto; } body div.hero-then-half a span.img { margin-bottom:0.20em; display:block; background-position:center center; background-size:cover; } body div.hero-then-half a div { padding-top:0.0em; } body div.hero-then-half a div:first-of-type { padding-top:0.5em; } body.portrait div.hero-then-half a { width:100%; margin-bottom:8.7vw; display:block; } body.portrait div.hero-then-half a span.img { height:48.09vw; } body.landscape div.hero-then-half a { width:49.25%; margin-bottom:4.57vw; display:inline-block; position:relative; } body.landscape div.hero-then-half a:nth-of-type(even) { float:left; clear:both; } body.landscape div.hero-then-half a:nth-of-type(odd) { float:right; } body.landscape div.hero-then-half a:first-of-type { width:100%; display:block; float:none; } body.landscape div.hero-then-half a span.img { height:23.7vw; } body.landscape div.hero-then-half a:first-of-type span.img { width:100%; height:48.09vw; } body.landscape div.hero-then-half:not(.children-odd) a:last-of-type { display:none; } body.landscape div.hero-then-half.children-odd a:last-of-type { display:block; } /** *** *** *** DIV.HERO-THEN-HALF END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** DIV.LARGE-IMAGE START *** *** **/ body div.large-image { border-bottom:1px solid #727272; margin-bottom:6.5vw; } body div.large-image.lower { border-bottom:none; } body div.large-image a.more { text-decoration:underline; display:block; font-size:80%; } body div.large-image a.more.withpadding { padding-top:1em; } body div.large-image a:not(.more):not(.notdoc) img { margin-bottom:0.20em; display:block; width:100%; } body div.large-image span.nota img { margin-bottom:0.20em; display:block; width:100%; } body div.large-image a:not(.more):not(.notdoc) span.img { margin-bottom:0.20em; display:block; background-position:center center; background-size:cover; } body div.large-image span.nota span.img { margin-bottom:0.20em; display:block; background-position:center center; background-size:cover; } body div.large-image a:not(.more):not(.notdoc) div { padding-bottom:0.5em; line-height:1.25; } body div.large-image span.nota div { padding-bottom:0.5em; line-height:1.25; } body div.large-image a:not(.more):not(.notdoc) div.link-title { font-weight:700; } body div.large-image span.nota div.link-title { font-weight:700; } body div.large-image a:not(.more):not(.notdoc) div.link-subtitle { color:inherit; } body div.large-image span.nota div.link-subtitle { color:inherit; } body.portrait div.large-image a:not(.more):not(.notdoc) { width:100%; margin-bottom:8.7vw; display:block; position:relative; } body.portrait div.large-image span.nota { width:100%; margin-bottom:8.7vw; display:block; position:relative; } body.portrait div.large-image a:not(.more):not(.notdoc) span.img { height:48.09vw; } body.portrait div.large-image span.nota span.img { height:48.09vw; } body.portrait div.large-image a:not(.more):not(.notdoc) div.link-title { font-size:150%; padding-top:3vw; } body.portrait div.large-image span.nota div.link-title { font-size:150%; padding-top:3vw; } body.landscape div.large-image a:not(.more):not(.notdoc) { min-height:30.78vw; width:100%; margin-bottom:8.7vw; display:block; position:relative; font-size:137%; } body.landscape div.large-image span.nota { min-height:30.78vw; width:100%; margin-bottom:8.7vw; display:block; position:relative; font-size:137%; } body.landscape div.large-image a.notdoc span.img { position:absolute !important; } body.landscape div.large-image a:not(.more):not(.notdoc) span.img { height:30.78vw; width:54.72vw; position:absolute; } body.landscape div.large-image span.nota span.img { height:30.78vw; width:54.72vw; position:absolute; } body.landscape div.large-image span.award-wrapper { min-height:30.78vw; display:block; position:relative; } body.landscape div.large-image a:not(.more):not(.notdoc) div { margin-left:60vw; width:25vw; color:unset; } body.landscape div.large-image span.nota div { margin-left:60vw; width:25vw; color:unset; } body.landscape div.large-image a:not(.more):not(.notdoc) div.link-title { font-size:160%; } body.landscape div.large-image span.nota div.link-title { font-size:160%; line-height:1; } body.landscape div.large-image.lower a:not(.more):not(.notdoc) div.link-title { text-align:center; } body.landscape div.large-image.lower span.nota div.link-title { text-align:center; } body.landscape div.large-image.lower a:not(.more):not(.notdoc) div.link-subtitle { text-align:center; } body.landscape div.large-image.lower span.nota div.link-subtitle { text-align:center; } body div.large-image span.nota div.link-title { font-size:160%; line-height:1; } body.landscape div.large-image span.award-wrapper div.link-awardspacer { height:6vw; } body.landscape div.large-image span.award-wrapper div.link-awardimage { position:absolute; bottom:0; margin-bottom:0; padding-bottom:0; } body.landscape div.large-image span.award-wrapper div.link-awardimage img { margin:0 auto; padding:0; height:12vw; width:auto; } body.portrait div.large-image span.award-wrapper div.link-awardimage { text-align:center; } body.portrait div.large-image span.award-wrapper div.link-awardimage img { height:37vw; width:auto; margin:2vw auto 4vw auto; } body div.large-image iframe { position:absolute; z-index:999; } body.portrait div.large-image iframe { position:absolute; z-index:999; height:48.09vw !important; } /** *** *** *** DIV.LARGE-IMAGE END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** DL.ACCORDION (ON ABOUT PAGE) START *** *** **/ body dl.accordion dt { padding-top:5vw; padding-bottom:5vw; border-top:1px solid #727272; } body.portrait dl.accordion dt { font-size:145%; } body.landscape dl.accordion dt { font-size:500%; font-weight:300; } body dl.accordion dt:first-of-type { padding-top:0vw; margin-top:5vw; border-top:none; } body dl.accordion dt div.accordion-toggle { display:inline-block; vertical-align:middle; float:right; position:relative; margin-left:1.5vw; margin-right:1vw; } body dl.accordion dt div.accordion-toggle div.accordion-toggle-line1 { display:inline-block; position:absolute; background-color:#000; } body dl.accordion dt div.accordion-toggle div.accordion-toggle-line2 { display:inline-block; position:absolute; background-color:#000; } body.portrait dl.accordion dt div.accordion-toggle { width:3vw; height:3vw; margin-top:1vw} body.portrait dl.accordion dt div.accordion-toggle div.accordion-toggle-line1 { margin-top:0.85vw; width:3vw; height:.3vw; } body.portrait dl.accordion dt div.accordion-toggle div.accordion-toggle-line2 { transform:rotate(90deg); margin-top:0.85vw; width:3vw; height:.3vw; } body.landscape dl.accordion dt div.accordion-toggle { width:0.3636em; height:0.3636em; margin-top:0.3636em; } body.landscape dl.accordion dt div.accordion-toggle div.accordion-toggle-line1 { margin-top:0.16362em; width:0.3636em; height:0.03636em; } body.landscape dl.accordion dt div.accordion-toggle div.accordion-toggle-line2 { transform:rotate(90deg); margin-top:0.16362em; width:0.3636em; height:0.03636em; } body dl.accordion dt.on div.accordion-toggle div.accordion-toggle-line2 { transform:rotate(0deg); } body dl.accordion dd { height:0vw; overflow:hidden; } body dl.accordion dt.on + dd { height:auto; } body dl.accordion dd > span { line-height:1.25; display:block; padding-bottom:5vw; } body.portrait dl.accordion dd > span { font-size:112%; } body.landscape dl.accordion dd > span { font-size:139%; letter-spacing:0em; } body.landscape dl.accordion dd > span div.accordion-text { width:65%; } body.landscape dl.accordion dd > span div.accordion-text p { width:65%; margin-top:0 !important; } body dl.accordion dd > span p { margin-bottom:1.25em; } body dl.accordion dd > span ul { margin-bottom:1.25em; } body dl.accordion dd > span ol { margin-left:1.25em; } body dl.accordion dd > span li { margin-bottom:1.25em; padding-left:0.5em; } body dl.accordion dd div.hero { margin:0; padding:0; } /** *** *** *** DL.ACCORDION (ON ABOUT PAGE) END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** DIV.GPCCONTAINER (ON ABOUT PAGE) START *** *** **/ body.portrait div.gpccontainer span.gpcnumwrapper { vertical-align:middle; width:40%; display:inline-block; position:relative; text-align:center; padding:6vw 0vw; font-size:27.35vw; } body.portrait div.gpccontainer a.gpcnumber { margin-bottom:18vw; } body.portrait div.gpccontainer a.gpcnumber { display:block; position:relative; font-size:555%; width:100%; text-align:center; font-weight:700; margin-bottom:0.3em; } body.portrait div.gpccontainer a.gpcnumber.gpc7 { color:#54a654; } /* body.portrait div.gpccontainer:focus-within a.gpcnumber:not(:focus-within) { color:#757575; } body.portrait div.gpccontainer:not(:focus-within):hover a.gpcnumber:not(:hover) { color:#757575; } */ body.portrait div.gpccontainer a.gpcnumber.gpc7 span.gpc7plus { position:absolute; font-size:50%; bottom:0.24em; right:0.20em; } body.portrait div.gpccontainer a.gpcnumber span.gpclabel { font-size:16%; position:absolute; width:100%; text-align:center; padding-top:7em; left:0vw; } body.portrait div.gpccontainer a.gpcnumber div.gpctext { vertical-align:middle; display:inline-block; width:45%; margin-left:9%; font-size:15%; line-height:1.25; font-weight:400; padding-top:7.5vw; color:#000; cursor:default; } /* body.portrait div.gpccontainer a.gpcnumber.gpc10 div.gpctext { padding-top:9vw; } body.portrait div.gpccontainer a.gpcnumber.gpc8 div.gpctext { padding-top:-10vw; } body.portrait div.gpccontainer a.gpcnumber.gpc7 div.gpctext { padding-top:-10vw; } body.portrait div.gpccontainer a.gpcnumber.gpc6 div.gpctext { padding-top:-10vw; } body.portrait div.gpccontainer a.gpcnumber.gpc5 div.gpctext { padding-top:-10vw; } body.portrait div.gpccontainer a.gpcnumber.gpc2 div.gpctext { padding-top:-10vw; } body.portrait div.gpccontainer a.gpcnumber.gpc1 div.gpctext { padding-top:5vw; } body.portrait div.gpccontainer a.gpcnumber:focus-within div.gpctext { display:block; } body.portrait div.gpccontainer:not(:focus-within) a.gpcnumber:hover div.gpctext { display:block; } body.portrait div.gpccontainer:focus-within a.gpcnumber:not(:focus-within) img { filter:none; } body.portrait div.gpccontainer:not(:focus-within):hover a.gpcnumber:not(:hover) img { filter:none; } */ body.portrait div.gpccontainer a.gpcnumber.gpc8 img { width:0.8em; filter:brightness(0); } body.portrait div.gpccontainer span.breaker { display:block; clear:both; padding-top:3vw; } body.landscape div.gpccontainer { white-space:nowrap; display:block; font-weight:700; font-size:12vw; width:min-content; letter-spacing:-0.01em; line-height:0.96; margin:3vw 0vw calc(var(--font-landscape) * 18) 0vw; border-top:1px solid #727272; border-bottom:1px solid #727272; } body.landscape div.gpccontainer a.gpcnumber { position:relative; display:inline-block; } body.landscape div.gpccontainer a.gpcnumber.gpc1 { color:#757575; } body.landscape div.gpccontainer a.gpcnumber.gpc2 { color:#757575; } body.landscape div.gpccontainer a.gpcnumber.gpc3 { color:#5e5e5e; } body.landscape div.gpccontainer a.gpcnumber.gpc4 { color:#464646; } body.landscape div.gpccontainer a.gpcnumber.gpc5 { color:#2f2f2f; } body.landscape div.gpccontainer a.gpcnumber.gpc6 { color:#171717; } body.landscape div.gpccontainer a.gpcnumber.gpc7 { color:#54a654; } body.landscape div.gpccontainer a.gpcnumber.gpc8 { color:#000000; } body.landscape div.gpccontainer a.gpcnumber.gpc9 { color:#000000; } body.landscape div.gpccontainer a.gpcnumber.gpc10 { color:#000000; } body.landscape div.gpccontainer:focus-within a.gpcnumber:focus-within { color:#54a654 !important; } body.landscape div.gpccontainer:focus-within a.gpcnumber:not(:focus-within) { color:#757575 !important; } body.landscape div.gpccontainer:hover:not(:focus-within) a.gpcnumber:hover { color:#54a654 !important; } body.landscape div.gpccontainer:hover:not(:focus-within) a.gpcnumber:not(:hover) { color:#757575 !important; } body.landscape div.gpccontainer a.gpcnumber.gpc8 img { height:0.69em; vertical-align:baseline; filter:brightness(0); } body.landscape div.gpccontainer:focus-within a.gpcnumber:not(:focus-within) img { filter:brightness(0.5); !important; } body.landscape div.gpccontainer:hover:not(:focus-within) a.gpcnumber:not(:hover) img { filter:brightness(0.5); !important; } body.landscape div.gpccontainer a.gpcnumber.gpc7 span.gpc7plus { position:absolute; font-size:25%; display:block; text-align:right; width:100%; margin-top:2.5em; font-weight:700; width:85%; } body.landscape div.gpccontainer a.gpcnumber div.gpctext { display:none; color:#54a654; position:absolute; font-size:min(calc(var(--font-landscape) * 0.9196), 2.1vw); line-height:1.25; white-space:normal; width:20vw; margin-left:-7vw; margin-top:14vw; letter-spacing:-0.02em; font-weight:normal; color:#000; padding:2vw; z-index:999; cursor:default; } body.landscape div.gpccontainer a.gpcnumber.gpc1 div.gpctext { margin-left:-1.5vw; } body.landscape div.gpccontainer a.gpcnumber.gpc2 div.gpctext { margin-left:-4.5vw; } body.landscape div.gpccontainer a.gpcnumber.gpc10 div.gpctext { margin-left:0em; right:0em; text-align:right; } body.landscape div.gpccontainer:focus-within a.gpcnumber:focus-within div.gpctext { display:block; } body.landscape div.gpccontainer:hover:not(:focus-within) a.gpcnumber:hover div.gpctext { display:block; } body.landscape div.gpccontainer a.gpcnumber span.gpclabel { position:absolute; font-size:8.5%; padding:4em 1em; color:#000; margin-top:9em; letter-spacing:-0.01em; } body.landscape div.gpccontainer a.gpcnumber.gpc1 span.gpclabel { margin-left:-0.5em; } body.landscape div.gpccontainer a.gpcnumber.gpc2 span.gpclabel { margin-left: 1.9em; } body.landscape div.gpccontainer a.gpcnumber.gpc3 span.gpclabel { margin-left: 1.0em; } body.landscape div.gpccontainer a.gpcnumber.gpc4 span.gpclabel { margin-left: 0.2em; } body.landscape div.gpccontainer a.gpcnumber.gpc5 span.gpclabel { margin-left: 0.6em; } body.landscape div.gpccontainer a.gpcnumber.gpc6 span.gpclabel { margin-left: 0.5em; } body.landscape div.gpccontainer a.gpcnumber.gpc7 span.gpclabel { margin-left: 0.2em; color:#54a654; } body.landscape div.gpccontainer a.gpcnumber.gpc8 span.gpclabel { margin-left: 0.3em; } body.landscape div.gpccontainer a.gpcnumber.gpc9 span.gpclabel { margin-left:-1.0em; } body.landscape div.gpccontainer a.gpcnumber.gpc10 span.gpclabel { margin-left: 2.0em; } body.landscape div.gpccontainer:focus-within a.gpcnumber:not(:focus-within) span.gpclabel { color:#727272 !important; } body.landscape div.gpccontainer:focus-within a.gpcnumber:focus-within span.gpclabel { color:#54a654 !important; } body.landscape div.gpccontainer:hover:not(:focus-within) a.gpcnumber:not(:hover) span.gpclabel { color:#727272 !important; } body.landscape div.gpccontainer:hover:not(:focus-within) a.gpcnumber:hover span.gpclabel { color:#54a654 !important; } /** *** *** *** DIV.GPCCONTAINER (ON ABOUT PAGE) END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** UL.LEO-VALUES (ON CULTURE PAGE) START *** *** **/ body.portrait ul.leo-values { list-style:none; margin:0; } body.portrait ul.leo-values li { list-style:none; margin:0; } body.portrait ul.leo-values li h2 { font-size:150%; font-weight:700; } body.portrait ul.leo-values { display:block; text-align:center; } body.portrait ul.leo-values li { display:inline-block; border-top:1px solid #727272; padding-top:4vw; margin-top:10vw; width:100%; } /* body.portrait ul.leo-values li:nth-child(2n + 2) { clear:right; float:right; } body.portrait ul.leo-values li:nth-child(2n + 1) { clear:both; float:left; } */ body.portrait ul.leo-values li:nth-child(1n + 2) { clear:both; float:left; } body.portrait ul.leo-values li:nth-child(1) { border-top:none; padding-top:0; margin-top:0vw; margin-right:0vw; float:none; display:block; width:100%; } body.portrait ul.leo-values li:nth-child(2) { border-top:none; padding-top:0; margin-top:0vw; margin-right:0vw; float:none; display:block; width:100%; line-height:1.25; } body.portrait ul.leo-values li div:nth-of-type(1) { font-size:450%; font-weight:300; } body.portrait ul.leo-values li div:nth-of-type(2) { font-size:100%; font-weight:400; line-height:1.25; margin-top:6vw; margin-bottom:6vw; } body.portrait ul.leo-values li div:nth-of-type(3) { font-size:100%; font-weight:400; line-height:1.25; } body.portrait ul.leo-values li:nth-child(2) div:nth-of-type(1) { font-size:100%; font-weight:400; } body.portrait ul.leo-values li:last-of-type { padding-bottom:20vw; } body.landscape ul.leo-values { list-style:none; margin:0; } body.landscape ul.leo-values li { list-style:none; margin:0; } body.landscape ul.leo-values li h2 { font-size:500%; font-weight:700; } body.landscape ul.leo-values { display:block; text-align:center; } body.landscape ul.leo-values li { display:inline-block; border-top:1px solid #727272; padding-top:2vw; margin-top:6vw; width:27.8%; } body.landscape ul.leo-values li:nth-child(3n + 1) { clear:right; float:right; } body.landscape ul.leo-values li:nth-child(3n + 2) { clear:both; float:left; margin-right:8.3%; } body.landscape ul.leo-values li:nth-child(3n + 3) { clear:right; float:left; } body.landscape ul.leo-values li:nth-child(1) { border-top:none; padding-top:0; margin-top:0vw; margin-right:0vw; float:none; display:block; width:100%; } body.landscape ul.leo-values li:nth-child(2) { border-top:none; padding-top:0; margin-top:0vw; margin-right:0vw; float:none; display:block; width:100%; line-height:1.25; } body.landscape ul.leo-values li:nth-child(3) { margin-left:36.1%; } body.landscape ul.leo-values li div:nth-of-type(1) { font-size:875%; font-weight:300; } body.landscape ul.leo-values li div:nth-of-type(2) { font-size:150%; font-weight:400; line-height:1.1; padding-top:1.5em; } body.landscape ul.leo-values li div:nth-of-type(3) { letter-spacing:0em; font-size:90%; font-weight:400; line-height:1.1; padding-top:1em; } body.landscape ul.leo-values li:nth-child(2) div:nth-of-type(1) { font-size:137%; width:65%; font-weight:400; } body.landscape ul.leo-values li:last-of-type { padding-bottom:10vw; } /** *** *** *** UL.LEO-VALUES (ON CULTURE PAGE) END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** DIV.FILTER (ON NEWS PAGE) START *** *** **/ body.portrait div.filter div { transition:padding-top 0.3s; background:rgba(255,255,255,0.98); } body.portrait div.filter div.locked { position:fixed; top:0; left:0; width:100%; padding-top:11vw; z-index:999998; } body.portrait div.filter div.locked { position:fixed; top:0; left:0; width:100%; padding-top:11vw; z-index:999998; } body.portrait div.filter div.locked div { margin:0vw 6.5vw; } body.portrait.menu-gone div.filter div.locked { padding-top:0vw; } body.portrait div.filter div div { transition:padding-top 0.3s; color:#000; border-bottom: 1px solid #000; margin-bottom: 6.5vw; padding-bottom: 6.5vw; padding-top:4.5vw; height:auto; } body.portrait div.filter div div a { margin:0vw 3vw 0vw 0vw; display:inline-block; width:auto; height:auto; } body.landscape div.filter { display:none; } /** *** *** *** DIV.FILTER (ON NEWS PAGE) END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************* *** *** *** JAVASCRIPT COMPONENTS START *** *** **/ body a#view-cursor { width:6.5vw; height:6.5vw; color:#fff; font-size:2.4vw; background-color:rgba(0,0,0,0.75); border:2px solid #000; border-radius:10vw; position:fixed; top:-200vw; left:-200vw; display:none; z-index:999999; cursor:none !important; } body a#view-cursor span { display:block; text-align:center; padding-top:2.4vw; user-select:none; font-size:65%; } body.view-cursor { cursor:none !important; } body .pusheddown { padding-top:5vw; margin-top:10vw; opacity:0.05; margin-bottom:10vw; } body li.pusheddown { padding-top:20vw !important; } body li.pusheddown.pusheddown1 { padding-top:35vw !important; } body li.pusheddown.pusheddown2 { padding-top:25vw !important; } body li.pusheddown.pusheddown3 { padding-top:30vw !important; } body li.pusheddown.pusheddown4 { padding-top:20vw !important; } body .pusheddown.pusheddown1 { padding-top:11vw; margin-top:20vw; } body .pusheddown.pusheddown2 { padding-top:7vw; margin-top:17vw; } body .pusheddown.pusheddown3 { padding-top:13vw; margin-top:14vw; } body .pusheddown.pusheddown4 { padding-top:9vw; margin-top:22vw; } body span#blocker { position:fixed; top:0%; left:0%; width:100%; height:100%; z-index:9999999; display:none; background:rgba(255,255,255,0.05); x-cursor:wait; } body span.video-icon { position: absolute; width:3.6vw; height:3.6vw; margin-top:calc(-0.2em - 4.5vw - 1.8vw); margin-left:1.8vw; background:url(video-icon.svg) center center no-repeat; background-size:contain; } body.landscape .large-image span.video-icon { margin-left:0; margin-right:0; top:32vw; left:1.8vw; } body.portrait .large-image span.video-icon { margin-top:0; top:43.2vw; } body.landscape.twocol div.hero a.videohref img { width:57.8vw; } body.landscape.twocol div.hero a.videohref img { height:32.51vw; } body.landscape.twocol div.hero a span.video-icon { margin-top:0vw; top:27.11vw; } body.landscape div.hero a.videohref img { width:85.5vw; } body.landscape div.hero a.videohref img { height:48.09vw; } body.landscape div.hero a.videohref img { width:100%; } body.landscape div.hero a.videohref img { x-height:100%; } body.portrait div.hero a.videohref img { width:84.0vw; } body.portrait div.hero a.videohref img { height:47.25vw; } body.landscape div.hero a span.video-icon { margin-top:0vw; top:42.69vw; } body.portrait div.hero a span.video-icon { margin-top:0vw; top:41.85vw; } /** *** *** *** JAVASCRIPT COMPONENTS END *** *** ************************************************************************************************************************************************* ************************************************************************************************************************************************/ div.legal p, div.legal td, div.legal th { font-size:150%; line-height:1.5em; } div.legal td, div.legal th { margin-bottom:1em; padding:1em; vertical-align:top; text-align:left; } div.legal a { text-decoration:underline; } div.legal p { margin-bottom:1em; font-size:150%; } div.legal table { margin-bottom:1em; width:100%; } div.legal th { background-color:#f8f8f8; } div.legal td:nth-child(1), div.legal th:nth-child(1) { width:30%; } div.legal td:nth-child(2), div.legal th:nth-child(2) { width:70%; } div.legal { margin-bottom:5em; } xfooter > div:nth-child(4) > a:nth-child(4) { margin-top:1.5em; } xhtml:not(.allow-transcripts) .transcript-button { display:none !important; } .transcript-button { float:right; padding-bottom:2em; padding-left:1em; padding-top:0.5em; word-spacing:0.08em; letter-spacing:0em; line-height:1.1; font-weight:400; font-size:70%; white-space:nowrap; margin-bottom:1em; cursor:pointer; } div.large-image .transcript-button { float:none; top:30.78vw; width:54.72vw; position:absolute; padding:0.5em 0; text-align:right; } body.home.portrait h1.legal-h1 { padding-bottom: 4.10vw; } body.home.landscape h1.legal-h1 { padding-bottom: 8.45vw; }