.juliet{line-height:1;position:relative;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto 3em;padding:0;list-style:none;}
.juliet li{display:inline-block;margin:1em 0;}
.juliet li a{font-size:1.05em;font-weight:400;display:block;padding:1em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);text-decoration:none;}
.juliet li a:hover,
.juliet li a:focus{outline:none;}
.juliet li{position:relative;-webkit-transition:color .25s;transition:color .25s;}
.juliet li::before,
.juliet li::after,
.juliet li.current::before,
.juliet li.current::after{position:absolute;left:50%;width:0;height:0;border:solid transparent;content:'';pointer-events:none;}
.juliet li::before,
.juliet li::after{-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-transform-origin:left left;transform-origin:left left;-webkit-transition:transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);transition:transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);}
.juliet li.current::before,
.juliet li.current::after{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-webkit-transition:transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);transition:transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);}
.juliet li:hover::before,
.juliet li:hover::after{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-webkit-transition:transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);transition:transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);}
.juliet li::before{top:95%;margin-left:-9px;border-width:10px;border-top-color:#b5b5b5;}
.juliet li.current::before{margin-left:-9px;border-width:10px;border-top-color:#e5a722;}
.juliet li::after,
.juliet li.current::after{top:94%;margin-left:-5px;border-width:6px;border-top-color:#f4f7f9;}
.juliet a{position:relative;margin:0 1em;padding-right:0;padding-left:0;color:#b5b5b5;-webkit-transition:color 0.4s;transition:color 0.4s;}
.juliet li.current a,
.juliet li.current a:hover,
.juliet li.current a:focus{color:#e5a722;}
.juliet li.current a::after,
.juliet li.current a::before{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
.juliet li.current a::before{-webkit-transition-delay:0s;transition-delay:0s;}
.juliet a:hover,
.juliet a:focus{color:#b5b5b5;}
.juliet li:hover a::before,
.juliet li:focus a::before{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-webkit-transition-delay:0s;transition-delay:0s;}
.juliet a::before,
.juliet a::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-transform-origin:center left;transform-origin:center left;-webkit-transition:transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);transition:transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);}
.juliet a::before{background:#b5b5b5;-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.juliet a::after{background:#e5a722;}