*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Arial,sans-serif;background-color:#f4f4f4;margin:0}.top-menu{display:flex;justify-content:space-between;align-items:center;background-color:#2c3e50;color:#fff;padding:10px}.menu-icon{font-size:1.5rem;cursor:pointer;z-index:1001;position:relative}.city-name{font-size:1.25rem;white-space:nowrap;overflow:hidden}.city-name a{text-decoration:none;color:inherit;font-weight:bold}.logo-container img{height:50px;width:50px}.logo-container a{text-decoration:none;color:inherit;display:block}.side-menu{position:fixed;left:0;top:0;width:250px;height:100%;background-color:#34495e;overflow-x:hidden;transition:.5s;padding-top:60px;z-index:1000}.side-menu a{padding:10px 15px;text-decoration:none;font-size:1.375rem;color:#fff;display:block;transition:.3s;border-bottom:1px solid #576777}.side-menu a:hover{background-color:#1abc9c}.hidden{left:-250px}.openSearch{height:50px;border-style:none;outline:none;overflow:hidden}.flexboxinside{display:flex;position:relative;justify-content:center;align-items:center}.inputSearch{border-style:none;border-bottom-style:none;padding:10px;font-size:1.125rem;letter-spacing:2px;outline:none;border-radius:25px;transition:all .5s ease-in-out;background-color:#22a6b3;color:#fff;width:100%;border-radius:0;background-color:transparent;border-bottom:1px solid rgba(255,255,255,.5);transition:all 500ms cubic-bezier(0,.11,.35,2);height:50px;padding-right:40px}.inputSearch::placeholder{color:rgba(255,255,255,.5);font-size:1.125rem;letter-spacing:2px;font-weight:100}.inputSearch:focus{border-bottom:1.5px solid rgba(255,255,255,.86);transition:all 500ms cubic-bezier(0,.11,.35,2)}.btnSearch{width:50px;height:50px;outline:none;color:#fff;background-color:transparent;background:url('/img/searchbtn.svg') no-repeat center center;background-size:auto;background-size:20px 20px;border-radius:0 22px 22px 0;cursor:pointer;border:none;margin-left:-45px}.divSearchImg{display:none;width:50px;height:50px;border-style:none;font-size:1.25rem;font-weight:bold;outline:none;cursor:pointer;border-radius:50%;color:#fff;pointer-events:painted;background:url('/img/searchbtn.svg') no-repeat center center;background-size:20px 20px;background-color:#22a6b3}.container{max-width:900px;margin:8px auto;padding:5px;position:relative;min-height:33px}.temperature-switch{display:flex;background-color:#202020;border-radius:30px;overflow:hidden;font-family:Arial,sans-serif;margin:auto;max-width:140px;background-color:#303030}.temperature-switch a:hover{background-color:inherit}.temperature-switch .option{flex:1;padding:5px 25px;cursor:pointer;font-size:1.063rem;font-weight:bold;letter-spacing:.5px;color:#f57c00;text-align:center;transition:background-color .3s,color .3s,border-radius .3s;text-decoration:none;border:none;background:none;outline:none}.temperature-switch .option.active{background-color:#f57c00;color:#fff;border-radius:30px;box-shadow:inset 0 0 10px rgba(0,0,0,.1)}.page-content{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;min-height:calc(100vh - 149px)}.mainFirst{max-width:900px;width:100%;margin:auto}.site-footer{background-color:#333;color:#fff;text-align:center;padding:10px}.site-footer p{margin:5px auto;border:1px solid #ffffff4f;border-radius:4px;color:#ffdc17;border-right:none;border-left:none;padding:5px 0;max-width:500px}.public{font-size:.813rem;color:#fffaf0}#listViewContainer{position:absolute;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:1000;max-height:300px;overflow-y:auto;border-radius:5px;display:none;color:#555}.suggestion-item{cursor:pointer;border-bottom:1px solid #ddd;transition:background-color .3s ease}.suggestion-item a{text-decoration:none;color:#555;display:block;width:100%;height:100%;padding:15px 10px}.suggestion-item:hover{background-color:#f0f0f0}.suggestion-item a:hover{}.aspNetDisabled{visibility:hidden!important;display:none!important;height:0!important;width:0!important}@media(min-width:600px){.inputSearch{max-width:90%}.top-menu .menu-icon{display:initial}}@media(max-width:600px){.divSearchImg{display:block}.flexboxinside{display:none;margin:auto;width:100%}.inputSearch{flex-grow:1}}@media(max-width:385px){.public{font-size:.75rem}}