body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.current{background:-webkit-radial-gradient(center,ellipse,#3167be 0,#204597 100%);background:-o-radial-gradient(center,ellipse,#3167be 0,#204597 100%);background:radial-gradient(ellipse at center,#3167be 0,#204597 100%);width:100%;height:490px}.current .location{z-index:5}.current .locationwrapper .locationheadername{color:#fff;text-transform:uppercase}.current .locationheadername{background:#336eed;width:100%;height:45px;line-height:45px;text-indent:0;text-align:center;position:relative;z-index:2}.current .locationheaderarrow{height:46px}.current .locationheadertempandcond{position:absolute}.currentnws .cls-1,.currentsun .cls-1,.locationheadertempandcond .condshort .cls-1{fill:#4694d9;stroke:none}.currentleft{height:100%}.currentleftbck{background:rgba(0,0,150,.25);height:488px;-webkit-box-shadow:0 0 3px rgba(0,0,150,.25);box-shadow:0 0 3px rgba(0,0,150,.25);width:33%;min-width:350px;position:absolute;z-index:1}.current .currentsvgicon{width:40px;display:inline-block;line-height:40px;vertical-align:top;height:40px;margin-right:15px}.currentnwstext,.currentsunrise,.currentsunset{line-height:40px;text-align:center;font-size:18px;margin-top:10px}.current .currentnws .currentsvgicon{position:absolute;margin:-11px 0 0 -40px;display:inline-block;line-height:25px;width:40px;height:40px}.currentsunrise,.currentsunset{white-space:nowrap}.currentnwstext{text-transform:uppercase;line-height:18px;padding-right:10px}.currentcurrent{background:#fff}.currentcurrent table{width:100%;-webkit-box-sizing:content-box;box-sizing:content-box;background:#fff;margin:0 auto}.currentcurrent table td{line-height:45px;padding:5px 3%;text-transform:uppercase;white-space:nowrap}.currentcurrent table th{text-align:left;border-bottom:2px solid #a7a9b0;line-height:45px;color:#2650a3;text-transform:uppercase;padding-left:3%}.currentcurrent table td span{float:right;font-weight:700;text-transform:none}.currentcondandfeellike{position:absolute;color:#fff}.currentcondandfeellike div:first-child{text-transform:uppercase}.current900 .currentleft,.current900 .location{width:33%;min-width:350px}.current900 .citieslist,.current900 .citieslist .citieslistitem .citieslistlabel,.current900 .recentlist{width:100%}.current900 .citieslist .citieslistitem .citieslistlabel{padding-right:65px;-webkit-box-sizing:border-box;box-sizing:border-box}.current900 .citieslist .citieslistitem{white-space:nowrap}.current900 .citieslist .citieslistitem .condshort{margin-left:-65px}.current900 .condshort .condicon{width:45%;margin:-15px auto 0;max-width:500px}.current900 .locationheadertempandcond{width:100%;left:0;top:0}.current900 .locationheadertempandcond .condshort{width:100%}.current900.current .currentnws .currentsvgicon{margin:-11px 15px 0 -25px;position:static}.current900.current .currentnws .currentnwstext{line-height:22px}.current900 .locationheadertempandcond .locationheadertemp{font-size:140px;color:#fff;top:80px;position:absolute;padding:0 15px 25px;border-bottom:2px solid #fff;width:200px;right:10%;text-align:center;text-indent:15px}.current900 .currentnws,.current900 .currentsun{width:80%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0 30px;margin:60px 10%;color:#fff;position:relative;z-index:3}.current900 .currentleft hr{height:30px;border:none;border-top:2px solid #fff;width:230px}.current900 .currentcurrent{background:rgba(193,193,247,.25);padding:25px 0 25px 25px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:217px;position:relative;z-index:5}.current900 .currentcondandfeellike{top:310px;right:10%;width:200px;text-align:center;font-size:24px;text-indent:-15px}.current400{height:620px}.current400 .location{width:100%;top:45px}.current400 .citieslist,.current400 .citieslist .citieslistitem .citieslistlabel,.current400 .recentlist{width:100%}.current400 .citieslist .citieslistitem .citieslistlabel{padding-right:65px;-webkit-box-sizing:border-box;box-sizing:border-box}.current400 .citieslist .citieslistitem{white-space:nowrap}.current400 .citieslist .citieslistitem .condshort{margin-left:-65px}.current400 .locationheadertempandcond{position:static;height:250px;width:100%;max-width:600px;display:block;margin:0 auto}.current400 .locationheadertempandcond .condshort{width:50%;height:200px}.current400 .locationheadertempandcond .condshort .condicon{max-width:220px;width:100%}.current400 .locationheadertempandcond .locationheadertemp{font-size:100px;line-height:100px;color:#fff;position:static;padding:5px 0;width:180px;text-align:center;text-indent:28px;border-bottom:2px solid #fff;margin:30px 10% 0 -10%;float:right;-webkit-box-sizing:border-box;box-sizing:border-box}.current400 .currentcurrent{width:100%}.current400 .currentcondandfeellike{width:100%;max-width:600px;text-align:center;white-space:nowrap;margin:-40px auto 20px;position:static}.current400 .currentcondandfeellike .currentcondandfeellikeinnerwrapper{width:180px;float:right;margin:-40px 10% 0 -10%}.current400 .currentmiddle{color:#fff;width:100%;background:#20448b;line-height:100px}.currentmiddleinnerwrapper{width:100%;max-width:600px;margin:0 auto}.current400 .currentmiddle .currentsun{vertical-align:top}.current400 .currentmiddle .currentnws{vertical-align:middle}.current400 .currentmiddle .currentnws,.current400 .currentmiddle .currentsun{width:50%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:10px}.current400 .currentnwstext{text-indent:35px;line-height:20px}.current400 .currentnwstext .currentsvgicon{text-indent:0}.current400 .currentnwstext,.current400 .currentsunrise,.current400 .currentsunset{font-size:13px}.current400 .currentcurrent table td{padding:5px 25px 5px 10px;font-size:13px}.current400 .currentcurrent table{max-width:600px}.current400.current table .currentsvgicon{margin-right:5px}.current320{height:620px}.current320 .citieslist,.current320 .citieslist .citieslistitem .citieslistlabel,.current320 .location,.current320 .recentlist{width:100%}.current320 .citieslist .citieslistitem .citieslistlabel{padding-right:65px;-webkit-box-sizing:border-box;box-sizing:border-box}.current320 .citieslist .citieslistitem{white-space:nowrap}.current320 .citieslist .citieslistitem .condshort{margin-left:-65px}.current320 .locationheadertempandcond{position:absolute;left:0;top:55px;height:390px;width:100%}.current320 .locationheadertempandcond .condshort .condicon{width:125px;float:right;margin-top:-10px}.current320 .locationheadertempandcond .locationheadertemp{font-size:100px;color:#fff;border-bottom:2px solid #fff}.current320 .locationheadertempandcond .condshort,.current320 .locationheadertempandcond .locationheadertemp{top:0;position:absolute;width:280px;margin-left:-140px;left:50%}.current320 .currentcurrent{width:100%}.current320 .currentcondandfeellike{position:absolute;top:185px;width:100%;text-align:center}.current320 .currentmiddle{color:#fff;margin-top:190px;width:100%;background:#20448b;padding:5px 5px 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.current320 .currentmiddle .currentnws,.current320 .currentmiddle .currentsun{width:280px;margin:0 auto}.current320 .currentmiddle .currentnws{padding-left:55px;-webkit-box-sizing:border-box;box-sizing:border-box}.current320.current .currentnws .currentsvgicon{margin-left:-58px}.current320 .currentnwstext{margin-top:15px;margin-left:6px}.current320 .currentnwstext,.current320 .currentsunrise,.current320 .currentsunset{font-size:15px;text-align:left}.current320 .currentsunrise,.current320 .currentsunset{margin-left:2px}.current320 .currentsunrise .currentsvgicon,.current320 .currentsunset .currentsvgicon{margin-right:19px}.current320 .currentcurrent table td{padding:0;font-size:14px;line-height:40px}.current320 .currentcurrent table{width:280px;margin-bottom:20px}.location{width:320px;position:absolute;background:#fff;-webkit-box-shadow:0 0 1px #ccc inset;box-shadow:inset 0 0 1px #ccc;z-index:2}.locationheadername{text-indent:25px;cursor:pointer;font-size:16px}.locationheaderarrow{width:15px;height:51px;display:inline-block;text-indent:0;margin-right:15px}.locationheaderarrow .cls-arrow{stroke:#fff}.locationopened .locationheaderarrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.locationsearchwrapper{background:#f2f2f2}.locationsearchwrapper input{width:260px;margin:10px 30px;height:22px;border:none;border-radius:4px;text-indent:25px;background-size:16px 16px}.locationsearchicon{position:absolute;width:15px;margin:14px 0 0 36px}.locationsearchicon .cls-1{fill:#7e7e7e}.location .citieslist{max-height:200px;overflow:auto}.locationheader div{display:inline-block}.condshort{display:inline-block;text-align:center}.condshort *{display:inline-block;vertical-align:top;font-size:14px;color:gray}.condshort .condicon{width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:50%;margin-right:10px;margin-top:6px}.condshortinline{display:inline-block;font-size:14px;margin-right:6px;white-space:normal}.condshortwrap{display:table}.condshortwrap div{display:table-cell;vertical-align:middle;width:130px;height:56px;line-height:22px}@media screen and (max-width:900px){.condshort .condicon{width:35px;height:35px;margin-top:12px}.condshortwrap div{display:table-cell;vertical-align:middle;width:130px}}@media screen and (max-width:400px){.condshortwrap div{display:table-cell;vertical-align:middle;width:85px;font-size:12px;line-height:14px}.condshort .condicon{margin-right:2px}}.citieslist{width:320px}.citieslist .citieslistitem div{display:inline-block;vertical-align:top}.citieslist .citieslistitem{height:38px;border-bottom:1px solid #dfe1e5;margin:0 25px;padding:0 5px;line-height:38px}.citieslist .citieslistitem:last-child{border-bottom:none}.citieslist .citieslistitem .condshort .condicon{margin:0 10px 0 0;padding:0;width:35px;height:35px}.citieslist .citieslistitem .citieslistlabel{width:190px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.citieslist .citieslistwithoutinfo.citieslistitem .citieslistlabel{width:260px}.citieslist .citieslistitem.citieslistwithoutinfo .citieslisttemp,.citieslist .citieslistitem.citieslistwithoutinfo .condshort{display:none}.recentlist{width:320px}.recentlist label{padding:0 15px;color:#7f7f7f;text-transform:uppercase;display:block;height:40px;line-height:40px;letter-spacing:.5px;font-size:15px}