.header-wrapper{border-bottom:2px solid hsla(0,0%,100%,.6);position:relative}.header-wrapper .title-wrapper .logo{bottom:9px;height:75px}.header-wrapper .title-wrapper .logo.right{right:30px}.header-wrapper .title-wrapper .title{height:75px;font-size:3rem;width:100%}@media(max-width:1279.98px){.header-wrapper .title-wrapper .logo.right{display:none}.header-wrapper .title-wrapper .title{font-size:2.5rem}}@media(max-width:1023.98px){.header-wrapper .title-wrapper .logo{height:50px}.header-wrapper .title-wrapper .logo.right{display:none}.header-wrapper .title-wrapper .title{height:60px;font-size:2rem}}@media(max-width:767.98px){.header-wrapper .title-wrapper .logo{height:40px}.header-wrapper .title-wrapper .title{text-align:right;height:45px;font-size:1.5rem}}.face-pills-wrapper{border-radius:100px;height:50px;padding:5px}.face-pills-wrapper .face-icon-wrapper{width:40px}.face-pills-wrapper .face-icon-wrapper img{-webkit-filter:drop-shadow(3px 3px 2px rgba(0,0,0,.2));filter:drop-shadow(3px 3px 2px rgba(0,0,0,.2))}.face-pills-wrapper .border{border-right:2px solid #fff;height:30px;margin:0 10px 0 10px}.face-pills-wrapper .text{color:#fff;font-size:1.2rem;margin-right:15px;line-height:1em}.face-pills-wrapper.bg-aqi-yellow .text{color:#444;text-shadow:none}.data-time-wrapper{font-size:1.7rem}.data-time-wrapper .wrapper{border-left:2px solid #fff;float:right;padding-left:30px}@media(max-width:1279.98px){.data-time-wrapper{font-size:1.3rem}.data-time-wrapper .wrapper{border-top:1px solid #fff;padding-top:20px;border-left:none;float:none;padding-left:0;text-align:center}}.footer-wrapper .pills-wrapper{max-width:1000px}@media(max-width:1279.98px){.footer-wrapper .pills-wrapper{max-width:none!important;margin:0 0 30px;justify-content:center}.footer-wrapper .pills-wrapper .face-pills-wrapper{margin:10px 10px}}.loader-wrapper{display:flex;align-items:center;justify-content:center;width:100%}.loader-wrapper .loader{border:13px solid #f3f3f3;border-top:13px solid #3498db;border-radius:50%;width:100px;height:100px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.compass-wrapper .compass-circle,.compass-wrapper .compass-needle{width:140px;position:absolute;top:-5px;right:0}.weather-info-wrapper .header{font-size:1.2rem;border-top-left-radius:18px;border-top-right-radius:18px;font-weight:600}.weather-info-wrapper .weather-info-table{border:2px solid hsla(0,0%,100%,.6);border-radius:20px}.weather-info-wrapper .weather-info-table .group .label{font-size:2rem}.weather-info-wrapper .weather-info-table .group .value{font-size:4rem;border-bottom:2px solid hsla(0,0%,100%,.6)}.weather-info-wrapper .weather-info-table .group.last .value{border-bottom:none}@media(max-width:767.98px){.weather-info-wrapper .header{font-size:1rem}.weather-info-wrapper .weather-info-table .group .label{font-size:1.8rem}.weather-info-wrapper .weather-info-table .group .value{font-size:3rem;border-bottom:2px solid hsla(0,0%,100%,.6)}}.face-pills-wrapper-large{border-radius:100px;min-width:400px;position:relative}.face-pills-wrapper-large .face-icon-wrapper{width:100px;margin-left:14px}.face-pills-wrapper-large .face-icon-wrapper img{-webkit-filter:drop-shadow(3px 3px 2px rgba(0,0,0,.2));filter:drop-shadow(3px 3px 2px rgba(0,0,0,.2))}.face-pills-wrapper-large .border{border-right:2px solid #fff;height:66px;margin:0 0 0 20px;position:absolute;left:120px}.face-pills-wrapper-large .text-wrapper .value{font-size:5rem;line-height:1.1em}.face-pills-wrapper-large .text-wrapper .text{color:#fff;font-size:1.5rem}.face-pills-wrapper-large.bg-aqi-yellow .text,.face-pills-wrapper-large.bg-aqi-yellow .value{color:#444;text-shadow:none}@media(max-width:767.98px){.face-pills-wrapper-large{min-width:300px}.face-pills-wrapper-large .face-icon-wrapper{width:80px;margin-top:10px;margin-bottom:10px}.face-pills-wrapper-large .border{border-right:2px solid #fff;height:66px;margin:0 0 0 20px;position:absolute;left:90px}.face-pills-wrapper-large .text-wrapper .value{font-size:3rem}}.aqi-info-wrapper .header{font-size:1.2rem;border-top-left-radius:18px;border-top-right-radius:18px}.aqi-info-wrapper .aqi-info-table{border:2px solid hsla(0,0%,100%,.6);border-radius:20px}.aqi-info-wrapper .aqi-info-table .title{font-size:3rem}.aqi-info-wrapper .last-updated-text{font-size:1.2rem}@media(max-width:1279.98px){.aqi-info-wrapper .aqi-info-table .title{margin-bottom:20px}.aqi-info-wrapper .last-updated-text{margin-top:30px;font-size:1.2rem}}@media(max-width:767.98px){.aqi-info-wrapper .aqi-info-table .title{font-size:2rem}.aqi-info-wrapper .last-updated-text{font-size:1.2rem}}#bar-chart{background:#89deff}.menu-wrapper{position:absolute;width:100%;left:0;right:0;top:0;z-index:9999;box-shadow:0 2px 4px rgba(1,1,1,.3);height:80px}.menu-wrapper .container{max-width:1920px;padding:0 40px}.menu-wrapper .container li a{padding:10px 20px;border-right:1px solid #d3d3d3}.menu-wrapper .container .close-menu-x{padding-top:15px;font-size:2rem}@media(max-width:767.98px){.menu-wrapper{height:auto}.menu-wrapper .container{padding:0 20px}.menu-wrapper .container ul{flex-direction:column}.menu-wrapper .container ul li a{display:block;padding:20px 20px;text-align:left;border-bottom:1px solid #d3d3d3;border-right:none}.menu-wrapper .container ul .close-menu-x{padding-top:15px;font-size:2rem}}.monitor-wrapper{max-width:1840px}.monitor-wrapper .chart-wrapper .title{font-size:1.6rem}