@charset "UTF-8"; /* Welcome to Compass. * In this file you should write your main styles. (or centralize your imports) * Import this file using the following HTML or equivalent: * */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } @media screen and (min-width: 300px) { head { font-family: "usn-small 300px"; } body:after { content: "usn-small - min-width: 300px"; } } @media screen and (min-width: 480px) { head { font-family: "usn-medium 480px"; } body:after { content: "usn-medium - min-width: 480px"; } } @media screen and (min-width: 1024px) { head { font-family: "usn-xlarge 1024px"; } body:after { content: "usn-xlarge - min-width: 1024px"; } } head { clear: both; } head title { font-family: "usn-small 300px, usn-medium 480px, usn-xlarge 1024px"; } body:after { display: none; } *[data-usn-if] { display: none; } /*------------------------------------*\ $MIXINS \*------------------------------------*/ /* BOXES */ /* Accessibility Visibility Helper */ .visually-hidden, button.menu span, button.menu-close span, button.close span, button.menu-back span, button.twitter span, button.fb span, button.yt span, button.insta span, button.pinterest span, button.linkedin span, button.twitch span, button.website span, button.prev span, button.next span, button.pagin-prev span, button.pagin-next span, button.back span, button.search span, button.filters span, button.mail span, button.dld span, button.gplus span, a.menu span, a.menu-close span, a.close span, a.menu-back span, a.twitter span, a.fb span, a.yt span, a.insta span, a.pinterest span, a.linkedin span, a.twitch span, a.website span, a.prev span, a.next span, a.pagin-prev span, a.pagin-next span, a.back span, a.search span, a.filters span, a.mail span, a.dld span, a.gplus span, span.menu span, span.menu-close span, span.close span, span.menu-back span, span.twitter span, span.fb span, span.yt span, span.insta span, span.pinterest span, span.linkedin span, span.twitch span, span.website span, span.prev span, span.next span, span.pagin-prev span, span.pagin-next span, span.back span, span.search span, span.filters span, span.mail span, span.dld span, span.gplus span, label.menu span, label.menu-close span, label.close span, label.menu-back span, label.twitter span, label.fb span, label.yt span, label.insta span, label.pinterest span, label.linkedin span, label.twitch span, label.website span, label.prev span, label.next span, label.pagin-prev span, label.pagin-next span, label.back span, label.search span, label.filters span, label.mail span, label.dld span, label.gplus span, button.toggle span, button.active-toggle span, button.spip_out span, button.to-top span, button.more span, a.toggle span, a.active-toggle span, a.spip_out span, a.to-top span, a.more span, span.toggle span, span.active-toggle span, span.spip_out span, span.to-top span, span.more span, label.toggle span, label.active-toggle span, label.spip_out span, label.to-top span, label.more span, .hidden-title, .news-tile figure > span span { position: absolute; overflow: hidden; clip: rect(0 0 0 0); border: 0; height: 1px; width: 1px; margin: -1px; padding: 0; } @font-face { font-family: "rs2017"; src: url('../fonts/rs2017/rs2017.eot?1561550554'); src: url('../fonts/rs2017/rs2017.eot?&1561550554#iefix') format('embedded-opentype'), url('../fonts/rs2017/rs2017.woff?1561550552') format('woff'), url('../fonts/rs2017/rs2017.ttf?1561550552') format('truetype'), url('../fonts/rs2017/rs2017.svg?1561550552') format('svg'); } [data-icon-before]:before, [data-icon-after]:after, [class^="icon-"].icon-before:before, [class*=" icon-"].icon-before:before, [class^="icon-"].icon-after:after, [class*=" icon-"].icon-after:after, .rsPlayBtnIcon:before, .rsCloseVideoIcn:after, .audiojs .play-pause .play:before, .audiojs .play-pause .pause:before, .audiojs .play-pause .loading:before, .audiojs .play-pause .error:before, .pretty-list li:before, .article-content ul li:before, .accordion dd ul li:before, button.menu:before, button.menu-close:before, button.close:before, button.menu-back:before, button.twitter:before, button.fb:before, button.yt:before, button.insta:before, button.pinterest:before, button.linkedin:before, button.twitch:before, button.website:before, button.prev:before, button.next:before, button.pagin-prev:before, button.pagin-next:before, button.back:before, button.search:before, button.filters:before, button.mail:before, button.dld:before, button.gplus:before, a.menu:before, a.menu-close:before, a.close:before, a.menu-back:before, a.twitter:before, a.fb:before, a.yt:before, a.insta:before, a.pinterest:before, a.linkedin:before, a.twitch:before, a.website:before, a.prev:before, a.next:before, a.pagin-prev:before, a.pagin-next:before, a.back:before, a.search:before, a.filters:before, a.mail:before, a.dld:before, a.gplus:before, span.menu:before, span.menu-close:before, span.close:before, span.menu-back:before, span.twitter:before, span.fb:before, span.yt:before, span.insta:before, span.pinterest:before, span.linkedin:before, span.twitch:before, span.website:before, span.prev:before, span.next:before, span.pagin-prev:before, span.pagin-next:before, span.back:before, span.search:before, span.filters:before, span.mail:before, span.dld:before, span.gplus:before, label.menu:before, label.menu-close:before, label.close:before, label.menu-back:before, label.twitter:before, label.fb:before, label.yt:before, label.insta:before, label.pinterest:before, label.linkedin:before, label.twitch:before, label.website:before, label.prev:before, label.next:before, label.pagin-prev:before, label.pagin-next:before, label.back:before, label.search:before, label.filters:before, label.mail:before, label.dld:before, label.gplus:before, .instripe-slideshow .feature a:before, .news-tile figure > span:before, .trackdays-form .select:before, .rsDefault .rsArrowIcn:after, .threesixty:after, button.toggle:after, button.active-toggle:after, button.spip_out:after, button.to-top:after, button.more:after, a.toggle:after, a.active-toggle:after, a.spip_out:after, a.to-top:after, a.more:after, span.toggle:after, span.active-toggle:after, span.spip_out:after, span.to-top:after, span.more:after, label.toggle:after, label.active-toggle:after, label.spip_out:after, label.to-top:after, label.more:after, .rs-btn-type-dld:after, .rs-btn-configure:after, .select:after, .header .main-nav-item a.has-sublevel:after, .header .main-nav-item a.has-sub-sublevel:after, .horiz-text-and-media .folder-file-detail.loading:after, .accordion dt:after, #heritage-dates-list li.loading:after, .hybrid-challenge-page #etech-challenge .fake-select .rs-btn:after { font-family: "rs2017" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-decoration: none !important; text-transform: none !important; font-size-adjust: none !important; speak: none; line-height: 1; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; } [data-icon-before]:before, [class^="icon-"].icon-before:before, [class*=" icon-"].icon-before:before, .rsPlayBtnIcon:before, .rsCloseVideoIcn:after, .audiojs .play-pause .play:before, .audiojs .play-pause .pause:before, .audiojs .play-pause .loading:before, .audiojs .play-pause .error:before, .pretty-list li:before, .article-content ul li:before, .accordion dd ul li:before, button.menu:before, button.menu-close:before, button.close:before, button.menu-back:before, button.twitter:before, button.fb:before, button.yt:before, button.insta:before, button.pinterest:before, button.linkedin:before, button.twitch:before, button.website:before, button.prev:before, button.next:before, button.pagin-prev:before, button.pagin-next:before, button.back:before, button.search:before, button.filters:before, button.mail:before, button.dld:before, button.gplus:before, a.menu:before, a.menu-close:before, a.close:before, a.menu-back:before, a.twitter:before, a.fb:before, a.yt:before, a.insta:before, a.pinterest:before, a.linkedin:before, a.twitch:before, a.website:before, a.prev:before, a.next:before, a.pagin-prev:before, a.pagin-next:before, a.back:before, a.search:before, a.filters:before, a.mail:before, a.dld:before, a.gplus:before, span.menu:before, span.menu-close:before, span.close:before, span.menu-back:before, span.twitter:before, span.fb:before, span.yt:before, span.insta:before, span.pinterest:before, span.linkedin:before, span.twitch:before, span.website:before, span.prev:before, span.next:before, span.pagin-prev:before, span.pagin-next:before, span.back:before, span.search:before, span.filters:before, span.mail:before, span.dld:before, span.gplus:before, label.menu:before, label.menu-close:before, label.close:before, label.menu-back:before, label.twitter:before, label.fb:before, label.yt:before, label.insta:before, label.pinterest:before, label.linkedin:before, label.twitch:before, label.website:before, label.prev:before, label.next:before, label.pagin-prev:before, label.pagin-next:before, label.back:before, label.search:before, label.filters:before, label.mail:before, label.dld:before, label.gplus:before, .instripe-slideshow .feature a:before, .news-tile figure > span:before, .trackdays-form .select:before { margin-right: 0.5rem; } [data-icon-after]:after, [class^="icon-"].icon-after:after, [class*=" icon-"].icon-after:after, .rsDefault .rsArrowIcn:after, .threesixty:after, button.toggle:after, button.active-toggle:after, button.spip_out:after, button.to-top:after, button.more:after, a.toggle:after, a.active-toggle:after, a.spip_out:after, a.to-top:after, a.more:after, span.toggle:after, span.active-toggle:after, span.spip_out:after, span.to-top:after, span.more:after, label.toggle:after, label.active-toggle:after, label.spip_out:after, label.to-top:after, label.more:after, .rs-btn-type-dld:after, .rs-btn-configure:after, .select:after, .header .main-nav-item a.has-sublevel:after, .header .main-nav-item a.has-sub-sublevel:after, .horiz-text-and-media .folder-file-detail.loading:after, .accordion dt:after, #heritage-dates-list li.loading:after, .hybrid-challenge-page #etech-challenge .fake-select .rs-btn:after { margin-left: 0.5rem; } [data-icon-before]:before { content: attr(data-icon-before); } [data-icon-after]:after { content: attr(data-icon-after); } .icon-nav.icon-before:before, .icon-nav.icon-after:after, button.menu:before, a.menu:before, span.menu:before, label.menu:before { content: "\e000"; } .icon-close.icon-before:before, .icon-close.icon-after:after, .rsCloseVideoIcn:after, button.menu-close:before, button.close:before, a.menu-close:before, a.close:before, span.menu-close:before, span.close:before, label.menu-close:before, label.close:before, .accordion dt.active-toggle:after { content: "\e001"; } .icon-up.icon-before:before, .icon-up.icon-after:after, .rsDefault.rsVer .rsArrowLeft .rsArrowIcn:after, button.active-toggle:after, a.active-toggle:after, span.active-toggle:after, label.active-toggle:after, button.to-top:after, a.to-top:after, span.to-top:after, label.to-top:after { content: "\e002" !important; } .icon-down.icon-before:before, .icon-down.icon-after:after, .rsDefault.rsVer .rsArrowRight .rsArrowIcn:after, button.toggle:after, a.toggle:after, span.toggle:after, label.toggle:after, .select:after, .hybrid-challenge-page #etech-challenge .fake-select .rs-btn:after { content: "\e003"; } .icon-chevron-inv.icon-before:before, .icon-chevron-inv.icon-after:after, .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:after, button.menu-back:before, a.menu-back:before, span.menu-back:before, label.menu-back:before, button.prev:before, a.prev:before, span.prev:before, label.prev:before { content: "\e004"; } .icon-chevron.icon-before:before, .icon-chevron.icon-after:after, .rsDefault.rsHor .rsArrowRight .rsArrowIcn:after, button.next:before, a.next:before, span.next:before, label.next:before, .header .main-nav-item a.has-sublevel:after, .header .main-nav-item a.has-sub-sublevel:after { content: "\e005"; } .icon-short-arrow-left.icon-before:before, .icon-short-arrow-left.icon-after:after, button.pagin-prev:before, a.pagin-prev:before, span.pagin-prev:before, label.pagin-prev:before, button.back:before, a.back:before, span.back:before, label.back:before { content: "\e006"; } .icon-short-arrow-right.icon-before:before, .icon-short-arrow-right.icon-after:after, button.pagin-next:before, a.pagin-next:before, span.pagin-next:before, label.pagin-next:before { content: "\e007"; } .icon-search.icon-before:before, .icon-search.icon-after:after, button.search:before, a.search:before, span.search:before, label.search:before { content: "\e008"; } .icon-filters.icon-before:before, .icon-filters.icon-after:after, button.filters:before, a.filters:before, span.filters:before, label.filters:before { content: "\e009"; } .icon-download.icon-before:before, .icon-download.icon-after:after, button.dld:before, a.dld:before, span.dld:before, label.dld:before, .rs-btn-type-dld:after, .rs-btn-configure:after { content: "\e00a"; } .icon-link-out.icon-before:before, .icon-link-out.icon-after:after, button.spip_out:after, a.spip_out:after, span.spip_out:after, label.spip_out:after { content: "\e00b"; } .icon-play.icon-before:before, .icon-play.icon-after:after, .rsPlayBtnIcon:before, .audiojs .play-pause .play:before { content: "\e00c"; } .icon-pause.icon-before:before, .icon-pause.icon-after:after, .audiojs .play-pause .pause:before { content: "\e00d"; } .icon-poi.icon-before:before, .icon-poi.icon-after:after, .trackdays-form .select:before { content: "\e00e"; } .icon-mail.icon-before:before, .icon-mail.icon-after:after, button.mail:before, a.mail:before, span.mail:before, label.mail:before { content: "\e00f"; } .icon-instagram.icon-before:before, .icon-instagram.icon-after:after, button.insta:before, a.insta:before, span.insta:before, label.insta:before { content: "\e010"; } .icon-fb.icon-before:before, .icon-fb.icon-after:after, button.fb:before, a.fb:before, span.fb:before, label.fb:before { content: "\e011"; } .icon-youtube.icon-before:before, .icon-youtube.icon-after:after, button.yt:before, a.yt:before, span.yt:before, label.yt:before { content: "\e012"; } .icon-twitter.icon-before:before, .icon-twitter.icon-after:after, button.twitter:before, a.twitter:before, span.twitter:before, label.twitter:before { content: "\e013"; } .icon-loader.icon-before:before, .icon-loader.icon-after:after, .audiojs .play-pause .loading:before, .horiz-text-and-media .folder-file-detail.loading:after, #heritage-dates-list li.loading:after { content: "\e014"; } .icon-dot.icon-before:before, .icon-dot.icon-after:after, .pretty-list li:before, .article-content ul li:before, .accordion dd ul li:before { content: "\e015"; } .icon-website.icon-before:before, .icon-website.icon-after:after, button.website:before, a.website:before, span.website:before, label.website:before { content: "\e016"; } .icon-play-alt.icon-before:before, .icon-play-alt.icon-after:after, .news-tile figure > span:before { content: "\e017"; } .icon-360.icon-before:before, .icon-360.icon-after:after, .threesixty:after { content: "\e018"; } .icon-more.icon-before:before, .icon-more.icon-after:after, button.more:after, a.more:after, span.more:after, label.more:after, .accordion dt:after { content: "\e019"; } .icon-check.icon-before:before, .icon-check.icon-after:after, .add-buttons-list label.selected:after { content: "\e01A"; } .icon-twitch.icon-before:before, .icon-twitch.icon-after:after, button.twitch:before, a.twitch:before, span.twitch:before, label.twitch:before { content: "\e01B"; } .icon-gplus.icon-before:before, .icon-gplus.icon-after:after, button.gplus:before, a.gplus:before, span.gplus:before, label.gplus:before { content: "\e01C"; } .icon-car-config.icon-before:before, .icon-car-config.icon-after:after, .rs-btn-configure:after { content: "\e01D"; } .icon-zoom-in.icon-before:before, .icon-zoom-in.icon-after:after, .instripe-slideshow .feature a:before { content: "\e01E"; } .icon-pinterest.icon-before:before, .icon-pinterest.icon-after:after, button.pinterest:before, a.pinterest:before, span.pinterest:before, label.pinterest:before { content: "\e01F"; } .icon-linkedin.icon-before:before, .icon-linkedin.icon-after:after, button.linkedin:before, a.linkedin:before, span.linkedin:before, label.linkedin:before { content: "\e020"; } /* v1.0.6 */ /* Core RS CSS file. 95% of time you shouldn't change anything here. */ .royalSlider { width: 100%; height: 400px; position: relative; direction: ltr; } .royalSlider > *:not(.feature) { float: left; } .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: transparent; } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: transparent; } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsVisibleNearbyWrap .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: transparent; } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .rsNav { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; background: none !important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear; transition: visibility 0s linear 0.3s,opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } /* Fullscreen options, very important ^^ */ .royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position: absolute; z-index: 0; } .rsVideoContainer { width: 100%; height: 100%; line-height: 0; position: relative; display: block; float: left; overflow: hidden; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #000000; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } /* ios controls over video bug, shifting video */ .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { box-sizing: border-box; padding-right: 44px; } .rsABlock { left: 0; top: 0; position: relative; z-index: 15; } img.rsImg { max-width: none; } .grab-cursor { cursor: url(../images/grab.png) 8 8, move; } .grabbing-cursor { cursor: url(../images/grabbing.png) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; background: url(../images/blank.gif); } /****************************** * * RoyalSlider Default Skin * * 1. Arrows * 2. Bullets * 3. Thumbnails * 4. Tabs * 5. Fullscreen button * 6. Play/close video button * 7. Preloader * 8. Caption * * Sprite: 'rs-default.png' * Feel free to edit anything * If you don't some part - just delete it * ******************************/ /* Background */ .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder { background: #000000; } /*************** * * 1. Arrows * ****************/ .rsDefault .rsArrow { height: 100%; width: 2.5rem; position: absolute; display: block; cursor: pointer; z-index: 11; background-color: rgba(0, 0, 0, 0.5); color: #ffffff; -webkit-transition: color .5s ease-out; transition: color .5s ease-out; } .rsDefault .rsArrow:hover { color: #ffcc33; } .rsDefault .rsArrowIcn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; border-radius: 2px; font-size: 20px; font-size: 1.25rem; } .rsDefault .rsArrowIcn:after { margin: 0; vertical-align: middle; } .rsDefault.rsVer .rsArrow { width: 100%; height: 2.5rem; } .rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; } .rsDefault.rsVer .rsArrowRight { bottom: 0; left: 0; } .rsDefault.rsHor .rsArrowLeft { top: 0; left: 0; } .rsDefault.rsHor .rsArrowRight { top: 0; right: 0; } .rsDefault .rsArrowDisabled { color: #878785; cursor: not-allowed; } .rsDefault .rsArrowDisabled:hover { color: #878785; } @media only screen and (min-width: 64em) { .rsDefault.instripe-modale-slideshow .rsArrow { background-color: rgba(0, 0, 0, 0.2); width: 3rem; color: #ffcc33; } .rsDefault.instripe-modale-slideshow .rsArrow:hover { color: #ffffff; } .rsDefault:not(.instripe-modale-slideshow) .rsArrow { width: 5.75rem; } .rsDefault:not(.instripe-modale-slideshow) .rsArrowIcn { font-size: 30px; font-size: 1.875rem; } } /*************** * * 2. Bullets * ****************/ .rsDefault .rsBullets { position: absolute; z-index: 3; left: 0; bottom: 1.5rem; width: 100%; height: auto; margin: 0 auto; text-align: center; overflow: hidden; } .rsDefault:not(.instripe-slideshow):not(.instripe-modale-slideshow) .rsBullet { display: inline-block; font-family: "rsrace", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; line-height: 1; margin: 0; position: relative; cursor: pointer; } .rsDefault:not(.instripe-slideshow):not(.instripe-modale-slideshow) .rsBullet:after { content: ''; display: block; width: 1px; height: 2em; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #a9a9a9; } .rsDefault:not(.instripe-slideshow):not(.instripe-modale-slideshow) .rsBullet span { display: block; padding: 0.25rem 1rem; font-size: 14px; font-size: 0.875rem; color: #ffffff; opacity: .5; -webkit-transition: color .5s ease-out, opacity .5s ease-out; transition: color .5s ease-out, opacity .5s ease-out; } .rsDefault:not(.instripe-slideshow):not(.instripe-modale-slideshow) .rsBullet:hover span { opacity: .8; } .rsDefault:not(.instripe-slideshow):not(.instripe-modale-slideshow) .rsBullet.rsNavSelected span { opacity: 1; font-size: 16px; font-size: 1rem; } .rsDefault:not(.instripe-slideshow):not(.instripe-modale-slideshow) .rsBullet:last-of-type:after { display: none; } .rsDefault.instripe-slideshow .rsBullets, .rsDefault.instripe-modale-slideshow .rsBullets { bottom: -2rem; left: 0; width: auto; } .inverted .rsDefault.instripe-slideshow .rsBullets, .inverted .rsDefault.instripe-modale-slideshow .rsBullets { left: auto; right: 0; } .rsDefault.instripe-slideshow .rsBullet, .rsDefault.instripe-modale-slideshow .rsBullet { display: inline-block; width: 0.5rem; height: 0.5rem; margin: 0 0.5rem 0 0; cursor: pointer; background-color: #cfcfcf; border-radius: 100%; } .rsDefault.instripe-slideshow .rsBullet.rsNavSelected, .rsDefault.instripe-modale-slideshow .rsBullet.rsNavSelected { background-color: #ffcc33; } .inverted .rsDefault.instripe-slideshow .rsBullet, .inverted .rsDefault.instripe-modale-slideshow .rsBullet { margin: 0 0 0 0.5rem; } .rsDefault.instripe-modale-slideshow .rsBullets { left: 50% !important; right: auto !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 63.9375em) and (orientation: landscape) { .rsDefault.instripe-modale-slideshow .rsBullets { bottom: 1rem; } } /*************** * * 3. Thumbnails * ****************/ .rsDefault { /* Thumbnails arrow icons */ } .rsDefault .rsThumbsHor { width: 100%; } .rsDefault .rsThumbsVer { width: 102px; height: 100%; position: absolute; top: 0; right: 0; } .rsDefault.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; } .rsDefault.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; } .rsDefault.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; } .rsDefault .rsThumb { float: left; overflow: hidden; width: 102px; } .rsDefault .rsThumb img { width: 100%; height: auto; } .rsDefault .rsThumb.rsNavSelected { background: #02874a; } .rsDefault .rsThumb.rsNavSelected img { opacity: 0.3; } .rsDefault .rsTmb { display: block; /* Thumbnails with text */ } .rsDefault .rsTmb h5 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; color: #ffffff; } .rsDefault .rsTmb span { color: #cfcfcf; margin: 0; padding: 0; font-size: 13px; line-height: 18px; } .rsDefault .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; background: rgba(0, 0, 0, 0.75); } .rsDefault .rsThumbsArrow:hover { background: rgba(0, 0, 0, 0.9); } .rsDefault .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; position: absolute; cursor: pointer; background: url("rs-default.png"); } .rsDefault .rsThumbsArrowDisabled { display: none !important; } @media only screen and (max-width: 63.9375em) { .rsDefault .rsThumb { width: 59px; height: 44px; } .rsDefault .rsThumbsHor { height: 44px; } .rsDefault .rsThumbsVer { width: 59px; } } /*************** * * 4. Tabs * ****************/ .rsDefault .rsTabs { width: 100%; height: auto; margin: 0 auto; text-align: center; overflow: hidden; padding-top: 12px; position: relative; } .rsDefault .rsTab { display: inline-block; cursor: pointer; text-align: center; height: auto; width: auto; color: #333333; padding: 5px 13px 6px; min-width: 72px; border: 1px solid #cfcfcf; border-right: 1px solid #f2f2f2; text-decoration: none; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f2f2f2)); background-image: linear-gradient(to bottom, #f7f7f7, #f2f2f2); box-shadow: inset 1px 0 0 #ffffff; } .rsDefault .rsTab:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .rsDefault .rsTab:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #cfcfcf; } .rsDefault .rsTab:active { border: 1px solid #cfcfcf; background-color: #f2f2f2; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; } .rsDefault .rsTab.rsNavSelected { color: #ffffff; border: 1px solid #878785; text-shadow: 1px 1px #878785; box-shadow: 0 1px 9px rgba(235, 235, 235, 0.65) inset; background: #a9a9a9; background-image: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#cfcfcf)); background-image: linear-gradient(to bottom, #a9a9a9, #cfcfcf); } /*************** * * 5. Fullscreen button * ****************/ .rsDefault .rsFullscreenBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer; } .rsDefault .rsFullscreenIcn { display: block; margin: 6px; width: 32px; height: 32px; background: url("rs-default.png") 0 0; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; } .rsDefault .rsFullscreenIcn:hover { background-color: rgba(0, 0, 0, 0.9); } .rsDefault.rsFullscreen .rsFullscreenIcn { background-position: -32px 0; } /*************** * * 6. Play/close video button * ****************/ .rsBtnCenterer { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rsPlayBtn { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); cursor: pointer; } .rsPlayBtnIcon { position: relative; display: block; text-align: center; cursor: pointer; opacity: 1; color: rgba(255, 255, 255, 0.6); -webkit-transition: color .5s ease-out; transition: color .5s ease-out; } .rsPlayBtnIcon:before { /* Play icon */ font-size: 72px; font-size: 4.5rem; margin-right: 0; } .rsPlayBtnIcon:hover { color: #ffffff; } @media only screen and (min-width: 48em) { .rsPlayBtnIcon:before { font-size: 144px; font-size: 9rem; } } .rsCloseVideoBtn { position: absolute; right: 0; top: 0; z-index: 500; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; } .rsCloseVideoIcn { position: relative; margin: 6px; width: 32px; height: 32px; background-color: rgba(0, 0, 0, 0.5); color: #ffffff; -webkit-transition: background-color .5s ease-out; transition: background-color .5s ease-out; } .rsCloseVideoIcn:after { font-size: 32px; font-size: 2rem; } .rsCloseVideoIcn:hover { background-color: #000000; } /*************** * * 7. Preloader * ****************/ .rsDefault .rsPreloader { width: 20px; height: 20px; background-image: url(../images/preloaders/preloader-white.gif); left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; } /*************** * * 8. Global caption * ****************/ .rsDefault .rsGCaption { position: absolute; float: none; bottom: 6px; left: 6px; text-align: left; background: rgba(0, 0, 0, 0.75); color: #ffffff; padding: 2px 8px; width: auto; font-size: 12px; border-radius: 2px; } /* CUSTOM OVERLOAD */ .royalSlider { *zoom: 1; max-width: 100%; } .royalSlider:before, .royalSlider:after { content: " "; display: table; } .royalSlider:after { clear: both; } .rsContainer { height: 100%; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #000000; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 0.25rem; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-inline-holder .mfp-content { height: 100%; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; top: auto !important; -webkit-transform: none !important; transform: none !important; max-height: none !important; } .mfp-preloader { color: #333333; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #333333; } .mfp-preloader a:hover { color: #5e5e5e; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } @media only screen and (max-width: 63.9375em) and (orientation: landscape) { button.mfp-close:before, button.mfp-arrow:before { color: #ffffff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); } } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { position: absolute; left: 1.25rem; top: 1.25rem; text-decoration: none; text-align: center; opacity: 0.65; padding: 0; color: #ffffff; font-style: normal; font-size: 32px; font-size: 2rem; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close-btn-in .mfp-close { color: #000000; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #ffffff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #333333; font-size: 12px; line-height: 18px; white-space: nowrap; } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 0; padding-right: 0; } } /* AUDIO PLAYER */ .audiojs { position: relative; z-index: 10; height: 1rem; width: 100%; background: #ffffff; overflow: hidden; font-size: 12px; font-size: 0.75rem; } .featured .audiojs { position: absolute; left: 0; bottom: 3.3em; } .audiojs audio { position: absolute; left: -1000em; } .audiojs .play-pause { width: 2rem; height: 100%; float: left; overflow: hidden; cursor: pointer; } .audiojs .play-pause .play, .audiojs .play-pause .pause, .audiojs .play-pause .loading, .audiojs .play-pause .error { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; font-size: 1em; } .audiojs .play-pause .play:before, .audiojs .play-pause .pause:before, .audiojs .play-pause .loading:before, .audiojs .play-pause .error:before { position: absolute; overflow: hidden; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; color: #ffcc33; font-size: 2em; margin-right: 0; } .audiojs .play-pause .play { display: block; } .audiojs .play-pause .loading { -webkit-animation: spin 1.5s infinite linear; animation: spin 1.5s infinite linear; } .audiojs.playing .play, .audiojs.playing .loading, .audiojs.playing .error { display: none; } .audiojs.playing .pause { display: block; } .audiojs.aPlayerLoading .play, .audiojs.aPlayerLoading .pause, .audiojs.aPlayerLoading .error { display: none; } .audiojs.aPlayerLoading .loading { display: block; } .audiojs.error .time, .audiojs.error .play, .audiojs.error .pause, .audiojs.error .scrubber, .audiojs.error .loading { display: none; } .audiojs.error .error { display: block; } .audiojs.error .error-message { display: block; } .audiojs .scrubber { position: absolute; overflow: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 2rem; right: 3rem; height: 4px; background: #cfcfcf; border-radius: 3px; } .audiojs .scrubber .progress, .audiojs .scrubber .loaded { position: absolute; z-index: 1; top: 0; left: 0; margin: 0; padding: 0; height: 100%; width: 0; border: none; } .audiojs .scrubber .progress { z-index: 2; background: #ffcc33; } .audiojs .scrubber .loaded { background: #878785; } .audiojs .time { float: right; height: 100%; width: 3rem; text-align: center; color: #a9a9a9; line-height: 1rem; text-align: right; } .audiojs .time em { font-style: normal; } .audiojs .time strong { display: none; } .audiojs .error-message { position: absolute; top: 0; left: 1em; right: 1em; display: none; height: 3em; width: 100%; color: #fff29b; line-height: 3em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .audiojs .error-message a { color: #fff29b; text-decoration: underline; white-space: wrap; } /* RDW STUFF */ @media only screen and (max-width: 29.9375em) { .audiojs { bottom: auto; top: 0; } } /*! Tablesaw - v3.0.3 - 2017-07-13 * https://github.com/filamentgroup/tablesaw * Copyright (c) 2017 Filament Group; Licensed MIT */ .tablesaw { width: 100%; max-width: 100%; empty-cells: show; border-collapse: collapse; border: 0; padding: 0; } .tablesaw th, .tablesaw td { vertical-align: middle; } .tablesaw caption { text-align: left; margin: .59375em 0; } .tablesaw-btn { display: inline-block; width: auto; height: auto; position: relative; top: 0; border: 1px solid #cfcfcf; border-radius: 0.2rem; background: none; color: #878785; cursor: pointer; margin: 0; padding: 0.75rem; text-align: center; text-decoration: none; text-transform: capitalize; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tablesaw-btn.btn-small { font-size: 17px; font-size: 1.0625rem; line-height: 1; padding: 0.5rem 0.75rem; } .tablesaw-btn.btn-micro { font-size: 13px; font-size: 0.8125rem; padding: 0.33333rem 0.5rem; } .tablesaw-btn:hover { text-decoration: none; } .tablesaw-btn:active { background-color: #ebebeb; } /* Default radio/checkbox styling horizonal controlgroups. */ @supports (box-shadow: none) { .tablesaw-btn:focus { background-color: #ffffff; outline: none; box-shadow: 0 0 0.33333rem #5e5e5e !important; } } /* Column navigation buttons for swipe and columntoggle tables */ .tablesaw-advance { float: right; } .tablesaw-advance.minimap { margin-right: 0.5rem; } .tablesaw-advance.minimap .tablesaw-advance-dots { float: left; margin: 0; padding: 0; list-style: none; } .tablesaw-advance.minimap .tablesaw-advance-dots li { display: table-cell; margin: 0; padding: 0.5rem 0.25rem; } .tablesaw-advance.minimap .tablesaw-advance-dots li.tablesaw-advance-dots-hide { opacity: .25; cursor: default; pointer-events: none; } .tablesaw-advance.minimap .tablesaw-advance-dots li i { width: 0.25rem; height: 0.25rem; background: #5e5e5e; border-radius: 100%; display: inline-block; } .tablesaw-advance .tablesaw-btn { border-radius: 0.25rem; margin-top: 0.5rem; margin-bottom: 0.5rem; } .tablesaw-advance .tablesaw-btn.btn-micro { font-size: 13px; font-size: 0.8125rem; } .tablesaw-advance a.tablesaw-nav-btn { display: inline-block; margin-left: 0.25rem; margin-right: 0.25rem; } .tablesaw-advance a.tablesaw-nav-btn:first-child { margin-left: 0; } .tablesaw-advance a.tablesaw-nav-btn:last-child { margin-right: 0; } .tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-advance a.tablesaw-nav-btn.right:before { content: " "; display: block; } .tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-advance a.tablesaw-nav-btn.right:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .tablesaw-advance a.tablesaw-nav-btn.left:before { border-right: 5px solid #808080; } .tablesaw-advance a.tablesaw-nav-btn.right:before { border-left: 5px solid #808080; } .tablesaw-advance a.tablesaw-nav-btn.disabled { opacity: .25; cursor: default; pointer-events: none; } .tablesaw-swipe th, .tablesaw-swipe td { /* Unchecked manually: Always hide */ } .tablesaw-swipe th.tablesaw-swipe-cellhidden, .tablesaw-swipe td.tablesaw-swipe-cellhidden { display: none; } .tablesaw-bar.tablesaw-all-cols-visible { display: none; } .threesixty-viewer { position: relative; } .threesixty-viewer.block-style-3 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNDI2Nzc3IiB5MT0iLTAuMDU2MTg2IiB4Mj0iMC41NzMyMjMiIHkyPSIxLjA1NjE4NiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: linear-gradient(172.5deg, #ffffff 0%, #ffffff 50%, #000000 50%); } .threesixty-viewer.block-style-8 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNDI2Nzc3IiB5MT0iLTAuMDU2MTg2IiB4Mj0iMC41NzMyMjMiIHkyPSIxLjA1NjE4NiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: linear-gradient(172.5deg, #ffffff 0%, #ffffff 50%, #222222 50%); } .threesixty { margin: 0 1rem; } .threesixty:after { margin-left: 0; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #727272; font-size: 48px; font-size: 3rem; } @media only screen and (min-width: 64em) { .threesixty { max-width: 1200px; margin: 0 auto; } .threesixty:after { bottom: 2rem; font-size: 64px; font-size: 4rem; } } @media only screen and (min-width: 150em) { .threesixty { max-width: 1600px; } } #threesixty-viewer + .reel-preloader { height: 1rem; background: #ffcc33; } .rs .cookie-modal, .rs .cookie-notice, .klaro .cookie-modal, .klaro .cookie-notice { /* The switch - the box around the slider */ font-size: 14px; font-size: 0.875rem; } .rs .cookie-modal .switch, .rs .cookie-notice .switch, .klaro .cookie-modal .switch, .klaro .cookie-notice .switch { position: relative; display: inline-block; width: 3rem; height: 2rem; } .rs .cookie-modal .switch.disabled input:checked + .slider, .rs .cookie-notice .switch.disabled input:checked + .slider, .klaro .cookie-modal .switch.disabled input:checked + .slider, .klaro .cookie-notice .switch.disabled input:checked + .slider { opacity: 0.5; background-color: #a9a9a9; } .rs .cookie-modal .cm-app-input, .rs .cookie-notice .cm-app-input, .klaro .cookie-modal .cm-app-input, .klaro .cookie-notice .cm-app-input { position: absolute; top: 0; left: 0; opacity: 0; width: 3rem; height: 2rem; } .rs .cookie-modal .cm-app-label, .rs .cookie-notice .cm-app-label, .klaro .cookie-modal .cm-app-label, .klaro .cookie-notice .cm-app-label { /* The slider */ /* Rounded sliders */ } .rs .cookie-modal .cm-app-label .slider, .rs .cookie-notice .cm-app-label .slider, .klaro .cookie-modal .cm-app-label .slider, .klaro .cookie-notice .cm-app-label .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cfcfcf; -webkit-transition: .4s; transition: .4s; width: 3rem; display: inline-block; } .rs .cookie-modal .cm-app-label .slider:before, .rs .cookie-notice .cm-app-label .slider:before, .klaro .cookie-modal .cm-app-label .slider:before, .klaro .cookie-notice .cm-app-label .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 5px; bottom: 6px; background-color: white; -webkit-transition: .4s; transition: .4s; } .rs .cookie-modal .cm-app-label .slider.round, .rs .cookie-notice .cm-app-label .slider.round, .klaro .cookie-modal .cm-app-label .slider.round, .klaro .cookie-notice .cm-app-label .slider.round { border-radius: 2rem; } .rs .cookie-modal .cm-app-label .slider.round:before, .rs .cookie-notice .cm-app-label .slider.round:before, .klaro .cookie-modal .cm-app-label .slider.round:before, .klaro .cookie-notice .cm-app-label .slider.round:before { border-radius: 50%; } .rs .cookie-modal .cm-app-label input:checked + .slider:before, .rs .cookie-notice .cm-app-label input:checked + .slider:before, .klaro .cookie-modal .cm-app-label input:checked + .slider:before, .klaro .cookie-notice .cm-app-label input:checked + .slider:before { -webkit-transform: translateX(18px); transform: translateX(18px); } .rs .cookie-modal .cm-app-input:checked + .cm-app-label .slider, .rs .cookie-notice .cm-app-input:checked + .cm-app-label .slider, .klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider, .klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider { background-color: #ffcc33; } .rs .cookie-modal .cm-app-input:checked + .cm-app-label .slider:before, .rs .cookie-notice .cm-app-input:checked + .cm-app-label .slider:before, .klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider:before, .klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider:before { -webkit-transform: translateX(18px); transform: translateX(18px); } .rs .cookie-modal a, .rs .cookie-notice a, .klaro .cookie-modal a, .klaro .cookie-notice a { color: #ffcc33; } .rs .cookie-modal p, .rs .cookie-modal strong, .rs .cookie-modal h1, .rs .cookie-modal h2, .rs .cookie-modal ul, .rs .cookie-modal li, .rs .cookie-notice p, .rs .cookie-notice strong, .rs .cookie-notice h1, .rs .cookie-notice h2, .rs .cookie-notice ul, .rs .cookie-notice li, .klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li { color: #ebebeb; } .rs .cookie-modal .cm-btn, .rs .cookie-notice .cm-btn, .klaro .cookie-modal .cm-btn, .klaro .cookie-notice .cm-btn { color: #000000; padding: 0.5rem; } .rs .cookie-modal .cm-btn.cm-btn-sm, .rs .cookie-notice .cm-btn.cm-btn-sm, .klaro .cookie-modal .cm-btn.cm-btn-sm, .klaro .cookie-notice .cm-btn.cm-btn-sm { font-size: 12px; font-size: 0.75rem; } .rs .cookie-modal .cm-btn.cm-btn-close, .rs .cookie-notice .cm-btn.cm-btn-close, .klaro .cookie-modal .cm-btn.cm-btn-close, .klaro .cookie-notice .cm-btn.cm-btn-close { background: #a9a9a9; color: #000000; } .rs .cookie-modal .cm-btn.cm-btn-success, .rs .cookie-notice .cm-btn.cm-btn-success, .klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success { background: #ffcc33; } .rs .cookie-modal .cm-btn.cm-btn-danger, .rs .cookie-notice .cm-btn.cm-btn-danger, .klaro .cookie-modal .cm-btn.cm-btn-danger, .klaro .cookie-notice .cm-btn.cm-btn-danger { background: #a9a9a9; } .rs .cookie-modal .cm-btn.cm-btn-info, .rs .cookie-notice .cm-btn.cm-btn-info, .klaro .cookie-modal .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info { background: #0085CA; } .rs .cookie-modal, .klaro .cookie-modal { width: 100%; height: 100%; position: fixed; overflow: hidden; left: 0; top: 0; z-index: 1000; } .rs .cookie-modal .cm-bg, .klaro .cookie-modal .cm-bg { background: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; position: fixed; top: 0; left: 0; } .rs .cookie-modal .cm-modal, .klaro .cookie-modal .cm-modal { z-index: 1001; width: 100%; max-height: 98%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: fixed; overflow: auto; background: #333333; color: #ebebeb; } @media (min-width: 1024px) { .rs .cookie-modal .cm-modal, .klaro .cookie-modal .cm-modal { position: relative; margin: 0 auto; max-width: 40rem; height: auto; width: auto; } } .rs .cookie-modal .cm-modal .hide, .klaro .cookie-modal .cm-modal .hide { position: absolute; top: 1rem; right: 1rem; border: none; background: none; padding: 0; } .rs .cookie-modal .cm-modal .hide svg, .klaro .cookie-modal .cm-modal .hide svg { stroke: #ebebeb; } .rs .cookie-modal .cm-modal .cm-footer, .klaro .cookie-modal .cm-modal .cm-footer { padding: 1rem; border-top: 1px solid #5e5e5e; } .rs .cookie-modal .cm-modal .cm-footer a.cm-powered-by, .klaro .cookie-modal .cm-modal .cm-footer a.cm-powered-by { position: absolute; right: 1rem; color: #878785; font-size: 12px; font-size: 0.75rem; padding-top: 0.25rem; } .rs .cookie-modal .cm-modal .cm-header, .klaro .cookie-modal .cm-modal .cm-header { padding: 1rem; padding-right: 1.5rem; border-bottom: 1px solid #5e5e5e; } .rs .cookie-modal .cm-modal .cm-header h1, .klaro .cookie-modal .cm-modal .cm-header h1 { margin: 0; font-size: 24px; font-size: 1.5rem; } .rs .cookie-modal .cm-modal .cm-header h1.title, .klaro .cookie-modal .cm-modal .cm-header h1.title { padding-right: 1rem; } .rs .cookie-modal .cm-modal .cm-header p, .klaro .cookie-modal .cm-modal .cm-header p { line-height: 1.4; } .rs .cookie-modal .cm-modal .cm-body, .klaro .cookie-modal .cm-modal .cm-body { padding: 1rem; } .rs .cookie-modal .cm-modal .cm-body span, .klaro .cookie-modal .cm-modal .cm-body span { display: inline-block; } .rs .cookie-modal .cm-modal .cm-body ul.cm-apps, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps { padding: 0; margin: 0; } .rs .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app { position: relative; line-height: 20px; vertical-align: middle; padding-left: 3.75rem; min-height: 2.5rem; } .rs .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child { margin-top: 0; } .rs .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app label, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app label { position: static; padding-bottom: 0; } .rs .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch { position: absolute; left: 0; } .rs .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .cm-app-description, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .cm-app-description { font-size: 14px; font-size: 0.875rem; } .rs .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .purposes { font-size: 12px; font-size: 0.75rem; color: #878785; } .rs .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all { border-top: 1px solid #5e5e5e; padding-top: 1rem; } .rs .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-app-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-app-title { font-weight: 600; } .rs .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out, .rs .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required { padding-left: 0.5rem; font-size: 12px; font-size: 0.75rem; color: #878785; } .rs .cookie-notice, .klaro .cookie-notice { background: #333333; z-index: 999; position: fixed; width: 100%; bottom: 0; right: 0; } @media (min-width: 990px) { .rs .cookie-notice, .klaro .cookie-notice { border-radius: 0.25rem; position: fixed; bottom: 20px; right: 20px; max-width: 300px; } } @media (max-width: 989px) { .rs .cookie-notice, .klaro .cookie-notice { border: none; border-radius: 0; } } .rs .cookie-notice .cn-body, .klaro .cookie-notice .cn-body { margin-bottom: 0; margin-right: 0; bottom: 0; padding: 1rem; } .rs .cookie-notice .cn-body p, .klaro .cookie-notice .cn-body p { margin-bottom: 0.5rem; } .rs .cookie-notice .cn-body .cn-changes, .klaro .cookie-notice .cn-body .cn-changes { text-decoration: underline; } .rs .cookie-notice .cn-body .cn-learn-more, .klaro .cookie-notice .cn-body .cn-learn-more { display: inline-block; } .rs .cookie-notice .cn-body .cn-ok, .klaro .cookie-notice .cn-body .cn-ok { padding-top: 0.5rem; margin: 0; } .rs .cookie-notice .cn-body .cn-ok .cm-btn-success, .klaro .cookie-notice .cn-body .cn-ok .cm-btn-success { margin-right: 0.5rem; } .rs .cookie-notice-hidden, .klaro .cookie-notice-hidden { display: none !important; } /* Helpers */ /* apply a natural box layout model to all elements */ * { box-sizing: border-box; } @font-face { font-family: "rsread"; src: url("../fonts/rsread/EOT/RenaultRead-Light.eot"); src: url("../fonts/rsread/EOT/RenaultRead-Light.eot#iefix") format("embedded-opentype"), url("../fonts/rsread/WOFF/RenaultRead-Light.woff") format("woff"), url("../fonts/rsread/TTF/RenaultRead-Light.ttf") format("truetype"); font-weight: lighter; font-weight: 100; } @font-face { font-family: "rsread"; src: url("../fonts/rsread/EOT/RenaultRead-Regular.eot"); src: url("../fonts/rsread/EOT/RenaultRead-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/rsread/WOFF/RenaultRead-Regular.woff") format("woff"), url("../fonts/rsread/TTF/RenaultRead-Regular.ttf") format("truetype"); } @font-face { font-family: "rsread"; src: url("../fonts/rsread/EOT/RenaultRead-Medium.eot"); src: url("../fonts/rsread/EOT/RenaultRead-Medium.eot#iefix") format("embedded-opentype"), url("../fonts/rsread/WOFF/RenaultRead-Medium.woff") format("woff"), url("../fonts/rsread/TTF/RenaultRead-Medium.ttf") format("truetype"); font-weight: bold; font-weight: 600; } @font-face { font-family: "rsread"; src: url("../fonts/rsread/EOT/RenaultRead-Bold.eot"); src: url("../fonts/rsread/EOT/RenaultRead-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/rsread/WOFF/RenaultRead-Bold.woff") format("woff"), url("../fonts/rsread/TTF/RenaultRead-Bold.ttf") format("truetype"); font-weight: bold; font-weight: 800; } @font-face { font-family: "rsread"; src: url("../fonts/rsread/EOT/RenaultRead-LightItalic.eot"); src: url("../fonts/rsread/EOT/RenaultRead-LightItalic.eot#iefix") format("embedded-opentype"), url("../fonts/rsread/WOFF/RenaultRead-LightItalic.woff") format("woff"), url("../fonts/rsread/TTF/RenaultRead-LightItalic.ttf") format("truetype"); font-weight: lighter; font-weight: 100; font-style: italic; } @font-face { font-family: "rsread"; src: url("../fonts/rsread/EOT/RenaultRead-Italic.eot"); src: url("../fonts/rsread/EOT/RenaultRead-Italic.eot#iefix") format("embedded-opentype"), url("../fonts/rsread/WOFF/RenaultRead-Italic.woff") format("woff"), url("../fonts/rsread/TTF/RenaultRead-Italic.ttf") format("truetype"); font-style: italic; } @font-face { font-family: "rsread"; src: url("../fonts/rsread/EOT/RenaultRead-MediumItalic.eot"); src: url("../fonts/rsread/EOT/RenaultRead-MediumItalic.eot#iefix") format("embedded-opentype"), url("../fonts/rsread/WOFF/RenaultRead-MediumItalic.woff") format("woff"), url("../fonts/rsread/TTF/RenaultRead-MediumItalic.ttf") format("truetype"); font-weight: lighter; font-weight: 600; font-style: italic; } @font-face { font-family: "rsread"; src: url("../fonts/rsread/EOT/RenaultRead-BoldItalic.eot"); src: url("../fonts/rsread/EOT/RenaultRead-BoldItalic.eot#iefix") format("embedded-opentype"), url("../fonts/rsread/WOFF/RenaultRead-BoldItalic.woff") format("woff"), url("../fonts/rsread/TTF/RenaultRead-BoldItalic.ttf") format("truetype"); font-weight: bold; font-weight: 800; font-style: italic; } @font-face { font-family: "rslife"; src: url("../fonts/rslife/EOT/RenaultLife-Light.eot"); src: url("../fonts/rslife/EOT/RenaultLife-Light.eot#iefix") format("embedded-opentype"), url("../fonts/rslife/WOFF/RenaultLife-Light.woff") format("woff"), url("../fonts/rslife/TTF/RenaultLife-Light.ttf") format("truetype"), url("../fonts/rslife/SVG/RenaultLife-Light.svg") format("svg"); font-weight: lighter; font-weight: 100; } @font-face { font-family: "rslife"; src: url("../fonts/rslife/EOT/RenaultLife-Regular.eot"); src: url("../fonts/rslife/EOT/RenaultLife-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/rslife/WOFF/RenaultLife-Regular.woff") format("woff"), url("../fonts/rslife/TTF/RenaultLife-Regular.ttf") format("truetype"), url("../fonts/rslife/SVG/RenaultLife-Regular.svg") format("svg"); } @font-face { font-family: "rslife"; src: url("../fonts/rslife/EOT/RenaultLife-Bold.eot"); src: url("../fonts/rslife/EOT/RenaultLife-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/rslife/WOFF/RenaultLife-Bold.woff") format("woff"), url("../fonts/rslife/TTF/RenaultLife-Bold.ttf") format("truetype"), url("../fonts/rslife/SVG/RenaultLife-Bold.svg") format("svg"); font-weight: bold; font-weight: 800; } @font-face { font-family: "rslife"; src: url("../fonts/rslife/EOT/RenaultLife-LightItalic.eot"); src: url("../fonts/rslife/EOT/RenaultLife-LightItalic.eot#iefix") format("embedded-opentype"), url("../fonts/rslife/WOFF/RenaultLife-LightItalic.woff") format("woff"), url("../fonts/rslife/TTF/RenaultLife-LightItalic.ttf") format("truetype"), url("../fonts/rslife/SVG/RenaultLife-LightItalic.svg") format("svg"); font-weight: lighter; font-weight: 100; font-style: italic; } @font-face { font-family: "rslife"; src: url("../fonts/rslife/EOT/RenaultLife-Italic.eot"); src: url("../fonts/rslife/EOT/RenaultLife-Italic.eot#iefix") format("embedded-opentype"), url("../fonts/rslife/WOFF/RenaultLife-Italic.woff") format("woff"), url("../fonts/rslife/TTF/RenaultLife-Italic.ttf") format("truetype"), url("../fonts/rslife/SVG/RenaultLife-Italic.svg") format("svg"); font-style: italic; } @font-face { font-family: "rslife"; src: url("../fonts/rslife/EOT/RenaultLife-BoldItalic.eot"); src: url("../fonts/rslife/EOT/RenaultLife-BoldItalic.eot#iefix") format("embedded-opentype"), url("../fonts/rslife/WOFF/RenaultLife-BoldItalic.woff") format("woff"), url("../fonts/rslife/TTF/RenaultLife-BoldItalic.ttf") format("truetype"), url("../fonts/rslife/SVG/RenaultLife-BoldItalic.svg") format("svg"); font-weight: bold; font-weight: 800; font-style: italic; } @font-face { font-family: "rsrace"; src: url("../fonts/rsrace/EOT/RenaultRace.eot"); src: url("../fonts/rsrace/EOT/RenaultRace.eot#iefix") format("embedded-opentype"), url("../fonts/rsrace/WOFF/RenaultRace.woff") format("woff"), url("../fonts/rsrace/TTF/RenaultRace.ttf") format("truetype"), url("../fonts/rsrace/SVG/RenaultRace.svg") format("svg"); font-weight: 800; font-weight: bold; text-transform: uppercase; } html, body { height: 100%; background: #ffffff; color: #222222; font-family: "rsread", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { font-size: 16px; } html { font-size: 100%; } hr { padding: 1rem; margin: 0; height: 0; border: none; background: transparent; } hr.news-detail-sep { background-color: #f2f2f2; padding-top: 3rem; } hr:after { content: ''; display: block; height: 1px; background: #a9a9a9; } @media only screen and (min-width: 48em) { hr.news-detail-sep { padding-top: 4rem; } hr:after { margin: 0 auto; max-width: 75%; } } @media only screen and (min-width: 64em) { hr:after { max-width: 50%; } } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .font-secondary, a, button, .rs-btn, .accordion dt, .toggle, .footer .footer-nav .copyright, .tab-content .tab-header .over-title, .loading .heritage-date i, .active .heritage-date i, .alt .heritage-date i, .heritage-detail .detail-title i { font-family: "rslife", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; text-transform: uppercase; } .ccb-legal .font-secondary, .ccb-copy .font-secondary, .ccb-legal a, .ccb-legal button, .ccb-legal .rs-btn, .ccb-legal .accordion dt, .accordion .ccb-legal dt, .ccb-legal .toggle, .ccb-legal .footer .footer-nav .copyright, .footer .footer-nav .ccb-legal .copyright, .ccb-legal .tab-content .tab-header .over-title, .tab-content .tab-header .ccb-legal .over-title, .ccb-legal .loading .heritage-date i, .loading .heritage-date .ccb-legal i, .ccb-legal .active .heritage-date i, .active .heritage-date .ccb-legal i, .ccb-legal .alt .heritage-date i, .alt .heritage-date .ccb-legal i, .ccb-legal .heritage-detail .detail-title i, .heritage-detail .detail-title .ccb-legal i, .ccb-copy a, .ccb-copy button, .ccb-copy .rs-btn, .ccb-copy .accordion dt, .accordion .ccb-copy dt, .ccb-copy .toggle, .ccb-copy .footer .footer-nav .copyright, .footer .footer-nav .ccb-copy .copyright, .ccb-copy .tab-content .tab-header .over-title, .tab-content .tab-header .ccb-copy .over-title, .ccb-copy .loading .heritage-date i, .loading .heritage-date .ccb-copy i, .ccb-copy .active .heritage-date i, .active .heritage-date .ccb-copy i, .ccb-copy .alt .heritage-date i, .alt .heritage-date .ccb-copy i, .ccb-copy .heritage-detail .detail-title i, .heritage-detail .detail-title .ccb-copy i { text-transform: none; } h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5rem 0; line-height: 1.11; text-transform: uppercase; } h1, .h1, h2, .h2, h6, .h6, .font-tertiary, .secondary-nav ul ul a, .round-tabs li a, .tab-content .tab-header .over-title .type, .ce-countdown .ce-unit-wrap .ce-digit, .car-specs li strong, .heritage-date a, .heritage-detail .detail-title { font-family: "rsrace", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; } h3, .h3, .hybrid-challenge-page h1, h4, .h4 { font-family: "rslife", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; } .h5 { font-family: "rsread", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; } h1, .h1 { font-size: 32px; font-size: 2rem; } h2, .h2 { font-size: 26px; font-size: 1.625rem; } h3, .h3, .hybrid-challenge-page h1 { font-size: 32px; font-size: 2rem; } h4, .h4 { font-size: 18px; font-size: 1.125rem; } h5, .h5 { font-size: 18px; font-size: 1.125rem; } h6, .h6 { font-size: 16px; font-size: 1rem; } @media only screen and (min-width: 64em) { h1, .h1 { font-size: 36px; font-size: 2.25rem; } h2, .h2 { font-size: 30px; font-size: 1.875rem; } h3, .h3, .hybrid-challenge-page h1 { font-size: 36px; font-size: 2.25rem; } } p, ul, dl, ol { margin: 0; line-height: 1; } em, i, cite, var, address, dfn { font-style: italic; } strong, b { font-weight: bold; font-weight: 800; } .lt-ft { font-weight: 100; } .md-ft { font-weight: 600; } sup, sub { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; } abbr, abbr[title], acronym[title] { border-bottom: none; font-variant: small-caps; } kbd { display: inline-block; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; background-color: #f2f2f2; border: 1px solid #cfcfcf; border-radius: 0; color: #333333; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-size: 0.6875rem; line-height: 1.4; margin: 0 0.1rem; padding: 0.05rem 0.4rem; text-shadow: 0 1px 0 #ffffff; } small { font-size: 70%; } q { quotes: initial; } q:before { content: open-quote; } q:after { content: close-quote; } tt, code, kbd, samp { font-family: monospace; } .pretty-list li, .article-content ul li, .accordion dd ul li { position: relative; padding-left: 1.5rem; margin-left: -0.5rem; } .pretty-list li:before, .article-content ul li:before, .accordion dd ul li:before { color: #ffcc33; font-size: 1.5em; margin-right: 0; position: absolute; left: 0; } .pretty-list li li:before, .article-content ul li li:before, .accordion dd ul li li:before { color: #5e5e5e; } .ordered-list, .article-content ol, .accordion dd ol { list-style-type: decimal; list-style-position: inside; } .ordered-list li li, .article-content ol li li, .accordion dd ol li li { margin-left: 1rem; } .inline-list li { padding: 0 0.5rem; margin-bottom: 1rem; } .inline-list .rs-btn { width: 95%; max-width: 400px; } .inline-list.icons-list li { display: inline-block; padding: 0; font-size: 24px; font-size: 1.5rem; } .inline-list.icons-list a { display: inline-block; padding: 1rem; color: #5e5e5e; } .inline-list.icons-list a:hover, .inline-list.icons-list a:focus { color: #ffcc33; } @media only screen and (min-width: 48em) { .inline-list li { display: inline-block; margin-bottom: 0; } .inline-list .rs-btn { width: auto; max-width: none; } } /* Icons */ /* general */ a { text-decoration: none; -webkit-transition: color .5s ease-out, background-color .5s ease-out, border-color .5s ease-out, opacity .5s ease-out; transition: color .5s ease-out, background-color .5s ease-out, border-color .5s ease-out, opacity .5s ease-out; color: #000000; } a:hover, a:focus { color: #ffcc33; cursor: pointer; } /* Buttons */ button, .rs-btn, .accordion dt, .toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; vertical-align: middle; position: relative; padding: 1rem 1.75rem; margin: 0; background: transparent; border: 0; border-radius: 0; -webkit-transition: color 0.5s ease-out 0s, background-color 0.5s ease-out 0s,border-color 0.5s ease-out 0s; transition: color 0.5s ease-out 0s, background-color 0.5s ease-out 0s,border-color 0.5s ease-out 0s; font-size: 16px; font-size: 1rem; text-decoration: none; line-height: 1; cursor: pointer; } .rs-btn-type-1, .rs-btn-type-2, .rs-btn-type-3, .rs-btn-type-4, .rs-btn-type-5, .rs-btn-reset, button[reset], .accordion dt, .rs-btn-type-6 { min-width: 13.25rem; text-align: center; } .rs-btn-type-1 { background-color: #ffcc33; border: 1px solid #ffcc33; color: #000000; } .rs-btn-type-1:hover, .rs-btn-type-1:focus { border-color: #ffde02; background-color: #ffde02; color: #000000; } .rs-btn-type-2 { background-color: #222222; border: 1px solid #222222; color: #ffffff; } .rs-btn-type-2:hover, .rs-btn-type-2:focus { border-color: #5e5e5e; background-color: #5e5e5e; color: #ffffff; } .rs-btn-type-3 { background-color: #ffffff; border: 1px solid #000000; color: #000000; } .rs-btn-type-3:hover, .rs-btn-type-3:focus { border-color: #a9a9a9; color: #878785; } .rs-btn-type-4 { background-color: #000000; border: 1px solid #ffffff; color: #ffffff; } .rs-btn-type-4:hover, .rs-btn-type-4:focus { border-color: #a9a9a9; color: #a9a9a9; } .rs-btn-type-5, .rs-btn-reset, button[reset], .accordion dt { background-color: #ebebeb; border: 1px solid #ebebeb; color: #222222; } .rs-btn-type-5:hover, .rs-btn-type-5:focus, .rs-btn-type-5.active-toggle, .rs-btn-reset:hover, button[reset]:hover, .accordion dt:hover, .rs-btn-reset:focus, button[reset]:focus, .accordion dt:focus, .active-toggle.rs-btn-reset, button.active-toggle[reset], .accordion dt.active-toggle { border-color: #cfcfcf; background-color: #cfcfcf; color: #222222; } .rs-btn-type-6 { background-color: transparent; border: 1px solid #ffffff; color: #ffffff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); } .rs-btn-type-6:hover, .rs-btn-type-6:focus { background-color: #ffffff; color: #000000; } .rs-btn-type-7 { padding: 0.5rem 1rem; background-color: #fbe7e6; border: 1px solid #fbe7e6; color: #c3261f; } .rs-btn-type-7:hover, .rs-btn-type-7:focus { background-color: #c3261f; color: #ffffff; } .rs-btn-type-dld:after, .rs-btn-configure:after { margin-left: 1.75rem; margin-top: -2px; vertical-align: middle; font-size: 20px; font-size: 1.25rem; } .toggle:after { vertical-align: text-top !important; } .rs-btn-configure:after { margin-top: -6px; } .rs-btn.spip_out:after { vertical-align: text-top; } .rs-btn-more { min-width: 0; padding: 1rem; } .rs-btn-more:after { margin-left: 0 !important; } .rs-btn-link { text-decoration: underline; text-transform: none; color: #ffffff; } .rs-btn-link:hover, .rs-btn-link:focus { color: #ffcc33; } .rs-btn.next, .rs-btn.prev { padding: 1rem; border: 1px solid #000000; } .rs-btn.next:hover, .rs-btn.next:focus, .rs-btn.prev:hover, .rs-btn.prev:focus { border-color: #ffcc33; background: #ffcc33; color: #000000; } .rs-btn.next:before, .rs-btn.prev:before { margin-right: 0; } .prev-next { display: inline-block; border-top: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9; } .prev-next .rs-btn.next, .prev-next .rs-btn.prev { padding: 1.5rem; margin: 0 0 1px 0; border: none; } .prev-next .rs-btn.next:last-of-type, .prev-next .rs-btn.prev:last-of-type { margin-left: -0.25rem; } .rs-btn.back { padding: 0; margin: 0; text-transform: uppercase; } .rs-btn-disabled, button[disabled] { background: transparent !important; border-color: #a9a9a9 !important; color: #a9a9a9 !important; cursor: not-allowed !important; } .rs-btn-disabled.rs-btn-type-alt-readmore, button[disabled].rs-btn-type-alt-readmore { border-color: #000000 !important; } picture, picture img { display: block; } figure, .figure { margin: 0; position: relative; } figure img, .figure img { display: block; margin: 0 auto; } figcaption { font-style: italic; } /* Flexible Media */ img, video, object { max-width: 100%; height: auto; border: none; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } ::-webkit-input-placeholder { color: #5e5e5e; } :-moz-placeholder { /* Firefox 18- */ color: #5e5e5e; } ::-moz-placeholder { /* Firefox 19+ */ color: #5e5e5e; } :-ms-input-placeholder { color: #5e5e5e; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #ffffff; border: 1px solid #cfcfcf; border-radius: 0; color: #5e5e5e; display: block; font-size: 10px; font-size: 0.625rem; font-family: "rsread", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; margin: 0 0 1rem 0; padding: 0.75rem 0.5rem; -webkit-transition: all, 0.5s; transition: all, 0.5s; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { background: #ffffff; border-color: #a9a9a9; outline: none; } .is-error input[type="text"], .is-error input[type="password"], .is-error input[type="date"], .is-error input[type="datetime"], .is-error input[type="datetime-local"], .is-error input[type="month"], .is-error input[type="week"], .is-error input[type="email"], .is-error input[type="number"], .is-error input[type="search"], .is-error input[type="tel"], .is-error input[type="time"], .is-error input[type="url"], .is-error input[type="color"], .is-error textarea { background: #fbe7e6; border-color: #c3261f; } .invalid input[type="text"]:required:invalid, .invalid input[type="password"]:required:invalid, .invalid input[type="date"]:required:invalid, .invalid input[type="datetime"]:required:invalid, .invalid input[type="datetime-local"]:required:invalid, .invalid input[type="month"]:required:invalid, .invalid input[type="week"]:required:invalid, .invalid input[type="email"]:required:invalid, .invalid input[type="number"]:required:invalid, .invalid input[type="search"]:required:invalid, .invalid input[type="tel"]:required:invalid, .invalid input[type="time"]:required:invalid, .invalid input[type="url"]:required:invalid, .invalid input[type="color"]:required:invalid, .invalid textarea:required:invalid { background: #fbe7e6; border-color: #c3261f; } .invalid input[type="text"]:required:valid, .invalid input[type="password"]:required:valid, .invalid input[type="date"]:required:valid, .invalid input[type="datetime"]:required:valid, .invalid input[type="datetime-local"]:required:valid, .invalid input[type="month"]:required:valid, .invalid input[type="week"]:required:valid, .invalid input[type="email"]:required:valid, .invalid input[type="number"]:required:valid, .invalid input[type="search"]:required:valid, .invalid input[type="tel"]:required:valid, .invalid input[type="time"]:required:valid, .invalid input[type="url"]:required:valid, .invalid input[type="color"]:required:valid, .invalid textarea:required:valid { background: #ffffff; border-color: #cfcfcf; } input[type="text"][disabled], input[type="text"].disabled, input[type="password"][disabled], input[type="password"].disabled, input[type="date"][disabled], input[type="date"].disabled, input[type="datetime"][disabled], input[type="datetime"].disabled, input[type="datetime-local"][disabled], input[type="datetime-local"].disabled, input[type="month"][disabled], input[type="month"].disabled, input[type="week"][disabled], input[type="week"].disabled, input[type="email"][disabled], input[type="email"].disabled, input[type="number"][disabled], input[type="number"].disabled, input[type="search"][disabled], input[type="search"].disabled, input[type="tel"][disabled], input[type="tel"].disabled, input[type="time"][disabled], input[type="time"].disabled, input[type="url"][disabled], input[type="url"].disabled, input[type="color"][disabled], input[type="color"].disabled, textarea[disabled], textarea.disabled { color: #cfcfcf; cursor: not-allowed; } @media only screen and (min-width: 48em) { input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { font-size: 14px; font-size: 0.875rem; } } input[type="search"] { width: 100%; } .search-field { display: block; position: relative; } .search-field input[type="search"] { position: relative; z-index: 0; } .search-field .rs-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0.25rem; z-index: 1; color: #5e5e5e; padding: 0.5rem; border-radius: 50%; font-size: 22px; font-size: 1.375rem; } .search-field .rs-btn:before { margin-right: 0; vertical-align: middle; } .search-field .rs-btn.active { background: #5e5e5e; color: #ffffff; } .search-field .rs-btn.active:hover { background: #ffcc33; color: #5e5e5e; } /* clears the 'X' from Internet Explorer */ input[type=search]::-ms-clear { display: none; width: 0; height: 0; } input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } /* clears the 'X' from Chrome */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } label, .label { color: #5e5e5e; cursor: pointer; display: block; position: relative; padding-bottom: 0.5rem; font-family: "rslife", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; font-size: 12px; font-size: 0.75rem; } label.error:after, .label.error:after { color: #c3261f; } label span, .label span { color: #a9a9a9; } .label { cursor: default; } /* Adjust margin for form elements below */ input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1rem 0; } select { width: 100%; padding: 0.85rem 1.5rem; border: 0 solid #f2f2f2; cursor: pointer; font-family: "rsread", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; font-size: 10px; font-size: 0.625rem; color: #5e5e5e; } select optgroup[label] { font-weight: bold; } select option[value=""] { color: #5e5e5e; } select[disabled] { color: #878785; cursor: not-allowed; } .select { display: block; position: relative; z-index: 1; overflow: hidden; background-color: #f2f2f2; border-radius: 0; margin: 0 0 1rem 0; } .select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; position: relative; border-radius: 0; z-index: 2; width: 110%; margin: 0; } .invalid .select select:required:invalid { background: #fbe7e6; border: 1px solid #c3261f; } .invalid .select select:required:valid { background: transparent; border: 0px solid transparent; } .select:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; z-index: 0; margin: 0; background-color: #f2f2f2; padding: 0.7rem; font-size: 14px; font-size: 0.875rem; } .select.is-error { background: #fbe7e6; } .select.disabled { color: #878785; cursor: not-allowed; } .buttons { padding-top: 1rem; text-align: right; } .buttons .nota { float: left; text-align: left; } form ul, form ol { list-style: none; } form fieldset { border: none; margin: 0; padding: 1rem 0; } form small { font-style: italic; font-size: 13px; font-size: 0.8125rem; display: block; } form small.error { color: #c3261f; margin: -0.5rem 0 0.75rem 0; } form .nota { display: block; font-weight: 100; font-size: 10px; font-size: 0.625rem; line-height: normal; padding: 3rem 0 1rem 0; } form .nota a { text-decoration: underline; text-transform: none; } @media only screen and (min-width: 48em) { label { font-size: 16px; font-size: 1rem; } select { font-size: 14px; font-size: 0.875rem; } .buttons { padding-top: 2rem; } form .nota { font-size: 12px; font-size: 0.75rem; padding: 2rem 0 2rem 0; } } .header { background: #000000; z-index: 13; } .header button { color: #cfcfcf; } .header a { display: block; } .header .primary-nav { position: relative; } .header .main-nav { position: relative; } .header .menu-toggle { left: 0; z-index: 12; width: 100%; } .header .menu-toggle button { position: static; font-size: 36px; font-size: 2.25rem; margin: 0; padding: 0; } .header .menu-toggle button:before { padding: 0.6rem 0.5rem; margin: 0; position: relative; z-index: 12; } .header .menu-toggle button .menu-back-text { display: block; position: absolute; width: 100%; top: 0; padding: 1.3rem 0 1.1rem 0; background: #222222; font-family: "rsrace", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; font-weight: normal; font-size: 15px; font-size: 0.9375rem; } .header .main-logo a { padding: 1.2rem 1rem; } .header .main-logo img { width: 100%; max-width: 65px; } .header .parent-logo { padding: 0.45rem 1rem; } .header .parent-logo img { width: 100%; } .header .main-nav-item a { color: #ffffff; font-weight: bold; } .header .main-nav-item a.has-sublevel, .header .main-nav-item a.has-sub-sublevel { position: relative; } .header .main-nav-item a.has-sublevel:after, .header .main-nav-item a.has-sub-sublevel:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1.5rem; color: #878785; } .header .main-nav-item ul { display: none; } .header .footer { display: block; } .header .footer .footer-nav { background: transparent; } .header .footer .footer-nav ul.prime li a, .header .footer .footer-nav ul.prime li button.toggle, .header .footer .footer-nav ul.second li a, .header .footer .footer-nav ul.second li button.toggle { color: #cfcfcf; font-weight: 100; padding: 0 0.5rem; } .header .footer .footer-nav ul.prime li.copyright, .header .footer .footer-nav ul.second li.copyright { padding: 0 0.75rem; color: #a9a9a9; } .header .footer .footer-nav ul.prime li a { font-weight: normal; color: #ffffff; padding: 0 1rem; } @media only screen and (max-width: 63.9375em) { .header { background: #222222; } .header.open { position: fixed; width: 100%; height: 100%; overflow: auto; } .header.open .primary-nav { padding-bottom: 9.43rem; } .header.open .menu-toggle { z-index: 14; } .header .pre-nav { position: fixed; top: 0; z-index: 12; width: 100%; background: #000000; } .header .main-nav { z-index: 0; padding: 3.45rem 0 0 0; background: #ebebeb; } .header .subnav a:before { display: none; } .header .main-nav-item a { color: #222222; background: #ebebeb; padding: 1.045rem 1rem; border-bottom: 1px solid #a9a9a9; } .header .main-nav-item ul { display: none; } .header .main-nav-item ul a { color: #5e5e5e; background: #f2f2f2; display: block; } .header .main-nav-item ul a:focus, .header .main-nav-item ul a:hover, .header .main-nav-item ul a.current { color: #000000; background: #ffffff; } .header .footer { position: fixed; bottom: 0; z-index: 1; width: 100%; background: #222222; padding: 0.5rem 0; } .header .footer ul { padding: 0.75rem 0; } .header .footer ul.prime { padding-bottom: 0.5rem; } .header .footer ul.second > li:not(.lg-switch) a { padding: 0 0.5rem !important; } .header .footer ul.social .subnavs { display: none !important; } .header .footer ul .lg-switch .toggle:after, .header .footer ul .lg-switch ul { display: none !important; } .header .menu-toggle, .header .parent-logo { position: absolute; top: 0; } .header .main-logo { text-align: center; } .header .main-logo a { position: relative; z-index: 13; display: inline-block; } .header .parent-logo { right: 0; } .header .parent-logo a { position: relative; z-index: 13; } .header .parent-logo picture { max-width: 50px; } } @media only screen and (min-width: 64em) { .header { position: fixed; top: 0; width: 100%; background: #000000; padding: 0 2.5rem; } .header .main-nav { text-align: center; } .header .menu-toggle { display: none; } .header .main-logo, .header .parent-logo { width: 144px; } .header .main-logo { text-align: left; float: left; } .header .main-logo a { padding: 1.55rem 0; } .header .main-logo img { max-width: 76px; } .header .parent-logo { float: right; padding: 0.45rem 0; } .header .main-nav-item { display: inline-block !important; text-align: center; } .header .main-nav-item.home-link { display: none !important; } .header .main-nav-item a { padding: 1.7rem 0.5rem; color: #a9a9a9; } .header .main-nav-item a.has-sublevel:after, .header .main-nav-item a.has-sub-sublevel:after { display: none; } .header .main-nav-item a:focus, .header .main-nav-item a:hover, .header .main-nav-item a.current { color: #ffffff; } .home .header { background-color: transparent; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); } .home .header .main-nav-item a { color: #ebebeb; } .home .header .main-nav-item a:focus, .home .header .main-nav-item a:hover, .home .header .main-nav-item a.current { color: #ffffff; } } @media only screen and (min-width: 75em) { .header .main-nav-item a { padding: 1.7rem 1.25rem; } } .secondary-nav ul { display: none; } .secondary-nav p, .secondary-nav li { line-height: 1.25; } .secondary-nav p a, .secondary-nav li a { display: inline-block; color: #5e5e5e; } .secondary-nav p a:hover, .secondary-nav p a:focus, .secondary-nav p a.current, .secondary-nav p a.active, .secondary-nav li a:hover, .secondary-nav li a:focus, .secondary-nav li a.current, .secondary-nav li a.active { color: #000000; } .secondary-nav p a.current, .secondary-nav p a.active, .secondary-nav li a.current, .secondary-nav li a.active { background: #ffffff; font-weight: bold; } .secondary-nav p { float: right; background: #f2f2f2; -webkit-transition: background .5s ease-out; transition: background .5s ease-out; font-size: 24px; font-size: 1.5rem; } .secondary-nav p a { padding: 1.8rem 1.5rem 1.18rem 1.5rem; border-left: 1px solid #ffffff; } .secondary-nav p a:after { margin-left: 0; } .secondary-nav p.in-tertiary-nav { background: rgba(0, 0, 0, 0.6); } .secondary-nav p.in-tertiary-nav a { color: #a9a9a9; } .secondary-nav p.in-tertiary-nav a:hover, .secondary-nav p.in-tertiary-nav a:active { color: #ffffff; } .secondary-nav.headhesive { position: fixed; opacity: 0; z-index: 12; } .secondary-nav.headhesive--stick { opacity: 1; } @media only screen and (max-width: 63.9375em) { .secondary-nav { display: none; } .secondary-nav.headhesive { display: block; opacity: 1; bottom: 0; right: 0; -webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition: -webkit-transform .5s ease-out; transition: -webkit-transform .5s ease-out; transition: transform .5s ease-out; transition: transform .5s ease-out, -webkit-transform .5s ease-out; } .secondary-nav.headhesive--stick { -webkit-transform: none; transform: none; } .secondary-nav.at-bottom { -webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition: opacity .5s ease-out, -webkit-transform .5s ease-out; transition: opacity .5s ease-out, -webkit-transform .5s ease-out; transition: opacity .5s ease-out, transform .5s ease-out; transition: opacity .5s ease-out, transform .5s ease-out, -webkit-transform .5s ease-out; opacity: .5; } } @media only screen and (min-width: 64em) { .secondary-nav { width: 100%; background: #f2f2f2; display: -webkit-box; display: flex; } .secondary-nav p { margin-left: auto; } .secondary-nav ul { float: left; -webkit-box-flex: 1; flex: auto; display: -webkit-box; display: flex; } .secondary-nav ul li { display: inline-block; -webkit-box-flex: 1; flex: auto; text-align: center; font-size: 14px; font-size: 0.875rem; } .secondary-nav ul li a { padding: 1.85rem 0.25rem; width: 100%; } .secondary-nav ul li a span { position: relative; } .secondary-nav ul li a span:after, .secondary-nav ul li a span:before { content: ''; display: block; position: absolute; z-index: 1; left: 50%; bottom: -1.95rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: 2px; background: #ffcc33; opacity: 0; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out; } .secondary-nav ul li a span:before { bottom: -2.35rem; width: 0; height: 0; background: transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ffcc33; content: ' '; } .secondary-nav ul li a:hover span, .secondary-nav ul li a:focus span, .secondary-nav ul li a.current span, .secondary-nav ul li a.active span { position: relative; } .secondary-nav ul li a:hover span:after, .secondary-nav ul li a:focus span:after, .secondary-nav ul li a.current span:after, .secondary-nav ul li a.active span:after { opacity: 1; } .secondary-nav ul li a.active span:before { opacity: 1; } .secondary-nav ul ul { position: absolute; width: 100%; left: 0; background: #ffffff; border-bottom: 2px solid #ffcc33; } .secondary-nav ul ul li { text-align: center; padding: 1.5rem 0; } .secondary-nav ul ul a { padding: 1.5rem 1rem 1rem 1rem; } .secondary-nav ul ul a:hover, .secondary-nav ul ul a:focus, .secondary-nav ul ul a.current { box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); } .secondary-nav ul ul img { display: block; margin: 0 auto 0.5rem auto; } .overview .secondary-nav { position: absolute; bottom: 0; left: 0; } .big-header .secondary-nav { position: absolute; top: 4.35rem; left: 0; z-index: 12; } .secondary-nav.headhesive { position: fixed; top: -2rem; bottom: auto; } .secondary-nav.headhesive--stick { top: 4.35rem; background: transparent; } .secondary-nav.headhesive--stick ul { display: none; } .secondary-nav.headhesive--stick p a { border-left-color: #f2f2f2; } } .tertiary-nav { width: 100%; } .tertiary-nav .title { display: none; position: absolute; left: 5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; font-size: 16px; font-size: 1rem; } .tertiary-nav ul { display: -webkit-box; display: flex; background: rgba(0, 0, 0, 0.6); overflow-x: auto; } .tertiary-nav li { position: relative; display: inline-block; text-align: center; -webkit-box-flex: 0; flex: none; font-size: 15px; font-size: 0.9375rem; } .tertiary-nav li.special-links { margin-left: 1rem; } .tertiary-nav li.special-links:before { content: ' '; display: block; float: left; height: 50%; width: 0; border-left: 1px solid white; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .tertiary-nav li.special-links a { margin-left: 1rem; } .tertiary-nav a { position: relative; display: block; color: #ffffff; padding: 1.25rem 1rem; text-transform: none; } .tertiary-nav a.inline-modale { color: #ffcc33; } .tertiary-nav a:after { display: block; height: 0; width: 0; position: absolute; bottom: 0.75rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ffffff; content: ' '; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out; } .tertiary-nav a.active { font-weight: bold; } .tertiary-nav a:hover:after, .tertiary-nav a.active:after { opacity: 1; } .tertiary-nav a.inline-modale { font-weight: bold; } .tertiary-nav a.inline-modale:after { display: none; } .tertiary-nav a.inline-modale:hover, .tertiary-nav a.inline-modale.active { color: #ffde02; } .tertiary-nav.headhesive { -webkit-transition: z-index .5s ease-out; transition: z-index .5s ease-out; z-index: 12; } @media only screen and (max-width: 63.9375em) { .tertiary-nav { display: none; } .tertiary-nav.headhesive { display: block; position: fixed; } } @media only screen and (min-width: 48em) { .tertiary-nav:not(.headhesive) { display: none; } .tertiary-nav.headhesive { position: absolute; bottom: 0; } .tertiary-nav.headhesive--stick { position: fixed; bottom: auto; } .tertiary-nav ul { overflow-x: visible; text-align: right; display: block; } .tertiary-nav li.special-links:before { position: absolute; left: 0; } } @media only screen and (min-width: 64em) { .tertiary-nav.headhesive--stick { z-index: 13; right: 4.55rem; left: 0; width: auto; } .tertiary-nav.headhesive--stick ul { padding-right: 1rem; } .tertiary-nav .title { display: block; } .tertiary-nav ul { padding-right: 5.55rem; } .tertiary-nav li { font-size: 14px; font-size: 0.875rem; } .tertiary-nav li.special-links:before { height: 35%; } .tertiary-nav a { padding: 2rem 1rem; } .tertiary-nav a:after { bottom: 1rem; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ffffff; content: ' '; } } .footer .footer-nav { text-align: center; } .footer .footer-nav ul li { display: inline-block; } .footer .footer-nav ul li a { color: #ffffff; } .footer .footer-nav ul.social li { padding: 0 0.75rem; } .footer .footer-nav ul.social li button { display: inline-block; } .footer .footer-nav ul.social li button.toggle { border: none; color: #ffffff; background: #5e5e5e; border-radius: 50%; padding: 0.5rem; font-size: 16px; font-size: 1rem; } .footer .footer-nav ul.social li button.toggle:before { margin-right: 0; vertical-align: middle; } .footer .footer-nav ul.social li button.toggle:after { display: none; } .footer .footer-nav ul.social li button.toggle:hover, .footer .footer-nav ul.social li button.toggle:focus { background: #ffcc33; color: #222222; } .footer .footer-nav ul.social li ul { text-align: left; } .footer .footer-nav ul.social li ul li { display: block; font-size: 14px; font-size: 0.875rem; } .footer .footer-nav ul.social li ul li a { display: block; } .footer .footer-nav ul.prime > li:not(.lg-switch) a, .footer .footer-nav ul.second > li:not(.lg-switch) a { font-size: 14px; font-size: 0.875rem; padding: 0 0.75rem; } .footer .footer-nav ul.prime .lg-switch, .footer .footer-nav ul.second .lg-switch { position: relative; } .footer .footer-nav ul.prime .lg-switch button.toggle, .footer .footer-nav ul.second .lg-switch button.toggle { font-size: 14px; font-size: 0.875rem; padding: 0 0.75rem; color: #ffffff; } .footer .footer-nav ul.prime .lg-switch ul li, .footer .footer-nav ul.second .lg-switch ul li { display: block; font-size: 14px; font-size: 0.875rem; } .footer .footer-nav ul.prime .lg-switch ul li a, .footer .footer-nav ul.second .lg-switch ul li a { display: block; } .footer .footer-nav .copyright { color: #ffffff; font-size: 14px; font-size: 0.875rem; } @media only screen and (min-width: 64em) { .footer { background: #000000; padding: 1.5rem 2.5rem; position: relative; z-index: 1; } .footer .social { float: left; margin-top: -0.5rem; } .footer .social li { position: relative; } .footer .social li ul { bottom: 2.45rem; left: -0.5rem; } .footer .social li ul li a { white-space: nowrap; padding: 0.5rem 2rem 0.5rem 0.5rem; } .footer .social li ul li a:before { color: #ffffff; background: #5e5e5e; border-radius: 1rem; padding: 0.5rem; font-size: 16px; font-size: 1rem; margin-right: 1rem; } .footer .social, .footer .lg-switch { text-align: left; } .footer .social ul, .footer .lg-switch ul { position: absolute; z-index: 10; } .footer .social ul li a, .footer .lg-switch ul li a { padding: 1rem; background: #f2f2f2; color: #000000; border-bottom: 1px solid #a9a9a9; } .footer .social ul li a:hover, .footer .social ul li a:focus, .footer .social ul li a.current, .footer .lg-switch ul li a:hover, .footer .lg-switch ul li a:focus, .footer .lg-switch ul li a.current { background: #cfcfcf; } .footer .social ul li:last-of-type a, .footer .lg-switch ul li:last-of-type a { border: none; } .footer .lg-switch .toggle { margin-top: -1px; } .footer .lg-switch ul { bottom: 1.85rem; left: -0.25rem; } .footer .lg-switch ul li a { padding: 1rem 2rem 1rem 1rem; } .footer .copyright { float: right; } .footer .prime, .footer .second { display: inline-block; } .home .footer { position: fixed; bottom: 0; width: 100%; background-color: transparent; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); } } .full-modale { position: relative; background: #ffffff; padding: 7.5rem 4rem 2rem 4rem; width: 100%; height: 100%; text-align: center; } .full-modale figure { padding: 1.5rem; } .full-modale figure img { box-shadow: 0.5rem 0.5rem 1rem 0 rgba(0, 0, 0, 0.2); margin: 0 auto; } .full-modale .feature figure { margin-bottom: 4rem; } .full-modale .desktop-formats { display: none; } .full-modale .slider-prev, .full-modale .slider-next { position: absolute; right: 1rem; top: 1.25rem; z-index: 1; font-size: 28px; font-size: 1.75rem; cursor: pointer; } .full-modale .slider-prev:before, .full-modale .slider-next:before { margin-right: 0; } .full-modale .slider-prev { right: 3rem; } .full-modale.itw-modale { padding-top: 4rem; overflow: auto; } .full-modale.itw-modale .interview-slide figure img { max-width: 200px; } @media only screen and (max-width: 63.9375em) and (orientation: landscape) { .full-modale .slider-prev:before, .full-modale .slider-next:before { color: #ffffff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); } } @media only screen and (max-width: 63.9375em) { .full-modale.alt-modale { padding: 0; } .full-modale.alt-modale .instripe-modale-slideshow { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media only screen and (min-width: 48em) { .full-modale { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 75%; max-height: 95%; height: auto; width: auto; margin: 0 auto; padding: 5rem 4rem; overflow: auto; } .full-modale .desktop-formats { display: block; } .full-modale.itw-modale .interview-slide figure img { max-width: 100%; } .full-modale.alt-modale .slider-prev, .full-modale.alt-modale .slider-next { display: none; } } @media only screen and (min-width: 64em) { .full-modale { max-width: 95%; } .full-modale .modale-content { height: auto; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .full-modale .modale-content figure { float: right; width: 62.5%; margin-bottom: 0; margin-left: auto; -webkit-box-ordinal-group: 2; order: 1; padding: 1.5rem; } .full-modale .modale-content .content { float: left; width: 37.5%; padding-right: 2rem; text-align: center !important; } .full-modale .modale-content .content .h4 { font-size: 16px; font-size: 1rem; } .full-modale .modale-content .content .wallpaper-format-list li { padding: 0.5rem; font-size: 12px; font-size: 0.75rem; } .full-modale .modale-content.inverted figure { float: left; margin: 0; -webkit-box-ordinal-group: 1; order: 0; } .full-modale .modale-content.inverted .content { float: right; -webkit-box-ordinal-group: 2; order: 1; margin-left: auto; padding-left: 2rem; padding-right: 0; } } @media only screen and (min-width: 75em) { .full-modale { padding: 7.5rem 4rem; } } @media only screen and (min-width: 87.5em) { .full-modale { max-width: 75%; } } @media only screen and (min-width: 112.5em) { .full-modale { padding: 5rem 4rem; max-width: 100rem; } } .table-modale { position: relative; background: #ffffff; padding: 5rem 1rem 2rem 1rem; width: 100%; height: 100%; text-align: center; overflow: auto; } @media only screen and (min-width: 48em) { .table-modale { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 75%; max-height: 95%; height: auto; width: auto; margin: 0 auto; padding: 9rem 2rem 1rem 2rem; } } @media only screen and (min-width: 64em) { .table-modale { max-width: 95%; *zoom: 1; } .table-modale:before, .table-modale:after { content: " "; display: table; } .table-modale:after { clear: both; } .table-modale .modale-content { float: left; width: 50%; padding: 0 2rem; margin: 2rem 0; } } @media only screen and (min-width: 87.5em) { .table-modale { max-width: 75%; } } @media only screen and (min-width: 112.5em) { .table-modale { max-width: 100rem; } } .single-table-modale .modale-content, .redirect-modale .modale-content, .form-modale .modale-content { float: none; margin: 0 auto; } @media only screen and (min-width: 87.5em) { .single-table-modale .modale-content, .redirect-modale .modale-content, .form-modale .modale-content { max-width: 75%; } } .redirect-modale .modale-content, .form-modale .modale-content { padding: 3rem 0; } .redirect-modale .modale-content .buttons, .form-modale .modale-content .buttons { text-align: right; } .zoom-modale { text-align: left; } .zoom-modale figure, .zoom-modale .figure { margin-bottom: 2rem; } .zoom-modale p { line-height: 1.4; } .zoom-modale .file-size { margin-bottom: 1rem; color: #878785; } .form-modale { position: relative; background: #ffffff; padding: 2rem 4rem; width: 100%; height: 100%; } .form-modale .block-header { text-align: center; } @media only screen and (min-width: 48em) { .form-modale { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 75%; max-height: 95%; height: auto; width: auto; margin: 0 auto; overflow: auto; } } @media only screen and (min-width: 64em) { .form-modale { max-width: 95%; } } @media only screen and (min-width: 87.5em) { .form-modale { max-width: 75%; } } @media only screen and (min-width: 112.5em) { .form-modale { max-width: 100rem; } } .page-title { padding: 0; } .news-list-page .page-title, .seasons-list-page .page-title { font-size: 12px; font-size: 0.75rem; padding: 2rem 1rem 1rem 1rem; } .textual-page .page-title { font-size: 12px; font-size: 0.75rem; padding: 1rem; } .page-title.h3, .hybrid-challenge-page h1.page-title { text-transform: none; } .block-header { padding: 0 1rem; } .block-header .over-title { text-transform: uppercase; margin: 0 auto 0.75rem auto; color: #878785; } .block-header .block-title { margin: 0 auto 1rem auto; } .block-header .block-title strong { color: #ffcc33; display: block; } .main-block .block-header h1, .main-block .block-header .over-title { color: #ffffff; } .block-intro { line-height: 1.67; font-weight: 100; margin: 0 auto 2rem auto; } .block-intro.mini-chapo { font-weight: 800; text-align: justify; } .block-intro.mini-bio { margin-top: 2rem; text-align: justify; } .block-intro.mini-bio p { line-height: 1.67; margin-bottom: 2rem; } .back-link { padding: 2rem; font-size: 12px; font-size: 0.75rem; } .page-header { position: relative; text-align: center; padding: 3rem 1rem; margin: 0 auto 2rem auto; } .page-header:after { content: ''; display: block; height: 0.25rem; width: 5rem; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #ffcc33; } .page-header .over-title { margin-bottom: 1.5rem; color: #5e5e5e; } .article-page .page-header { padding-top: 0; } .article-page .page-header:after { display: none; } .dealers-page .page-header { padding-top: 4rem; } .dealers-page .page-header:after { display: block; } .bracket-text, .table-modale .h5, .date-list-table th, .downloads-list .h5 { font-weight: 600; } .bracket-text:before, .bracket-text:after, .table-modale .h5:before, .date-list-table th:before, .downloads-list .h5:before, .table-modale .h5:after, .date-list-table th:after, .downloads-list .h5:after { color: #ffcc33; display: inline-block; font-family: Arial, sans-serif; font-size: 24px; font-size: 1.5rem; font-weight: normal; font-style: italic; vertical-align: bottom; } .bracket-text:before, .table-modale .h5:before, .date-list-table th:before, .downloads-list .h5:before { content: "["; padding-right: 0.33333rem; } .bracket-text:after, .table-modale .h5:after, .date-list-table th:after, .downloads-list .h5:after { content: "]"; padding-left: 0.25rem; } #page-intro { overflow: hidden; height: 100%; } #page-intro .rsSlide { height: 100%; } .media-block { position: relative; } .media-block figure { position: static; } .media-block img { position: absolute; top: 0; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .media-block .block-header { position: absolute; left: 1rem; right: 1rem; bottom: 2rem; z-index: 1; } .media-block .block-header .over-title, .media-block .block-header .block-title, .media-block .block-header .block-cta { margin: 0; } .media-block .block-header .over-title { padding-bottom: 0.75rem; } .media-block .block-header .block-title { padding-bottom: 1rem; } .rsWithBullets .media-block .block-header { bottom: 5rem; } .media-block.alt-block .block-header { bottom: auto; top: 2rem; } .media-block.alt-alt-block .block-header { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .media-block.v-centered .block-header { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .media-block.inverted .block-header { text-align: right; } .media-block.centered .block-header { text-align: center; } .media-block.dealers-search .block-header { bottom: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .media-block.main-block { height: 100%; } .media-block.main-block h1, .media-block.main-block .over-title { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); } @media only screen and (min-width: 64em) { .media-block .block-header { left: 110px; right: auto; bottom: 4rem; width: 40%; } .media-block.alt-block .block-header { bottom: auto; top: 4rem; } .media-block.alt-alt-block .block-header { bottom: auto; } .media-block.inverted .block-header { left: auto; right: 110px; } .media-block.centered .block-header { width: 70%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .media-block.centered.v-centered .block-header { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .home .media-block .block-header { bottom: 6rem; } .home .media-block.alt-block .block-header { top: 6rem; } .home .media-block.alt-alt-block .block-header { bottom: auto; } } .article-content { color: #5e5e5e; max-width: 56.25rem; margin: 0 auto; } .article-content p, .article-content ul, .article-content ol { text-align: justify; margin-bottom: 2rem; line-height: 1.6; font-size: 15px; font-size: 0.9375rem; } .article-content p ul, .article-content p ol, .article-content ul ul, .article-content ul ol, .article-content ol ul, .article-content ol ol { margin-bottom: 0; } .article-content .chapo { font-weight: bold; } .article-content .chapo p { font-size: 16px; font-size: 1rem; } @media only screen and (min-width: 48em) { .news-list-page .page-title, .seasons-list-page .page-title { padding: 2rem 2rem 1rem 2rem; } .textual-page .page-title { font-size: 24px; font-size: 1.5rem; padding: 1rem 2rem; } .page-header { width: 50%; } } @media only screen and (min-width: 64em) { .news-list-page .page-title, .seasons-list-page .page-title { position: absolute; overflow: hidden; clip: rect(0 0 0 0); border: 0; height: 1px; width: 1px; margin: -1px; padding: 0; } .textual-page .page-title { font-size: 36px; font-size: 2.25rem; padding: 2rem 3rem; text-align: center; position: relative; } .textual-page .page-title:after { content: ''; display: block; height: 4px; width: 5rem; background: #ffde02; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .back-link { padding: 2rem 3rem 1rem 3rem; font-size: 16px; font-size: 1rem; } .article-content p, .article-content ul, .article-content ol { margin-bottom: 2rem; font-size: 16px; font-size: 1rem; } .article-content p ul, .article-content p ol, .article-content ul ul, .article-content ul ol, .article-content ol ul, .article-content ol ol { margin-bottom: 0; } .article-content .chapo { font-weight: 600; padding-bottom: 2rem; } .article-content .chapo p { font-size: 18px; font-size: 1.125rem; } } @media only screen and (min-width: 75em) { .page-header { width: 33%; } } .tiles-list { padding: 0 0.5rem 2rem 0.5rem; } .tiles-list.pics-list { padding-top: 2rem !important; } .tiles-list.text-tiles-list { padding-top: 3rem; -webkit-box-pack: center; justify-content: center; } @media only screen and (max-width: 29.9375em) { .tiles-list.drivers-list, .tiles-list.seasons-list, .tiles-list.folders-list { padding: 0; } } @media only screen and (min-width: 30em) { .tiles-list { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: stretch; align-items: stretch; } .tiles-list.drivers-list, .tiles-list.pics-list { -webkit-box-pack: center; justify-content: center; } .tiles-list.pics-list { padding-bottom: 2rem !important; } .tiles-list.text-tiles-list.alt { -webkit-box-align: center; align-items: center; } } @media only screen and (min-width: 48em) { .tiles-list { padding: 0 1.5rem 2rem 1.5rem; } .tiles-list.text-tiles-list { padding-top: 4rem; } } @media only screen and (min-width: 64em) { .tiles-list { padding: 0 2rem 3rem 2rem; } } @media only screen and (min-width: 75em) { .tiles-list { padding: 0 4rem 5rem 4rem; } } .tile { padding: 0 0.5rem; margin-bottom: 0.75rem; } .tile header { text-transform: none; } .tile header p { font-family: "rsread", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; line-height: 1.3; } .tile header p.news-date { font-size: 12px; font-size: 0.75rem; padding-bottom: 0.5rem; } .tile header p.news-intro { font-size: 15px; font-size: 0.9375rem; } @media only screen and (min-width: 30em) { .tile { float: left; width: 50%; margin-bottom: 1.5rem; -webkit-box-flex: 0; flex: none; display: -webkit-box; display: flex; -webkit-box-align: stretch; align-items: stretch; } } @media only screen and (min-width: 48em) { .tile { width: 33.333%; } } @media only screen and (min-width: 64em) { .tile { padding: 0 1rem; width: 25%; margin-bottom: 2rem; } } @media only screen and (min-width: 75em) { .tile { margin-bottom: 2.5rem; } } @media only screen and (min-width: 100em) { .tile { width: 20%; } } @media only screen and (min-width: 112.5em) { .tile { width: 16.666%; } } @media only screen and (min-width: 150em) { .tile { width: 14.285%; } } .tabs { *zoom: 1; border-bottom: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; margin-bottom: 3rem; } .tabs:before, .tabs:after { content: " "; display: table; } .tabs:after { clear: both; } .tabs li { float: left; position: relative; } .tabs li a { display: inline-block; vertical-align: middle; padding: 0.75rem 1.25rem; background-color: #ebebeb; border: 1px solid #cfcfcf; border-left: none; border-bottom: none; color: #878785; } .tabs li:hover a, .tabs li:focus a, .tabs li.current a { background-color: #ffffff; color: #222222; } .tabs li.current:after { content: ''; display: block; height: 1px; background-color: #ffffff; position: absolute; bottom: -1px; left: 0; right: 1px; } .round-tabs { padding: 2rem 2rem 0 2rem; } .round-tabs li { display: inline-block; padding-right: 1rem; text-align: center; } .round-tabs li a { display: inline-block; padding: 1rem 0; width: 3rem; height: 3rem; color: #cfcfcf; border-radius: 100%; } .round-tabs li a:hover, .round-tabs li a:focus, .current .round-tabs li a { color: #333333; background-color: #ffcc33; } .round-tabs li:last-of-type { padding-right: 0; } .round-tabs li.current a { color: #333333; background-color: #ffcc33; } .tab-content { *zoom: 1; display: none; } .tab-content:before, .tab-content:after { content: " "; display: table; } .tab-content:after { clear: both; } .tab-content .h3, .tab-content .hybrid-challenge-page h1, .hybrid-challenge-page .tab-content h1 { margin-bottom: 3rem; text-transform: none; } .tab-content .tab-header .over-title { color: #878785; padding-bottom: 0.5rem; } .tab-content .tab-header .over-title .type { color: #ffcc33; } .tab-content .tab-header .over-title .type:before { content: '//'; display: inline-block; padding-left: 0.5rem; padding-right: 0.25rem; } .tab-content .tablesaw-container:last-of-type .h3, .tab-content .tablesaw-container:last-of-type .hybrid-challenge-page h1, .hybrid-challenge-page .tab-content .tablesaw-container:last-of-type h1 { margin-top: 3rem; } .tab-content.active-tab-content { display: block; } @media only screen and (min-width: 64em) { .tabs { margin-bottom: 5rem; } .tabs li a { padding: 1.25rem 2rem; } .round-tabs { padding: 7rem 6rem 0 6rem; margin-bottom: -7rem; } .tab-content .h3, .tab-content .hybrid-challenge-page h1, .hybrid-challenge-page .tab-content h1 { margin-bottom: 5rem; } .tablesaw-container:last-of-type .h3, .tablesaw-container:last-of-type .hybrid-challenge-page h1, .hybrid-challenge-page .tablesaw-container:last-of-type h1 { margin-top: 5rem; } } .tablesaw { border-collapse: separate; } .tablesaw th, .tablesaw td { background: #ffffff; text-align: left; color: #333333; font-size: 12px; font-size: 0.75rem; white-space: nowrap; } .tablesaw th span, .tablesaw td span { display: block; } .tablesaw th span span, .tablesaw td span span { padding: 1rem 0.5rem; border-left: 1rem solid #ffffff; } .tablesaw th:nth-of-type(1) span span, .tablesaw td:nth-of-type(1) span span { border-left: none; } .tablesaw td { border-top: 1px solid #ebebeb; border-bottom: 0.33333rem solid #ffffff; } .tablesaw td > span { border-bottom: 1px solid #ebebeb; } .tablesaw th { text-transform: uppercase; font-weight: bold; font-family: "rslife", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; } .tablesaw .special td { background: #ffcc33 !important; color: #333333 !important; } .tablesaw .special td:nth-of-type(1) { border-top-color: #ffcc33 !important; } .tablesaw .special td:nth-of-type(1) > span { border-color: #ffcc33 !important; } .tablesaw.results-table th:nth-of-type(1), .tablesaw.results-table th:nth-of-type(2), .tablesaw.results-table th:nth-of-type(5), .tablesaw.results-table th:nth-of-type(6), .tablesaw.results-table th:nth-of-type(7), .tablesaw.results-table td:nth-of-type(1), .tablesaw.results-table td:nth-of-type(2), .tablesaw.results-table td:nth-of-type(5), .tablesaw.results-table td:nth-of-type(6), .tablesaw.results-table td:nth-of-type(7) { text-align: center; } .tablesaw.results-table th:nth-of-type(3) span span, .tablesaw.results-table th:nth-of-type(4) span span, .tablesaw.results-table td:nth-of-type(3) span span, .tablesaw.results-table td:nth-of-type(4) span span { padding-left: 1rem; padding-right: 1rem; } .tablesaw.results-table th:nth-of-type(1), .tablesaw.results-table th:nth-of-type(2), .tablesaw.results-table th:nth-of-type(7), .tablesaw.results-table td:nth-of-type(1), .tablesaw.results-table td:nth-of-type(2), .tablesaw.results-table td:nth-of-type(7) { max-width: 2.5rem; } .tablesaw.results-table th:nth-of-type(5), .tablesaw.results-table td:nth-of-type(5) { max-width: 4rem; } .tablesaw.results-table th:nth-of-type(6), .tablesaw.results-table td:nth-of-type(6) { max-width: 3.5rem; } .tablesaw.results-table td:nth-of-type(1) { background: #000000; color: #ffffff; border-top-color: #000000; } .tablesaw.results-table td:nth-of-type(1) > span { border-color: #000000; } .tablesaw.results-table td:nth-of-type(1) > span span { padding-left: 0.5rem; padding-right: 0.5rem; } .tablesaw.results-table td:nth-of-type(1), .tablesaw.results-table td:nth-of-type(2), .tablesaw.results-table td:nth-of-type(4) { font-weight: bold; } .tablesaw.results-table td:nth-of-type(2), .tablesaw.results-table td:nth-of-type(4), .tablesaw.results-table td:nth-of-type(5), .tablesaw.results-table td:nth-of-type(6), .tablesaw.results-table td:nth-of-type(7) { background: #f2f2f2; } .tablesaw.rankings-table td, .tablesaw.rankings-table th { text-align: center; } .tablesaw.rankings-table td:nth-of-type(1), .tablesaw.rankings-table th:nth-of-type(1) { font-weight: bold; } .tablesaw.rankings-table td:nth-of-type(1), .tablesaw.rankings-table td:nth-of-type(2), .tablesaw.rankings-table th:nth-of-type(1), .tablesaw.rankings-table th:nth-of-type(2) { text-align: left; } .tablesaw.rankings-table td:nth-of-type(7), .tablesaw.rankings-table th:nth-of-type(7) { max-width: 3rem; } .tablesaw.rankings-table td { background: #f2f2f2; } .tablesaw.rankings-table td:nth-of-type(2), .tablesaw.rankings-table td:last-of-type { background: #ffffff; } @media only screen and (min-width: 48em) { .tablesaw th, .tablesaw td { font-size: 16px; font-size: 1rem; } .tablesaw td { border-bottom-width: 0.5rem; } .tablesaw.results-table th:nth-of-type(3) span span, .tablesaw.results-table th:nth-of-type(4) span span, .tablesaw.results-table td:nth-of-type(3) span span, .tablesaw.results-table td:nth-of-type(4) span span { padding-left: 1.5rem; padding-right: 1.5rem; } } @media only screen and (min-width: 75em) { .tablesaw th, .tablesaw td { font-size: 18px; font-size: 1.125rem; } .tablesaw.results-table th:nth-of-type(1), .tablesaw.results-table td:nth-of-type(1) { max-width: 2rem; } .tablesaw.results-table th:nth-of-type(2), .tablesaw.results-table td:nth-of-type(2) { max-width: 2.75rem; } .tablesaw.results-table th:nth-of-type(5), .tablesaw.results-table td:nth-of-type(5) { max-width: 6rem; } .tablesaw.results-table th:nth-of-type(6), .tablesaw.results-table td:nth-of-type(6) { max-width: 5.5rem; } .tablesaw.results-table th:nth-of-type(7), .tablesaw.results-table td:nth-of-type(7) { max-width: 3.5rem; } .tablesaw.results-table th:nth-of-type(3) span span, .tablesaw.results-table th:nth-of-type(4) span span, .tablesaw.results-table td:nth-of-type(3) span span, .tablesaw.results-table td:nth-of-type(4) span span { padding-left: 3rem; padding-right: 3rem; } } .simple-data-table { margin: 1rem auto; color: #5e5e5e; } .simple-data-table th, .simple-data-table td { padding: 0.5rem; } .simple-data-table th { text-align: right; font-weight: 600; } .simple-data-table td { text-align: left; } .pretty-data-table { margin: 1rem auto; color: #333333; border-collapse: collapse; width: 100%; table-layout: fixed; } .pretty-data-table tr { display: block; width: 100%; border-bottom: 10px solid #ffffff; display: -webkit-box; display: flex; } .pretty-data-table th, .pretty-data-table td { text-align: left; border: 1px solid #f2f2f2; font-size: 12px; font-size: 0.75rem; padding: 1rem; float: left; -webkit-box-align: stretch; align-items: stretch; } .pretty-data-table th { font-weight: 600; background: #f2f2f2; width: 40%; } .pretty-data-table td { width: 60%; } @media only screen and (min-width: 48em) { .pretty-data-table td, .pretty-data-table th { font-size: 16px; font-size: 1rem; } } .date-list-table { margin: 1rem auto; } .date-list-table th, .date-list-table td { padding: 1rem; } .date-list-table th { font-size: 18px; font-size: 1.125rem; padding-left: 2rem; white-space: nowrap; text-align: right; } .date-list-table td { text-align: justify; vertical-align: top; } @media only screen and (min-width: 64em) { .date-list-table td, .date-list-table th { vertical-align: bottom; } } .toggle-container { position: relative; } .hidden-toggle-content, .active-toggle-content { display: none; } .active-toggle-content, .active-big-content { display: block; } .toggle-list { position: absolute; z-index: 1; width: 100%; } .toggle-list li .rs-btn, .toggle-list li button { display: block; padding: 1rem; margin: 0; width: 100%; color: #a9a9a9; background: #ebebeb; border-bottom: 1px solid #a9a9a9; text-align: left; text-transform: none; } .toggle-list li .rs-btn:hover, .toggle-list li .rs-btn:focus, .toggle-list li .rs-btn.current, .toggle-list li button:hover, .toggle-list li button:focus, .toggle-list li button.current { color: #000000; background: #cfcfcf; } .stripe { padding: 4rem 0; } .stripe.threesixty-viewer { padding-top: 0; } .simple-text-and-img { text-align: center; padding: 4rem 2rem; } .simple-text-and-img figure { margin: 3rem auto; } .simple-text-and-img.inverted figure { margin: 0 auto 3rem auto; } @media only screen and (min-width: 64em) { .simple-text-and-img .block-title, .simple-text-and-img .block-intro { max-width: 50%; } .simple-text-and-img figure { margin: 4rem auto; } .simple-text-and-img.inverted figure { margin: 0 auto 6rem auto; } } @media only screen and (min-width: 87.5em) { .simple-text-and-img .block-title, .simple-text-and-img .block-intro { max-width: 30%; } } .simple-text { text-align: center; padding: 4rem 0; } .simple-text.before-360 { padding-bottom: 0; } .simple-text .block-intro { padding: 0 2rem; } @media only screen and (min-width: 64em) { .simple-text:not(.large-block-header) .block-title, .simple-text:not(.large-block-header) .block-intro { max-width: 50%; padding: 0; } } @media only screen and (min-width: 87.5em) { .simple-text:not(.large-block-header) .block-title, .simple-text:not(.large-block-header) .block-intro { max-width: 30%; } } .horiz-text-and-img { padding: 3rem 2rem; text-align: center; } .horiz-text-and-img .block-intro { max-width: none !important; } .horiz-text-and-img figure:not(.feature), .horiz-text-and-img .figure { margin-bottom: 2rem; } @media only screen and (min-width: 48em) { .horiz-text-and-img { padding: 10rem 3rem; } .horiz-text-and-img .inside-container { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .horiz-text-and-img figure:not(.feature), .horiz-text-and-img .figure { float: right; width: 60%; margin-bottom: 0; text-align: right; -webkit-box-ordinal-group: 2; order: 1; } .horiz-text-and-img .block-header { text-align: left; float: left; width: 40%; padding: 0 2rem 0 0; } .horiz-text-and-img.inverted figure:not(.feature), .horiz-text-and-img.inverted .figure { float: left; -webkit-box-ordinal-group: 1; order: 0; text-align: left; } .horiz-text-and-img.inverted .block-header { float: right; -webkit-box-ordinal-group: 2; order: 1; padding-left: 2rem; padding-right: 0; } } @media only screen and (min-width: 64em) { .horiz-text-and-img figure:not(.feature), .horiz-text-and-img .figure { padding-right: 3rem; } .horiz-text-and-img .block-header { padding: 0 3rem; } .horiz-text-and-img.inverted figure:not(.feature), .horiz-text-and-img.inverted .figure { padding-left: 3rem; padding-right: 0; } .horiz-text-and-img.inverted .block-header { padding: 0 3rem; } } .text-and-img-on-bg { position: relative; } .text-and-img-on-bg figure img { width: 100%; } .text-and-img-on-bg .block-header { padding: 4rem 2rem; } .text-and-img-on-bg.centered .block-header { text-align: center; } @media only screen and (min-width: 48em) { .text-and-img-on-bg .block-header { padding: 4rem 3rem; } } @media only screen and (min-width: 64em) { .text-and-img-on-bg .block-header { z-index: 1; width: 40%; padding: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 3rem; } .text-and-img-on-bg.inverted .block-header { right: auto; left: 3rem; } .text-and-img-on-bg.centered .block-header { right: auto; left: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media only screen and (min-width: 75em) { .text-and-img-on-bg .block-header { width: 30%; right: 4rem; } .text-and-img-on-bg.inverted .block-header { right: auto; left: 4rem; } .text-and-img-on-bg.centered .block-header { right: auto; left: 50%; } } @media only screen and (min-width: 87.5em) { .text-and-img-on-bg .block-header { right: 5rem; } .text-and-img-on-bg.inverted .block-header { right: auto; left: 5rem; } .text-and-img-on-bg.centered .block-header { right: auto; left: 50%; } } @media only screen and (min-width: 112.5em) { .text-and-img-on-bg .block-header { right: 6rem; } .text-and-img-on-bg.inverted .block-header { right: auto; left: 6rem; } .text-and-img-on-bg.centered .block-header { right: auto; left: 50%; } } @media only screen and (min-width: 112.5em) { .text-and-img-on-bg .block-header { width: 25%; right: 8rem; } .text-and-img-on-bg.inverted .block-header { right: auto; left: 8rem; } .text-and-img-on-bg.centered .block-header { right: auto; left: 50%; } } .horiz-text-and-media { padding: 3rem 2rem; text-align: left; } .horiz-text-and-media .folder-files-list { margin-bottom: 3rem; } .horiz-text-and-media .folder-files-list ul { margin-bottom: 2rem; } .horiz-text-and-media .folder-files-list li { text-align: right; border: 1px solid #222222; } .horiz-text-and-media .folder-files-list li.selected { border-color: #ffcc33; } .horiz-text-and-media .folder-files-list li a { display: block; padding: 1rem; } .horiz-text-and-media .folder-files-list li a:not(.dld) { float: left; font-weight: bold; color: #878785; } .horiz-text-and-media .folder-files-list li a:not(.dld) span { color: #000000; } .horiz-text-and-media .folder-files-list li a:not(.dld):hover, .horiz-text-and-media .folder-files-list li a:not(.dld).selected { color: #000000; } .horiz-text-and-media .cta { text-align: right; } .horiz-text-and-media .folder-file-detail { display: none; position: relative; } .horiz-text-and-media .folder-file-detail.loading { opacity: .5; } .horiz-text-and-media .folder-file-detail.loading:after { position: absolute; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 48px; font-size: 3rem; margin-left: 0; -webkit-animation: pulse 2s infinite ease-out; animation: pulse 2s infinite ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .horiz-text-and-media .folder-file-detail p { line-height: 1.4; } .horiz-text-and-media .folder-file-detail .file-size { margin-bottom: 1rem; color: #878785; } .horiz-text-and-media figure, .horiz-text-and-media .figure { margin-bottom: 2rem; } @media only screen and (min-width: 64em) { .horiz-text-and-media { display: -webkit-box; display: flex; -webkit-box-align: top; align-items: top; } .horiz-text-and-media .folder-files-list, .horiz-text-and-media .folder-file-detail { -webkit-box-flex: 0; flex: none; } .horiz-text-and-media .folder-files-list .block-header, .horiz-text-and-media .folder-file-detail .block-header { padding: 0; } .horiz-text-and-media .folder-files-list { float: left; width: 35%; margin-bottom: 0; margin-right: auto; margin-bottom: 0; -webkit-box-ordinal-group: 2; order: 1; } .horiz-text-and-media .folder-file-detail { display: block; float: right; width: 54%; margin-right: 3rem; } } .block-style-1, .block-style-2, .block-style-4, .block-style-5, .block-style-6, .block-style-9, .block-style-12, .block-style-13, .block-style-15 { background-repeat: no-repeat; background-color: #ffffff; } .block-style-1 .block-title, .block-style-1 .block-intro, .block-style-2 .block-title, .block-style-2 .block-intro, .block-style-4 .block-title, .block-style-4 .block-intro, .block-style-5 .block-title, .block-style-5 .block-intro, .block-style-6 .block-title, .block-style-6 .block-intro, .block-style-9 .block-title, .block-style-9 .block-intro, .block-style-12 .block-title, .block-style-12 .block-intro, .block-style-13 .block-title, .block-style-13 .block-intro, .block-style-15 .block-title, .block-style-15 .block-intro { color: #000000; } .block-style-1 { background-image: url(../images/bg-block-style-1.svg); background-repeat: no-repeat; background-position-x: -450px; background-position-y: bottom; background-size: 567px; } @media only screen and (min-width: 48em) { .block-style-1 { background-position-x: -280px; } } @media only screen and (min-width: 87.5em) { .block-style-1 { background-position-x: -50px; } } @media only screen and (min-width: 100em) { .block-style-1 { background-position-x: -1px; } } .block-style-2 { background-image: url(../images/bg-block-style-2.svg); background-repeat: no-repeat; background-position-x: 115px; background-position-y: top; background-size: 2032px; } @media only screen and (min-width: 48em) { .block-style-2 { background-position-x: 285px; } } @media only screen and (min-width: 87.5em) { .block-style-2 { background-position-x: 515px; } } @media only screen and (min-width: 100em) { .block-style-2 { background-position-x: 565px; } } .block-style-3 { background-repeat: no-repeat; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNDI2Nzc3IiB5MT0iLTAuMDU2MTg2IiB4Mj0iMC41NzMyMjMiIHkyPSIxLjA1NjE4NiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: linear-gradient(172.5deg, #ffffff 0%, #ffffff 20%, #000000 20%); } @media only screen and (min-width: 48em) { .block-style-3 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNDI2Nzc3IiB5MT0iLTAuMDU2MTg2IiB4Mj0iMC41NzMyMjMiIHkyPSIxLjA1NjE4NiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: linear-gradient(172.5deg, #ffffff 0%, #ffffff 30%, #000000 30%); } } @media only screen and (min-width: 112.5em) { .block-style-3 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNDI2Nzc3IiB5MT0iLTAuMDU2MTg2IiB4Mj0iMC41NzMyMjMiIHkyPSIxLjA1NjE4NiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: linear-gradient(172.5deg, #ffffff 0%, #ffffff 35%, #000000 35%); } } .block-style-10 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNDI2Nzc3IiB5MT0iLTAuMDU2MTg2IiB4Mj0iMC41NzMyMjMiIHkyPSIxLjA1NjE4NiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: linear-gradient(172.5deg, #ffffff 0%, #ffffff 20%, #222222 20%); } @media only screen and (min-width: 48em) { .block-style-10 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNDI2Nzc3IiB5MT0iLTAuMDU2MTg2IiB4Mj0iMC41NzMyMjMiIHkyPSIxLjA1NjE4NiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: linear-gradient(172.5deg, #ffffff 0%, #ffffff 30%, #222222 30%); } } @media only screen and (min-width: 112.5em) { .block-style-10 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNDI2Nzc3IiB5MT0iLTAuMDU2MTg2IiB4Mj0iMC41NzMyMjMiIHkyPSIxLjA1NjE4NiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiMyMjIyMjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: linear-gradient(172.5deg, #ffffff 0%, #ffffff 35%, #222222 35%); } } .block-style-5 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNDI2Nzc3IiB5MT0iLTAuMDU2MTg2IiB4Mj0iMC41NzMyMjMiIHkyPSIxLjA1NjE4NiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: linear-gradient(172.5deg, #ffffff 0%, #ffffff 50%, #f2f2f2 50%); } .block-style-9 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNDI2Nzc3IiB5MT0iLTAuMDU2MTg2IiB4Mj0iMC41NzMyMjMiIHkyPSIxLjA1NjE4NiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: linear-gradient(172.5deg, #ffffff 0%, #ffffff 75%, #f2f2f2 75%); } @media only screen and (min-width: 48em) { .block-style-9 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNDI2Nzc3IiB5MT0iLTAuMDU2MTg2IiB4Mj0iMC41NzMyMjMiIHkyPSIxLjA1NjE4NiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: linear-gradient(172.5deg, #ffffff 0%, #ffffff 70%, #f2f2f2 70%); } } @media only screen and (min-width: 150em) { .block-style-9 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNDI2Nzc3IiB5MT0iLTAuMDU2MTg2IiB4Mj0iMC41NzMyMjMiIHkyPSIxLjA1NjE4NiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: linear-gradient(172.5deg, #ffffff 0%, #ffffff 65%, #f2f2f2 65%); } } .block-style-11 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuMDQ3MjEiIHgyPSIxLjAzOTYxNCIgeTI9IjAuOTUyNzkiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: linear-gradient(130deg, #ffffff 0%, #ffffff 50%, #f2f2f2 50%); } .block-style-12 { background-image: url(../images/bg-block-style-12.svg); background-repeat: no-repeat; background-position-x: -1950px; background-position-y: bottom; background-size: 2742px; } @media only screen and (min-width: 48em) { .block-style-12 { background-position-x: -1550px; } } @media only screen and (min-width: 75em) { .block-style-12 { background-position-x: -1200px; } } @media only screen and (min-width: 87.5em) { .block-style-12 { background-position-x: -1000px; } } @media only screen and (min-width: 100em) { .block-style-12 { background-position-x: -800px; } } @media only screen and (min-width: 112.5em) { .block-style-12 { background-size: 5484px; background-position-x: -2800px; } } @media only screen and (min-width: 150em) { .block-style-12 { background-position-x: -2500px; } } .block-style-13 { background-image: url(../images/bg-block-style-13.svg); background-repeat: no-repeat; background-position-x: -1950px; background-position-y: top; background-size: 2742px; } @media only screen and (min-width: 48em) { .block-style-13 { background-position-x: -1550px; } } @media only screen and (min-width: 75em) { .block-style-13 { background-position-x: -1200px; } } @media only screen and (min-width: 87.5em) { .block-style-13 { background-position-x: -1000px; } } @media only screen and (min-width: 100em) { .block-style-13 { background-position-x: -800px; } } @media only screen and (min-width: 112.5em) { .block-style-13 { background-size: 5484px; background-position-x: -2800px; } } @media only screen and (min-width: 150em) { .block-style-13 { background-position-x: -2500px; } } .block-style-14 { background-image: url(../images/bg-block-style-14.svg); background-repeat: no-repeat; background-position-x: 850px; background-position-y: bottom; background-size: 500px; } @media only screen and (min-width: 37.5em) { .block-style-14 { background-position-x: 720px; } } @media only screen and (min-width: 48em) { .block-style-14 { background-position-x: 898px; } } @media only screen and (min-width: 75em) { .block-style-14 { background-position-x: 1050px; } } @media only screen and (min-width: 87.5em) { .block-style-14 { background-position-x: 1150px; } } @media only screen and (min-width: 100em) { .block-style-14 { background-size: 2400px; background-position-x: 1400px; } } @media only screen and (min-width: 112.5em) { .block-style-14 { background-position-x: 1600px; } } @media only screen and (min-width: 150em) { .block-style-14 { background-position-x: 2200px; } } .block-style-15 { background-image: url(../images/bg-block-style-15.svg); background-repeat: no-repeat; background-position-x: -220px; background-position-y: top; background-size: 868px; } @media only screen and (min-width: 37.5em) { .block-style-15 { background-position-x: -150px; } } @media only screen and (min-width: 48em) { .block-style-15 { background-size: 1200px; background-position-x: -303px; } } @media only screen and (min-width: 75em) { .block-style-15 { background-position-x: -150px; } } @media only screen and (min-width: 87.5em) { .block-style-15 { background-position-x: -50px; } } @media only screen and (min-width: 100em) { .block-style-15 { background-size: 2400px; background-position-x: -1000px; } } @media only screen and (min-width: 112.5em) { .block-style-15 { background-position-x: -800px; } } @media only screen and (min-width: 150em) { .block-style-15 { background-position-x: -200px; } } .block-style-5, .block-style-6, .block-style-9, .block-style-11 { background-color: #f2f2f2; } .block-style-3, .block-style-7, .block-style-14 { background-color: #000000; } .block-style-3 .block-title, .block-style-3 .h6, .block-style-3 .block-intro, .block-style-3 table, .block-style-3 .simple-textual-content, .block-style-7 .block-title, .block-style-7 .h6, .block-style-7 .block-intro, .block-style-7 table, .block-style-7 .simple-textual-content, .block-style-14 .block-title, .block-style-14 .h6, .block-style-14 .block-intro, .block-style-14 table, .block-style-14 .simple-textual-content { color: #ffffff; } .block-style-3 a:not(.rs-btn), .block-style-7 a:not(.rs-btn), .block-style-14 a:not(.rs-btn) { color: #ffcc33; } .block-style-3 a:not(.rs-btn):hover, .block-style-3 a:not(.rs-btn):focus, .block-style-7 a:not(.rs-btn):hover, .block-style-7 a:not(.rs-btn):focus, .block-style-14 a:not(.rs-btn):hover, .block-style-14 a:not(.rs-btn):focus { color: #fff29b; } .block-style-3 .calendar-title, .block-style-7 .calendar-title, .block-style-14 .calendar-title { color: #ffcc33; } .block-style-8, .block-style-10 { background-color: #222222; } .block-style-8 .block-title, .block-style-8 .block-intro, .block-style-10 .block-title, .block-style-10 .block-intro { color: #ffffff; } .block-style-8 .rs-btn-type-4, .block-style-10 .rs-btn-type-4 { background-color: #222222; } .slanted-interlude { position: relative; min-height: 150px; text-align: center; } .slanted-interlude.video-interlude { padding: 2rem 1rem; } .slanted-interlude img { margin: 0 auto; padding: 1rem 0; } @media only screen and (min-width: 48em) { .slanted-interlude.video-interlude { padding: 2rem; } .slanted-interlude img { padding: 2rem 0; } } @media only screen and (min-width: 64em) { .slanted-interlude.video-interlude { padding: 2rem 3rem; } } @media only screen and (min-width: 75em) { .slanted-interlude { margin-top: -30px; margin-bottom: -30px; min-height: 200px; } .slanted-interlude.video-interlude { padding: 2rem 4rem; margin: 0; } } @media only screen and (min-width: 87.5em) { .slanted-interlude { min-height: 250px; } .slanted-interlude.video-interlude { padding: 2rem 6rem; } } @media only screen and (min-width: 100em) { .slanted-interlude { margin-top: -50px; margin-bottom: -50px; min-height: 300px; } .slanted-interlude img { padding: 4rem 0; } .slanted-interlude.video-interlude { margin: 0; } } @media only screen and (min-width: 112.5em) { .slanted-interlude { margin-top: -60px; margin-bottom: -60px; min-height: 350px; } .slanted-interlude img { padding: 4rem 0; } .slanted-interlude.video-interlude { margin: 0; } } .slanted-interlude.block-style-3 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNDI2Nzc3IiB5MT0iLTAuMDU2MTg2IiB4Mj0iMC41NzMyMjMiIHkyPSIxLjA1NjE4NiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: linear-gradient(172.5deg, #ffffff 0%, #ffffff 50%, #000000 50%); } .slanted-interlude.block-style-10 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNDI2Nzc3IiB5MT0iLTAuMDU2MTg2IiB4Mj0iMC41NzMyMjMiIHkyPSIxLjA1NjE4NiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: linear-gradient(172.5deg, #ffffff 0%, #ffffff 50%, #222222 50%); } .deco-img { overflow: hidden; position: relative; z-index: 0; min-height: 375px; } .deco-img img { position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .deco-img:after, .deco-img:before { content: ''; display: block; position: absolute; z-index: 2; left: 0; width: 100%; height: 20%; } .deco-img:before { top: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 100%); } .deco-img:after { bottom: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%); } .deco-img.sr:before { top: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(rgba(34, 34, 34, 0))); background-image: linear-gradient(to bottom, #222222 0%, rgba(34, 34, 34, 0) 100%); } .deco-img.sr:after { bottom: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0)), to(#222222)); background-image: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, #222222 100%); } @media only screen and (min-width: 48em) { .deco-img { min-height: 450px; } .deco-img.uppity { margin-top: -10rem; } } @media only screen and (min-width: 64em) { .deco-img { min-height: 650px; } .deco-img.uppity { margin-top: -15rem; } } @media only screen and (min-width: 75em) { .deco-img { min-height: 900px; } } @media only screen and (min-width: 112.5em) { .deco-img { min-height: 1250px; } } @media only screen and (min-width: 48em) { .uppity { margin-top: -5rem; } } @media only screen and (min-width: 64em) { .uppity { margin-top: -10rem; } } .zoomin img { -webkit-transition: min-width .5s ease-out, min-height .5s ease-out; transition: min-width .5s ease-out, min-height .5s ease-out; } .zoomin:hover img { min-width: 105%; min-height: 105%; } .fadein .inside-container { opacity: 0; -webkit-transition: opacity 2s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; transition: opacity 2s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; } .fadein.start .inside-container { opacity: 1; } .curtains { overflow: hidden; } .curtains figure, .curtains .block-header { -webkit-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, right 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, right 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; } .curtains figure { right: -100%; } .curtains .block-header { position: relative; left: -100%; } .curtains.start figure { right: 0; } .curtains.start .block-header { left: 0; } .curtains.inverted figure { left: -100%; right: auto; } .curtains.inverted .block-header { left: auto; right: -100%; } .curtains.inverted.start figure { left: 0; } .curtains.inverted.start .block-header { right: 0; } @-webkit-keyframes pulse { 0% { opacity: 0; -webkit-transform: scale(1); } 20% { opacity: 1; } 30% { opacity: 1; -webkit-transform: scale(0.8); } 100% { -webkit-transform: scale(1.1); opacity: 0; } } @keyframes pulse { 0% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 20% { opacity: 1; } 30% { opacity: 1; -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } } .fullwidth-slideshow { height: auto; overflow: hidden; } .fullwidth-slideshow figure img { width: 100%; } .modale-slideshow { height: 100%; } .modale-slideshow .rsOverflow, .modale-slideshow .rsSlide { background: transparent; } .modale-slideshow .feature { height: 100%; width: 100%; padding: 0; } .modale-slideshow .feature .content .block-title { text-align: left; color: #5e5e5e; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #000000; font-size: 12px; font-size: 0.75rem; } .modale-slideshow .feature .content .h4 { font-size: 12px; font-size: 0.75rem; } .modale-slideshow .feature .content .wallpaper-format-list li { display: inline-block; padding: 0 0.5rem; font-size: 10px; font-size: 0.625rem; } .modale-slideshow .feature .content .wallpaper-format-list li a { display: inline-block; } .modale-slideshow .feature .content .mobile-formats .wallpaper-format-list li a { position: relative; } .modale-slideshow .feature .content .mobile-formats .wallpaper-format-list li a:before { content: ''; display: block; border: 1px dashed #000000; -webkit-transition: border-color .5s ease-out; transition: border-color .5s ease-out; margin: 0 auto 1rem auto; } .modale-slideshow .feature .content .mobile-formats .wallpaper-format-list li a:hover:before { border-color: #ffcc33; } .modale-slideshow .feature .content .mobile-formats .wallpaper-format-list li a.wp-format-5:before { width: 1.25rem; height: 2.25rem; } .modale-slideshow .feature .content .mobile-formats .wallpaper-format-list li a.wp-format-6:before { width: 1.625rem; height: 3rem; } .modale-slideshow .feature .content .desktop-formats .wallpaper-format-list li a { position: relative; border: 1px dashed #000000; } .modale-slideshow .feature .content .desktop-formats .wallpaper-format-list li a:hover { border-color: #ffcc33; } .modale-slideshow .feature .content .desktop-formats .wallpaper-format-list li a.wp-format-1 { width: 6.19rem; height: 4.19rem; } .modale-slideshow .feature .content .desktop-formats .wallpaper-format-list li a.wp-format-2 { width: 6.75rem; height: 3.63rem; } .modale-slideshow .feature .content .desktop-formats .wallpaper-format-list li a.wp-format-3 { width: 8.81rem; height: 4.63rem; } .modale-slideshow .feature .content .desktop-formats .wallpaper-format-list li a.wp-format-4 { width: 9.81rem; height: 5.5rem; } .modale-slideshow .feature .content .desktop-formats .wallpaper-format-list li a span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (min-width: 48em) { .modale-slideshow .feature .content .desktop-formats { margin-bottom: 1rem; } .modale-slideshow .feature .content .wallpaper-format-list li { padding: 0.5rem; } } @media only screen and (min-width: 64em) { .modale-slideshow .feature .content .block-title { padding-bottom: 1.5rem; margin-bottom: 1.5rem; font-size: 16px; font-size: 1rem; } } .heritage-slideshow .rsThumbsContainer { padding-top: 10px; } .heritage-slideshow .rsThumb { background: #000000; padding: 0 6px 6px 0; position: relative; -webkit-transition: background .5s ease-out; transition: background .5s ease-out; } .heritage-slideshow .rsThumb img { display: block; position: relative; z-index: 0; } .heritage-slideshow .rsThumb:after { display: block; content: ''; width: 50%; height: 6px; position: absolute; bottom: 0; left: 0; z-index: 1; background: #ffcc33; opacity: 0; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out; } .heritage-slideshow .rsThumb.rsNavSelected, .heritage-slideshow .rsThumb:hover, .heritage-slideshow .rsThumb:focus { background: #000000; } .heritage-slideshow .rsThumb.rsNavSelected:after, .heritage-slideshow .rsThumb:hover:after, .heritage-slideshow .rsThumb:focus:after { opacity: 1; } @media only screen and (max-width: 63.9375em) { .heritage-slideshow .rsThumbsContainer { height: auto !important; } } .instripe-slideshow { margin-bottom: 4rem; } .instripe-slideshow .feature a { position: relative; display: block; } .instripe-slideshow .feature a:after, .instripe-slideshow .feature a:before { opacity: 0; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out; cursor: pointer; } .instripe-slideshow .feature a:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .instripe-slideshow .feature a:before { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffcc33; z-index: 2; font-size: 32px; font-size: 2rem; } .instripe-slideshow .feature a:hover:after, .instripe-slideshow .feature a:hover:before, .instripe-slideshow .feature a:focus:after, .instripe-slideshow .feature a:focus:before { opacity: 1; } @media only screen and (min-width: 48em) { .instripe-slideshow { margin-bottom: 0; } } .instripe-modale-slideshow .feature { padding: 0; } .instripe-modale-slideshow .rsArrow { display: none !important; } @media only screen and (min-width: 64em) { .instripe-modale-slideshow .rsArrow { display: block !important; } } .interview-slide .block-title { text-align: left; color: #5e5e5e; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #000000; font-size: 12px; font-size: 0.75rem; } .interview-slide .h6 { font-size: 12px; font-size: 0.75rem; text-align: left; margin-bottom: 0.5rem; } .interview-slide .h6 span { font-family: "rslife", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; color: #a9a9a9; } .interview-slide .audiojs { margin-bottom: 1.5rem; } @media only screen and (min-width: 64em) { .interview-slide .block-title { padding-bottom: 1.5rem; margin-bottom: 1.5rem; font-size: 16px; font-size: 1rem; } .interview-slide .h6 { font-size: 16px; font-size: 1rem; text-align: left; } .interview-slide .h6 span { font-family: "rslife", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; color: #a9a9a9; } .interview-slide .audiojs { margin-bottom: 2rem; } } .accordion { max-width: 56.25rem; margin: 0 auto 2rem auto; } .accordion dt { text-align: left; width: 100%; } .accordion dt:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1.75rem; } .accordion dt.active-toggle { margin-bottom: 1rem; } .accordion dd { padding: 0 1rem; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.2s ease-out; transition: max-height 0.2s ease-out; } .accordion dd p, .accordion dd ul, .accordion dd ol { text-align: justify; margin-bottom: 2rem; line-height: 1.6; font-size: 15px; font-size: 0.9375rem; } .accordion dd p ul, .accordion dd p ol, .accordion dd ul ul, .accordion dd ul ol, .accordion dd ol ul, .accordion dd ol ol { margin-bottom: 0; } .accordion dd.active-toggle-content { max-height: none; } .countdown { text-align: center; background-position: bottom center; background-repeat: no-repeat; background-size: auto 50%; padding-bottom: 21rem; } .countdown .block-title { color: #ffcc33; } .countdown.no-bg { padding-bottom: 4rem; } .ce-countdown { color: #ffffff; padding: 1rem 0 2rem 0; } .ce-countdown .ce-unit-wrap { display: inline-block; } .ce-countdown .ce-unit-wrap .ce-digit { padding: 0.5rem 0.75rem 0.25rem 0.75rem; position: relative; font-size: 30px; font-size: 1.875rem; } .ce-countdown .ce-unit-wrap .ce-digit:after { content: ''; display: block; height: 100%; width: 1px; background: #ffffff; position: absolute; right: -0.25rem; top: 0; -webkit-transform: rotate(12deg); transform: rotate(12deg); } .ce-countdown .ce-unit-wrap .ce-digit.ce-seconds:after { display: none; } .ce-countdown .ce-unit-wrap .ce-label { text-transform: uppercase; font-size: 12px; font-size: 0.75rem; } .block-style-4 .ce-countdown { color: #000000; } .block-style-4 .ce-countdown .ce-unit-wrap .ce-digit:after { background: #000000; } @media only screen and (min-width: 64em) { .ce-countdown .ce-unit-wrap { padding: 1.25rem 1.75rem 0.625rem 1.75rem; } .ce-countdown .ce-unit-wrap .ce-digit { font-size: 73px; font-size: 4.5625rem; } .ce-countdown .ce-unit-wrap .ce-digit:after { right: -1.75rem; } .ce-countdown .ce-unit-wrap .ce-label { font-size: 16px; font-size: 1rem; } } .drivers-position { text-align: center; } .drivers-position li { padding: 0 4rem 4rem 4rem; } .drivers-position .h3, .drivers-position .hybrid-challenge-page h1, .hybrid-challenge-page .drivers-position h1 { padding: 1rem 0; } .drivers-position p.h1 { color: #ffcc33; font-size: 48px; font-size: 3rem; } @media only screen and (min-width: 48em) { .drivers-position li { display: inline-block; } } .article-share { text-align: center; padding-bottom: 2rem; } .article-share h2 { padding-bottom: 1rem; } .article-share li { display: inline-block; padding: 0 0.75rem; } .article-share li a { display: inline-block; color: #ffffff; background: #5e5e5e; border-radius: 50%; padding: 0.5rem; font-size: 16px; font-size: 1rem; } .article-share li a:before { margin-right: 0; vertical-align: middle; } .article-share li a:hover, .article-share li a:focus { background: #ffcc33; color: #222222; } .listing-pagination { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; padding-bottom: 4rem; } .listing-pagination li { display: inline-block; } .listing-pagination li > span, .listing-pagination li a, .listing-pagination li strong { display: inline-block; } .listing-pagination li > span, .listing-pagination li a.pagin-next, .listing-pagination li a.pagin-prev { padding: 1.25rem 0.75rem; } .listing-pagination li > span { color: #cfcfcf; cursor: not-allowed; } .listing-pagination li a:not(.pagin-prev):not(.pagin-next), .listing-pagination li strong { position: relative; padding: 1.25rem; } .listing-pagination li a:not(.pagin-prev):not(.pagin-next):after, .listing-pagination li strong:after { content: ''; display: none; position: absolute; bottom: 0; left: 50%; width: 54%; height: 3px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #ffcc33; } .listing-pagination li a.pagin-prev:before, .listing-pagination li a.pagin-next:before, .listing-pagination li span.pagin-prev:before, .listing-pagination li span.pagin-next:before { margin-right: 0; vertical-align: middle; } .listing-pagination li a:not(.pagin-prev):not(.pagin-next):hover, .listing-pagination li span:not(.pagin-prev):not(.pagin-next):hover { color: #000000; } .listing-pagination li a:not(.pagin-prev):not(.pagin-next):hover:after, .listing-pagination li span:not(.pagin-prev):not(.pagin-next):hover:after { display: block; } .listing-pagination li strong:after { display: block; } @media only screen and (min-width: 64em) { .listing-pagination { padding-bottom: 5rem; } } @media only screen and (min-width: 75em) { .listing-pagination { padding-bottom: 7rem; } } .side-by-side .simple-external-block { position: relative; display: block; z-index: 0; } .side-by-side .simple-external-block:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); opacity: 0; z-index: 0; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out; } .side-by-side .simple-external-block.shop-block { padding: 2.5rem 2.5rem 5rem 2.5rem; background: #000000 url(../images/bg-shop-block.png) center center no-repeat; background-size: cover; } .side-by-side .simple-external-block.block-type-1, .side-by-side .simple-external-block.block-type-2, .side-by-side .simple-external-block.block-type-3 { overflow: hidden; } .side-by-side .simple-external-block.block-type-1 .over-title, .side-by-side .simple-external-block.block-type-2 .over-title, .side-by-side .simple-external-block.block-type-3 .over-title { color: #ffffff; } .side-by-side .simple-external-block.block-type-1 { background: #ffcc33; } .side-by-side .simple-external-block.block-type-2, .side-by-side .simple-external-block.block-type-3 { background: #000000; } .side-by-side .simple-external-block.block-type-3 .over-title { color: #ffcc33; } .side-by-side .simple-external-block .block-header { position: absolute; bottom: 1.4rem; left: 1.4rem; z-index: 2; } .side-by-side .simple-external-block .block-title, .side-by-side .simple-external-block .product-price { color: #ffffff; margin-bottom: 0; } .side-by-side .simple-external-block .product-price { position: absolute; top: 1rem; right: 1rem; } .side-by-side .simple-external-block .deco { display: none; } .side-by-side .simple-external-block:hover .over-title, .side-by-side .simple-external-block:hover .block-title, .side-by-side .simple-external-block:hover .product-price { color: #ebebeb; -webkit-transition: color .5s ease-out; transition: color .5s ease-out; } .side-by-side .simple-external-block:hover:after { opacity: 1; z-index: 1; } @media only screen and (min-width: 48em) { .side-by-side { display: -webkit-box; display: flex; -webkit-box-align: stretch; align-items: stretch; } .side-by-side .simple-external-block { float: left; width: 50%; -webkit-box-flex: 1; flex: auto; } .side-by-side .simple-external-block .block-header { bottom: 2.8rem; left: 2.8rem; } .side-by-side .simple-external-block .product-price { top: 2rem; right: 2rem; } .side-by-side .simple-external-block.shop-block { padding-bottom: 6.25rem; } .side-by-side .simple-external-block.block-type-1 figure, .side-by-side .simple-external-block.block-type-2 figure, .side-by-side .simple-external-block.block-type-3 figure { position: static; } .side-by-side .simple-external-block.block-type-1 figure picture img, .side-by-side .simple-external-block.block-type-2 figure picture img, .side-by-side .simple-external-block.block-type-3 figure picture img { position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 0; } .side-by-side .simple-external-block.block-type-1 figure .deco, .side-by-side .simple-external-block.block-type-2 figure .deco, .side-by-side .simple-external-block.block-type-3 figure .deco { display: block; } } main { padding-top: 3.4rem; } @media only screen and (min-width: 64em) { main { padding-top: 4.35rem; } } .home { background: #000000; height: 100%; } .home main { height: 100%; padding-top: 0; } .iOS #home-fs-video { display: none; } .iOS .video-block figure { display: block; } #home-fs-video { background: #000000; overflow: hidden; position: fixed; right: 0; top: 0; bottom: 0; left: 0; z-index: 0; } .ytplayer-container { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; min-width: 100%; overflow: hidden; z-index: 3; pointer-events: none; } .video-block figure { display: none; } .overview { height: 100%; } .overview main { height: 100%; } @media only screen and (min-width: 64em) { .overview main { padding-bottom: 4.7rem; } .overview .inner-page-content { padding-top: 4.7rem; } } .text-tiles { text-align: center; padding-bottom: 0; } .text-tile { text-align: center; margin-bottom: 2rem; } .text-tile a { position: relative; display: block; width: 100%; background-color: #ffffff; border: 1px solid #f2f2f2; padding-bottom: 4rem; } .text-tile a:hover, .text-tile a:focus { color: #000000; } .text-tile .inner-text-tile { padding: 2rem 2rem 1rem 2rem; } .text-tile .inner-text-tile p, .text-tile .inner-text-tile ul { margin-bottom: 1.5rem; text-transform: none; } .text-tile .inner-text-tile li { line-height: 1.3; } .text-tile .inner-text-tile li:before { display: inline-block; padding-right: 0.5rem; content: '//'; color: #ffcc33; font-size: 14px; font-size: 0.875rem; } .text-tile .tile-header .news-date { color: #878785; text-transform: uppercase; margin-bottom: 0.5rem; } .text-tile .tile-header .h2 { color: #ffcc33; margin-bottom: 2rem; } .text-tile .buttons { width: 100%; text-align: center; position: absolute; bottom: 0; } .text-tile .buttons .rs-btn { width: 100%; } @media only screen and (min-width: 30em) { .text-tile { width: 100%; } } @media only screen and (min-width: 48em) { .text-tile { width: 100%; } } @media only screen and (min-width: 64em) { .text-tile { width: 33.333%; } } @media only screen and (min-width: 100em) { .text-tile { width: 33.333%; } } @media only screen and (min-width: 112.5em) { .text-tile { width: 33.333%; } } @media only screen and (min-width: 150em) { .text-tile { width: 33.333%; } } .big-header { height: 100%; } .big-header main { height: 100%; } @media only screen and (min-width: 64em) { .big-header:not(.no-subnav) main { padding-top: 9.25rem; } } .filters.open { float: right; padding: 0.75rem; background: #5e5e5e; color: #ffffff; border-radius: 50%; font-size: 28px; font-size: 1.75rem; } .filters.open:before { margin: 0; vertical-align: middle; } .filters.open:hover { background: #ffcc33; color: #5e5e5e; } .filters-container { position: fixed; height: 100%; width: 90%; z-index: -1; right: -100%; top: 0; background: #ffffff; -webkit-transition: right 0.5s ease-out; transition: right 0.5s ease-out; } .filters-container.open { right: 0; z-index: 13; } .filters-container .filters-header { border-bottom: 1px solid #cfcfcf; padding: 1rem 1.25rem; } .filters-container .filters-header p { float: right; padding: 0.5rem 0; font-family: "rsread", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; color: #5e5e5e; } .filters-container .filters-header .close { padding: 0; font-size: 24px; font-size: 1.5rem; color: #333333; } .filters-container .filters-header .close:before { margin: 0; vertical-align: middle; } .filters-container .filters-footer { position: absolute; width: 100%; left: 0; bottom: 0; } .filters-container .filters-footer p { display: -webkit-box; display: flex; } .filters-container .filters-footer .rs-btn { min-width: 0; width: 50%; display: inline-block; -webkit-box-flex: 1; flex: auto; } .filters-container .toggle { display: block; width: 100%; border-bottom: 1px solid #cfcfcf; text-align: left; padding: 1.25rem 1.75rem; } .filters-container .toggle:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1rem; } .filters-container .toggle.disabled { cursor: not-allowed; color: #a9a9a9; } .filters-container .toggle.disabled:after { display: none; } .filters-container .filters-choices { max-height: 235px; overflow: auto; background: #f2f2f2; } .filters-container .filters-choices li { border-bottom: 1px solid #cfcfcf; } .filters-container .filters-choices label { color: #a9a9a9; padding: 1.25rem 1.75rem; } .filters-container .filters-choices label:hover, .filters-container .filters-choices label.selected { font-weight: bold; color: #000000; } .filters-container .filters-choices input { display: none; } @media only screen and (min-width: 64em) { .filters-container { width: 40%; } .filters-container .filters-header { padding: 1.25rem 1.5rem; } .filters-container .filters-header .close { font-size: 28px; font-size: 1.75rem; } } @media only screen and (min-width: 75em) { .filters-container { width: 33%; } } @media only screen and (min-width: 87.5em) { .filters-container { width: 25%; } } @media only screen and (min-width: 112.5em) { .filters-container { width: 20%; } } @media only screen and (min-width: 150em) { .filters-container { width: 15%; } } .filters-overlay { position: fixed; height: 100%; width: 100%; z-index: -1; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out; } .filters-overlay.open { opacity: 1; z-index: 12; } .listing-search-and-filters { padding: 0 1rem 1rem 1rem; } .listing-search-and-filters #search-form { width: 80%; } @media only screen and (min-width: 48em) { .listing-search-and-filters { padding: 0 2rem 1.5rem 2rem; } } @media only screen and (min-width: 64em) { .listing-search-and-filters { padding: 3rem 3rem 2rem 3rem; } .listing-search-and-filters #search-form { width: 48.5%; margin: 0 auto; } } @media only screen and (min-width: 75em) { .listing-search-and-filters { padding: 4rem 5rem 3rem 5rem; } } @media only screen and (min-width: 100em) { .listing-search-and-filters #search-form { width: 59%; } } @media only screen and (min-width: 112.5em) { .listing-search-and-filters #search-form { width: 32%; } } @media only screen and (min-width: 150em) { .listing-search-and-filters #search-form { width: 42%; } } .related-news .block-title, .related-news .see-more { text-align: center; padding: 2rem 1rem; } .related-news .see-more { padding-top: 1rem; padding-bottom: 4rem; } .related-news .tiles-list { -webkit-box-pack: center; justify-content: center; } @media only screen and (min-width: 64em) { .related-news .see-more { margin-top: -1rem; padding-top: 0; } } .news-tile a, .special-news-tile a { display: -webkit-box; display: flex; -webkit-box-align: stretch; align-items: stretch; } .news-tile figure, .news-tile header, .special-news-tile figure, .special-news-tile header { float: left; } .news-tile figure, .special-news-tile figure { width: 33.5%; } .news-tile figure picture img, .special-news-tile figure picture img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .news-tile header, .special-news-tile header { width: 66.5%; padding: 1.25rem 1rem; } .news-tile header h1, .special-news-tile header h1 { text-transform: none; font-weight: bold; font-size: 18px; font-size: 1.125rem; } @media only screen and (min-width: 48em) { .news-tile a, .special-news-tile a { display: block; } .news-tile figure, .news-tile header, .special-news-tile figure, .special-news-tile header { float: none; width: auto; } .news-tile figure picture img, .special-news-tile figure picture img { position: static; -webkit-transform: none; transform: none; } .news-tile header, .special-news-tile header { padding-bottom: 3rem; } } @media only screen and (min-width: 64em) { .news-tile header, .special-news-tile header { padding-left: 2rem; padding-right: 2rem; } } .news-tile a { background: #ffffff; border: 1px solid #f2f2f2; border-bottom-width: 2px; } .news-tile a > svg { display: none; } .news-tile a:hover { background: #f7f7f7; color: #000000; } .news-tile figure { margin: -1px -1px -2px -1px; overflow: hidden; } .news-tile figure picture img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: none; } .news-tile figure > span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; padding: 1rem; border: 2px solid #ffffff; border-radius: 50%; } .news-tile figure > span:before { margin-right: 0; } .news-tile header .news-date { color: #a9a9a9; } .news-tile header .news-intro { color: #5e5e5e; } @media only screen and (min-width: 48em) { .news-tile figure { margin: -1px; } .news-tile figure picture img { width: 100%; min-width: 0; min-height: 0; } } .special-news-tile a { position: relative; background: #222222; border-bottom: 2px solid #111111; overflow: hidden; } .special-news-tile a svg { z-index: 0; position: absolute; left: 0; } .special-news-tile a svg path { -webkit-transition: fill .5s ease-out; transition: fill .5s ease-out; } .special-news-tile a svg path.special-news-mask-small { fill-rule: evenodd; clip-rule: evenodd; fill: #111111; } .special-news-tile a svg path.special-news-mask-big { fill: #222222; } .special-news-tile a svg.small-mask { width: 87%; bottom: 0; } .special-news-tile a svg.big-mask { width: 100%; top: -160px; display: none; } .special-news-tile a:hover { background: #878785; } .special-news-tile a:hover svg path.special-news-mask-small { fill: #5e5e5e; } .special-news-tile figure { z-index: 1; } .special-news-tile figure img.deco { display: none; } .special-news-tile figure picture img { border-radius: 50%; margin-left: 0.5rem; max-width: 80%; } .special-news-tile .tile-header { z-index: 1; } .special-news-tile .tile-header .news-date { color: #5e5e5e; } .special-news-tile .tile-header .news-intro, .special-news-tile .tile-header h1 { color: #ffffff; } @media only screen and (min-width: 48em) { .special-news-tile a { background: #111111; } .special-news-tile a svg.small-mask { display: none; } .special-news-tile a svg.big-mask { display: block; } .special-news-tile a:hover { background: #5e5e5e; } .special-news-tile a:hover svg path.special-news-mask-big { fill: #878785; } .special-news-tile figure img.deco { position: relative; z-index: 0; left: 0; display: block; } .special-news-tile figure picture { position: absolute; z-index: 1; width: 100%; height: 83.5%; bottom: 0; left: 0; } .special-news-tile figure picture img { max-width: 100%; max-height: 100%; margin: 0 auto; } .special-news-tile header { text-align: center; } } .article-page .article-content { padding: 3rem 1rem 1rem 1rem; } @media only screen and (min-width: 48em) { .article-page .article-content { padding: 3rem 2rem 1.5rem 2rem; } } @media only screen and (min-width: 64em) { .article-page .article-content { padding: 3rem 3rem 2rem 3rem; } } @media only screen and (min-width: 75em) { .article-page .article-content { padding: 4rem 5rem 3rem 5rem; } } .simple-text-page .article-content { padding: 3rem 1rem 1rem 1rem; } @media only screen and (min-width: 48em) { .simple-text-page .article-content { padding: 3rem 2rem 1.5rem 2rem; } } @media only screen and (min-width: 64em) { .simple-text-page .article-content { padding: 3rem 3rem 2rem 3rem; } } @media only screen and (min-width: 75em) { .simple-text-page .article-content { padding: 4rem 5rem 3rem 5rem; } } .seasons-list-page .seasons-list { min-height: 365px; height: auto; } .seasons-list-page .rsDefault .rsOverflow, .seasons-list-page .rsDefault .rsSlide { background: transparent; } @media only screen and (max-width: 29.9375em) { .seasons-list-page .secondary-nav.headhesive { display: none; } .seasons-list-page .listing-search-and-filters #search-form { width: 77.5%; margin: 0 auto; } .seasons-list-page .tiles-list { padding-bottom: 0; } } @media only screen and (min-width: 30em) { .seasons-list-page .listing-search-and-filters { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; } .seasons-list-page .listing-search-and-filters .results-cta { -webkit-box-ordinal-group: 2; order: 1; } .seasons-list-page .listing-search-and-filters .results-cta, .seasons-list-page .listing-search-and-filters #search-form { padding: 0 0.5rem; } } @media only screen and (min-width: 30em) and (max-width: 47.9375em) { .seasons-list-page .listing-search-and-filters { padding: 0 0.5rem 1rem 0.5rem; } .seasons-list-page .listing-search-and-filters .results-cta, .seasons-list-page .listing-search-and-filters #search-form { width: 50%; } } @media only screen and (min-width: 48em) and (max-width: 63.9375em) { .seasons-list-page .listing-search-and-filters { padding: 0 1.5rem 1.5rem 1.5rem; } .seasons-list-page .listing-search-and-filters .results-cta { width: 33.333%; } .seasons-list-page .listing-search-and-filters .results-cta .rs-btn { padding: 1rem 1.3rem; } .seasons-list-page .listing-search-and-filters #search-form { width: 66.667%; } } @media only screen and (min-width: 64em) { .seasons-list-page .listing-search-and-filters { padding: 3rem 2rem 2rem 2rem; } .seasons-list-page .listing-search-and-filters .results-cta, .seasons-list-page .listing-search-and-filters #search-form { padding: 0 1rem; } .seasons-list-page .listing-search-and-filters .results-cta { width: 25%; } .seasons-list-page .listing-search-and-filters #search-form { width: 50%; margin: 0; } } @media only screen and (min-width: 75em) { .seasons-list-page .listing-search-and-filters { padding: 4rem 4rem 3rem 4rem; } } @media only screen and (min-width: 100em) { .seasons-list-page .listing-search-and-filters .results-cta { width: 20%; } .seasons-list-page .listing-search-and-filters #search-form { width: 60%; } } @media only screen and (min-width: 112.5em) { .seasons-list-page .listing-search-and-filters .results-cta { width: 16.667%; } .seasons-list-page .listing-search-and-filters #search-form { width: 33.333%; margin-right: 16.667%; } } @media only screen and (min-width: 150em) { .seasons-list-page .listing-search-and-filters .results-cta { width: 14.285%; } .seasons-list-page .listing-search-and-filters #search-form { width: 42.855%; margin-right: 14.285%; } } .season-tile, .folder-tile { text-align: center; } .season-tile a, .folder-tile a { display: block; overflow: hidden; background: #ffffff; border: 1px solid #f7f7f7; } .season-tile a:hover, .season-tile a:focus, .folder-tile a:hover, .folder-tile a:focus { background: #f7f7f7; color: #000000; } .season-tile a:hover figure svg .season-mask, .season-tile a:hover figure svg .folder-mask, .season-tile a:focus figure svg .season-mask, .season-tile a:focus figure svg .folder-mask, .folder-tile a:hover figure svg .season-mask, .folder-tile a:hover figure svg .folder-mask, .folder-tile a:focus figure svg .season-mask, .folder-tile a:focus figure svg .folder-mask { fill: #f7f7f7; } .season-tile figure svg, .folder-tile figure svg { width: 102%; position: absolute; bottom: -1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .season-tile figure svg .season-mask, .season-tile figure svg .folder-mask, .folder-tile figure svg .season-mask, .folder-tile figure svg .folder-mask { fill: #ffffff; -webkit-transition: fill .5s ease-out; transition: fill .5s ease-out; } .season-tile header, .folder-tile header { padding: 2rem 1rem; } .season-tile header h1, .folder-tile header h1 { font-weight: bold; font-size: 18px; font-size: 1.125rem; } .season-tile header .sub-title, .season-tile header .season-date, .folder-tile header .sub-title, .folder-tile header .season-date { color: #5e5e5e; } .season-tile header .season-date, .folder-tile header .season-date { padding-top: 2rem; font-size: 12px; font-size: 0.75rem; } @media only screen and (max-width: 29.9375em) { .season-tile, .folder-tile { margin-bottom: 0; } .season-tile header, .folder-tile header { padding: 1.5rem 1rem; } .season-tile header .season-date, .folder-tile header .season-date { padding-top: 1.5rem; } } .results-cta { text-align: center; padding: 1rem 1rem 2rem 1rem; } @media only screen and (min-width: 30em) { .results-cta { float: right; text-align: right; } .results-cta .rs-btn { width: 100%; } } .driver-quote { text-align: center; background: #000000; } .driver-quote figure { padding-bottom: 2rem; } .driver-quote figure img { border-radius: 50%; border: 1px solid #ffcc33; } .driver-quote .block-title, .driver-quote blockquote { color: #ffffff; } .driver-quote blockquote { margin: 0 auto; padding-bottom: 2rem; font-style: italic; } .driver-quote blockquote p { line-height: 1.6; } .driver-quote blockquote p:before, .driver-quote blockquote p:after { color: #ffcc33; padding: 0.5rem; } .driver-quote blockquote p:before { content: '\201C'; } .driver-quote blockquote p:after { content: '\201D'; } @media only screen and (min-width: 64em) { .driver-quote blockquote { max-width: 50%; } } @media only screen and (min-width: 87.5em) { .driver-quote blockquote { max-width: 30%; } } .textual-page-content { padding: 0 1rem 1rem 1rem; } @media only screen and (min-width: 48em) { .textual-page-content { padding: 0 2rem 1.5rem 2rem; } } @media only screen and (min-width: 64em) { .textual-page-content { padding: 3rem 3rem 2rem 3rem; } } @media only screen and (min-width: 75em) { .textual-page-content { padding: 4rem 5rem 3rem 5rem; } } .people-list-page .drivers-list, .people-list-page .management-list { min-height: 400px; height: auto; } .people-list-page .management-list { -webkit-box-pack: center; justify-content: center; } .people-list-page .rsDefault .rsOverflow, .people-list-page .rsDefault .rsSlide { background: transparent; } .people-tile { margin-bottom: 0; } .people-tile a { width: 100%; display: block; position: relative; background: #111111; color: #ffffff; text-align: center; border-bottom: 2px solid #111111; overflow: hidden; } .people-tile a svg { z-index: 0; position: absolute; left: 0; width: 100%; top: 20%; -webkit-transform: translateY(-20%); transform: translateY(-20%); } .people-tile a svg path { -webkit-transition: fill .5s ease-out; transition: fill .5s ease-out; fill: #222222; } .people-tile a:hover { background: #5e5e5e; } .people-tile a:hover svg path { fill: #878785; } .people-tile.alt a { color: #222222; background: #ffffff; border-bottom-color: #f2f2f2; } .people-tile.alt a svg path { fill: #f7f7f7; } .people-tile.alt a:hover { background: #f7f7f7; } .people-tile.alt a:hover svg path { fill: #cfcfcf; } .people-tile figure { padding: 3rem 0; } .people-tile figure picture { position: relative; z-index: 1; } .people-tile figure picture img { border-radius: 50%; max-width: 75%; } .people-tile .tile-header { position: relative; z-index: 1; padding: 0 1rem 2.5rem 1rem; } .people-tile .tile-header .sub-title { text-transform: uppercase; font-size: 14px; font-size: 0.875rem; } @media only screen and (min-width: 30em) { .people-tile { margin-bottom: 2rem; } } @media only screen and (min-width: 57.5em) { .people-tile a svg { top: 30%; -webkit-transform: translateY(-30%); transform: translateY(-30%); } } @media only screen and (min-width: 64em) { .people-tile a svg { top: 15%; -webkit-transform: translateY(-15%); transform: translateY(-15%); } } @media only screen and (min-width: 75em) { .people-tile figure picture img { max-width: none; } } @media only screen and (min-width: 87.5em) { .people-tile a svg { top: 20%; -webkit-transform: translateY(-20%); transform: translateY(-20%); } } #carspecs-slideshow .rsArrow { background-color: rgba(34, 34, 34, 0.5); } .car-specs { text-align: center; } .car-specs figure { margin-bottom: 2rem; } .car-specs ul, .car-specs p { position: relative; z-index: 1; } .car-specs ul { padding: 1rem; margin-bottom: 1rem; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: stretch; align-items: stretch; max-width: 1100px; margin: 0 auto; } .car-specs li { float: left; width: 50%; padding: 1rem 0.5rem; font-size: 13px; font-size: 0.8125rem; color: #a9a9a9; } .car-specs li strong { display: block; padding-bottom: 0.75rem; text-transform: uppercase; font-size: 20px; font-size: 1.25rem; color: #ffcc33; } .car-specs li strong span { font-size: 14px; font-size: 0.875rem; } .car-specs.alt-car-specs li strong { color: #ffffff; } @media only screen and (min-width: 48em) { .car-specs li { width: 20%; position: relative; } .car-specs li:after { content: ''; display: block; height: 60%; width: 1px; background: #ffffff; position: absolute; right: 0; top: 0; -webkit-transform: rotate(12deg); transform: rotate(12deg); } .car-specs li:last-of-type:after { display: none; } } @media only screen and (min-width: 64em) { .car-specs li { font-size: 16px; font-size: 1rem; } .car-specs li:after { height: 55%; right: 0.25rem; top: 0; } .car-specs li strong { padding-bottom: 1.5rem; font-size: 30px; font-size: 1.875rem; } .car-specs li strong span { font-size: 16px; font-size: 1rem; } } .logos-list { background-color: #000000; background-position: bottom center; background-repeat: no-repeat; background-size: cover; position: relative; text-align: center; padding: 1rem; } .logos-list:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 0; } .logos-list.champs-list:before { background: rgba(94, 94, 94, 0.7); } .logos-list ul, .logos-list .block-title { position: relative; z-index: 1; *zoom: 1; } .logos-list ul:before, .logos-list ul:after, .logos-list .block-title:before, .logos-list .block-title:after { content: " "; display: table; } .logos-list ul:after, .logos-list .block-title:after { clear: both; } .logos-list li { display: inline-block; float: left; } .logos-list li a { display: inline-block; padding: 0.75rem 1rem; } .logos-list li img, .logos-list li svg { vertical-align: middle; max-width: 100%; } .logos-list .primary-logos li, .logos-list .secondary-logos li { width: 50%; } .logos-list .primary-logos li:nth-of-type(odd), .logos-list .secondary-logos li:nth-of-type(odd) { clear: left; } .logos-list .secondary-logos li a.inactive path, .logos-list .secondary-logos li a.inactive polygon { fill: #878785; } .logos-list .secondary-logos li a.inactive path.st-bp-1, .logos-list .secondary-logos li a.inactive path.st-bp-2, .logos-list .secondary-logos li a.inactive path.st-bp-3, .logos-list .secondary-logos li a.inactive polygon.st-bp-1, .logos-list .secondary-logos li a.inactive polygon.st-bp-2, .logos-list .secondary-logos li a.inactive polygon.st-bp-3 { stroke: #000000; stroke-width: .25px; } .logos-list .tertiary-logos li, .logos-list .quaternary-logos li { width: 33.33%; } .logos-list .tertiary-logos li:nth-of-type(3n+1), .logos-list .quaternary-logos li:nth-of-type(3n+1) { clear: left; } @media only screen and (min-width: 48em) { .logos-list li a { padding: 1rem; } .logos-list .secondary-logos li { width: 33.33%; } .logos-list .secondary-logos li:nth-of-type(odd) { clear: none; } .logos-list .secondary-logos li:nth-of-type(3n+1) { clear: left; } } @media only screen and (min-width: 64em) { .logos-list { padding: 1.5rem; } .logos-list li a { padding: 1.5rem; } .logos-list .primary-logos, .logos-list .secondary-logos, .logos-list .tertiary-logos, .logos-list .quaternary-logos { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .logos-list .primary-logos li, .logos-list .secondary-logos li, .logos-list .tertiary-logos li, .logos-list .quaternary-logos li { float: none; clear: none; width: auto; } .logos-list .primary-logos li a { padding: 1.5rem 4rem; } } @media only screen and (min-width: 75em) { .logos-list { padding: 2rem; } .logos-list li a { padding: 2rem 1.5rem; } .logos-list .primary-logos li a { padding: 2rem 4rem; } } .partner-detail { text-align: center; } .partner-detail .st0 { fill: #000000; } .partner-detail .page-header { width: auto; max-width: 56.25rem; } .partner-detail .page-header:after { display: block; } .partner-detail .page-header p { padding: 3.5rem 1rem; } .partner-detail .page-header svg { width: 200px; height: auto; } .partner-detail .article-content { padding-top: 3rem; } .partner-detail .partners-sites { padding: 6rem 0 3rem 0; } @media only screen and (min-width: 64em) { .partner-detail .article-content { padding: 3rem 0 1rem 0; } .partner-detail .partners-sites { padding: 9rem 0 5rem 0; } } .downloads { *zoom: 1; margin: 0 auto; } .downloads:before, .downloads:after { content: " "; display: table; } .downloads:after { clear: both; } .downloads-list { padding: 0 1rem 2rem 1rem; } .downloads-list .h5 { margin-bottom: 1rem; } .downloads-list a { display: block; font-weight: 600; border: 1px solid #ebebeb; *zoom: 1; margin-bottom: 0.75rem; text-transform: none; } .downloads-list a:before, .downloads-list a:after { content: " "; display: table; } .downloads-list a:after { clear: both; } .downloads-list a .txt { display: inline-block; padding: 1rem 0 1rem 1.5rem; } .downloads-list a .dld { float: right; display: inline-block; padding: 1rem; background: #f2f2f2; } .downloads-list a .dld:before { margin: 0; } @media only screen and (min-width: 48em) { .downloads { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: start; align-items: flex-start; padding: 0 1rem 3rem 1rem; } .downloads-list { -webkit-box-flex: 0; flex: none; float: left; width: 50%; padding: 0 1.5rem; } } @media only screen and (min-width: 64em) { .downloads { padding: 0 2rem 5rem 2rem; } .downloads-list { padding: 0 2rem; } } @media only screen and (min-width: 75em) { .downloads { padding: 0 4rem 10rem 4rem; max-width: 100em; } } .contact-form, .contact-confirm { padding: 0 1.5rem 3rem 1.5rem; max-width: 700px; margin: 0 auto; text-align: left; } .contact-form input:not([type="radio"]):not([type="checkbox"]), .contact-form textarea, .contact-confirm input:not([type="radio"]):not([type="checkbox"]), .contact-confirm textarea { width: 100%; } .contact-form p, .contact-confirm p { clear: left; } .contact-confirm { text-align: center; } .contact-confirm p { margin-bottom: 2rem; } @media only screen and (min-width: 48em) { .contact-form, .contact-confirm { padding: 0 2rem 3rem 2rem; } .contact-form p.multiple, .contact-confirm p.multiple { float: left; width: 50%; clear: left; } .contact-form p.multiple:nth-of-type(2n+1), .contact-confirm p.multiple:nth-of-type(2n+1) { padding-right: 1rem; } .contact-form p.multiple:nth-of-type(2n), .contact-confirm p.multiple:nth-of-type(2n) { padding-left: 1rem; clear: none; } } @media only screen and (min-width: 64em) { .contact-form, .contact-confirm { padding: 1rem 4rem 5rem 4rem; } .contact-form p.multiple:nth-of-type(2n+1), .contact-confirm p.multiple:nth-of-type(2n+1) { padding-right: 1.5rem; } .contact-form p.multiple:nth-of-type(2n), .contact-confirm p.multiple:nth-of-type(2n) { padding-left: 1.5rem; } } .trackdays-form { padding: 1.5rem; margin: 0 auto; max-width: 40rem; } .trackdays-form .select select { padding-left: 2.25rem; } .trackdays-form .select:before { position: absolute; left: 0.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .trackdays-detail { display: none; padding-top: 1rem; } .trackdays-detail li { padding-bottom: 1rem; } .trackdays-detail span, .trackdays-detail strong { display: block; } .trackdays-detail .title { color: #ffffff; margin-bottom: 2rem; } .trackdays-detail .title img { margin-left: 0.25rem; } .trackdays-detail .date { color: #f2f2f2; margin-bottom: 0.5rem; } .trackdays-detail .location { color: #cfcfcf; } .trackdays-detail a { display: inline-block; padding: 1rem 0; color: #ffcc33; font-weight: bold; } .trackdays-detail a:hover, .trackdays-detail a:focus { color: #fff29b; } @media only screen and (min-width: 48em) { .trackdays-search .block-title { max-width: 65%; } .trackdays-form .select select { padding-left: 3rem; } .trackdays-form .select:before { left: 1rem; } .trackdays-detail { padding: 0 2rem; max-width: 40rem; margin: 0 auto; } .trackdays-detail ul { text-align: left; display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: start; align-items: flex-start; flex-wrap: wrap; } .trackdays-detail ul li { float: left; width: 50%; } } #map-canvas { height: 100%; position: relative; overflow: hidden; z-index: 0; } .dealers-search { height: 100%; position: relative; } .dealers-search:after { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.33); } .dealers-search .block-header { position: absolute; bottom: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; padding: 0 1rem; z-index: 2; } .dealers-search .block-header h1, .dealers-search .block-header .over-title { text-shadow: none; } .dealers-search .block-header .over-title { color: #cfcfcf; } .dealers-search header { text-align: center; margin-bottom: 1.5rem; } .dealers-search .form-toggle { display: none; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 3; background: #ffcc33; padding: 1rem; } .dealers-search .form-toggle:hover { background: #fff29b; } .dealers-search .form-toggle:before { margin-right: 0; } .dealers-search form fieldset { background-color: rgba(0, 0, 0, 0.25); padding: 0.75rem 0.375rem; margin-bottom: 1.5rem; } .dealers-search form p { padding: 0 0.375rem; } .dealers-search form .buttons { text-align: center; } .dealers-search form ul { text-align: center; display: -webkit-box; display: flex; flex-start: space-around; -webkit-box-align: stretch; align-items: stretch; } .dealers-search form li { display: inline-block; width: 25%; padding: 0 0.375rem; -webkit-box-flex: 0; flex: none; } .dealers-search form input[type='search'] { border-color: transparent; margin-bottom: 0.75rem; } .dealers-search form input[type='radio'] { display: none; } .dealers-search form label { padding: 1rem 0; background: #ffffff; border: 1px solid #ffffff; font-family: "rsread", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; } .dealers-search form label:hover, .dealers-search form label.active { border-color: #222222; font-weight: bold; color: #222222; } .dealers-search.results .block-header, .dealers-search.results:after { display: none; } .dealers-search.results .form-toggle { display: block; } @media only screen and (min-width: 48em) { .dealers-search .block-header { max-width: 80%; } } @media only screen and (min-width: 64em) { .dealers-search .block-header { max-width: 60%; } } @media only screen and (min-width: 75em) { .dealers-search .block-header { max-width: 45%; } } .poi-content { padding: 1rem 0.5rem 0 0.5rem; font-family: "rsread", Arial, "Helvetica Neue", Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", HiraKakuProN-W3, "TakaoExゴシック", TakaoExGothic, "MotoyaLCedar", "Droid Sans Japanese", sans-serif; } .poi-content p { color: #5e5e5e; font-size: 14px; font-size: 0.875rem; line-height: 1.4; margin-bottom: 1rem; } .poi-content .rs-btn { font-weight: bold; width: 100%; } .accreditation-form fieldset, .login-form fieldset, .signup-form fieldset { *zoom: 1; } .accreditation-form fieldset:before, .accreditation-form fieldset:after, .login-form fieldset:before, .login-form fieldset:after, .signup-form fieldset:before, .signup-form fieldset:after { content: " "; display: table; } .accreditation-form fieldset:after, .login-form fieldset:after, .signup-form fieldset:after { clear: both; } .accreditation-form hr, .login-form hr, .signup-form hr { margin-bottom: 2rem; } .add-buttons-list li { margin-bottom: 1rem; *zoom: 1; } .add-buttons-list li:before, .add-buttons-list li:after { content: " "; display: table; } .add-buttons-list li:after { clear: both; } .add-buttons-list label { padding: 1.6rem; float: right; } .add-buttons-list label input { display: none; } .add-buttons-list label:after { position: absolute; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; color: #000000; padding: 1.2rem; background: #f2f2f2; -webkit-transition: background .5s ease-out; transition: background .5s ease-out; } .add-buttons-list label:hover:after, .add-buttons-list label:focus:after, .add-buttons-list label.selected:after { background: #ffcc33; } .add-buttons-list a.rs-btn-dld { float: right; color: #000000; -webkit-transition: background .5s ease-out; transition: background .5s ease-out; } .add-buttons-list a.rs-btn-dld:before { margin: 0; } .add-buttons-list a.rs-btn-dld:hover, .add-buttons-list a.rs-btn-dld:focus, .add-buttons-list a.rs-btn-dld.selected { background: #ffcc33; } .add-buttons-list:not(.zoom-list) label { width: 100%; font-size: 14px; font-size: 0.875rem; text-align: left; text-transform: none; float: none; padding: 1.12rem; } .add-buttons-list:not(.zoom-list) label strong { text-transform: uppercase; color: #878785; } .add-buttons-list:not(.zoom-list) label sup { font-size: 10px; font-size: 0.625rem; } .add-buttons-list:not(.zoom-list) label.selected { border-color: #ffcc33; } @media only screen and (min-width: 48em) { .add-buttons-list { *zoom: 1; } .add-buttons-list:before, .add-buttons-list:after { content: " "; display: table; } .add-buttons-list:after { clear: both; } .add-buttons-list.alt li { float: left; width: 50%; clear: left; } .add-buttons-list.alt li:nth-of-type(2n+1) { padding-right: 1rem; } .add-buttons-list.alt li:nth-of-type(2n) { padding-left: 1rem; clear: none; } } @media only screen and (min-width: 64em) { .add-buttons-list label:after { padding: 1.075rem; } .add-buttons-list:not(.zoom-list) label { padding: 1rem; } .add-buttons-list.alt li:nth-of-type(2n+1) { padding-right: 1.5rem; } .add-buttons-list.alt li:nth-of-type(2n) { padding-left: 1.5rem; } } .offers-list { padding: 2rem 0; } .offers-list li { max-width: 260px; margin: 0 auto 2rem auto; } .offers-list li div { position: relative; background: #ffffff; padding: 2rem 1rem 1rem 1rem; overflow: hidden; } .offers-list li div > span { display: block; padding: 0.5rem 1.5rem 0.25rem 1.5rem; background: #ffcc33; position: absolute; top: 0.8rem; right: -1.75rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); text-transform: uppercase; font-weight: bold; font-size: 12px; font-size: 0.75rem; } .offers-list li div > span.en { font-size: 14px; font-size: 0.875rem; padding-bottom: 0.33333rem; top: 0.25rem; right: -1.35rem; } .offers-list li .h2 { font-size: 22px; font-size: 1.375rem; margin-bottom: 0.5rem; } .offers-list li p { line-height: 1.4; font-weight: bold; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; } .offers-list li p span { text-transform: none; display: block; font-size: 13px; font-size: 0.8125rem; font-weight: normal; } .offers-list li p span abbr { font-variant: normal; } .offers-list li .rs-btn { width: 100%; font-size: 14px; font-size: 0.875rem; } .offers-list li.main-offer { max-width: 300px; } .offers-list li.main-offer div { padding: 2rem 2rem 1rem 2rem; } .offers-list li.main-offer .h2 { font-size: 28px; font-size: 1.75rem; } .offers-list li.main-offer p, .offers-list li.main-offer .rs-btn { font-size: 18px; font-size: 1.125rem; } .pics-list .common-legend { color: #ffcc33; margin-bottom: 2rem; font-size: 18px; font-size: 1.125rem; width: 100%; } .pic-tile { text-align: center; } .pic-tile > div { display: block; overflow: hidden; background: #000000; border: 1px solid #000000; } .pic-tile figure svg { width: 102%; position: absolute; bottom: -1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .pic-tile figure svg .pic-mask { fill: #000000; -webkit-transition: fill .5s ease-out; transition: fill .5s ease-out; } .pic-tile .tile-header { padding: 1rem; color: #ffcc33; } .pic-tile .tile-header p { font-size: 18px; font-size: 1.125rem; } @media only screen and (max-width: 29.9375em) { .pic-tile { margin-bottom: 2rem; } } #heritage-intro { position: relative; z-index: 2; } #heritage-intro .video-interlude { padding-bottom: 0; } #heritage-dates-list { padding: 2rem 0; position: relative; } #heritage-dates-list:before { content: ''; display: block; width: 0.33333rem; height: 100%; position: absolute; top: 0; left: 3.5rem; z-index: 0; background-color: #000000; } #heritage-dates-list li { position: relative; z-index: 1; padding: 2rem 0; overflow: hidden; } #heritage-dates-list li.loading:after { position: absolute; left: 50%; -webkit-transition: translateX(-50%); transition: translateX(-50%); font-size: 48px; font-size: 3rem; -webkit-animation: pulse 2s infinite ease-out; animation: pulse 2s infinite ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @media only screen and (min-width: 48em) { #heritage-dates-list:before { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } #heritage-dates-list-alt { position: relative; z-index: 0; } #heritage-dates-list-alt:before { content: ''; display: block; width: 3px; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; background-color: #000000; } #heritage-dates-list-alt .heritage-date-spacer { display: block; position: relative; } .heritage-date { position: relative; z-index: 1; left: 1.75rem; font-size: 12px; font-size: 0.75rem; -webkit-transition: color .5s ease-out 0, font-size .5s ease-out 0, -webkit-transform .5s ease-out 0; transition: color .5s ease-out 0, font-size .5s ease-out 0, -webkit-transform .5s ease-out 0; transition: color .5s ease-out 0, font-size .5s ease-out 0, transform .5s ease-out 0; transition: color .5s ease-out 0, font-size .5s ease-out 0, transform .5s ease-out 0, -webkit-transform .5s ease-out 0; margin-bottom: 0; } .heritage-date a { display: block; *zoom: 1; -webkit-transition: none; transition: none; } .heritage-date a:before, .heritage-date a:after { content: " "; display: table; } .heritage-date a:after { clear: both; } .heritage-date a:hover { color: #000000; } .heritage-date a:hover .logo { border-color: #ffcc33; } .heritage-date a:hover strong:after { border-bottom-color: #ffcc33; } .heritage-date b { display: block; -webkit-transition: height .5s ease-out 0; transition: height .5s ease-out 0; overflow: hidden; } .heritage-date .logo { display: block; float: left; width: 4rem; height: 4rem; border: 3px #000000 solid; background-color: #ffffff; border-radius: 100%; padding: 0.5rem; line-height: 1; -webkit-transition: border-color .5s ease-out 0, width .5s ease-out 0, height .5s ease-out 0, padding .5s ease-out 0; transition: border-color .5s ease-out 0, width .5s ease-out 0, height .5s ease-out 0, padding .5s ease-out 0; } .heritage-date span:not(.logo) { display: block; margin-left: 5rem; -webkit-transition: margin-left .5s ease-out 0; transition: margin-left .5s ease-out 0; } .heritage-date strong { display: block; font-size: 24px; font-size: 1.5rem; margin-top: 1.25rem; -webkit-transition: color .5s ease-out 0, font-size .5s ease-out 0; transition: color .5s ease-out 0, font-size .5s ease-out 0; } .heritage-date strong:after { display: block; content: ""; border-bottom: 3px solid #000000; margin-bottom: 1rem; width: 2.5rem; -webkit-transition: border-color .5s ease-out 0, width .5s ease-out 0; transition: border-color .5s ease-out 0, width .5s ease-out 0; } .heritage-date i { font-style: normal; } .loading .heritage-date, .active .heritage-date, .alt .heritage-date { font-size: 30px; font-size: 1.875rem; -webkit-transform: translateX(-0.5rem); transform: translateX(-0.5rem); } .loading .heritage-date b, .active .heritage-date b, .alt .heritage-date b { height: 0; } .loading .heritage-date .logo, .active .heritage-date .logo, .alt .heritage-date .logo { width: 5rem; height: 5rem; border-color: #ffcc33; } .loading .heritage-date span:not(.logo), .active .heritage-date span:not(.logo), .alt .heritage-date span:not(.logo) { margin-left: 6rem; } .loading .heritage-date strong, .active .heritage-date strong, .alt .heritage-date strong { margin-top: 1.5rem; color: #ffcc33; font-size: 30px; font-size: 1.875rem; } .loading .heritage-date strong:after, .active .heritage-date strong:after, .alt .heritage-date strong:after { border-bottom-color: #ffcc33; width: 3rem; } .loading .heritage-date i, .active .heritage-date i, .alt .heritage-date i { display: block; } .alt .heritage-date { margin-top: -4rem; left: 50%; width: 55%; margin-left: -2rem; } .alt .heritage-date strong { padding-top: 1.5rem; } .alt .heritage-date .logo { opacity: 0; } .heritage-date.heritage-cursor { position: absolute; left: 50%; top: 53px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .heritage-date.heritage-cursor.scrolling { position: fixed; top: 94px; } .heritage-date.heritage-cursor .logo { width: 5rem; height: 5rem; border-color: #ffcc33; } .heritage-date.heritage-cursor .logo svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 75%; } @media only screen and (min-width: 48em) { .heritage-date { left: 50%; -webkit-transform: translateX(-2rem); transform: translateX(-2rem); } .loading .heritage-date, .active .heritage-date { left: 50%; -webkit-transform: translateX(-2.5rem); transform: translateX(-2.5rem); } .active .heritage-date, .alt .heritage-date { -webkit-transform: translateX(-5rem); transform: translateX(-5rem); } .active .heritage-date .logo, .alt .heritage-date .logo { width: 10rem; height: 10rem; padding: 1rem; } .active .heritage-date span:not(.logo), .alt .heritage-date span:not(.logo) { margin-left: 11rem; } .active .heritage-date strong, .alt .heritage-date strong { margin-top: 3rem; font-size: 40px; font-size: 2.5rem; } .alt .heritage-date { width: 50%; -webkit-transform: translateX(-3rem); transform: translateX(-3rem); margin-top: -4.5rem; } .alt .heritage-date span:not(.logo) { margin-left: 10rem; } .alt .heritage-date strong { padding-top: 2.75rem; } .heritage-date.heritage-cursor { top: 45px; } .heritage-date.heritage-cursor.scrolling { top: 108px; } .heritage-date.heritage-cursor .logo { width: 7rem; height: 7rem; padding: 0.65rem; } } .heritage-detail { position: relative; z-index: 0; border-top: 3px solid #ffcc33; border-bottom: 3px solid #ffcc33; background: #000000 center center no-repeat; background-size: cover; color: #ffffff; padding: 6rem 2rem 2.5rem 2rem; margin-top: -4.5rem; } .heritage-detail .detail-inside { position: relative; z-index: 1; } .heritage-detail .detail-title { font-size: 24px; font-size: 1.5rem; text-transform: uppercase; margin-bottom: 0.5rem; } .heritage-detail .detail-title i { display: block; } .heritage-detail .detail-slideshow { *zoom: 1; position: relative; } .heritage-detail .detail-slideshow:before, .heritage-detail .detail-slideshow:after { content: " "; display: table; } .heritage-detail .detail-slideshow:after { clear: both; } .heritage-detail .detail-text { position: relative; padding-top: 2rem; } .heritage-detail .detail-text p:not(.detail-buttons):not(.detail-title) { line-height: 1.4; margin-bottom: 2rem; } .heritage-detail.alt { padding: 0; margin-top: 0; border: 0px; background: transparent; } .heritage-detail.alt .heritage-detail-wrapper { position: relative; z-index: 0; border-top: 3px solid #ffcc33; border-bottom: 3px solid #ffcc33; background: #000000 center center no-repeat; padding: 1.5rem 0 2.5rem 0; background-size: cover; } .heritage-detail.alt .detail-inside { overflow: hidden; padding: 0 2rem 0 2rem; width: 100%; } .heritage-detail.alt .detail-slideshow { padding-top: 2rem; } .heritage-detail.alt:before, .heritage-detail.alt:after { display: block; position: absolute; width: 50%; z-index: -1; } .heritage-detail.alt:before { content: url("../images/heritage/heritage-bg.svg"); top: 0; left: 0; -webkit-transform: translateY(-98%); transform: translateY(-98%); } .heritage-detail.alt:after { content: url("../images/heritage/heritage-bg-alt.svg"); bottom: 0; right: 0; -webkit-transform: translateY(99.5%); transform: translateY(99.5%); } @media only screen and (min-width: 48em) { .heritage-detail { padding: 10rem 5rem 2.5rem 5rem; margin-top: -8.5rem; } .heritage-detail .detail-inside { display: -webkit-box; display: flex; -webkit-box-align: top; align-items: top; width: 100%; } .heritage-detail .detail-inside .detail-slideshow { float: left; width: 47%; margin-right: auto; } .heritage-detail .detail-inside .detail-title { font-size: 30px; font-size: 1.875rem; } .heritage-detail .detail-inside .detail-text { display: block; float: right; width: 47%; padding-top: 0; } .heritage-detail.alt .heritage-detail-wrapper { padding: 0 0 2.5rem 0; } .heritage-detail.alt .detail-inside { padding: 0 5rem 0 5rem; } .heritage-detail.alt .detail-slideshow { padding-top: 0; } } #advent-calendar svg { background-size: 100% 100%; background-repeat: no-repeat; width: 100%; } #advent-calendar path { fill: transparent; cursor: pointer; -webkit-transition: fill 0.5s ease-out; transition: fill 0.5s ease-out; } #advent-calendar svg a:focus, #advent-calendar svg a:hover { outline: none; } #advent-calendar svg a:focus path, #advent-calendar svg a:hover path { fill: rgba(0, 0, 0, 0.25); } .advent-calendar-prize { padding: 2rem 0; margin-bottom: 2rem; border-bottom: 1px solid #a9a9a9; } @media only screen and (min-width: 48em) { .advent-calendar-prize:not(.no-img) { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; } .advent-calendar-prize:not(.no-img) figure, .advent-calendar-prize:not(.no-img) div { width: 50%; } .advent-calendar-prize:not(.no-img) figure { float: left; padding-right: 2rem; text-align: center !important; } .advent-calendar-prize:not(.no-img) div { float: right; margin-left: auto; -webkit-box-ordinal-group: 2; order: 1; } } #advent-calendar-form { padding: 0; margin: 0; max-width: none; } #advent-calendar-form .advent-cgu input { float: left; margin: 0 1rem 1rem 0; } .advent-calendar-question { border: 1px solid #ffcc33; padding: 1.5rem 1.5rem 0.5rem 1.5rem; margin-bottom: 2rem; } .advent-calendar-question h2 { margin-bottom: 1rem; } .advent-calendar-question ul { margin-bottom: 0; } .advent-calendar-question li { *zoom: 1; } .advent-calendar-question li:before, .advent-calendar-question li:after { content: " "; display: table; } .advent-calendar-question li:after { clear: both; } .advent-calendar-question input { float: left; margin: 0 1rem 1rem 0; } .advent-calendar-msg { text-align: center; border: 1px solid #ffcc33; padding: 1.5rem; } .hybrid-challenge-page { position: relative; text-align: center; background: url("../images/etech-challenge/etech-challenge-background.png") center center no-repeat; background-size: contain; } .hybrid-challenge-page .main-logo img { display: inline-block; max-width: 115px; } .hybrid-challenge-page h1 { text-transform: none; font-weight: bold; font-size: 22px; font-size: 1.375rem; margin-bottom: 1.5rem; } .hybrid-challenge-page h1 span { display: block; text-transform: uppercase; font-size: 44px; font-size: 2.75rem; } .hybrid-challenge-page section { position: relative; padding: 0.5rem; } .hybrid-challenge-page #etech-challenge { max-width: 460px; margin: 0 auto; border: 1px solid #cfcfcf; border-radius: 0.25rem; background-color: rgba(255, 255, 255, 0.8); padding: 1rem; } .hybrid-challenge-page #etech-challenge .label { padding: 0.5rem 2rem; color: #5e5e5e; font-size: 20px; font-size: 1.25rem; font-weight: bold; } .hybrid-challenge-page #etech-challenge .label i { display: block; padding-top: 0.5rem; } .hybrid-challenge-page #etech-challenge .fake-select { text-align: left; margin-bottom: 0; } .hybrid-challenge-page #etech-challenge .fake-select button, .hybrid-challenge-page #etech-challenge .fake-select a { display: inline-block; width: 100%; font-size: 21px; font-size: 1.3125rem; text-transform: none; text-align: left; } .hybrid-challenge-page #etech-challenge .fake-select .rs-btn { position: relative; background: #ffffff; border-color: #cfcfcf; box-shadow: 0px 3px 6px 0px rgba(94, 94, 94, 0.12); } .hybrid-challenge-page #etech-challenge .fake-select .rs-btn:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; z-index: 0; margin: 0; padding: 0.975rem; background: #ffffff; border-left: 1px solid #cfcfcf; } .hybrid-challenge-page #etech-challenge .fake-select .rs-btn:hover, .hybrid-challenge-page #etech-challenge .fake-select .rs-btn:focus { color: #000000; } .hybrid-challenge-page #etech-challenge .fake-select ul { display: none; width: 100%; background: #ffffff; border: 1px solid #cfcfcf; box-shadow: 0px 3px 6px 0px rgba(94, 94, 94, 0.12); padding: 0 1rem; } .hybrid-challenge-page #etech-challenge .fake-select ul.active { display: block; } .hybrid-challenge-page #etech-challenge .fake-select ul li { font-size: 21px; font-size: 1.3125rem; } .hybrid-challenge-page #etech-challenge .fake-select ul li:not(:last-of-type) { border-bottom: 1px solid #cfcfcf; } .hybrid-challenge-page #etech-challenge .fake-select ul li img { vertical-align: middle; border: 1px solid #cfcfcf; margin-right: 0.5rem; } .hybrid-challenge-page #etech-challenge .fake-select ul li a { padding: 1rem 0; } .hybrid-challenge-page #etech-challenge .fake-select ul li a:hover, .hybrid-challenge-page #etech-challenge .fake-select ul li a:focus { color: #000000; background: #f7f7f7; } .etech-challenge-header { padding: 0.5rem; text-align: center; background: #ffffff; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.12); } @media only screen and (min-width: 48em) { .hybrid-challenge-page .main-logo img { max-width: 130px; } .hybrid-challenge-page h1 { font-size: 34px; font-size: 2.125rem; margin-bottom: 2rem; } .hybrid-challenge-page h1 span { font-size: 60px; font-size: 3.75rem; } .hybrid-challenge-page section { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .hybrid-challenge-page #etech-challenge .label { padding-bottom: 1rem; } .hybrid-challenge-page #etech-challenge .fake-select { position: relative; } .hybrid-challenge-page #etech-challenge ul { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .etech-challenge-header { box-shadow: none; background: transparent; padding: 0.5rem; } .etech-challenge-header .main-logo { float: left; padding: 1rem; } } /*# sourceMappingURL=ltr.css.map */