@font-face{font-family:AkkuratproLight;src:url(/content/dam/honor/global/events/2018/day-and-night/fonts/akkurat-pro-light.otf);src:url(/content/dam/honor/global/events/2018/day-and-night/fonts/akkurat-pro-light.otf?) format("embedded-opentype"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/akkurat-pro-light.woff2) format("woff2"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/akkurat-pro-light.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:AkkuratproBold;src:url(/content/dam/honor/global/events/2018/day-and-night/fonts/akkurat-pro-bold.otf);src:url(/content/dam/honor/global/events/2018/day-and-night/fonts/akkurat-pro-bold.otf?) format("embedded-opentype"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/akkurat-pro-bold.woff2) format("woff2"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/akkurat-pro-bold.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:AkkuratproRegular;src:url(/content/dam/honor/global/events/2018/day-and-night/fonts/akkurat-pro-regular.otf);src:url(/content/dam/honor/global/events/2018/day-and-night/fonts/akkurat-pro-regular.otf?) format("embedded-opentype"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/akkurat-pro-regular.woff2) format("woff2"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/akkurat-pro-regular.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:BigNoodleTitling;src:url(/content/dam/honor/global/events/2018/day-and-night/fonts/big_noodle_titling-webfont.eot);src:url(/content/dam/honor/global/events/2018/day-and-night/fonts/big_noodle_titling-webfont.eot?#iefix) format("embedded-opentype"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/big_noodle_titling-webfont.woff2) format("woff2"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/big_noodle_titling-webfont.woff) format("woff"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/big_noodle_titling-webfont.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:CenturyGothic;src:url(/content/dam/honor/global/events/2018/day-and-night/fonts/Century_Gothic.eot);src:url(/content/dam/honor/global/events/2018/day-and-night/fonts/Century_Gothic.eot?#iefix) format("embedded-opentype"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/Century_Gothic.woff2) format("woff2"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/Century_Gothic.woff) format("woff"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/Century_Gothic.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:DINCondensedBold;src:url(/content/dam/honor/global/events/2018/day-and-night/fonts/DIN_Condensed_Bold.eot);src:url(/content/dam/honor/global/events/2018/day-and-night/fonts/DIN_Condensed_Bold.eot?#iefix) format("embedded-opentype"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/DIN_Condensed_Bold.woff) format("woff"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/DIN_Condensed_Bold.ttf) format("truetype");font-weight:700;font-style:normal}
@font-face{font-family:GothamBold;src:url(/content/dam/honor/global/events/2018/day-and-night/fonts/GothamBold.eot);src:url(/content/dam/honor/global/events/2018/day-and-night/fonts/GothamBold.eot?#iefix) format("embedded-opentype"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/GothamBold.woff2) format("woff2"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/GothamBold.woff) format("woff"),url(/content/dam/honor/global/events/2018/day-and-night/fonts/GothamBold.ttf) format("truetype");font-weight:400;font-style:normal}
.ct__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.8);display:none;z-index:10000}
.ct__showOverlay1,.ct__showOverlay2,.ct__showOverlay3,.ct__showOverlay4,.ct__showOverlay5{overflow:hidden}
.ct__showOverlay1 .ct__overlay,.ct__showOverlay2 .ct__overlay,.ct__showOverlay3 .ct__overlay,.ct__showOverlay4 .ct__overlay,.ct__showOverlay5 .ct__overlay{display:block}
.ct__lightBox1,.ct__lightBox2,.ct__lightBox3,.ct__lightBox4,.ct__lightBox5{display:none}
.ct__showOverlay1 .ct__lightBox1{display:block}
.ct__showOverlay2 .ct__lightBox2{display:block}
.ct__showOverlay3 .ct__lightBox3{display:block}
.ct__showOverlay4 .ct__lightBox4{display:block}
.ct__showOverlay5 .ct__lightBox5{display:block}
.ct__lightBoxWrap{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.ct__overlayClose{position:absolute;font-size:10px;top:1em;right:1em;background:transparent url(/content/dam/honor/global/events/2018/day-and-night/img/icon-pop-close-white.png) center center no-repeat;background-size:contain;width:2em;height:2em;cursor:pointer}
.ct__overlayClose:hover{top:1.1em}
@media screen and (max-width:1280px){
.ct__overlayClose{font-size:8px}
}
body,html{margin:0;padding:0}
.h8{font-family:CenturyGothic,Arial,"Helvetica Neue",Helvetica,sans-serif;color:#fff}
.h8 *{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}
.h8 ul{list-style:none}
.h8 a{text-decoration:none}
.h8 .cf:after,.h8 .cf:before{content:" ";display:table}
.h8 .cf:after{clear:both}
.h8 .cf{zoom:1}
.h8 .cfl{clear:left}
@media screen and (min-width:769px){
.h8 .showMB{display:none}
}
@media screen and (max-width:768px){
.h8 .showPC{display:none}
}
.h8__container,.h8__container--pdt,.h8__container--photos{position:relative;max-width:1258px;width:96%;margin:0 auto;z-index:100;overflow:hidden}
.h8__cont1{background:transparent url(/content/dam/honor/global/events/2018/day-and-night/img/bg-cont-01.jpg) center top no-repeat;background-size:cover}
@media screen and (max-width:768px){
.h8__cont1{background-image:url(/content/dam/honor/global/events/2018/day-and-night/img/bg-cont-01-mb.jpg)}
}
.h8__navAWrap:hover .h8__navA.active:after,.h8__navAWrap:hover .h8__navA.active:before{display: none;}
.h8__navAWrap:hover .h8__navA.active:hover:after,.h8__navAWrap:hover .h8__navA.active:hover:before{display: inline-block;}
.h8__navA{float:right;font-size:20px;width:5em;height:2.2em;line-height:2.2;text-align:center;margin-top:.8em;position:relative;color:#fff}
@media screen and (max-width:1600px){
.h8__navA{font-size:18px}
}
@media screen and (max-width:1280px){
.h8__navA{font-size:14px}
}
@media screen and (max-width:768px){
.h8__navA{font-size:12px;margin-top:1.2em}
}
.h8__navA.active:after,.h8__navA.active:before,.h8__navA:hover:after,.h8__navA:hover:before{content:'';position:absolute;top:0;left:0;width:.8em;height:.8em;background:transparent url(/content/dam/honor/global/events/2018/day-and-night/img/icon-navA.png) center center no-repeat;background-size:contain}
.h8__navA.active:after,.h8__navA:hover:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);top:auto;left:auto;bottom:0;right:0}
.h8__kv{text-align:center;color:#000;font-family:BigNoodleTitling;padding-top:38%}
@media screen and (max-width:1600px){
.h8__kv{padding-top:40%}
}
@media screen and (max-width:768px){
.h8__kv{padding-top:80%}
}
.h8__kvTit{font-size:120px;line-height:.9;padding-left:.29167em}
@media screen and (max-width:1600px){
.h8__kvTit{font-size:108px}
}
@media screen and (max-width:1280px){
.h8__kvTit{font-size:84px}
}
@media screen and (max-width:768px){
.h8__kvTit{font-size:60px}
}
.h8__kvTitIcon{vertical-align:top;height:.29167em;margin-top:-.1em}
.h8__kvSubTit{font-size:80px;line-height:.8}
@media screen and (max-width:1600px){
.h8__kvSubTit{font-size:72px}
}
@media screen and (max-width:1280px){
.h8__kvSubTit{font-size:56px}
}
@media screen and (max-width:768px){
.h8__kvSubTit{font-size:40px}
}
.h8__kvDes{font-size:50px;line-height:.8}
@media screen and (max-width:1600px){
.h8__kvDes{font-size:45px}
}
@media screen and (max-width:1280px){
.h8__kvDes{font-size:35px}
}
@media screen and (max-width:768px){
.h8__kvDes{font-size:25px}
}
.h8__joinUs{text-align:center}
.h8__btnDayNight{font-family:BigNoodleTitling;font-size:60px;color:#ff0;text-align:center;display:inline-block;padding:0 1em;height:1em;margin:.5em auto 0;position:relative}
@media screen and (max-width:1600px){
.h8__btnDayNight{font-size:54px}
}
@media screen and (max-width:1280px){
.h8__btnDayNight{font-size:42px}
}
@media screen and (max-width:768px){
.h8__btnDayNight{font-size:30px}
}
.h8__btnDayNight:after,.h8__btnDayNight:before{content:'';position:absolute;width:.26667em;height:1em;left:0;background:transparent url(/content/dam/honor/global/events/2018/day-and-night/img/icon-day-night.png) center center no-repeat;background-size:contain}
.h8__btnDayNight:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);left:auto;right:0}
.h8__container--photos{overflow:visible}
.h8__subTit{font-weight:400;font-family:BigNoodleTitling;font-size:70px;color:#fff;text-align:center;margin:1em auto .3em}
@media screen and (max-width:1600px){
.h8__subTit{font-size:63px}
}
@media screen and (max-width:1280px){
.h8__subTit{font-size:49px}
}
@media screen and (max-width:768px){
.h8__subTit{font-size:35px;margin-top:2em}
}
.h8__subTitBorder{border-bottom:4px solid #fff;display:inline-block;line-height:.8}
.h8__joinUsDes{font-family:CenturyGothic;font-size:22px;color:#fff;line-height:1.18182em;position:relative;padding:0 0 .6em 54px;margin-bottom:.4em;display:inline-block}
@media screen and (max-width:1600px){
.h8__joinUsDes{font-size:19.8px}
}
@media screen and (max-width:1280px){
.h8__joinUsDes{font-size:15.4px}
}
@media screen and (max-width:768px){
.h8__joinUsDes{font-size:13.2px}
}
.h8__joinUsDesIco{position:absolute;top:50%;left:-5px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.h8__btn{font-family:BigNoodleTitling;font-size:30px;color:#3585ed;background-color:#ff0;padding:.4em 1em 0;line-height:1.4em;display:inline-block;margin-bottom:1.3em}
@media screen and (max-width:1600px){
.h8__btn{font-size:27px}
}
@media screen and (max-width:1280px){
.h8__btn{font-size:21px}
}
@media screen and (max-width:768px){
.h8__btn{font-size:18px;margin-bottom:2.5em}
}
.h8__day,.h8__night{float:left;width:48.4%;font-size:48px;color:#fff;line-height:1.3;position:relative;text-align:left;font-family:CenturyGothic}
@media screen and (max-width:1600px){
.h8__day,.h8__night{font-size:43.2px}
}
@media screen and (max-width:1280px){
.h8__day,.h8__night{font-size:33.6px}
}
@media screen and (max-width:768px){
.h8__day,.h8__night{font-size:24px}
}
@media screen and (max-width:500px){
.h8__day,.h8__night{font-size:16.8px}
}
.h8__night{float:right}
.h8__dayNightImg{width:100%}
.h8__dayNightTxt{position:absolute;top:1.66667em;bottom:1.45833em;left:1em;right:0}
.h8__dayNightDes{font-size:30px}
@media screen and (max-width:1600px){
.h8__dayNightDes{font-size:27px}
}
@media screen and (max-width:1280px){
.h8__dayNightDes{font-size:21px}
}
@media screen and (max-width:768px){
.h8__dayNightDes{font-size:15px}
}
@media screen and (max-width:500px){
.h8__dayNightDes{font-size:10.5px}
}
.h8__dayNightBtn{position:absolute;bottom:0;font-size:36px;line-height:1;font-family:BigNoodleTitling;padding:.35em 1.11111em 0;color:#fff;border:2px solid #fff}
@media screen and (max-width:1600px){
.h8__dayNightBtn{font-size:32.4px}
}
@media screen and (max-width:1280px){
.h8__dayNightBtn{font-size:25.2px}
}
@media screen and (max-width:768px){
.h8__dayNightBtn{font-size:18px}
}
@media screen and (max-width:500px){
.h8__dayNightBtn{font-size:12.6px}
}
.h8_slickWrap{position:relative}
@media screen and (max-width:1366px){
.h8_slickWrap{margin:0 24px}
}
@media screen and (max-width:768px){
.h8_slickWrap{margin:0}
}
.h8__slickNext,.h8__slickPrev{position:absolute;width:26px;height:47px;background:transparent url(/content/dam/honor/global/events/2018/day-and-night/img/icon-arrow-white.png) center center no-repeat;background-size:contain;right:0;top:50%;-webkit-transform:translate(140%,-50%);transform:translate(140%,-50%);cursor:pointer}
@media screen and (max-width:768px){
.h8__slickNext,.h8__slickPrev{display:none}
}
.h8__slickNext:hover,.h8__slickPrev:hover{-webkit-transform:translate(145%,-50%);transform:translate(145%,-50%)}
.h8__slickPrev{right:auto;left:0;-webkit-transform:translate(-140%,-50%) rotate(180deg);transform:translate(-140%,-50%) rotate(180deg)}
.h8__slickPrev:hover{-webkit-transform:translate(-145%,-50%) rotate(180deg);transform:translate(-145%,-50%) rotate(180deg)}
.h8__stories{background:transparent url(/content/dam/honor/global/events/2018/day-and-night/img/bg-cont-02.jpg) center center no-repeat;background-size:cover;overflow:hidden;position:relative;text-align:center}
.h8__storiesWrap{position:relative}
.h8__storiesMore{font-size:25px;position:absolute;top:2em;right:0;color:#fff}
@media screen and (max-width:1600px){
.h8__storiesMore{font-size:22.5px}
}
@media screen and (max-width:1280px){
.h8__storiesMore{font-size:17.5px}
}
@media screen and (max-width:768px){
.h8__storiesMore{font-size:15px;position:static;display:inline-block;margin-bottom:1em}
}
.h8__storyItem{width:32%;margin-bottom:3%}
@media screen and (max-width:768px){
.h8__storyItem{width:48%}
.h8__storyItem:nth-child(5)~.h8__storyItem{display:none}
}
.h8__storyItemGutter{width:2%}
@media screen and (max-width:768px){
.h8__storyItemGutter{width:4%}
}
.h8__storyA:hover .h8__storyInfo{top:0}
.h8__storyItem:hover .h8__storyStatsIco{background-image:url(/content/dam/honor/global/events/2018/day-and-night/img/icon-cmts-hover.png)}
.h8__storyItem:hover .h8__storyStatsIco--like,.h8__storyStatsIco--like.active{background-image:url(/content/dam/honor/global/events/2018/day-and-night/img/icon-like-hover.png)}
.h8__storyItem:hover .h8__storyStatsIco--cmts{background-image:url(/content/dam/honor/global/events/2018/day-and-night/img/icon-cmts-hover.png)}
.h8__storyItem:hover .h8__storyStatsIco--cups{background-image:url(/content/dam/honor/global/events/2018/day-and-night/img/icon-cups-hover.png)}
.h8__storyImgWrap{position:relative;overflow:hidden;line-height:0}
.h8__storyImg{width:100%}
.h8__storyInfo{position:absolute;top:100%;bottom:0;left:0;right:0;background:rgba(255,255,255,.8);color:#666;font-size:25px;padding:1.64em;overflow:hidden;-webkit-transition:top .3s ease-in-out 0s;transition:top .3s ease-in-out 0s;line-height:1.2;text-align:left}
@media screen and (max-width:1600px){
.h8__storyInfo{font-size:22.5px}
}
@media screen and (max-width:1280px){
.h8__storyInfo{font-size:17.5px}
}
@media screen and (max-width:768px){
.h8__storyInfo{font-size:12.5px}
}
.h8__storyStats{width:100%;height:3.75em;line-height:3.75em;background-color:#fff;text-align:right;color:#999;font-size:16px}
@media screen and (max-width:1600px){
.h8__storyStats{font-size:14.4px}
}
@media screen and (max-width:1280px){
.h8__storyStats{font-size:12.8px}
}
@media screen and (max-width:768px){
.h8__storyStats{font-size:11.2px}
}
.h8__storyStatsIco{display:inline-block;width:1.3125em;height:1.125em;background:transparent url(/content/dam/honor/global/events/2018/day-and-night/img/icon-cmts.png) center center no-repeat;background-size:contain;vertical-align:middle}
.h8__storyStatsIco--like{cursor:pointer;background-image:url(/content/dam/honor/global/events/2018/day-and-night/img/icon-like.png)}
.h8__storyStatsIco--cmts{background-image:url(/content/dam/honor/global/events/2018/day-and-night/img/icon-cmts.png)}
.h8__storyStatsIco--cups{background-image:url(/content/dam/honor/global/events/2018/day-and-night/img/icon-cups.png)}
.h8__storyStatsNum{margin-right:.8em}
.h8__storysAuthor{font-size:20px;line-height:2;text-align:left}
@media screen and (max-width:1600px){
.h8__storysAuthor{font-size:18px}
}
@media screen and (max-width:1280px){
.h8__storysAuthor{font-size:16px}
}
@media screen and (max-width:768px){
.h8__storysAuthor{font-size:14px}
}
.h8__ins{background:transparent url(/content/dam/honor/global/events/2018/day-and-night/img/bg-cont-02.jpg) center center no-repeat;background-size:cover;margin-top:-2px}
.h8__insWrap{font-size:36px;height:720px;overflow:auto;position:relative;border:1px solid #000}
@media screen and (max-width:768px){
.h8__insWrap{height:360px}
}
.h8__insWrap:after,.h8__insWrap:before,.h8__insWrapBottomBorder:after,.h8__insWrapBottomBorder:before{content:'';position:absolute;width:1em;height:1em;background:transparent url(/content/dam/honor/global/events/2018/day-and-night/img/icon-ins-corner.png) center center no-repeat;background-size:contain;top:0;left:0}
@media screen and (max-width:768px){
.h8__insWrap:after,.h8__insWrap:before,.h8__insWrapBottomBorder:after,.h8__insWrapBottomBorder:before{display:none}
}
.h8__insWrap:after{left:auto;right:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.h8__insWrapBottomBorder:before{top:auto;bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.h8__insWrapBottomBorder:after{left:auto;top:auto;right:0;bottom:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.h8__pdt{background:transparent url(/content/dam/honor/global/events/2018/day-and-night/img/bg-pdt.jpg) center center no-repeat;background-size:cover}
@media screen and (max-width:768px){
.h8__container--pdt{width:100%}
}
.h8__pdtImg{float:left;width:60%}
@media screen and (max-width:768px){
.h8__pdtImg{margin-left:-11%}
}
.h8__pdtTxt{float:left;width:40%}
@media screen and (max-width:768px){
.h8__pdtTxt{width:50%}
}
.h8__pdtTit{font-size:120px;font-family:BigNoodleTitling;line-height:.8;margin-top:25%}
@media screen and (max-width:1600px){
.h8__pdtTit{font-size:108px}
}
@media screen and (max-width:1280px){
.h8__pdtTit{font-size:84px}
}
@media screen and (max-width:768px){
.h8__pdtTit{font-size:72px}
}
@media screen and (max-width:500px){
.h8__pdtTit{font-size:36px}
}
.h8__pdtTitIcon{vertical-align:top;margin-top:-.13em;width:.3em}
.h8__pdtSubTit{font-size:70px;font-family:BigNoodleTitling;line-height:.8}
@media screen and (max-width:1600px){
.h8__pdtSubTit{font-size:63px}
}
@media screen and (max-width:1280px){
.h8__pdtSubTit{font-size:49px}
}
@media screen and (max-width:768px){
.h8__pdtSubTit{font-size:42px}
}
@media screen and (max-width:500px){
.h8__pdtSubTit{font-size:21px}
}
.h8__pdtDes{font-size:18px;line-height:1.8;margin-bottom:1.6em}
@media screen and (max-width:1600px){
.h8__pdtDes{font-size:16.2px}
}
@media screen and (max-width:1280px){
.h8__pdtDes{font-size:14.4px}
}
@media screen and (max-width:768px){
.h8__pdtDes{font-size:10.8px}
}
@media screen and (max-width:500px){
.h8__pdtDes{font-size:7.92px}
}
.h8__pdtDesIcon{width:1.16667em;vertical-align:text-bottom;margin-right:.3em}
.ct__lightBoxWrap{background:transparent url(/content/dam/honor/global/events/2018/day-and-night/img/bg-cont-02.jpg) center center no-repeat;background-size:cover;width:14.1em;font-size:50px}
@media screen and (max-width:768px){
.ct__lightBoxWrap{width:11.1em}
}
@media screen and (max-width:570px){
.ct__lightBoxWrap{width:6.5em}
}
.ct__lightBox1{margin:1em;text-align:center}
.h8__flagsTit{font-family:BigNoodleTitling;color:#fff;margin:.1em auto .5em;font-size:.8em}
@media screen and (max-width:768px){
.h8__flagsTit{font-size:.6em}
}
@media screen and (max-width:570px){
.h8__flagsTit{font-size:.5em}
}
.h8__flagA{float:left;width:1.1em;margin:0 .2em}
.h8__flagImg{width:100%}