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-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}*{box-sizing:border-box}html,body{height:100%}html{font-size:calc(.38vw + .28vh)}body{color:#000;font-family:Arial, Helvetica, sans-serif;overflow:hidden;background:url("../img/bg-01.jpg") no-repeat center bottom;background-size:100%}.header{position:relative;display:block;width:100%;height:155px;padding:10px 20px;background-size:50px;background:url("../img/header_bg.png") no-repeat top center #00adee}.header:before{height:30px;background-size:50px}.header-left{position:absolute;top:50%;left:20px;transition:all .25s ease-in-out;white-space:nowrap;transform:translateY(-50%)}.animate-header .header-left{width:auto;left:50%;transform:translateX(-50%) translateY(-50%)}.header-left .item{position:relative !important}.header .item{position:absolute;top:0;bottom:0;padding:0 30px;margin:auto}.header .logo{width:70px;height:80px;background:url("../img/logo.svg") no-repeat center;background-size:contain}.header h1{color:#fff;font-size:60px;font-weight:700}.header .item{display:inline-block;vertical-align:middle;padding:20px;margin:auto 0}.header .weather{top:0;right:314px;bottom:0;width:298px;height:155px;font-size:25px;color:#00adee;background-color:rgba(255,255,255,0.75);text-align:center;margin-left:auto;padding:30px 20px 20px;transition:all .25s ease-in-out}.animate-header .header .weather{right:-100%}.header .weather .temperature{font-size:70px;font-weight:700}.header .datetime{right:0;width:325px;height:139px;color:#fff;font-size:25px;text-align:center;transition:all .25s ease-in-out}.animate-header .header .datetime{right:-100%}.header .datetime .date{margin-bottom:-15px;margin-top:4px}.header .datetime .time{font-size:70px;font-weight:700;line-height:95px}.header .datetime .time .h,.header .datetime .time .i,.header .datetime .time .s{width:140px}.trip-names{display:block;padding:15px;font-size:0;background:url("../img/top_bg.png") no-repeat center top;background-size:530px}.trip-names .departure,.trip-names .arrival{display:inline-block;width:calc(50% - 15px);color:#39b54a;font-size:50px;font-weight:700;text-align:center;white-space:normal}.trip-names .departure span,.trip-names .arrival span{font-size:25px;margin-left:20px}.trip-names .arrival{color:#00adee}.trips{position:relative;width:100%;height:90vh;overflow:hidden}.trips .list{position:absolute;width:calc(50% - .5rem)}.trips .list:nth-child(2){right:0}.trips .trip{display:block;min-height:1px;padding:0 20px}.trips .trip.hidden{display:none}.trips .trip .item{display:inline-block;margin:auto 0;vertical-align:middle;padding:20px}.trips .trip .icon{width:60px;height:60px;background:center no-repeat}.trips .trip .icon.icon-rail{background-image:url("../img/train.png")}.trips .trip .icon.icon-bus{background-image:url("../img/bus.png")}.trips .trip .time{width:180px;font-size:55px;font-weight:bold;transition:.25s all ease-in-out}.trips .trip .time-left{font-size:30px;font-weight:500;text-align:right;transition:.25s all ease-in-out}.trips .trip .number{width:100px;font-size:28px;text-align:center}.trips .trip .number .badge{font-size:24px;font-weight:bold;color:#fff;background:#39b54a;border-radius:5px;padding:4px 6px 3px 6px;margin-top:5px;text-align:center}.trips .trip .name{width:100%;font-size:40px;font-weight:700;transition:.25s all ease-in-out}.trips .trip.departure{background-color:#e9f1b6;border-top:solid 1px #fff;border-bottom:solid 1px #bfc4a2}.trips .trip.departure:nth-child(odd){background-color:#f3f7d5}.trips .trip.arrival{background-color:#cceffc;border-top:solid 1px #fff;border-bottom:solid 1px #7cb9cf}.trips .trip.arrival:nth-child(odd){background-color:#a6e2f9;border-bottom:1px solid #7cb9cf}.trips .trip.active .name,.trips .trip.active .time{color:#C80000}
/*# sourceMappingURL=style.css.map */