@import url("https://fonts.googleapis.com/css?family=Playfair+Display:900");@import url("https://fonts.googleapis.com/css?family=Aleo:700");html{filter:expression(document.execCommand("BackgroundImageCache", false, true))}#login-CMS-CTR{display:none}#page{margin:0}#header{border-bottom:1px solid #B8B8B8;color:#333;text-transform:uppercase;font-family:"Gotham-Bold",Arial,Helvetica,sans-serif;letter-spacing:2px;font-size:13px;font-weight:normal;padding:0 15px;position:relative;overflow:hidden}#header .cont{max-width:1470px;margin:0 auto;overflow:hidden;position:relative}#header a{color:#444;text-decoration:none;transition:all 0.3s ease-in-out}#header a:hover,#header a:focus,#header a:active{color:#000}#header .hyLogo{display:block;padding:14px 0 10px;max-width:186px}#header .hyLogo svg{max-width:184px;max-height:40px}#header .headerControls{position:absolute;right:-25px;top:50%;transform:translateY(-50%);transition:all 0.3s ease-in-out}#header .headerControls.is-open{right:15px}#header .headerControls.is-open .currentLang .fa{color:#bbb;font-size:6px;position:relative;top:-2px}#header a.hyBack{float:left;padding:20px 0}#header .hyLangSelector{float:left;position:relative;width:90px;padding-left:18px;margin-left:18px;user-select:none}#header .hyLangSelector:after{content:"";width:1px;height:40px;position:absolute;left:0;background:#B8B8B8;top:8px}#header .hyLangSelector .currentLang{display:inline-block;padding:20px 0}#header .hyLangSelector .currentLang .fa{margin-left:7px}#header .hyLangSelector .currentLang span{padding-bottom:2px;border-bottom:1px solid #000}#header .hyLangSelector .langMenu{display:inline-block;position:absolute;top:50%;transform:translateY(-50%);text-align:center;width:22px;margin-left:13px}#header .hyLangSelector .langMenu a{padding:20px 0}@media only screen and (max-width: 520px){#header .hyLogo{padding:11px 0 7px}#header .hyLogo svg{height:25px;width:auto}#header .hyLangSelector:after{height:30px;top:11px}}@media only screen and (max-width: 430px){#header{font-size:10px;padding:0 10px}#header .hyBack span{display:none}}@media only screen and (max-width: 340px){#header .hyBack{display:none}}#section-hero{text-align:center;padding:0 20px;min-height:344px;position:relative}#section-hero .hgroup{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;padding:0 30px}#section-hero h1{font-family:"Aleo",Times,"Times New Roman",Georgia,serif;font-weight:900;font-size:60px;margin:0 0 0.5em;line-height:1em;text-transform:uppercase}#section-hero h2{line-height:1.5em;font-size:16px;color:#555;max-width:1040px;margin:0 auto}#section-hero .shareWrapper{margin:2em 0 0;cursor:pointer}#section-hero .shareWrapper .hyLabel{color:#333;text-transform:uppercase;font-family:"Gotham-Bold",Arial,Helvetica,sans-serif;letter-spacing:1px;font-size:11px;padding:10px 0}#section-hero .shareWrapper svg{width:16px;height:auto;position:relative;top:4px;left:-6px}#section-hero .hyShareList{position:absolute;left:50%;transform:translateX(-50%);margin:0 0 1em}#section-hero .hyShareList a{display:inline-block;margin:0 20px;font-size:22px;color:#000;opacity:0;transition:opacity 0.3s ease-in-out}#section-hero .hyShareList a:nth-child(1):hover{color:#3B5999}#section-hero .hyShareList a:nth-child(2):hover{color:#1CA1F3}#section-hero .hyShareList a:nth-child(3):hover{color:#006699}#section-hero .hyShareList a:nth-child(1){transition-delay:0s}#section-hero .hyShareList a:nth-child(2){transition-delay:0.2s}#section-hero .hyShareList a:nth-child(3){transition-delay:0.4s}#section-hero .hyShareList.is-open a{opacity:1}@media only screen and (max-width: 800px){#section-hero{padding:2em 0 4em}#section-hero .hgroup{position:static;transform:translate(0, 0)}#section-hero h1{font-size:54px}}@media only screen and (max-width: 992px){#section-hero h1{font-size:40px}#section-hero h2{font-size:15px}}@media only screen and (max-width: 400px){#section-hero h1{font-size:28px}}#hy-nav{background:#000;text-align:center;position:absolute;color:#999;font-family:"Gotham-Medium",Arial,Helvetica,sans-serif;height:54px;width:100%;z-index:100}#hy-nav .hyNavList a{display:inline-block;position:relative;color:#999;padding:17px 30px;font-size:15px;text-decoration:none;transition:color 0.3s ease-in-out}#hy-nav .hyNavList a:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:0;height:2px;background:#999;bottom:0;transition:width 0.1s ease-in-out}#hy-nav .hyNavList a:hover,#hy-nav .hyNavList a:active,#hy-nav .hyNavList a:focus{color:#eee}#hy-nav .hyNavList a.is-active{color:#fff}#hy-nav .hyNavList a.is-active:after{background:#fff;width:100%}#hy-nav .hyLogo{position:absolute;left:15px;top:17px;padding:0;opacity:0;transition:opacity 0.3s ease-in-out;z-index:20}#hy-nav .hyLogo svg{width:100px;height:auto;max-height:22px}#hy-nav .hyLogo svg path{fill:#fff}#hy-nav .hyBack{position:absolute;text-transform:uppercase;color:#fff;right:15px;top:22px;font-weight:normal;letter-spacing:2px;font-size:9px;opacity:0;transition:opacity 0.3s ease-in-out;text-decoration:none}@media only screen and (max-width: 1100px){#hy-nav .hyLogo,#hy-nav .hyBack{display:none}}@media only screen and (max-width: 992px){#hy-nav .hyNavList a{padding:17px 20px}}@media only screen and (max-width: 720px){#hy-nav .hyNavList{position:absolute;top:0;background:#000;width:280px;right:0;padding-top:54px;overflow:hidden;height:54px;user-select:none}#hy-nav .hyNavList:after{content:"\f107";font-family:FontAwesome, sans-serif;color:#fff;font-size:20px;display:block;right:20px;top:13px;position:absolute}#hy-nav .hyNavList.is-open{height:auto}#hy-nav .hyNavList.is-open:after{transform:rotate(-180deg)}#hy-nav .hyNavList a{text-align:right;display:block;margin:5px 40px;padding:10px}#hy-nav .hyNavList a:after{height:1px}#hy-nav .hyNavList a.is-active{position:absolute;top:0;padding:17px 0;margin:0;width:100%;right:50px}#hy-nav .hyNavList a.is-active:after{display:none}#hy-nav .hyLogo{display:block}}.navFixed #hy-nav{position:fixed;width:100%;top:0}.navFixed #hy-nav .hyLogo,.navFixed #hy-nav .payOff,.navFixed #hy-nav .hyBack{opacity:1}#wrapperHistory{overflow-x:hidden}#footer{padding:2em 0 1.6em;font-size:12px;color:#fff;position:relative}#footer .container-fluid{position:relative}#footer .rsLearnMore{margin:0 0 1em;padding:0 0 1em;border-bottom:1px solid rgba(255,255,255,0.1);text-align:center;font-family:"Aleo",Times,"Times New Roman",Georgia,serif;font-size:22px}#footer .rsLearnMore i{font-size:16px;margin-left:6px}#footer .rsLearnMore a{color:#fff;text-decoration:none;white-space:nowrap}#footer .rsLearnMore a:hover{color:#ddd}@media only screen and (max-width: 992px){#footer .rsLearnMore{font-size:16px}#footer .rsLearnMore span{display:none}}#footer .rsLinkList a{color:#fff;display:inline-block;margin:0 9px;position:relative}#footer .rsLinkList .hyBack{text-transform:uppercase;font-family:"Gotham-Bold",Arial,Helvetica,sans-serif;letter-spacing:2px;font-size:10px}#footer .rsColophon{text-align:right}#footer .rsColophon span{padding-right:160px}#footer .rsColophon .hyFooterLogo{position:absolute;right:15px;top:50%;transform:translateY(-50%)}#footer .rsColophon .hyFooterLogo img{max-width:140px}@media only screen and (max-width: 1200px){#footer .rsLinkList,#footer .rsColophon{text-align:center}#footer .rsLinkList span,#footer .rsColophon span{padding:0}#footer .rsLinkList{margin:0 0 10px}#footer .rsLinkList .hyBack{display:block;margin:0 0 10px}#footer .rsColophon .hyFooterLogo{position:static;transform:translateY(0);display:block;margin:20px 0 0}}@media only screen and (max-width: 768px){#footer .colophon a{display:block}}@keyframes zoom-out{0%{-webkit-transform:scale(1.45);-ms-transform:scale(1.45);transform:scale(1.45)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@keyframes zoom-in{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.45);transform:scale(1.45)}}.videoSection{height:calc(100vh - 54px);background:#000;border-bottom:1px solid #222;padding:1px;text-align:center;position:relative;overflow:hidden}.videoSection .bg{animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate;position:absolute;left:0;top:0;width:100%;height:100%;z-index:40;opacity:1;cursor:pointer;transition:all 0.5s ease-in-out}.videoSection .videoLoop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:30;opacity:1;cursor:pointer;transition:all 0.5s ease-in-out}.videoSection .videoLoop:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0.3)}.videoSection .videoLoop video{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);height:100%;width:auto;z-index:5}@media screen and (min-aspect-ratio: 16 / 9){.videoSection .videoLoop video{width:100%;height:auto}}.videoSection .hgroup{width:100%;padding:0 30px;color:#fff;z-index:50;cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.videoSection .hgroupInner{opacity:0;transform:translateY(-180px);transition:transform 0.8s cubic-bezier(0.02, 0.05, 0.68, 0.95),opacity 0.8s cubic-bezier(0.02, 0.05, 0.68, 0.95) 0.3s}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.videoSection .hgroupInner{opacity:1;transform:translateY(0)}}@media only screen and (max-width: 768px){.videoSection .hgroupInner{opacity:1;transform:translateY(0)}}.videoSection h3{margin:0;font-family:"Aleo",Times,"Times New Roman",Georgia,serif;font-weight:900;font-size:6vw;letter-spacing:1px;line-height:1.1em}.videoSection h3 span{font-size:12px;font-family:"Gotham-Bold",Arial,Helvetica,sans-serif;display:block;line-height:1em;font-weight:normal;letter-spacing:2px;margin-bottom:1em;text-transform:uppercase}@media only screen and (max-width: 992px){.videoSection h3{font-size:10vw}}@media only screen and (max-width: 580px){.videoSection h3{font-size:12vw}}@media only screen and (max-width: 375px){.videoSection h3{font-size:10vw}}@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape){.videoSection h3{font-size:5vw}}@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape){.videoSection h3{font-size:5vw}}@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){.videoSection h3{font-size:5vw}}.videoSection .cta{text-transform:uppercase;color:#fff;font-family:"Gotham-Bold",Arial,Helvetica,sans-serif;margin:6em 0 0;opacity:0;font-size:16px;transition:all 0.5s ease-in-out 0.9s}.videoSection .cta svg{position:relative;left:-10px;top:6px;width:24px;height:24px}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.videoSection .cta{opacity:1}}@media only screen and (max-width: 768px){.videoSection .cta{font-size:18px;opacity:1}.videoSection .cta svg{top:8px;width:30px;height:30px}}.videoSection .videoWrapper{position:relative;height:100%;width:100%;background:#000}.videoSection .videoWrapper .close{font-size:44px;cursor:pointer;color:#fff;position:absolute;right:20px;top:6px;line-height:1em;z-index:6;font-weight:300;font-family:"Gotham-Light",Arial,Helvetica,sans-serif}.videoSection video{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;height:auto;overflow:hidden;z-index:5}.videoSection video:focus{outline:none}@media only screen and (min-width: 992px) and (max-height: 768px){.videoSection video{height:100%;width:auto}}@media screen and (min-aspect-ratio: 16 / 9){.videoSection video{width:auto;height:100%}}.videoSection.is-playing .bg,.videoSection.is-playing .hgroup,.videoSection.is-playing .videoLoop{opacity:0;z-index:1}.videoSection.is-visible .hgroupInner{opacity:1;transform:translateY(0)}.videoSection.is-visible .cta{opacity:1}#ep-00{margin-top:54px}#ep-00 .bg{background:transparent}#ep-01 .bg{background:transparent url("https://d2snyq93qb0udd.cloudfront.net/prod/history/ep-01.jpg") center center/cover;animation-name:zoom-in;animation-duration:15s;-ms-animation-name:none}#ep-02 .bg{background:transparent url("https://d2snyq93qb0udd.cloudfront.net/prod/history/ep-02.jpg") center center/cover;animation-name:zoom-out;animation-duration:15s;-ms-animation-name:none}#ep-03 .bg{background:transparent url("https://d2snyq93qb0udd.cloudfront.net/prod/history/ep-03.jpg") center center/cover;animation-name:zoom-in;animation-duration:15s;-ms-animation-name:none}#ep-04 .bg{background:transparent url("https://d2snyq93qb0udd.cloudfront.net/prod/history/ep-04.jpg") center center/cover;animation-name:zoom-out;animation-duration:15s;-ms-animation-name:none}#ep-05 .bg{background:transparent url("https://d2snyq93qb0udd.cloudfront.net/prod/history/ep-05.jpg") center center/cover;animation-name:zoom-in;animation-duration:15s;-ms-animation-name:none}
/*# sourceMappingURL=pirelli-history-tpl.css.map */