@import 'https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap';*{box-sizing:border-box;margin:0;padding:0;font-family:roboto,sans-serif}a{text-decoration:none}.clear{clear:both}body{background-color:#f2f2f2;min-width:320px;overflow-x:hidden}header{width:100%;background-color:#fff;margin-bottom:10px}.header-con{max-width:1200px;width:100%;padding:10px;margin:auto;display:flex;justify-content:space-between;align-items:center}h1{font-size:22px}h1{font-size:22px;margin-top:5px}.logo-con{max-width:max-content}.logo,.logo:hover,.logo div{position:relative;display:inline-block;font-size:15px;color:#000;font-weight:500;text-decoration:none;margin:9px 0 7px 14px;line-height:20px}.logo img{width:190px}.logo div{display:block}.logo div b{letter-spacing:1px;font-size:22px;color:#000;font-weight:500;background:#fff;background-color:transparent}.logo:before{position:absolute;top:-8px;left:0;content:"";background-color:#fed953;width:50px;height:50px;border-radius:50%;transition:all .3s ease;z-index:0;box-sizing:content-box}.logo6:hover:before{transform:scale(1.1);background-color:#fed953}.searchBar{width:calc(100% - 600px);height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;background-color:#f5f5f5;overflow:hidden;border-radius:5px}.intupSearch{width:calc(100% - 40px);height:40px;padding-left:10px;padding-right:10px;float:right;caret-color:#223542;font-size:15px;background-color:transparent;outline:none;border:0;border-top-left-radius:3px;border-bottom-left-radius:3px;outline-color:teal;color:#223542}.buttonSearch{min-width:40px;height:40px;outline:none;border:0;background-color:transparent;border-top-right-radius:3px;border-bottom-right-radius:3px;float:left;cursor:pointer}.buttonSearch:hover .buttonSearch i{color:#eed0c6}.buttonSearch i{color:gray}.lang-menu{width:max-content;text-align:right;font-weight:700;position:relative}.lang-menu .selected-lang{display:flex;justify-content:space-between;line-height:2;cursor:pointer;color:#000;background-color:#f5f5f5;padding:3px 13px;border-radius:5px}.lang-menu .selected-lang:before{display:inline-block}.selected-lang:before{margin-right:10px}.lang-menu ul{margin:0;padding:0;display:none;background-color:#fff;border:1px solid #f8f8f8;position:absolute;top:35px;right:0;width:102px;border-radius:5px;box-shadow:0 1px 10px rgba(0,0,0,.2)}.lang-menu ul li{list-style:none;text-align:left;display:flex;justify-content:space-between}.lang-menu ul li a{text-decoration:none;width:100px;padding:8px 19px;display:block}.lang-menu ul li:hover{background-color:#f2f2f2}.lang-menu ul li:nth-child(1) a:before{display:inline-block;width:25px;vertical-align:middle;margin-right:10px;background-size:contain;background-repeat:no-repeat}.lang-menu ul li:nth-child(2) a:before{content:'';display:inline-block;width:25px;vertical-align:middle;margin-right:10px;background-size:contain;background-repeat:no-repeat}.ru:before{background-image:url(https://www.countryflags.io/ru/flat/32.png)}.lang-menu:hover ul{display:block}.container{max-width:1200px;width:100%;padding:10px;margin:auto}.regions-con{padding:20px;background-color:#fff;border-radius:8px;margin-bottom:20px}ul.regions{display:inline-block;padding:0;margin:0}ul.regions li{display:inline}ul.regions li a{color:#979797;float:left;padding:6px 12px;text-decoration:none;transition:.2s;border-radius:4px;background-color:#f5f5f5;margin:3px;font-weight:500;font-size:14px}ul.regions li a.active{background-color:#2688eb;color:#fff}ul.regions li a:hover:not(.active){background-color:#2688eb;color:#fff}.weath-con{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.left-side{width:450px}.right-side{width:calc(100% - 470px)}.today{background-color:green;width:100%;background-color:#fff;border-radius:8px;overflow:hidden;margin-bottom:20px}.td-date{padding:20px}.td-reg{font-weight:500;color:#223542;margin:0;font-size:25px;margin-bottom:10px}.td-th-date{font-weight:500;color:gray;font-size:16px;margin-bottom:20px}.td-picture{width:100%;height:150px;overflow:hidden;position:relative}.iconImg{top:50px;left:105px;width:70px;height:50px;overflow:hidden;position:absolute}.picture{position:absolute;width:100%}.degrees{font-size:40px;color:#fff;position:absolute;top:55px;left:20px}.hr{width:100%;height:1px;background-color:#d3d3d3}.td-info-ul{padding:20px;padding-top:0;list-style:none;columns:2}.td-info-ul li{margin-bottom:10px;font-size:16px}.td-place-holder{color:gray}.felt{font-size:14px;color:#dbdbdb}.status{font-size:14px;color:#dbdbdb;position:absolute;top:100px;left:103px}.in-other-regions{width:100%;padding:20px;background-color:#fff;border-radius:8px;margin-bottom:20px}.week-list{width:100%;margin-bottom:20px}.weekly-con{width:100%;background-color:#fff;border-radius:8px;overflow:hidden;margin-bottom:20px}.other-regions-title{font-weight:500;font-size:20px;margin-bottom:20px}.other-info-ul{padding-top:0;list-style:none;columns:2}.other-info-ul li{margin-bottom:10px;font-size:16px}.other-info-ul li a{color:#000}.other-place-holder{color:gray}.week-list-title{text-align:center;font-size:20px;font-weight:500;margin-bottom:20px}.weekly-top{background:#91b2cf;background:linear-gradient(90deg,rgba(145,178,207,1) 0%,rgb(13 133 236) 100%);padding:20px;margin-bottom:20px}.weekly-degrees{width:50%;overflow:hidden;float:left;font-weight:400;color:#fff}.weekly-degrees span{font-size:14px}.weekly-date{text-align:end;width:50%;overflow:hidden;float:right;font-size:18px;font-weight:400;color:#fff}footer{background-color:#fff;padding:20px;border-radius:8px}footer a{margin-right:5px;color:#000}footer a::after{content:'';margin-left:5px}footer a:last-child::after{margin-left:0;content:''}footer a:last-child{margin-right:0}footer span{float:right}@media(max-width:1000px){body{overflow-x:hidden}.searchBar{width:calc(100% - 400px)}.left-side{width:100%}.picture{height:450px}.right-side{width:100%}.td-info-ul{columns:3}}@media(max-width:625px){body{overflow-x:hidden}.td-info-ul{columns:2}.searchBar{position:absolute;top:70px;width:calc(100% - 20px);height:40px;min-width:340px}.header-con{height:120px;align-items:flex-start}.lang-menu{top:8px}.picture{height:300px}.other-info td:last-child{display:none}.other-info table td{width:33%}}.logo img{margin-top:-10px}.about{background-color:#fff;padding:20px;border-radius:8px;margin-bottom:8px}.about span{float:right}.about ul{padding-left:30px}table td{width:33%;border-bottom:1px solid #e5e5e5}table tr{border-bottom:4px dotted blue}table td img{display:inline}table{display:inline}ul li img{width:20px}.navigation{margin:30px 0;text-align:center}.navigation span,.navigation a{background-color:#fff;padding:15px;border-radius:8px;margin-bottom:8px}.hisoblagich{display:none}.thistime{margin:0 auto;font-size:66px}@media(max-width:540px){.logo img{width:160px}.logo img{margin-top:0}.searchBar{position:absolute;top:70px;width:calc(100% - 20px);height:40px;min-width:1px}.other-info table td{padding-right:100px;border-bottom:1px solid #e5e5e5}}@media(max-width:428px){.logo img{width:160px}.logo img{margin-top:0}.searchBar{position:absolute;top:70px;width:calc(100% - 20px);height:40px;min-width:1px}.other-info table td{padding-right:60px;border-bottom:1px solid #e5e5e5}}@media(max-width:412px){.logo img{width:160px}.logo img{margin-top:0}.searchBar{position:absolute;top:70px;width:calc(100% - 20px);height:40px;min-width:1px}.other-info table td{padding-right:50px;border-bottom:1px solid #e5e5e5}}@media(max-width:390px){.logo img{width:160px}.logo img{margin-top:0}.searchBar{position:absolute;top:70px;width:calc(100% - 20px);height:40px;min-width:1px}.other-info table td{padding-right:50px;border-bottom:1px solid #e5e5e5}}@media(max-width:360px){.logo img{width:160px}.logo img{margin-top:0}.searchBar{position:absolute;top:70px;width:calc(100% - 20px);height:40px;min-width:1px}.other-info table td{padding-right:50px;border-bottom:1px solid #e5e5e5}}@media(max-width:320px){.logo img{width:140px}.logo img{margin-top:0}.other-info table td{padding-right:30px;border-bottom:1px solid #e5e5e5}.other-info-ul li{margin-bottom:10px;font-size:12px}}@media(max-width:280px){.logo img{width:140px}.logo img{margin-top:0}.other-info table td{padding-right:0;border-bottom:1px solid #e5e5e5}}