

#bread-crumbs li:last-child:after,
#weather-now-info:after {
    content: ""
}

#weather-now-info p,
#weather-now-info p span {
    text-shadow: 0 1px 0 #fff;
    position: relative;
    line-height: 14px
}

#weather-now {
    overflow: hidden;
    margin-top: 10px
}

#weather-now-info:after {
    background: #fff2d5;
    height: 35px;
    left: 0;
    position: absolute;
    top: 0;
    width: 210px;
    z-index: 1
}

#weather-now-info {
    background: #fffbf2;
    border: 2px solid #fff2d5;
    color: #333;
    float: left;
    height: 91px;
    margin-right: 12px;
    position: relative;
    width: 210px
}

#weather-now-info p {
    display: block;
    z-index: 2;
    left: -2px;
    top: -2px;
    font-size: 22px;
    height: 22px;
    overflow: hidden;
    padding: 14px 0 1px;
    margin-left: 45px
}

#weather-now-info p span {
    font-size: 11px;
    color: #4d4b46;
    font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    float: right;
    top: -7px;
    right: 8px
}

#weather-now-info p span em {
    font-size: 10px;
    float: right;
    font-style: normal
}

#weather-now-info p span em span {
    position: relative;
    right: 3px;
    top: 2px;
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMS43NzIgMzEuNzcyIiBmaWxsPSIjNGQ0YjQ2Ij4NCg0KCTxwYXRoIGQ9Ik0xNS44ODcsMEM3LjExMywwLDAsNy4xMTUsMCwxNS44ODljMCw4Ljc3LDcuMTEzLDE1Ljg4MywxNS44ODcsMTUuODgzYzguNzczLDAsMTUuODg0LTcuMTEzLDE1Ljg4NC0xNS44ODMNCgkJQzMxLjc3MSw3LjExNSwyNC42NiwwLDE1Ljg4NywweiBNMTUuODg3LDI2Ljk0N2MtNi4xLDAtMTEuMDY0LTQuOTYxLTExLjA2NC0xMS4wNTljMC02LjEwNCw0Ljk2NC0xMS4wNjgsMTEuMDY0LTExLjA2OA0KCQljNi4xMDEsMCwxMS4wNjEsNC45NjUsMTEuMDYxLDExLjA2OEMyNi45NDgsMjEuOTg2LDIxLjk4NywyNi45NDcsMTUuODg3LDI2Ljk0N3oiLz4NCgk8cGF0aCBkPSJNMTcuMjUzLDE1LjAxMmwwLjAwMS02LjEzM2MwLTAuNzU0LTAuNjExLTEuMzYzLTEuMzY3LTEuMzYzYy0wLjc1OCwwLTEuMzcsMC42MDktMS4zNywxLjM2M3Y2LjEzM3YyLjczNHYwLjAwMmgyLjczNg0KCQl2LTAuMDAybDYuMTM0LDAuMDAyYzAuNzUyLDAsMS4zNjYtMC42MTEsMS4zNjYtMS4zNjdjMC0wLjc1OC0wLjYxNC0xLjM2OS0xLjM2Ni0xLjM2OUMyMy4zODgsMTUuMDEyLDE3LjI1MywxNS4wMTIsMTcuMjUzLDE1LjAxMnoNCgkJIi8+DQo8L3N2Zz4NCg==) no-repeat;
    float: left;
    background-size: 11px 11px
}

#thermometer div,
.thermometer {
    position: absolute;
    height: 79px
}

#thermometer {
    position: absolute;
    margin-top: -1px;
    z-index: 2;
    left: -2px
}

#thermometer div {
    z-index: 3;
    margin: 8px 0 0 8px
}

.thermometer {
    width: 33px;
    z-index: 2
}

.thermometer-numbers {
    width: 17px;
    height: 79px
}

.thermometer-numbers b {
    font: normal 400 10px/10px Tahoma;
    color: #8b8b8b;
    display: block
}

.thermometer-numbers b:nth-child(1) {
    height: 22px
}

.thermometer-numbers b:nth-child(1):before {
    content: '40';
    position: relative;
    top: -1px;
    left: -2px
}

.thermometer-numbers b:nth-child(1) i:after,
.thermometer-numbers b:nth-child(1):after {
    position: relative;
    content: '';
    background: #8b8b8b;
    height: 1px;
    display: block;
    overflow: hidden
}

.thermometer-numbers b:nth-child(1):after {
    width: 4px;
    top: -7px;
    left: 11px
}

.thermometer-numbers b:nth-child(1) i {
    background: #8b8b8b;
    width: 2px;
    height: 1px;
    position: relative;
    top: 2px;
    left: 13px;
    display: block
}

.thermometer-numbers b:nth-child(1) i:after {
    width: 4px;
    top: 8px;
    left: -2px
}

.thermometer-numbers b:nth-child(2) {
    height: 23px
}

.thermometer-numbers b:nth-child(2):before {
    content: '0';
    position: relative;
    top: 9px;
    left: 3px
}

.thermometer-numbers b:nth-child(2) i:after,
.thermometer-numbers b:nth-child(2):after {
    position: relative;
    content: '';
    background: #8b8b8b;
    height: 1px;
    display: block;
    overflow: hidden
}

.thermometer-numbers b:nth-child(2):after {
    width: 2px;
    top: -5px;
    left: 13px
}

.thermometer-numbers b:nth-child(2) i {
    background: #8b8b8b;
    width: 4px;
    height: 1px;
    position: relative;
    top: 4px;
    left: 11px;
    display: block
}

.thermometer-numbers b:nth-child(2) i:after {
    width: 2px;
    top: 8px;
    left: 2px
}

.thermometer-numbers b:nth-child(3) {
    height: 27px
}

.thermometer-numbers b:nth-child(3):before {
    content: '40';
    position: relative;
    top: 18px;
    left: -2px
}

.thermometer-numbers b:nth-child(3) i:after,
.thermometer-numbers b:nth-child(3):after {
    content: '';
    background: #8b8b8b;
    height: 1px;
    display: block;
    overflow: hidden;
    position: relative
}

.thermometer-numbers b:nth-child(3):after {
    width: 4px;
    top: -4px;
    left: 11px
}

.thermometer-numbers b:nth-child(3) i {
    background: #8b8b8b;
    width: 2px;
    height: 1px;
    position: relative;
    top: 5px;
    left: 13px;
    display: block
}

.thermometer-numbers b:nth-child(3) i:after {
    width: 4px;
    top: 8px;
    left: -2px
}

.water-t .thermometer-numbers b:nth-child(3):before {
    content: '0';
    left: 4px
}

.water-t .thermometer-numbers b:nth-child(2):before {
    content: '20';
    left: 0
}

.thermometer-scale {
    border-radius: 4px 4px 0 0;
    height: 77px;
    left: 23px;
    position: relative;
    width: 6px;
    z-index: 9
}

.thermometer-scale:after,
.thermometer-scale:before {
    content: '';
    display: block;
    position: relative
}

.thermometer-scale:after {
    background: #fff;
    height: 61px;
    left: 2px;
    opacity: .6;
    top: -1px;
    width: 1px
}

.thermometer-scale:before {
    background: radial-gradient(ellipse farthest-corner at center center, #fff 0, #ee0d0d 100%);
    border-radius: 2px;
    height: 4px;
    top: 67px;
    width: 4px
}

.thermometer-scale.blue:before {
    background: radial-gradient(ellipse farthest-corner at center center, #fff 0, #0f8abe 100%)
}

#thermometer span {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: loading;
    animation-name: loading;
    background: #ee0d0d;
    bottom: -16px;
    margin: 0 0 10px 31px;
    max-height: 74px;
    position: absolute;
    width: 6px;
    z-index: 1
}

#thermometer em:after {
    background: #ee0d0d;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 0 1px #b8b7b7;
    box-shadow: 0 0 0 1px #b8b7b7;
    content: '';
    display: block;
    height: 12px;
    left: -3px;
    position: absolute;
    top: 67px;
    width: 12px
}

.thermometer em,
.thermometer em:before {
    display: block;
    position: relative;
    width: 6px
}

#thermometer span#blue+em:after {
    background: #0f8abe
}

.thermometer em {
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 0 2px #afafaf inset, 0 0 0 1px #ccc;
    box-shadow: 0 0 2px #afafaf inset, 0 0 0 1px #ccc;
    height: 77px;
    left: 31px;
    top: 8px
}

.thermometer em:before {
    background: #ee0d0d;
    content: '';
    height: 4px;
    top: 64px;
    z-index: 2
}

.balun:after,
.map-bal:after,
.map:before {
    content: ""
}

.thermometer span#blue+em:before {
    background: #0f8abe
}

#thermometer span#blue {
    background: #0f8abe
}

#weather-now-icon {
    position: relative;
    top: 1px;
    left: -90px;
    float: left;
    display: inline-block
}

#weather-now-number {
    font-size: 36px;
    color: #000;
    margin: 7px 0 0 43px;
    font-weight: 400;
    float: left;
    width: 90px;
    position: relative;
    overflow: hidden;
    left: 56px
}

#weather-now-number span {
    font-size: 22px;
    left: 1px;
    position: relative;
    top: -10px
}

.water-now {
    width: 26px;
    height: 26px;
    font-size: 12px;
    text-align: center;
    line-height: 11px;
    color: #0085d8;
    position: absolute;
    top: 65px;
    right: 5px;
    overflow: hidden;
    text-indent: -2px;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
}

.water-now.tzd {
    text-indent: 6px
}

.water-now svg {
    position: absolute;
    width: 15px;
    bottom: 0;
    left: 7px
}

a.water-now:hover svg {
    fill: #d50404
}

#weather-now-description {
    float: left;
    width: 188px;
    overflow: hidden
}

#weather-now-description dl {
    margin-top: 1px;
    font-size: 13px;
    overflow: hidden;
    height: 79px;
    -webkit-transition: 350ms ease-in-out;
    transition: 350ms ease-in-out
}

#weather-now-description dl.lf {
    height: 98px
}

#weather-now-description dt {
    float: left;
    width: 100px;
    color: #616161;
    overflow: hidden;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxMCI+PHJlY3QgZmlsbD0iI0Q4RDhEOCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIi8+PC9zdmc+) 0 10px/3px 1px repeat-x
}

#weather-now-description dt span {
    background: #fff;
    padding-right: 5px;
    padding-left: 1px
}

#weather-now-description dd {
    width: 85px;
    overflow: hidden;
    height: 16px;
    margin-bottom: 4px;
    padding-left: 1px
}

.more-data {
    color: #1872cb;
    cursor: pointer;
    padding-left: 1px;
    margin-bottom: 10px;
    font-size: 13px;
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjMzMzIj48cGF0aCBkPSJNMTQuODMgMTYuNDJsOS4xNyA5LjE3IDkuMTctOS4xNyAyLjgzIDIuODMtMTIgMTItMTItMTJ6Ii8+PHBhdGggZD0iTTAtLjc1aDQ4djQ4aC00OHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right -2px;
    padding-right: 21px
}

.more-data.close {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzMzMyI+PHBhdGggZD0iTTE0LjgzIDMwLjgzbDkuMTctOS4xNyA5LjE3IDkuMTcgMi44My0yLjgzLTEyLTEyLTEyIDEyeiIvPjxwYXRoIGQ9Ik0wIDBoNDh2NDhoLTQ4eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    position: relative;
    top: -1px
}

#weather-now-links {
    float: left
}

#weather-now-links ol {
    font-size: 13px;
    overflow: hidden;
    height: 95px
}

#weather-now-links ol li {
    height: 16px;
    margin-bottom: 4px;
    width: 260px;
    padding-left: 18px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzIDExIj4NCjxyZWN0IGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjExIi8+DQo8cG9seWdvbiBmaWxsPSIjN0M3RjgwIiBwb2ludHM9IjAsMC45ODQzNzUgMSwwLjk4NDM3NSAxLDEuOTg0Mzc1IDIsMS45ODQzNzUgMiwyLjk4NDM3NSAzLDIuOTg0Mzc1IDMsMy45ODQzNzUgMiwzLjk4NDM3NSANCgkyLDQuOTg0Mzc1IDEsNC45ODQzNzUgMSw1Ljk4NDM3NSAwLDUuOTg0Mzc1ICIvPg0KPC9zdmc+DQo=) 10px 4px/3px 11px no-repeat
}

.gr-one-day,
.weather-property-tab {
    margin: 0 auto
}

#weather-now-links ol li a {
    overflow: hidden;
    height: 16px;
    display: inline-block
}

#weather-now-linkActive {
    background: #2fbbf6;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px #1e86b2 inset;
    box-shadow: 0 1px 2px #1e86b2 inset;
    color: #fff;
    display: inline-block;
    height: 17px;
    left: -10px;
    overflow: hidden;
    padding: 2px 10px 0;
    position: relative;
    text-shadow: 0 1px 0 #238cb8
}

.weather-today {
    width: 100%;
    border: none;
    border-collapse: collapse;
    font-size: 12px
}

#weather-day,
#weather-feeling,
#weather-humidity,
#weather-pressure,
#weather-probability,
#weather-property,
#weather-temperature,
#weather-wind,
.t-weather-day,
.t-weather-pressure,
.t-weather-property,
.t-weather-temperature,
.t-weather-wind,
.weather_day,
.weather_feeling,
.weather_humidity,
.weather_pressure,
.weather_temperature,
.weather_wind {
    color: #616161;
    border-bottom: 1px solid #f2f2f2;
    line-height: 15px;
    padding: 3px 0 9px;
    text-align: center
}

.gr-one-day {
    width: 728px;
    height: 350px;
    overflow: hidden
}

#weather-day,
.t-weather-day,
.weather_day {
    width: 67px
}

#weather-temperature,
.t-weather-temperature,
.weather_temperature {
    width: 165px
}

#weather-property,
.t-weather-property {
    width: 185px
}

#weather-property.txLeft {
    text-align: left
}

#weather-feeling,
.weather_feeling {
    width: 93px
}

#weather-probability {
    width: 104px
}

#weather-pressure,
.t-weather-pressure,
.weather_pressure {
    width: 88px;
    text-align: center
}

#weather-humidity,
#weather-wind,
.t-weather-wind,
.weather_humidity,
.weather_wind {
    width: 92px;
    text-align: center
}

.day,
.evening,
.morning,
.night {
    background: #fffaed
}

.fourteen-d {
    background: #fffaed
}

.fourteen-n {
    background: #fffaed
}

.hourly-1 {
    background: #fffaed
}

.hourly-2 {
    background: #fffaed
}

.weather-day,
.weather-feeling,
.weather-humidity,
.weather-pressure,
.weather-probability,
.weather-property,
.weather-temperature,
.weather-wind {
    border-bottom: 1px solid #f2f2f2;
    height: 64px;
    line-height: 20px
}

.weather-day {
    font-size: 18px;
    padding-left: 15px;
    width: 52px
}

.weather-temperature {
    font-size: 28px;
    width: 145px;
    line-height: 29px;
    padding-left: 20px
}

.archive_c {
    width: 165px;
    padding-left: 0;
    text-align: center
}

.weather-temperature img {
    position: relative;
    top: 4px;
    right: 0
}

.weather-temperature span {
    position: relative;
    top: -11px;
    left: 7px
}

h2.o-d+.weather-today+.weather-today .weather-temperature {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px
}

h2.o-d+.weather-today+.weather-today .weather-feeling {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 24px
}

h2.o-d+.weather-today+.weather-today .weather-pressure {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 18px
}

h2.o-d+.weather-today+.weather-today .weather-wind {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 40px
}

h2.o-d+.weather-today+.weather-today .weather-humidity {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 9px
}

.weather-wind img,
.wwi {
    top: 1px;
    margin-right: 6px;
    position: relative
}

td.weather-wind span.wwi.tooltip {
    top: -9px
}

td.weather-wind span.tooltip {
    top: -2px;
    position: relative
}

#min-max-temp div span a,
.reg-list,
.weather-city-item span img {
    top: -2px;
    position: relative
}

h2.o-d+.weather-today+.weather-today .weather-wind>.wwi {
    left: -5px;
    position: relative
}

.red {
    color: #d32f2f
}

.weather-property {
    line-height: 13px;
    width: 185px
}

.weather-characteristics {
    font-size: 14px;
    line-height: 18px
}

.weather-feeling,
.weather-humidity,
.weather-pressure,
.weather-probability,
.weather-wind {
    font-size: 18px;
    text-align: center
}

.weather-feeling {
    width: 93px
}

.weather-probability {
    width: 104px
}

.weather-pressure {
    width: 88px
}

.weather-wind {
    width: 92px;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 3%
}

#vertical_tabs+.weather-today {
    position: relative;
    top: 2px
}

.wwi {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAyMzAiIGZpbGw9IiMzMzMiPg0KPHBvbHlsaW5lIHBvaW50cz0iMC4zMTE1MjM0LDExLjQ5MDcyMjcgMTEuNTUzNzEwOSwxNi4yODYxMzI4IDkuODEzNDc2NiwxMS40OTA3MjI3IDExLjU1MzcxMDksNi42OTgyNDIyICIvPg0KPHBvbHlsaW5lIHBvaW50cz0iMTEuNzczNDM3NSwyMjAuODI0MjE4OCAwLjUzMTI1LDIyNS42MjAxMTcyIDIuMjcwOTk2MSwyMjAuODI0MjE4OCAwLjUzMTI1LDIxNi4wMzIyMjY2ICIvPg0KPHBvbHlsaW5lIHBvaW50cz0iNS44ODg2NzE5LDQ2LjA3MjI2NTYgMTAuNjg0NTcwMywzNC44MzAwNzgxIDUuODg4NjcxOSwzNi41Njk4MjQyIDEuMDk2Njc5NywzNC44MzAwNzgxICIvPg0KPHBvbHlsaW5lIHBvaW50cz0iNi4wMDE5NTMxLDEyNS4zMzEwNTQ3IDEuMjA2MDU0NywxMzYuNTcyMjY1NiA2LjAwMTk1MzEsMTM0LjgzMjAzMTMgMTAuNzkzOTQ1MywxMzYuNTcyMjY1NiAiLz4NCjxwb2x5bGluZSBwb2ludHM9IjAuMzMxMDU0NywxNTUuMjk0OTIxOSA0Ljg4ODY3MTksMTY2LjYzNDc2NTYgNy4wNDk4MDQ3LDE2Mi4wMTM2NzE5IDExLjY2ODk0NTMsMTU5Ljg1NTQ2ODggIi8+DQo8cG9seWxpbmUgcG9pbnRzPSIxMS41NzMyNDIyLDE4NC45MDAzOTA2IDcuMDE1NjI1LDE5Ni4yNDAyMzQ0IDQuODU0NDkyMiwxOTEuNjE4MTY0MSAwLjIzNTM1MTYsMTg5LjQ1OTk2MDkgIi8+DQo8cG9seWxpbmUgcG9pbnRzPSIwLjE1MzMyMDMsNzUuODU0NDkyMiAxMS44NDc2NTYzLDcyLjMwMTI2OTUgNy40MzI2MTcyLDY5Ljc0NjU4MiA1LjY4NDU3MDMsNjQuOTU3MDMxMyAiLz4NCjxwb2x5bGluZSBwb2ludHM9IjExLjg0NjY3OTcsMTA2LjYzNzY5NTMgMC4xNTIzNDM4LDEwMy4wODQ0NzI3IDQuNTY3MzgyOCwxMDAuNTI5Nzg1MiA2LjMxNTQyOTcsOTUuNzQwMjM0NCAiLz4NCjwvc3ZnPg0K) left top no-repeat;
    display: inline-block;
    width: 15px;
    height: 20px;
    background-size: 12px 230px
}

.wwi.E {
    background-position: 0 1px
}

.wwi.N {
    background-position: 0 -28px
}

.wwi.NE {
    background-position: 0 -59px
}

.wwi.NW {
    background-position: 0 -89px
}

.wwi.S {
    background-position: 0 -118px
}

.wwi.SE {
    background-position: 0 -149px
}

.wwi.SW {
    background-position: 0 -178px
}

.wwi.W {
    background-position: 0 -209px
}

.weather-humidity {
    width: 92px
}

#weather-cities {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px
}

#weather-cities h3 {
    margin-bottom: 15px
}

#weather-cities-l {
    width: 48%;
    float: left;
    margin-right: 4%
}

.weather-city-item {
    display: block;
    margin: 0;
    font-size: 15px;
    padding: 4px 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxMCI+PHJlY3QgZmlsbD0iI0Q4RDhEOCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIi8+PC9zdmc+) 0 17px/3px 1px repeat-x;
    overflow: hidden;
    height: 24px
}

#about,
#agreement,
#data span,
#feedback,
.weather-city-item a,
.weather-city-item-number,
.wi-24 {
    display: inline-block
}

.weather-city-item-number {
    position: relative;
    left: 25px;
    width: 33px;
    padding: 0;
    margin: 0;
    float: left;
    font-weight: 400
}

.weather-cities-l {
    margin-right: 5%
}

.weather-cities-l,
.weather-cities-r {
    float: left;
    width: 30%
}

.weather-city-item.capital {
    font-weight: 700
}

.weather-city-item a {
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    padding-right: 2px;
    height: 20px;
    max-width: 68%;
    overflow: hidden
}

.weather-city-item span>span {
    float: right;
    left: -34px;
    position: relative;
    top: -4px
}

.fav-list {
    margin-right: 2px;
    float: left;
    left: -2px;
    position: relative;
    top: -3px
}

#wrapper .wi-24,
.wi,
.wrapper .wi-24 {
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: 24px 1822px
}

.wi-24.d000 {
    background-position: 0 0
}

.wi-24.d100 {
    background-position: 0 -29px
}

.wi-24.d200 {
    background-position: 0 -58px
}

.wi-24.d210 {
    background-position: 0 -87px
}

.wi-24.d211 {
    background-position: 0 -116px
}

.wi-24.d212 {
    background-position: 0 -174px
}

.wi-24.d220 {
    background-position: 0 -638px
}

.wi-24.d221 {
    background-position: 0 -203px
}

.wi-24.d222 {
    background-position: 0 -232px
}

.wi-24.d240,
.wi-24.d241,
.wi-24.d242,
.wi-24.d243 {
    background-position: 0 -261px
}

.wi-24.d300 {
    background-position: 0 -290px
}

.wi-24.d310 {
    background-position: 0 -319px
}

.wi-24.d311 {
    background-position: 0 -348px
}

.wi-24.d312 {
    background-position: 0 -377px
}

.wi-24.d320 {
    background-position: 0 -406px
}

.wi-24.d321 {
    background-position: 0 -435px
}

.wi-24.d322 {
    background-position: 0 -464px
}

.wi-24.d340,
.wi-24.d341 {
    background-position: 0 -493px
}

.wi-24.d400 {
    background-position: 0 -522px
}

.wi-24.d410,
.wi-24.d415 {
    background-position: 0 -551px
}

.wi-24.d411 {
    background-position: 0 -580px
}

.wi-24.d412 {
    background-position: 0 -609px
}

.wi-24.d420,
.wi-24.d423 {
    background-position: 0 -638px
}

.wi-24.d421,
.wi-24.d424,
.wi-24.d425 {
    background-position: 0 -667px
}

.wi-24.d422 {
    background-position: 0 -696px
}

.wi-24.d430,
.wi-24.d433,
.wi-24.d434,
.wi-24.d435,
.wi-24.d436,
.wi-24.d437,
.wi-24.d438,
.wi-24.d439,
.wi-24.d441,
.wi-24.d442 {
    background-position: 0 -725px
}

.wi-24.d431 {
    background-position: 0 -1566px
}

.wi-24.d432,
.wi-24.d443,
.wi-24.d444 {
    background-position: 0 -783px
}

.wi-24.d440,
.wi-24.d445,
.wi-24.d446,
.wi-24.d447 {
    background-position: 0 -812px
}

.wi-24.d500,
.wi-24.d501,
.wi-24.d502,
.wi-24.d503,
.wi-24.d504,
.wi-24.d505 {
    background-position: 0 -841px
}

.wi-24.d600,
.wi-24.d601,
.wi-24.d602,
.wi-24.d603 {
    background-position: 0 -870px
}

.wi-24.n000 {
    background-position: 0 -899px
}

.wi-24.n100 {
    background-position: 0 -928px
}

.wi-24.n200 {
    background-position: 0 -957px
}

.wi-24.n210 {
    background-position: 0 -986px
}

.wi-24.n211 {
    background-position: 0 -1015px
}

.wi-24.n212 {
    background-position: 0 -1044px
}

.wi-24.n220 {
    background-position: 0 -1537px
}

.wi-24.n221 {
    background-position: 0 -1102px
}

.wi-24.n222 {
    background-position: 0 -1131px
}

.wi-24.n240,
.wi-24.n241,
.wi-24.n242,
.wi-24.n243 {
    background-position: 0 -1160px
}

.wi-24.n300 {
    background-position: 0 -1189px
}

.wi-24.n310 {
    background-position: 0 -1218px
}

.wi-24.n311 {
    background-position: 0 -1247px
}

.wi-24.n312 {
    background-position: 0 -1276px
}

.wi-24.n320 {
    background-position: 0 -1305px
}

.wi-24.n321 {
    background-position: 0 -1334px
}

.wi-24.n322 {
    background-position: 0 -1363px
}

.wi-24.n340 {
    background-position: 0 -1392px
}

.wi-24.n400 {
    background-position: 0 -1421px
}

.wi-24.n410,
.wi-24.n415 {
    background-position: 0 -1450px
}

.wi-24.n411 {
    background-position: 0 -1479px
}

.wi-24.n412 {
    background-position: 0 -1508px
}

.wi-24.n420,
.wi-24.n423 {
    background-position: 0 -1537px
}

.wi-24.n421,
.wi-24.n424,
.wi-24.n425 {
    background-position: 0 -1566px
}

.wi-24.n422 {
    background-position: 0 -1595px
}

.wi-24.n430,
.wi-24.n433,
.wi-24.n434,
.wi-24.n435,
.wi-24.n436,
.wi-24.n437,
.wi-24.n438,
.wi-24.n439,
.wi-24.n441,
.wi-24.n442 {
    background-position: 0 -1624px
}

.wi-24.n431 {
    background-position: 0 -1566px
}

.wi-24.n432,
.wi-24.n443,
.wi-24.n444 {
    background-position: 0 -1711px
}

.wi-24.n440,
.wi-24.n445,
.wi-24.n446,
.wi-24.n447 {
    background-position: 0 -1682px
}

.wi-24.n500,
.wi-24.n501,
.wi-24.n502,
.wi-24.n503,
.wi-24.n504,
.wi-24.n505 {
    background-position: 0 -1740px
}

.wi-24.n600,
.wi-24.n601,
.wi-24.n602,
.wi-24.n603 {
    background-position: 0 -1769px
}

.wi-24.op {
    background-position: 0 -1798px
}

.weather-city-item span {
    float: right;
    background-color: #fff;
    padding-left: 2px
}

.weather-city-item span img {
    float: right;
    left: 1px
}

#data a,
#data p {
    display: inline-block;
    top: 3px
}

#weather-cities-r {
    width: 48%;
    float: left
}

#weather-city-informer {
    float: left;
    width: 170px;
    margin: 0 0 0 20px
}

#weather-city-informer p {
    background: #e5f4ff;
    display: block;
    margin: 0;
    padding: 0;
    height: 120px;
    overflow: hidden
}

.clear {
    clear: both
}

.map:before {
    float: right;
    position: relative
}

.map {
    height: 350px;
    overflow: hidden;
    margin: 10px 0 0;
    position: relative;
    z-index: 1
}

.map:before {
    width: 34px;
    height: 227px;
    display: none;
    z-index: 2;
    top: 80px;
    right: 5px;
    -webkit-box-shadow: 0 0 2px #666;
    box-shadow: 0 0 2px #666
}

.block-cities,
.cities {
    width: 320px;
    overflow: hidden
}

.list-cities-l,
.list-cities-r {
    display: block;
    width: 320px;
    overflow: hidden
}

.map-country {
    border: 4px solid #fff;
    -webkit-box-shadow: 0 1px 3px #999;
    box-shadow: 0 1px 3px #999;
    height: 400px;
    overflow: hidden;
    margin: 10px 3px 4px
}

.error {
    padding: 20px 0 600px
}

.list-cities {
    overflow: hidden;
    font-size: 16px
}

.cities-letter-archive,
.list-cities-letter {
    color: #333;
    font-size: 32px;
    line-height: 35px;
    overflow: hidden
}

.list-cities-letter {
    margin-top: 20px
}

.list-cities-l {
    float: left;
    margin-right: 60px
}

.list-cities-r {
    float: right
}

.list-cities-l li,
.list-cities-r li {
    background: url(data:image/gif;base64,R0lGODlhAgABAIAAAP///7OzsyH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1Q0RENUY4QjE5RTkxMUUzQUMwNDhGRjMzNTM2MUJDRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0RENUY4QzE5RTkxMUUzQUMwNDhGRjMzNTM2MUJDRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVDREQ1Rjg5MTlFOTExRTNBQzA0OEZGMzM1MzYxQkNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVDREQ1RjhBMTlFOTExRTNBQzA0OEZGMzM1MzYxQkNEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAIAAQAAAgIMCgA7) 0 28px repeat-x;
    padding: 4px 0
}

.list-cities-l li.search,
.list-cities-r li.search {
    margin-bottom: 12px;
    line-height: 16px
}

.list-cities-l li div,
.list-cities-r li div {
    font-size: 12px;
    color: #818181;
    position: relative;
    margin-top: -7px
}

.list-cities-l li a,
.list-cities-r li a {
    background: #fff;
    padding-right: 2px
}

.list-cities-l li span,
.list-cities-r li span {
    float: right;
    background: #fff;
    padding-left: 1px
}

.list-cities-l li span img,
.list-cities-r li span img {
    float: right;
    margin-left: 2px;
    position: relative;
    top: -3px
}

#content .list-cities-l.sr-c .no-bg,
#content .list-cities-r.sr-c .no-bg {
    padding: 8px 0;
    line-height: 20px
}

#content .list-cities-l.sr-c .no-bg>a,
#content .list-cities-r.sr-c .no-bg>a {
    font-size: 16px
}

.list-cities-l.sr-c li div,
.list-cities-r.sr-c li div {
    margin-top: 0;
    color: #616161;
    font-size: 13px
}

.list-cities-l li div.search-reg,
.list-cities-r li div.search-reg {
    font-size: 20px;
    margin-top: 25px;
    color: #000;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700
}

.cities-letter-archive {
    display: inline-block;
    margin: 10px 0 0 20px
}

.cities-letter,
.countres-letter {
    font-size: 27px;
    color: #000;
    line-height: 40px;
    font-weight: 700;
    margin-top: 20px
}

.cities,
.countres {
    margin-right: 60px;
    display: block
}

.cities-letter {
    overflow: hidden
}

.block-cities {
    float: left
}

#block-cities-right {
    float: right
}

.cities {
    float: left
}

.reg li {
    margin-bottom: 14px
}

.city-block {
    margin-bottom: 3px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxMCI+PHJlY3QgZmlsbD0iI0Q4RDhEOCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIi8+PC9zdmc+) 0 17px/3px 1px repeat-x;
    padding: 4px 0;
    overflow: hidden
}

.no-bg {
    background: 0 0
}

.city-block a {
    background: #fff;
    padding-right: 4px
}

.city-block>span {
    line-height: 18px;
    float: right;
    background-color: #fff;
    padding-left: 7px;
    width: 68px;
    height: 26px
}

.city-block span img {
    float: right;
    margin-left: 2px;
    width: 24px;
    height: 24px;
    position: relative;
    top: -3px
}

.block-countres,
.countres {
    width: 320px;
    overflow: hidden
}

.countres-letter {
    overflow: hidden
}

.block-countres {
    float: left
}

#block-countres-right {
    float: right
}

.countres {
    float: left
}

.country-block {
    padding: 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    margin-bottom: 3px
}

.country-block a {
    padding-right: 2px
}

.country-block img {
    float: left;
    margin: 4px 7px 0 2px;
    width: 20px
}

#daily-forecast {
    padding: 0 0 0 15px;
    clear: both;
    margin-top: 15px
}

#daily-forecast div {
    font: 700 16px Arial;
    float: left;
    border-top: 1px solid #b7b9b9;
    border-right: 1px solid #b7b9b9;
    border-left: 1px solid #fff;
    border-bottom: none;
    padding: 7px 18px 5px 17px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    text-shadow: 0 1px #fff
}

.block-info,
.help {
    cursor: help
}

.ie10 #daily-forecast div {
    padding-bottom: 7px
}

#daily-forecast div:first-child {
    border-left: 1px solid #b7b9b9;
    border-radius: 4px 0 0
}

#daily-forecast div:last-child {
    border-radius: 0 4px 0 0
}

#daily-forecast div span {
    color: #656464;
    font-size: 14px;
    font-weight: 400
}

#daily-forecast div.active-meny {
    padding: 11px 18px 5px 17px;
    border-left: 1px solid #b7b9b9;
    position: relative;
    font-size: 20px;
    color: #ed851c;
    background: #fff;
    top: -8px;
    border-radius: 4px 4px 0 0;
    z-index: 3;
    left: -1px;
    line-height: 23px
}

.ie10 #daily-forecast div.active-meny {
    top: -6px;
    line-height: 21px
}

#daily-forecast div.active-meny~div {
    left: -1px
}

#daily-forecast-bottom {
    position: relative;
    z-index: 2;
    height: 1px;
    background: #b7b9b9;
    top: 33px;
    margin-bottom: 45px
}

#block2_view,
#block3_view,
#block4_view,
#block5_view {
    display: none
}

.alphabet {
    font-size: 22px;
    margin: 0 0 1px;
    padding: 0;
    width: 680px;
    overflow: hidden
}

#cities-country,
#countries,
.dates,
.resorts-blocks {
    font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif
}

.alphabet li {
    float: left;
    display: block;
    margin: 0 9px 12px 9px
}

.alphabet li span,
.alphabet li span.current,
.alphabet li span.inactive {
    line-height: 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 6px 5px 4px;
    overflow: hidden;
    text-align: center
}

.alphabet li span {
    color: #000;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    border: 1px solid transparent;
    background-color: #f0f0f0
}

.alphabet li span.hover {
    background-color: #e0e0e0;
    cursor: pointer
}

.alphabet li span.inactive {
    color: #c2c1c1;
    border: 1px solid #ccc;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    opacity: .8
}

.alphabet li span.current {
    color: #000;
    background-color: #bdbdbd
}

.alphabet li:has(.inactive) {
    display: none
}

.block-alphabet-open {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    overflow: hidden;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    font-size: 16px;
    background-color: #eee;
    margin-top: 17px
}

.block-alphabet-open:hover {
    background-color: #e0e0e0
}

.hide {
    padding-top: 18px;
    display: none
}

#cities-country,
#countries {
    font-size: 15px;
    overflow: hidden;
    margin-top: 2px;
    border-radius: 4px
}

#cities-country {
    margin-bottom: 20px
}

.countries-title {
    overflow: hidden;
    height: 45px
}

.countries h2 {
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 0 #fff;
    float: left;
    font-size: 34px;
    font-weight: 400;
    background: 0 0
}

a.countries-all {
    float: right;
    font-size: 15px;
    position: relative;
    top: -22px;
    font-weight: 700;
    color: #000
}

a.countries-all:hover {
    color: #d50404
}

.countries-blocks {
    float: left;
    width: 125px;
    line-height: 30px;
    margin-left: 5px
}

.cities-blocks {
    float: left;
    width: 135px;
    line-height: 22px;
    margin-left: 5px
}

#capital {
    font-weight: 700
}

.countries-blocks img {
    width: 17px;
    float: left;
    margin-right: 6px;
    position: relative;
    top: 7px
}

.h1-title,
.h2-title {
    margin: 0;
    padding: 0 0 5px;
    font-size: 20px;
    font-weight: 400
}

.h1-title {
    font-size: 28px;
    line-height: 28px
}

#resorts {
    margin-top: 30px;
    overflow: hidden
}

.resorts-blocks {
    width: 180px;
    float: left;
    font-size: 15px;
    overflow: hidden;
    margin: 10px 50px 0 0
}

.resorts-blocks div {
    overflow: hidden;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxMCI+PHJlY3QgZmlsbD0iI0Q4RDhEOCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIi8+PC9zdmc+) repeat-x 0 16px/3px 1px;
    margin: 0 0 2px 4px;
    height: 22px;
    padding-top: 3px
}

#weather-averages-temp-day,
#weather-averages-temp-night {
    width: 100px;
    height: 60px;
    overflow: hidden
}

.resorts-blocks div a {
    background: #fff;
    padding-right: 3px
}

.resorts-blocks div span {
    margin-left: 5px;
    float: right;
    background-color: #fff;
    padding-left: 2px;
    display: inline-block
}

.resorts-blocks div span span {
    position: relative;
    top: -4px
}

.resorts-blocks div span img {
    float: right;
    position: relative;
    top: -3px;
    padding-left: 1px
}

#resorts-blocks-last {
    margin-right: 0;
    position: relative;
    top: -16px
}

.dates {
    border-bottom: 1px solid #f2f2f2;
    font-size: 22px;
    margin: 25px 0 0;
    padding: 0 0 7px 15px
}

#weather-averages-temp-day span,
#weather-averages-temp-night span {
    padding: 0 0 0 7px;
    font-size: 12px;
    display: inline-block;
    height: 12px;
    line-height: 10px;
    overflow: hidden;
    position: relative;
    top: 5px;
    text-transform: uppercase
}

.marg {
    margin-top: 15px
}

.sunrise-sunset+div.biometric>div.marg {
    margin-top: 0
}

.weekend {
    color: #e70000
}

#weather-averages {
    background: #fbfafa;
    padding: 15px 15px 10px 15px;
    overflow: hidden;
    margin: 20px 0 30px 0;
    border: 1px solid #e6e6e6;
    border-radius: 2px
}

#weather-averages-temp {
    width: 100px;
    height: 121px;
    overflow: hidden;
    float: left;
    margin-right: 15px
}

#weather-averages-temp-day {
    background-color: #fff8ea;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3)
}

#weather-averages-temp-night {
    background-color: #0aaff4;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3)
}

#weather-averages-temp-day div {
    float: right;
    font-size: 34px;
    position: relative;
    right: 18px;
    top: 0
}

#weather-averages-temp-night {
    margin-top: 1px
}

#weather-averages-temp-night span {
    color: #fff
}

#weather-averages-temp-night div {
    float: right;
    font-size: 34px;
    color: #fff;
    position: relative;
    top: 0;
    right: 18px
}

#weather-averages-temp-day div,
#weather-averages-temp-night div {
    width: 90px;
    text-align: right
}

.list-months #month-active,
.seasons #season-active {
    font-weight: 700
}

#weather-averages-cont {
    overflow: hidden
}

#weather-averages-cont p {
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: 20px
}

.list-months li,
.seasons li {
    line-height: 20px;
    float: left
}

#weather-averages-cont dl {
    margin: 10px 0 0;
    overflow: hidden;
    font-size: 13px
}

.list-months,
.menu-calend,
.seasons {
    font-size: 16px;
    overflow: hidden
}

#weather-averages-cont dt {
    float: left;
    width: 100px;
    color: #616161;
    overflow: hidden;
    height: 18px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxMCI+PHJlY3QgZmlsbD0iI0Q4RDhEOCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIi8+PC9zdmc+) 0 12px/3px repeat-x
}

#weather-averages-cont dt span {
    background-color: #fbfafa;
    padding-right: 1px
}

#weather-averages-cont dd {
    overflow: hidden;
    height: 18px;
    margin-bottom: 1px;
    padding-left: 4px
}

.list-months {
    margin: 10px 0 10px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 92px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.list-months li {
    margin: 0 20px 5px 0;
    padding: 2px 0
}

.list-months li:last-child {
    margin-right: 0
}

.seasons {
    position: relative;
    top: -5px;
    margin: 0 0 15px 0
}

.seasons li {
    margin: 0 20px 5px 0;
    padding: 2px 0
}

#graphic,
#piechart {
    margin-bottom: 16px
}

.menu-calend {
    background: #f7f7f7;
    -webkit-box-shadow: 0 1px 0 #b7b9b9;
    box-shadow: 0 1px 0 #b7b9b9;
    height: 27px;
    padding: 0 10px;
    text-align: center;
    margin: 0 0 10px
}

.menu-calend-box,
.menu-calend-l {
    margin: 0 20px;
    padding: 6px 0;
    position: relative;
    display: inline-block
}

.menu-calend-box {
    margin: 0 40px 0 20px
}

.menu-calend-box img {
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+DQo8cGF0aCBkPSJNMTYwLDI1Nkg5NnYtNjRoNjRWMjU2eiBNMjg4LDE5MmgtNjR2NjRoNjRWMTkyeiBNNDE2LDE5MmgtNjR2NjRoNjRWMTkyeiBNMTYwLDI4OEg5NnY2NGg2NFYyODh6IE0yODgsMjg4aC02NHY2NGg2NFYyODh6DQoJCSBNNDE2LDI4OGgtNjR2NjRoNjRWMjg4eiBNMTYwLDM4NEg5NnY2NGg2NFYzODR6IE0yODgsMzg0aC02NHY2NGg2NFYzODR6IE0xMjgsOTZjMTcuNjcyLDAsMzItMTQuMzEzLDMyLTMyVjMyDQoJCWMwLTE3LjY4OC0xNC4zMjgtMzItMzItMzJTOTYsMTQuMzEzLDk2LDMydjMyQzk2LDgxLjY4OCwxMTAuMzI4LDk2LDEyOCw5NnogTTUxMiw2NHY0NDhIMFY2NGg4MGMwLDI2LjQ2OSwyMS41MzEsNDgsNDgsNDgNCgkJYzI2LjQ2OSwwLDQ4LTIxLjUzMSw0OC00OGgxNjBjMCwyNi40NjksMjEuNTMxLDQ4LDQ4LDQ4czQ4LTIxLjUzMSw0OC00OEg1MTJ6IE00ODAsMTYwSDMydjMyMGg0NDhWMTYweiBNMzg0LDk2DQoJCWMxNy42ODgsMCwzMi0xNC4zMTMsMzItMzJWMzJjMC0xNy42ODgtMTQuMzEyLTMyLTMyLTMycy0zMiwxNC4zMTMtMzIsMzJ2MzJDMzUyLDgxLjY4OCwzNjYuMzEyLDk2LDM4NCw5NnoiLz48L3N2Zz4NCg==) 0 0/16px 16px no-repeat #fff;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 19px;
    margin-left: 4px
}

#season {
    background: 0 0;
    top: 0;
    margin-bottom: 15px;
    margin-top: 10px
}

.arch-day {
    background: #fffaed
}

.arch-night {
    background: #fffaed
}

#chart_div,
#graphic,
#piechart {
    background-color: #f4f9fd;
    margin-top: 10px
}

.archive .weather-characteristics {
    padding-left: 10px;
    color: #333
}

.two-blocks-left span,
.two-blocks-right span {
    font-weight: 700;
    position: relative
}

.archive #weather-property,
.archive .weather-property {
    width: 145px
}

#chart_div {
    height: 240px;
    overflow: hidden
}

#graphic,
#piechart {
    height: 178px;
    padding: 30px
}

#day-night-graphic,
#day-night-graphic2,
#graphic-season,
#large-map,
#map,
#wather,
#wather-year,
.gr-one-day,
.map {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjYwcHgiIGhlaWdodD0iNjBweCIgZmlsbD0iI2ZiZDUwMCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMC4zNjApIj48cGF0aCBkPSJNMTYgMjZjMS4xIDAgMiAwLjkgMiAydjJjMCAxLjEtMC45IDItMiAycy0yLTAuOS0yLTJ2LTJDMTQgMjYuOSAxNC45IDI2IDE2IDI2ek0xNiA2Yy0xLjEgMC0yLTAuOS0yLTJWMmMwLTEuMSAwLjktMiAyLTJzMiAwLjkgMiAydjJDMTggNS4xIDE3LjEgNiAxNiA2ek0zMCAxNGMxLjEgMCAyIDAuOSAyIDJzLTAuOSAyLTIgMmgtMmMtMS4xIDAtMi0wLjktMi0yczAuOS0yIDItMkgzMHpNNiAxNmMwIDEuMS0wLjkgMi0yIDJIMmMtMS4xIDAtMi0wLjktMi0yczAuOS0yIDItMmgyQzUuMSAxNCA2IDE0LjkgNiAxNnpNMjUuOSAyMy4xbDEuNCAxLjRjMC44IDAuOCAwLjggMiAwIDIuOHMtMiAwLjgtMi44IDBsLTEuNC0xLjRjLTAuOC0wLjgtMC44LTIgMC0yLjhTMjUuMSAyMi4zIDI1LjkgMjMuMXpNNi4xIDguOUw0LjcgNy41Yy0wLjgtMC44LTAuOC0yIDAtMi44czItMC44IDIuOCAwbDEuNCAxLjRjMC44IDAuOCAwLjggMiAwIDIuOFM2LjkgOS43IDYuMSA4Ljl6TTI1LjkgOC45Yy0wLjggMC44LTIgMC44LTIuOCAwcy0wLjgtMiAwLTIuOGwxLjQtMS40YzAuOC0wLjggMi0wLjggMi44IDBzMC44IDIgMCAyLjhMMjUuOSA4Ljl6TTYuMSAyMy4xYzAuOC0wLjggMi0wLjggMi44IDBzMC44IDIgMCAyLjhsLTEuNCAxLjRjLTAuOCAwLjgtMiAwLjgtMi44IDBzLTAuOC0yIDAtMi44QzQuNyAyNC41IDYuMSAyMy4xIDYuMSAyMy4xek0xNiA4Yy00LjQgMC04IDMuNi04IDhzMy42IDggOCA4IDgtMy42IDgtOFMyMC40IDggMTYgOHpNMTYgMjFjLTIuOCAwLTUtMi4yLTUtNXMyLjItNSA1LTUgNSAyLjIgNSA1UzE4LjggMjEgMTYgMjF6Ii8+PC9nPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHZhbHVlcz0iMCAwIDA7IDM2MCAwIDAiIGR1cj0iM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9zdmc+);
    background-color: #f4f9fd;
    background-position: center center;
    background-repeat: no-repeat
}

#day-night-graphic {
    border-radius: 2px
}

#day-night-graphic,
#day-night-graphic2,
#graphic-season,
#wather,
#wather-year {
    padding-top: 10px;
    padding-bottom: 5px;
    width: auto;
    height: 250px;
    overflow: hidden
}

.two-blocks {
    overflow: hidden;
    margin-top: 15px
}

.two-blocks-left {
    float: left;
    width: 47%;
    overflow: hidden
}

.two-blocks-left span {
    font-size: 14px;
    top: 1px
}

.two-blocks-left p {
    font-size: 12px;
    position: relative;
    top: -10px
}

.two-blocks-right {
    float: right;
    width: 47%
}

.two-blocks-right span {
    font-size: 14px;
    top: 1px
}

.two-blocks-left p,
.two-blocks-right p {
    font-size: 14px;
    position: relative;
    top: -8px;
    line-height: 20px
}

.wind-rose-row.wind-rose-head {
    margin-top: 25px
}

.chart-text {
    line-height: 20px;
    position: relative;
    top: 7px;
    font-size: 14px;
    margin-bottom: 25px
}

.description-block {
    font-size: 12px;
    position: relative;
    top: 4px
}

.chart-text-desc {
    line-height: 20px;
    margin-bottom: 20px;
    position: relative;
    top: 7px;
    font-size: 14px;
    text-align: center
}

.description-weather {
    display: inline-block;
    font-size: 12px;
    margin: 0;
    padding: 5px 0 6px
}

#statistics {
    overflow: hidden;
    background-color: #fff;
    padding: 0 12px 10px;
    border: 1px solid #e6e6e6;
    border-radius: 4px
}

#statistics-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    padding: 7px 0 0;
    margin-bottom: 3px
}

.button {
    font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif
}

.statistics-blocks {
    overflow: hidden;
    margin-bottom: 4px;
    height: 90px
}

.statistics-blocks span {
    font-size: 13px;
    position: relative;
    top: 1px
}

.statistics-blocks>span {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
    margin-top: 10px
}

.statistics-blocks dl {
    font-size: 12px;
    overflow: hidden;
    padding-left: 6px;
    margin: 4px 0 7px
}

.statistics-blocks dt {
    float: left;
    width: 110px;
    color: #818181;
    overflow: hidden;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxMCI+PHJlY3QgZmlsbD0iI0Q4RDhEOCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIi8+PC9zdmc+) 0 10px/3px repeat-x
}

.statistics-blocks dt a,
.statistics-blocks dt span {
    background-color: #fff;
    padding-right: 3px
}

.statistics-blocks dt span {
    color: #000;
    top: -1px
}

.statistics-blocks dd {
    overflow: hidden;
    height: 16px;
    margin-bottom: 2px;
    padding-left: 4px;
    position: relative;
    top: -2px
}

.statistics-blocks dd span {
    font-weight: 700
}

.stat-img {
    width: 46px;
    height: 47px;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 5px;
    background-size: 46px 46px;
    background-repeat: no-repeat;
    background-position: 0 0
}

#statistics-blocks-sun {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTQuNiA2QzUgNi40IDUuNyA2LjQgNi4xIDYuMWMwLjQtMC40IDAuNC0xIDAtMS40bC0xLjQtMS40Yy0wLjQtMC40LTEtMC40LTEuNCAwQzIuOCAzLjYgMi44IDQuMiAzLjIgNC42TDQuNiA2eiIgZmlsbD0iI2M2YzZjNiIvPjxjaXJjbGUgY3g9IjExIiBjeT0iMTEiIHI9IjYiIGZpbGw9IiNjNmM2YzYiLz48cGF0aCBkPSJNNCAxMWMwLTAuNi0wLjQtMS0xLTFIMWMtMC42IDAtMSAwLjQtMSAxIDAgMC42IDAuNCAxIDEgMUgzQzMuNSAxMiA0IDExLjYgNCAxMXpNMjEgMTBoLTJjLTAuNiAwLTEgMC40LTEgMSAwIDAuNiAwLjQgMSAxIDFoMmMwLjYgMCAxLTAuNCAxLTFDMjIgMTAuNSAyMS42IDEwIDIxIDEwek00LjYgMTZsLTEuNCAxLjRjLTAuNCAwLjQtMC40IDEgMCAxLjQgMC40IDAuNCAxIDAuNCAxLjQgMGwxLjQtMS40YzAuNC0wLjQgMC40LTEgMC0xLjRDNS43IDE1LjYgNSAxNS42IDQuNiAxNnpNMTEgNGMwLjYgMCAxLTAuNCAxLTFWMWMwLTAuNi0wLjQtMS0xLTEgLTAuNiAwLTEgMC40LTEgMXYyQzEwIDMuNSAxMC40IDQgMTEgNHpNMTEgMThjLTAuNiAwLTEgMC40LTEgMXYyYzAgMC42IDAuNCAxIDEgMSAwLjYgMCAxLTAuNCAxLTF2LTJDMTIgMTguNSAxMS42IDE4IDExIDE4ek0xNy40IDZsMS40LTEuNGMwLjQtMC40IDAuNC0xIDAtMS40IC0wLjQtMC40LTEtMC40LTEuNCAwbC0xLjQgMS40Yy0wLjQgMC40LTAuNCAxIDAgMS40QzE2LjMgNi40IDE3IDYuNCAxNy40IDZ6TTE3LjQgMTZjLTAuNC0wLjQtMS0wLjQtMS40IDAgLTAuNCAwLjQtMC40IDEgMCAxLjRsMS40IDEuNGMwLjQgMC40IDEgMC40IDEuNCAwIDAuNC0wLjQgMC40LTEgMC0xLjRMMTcuNCAxNnoiIGZpbGw9IiNjNmM2YzYiLz48L3N2Zz4=)
}

#statistics-blocks-rain {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNjEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNNjEyIDMyNy4zYy0xNC45LTEwLjctMzcuNC0xNy41LTYyLjctMTcuNSAtMzkuMiAwLTcxLjggMTYuMy03OS40IDM4LjFoLTMuM2MtNy40LTIxLjktNDAuMi0zOC40LTc5LjUtMzguNCAtMjUuMyAwLTQ3LjkgNi45LTYyLjggMTcuNnYxODRjMCA0NS44LTM3LjMgODMuMS04My4xIDgzLjEgLTQ1LjggMC04My4xLTM3LjMtODMuMS04My4xIDAtMTAuMSA4LjItMTguMyAxOC4zLTE4LjNzMTguMyA4LjIgMTguMyAxOC4zYzAgMjUuNiAyMC44IDQ2LjQgNDYuNCA0Ni40IDI1LjYgMCA0Ni40LTIwLjggNDYuNC00Ni40VjMyNy4zYy0xNC45LTEwLjctMzcuNC0xNy42LTYyLjgtMTcuNiAtMzkuMiAwLTcxLjggMTYuMy03OS40IDM4LjFoLTMuM2MtNy40LTIxLjktNDAuMi0zOC40LTc5LjUtMzguNCAtMjUuMyAwLTQ3LjggNi44LTYyLjcgMTcuNUMxMiAxOTYuNSAxMzQuNyA5Mi43IDI4Ny43IDg1VjcxLjNjMC0xMC4xIDguMi0xOC4zIDE4LjMtMTguM3MxOC4zIDguMiAxOC4zIDE4LjN2MTMuN0M0NzcuNCA5Mi44IDYwMC4yIDE5Ni42IDYxMiAzMjcuM3pNNDQuMyA1M2MwIDAtMjYuNiA1Mi40LTI2LjYgNjcuMSAwIDE0LjcgMTEuOSAyNi42IDI2LjYgMjYuNnMyNi42LTExLjkgMjYuNi0yNi42QzcwLjggMTA1LjQgNDQuMyA1MyA0NC4zIDUzek0xMTkuNSAxNy45YzAgMC0xOS45IDM5LjMtMTkuOSA1MC4zczguOSAxOS45IDE5LjkgMTkuOSAxOS45LTguOSAxOS45LTE5LjlTMTE5LjUgMTcuOSAxMTkuNSAxNy45eiIgZmlsbD0iI2M2YzZjNiIvPjwvc3ZnPg==)
}

#statistics-blocks-fire {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MzMuMyA1MzMuMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE2NS41IDUzMy4zYy0zNS41LTc0LTE2LjYtMTE2LjMgMTAuNy0xNTYuMyAyOS45LTQzLjcgMzcuNi04NyAzNy42LTg3czIzLjUgMzAuNiAxNC4xIDc4LjRjNDEuNS00Ni4yIDQ5LjQtMTE5LjkgNDMuMS0xNDguMiA5My45IDY1LjYgMTM0LjEgMjA3LjcgODAgMzEzLjEgMjg3LjctMTYyLjggNzEuNi00MDYuMyAzMy45LTQzMy44IDEyLjUgMjcuNCAxNC45IDczLjktMTAuNCA5Ni40QzMzMS42IDMzLjMgMjI1LjYgMCAyMjUuNiAwYzEyLjUgODMuOS00NS41IDE3NS42LTEwMS40IDI0NC4xIC0yLTMzLjQtNC4xLTU2LjUtMjEuNi04OC41Qzk4LjYgMjE2LjQgNTIuMiAyNjUuOSAzOS42IDMyNi44IDIyLjYgNDA5LjIgNTIuMyA0NjkuNiAxNjUuNSA1MzMuM3oiIGZpbGw9IiNjNmM2YzYiLz48L3N2Zz4=)
}

#statistics-blocks-cold {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NjMuMiA0NjMuMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTQxOC4yIDI0NS4ybC04NC4zIDIyLjYgLTMyLjUtMTguN3YtMzUuMmwzMi4xLTE4LjQgODQuNiAyMi43YzEuNyAwLjUgMy40IDAuNyA1LjEgMC43IDguNyAwIDE2LjYtNS44IDE5LTE0LjYgMi44LTEwLjUtMy40LTIxLjMtMTMuOS0yNC4xbC00Ni40LTEyLjQgNDIuOC0yNC42YzkuNC01LjQgMTIuNy0xNy40IDcuMy0yNi45IC01LjQtOS40LTE3LjQtMTIuNy0yNi45LTcuM2wtNDIuOSAyNC42IDEyLjQtNDYuNGMyLjgtMTAuNS0zLjQtMjEuMy0xMy45LTI0LjEgLTEwLjQtMi43LTIxLjMgMy40LTI0LjEgMTMuOWwtMjIuNiA4NC4zIC0zMi4zIDE4LjYgLTMwLjYtMTcuN1YxMjQuOWw2MS45LTYxLjljNy43LTcuNyA3LjctMjAuMiAwLTI3LjggLTcuNy03LjctMjAuMS03LjctMjcuOCAwbC0zNC4xIDM0LjFWMTkuN0MyNTEuMiA4LjggMjQyLjQgMCAyMzEuNSAwYy0xMC45IDAtMTkuNyA4LjgtMTkuNyAxOS43VjY4LjlsLTMzLjgtMzMuOGMtNy43LTcuNy0yMC4xLTcuNy0yNy44IDAgLTcuNyA3LjctNy43IDIwLjIgMCAyNy44bDYxLjcgNjEuN3YzNy41bC0zMC40IDE3LjUgLTMyLjMtMTguNSAtMjIuNi04NC4yYy0yLjgtMTAuNS0xMy42LTE2LjctMjQuMS0xMy45QzkxLjkgNjUuOCA4NS43IDc2LjYgODguNSA4Ny4xbDEyLjQgNDYuNCAtNDIuOS0yNC42Yy05LjQtNS40LTIxLjUtMi4yLTI2LjkgNy4zIC01LjQgOS40LTIuMSAyMS41IDcuMyAyNi45bDQyLjggMjQuNiAtNDYuNCAxMi40Yy0xMC41IDIuOC0xNi43IDEzLjYtMTMuOSAyNC4xIDIuNCA4LjggMTAuMyAxNC42IDE5IDE0LjYgMS43IDAgMy40LTAuMiA1LjEtMC43bDg0LjYtMjIuNyAzMi4xIDE4LjQgMCAzNS4yIC0zMi41IDE4LjggLTg0LjItMjIuNmMtMTAuNC0yLjctMjEuMyAzLjQtMjQuMSAxMy45IC0yLjggMTAuNSAzLjQgMjEuMyAxMy45IDI0LjFsNDYuMiAxMi40IC00Mi42IDI0LjZjLTkuNCA1LjQtMTIuNiAxNy41LTcuMiAyNi45IDMuNiA2LjMgMTAuMyA5LjggMTcuMSA5LjggMy4zIDAgNi43LTAuOCA5LjgtMi42bDQyLjktMjQuNyAtMTIuNSA0Ni42Yy0yLjggMTAuNSAzLjQgMjEuMyAxMy45IDI0LjEgMS43IDAuNSAzLjQgMC43IDUuMSAwLjcgOC43IDAgMTYuNi01LjggMTktMTQuNmwyMi43LTg0LjYgMzIuMy0xOC42IDMwLjMgMTcuNXYzOGwtNjEuNyA2MS43Yy03LjcgNy43LTcuNyAyMC4xIDAgMjcuOCAzLjggMy44IDguOSA1LjggMTMuOSA1LjggNSAwIDEwLjEtMS45IDEzLjktNS44bDMzLjgtMzMuOHY0OS4yYzAgMTAuOSA4LjggMTkuNyAxOS43IDE5LjcgMTAuOSAwIDE5LjctOC44IDE5LjctMTkuN3YtNDkuNWwzNC4xIDM0LjFjMy44IDMuOCA4LjkgNS44IDEzLjkgNS44czEwLjEtMS45IDEzLjktNS44YzcuNy03LjcgNy43LTIwLjEgMC0yNy44bC02MS45LTYxLjlWMzAwLjhsMzAuNi0xNy43IDMyLjIgMTguNiAyMi43IDg0LjZjMi40IDguOCAxMC4zIDE0LjYgMTkgMTQuNiAxLjcgMCAzLjQtMC4yIDUuMS0wLjcgMTAuNS0yLjggMTYuNy0xMy42IDEzLjktMjQuMWwtMTIuNS00Ni42IDQyLjkgMjQuN2MzLjEgMS44IDYuNSAyLjYgOS44IDIuNiA2LjggMCAxMy40LTMuNSAxNy4xLTkuOCA1LjQtOS40IDIuMi0yMS40LTcuMi0yNi45TDM4Mi4yIDI5NS42bDQ2LjItMTIuNGMxMC41LTIuOCAxNi43LTEzLjYgMTMuOS0yNC4xQzQzOS41IDI0OC42IDQyOC43IDI0Mi40IDQxOC4yIDI0NS4yek0yNjIuMSAyNDlsLTMwLjUgMTcuNiAtMzAuNC0xNy42IDAtMzUuMiAzMC41LTE3LjYgMzAuNSAxNy42VjI0OXoiIGZpbGw9IiNjNmM2YzYiLz48L3N2Zz4=)
}

#statistics-blocks-wind {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NS45IDQ1LjkiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik00MCAxNi4zYzAtMy44LTMuMS02LjgtNi44LTYuOHMtNi44IDMuMS02LjggNi44YzAgMS4xIDAuOSAyIDIgMiAxLjEgMCAyLTAuOSAyLTIgMC0xLjYgMS4zLTIuOSAyLjktMi45czIuOSAxLjMgMi45IDIuOWMwIDIuMS0xLjcgMy45LTMuOSAzLjlIMmMtMS4xIDAtMiAwLjktMiAyIDAgMS4xIDAuOSAyIDIgMmgzMC4zQzM2LjUgMjQuMSA0MCAyMC42IDQwIDE2LjN6TTEuNSAxNi4yaDEwLjhjMy43IDAgNi42LTMgNi42LTYuNiAwLTMuMi0yLjYtNS44LTUuOC01LjhTNy40IDYuMyA3LjQgOS41YzAgMC44IDAuNyAxLjUgMS41IDEuNSAwLjggMCAxLjUtMC43IDEuNS0xLjUgMC0xLjYgMS4zLTIuOSAyLjktMi45IDEuNiAwIDIuOSAxLjMgMi45IDIuOSAwIDItMS43IDMuNy0zLjcgMy43SDEuNUMwLjcgMTMuMiAwIDEzLjkgMCAxNC43UzAuNyAxNi4yIDEuNSAxNi4yek0zOC4xIDI3LjVIOS44Yy0xLjEgMC0yIDAuOS0yIDIgMCAxLjEgMC45IDIgMiAyaDI4LjNjMi4xIDAgMy45IDEuNyAzLjkgMy45IDAgMS42LTEuMyAyLjktMi45IDIuOSAtMS42IDAtMi45LTEuMy0yLjktMi45IDAtMS4xLTAuOS0yLTItMnMtMiAwLjktMiAyYzAgMy44IDMuMSA2LjggNi44IDYuOCAzLjggMCA2LjgtMy4xIDYuOC02LjhDNDUuOSAzMSA0Mi40IDI3LjUgMzguMSAyNy41eiIgZmlsbD0iI2M2YzZjNiIvPjwvc3ZnPg==)
}

#statistics div:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.description-page {
    background: #fbfafa;
    border: 1px dashed #ccc;
    color: #333;
    font-size: 12px;
    margin: 15px 0;
    padding: 10px
}

#min-max {
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 25px;
    border: 1px solid #e6e6e6;
    border-radius: 4px
}

#min-max-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid rgb(230 230 230 / 50%);
    white-space: nowrap
}

.balun,
.map-bal {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .4), 0 10px 20px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 0 8px rgba(0, 0, 0, .4), 0 10px 20px 0 rgba(0, 0, 0, .18)
}

.sunrise-sunset {
    -webkit-box-shadow: 0 1px 0 #b7b9b9;
    box-shadow: 0 1px 0 #b7b9b9
}

#min-max-title span {
    font-size: 14px;
    color: #515151;
    font-weight: 400;
    margin-top: 5px;
    display: block
}

#min-max-temp {
    overflow: hidden
}

#min-max-temp div {
    background-color: #fffcf4;
    float: left;
    overflow: hidden;
    padding: 12px 0 7px 5px;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#min-max-temp div:first-child {
    background: #eafbfe
}

#min-max-temp div span {
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 700;
    display: block;
    margin: 0 0 4px 7px;
    line-height: 13px;
    height: 32px;
    overflow: hidden;
    white-space: nowrap
}

#min-max-temp div span em {
    font-size: 13px;
    color: #515151;
    font-weight: 400;
    display: inline-block;
    margin: 0 0 2px 0;
    overflow: hidden;
    padding: 0;
    width: 100px;
    font-style: normal;
    white-space: nowrap;
    text-overflow: ellipsis
}

#min-max-temp div span a {
    display: inline-block;
    font-size: 13px;
    height: 15px;
    overflow: hidden;
    max-width: 105px;
    text-overflow: ellipsis;
    margin-top: 2px
}

#min-max-temp div dl {
    margin: 6px 0 0 7px;
    font-size: 12px;
    overflow: hidden
}

#min-max-temp div dt {
    float: left;
    width: 54px;
    color: #515151;
    overflow: hidden;
    height: 20px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxMCI+PHJlY3QgZmlsbD0iI0Q4RDhEOCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIi8+PC9zdmc+) 0 12px/3px 1px repeat-x
}

#min-max-temp div dt span {
    font-weight: 400;
    padding: 0 1px 0 1px;
    font-size: 13px;
    color: #515151;
    margin: 0;
    text-transform: capitalize
}

#min-max-temp div dt span.min-max-tempCold {
    position: relative;
    top: 3px
}

#min-max-temp div dt span.min-max-tempHot {
    position: relative;
    top: 3px
}

#min-max-temp div dd {
    width: 40px;
    overflow: hidden;
    position: relative;
    top: 1px;
    font-size: 13px;
    font-weight: 700;
    height: 20px;
    margin-bottom: 0;
    padding-left: 4px
}

#min-max-temp div dd span {
    font-weight: 400;
    margin: 0;
    display: inline
}

.min-max-tempCold {
    background-color: #eafbfe;
    width: 32px
}

.min-max-tempHot {
    background-color: #fffcf4;
    width: 32px
}

#weather-map-checkbox {
    font-size: 12px;
    height: 25px;
    position: relative;
    top: 9px;
    overflow: hidden;
    padding: 5px;
    background: #eee
}

#weather-map-checkbox form {
    margin: 0 auto;
    width: 680px
}

#weather-map-checkbox label {
    background: #fff;
    border: 1px solid #fff;
    line-height: 17px;
    display: inline-block;
    margin-right: 15px;
    padding: 3px 6px;
    width: 95px;
    cursor: pointer;
    text-shadow: 0 1px 0 #fff
}

#weather-map-checkbox label.weather-map-temp {
    width: 128px
}

#weather-map-checkbox label.weather-map-pressure {
    width: 110px
}

#weather-map-checkbox label:last-child {
    margin-right: 0
}

#weather-map-checkbox #clouds,
#weather-map-checkbox #precipitation,
#weather-map-checkbox #pressure,
#weather-map-checkbox #temp,
#weather-map-checkbox #wind {
    margin-right: 5px;
    position: relative;
    top: 2px
}

#weather-map-checkbox #clouds:checked+span,
#weather-map-checkbox #precipitation:checked+span,
#weather-map-checkbox #pressure:checked+span,
#weather-map-checkbox #temp:checked+span,
#weather-map-checkbox #wind:checked+span {
    font-weight: 700;
    color: #333
}

.balun {
    border-radius: 4px;
    width: 105px;
    height: 60px;
    background-color: #fff;
    color: #000;
    font-size: 12px
}

.balun-table-cont,
.balun-table-title {
    height: 25px;
    line-height: 13px;
    text-align: center
}

.balun:after {
    width: 0;
    position: relative;
    border: 8px solid transparent;
    border-top: 8px solid #fff;
    left: 44px;
    top: 4px
}

.balun-table {
    border: none;
    border-collapse: collapse;
    width: 89px;
    margin: 4px auto 0
}

.balun-table-title div {
    overflow: hidden;
    font-size: 12px;
    position: relative;
    top: 3px;
    width: 88px;
    white-space: nowrap;
    max-height: 27px;
    text-overflow: ellipsis
}

.map-bal,
.yaDir-right {
    overflow: visible
}

.balun-table-cont img {
    float: left;
    margin: 0 2px 0 3px
}

.balun-table-cont {
    width: 85px;
    margin: 0 auto;
    padding-top: 3px
}

.balun-table-cont div {
    font-size: 18px !important;
    position: relative;
    top: -10px;
    display: inline-block
}

.balun-table-cont div span {
    position: relative;
    font-size: 11px;
    top: -5px;
    left: 1px
}

.gm-style a,
.gm-style div,
.gm-style label,
.gm-style span {
    font-size: inherit
}

.map-bal {
    border-radius: 4px;
    max-width: 200px;
    background-color: #fff;
    font-size: 12px;
    text-align: center;
    position: relative;
    min-width: 100px
}

.map-bal:hover {
    z-index: 2
}

#add-city,
#add-favorite-city,
#bread-crumbs-map,
#favorite-city dl,
#favorite-city dl dd,
#favorite-city dl dt,
#favorite-city-top,
#feedback-form,
#forecast-daysActive,
#info-map,
#lang-menu-act,
#lang-menu-act dl,
#lang-menu-bottom ul,
#lang-menu-top,
#large-map,
#setting,
#setting-box-theme,
#setting-box-top,
#ui-id-1,
#view,
.bio ul,
.biometric,
.data-l-box,
.day-night-city,
.dw-into,
.feedback-block,
.forecast-days a,
.forecast-f-txt,
.map-bal span,
.no-data-bio,
.sp-moon,
.sunrise-sunset svg,
.sunset,
.sunset-box-data,
.tab-data,
.tabs-bottom,
.tabs-bottom-w,
.water,
.water-sr,
.water-sr-b,
.water-sr-t span,
.weather-days,
.yaDir,
.yaDir .yap-picture-block {
    overflow: hidden
}

.wrapper .map-bal-small {
    position: relative;
    top: 2px;
    display: inline-block;
    padding: 0
}

.map-bal:after {
    display: block;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-top: 8px solid #fff;
    right: 0;
    left: 0;
    margin: auto
}

.map-bal div {
    padding: 7px 10px 0;
    line-height: 13px;
    word-break: break-all;
    position: relative;
    top: 1px
}

.map-bal span {
    display: block;
    padding: 1px 0 4px
}

.map-bal span img {
    margin-right: 4px
}

.map-bal span b {
    position: relative;
    top: -7px
}

#info-map,
#lang-menu-top,
#mistake,
.sunrise-sunset svg {
    position: absolute
}

.sunrise-sunset {
    background: #f7f7f7;
    font-size: 12px;
    padding: 0 10px;
    margin: 2px 0 15px;
    height: 27px
}

.sunrise-sunset svg {
    display: block;
    height: 16px;
    right: 5px;
    top: 7px;
    width: 16px;
    border: none;
    fill: #818181
}

#info-map em,
#lang-menu-act dl dd,
#lang-menu-act dl dt,
.button,
.sp-moon,
.sunrise-sunset span {
    display: inline-block
}

.sunrise-sunset svg:hover {
    fill: #333
}

.sunrise-sunset span {
    margin-right: 25px;
    top: -.5px;
    position: relative
}

.sp-moon,
.sunrise-sunset span img {
    left: 3px;
    top: 5px;
    position: relative
}

.sunrise-sunset span em {
    display: inline-block;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCA2Ij48cG9seWdvbiBmaWxsPSIjZmZmZmZmIiBwb2ludHM9IjAsMyAxMSwzIDExLDEgMTIsMSAxMiwyIDEzLDIgMTMsMyAxNCwzIDE0LDQgMTMsNCAxMi45Njg3NSw1IDExLjk2ODc1LDUgMTEuOTY4NzUsNiAxMC45Njg3NSw2IDEwLjk2ODc1LDQgMCw0ICIvPjxwb2x5Z29uIHBvaW50cz0iMCwyIDExLDIgMTEsMCAxMiwwIDEyLDEgMTMsMSAxMywyIDE0LDIgMTQsMyAxMywzIDEyLjk2ODc1LDQgMTEuOTY4NzUsNCAxMS45Njg3NSw1IDEwLjk2ODc1LDUgMTAuOTY4NzUsMyAwLDMgIi8+PC9zdmc+DQo=) no-repeat;
    line-height: 12px;
    width: 14px;
    height: 6px
}

.sunrise-sunset span span {
    color: #646464;
    margin-right: 0
}

.sp-moon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjYuOCAtODQuNSAxNiAxNzkiPjxwYXRoIGQ9Ik02Ljk1LTc2Ljc2YzAgMS40LjM0IDIuNyAxLjAzIDMuODkuNyAxLjE4IDEuNjMgMi4xMyAyLjgxIDIuODEgMS4xOS42OSAyLjQ4IDEuMDMgMy44OCAxLjAzczIuNjktLjM0IDMuODgtMS4wM2E3LjU3NyA3LjU3NyAwIDAgMCAyLjgxLTIuODEgNy41OTcgNy41OTcgMCAwIDAgMS4wNC0zLjg4YzAtMS4zOS0uMzQtMi42OC0xLjA0LTMuODhhNy42NTEgNy42NTEgMCAwIDAtMi44MS0yLjgxYy0xLjE4LS42OS0yLjQ3LTEuMDMtMy44OC0xLjAzYTcuNjg3IDcuNjg3IDAgMCAwLTYuNjkgMy44NCA3LjU5NyA3LjU5NyAwIDAgMC0xLjAzIDMuODd6TTYuOTgtNTcuMDhjMC0xLjA1LjItMi4wNC42MS0zIC40MS0uOTUuOTYtMS43NyAxLjY1LTIuNDcuNjktLjY5IDEuNTEtMS4yNCAyLjQ3LTEuNjQuOTUtLjQxIDEuOTUtLjYxIDIuOTktLjYxIDEuMDUgMCAyLjA1LjIgMyAuNjEuOTUuNDEgMS43OC45NiAyLjQ3IDEuNjQuNjkuNjkgMS4yNCAxLjUyIDEuNjUgMi40Ny40MS45Ni42MiAxLjk1LjYyIDNzLS4yMSAyLjA0LS42MiAzYy0uNDEuOTYtLjk2IDEuNzgtMS42NSAyLjQ4LS42OC42OS0xLjUgMS4yNC0yLjQ3IDEuNjUtLjk2LjQxLTEuOTUuNjEtMyAuNjEtMS4wNCAwLTIuMDQtLjItMi45OS0uNjEtLjk2LS40MS0xLjc3LS45Ny0yLjQ3LTEuNjRhNy42NzMgNy42NzMgMCAwIDEtMS42NC0yLjQ3Yy0uNDItLjk4LS42Mi0xLjk3LS42Mi0zLjAyem03Ljk1LTYuOWMuNzIuODggMS4zMSAxLjg5IDEuNzcgMy4wNS40NSAxLjE2LjY4IDIuNDQuNjggMy44NSAwIDMuMDEtLjc4IDUuMzItMi4zNSA2LjkuOS0uMDQgMS43NS0uMjYgMi41Ni0uNjMuODEtLjM4IDEuNTItLjg3IDIuMS0xLjQ5LjU4LS42MiAxLjA1LTEuMzQgMS40LTIuMTcuMzUtLjgzLjUyLTEuNy41Mi0yLjYxIDAtMS4yMi0uMjktMi4zNi0uOS0zLjM5LS42LTEuMDMtMS40LTEuODctMi40Mi0yLjVhNi42MSA2LjYxIDAgMCAwLTMuMzYtMS4wMXpNNy0zNy4xN2MwLTEuMDUuMjEtMi4wNC42MS0zIC40MS0uOTUuOTctMS43NyAxLjY1LTIuNDcuNjktLjY5IDEuNTEtMS4yNCAyLjQ2LTEuNjQuOTYtLjQxIDEuOTUtLjYxIDMtLjYxczIuMDUuMiAzIC42MWMuOTUuNDEgMS43Ny45NiAyLjQ3IDEuNjQuNjkuNjkgMS4yNCAxLjUyIDEuNjUgMi40Ny40MS45Ni42MiAxLjk1LjYyIDNzLS4yMSAyLjA0LS42MiAyLjk5Yy0uNC45Ni0uOTYgMS43OC0xLjY1IDIuNDgtLjY5LjY5LTEuNTEgMS4yNC0yLjQ3IDEuNjUtLjk2LjQxLTEuOTUuNjEtMyAuNjEtMS4wNCAwLTIuMDQtLjItMy0uNjEtLjk1LS40MS0xLjc3LS45Ny0yLjQ2LTEuNjVhNy42OTkgNy42OTkgMCAwIDEtMS42NS0yLjQ3Yy0uNC0uOTYtLjYxLTEuOTUtLjYxLTN6bTcuNTkgNi45MWguMTNjLjk0IDAgMS44NC0uMTkgMi42OS0uNTUuODQtLjM2IDEuNTgtLjg2IDIuMi0xLjQ4LjYyLS42MiAxLjEtMS4zNSAxLjQ4LTIuMi4zNy0uODUuNTQtMS43NC41NC0yLjY4IDAtLjk0LS4xOC0xLjgzLS41NC0yLjY4YTcuMDQgNy4wNCAwIDAgMC0xLjQ4LTIuMiA3LjE1NyA3LjE1NyAwIDAgMC0yLjItMS40OCA2LjY0IDYuNjQgMCAwIDAtMi42OS0uNTVoLS4xM3YxMy44MnpNNi45My0xNy4yM2MwLTEuMDUuMi0yLjA0LjYxLTMgLjQxLS45NS45Ni0xLjc4IDEuNjUtMi40Ny42OC0uNjkgMS41LTEuMjQgMi40Ni0xLjY0Ljk2LS40MSAxLjk1LS42MSAzLS42MSAxLjA2IDAgMi4wNS4yIDMgLjYxLjk1LjQxIDEuNzguOTYgMi40OCAxLjY1czEuMjQgMS41MiAxLjY1IDIuNDdjLjQxLjk2LjYxIDEuOTUuNjEgM3MtLjIgMi4wNC0uNjEgMi45OWE4LjA2IDguMDYgMCAwIDEtMS42NCAyLjQ4Yy0uNjguNjktMS41MSAxLjI0LTIuNDcgMS42NS0uOTYuNDEtMS45NS42MS0zIC42MS0xLjA0IDAtMi4wNC0uMi0yLjk5LS42MWE3Ljg1IDcuODUgMCAwIDEtMi40Ni0xLjY0IDcuNjk5IDcuNjk5IDAgMCAxLTEuNjUtMi40N2MtLjQzLS45OC0uNjQtMS45Ny0uNjQtMy4wMnptNS42NCAwYzAgMi44NC41NiA1LjE1IDEuNjYgNi44OS4xLjAxLjI0LjAxLjQzLjAxLjkzIDAgMS44My0uMTkgMi42OC0uNTUuODUtLjM2IDEuNTgtLjg2IDIuMi0xLjQ4YTcuMDQgNy4wNCAwIDAgMCAxLjQ4LTIuMmMuMzctLjg0LjU1LTEuNzQuNTUtMi42OCAwLS45My0uMTktMS44My0uNTUtMi42OC0uMzYtLjg1LS44Ni0xLjU4LTEuNDgtMi4yYTcuMDQgNy4wNCAwIDAgMC0yLjItMS40OGMtLjg0LS4zNy0xLjc0LS41NC0yLjY4LS41NGgtLjM4Yy0xLjEzIDIuMTgtMS43MSA0LjQ3LTEuNzEgNi45MXpNNi45MyAyLjc1YzAtMS4wNi4yMS0yLjA1LjYxLTMuMDIuNDEtLjk1Ljk3LTEuNzcgMS42NS0yLjQ2LjY4LS42OSAxLjUtMS4yNSAyLjQ2LTEuNjUuOTctLjQgMS45NS0uNjEgMy0uNjFzMi4wNS4yMSAzIC42MWMuOTYuNDEgMS43OC45NyAyLjQ4IDEuNjUuNjkuNjggMS4yNCAxLjUgMS42NSAyLjQ2LjQuOTcuNiAxLjk3LjYgMy4wMiAwIDEuMDQtLjIgMi4wNC0uNiAyLjk5LS40MS45Ny0uOTYgMS43OC0xLjY0IDIuNDgtLjY5LjY5LTEuNTEgMS4yNC0yLjQ3IDEuNjQtLjk2LjQxLTEuOTQuNi0zIC42LTEuMDUgMC0yLjA0LS4xOS0zLS42LS45NS0uNDEtMS43Ny0uOTYtMi40Ni0xLjY0YTcuNTMgNy41MyAwIDAgMS0xLjY3LTIuNDhjLS40LS45Ny0uNjEtMS45NS0uNjEtMi45OXptLjgzIDBjMCAuOTQuMTggMS44MS41NCAyLjY3LjM2Ljg2Ljg2IDEuNTkgMS40OCAyLjIuNjEuNjIgMS4zNSAxLjEgMi4yIDEuNDguODYuMzggMS43NS41NCAyLjY4LjU0YTYuODc0IDYuODc0IDAgMCAwIDQuODgtMi4wMmMuNjMtLjYyIDEuMTEtMS4zNCAxLjQ4LTIuMi4zNi0uODYuNTQtMS43NS41NC0yLjY3IDAtMS4yNS0uMzEtMi40MS0uOTItMy40NmE2Ljk3NCA2Ljk3NCAwIDAgMC0yLjUzLTIuNTNjLTEuMDUtLjYzLTIuMjEtLjkyLTMuNDUtLjkyYTYuODc0IDYuODc0IDAgMCAwLTQuODggMi4wMkM5LjE2LTEuNTEgOC42Ny0uNzggOC4zLjA3Yy0uMzcuODYtLjU0IDEuNzUtLjU0IDIuNjh6TTYuOTEgMjIuNWMwLTEuMDYuMjEtMi4wNS42MS0zLjAyLjQxLS45NC45Ny0xLjc2IDEuNjUtMi40NnMxLjUxLTEuMjQgMi40Ni0xLjY0Yy45Ni0uNDEgMS45NS0uNiAzLS42czIuMDQuMiAzIC42Yy45NS40MSAxLjc3Ljk3IDIuNDcgMS42NC43LjY4IDEuMjUgMS41MiAxLjY1IDIuNDYuNDEuOTcuNjEgMS45Ni42MSAzLjAyIDAgMS4wNC0uMiAyLjA0LS42MSAyLjk5LS40Ljk3LS45NiAxLjc4LTEuNjQgMi40OC0uNjguNjktMS41MSAxLjI0LTIuNDcgMS42NWE3LjU2NyA3LjU2NyAwIDAgMS02IDBjLS45NS0uNDEtMS43Ni0uOTctMi40Ni0xLjY1YTcuNTkxIDcuNTkxIDAgMCAxLTEuNjUtMi40N2MtLjQxLS45Ny0uNjItMS45NS0uNjItM3ptLjk4LS4wNmMwIC45NC4xOCAxLjgxLjU0IDIuNjcuMzcuODYuODYgMS41OSAxLjQ4IDIuMi42Mi42MiAxLjM1IDEuMSAyLjIgMS40OC44NS4zOCAxLjc0LjU2IDIuNjguNTZoLjI2Yy40MS0uNDUuNzUtLjk1IDEuMDMtMS41MS4yNy0uNTcuNDktMS4xNS42Mi0xLjc4LjEzLS42Mi4yMy0xLjIxLjI4LTEuNzguMDUtLjU0LjA4LTEuMTguMDgtMS44NCAwLTEuMy0uMTctMi41My0uNS0zLjc0LS4zNC0xLjIxLS44Ni0yLjI2LTEuNTgtMy4xN2gtLjJjLS45NCAwLTEuODIuMi0yLjY4LjU2LS44NS4zNi0xLjU4Ljg2LTIuMiAxLjQ3LS42Mi42Mi0xLjEgMS4zNi0xLjQ4IDIuMi0uMzYuODQtLjUzIDEuNzUtLjUzIDIuNjh6TTYuOTMgNDEuNTJjMC0xLjA2LjIxLTIuMDUuNjEtMy4wMi40MS0uOTQuOTctMS43NiAxLjY1LTIuNDYuNjktLjY5IDEuNTEtMS4yNCAyLjQ2LTEuNjQuOTYtLjQxIDEuOTUtLjYgMy0uNnMyLjA1LjIgMyAuNmMuOTUuNDEgMS43Ny45NyAyLjQ3IDEuNjQuNjkuNjggMS4yNCAxLjUyIDEuNjUgMi40Ni40MS45Ny42MiAxLjk2LjYyIDMuMDIgMCAxLjA0LS4yMSAyLjA0LS42MiAyLjk5LS40Ljk3LS45NiAxLjc4LTEuNjUgMi40Ny0uNjkuNjktMS41MSAxLjI0LTIuNDcgMS42NGE3LjU2NyA3LjU2NyAwIDAgMS02IDBjLS45NS0uNDEtMS43Ny0uOTctMi40Ni0xLjY0YTcuNTkxIDcuNTkxIDAgMCAxLTEuNjUtMi40N2MtLjM5LS45Ny0uNjEtMS45NS0uNjEtMi45OXptLjgzIDBjMCAuOTQuMTggMS44MS41NCAyLjY3LjM3Ljg2Ljg2IDEuNTggMS40OCAyLjIuNjIuNjIgMS4zNSAxLjEgMi4yIDEuNDguODUuMzggMS43NC41NiAyLjY4LjU2aC4xNFYzNC42MWgtLjE0Yy0uOTMgMC0xLjgyLjE4LTIuNjguNTQtLjg1LjM2LTEuNTguODctMi4yIDEuNDgtLjYyLjYyLTEuMSAxLjM2LTEuNDggMi4yLS4zNi44NS0uNTQgMS43Ni0uNTQgMi42OXpNMjIuMzkgNjEuNTRjMCAxLjA1LS4yMSAyLjA0LS42MiAzQTcuODIgNy44MiAwIDAgMSAyMC4xMiA2N2MtLjY5LjY5LTEuNTEgMS4yNC0yLjQ3IDEuNjQtLjk1LjQxLTEuOTUuNjEtMyAuNi0xLjA1IDAtMi4wNS0uMjEtMy0uNjItLjk1LS40MS0xLjc4LS45Ni0yLjQ2LTEuNjVhNy44NjUgNy44NjUgMCAwIDEtMS42NS0yLjQ3Yy0uNC0uOTYtLjYxLTEuOTUtLjYxLTNzLjIyLTIuMDQuNjMtMi45OWMuNDEtLjk2Ljk3LTEuNzggMS42Ni0yLjQ3LjY4LS42OSAxLjUtMS4yMyAyLjQ3LTEuNjQuOTYtLjQgMS45Ni0uNjEgMy0uNiAxLjA0IDAgMi4wNC4yMSAyLjk5LjYyLjk2LjQxIDEuNzcuOTcgMi40NiAxLjY1YTcuNjEgNy42MSAwIDAgMSAxLjY0IDIuNDhjLjQxLjk2LjYyIDEuOTUuNjEgMi45OXptLTcuOTcgNi44OWMtLjcyLS44OC0xLjMxLTEuODktMS43Ni0zLjA1LS40NS0xLjE2LS42Ny0yLjQ0LS42Ny0zLjg2LjAxLTMuMDEuNzktNS4zMiAyLjM3LTYuOS0uOS4wNC0xLjc1LjI1LTIuNTcuNjMtLjgxLjM4LTEuNTIuODctMi4xIDEuNDktLjU4LjYyLTEuMDUgMS4zNC0xLjQgMi4xNy0uMzYuODMtLjUzIDEuNy0uNTMgMi42MSAwIDEuMjIuMjkgMi4zNi44OSAzLjQuNiAxLjAzIDEuMzkgMS44OCAyLjQyIDIuNTEgMS4wMi42MiAyLjE0Ljk1IDMuMzUgMXoiLz48L3N2Zz4=) top left no-repeat;
    height: 19px;
    left: 3px;
    margin: 0;
    padding: 0;
    top: 5px;
    width: 19px;
    background-size: 19px 212px
}

.sp-moon.f1 {
    background-position: 0 0
}

.sp-moon.f2 {
    background-position: 0 -23px
}

.sp-moon.f3 {
    background-position: 0 -47px
}

.sp-moon.f4 {
    background-position: 0 -70px
}

.sp-moon.f5 {
    background-position: 0 -94px
}

.sp-moon.f6 {
    background-position: 0 -117px
}

.sp-moon.f7 {
    background-position: 0 -140px
}

.sp-moon.f8 {
    background-position: 0 -164px
}

#info-map {
    width: 570px;
    margin: 20px 0 0 52px;
    z-index: 999;
    border: 3px solid #a09f9f;
    font-size: 12px;
    color: #333;
    line-height: 16px;
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 0 1px 7px #999;
    box-shadow: 0 1px 7px #999
}

#info-map em {
    float: right;
    position: relative;
    top: -9px;
    right: -8px;
    border: none;
    cursor: pointer;
    width: 14px;
    height: 14px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgOTUuOTM5IDk1LjkzOSI+PHBhdGggZD0iTTYyLjgxOSw0Ny45N2wzMi41MzMtMzIuNTM0YzAuNzgxLTAuNzgxLDAuNzgxLTIuMDQ3LDAtMi44MjhMODMuMzMzLDAuNTg2QzgyLjk1OCwwLjIxMSw4Mi40NDgsMCw4MS45MTksMA0KCQljLTAuNTMsMC0xLjAzOSwwLjIxMS0xLjQxNCwwLjU4Nkw0Ny45NywzMy4xMjFMMTUuNDM1LDAuNTg2Yy0wLjc1LTAuNzUtMi4wNzgtMC43NS0yLjgyOCwwTDAuNTg3LDEyLjYwOA0KCQljLTAuNzgxLDAuNzgxLTAuNzgxLDIuMDQ3LDAsMi44MjhMMzMuMTIxLDQ3Ljk3TDAuNTg3LDgwLjUwNGMtMC43ODEsMC43ODEtMC43ODEsMi4wNDcsMCwyLjgyOGwxMi4wMiwxMi4wMjENCgkJYzAuMzc1LDAuMzc1LDAuODg0LDAuNTg2LDEuNDE0LDAuNTg2YzAuNTMsMCwxLjAzOS0wLjIxMSwxLjQxNC0wLjU4Nkw0Ny45Nyw2Mi44MThsMzIuNTM1LDMyLjUzNQ0KCQljMC4zNzUsMC4zNzUsMC44ODQsMC41ODYsMS40MTQsMC41ODZjMC41MjksMCwxLjAzOS0wLjIxMSwxLjQxNC0wLjU4NmwxMi4wMi0xMi4wMjFjMC43ODEtMC43ODEsMC43ODEtMi4wNDgsMC0yLjgyOEw2Mi44MTksNDcuOTcNCgkJeiIvPjwvc3ZnPg0K) no-repeat
}

#info-map span {
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 6px;
    width: 130px
}

#info-map.info-mapBig {
    margin: 20px auto;
    top: 150px;
    right: 0;
    left: 0
}

#lang-menu {
    width: 187px;
    top: -8px;
    display: none
}

#setting-box {
    width: 207px;
    top: -8px;
    display: none
}

.nd {
    background: url(data:image/gif;base64,R0lGODlhGwAoAIABAAEBAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEVERUIxM0VDNzAxMUUzOEY0RUIwRUU3MDkwMjNDQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEVERUIxNEVDNzAxMUUzOEY0RUIwRUU3MDkwMjNDQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RURFQjExRUM3MDExRTM4RjRFQjBFRTcwOTAyM0NBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RURFQjEyRUM3MDExRTM4RjRFQjBFRTcwOTAyM0NBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAABsAKAAAAiOMj6nL7Q+jnLTai7PevPsPhuLoAeZ5kurKtu4Lx/JM17ZTAAA7) center center no-repeat;
    height: 30px
}

.button {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcb24c), to(#f99925)) #f79016;
    background: linear-gradient(to bottom, #fcb24c 0, #f99925 100%) #f79016;
    padding: 1px 7px;
    line-height: 15px;
    font-size: 11px;
    color: #fff;
    text-shadow: 0 -1px 0 #cc6e04;
    cursor: pointer;
    border: 1px solid #e6932c;
    border-radius: 2px
}

#lang-menu-top,
#setting-box-top {
    left: 183px;
    border: 8px solid transparent
}

.button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f99925), to(#fcb24c)) #f79016;
    background: linear-gradient(to bottom, #f99925 0, #fcb24c 100%) #f79016
}

#lang-menu,
#lang-menu-act,
#m_window {
    background: #fff;
    position: absolute
}

.text {
    font-size: 14px;
    margin-top: 6px;
    line-height: 20px
}

#wind-rose {
    height: 300px
}

#mistake {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Njk3MTQ2MkZDNEFEMTFFM0IzNERFM0Y0MUMyMUM5QjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Njk3MTQ2MzBDNEFEMTFFM0IzNERFM0Y0MUMyMUM5QjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2OTcxNDYyREM0QUQxMUUzQjM0REUzRjQxQzIxQzlCNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2OTcxNDYyRUM0QUQxMUUzQjM0REUzRjQxQzIxQzlCNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqvk63MAAAAPSURBVHjaYmBgYGgACDAAAIUAgevVTJkAAAAASUVORK5CYII=);
    margin: auto;
    top: 0;
    left: 0;
    z-index: 9999999;
    width: 100%
}

#m_window {
    border-radius: 4px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .4), 0 10px 20px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 0 8px rgba(0, 0, 0, .4), 0 10px 20px 0 rgba(0, 0, 0, .18);
    overflow: auto;
    width: 420px;
    height: 420px;
    z-index: 150;
    padding: 20px 20px 0 20px;
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    margin: auto
}

#m_frame {
    border: 0;
    overflow: auto;
    width: 100%;
    height: 400px
}

#lang-menu-act {
    height: 14px;
    margin: 0 0 0 941px;
    padding: 3px 4px 1px;
    top: 60px;
    width: 32px
}

#lang-menu-act dl {
    cursor: pointer
}

#lang-menu-act dl dt {
    width: 17px;
    height: 13px;
    margin-right: 4px;
    float: left
}

#lang-menu-act dl dd {
    width: 11px;
    height: 13px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDMiPg0KPHBvbHlnb24gZmlsbD0iIzAwOERDNyIgcG9pbnRzPSI2LDAgNiwxIDUsMSA1LDIgNCwyIDQsMyAyLDMgMiwyIDEsMiAxLDEgMCwxIDAsMCAiLz4NCjwvc3ZnPg0K) 2px 3px/6px 3px no-repeat;
    position: relative;
    top: -1px
}

#lang-menu {
    margin: 102px 0 0 800px;
    z-index: 11
}

#lang-menu-top {
    width: 0;
    height: 0;
    top: -16px;
    border-bottom: 8px solid #fff
}

.lang-flag,
.m-lang {
    height: 12px;
    display: inline-block
}

#lang-menu-bottom {
    padding: 8px 0 12px
}

#lang-menu-bottom ul {
    margin: 0 1px;
    padding: 0;
    font-size: 13px
}

#lang-menu-bottom ul li {
    line-height: 12px;
    padding: 5px 5px 5px 14px
}

.m-lang {
    border: none;
    vertical-align: bottom
}

.lang-flag {
    width: 17px;
    margin-right: 7px;
    position: relative;
    top: 2px
}

#large-map,
#my-themes,
#my-themes div,
#setting,
#setting-box,
#setting-box-top {
    position: absolute
}

#setting {
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDcuNSA1MDcuNSI+PHBhdGggZmlsbD0iIzAwODVjNiIgZD0iTTQ0MC44IDI4MC41YzAtNy42IDIuNi0xNS4zIDIuNi0yNS41czAtMTcuOC0yLjUtMjUuNWw1My42LTQzLjNjNS4xLTUuMSA1LjEtMTAuMiAyLjYtMTUuM2wtNTEtODkuMmMtMi41LTIuNS03LjYtNS4xLTE1LjMtMi41bC02My43IDI1LjVjLTEyLjctMTAuMi0yOC0xNy44LTQzLjMtMjUuNWwtMTAuMi02Ni4zQzMxNS45IDUuMSAzMDguMiAwIDMwMy4xIDBoLTEwMmMtNS4xIDAtMTIuNyA1LjEtMTIuNyAxMC4ybC0xMC4yIDY4LjljLTE1LjMgNS4xLTI4IDE1LjMtNDMuMyAyNS41bC02MS4yLTI1LjVjLTcuNi0yLjUtMTIuNyAwLTE3LjkgNS4xbC01MSA4OS4zYy0yLjUgMi42IDAgMTAuMiA1LjEgMTUuM2w1My42IDQwLjhjMCA3LjctMi41IDE1LjMtMi41IDI1LjVzMCAxNy45IDIuNiAyNS41bC01My41IDQzLjRjLTUuMSA1LjEtNS4xIDEwLjItMi41IDE1LjNsNTEgODkuM2MyLjYgMi42IDcuNiA1LjEgMTUuMyAyLjZsNjMuOC0yNS41YzEyLjggMTAuMiAyOC4xIDE3LjkgNDMuNCAyNS41bDEwLjIgNjYuM2MwIDUuMSA1LjEgMTAuMiAxMi44IDEwLjJoMTAyYzUuMSAwIDEyLjgtNS4xIDEyLjgtMTAuMmwxMC4yLTY2LjNjMTUuMy03LjYgMzAuNi0xNS4zIDQzLjQtMjUuNWw2My44IDI1LjVjNS4xIDIuNiAxMi44IDAgMTUuMy01LjFsNTEtODkuMmMyLjYtNS4xIDIuNi0xMi43LTIuNi0xNS4zTDQ0MC44IDI4MC41ek0yNTIuMSAzNDQuM2MtNDguNCAwLTg5LjItNDAuOC04OS4yLTg5LjJzNDAuOC04OS4yIDg5LjMtODkuMiA4OS4zIDQwLjggODkuMyA4OS4zUzMwMC42IDM0NC4zIDI1Mi4xIDM0NC4zeiIvPjwvc3ZnPg==) no-repeat;
    height: 27px;
    width: 27px;
    margin: 0;
    top: 21px;
    cursor: pointer;
    background-size: 13px;
    right: 25px;
    border-radius: 100%;
    background-position: 7px
}

#setting-box {
    border-radius: 3px;
    background-color: #fff;
    margin: 68px 0 0 0;
    z-index: 11;
    right: 23px
}

.setting-box,
.setting-box-none {
    display: inline-block;
    line-height: 12px;
    font-weight: 700
}

#setting-box-top {
    width: 0;
    height: 0;
    top: -16px;
    border-bottom: 8px solid #fff
}

#setting-box-bottom {
    padding: 20px 6px 12px 9px;
    font-size: 12px;
    margin-left: 15px
}

.setting-box {
    color: #2596cd;
    cursor: pointer;
    margin-bottom: 9px
}

.setting-box:hover {
    color: #d50404
}

.setting-box-none {
    margin-bottom: 10px;
    color: #e51919
}

#sw-s {
    border-radius: 0 2px 2px 0
}

#sw-i {
    border-radius: 2px 0 0 2px
}

#setting-box-label {
    font-weight: 400;
    margin-bottom: 7px
}

#setting-box-label input {
    float: left;
    margin-right: 5px;
    position: relative;
    top: 1px
}

#setting-box-choose-theme-l,
.block-info,
.dw-into {
    display: inline-block
}

#large-map:before,
.balun-map:after {
    content: ""
}

#map .reg-list,
#my-themes ul li,
.balun-map div,
.balun-map img,
.balun-map span,
.balun-map:after,
.block-info,
.info-str-tx-tit {
    position: relative
}

@keyframes info-block {
    0% {
        opacity: 1;
        top: 120px;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    12% {
        opacity: 1;
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5)
    }

    17%,
    90% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    100% {
        opacity: 0;
        top: 120px;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg)
    }
}

@-webkit-keyframes info-block {
    0% {
        opacity: 1;
        top: 120px;
        -webkit-transform: scale3d(1, 1, 1)
    }

    12% {
        opacity: 1;
        -webkit-transform: scale3d(1.5, 1.5, 1.5)
    }

    17%,
    90% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1)
    }

    100% {
        opacity: 0;
        top: 120px;
        -webkit-transform: rotate3d(0, 0, 1, 200deg)
    }
}

.block-info {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCI+DQo8cG9seWdvbiBmaWxsPSIjMDA4REM3IiBwb2ludHM9IjEsMCA5LDAgOSwxIDEwLDEgMTAsOSA5LDkgOSwxMCAxLDEwIDEsOSAwLDkgMCwxIDEsMSAiLz4NCgk8cmVjdCB4PSIzIiB5PSIyIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMyIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNCIgeT0iNSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjUiIHk9IjQiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSI2IiB5PSIzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNCIgeT0iNyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KPC9zdmc+DQo=) no-repeat;
    width: 10px;
    height: 10px;
    top: 1px;
    left: 5px;
    margin-right: 4px
}

#content-right .block-info {
    margin-right: 14px
}

#setting-box-theme {
    padding: 5px 0;
    margin: 0 18px 3px 0;
    font-size: 13px
}

#setting-box-theme.set-two {
    border-top: none;
    padding-top: 0
}

#setting-box-theme-t {
    margin-bottom: 5px
}

#setting-box-choose-theme {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzIDUiPjxwb2x5Z29uIGZpbGw9IiM3QTgyODMiIHBvaW50cz0iMCwwIDEsMCAxLDEgMiwxIDIsMiAzLDIgMywzIDIsMyAxLjk4NDM3NSw0IDAuOTg0Mzc1LDQgMC45ODQzNzUsNSAwLDUgIi8+PC9zdmc+DQo=) 0 5px/3px 5px no-repeat;
    padding-left: 8px;
    margin-left: 7px
}

#setting-box-choose-theme-l {
    font-size: 12px;
    color: #1976d2;
    cursor: pointer;
    line-height: 11px
}

#setting-box-choose-link {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzIDUiPjxwb2x5Z29uIGZpbGw9IiM3QTgyODMiIHBvaW50cz0iMCwwIDEsMCAxLDEgMiwxIDIsMiAzLDIgMywzIDIsMyAxLjk4NDM3NSw0IDAuOTg0Mzc1LDQgMC45ODQzNzUsNSAwLDUgIi8+PC9zdmc+DQo=) 0 8px/3px 5px no-repeat;
    padding-left: 8px;
    margin: 6px 0 1px 7px
}

#setting-box-choose-link input {
    font-size: 11px;
    padding: 4px 3px;
    border: 1px solid #ccc;
    width: 130px;
    background: #f7f7f7;
    text-indent: 2px
}

.atss.atss-right a {
    margin-bottom: 10px
}

.info-f,
.info-str {
    margin: 5px 0 8px;
    font-size: 14px;
    line-height: 20px
}

.info-f {
    padding: 0
}

.info-str2 {
    margin: 0;
    font-size: 14px;
    font-weight: 700
}

.info-str-list {
    font-size: 12px;
    margin: 0 0 10px 40px
}

.info-str-besp {
    font-size: 14px;
    color: red
}

.info-str-tx {
    font-size: 14px;
    margin: 10px 0 3px;
    line-height: 20px
}

.info-str-tx-tit {
    padding-bottom: 0;
    top: 8px;
    font-weight: 700
}

.info-str-s {
    font-size: 12px;
    margin: 0;
    padding: 0
}

.dw-into {
    max-height: 40px;
    line-height: 20px;
    font-size: 14px;
    -webkit-transition: max-height 150ms;
    transition: max-height 150ms
}

#close-desc-weather,
#open-desc-weather {
    color: #1976d2;
    cursor: pointer;
    line-height: 12px;
    display: inline-block
}

#close-desc-weather:hover,
#open-desc-weather:hover {
    color: #d50404
}

.open-desc-weather {
    max-height: 100px
}

#close-desc-weather {
    display: none
}

.balun-map {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px #333;
    box-shadow: 0 1px 5px #333;
    width: 63px;
    height: 27px;
    font-size: 11px !important;
    line-height: 15px;
    cursor: pointer
}

#large-map,
#map {
    background-position: center center;
    background-repeat: no-repeat
}

.balun-map:after {
    display: block;
    width: 0;
    border: 8px solid transparent;
    border-top: 8px solid #fff;
    left: 24px;
    top: -3px
}

#map .reg-list {
    top: 2px;
    left: 2px;
    float: none;
    margin-right: 0
}

.balun-map img {
    width: 20px;
    float: left;
    top: 2px;
    left: 5px;
    margin-right: 5px
}

.balun-map div {
    display: inline-block;
    text-align: center;
    top: -7px;
    width: 33px;
    color: #000
}

.balun-map span {
    font-size: 9px !important;
    top: -1px
}

#map {
    height: 400px;
    margin-top: 15px
}

#large-map {
    margin: 0;
    height: calc(100% - 100px);
    width: 100%;
    z-index: 1;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#feedback-form {
    background: #f7f7f7;
    font-size: 14px;
    margin: 25px auto 0;
    padding: 25px 30px 20px 42px
}

.feedback-input,
.feedback-input-key {
    padding: 5px 3px 6px;
    border: none;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset
}

label {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #000
}

.feedback-input {
    width: 90%;
    font-size: 14px;
    font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif
}

.feedback-block textarea,
.feedback-button {
    font-size: 14px;
    font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif
}

.focus-i {
    -webkit-transition: outline .5s ease;
    transition: outline .5s ease;
    outline: #f7f7f7 solid 3px
}

.focus-i:focus {
    outline: #ccc solid 3px
}

.feedback-input.listCityAdd {
    width: 190%
}

.feedback-input-key {
    width: 155px;
    font-size: 14px
}

.feedback-block {
    padding: 0 0 3px 3px;
    margin-bottom: 10px
}

.feedback-block-l {
    width: 50%;
    float: left
}

.feedback-block-r {
    width: 50%;
    float: right
}

.feedback-block textarea {
    width: 95%;
    height: 150px;
    padding: 5px 3px 6px;
    border: none;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
    margin-bottom: 10px
}

.feedback-block-l img {
    display: inline-block;
    float: left;
    margin-right: 15px
}

.feedback-block-l div {
    float: left
}

.feedback-button {
    -webkit-transition: background-color 230ms ease-in;
    transition: background-color 230ms ease-in;
    background-color: #2e7d32;
    color: #fff;
    padding: 10px 0;
    width: 288px;
    border: none;
    cursor: pointer;
    border-radius: 2px
}

.feedback-button:hover {
    background-color: #388e3c
}

#emailError,
#emailSuccess {
    background: #f7f7f7;
    border: 1px dashed #ccc;
    padding: 10px;
    top: 0;
    margin-top: 20px;
    font-size: 14px;
    display: block;
    position: relative;
    text-align: center;
    font-weight: 700
}

#emailSuccess {
    color: green
}

#emailError {
    color: #f44336
}

.water {
    font-size: 14px;
    margin: 15px 0
}

.water-text {
    line-height: 18px;
    padding: 0
}

.next-archive span,
.water-sr-b div,
.water-sr-b p,
.water-sr-b span,
.water-sr-t span {
    display: inline-block
}

.data-l-box,
.tabs li,
.tabs li.tab-w div,
.weather-season-month {
    text-align: center
}

.next-archive {
    font-size: 14px;
    border-bottom: 1px dotted #2596cd;
    cursor: pointer;
    line-height: 18px;
    color: #1976d2;
    position: absolute;
    margin: 11px 0 0 630px;
    height: 16px
}

#add-city em:hover,
.next-archive:hover {
    border-bottom: 1px dotted #d50404;
    color: #d50404
}

.next-archive span {
    height: 18px;
    position: relative;
    top: 1px;
    float: right
}

.weather-season {
    width: 100%;
    border: none;
    border-collapse: collapse;
    font-size: 14px;
    margin-top: 25px
}

.weather-season-city,
.weather-season-month {
    color: #616161;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 12px
}

.weather-season-city {
    padding-left: 19px
}

.weather-season-month {
    width: 18%
}

.weather-season-list {
    width: 100%;
    border: none;
    border-collapse: collapse;
    font-size: 14px
}

.weather-season-list-bg {
    background: #fff
}

.weather-season-list-city {
    padding-left: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-size: 16px;
    line-height: 60px
}

.weather-season-list-month {
    width: 18%;
    text-align: center;
    font-size: 18px;
    line-height: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.weather-season-list-month span {
    font-size: 14px;
    position: relative;
    top: -3px
}

#bread-crumbs-map {
    padding: 0;
    margin: 8px 0 0 15px;
    font-size: 14px
}

#bread-crumbs-map li {
    float: left;
    margin-right: 5px
}

#bread-crumbs-map li img {
    border: none
}

.tabs li,
.tabs li.tab-w {
    border-top: 1px solid #d3d6d7;
    border-right: 1px solid #d3d6d7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    cursor: pointer
}

#bread-crumbs-map li a {
    margin-right: 5px;
    color: #fff
}

#bread-crumbs-map li:after {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICBmaWxsPSIjZmZmIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDQ1MS44NDYgNDUxLjg0NyI+DQoJPHBhdGggZD0iTTM0NS40NDEsMjQ4LjI5MkwxNTEuMTU0LDQ0Mi41NzNjLTEyLjM1OSwxMi4zNjUtMzIuMzk3LDEyLjM2NS00NC43NSwwYy0xMi4zNTQtMTIuMzU0LTEyLjM1NC0zMi4zOTEsMC00NC43NDQNCgkJTDI3OC4zMTgsMjI1LjkyTDEwNi40MDksNTQuMDE3Yy0xMi4zNTQtMTIuMzU5LTEyLjM1NC0zMi4zOTQsMC00NC43NDhjMTIuMzU0LTEyLjM1OSwzMi4zOTEtMTIuMzU5LDQ0Ljc1LDBsMTk0LjI4NywxOTQuMjg0DQoJCWM2LjE3Nyw2LjE4LDkuMjYyLDE0LjI3MSw5LjI2MiwyMi4zNjZDMzU0LjcwOCwyMzQuMDE4LDM1MS42MTcsMjQyLjExNSwzNDUuNDQxLDI0OC4yOTJ6Ii8+DQo8L3N2Zz4NCg==) no-repeat -2px 0/9px;
    width: 6px;
    height: 10px;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 2px
}

#bread-crumbs-map li:last-child:after {
    display: none
}

#bread-crumbs-map li:last-child:after,
.tabs li.current:after,
.tabs li.tab-w:after {
    content: ""
}

.tabs li,
.tabs li.current {
    display: block;
    position: relative
}

#title-map {
    padding: 0 80px 0 0;
    margin: 0;
    border-bottom: none
}

.tabs {
    margin: 8px 0 10px;
    padding: 0 2px 0 5px;
    font-size: 16px
}

.tabs li {
    font-size: 16px;
    font-weight: 700;
    background-color: #f7f7f7;
    border-bottom: none;
    padding: 10px 0 8px;
    z-index: 1;
    line-height: 22px;
    width: 14%;
    -webkit-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in
}

.tabs li:hover {
    background: #eee
}

.tabs li:first-child {
    border-left: 1px solid #b7b9b9
}

.tabs li span {
    color: #656464;
    font-size: 14px;
    font-weight: 400
}

.tabs li.weekend,
.tabs li.weekend span,
.tabs li.weekend.current {
    color: #e70000
}

.tabs li.current {
    padding: 15px 0 10px;
    width: 16%;
    border-left: 1px solid #b7b9b9;
    border-bottom: 1px solid #fff;
    font-size: 20px;
    color: #000;
    background: #fff;
    top: -8px;
    z-index: 3;
    left: -1px;
    line-height: 23px
}

.tabs li.current:after {
    background: #fff;
    bottom: -1px;
    height: 1px;
    left: -1px;
    position: absolute;
    width: 102%
}

.tabs li.current:hover {
    background: #fff
}

.tabs-bottom,
.tabs-bottom-w {
    z-index: 2;
    height: 1px;
    background: #d3d6d7
}

.ie10 .tabs li.current {
    top: -6px;
    line-height: 21px
}

.tabs li.current~li {
    left: -1px
}

.tabs-bottom {
    position: relative;
    top: 49px
}

#tabs-tx .current {
    padding: 11px 18px 5px 17px
}

.tabs li.tab-w,
.tabs li.tab-w.current {
    padding: 0;
    position: relative;
    display: block
}

.tabs-bottom-w {
    position: relative;
    top: 164px
}

.tabs li.tab-w {
    font: 12px Arial;
    background: #f3fbff;
    border-bottom: none;
    z-index: 1;
    line-height: 19px;
    width: 14.29%;
    height: 155px;
    -webkit-transition: background 230ms ease-out;
    transition: background 230ms ease-out
}

.forecast-days,
.sunset-box-now.day-length span,
.w-cam:after {
    font-weight: 700
}

.tabs li.tab-w:first-child {
    border-left: 1px solid #d3d6d7;
    border-radius: 2px 0 0 0
}

.tabs li.tab-w:last-child {
    border-radius: 0 2px 0 0
}

.tabs li.tab-w:hover {
    background: #eaf7fe
}

.tabs li.tab-w.current {
    border-left: 1px solid #d3d6d7;
    color: #000;
    background: #fff;
    top: -8px;
    z-index: 3;
    left: -1px;
    line-height: 19px;
    width: 16%;
    height: 164px;
    border-radius: 2px 2px 0 0
}

.day-week,
.numbers-month {
    position: relative;
    top: 5px
}

.icon-weather,
.wi,
.wi-24,
.wi-v {
    width: 48px;
    height: 48px
}

.numbers-month {
    font-size: 22px
}

.month {
    color: #666565
}

.tab-w .month {
    position: relative;
    top: 5px
}

.icon-weather {
    display: block;
    margin: 0 auto;
    position: relative;
    top: 0
}

.day-temperature span,
.night-temperature:before,
.wi-v {
    display: inline-block;
    position: relative
}

.wi,
.wi-24 {
    background: url(//world-weather.ru/images/sprite.svg) left top no-repeat;
    background-size: 48px 3644px;
    -webkit-background-size: 48px 3644px;
    -ms-background-size: 48px 3644px;
    -o-background-size: 48px 3644px;
    -moz-background-size: 48px 3644px
}

.wi.d000 {
    background-position: 0 0
}

.wi.d100 {
    background-position: 0 -58px
}

.wi.d200 {
    background-position: 0 -116px
}

.wi.d210 {
    background-position: 0 -174px
}

.wi.d211 {
    background-position: 0 -232px
}

.wi.d220 {
    background-position: 0 -1276px
}

.wi.d212 {
    background-position: 0 -348px
}

.wi.d221 {
    background-position: 0 -406px
}

.wi.d222 {
    background-position: 0 -464px
}

.wi.d240,
.wi.d241,
.wi.d242,
.wi.d243 {
    background-position: 0 -522px
}

.wi.d300 {
    background-position: 0 -580px
}

.wi.d310 {
    background-position: 0 -638px
}

.wi.d311 {
    background-position: 0 -696px
}

.wi.d312 {
    background-position: 0 -754px
}

.wi.d320 {
    background-position: 0 -812px
}

.wi.d321 {
    background-position: 0 -870px
}

.wi.d322 {
    background-position: 0 -928px
}

.wi.d340,
.wi.d341 {
    background-position: 0 -986px
}

.wi.d400 {
    background-position: 0 -1044px
}

.wi.d410,
.wi.d415 {
    background-position: 0 -1102px
}

.wi.d411 {
    background-position: 0 -1160px
}

.wi.d412 {
    background-position: 0 -1218px
}

.wi.d420,
.wi.d423 {
    background-position: 0 -1276px
}

.wi.d421,
.wi.d424,
.wi.d425 {
    background-position: 0 -1334px
}

.wi.d422 {
    background-position: 0 -1392px
}

.wi.d430,
.wi.d433,
.wi.d434,
.wi.d435,
.wi.d436,
.wi.d437,
.wi.d438,
.wi.d439,
.wi.d441,
.wi.d442 {
    background-position: 0 -1450px
}

.wi.d431 {
    background-position: 0 -3132px
}

.wi.d432,
.wi.d443,
.wi.d444 {
    background-position: 0 -1566px
}

.wi.d440,
.wi.d445,
.wi.d446,
.wi.d447 {
    background-position: 0 -1624px
}

.wi.d500,
.wi.d501,
.wi.d502,
.wi.d503,
.wi.d504,
.wi.d505 {
    background-position: 0 -1682px
}

.wi.d600,
.wi.d601,
.wi.d602,
.wi.d603 {
    background-position: 0 -1740px
}

.wi.n000 {
    background-position: 0 -1798px
}

.wi.n100 {
    background-position: 0 -1856px
}

.wi.n200 {
    background-position: 0 -1914px
}

.wi.n210 {
    background-position: 0 -1972px
}

.wi.n211 {
    background-position: 0 -2030px
}

.wi.n212 {
    background-position: 0 -2088px
}

.wi.n220 {
    background-position: 0 -3074px
}

.wi.n221 {
    background-position: 0 -2204px
}

.wi.n222 {
    background-position: 0 -2262px
}

.wi.n240,
.wi.n241,
.wi.n242,
.wi.n243 {
    background-position: 0 -2320px
}

.wi.n300 {
    background-position: 0 -2378px
}

.wi.n310 {
    background-position: 0 -2436px
}

.wi.n311 {
    background-position: 0 -2494px
}

.wi.n312 {
    background-position: 0 -2552px
}

.wi.n320 {
    background-position: 0 -2610px
}

.wi.n321 {
    background-position: 0 -2668px
}

.wi.n322 {
    background-position: 0 -2726px
}

.wi.n340,
.wi.n341 {
    background-position: 0 -2784px
}

.wi.n400 {
    background-position: 0 -2842px
}

.wi.n410,
.wi.n415 {
    background-position: 0 -2900px
}

.wi.n411 {
    background-position: 0 -2958px
}

.wi.n412 {
    background-position: 0 -3016px
}

.wi.n420,
.wi.n423 {
    background-position: 0 -3074px
}

.wi.n421,
.wi.n424,
.wi.n425 {
    background-position: 0 -3132px
}

.wi.n422 {
    background-position: 0 -3190px
}

.wi.n430,
.wi.n433,
.wi.n434,
.wi.n435,
.wi.n436,
.wi.n437,
.wi.n438,
.wi.n439,
.wi.n441,
.wi.n442 {
    background-position: 0 -3248px
}

.wi.n431 {
    background-position: 0 -3132px
}

.wi.n440,
.wi.n445,
.wi.n446,
.wi.n447 {
    background-position: 0 -3364px
}

.wi.n432,
.wi.n443,
.wi.n444 {
    background-position: 0 -3422px
}

.wi.n500,
.wi.n501,
.wi.n502,
.wi.n503,
.wi.n504,
.wi.n505 {
    background-position: 0 -3480px
}

.wi.n600,
.wi.n601,
.wi.n602,
.wi.n603 {
    background-position: 0 -3538px
}

.wi.op {
    background-position: 0 -4000px
}

.wi-v {
    right: 0;
    top: 3px
}

.day-temperature {
    font-size: 25px;
    position: relative;
    top: 4px
}

.day-temperature span {
    width: 8px;
    height: 16px;
    top: -1px;
    right: 3px
}

.fall-temperature {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDE2Ij48cG9seWdvbiBmaWxsPSIjMDA4REM3IiBwb2ludHM9IjgsMTEgNywxMiA2LDEzIDUsMTQgNC4wODMwMDc4LDE0Ljk4NDM3NSAzLDEzLjk4NDM3NSAyLDEyLjk5MjE4NzUgMSwxMS45ODQzNzUgMCwxMSAzLDExIDMuMDE1NjI1LDAgNS4wMTU2MjUsMCA1LDExIi8+PC9zdmc+DQo=) no-repeat
}

.temperature-rise {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDE2Ij48cG9seWdvbiBmaWxsPSIjRkYwMTAxIiBwb2ludHM9IjAsMy45ODQzNzUgMSwyLjk4NDM3NSAyLDEuOTg0Mzc1IDMsMC45ODQzNzUgMy45NjkyMzgzLDAgNSwxIDYsMS45OTIxODc1IDcsMyA4LDMuOTg0Mzc1IDUsMy45ODQzNzUgNC45ODQzNzUsMTQuOTg0Mzc1IDIuOTg0Mzc1LDE0Ljk4NDM3NSAzLDMuOTg0Mzc1ICIvPjwvc3ZnPg0K) no-repeat
}

.night-temperature {
    font-size: 14px;
    position: relative;
    right: -10px;
    top: 8px
}

.night-temperature:before {
    content: "ночь";
    font-size: 13px;
    left: -4px;
    color: #676767
}

li.tab-w .night-temperature span {
    font-size: 11px;
    color: #666565
}

.tabs li.tab-w.weekend,
.tabs li.tab-w.weekend span,
.tabs li.tab-w.weekend.current {
    color: #000
}

.tabs li.tab-w.weekend .day-week,
.tabs li.tab-w.weekend .numbers-month {
    color: #d32f2f
}

.tabs li.tab-w.weekend .month {
    color: #d32f2f
}

.tabs li.tab-w.current .day-week {
    font-size: 13px;
    margin-bottom: 4px;
    position: relative;
    top: 5px
}

.tabs li.tab-w.current .day-temperature {
    font-size: 27px
}

.tabs li.tab-w.current .night-temperature {
    position: relative;
    top: 8px
}

.tabs li.tab-w.current .numbers-month {
    font-size: 26px;
    margin-bottom: 4px;
    position: relative;
    top: 6px
}

.sunset,
.tabs li.tab-w.current .month {
    font-size: 14px
}

.tabs li.tab-w.current .month {
    top: 4px
}

.tabs.tabs-db+.weather-today td {
    border-bottom: none !important;
    padding: 0 !important;
    -webkit-transform: translateY(12px);
    transform: translateY(12px)
}

.tabs.tabs-db {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding: 0 5px
}

.scrollup {
    bottom: 20px;
    right: 15px;
    width: 48px;
    height: 49px;
    background: #0085c6 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuMDAwMjQ0MSAzNzAuODE0NDUzMSAzNzAuODE0NDUzMSI+DQoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMzQ1Ljk2NTgyMDMsMjkyLjkxOTY3NzcgMzcwLjgxNDQ1MzEsMjY4Ljc4MTAwNTkgMTg1LjQxMzA4NTksNzcuODk0Nzc1NCAwLDI2OC43ODEwMDU5IA0KCQkJMjQuODUzNTE1NiwyOTIuOTE5Njc3NyAxODUuNDEzMDg1OSwxMjcuNjM3OTM5NSIvPg0KPC9zdmc+DQo=) center center/32px 32px no-repeat;
    cursor: pointer;
    display: none;
    position: fixed;
    z-index: 3;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    border-radius: 2px
}

.sunset {
    font-size: 15px;
    background-color: rgb(241 248 251);
    padding: 39px 30px 35px 30px;
    margin-bottom: 30px;
    background-image: radial-gradient(circle 827px at 47.3% 48%, rgb(241 248 251) 0, rgba(138, 192, 216, .1) 90%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px
}

.sunset-box {
    width: 46%;
    max-width: 350px;
    min-width: 320px
}

.sunset-box-now {
    font-size: 15px;
    position: relative;
    line-height: 16px;
    top: -7px;
    text-transform: uppercase;
    font-weight: 700
}

.sunset-box-now.day-length {
    font-size: 15px
}

.sunset-box-data {
    padding: 0 0 0 43px;
    min-height: 44px;
    display: block;
    margin: 4px 0 0;
    line-height: 23px;
    position: relative
}

.sunset-box-data.bg-sun:before,
.sunset-box-data:before {
    left: 0;
    content: "";
    display: block;
    width: 54px;
    height: 54px;
    position: absolute;
    top: -6px;
    margin-left: -3px
}

.sunset-box-data:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM3MzczNzQiIGQ9Ik0yMy4xNjMsNDIuMDg2YzkuNzAxLDAsMTcuNTY2LTcuODY1LDE3LjU2Ni0xNy41NjcNCglTMzIuODY0LDYuOTUxLDIzLjE2Myw2Ljk1MWMtOS43MDMsMC0xNy41NjgsNy44NjUtMTcuNTY4LDE3LjU2N1MxMy40Niw0Mi4wODYsMjMuMTYzLDQyLjA4NkwyMy4xNjMsNDIuMDg2eiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNFRkVGRUYiIGQ9Ik0yMy4yNDksNDEuMjI0YzEuMDAzLDAsMS45ODQtMC4wODksMi45MzktMC4yNTgNCgljLTYuODk5LTIuMjgyLTExLjg3Ny04Ljc4Mi0xMS44NzctMTYuNDQ3czQuOTc4LTE0LjE2NSwxMS44NzctMTYuNDQ3Yy0wLjk1NS0wLjE2OS0xLjkzNy0wLjI1Ny0yLjkzOS0wLjI1Nw0KCWMtOS4yMjcsMC0xNi43MDUsNy40NzgtMTYuNzA1LDE2LjcwNFMxNC4wMjIsNDEuMjI0LDIzLjI0OSw0MS4yMjRMMjMuMjQ5LDQxLjIyNHoiLz48L3N2Zz4NCg==) no-repeat
}

.sunset-box-data.bg-sun:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkQ2MkUiIGQ9Ik0yMy40NzYsNDEuNDYzYzkuNDMsMCwxNy4wNzUtNy42NDUsMTcuMDc1LTE3LjA3NA0KCWMwLTkuNDMyLTcuNjQ2LTE3LjA3Ni0xNy4wNzUtMTcuMDc2QzE0LjA0NSw3LjMxMyw2LjQsMTQuOTU3LDYuNCwyNC4zODlDNi40LDMzLjgxOCwxNC4wNDUsNDEuNDYzLDIzLjQ3Niw0MS40NjNMMjMuNDc2LDQxLjQ2M3oiLz48L3N2Zz4NCg==) no-repeat
}

#ui-id-1 li a {
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s
}

.add-date,
.sunset-box-data dd,
.sunset-box-data dt {
    display: inline-block
}

.sunset-box-data dd {
    padding-left: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sunset-box-data dt {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxMCI+PHJlY3QgZmlsbD0iI0Q4RDhEOCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIi8+PC9zdmc+) 0 15px/3px 1px repeat-x;
    width: 70%;
    margin-left: 15px
}

.sunset-box-data.bg-sun dt {
    width: 70%
}

.sunset-box-data dt span {
    background-color: rgb(241 248 251)
}

.set-date {
    overflow: hidden;
    height: 47px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto 15px auto
}

.add-date,
.calendar {
    position: absolute;
    font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif
}

.calendar,
.calendar:focus {
    border: 1px solid #b7b9b9;
    outline-offset: 0;
    cursor: pointer;
    color: #000;
    font-size: 14px;
    padding: 6px 10px 6px 20px;
    right: 55px;
    top: 0;
    width: 140px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+DQo8cGF0aCBkPSJNMTYwLDI1Nkg5NnYtNjRoNjRWMjU2eiBNMjg4LDE5MmgtNjR2NjRoNjRWMTkyeiBNNDE2LDE5MmgtNjR2NjRoNjRWMTkyeiBNMTYwLDI4OEg5NnY2NGg2NFYyODh6IE0yODgsMjg4aC02NHY2NGg2NFYyODh6DQoJCSBNNDE2LDI4OGgtNjR2NjRoNjRWMjg4eiBNMTYwLDM4NEg5NnY2NGg2NFYzODR6IE0yODgsMzg0aC02NHY2NGg2NFYzODR6IE0xMjgsOTZjMTcuNjcyLDAsMzItMTQuMzEzLDMyLTMyVjMyDQoJCWMwLTE3LjY4OC0xNC4zMjgtMzItMzItMzJTOTYsMTQuMzEzLDk2LDMydjMyQzk2LDgxLjY4OCwxMTAuMzI4LDk2LDEyOCw5NnogTTUxMiw2NHY0NDhIMFY2NGg4MGMwLDI2LjQ2OSwyMS41MzEsNDgsNDgsNDgNCgkJYzI2LjQ2OSwwLDQ4LTIxLjUzMSw0OC00OGgxNjBjMCwyNi40NjksMjEuNTMxLDQ4LDQ4LDQ4czQ4LTIxLjUzMSw0OC00OEg1MTJ6IE00ODAsMTYwSDMydjMyMGg0NDhWMTYweiBNMzg0LDk2DQoJCWMxNy42ODgsMCwzMi0xNC4zMTMsMzItMzJWMzJjMC0xNy42ODgtMTQuMzEyLTMyLTMyLTMycy0zMiwxNC4zMTMtMzIsMzJ2MzJDMzUyLDgxLjY4OCwzNjYuMzEyLDk2LDM4NCw5NnoiLz48L3N2Zz4NCg==) 98px 6px/16px 16px no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background-color: #fff;
    border-radius: 2px;
    height: 32px;
    outline: 0;
    font-weight: 700
}

.add-date {
    background-color: #2e7d32;
    -webkit-transition: background-color 230ms ease-in;
    transition: background-color 230ms ease-in;
    border: none;
    color: #fff;
    cursor: pointer;
    width: 100px;
    padding: 6px 0;
    right: -76px;
    top: -32px;
    line-height: 21px;
    height: 32px;
    position: relative;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-appearance: none
}

.sunset-headline {
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700
}

#tetr-close {
    font-size: 14px;
    line-height: 14px
}

.tab-data {
    font-size: 16px;
    line-height: 18px
}

.add-date:hover {
    background: #388e3c
}

.tab-data {
    margin-bottom: 20px
}

.data-l,
.data-l-box {
    margin: 0;
    padding: 0
}

.data-l-box {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: block;
    float: left
}

.data-l-box.time {
    width: 18%
}

.data-l-box.time-rise,
.data-l-box.time-set {
    width: 23%
}

.data-l-box.other-data {
    width: 36%
}

.data-l-box.box-head {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 11px 0;
    font-weight: 700;
    font-size: 15px
}

.data-l-box.list-data {
    height: 61px
}

.data-l-box.list-data span {
    font-size: 15px;
    position: relative;
    top: 22px
}

.data-l-box.list-data div {
    text-align: left;
    padding-left: 55px;
    position: relative;
    top: 6px
}

h2+.tab-data .data-l-box.other-data.box-head {
    text-align: left;
    padding-left: 6%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.day-night-city,
.tetr,
.w-cam:after {
    text-align: center
}

.data-l-box.list-data div span:first-letter {
    text-transform: capitalize
}

.data-l-box.list-data div span {
    font-size: 14px;
    position: relative;
    top: 13px;
    display: inline-block
}

.data-l-box.list-data div em {
    position: relative;
    top: 17px;
    display: inline-block;
    margin-right: 8px
}

.moon.sp-moon {
    left: 0
}

@media only screen and (max-width :1180px) {
    .scrollup {
        display: none !important
    }
}

.scrollup:hover {
    width: 64px
}

.scrollup:hover:after {
    content: "наверх";
    font-size: 11px;
    width: 64px;
    text-align: center;
    display: block;
    position: relative;
    top: 50px
}

.at-share-close-control,
.defSet-close {
    border-radius: 50%;
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MjYuNyA0MjYuNyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNMjEzLjMgMEM5NS41IDAgMCA5NS41IDAgMjEzLjNzOTUuNSAyMTMuMyAyMTMuMyAyMTMuMyAyMTMuMy05NS41IDIxMy4zLTIxMy4zUzMzMS4yIDAgMjEzLjMgMHpNMzMxIDI3Ni43bC01NC4zIDU0LjMgLTYzLjQtNjMuNCAtNjMuNCA2My40IC01NC4zLTU0LjMgNjMuNC02My40IC02My40LTYzLjQgNTQuMy01NC4zIDYzLjQgNjMuNCA2My40LTYzLjQgNTQuMyA1NC4zIC02My40IDYzLjRMMzMxIDI3Ni43eiIgZmlsbD0iI2Y1NDIwMCIvPjwvc3ZnPg==) no-repeat 0 0/14px
}

#at4-share {
    margin-right: 15px !important
}

#at4-share:before {
    content: "";
    top: -5px;
    right: -5px;
    bottom: 5px;
    left: -5px;
    position: absolute;
    border: 1px dashed #ed1c24;
    -webkit-box-shadow: 0 0 6px #bdbcbc;
    box-shadow: 0 0 6px #bdbcbc;
    display: none;
    z-index: 999999
}

.at-share-close-control {
    display: block !important;
    position: absolute !important;
    width: 14px !important;
    height: 14px;
    right: -12px;
    top: -12px;
    cursor: pointer;
    z-index: 999999
}

#at4-scc.at4-arrow,
.at-share-close-control.ats-transparent.at4-hide-content,
.at-share-close-control.ats-transparent.at4-show-content {
    display: none !important
}

#at4-share:before .at4-hide-content {
    opacity: 1 !important;
    display: block !important
}

#favorite-city,
.defSet-close {
    display: none;
    position: absolute
}

#defSet-1,
#defSet-10,
#defSet-2,
#defSet-3,
#defSet-4,
#defSet-5,
#defSet-6,
#defSet-7,
#defSet-8,
#defSet-9 {
    position: relative
}

#defSet-5 {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

#defSet-10:before,
#defSet-1:before,
#defSet-2:before,
#defSet-3:before,
#defSet-4:before,
#defSet-5:before,
#defSet-6:before,
#defSet-7:before,
#defSet-8:before,
#defSet-9:before {
    content: "";
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    position: absolute;
    z-index: 4;
    border: 1px solid #ff4500;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .18), #fff 0 0 0 3px inset;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .18), #fff 0 0 0 3px inset;
    display: none;
    -webkit-transition: -webkit-box-shadow 230ms ease-in-out;
    transition: -webkit-box-shadow 230ms ease-in-out;
    transition: box-shadow 230ms ease-in-out;
    transition: box-shadow 230ms ease-in-out, -webkit-box-shadow 230ms ease-in-out
}

.defSet-close {
    width: 14px;
    height: 14px;
    right: -12px;
    top: -12px;
    cursor: pointer;
    z-index: 5
}

#defSet-10:hover:before,
#defSet-1:hover:before,
#defSet-2:hover:before,
#defSet-3:hover:before,
#defSet-4:hover:before,
#defSet-5:hover:before,
#defSet-6:hover:before,
#defSet-7:hover:before,
#defSet-8:hover:before,
#defSet-9:hover:before {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .3), #fff 0 0 0 3px inset;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .3), #fff 0 0 0 3px inset
}

#add-favorite-city {
    margin-left: 2px;
    -webkit-transition: background 230ms ease-in;
    transition: background 230ms ease-in;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS41IDE5LjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyI+PHBhdGggZD0ibTEwLjIgMC44bDIuNSA1LjkgNi4zIDAuNWMwLjQgMCAwLjYgMC42IDAuMyAwLjlsLTQuOCA0LjIgMS40IDYuMmMwLjEgMC40LTAuNCAwLjgtMC43IDAuNWwtNS41LTMuMy01LjUgMy4zYy0wLjQgMC4yLTAuOC0wLjEtMC43LTAuNWwxLjQtNi4yLTQuOC00LjJjLTAuMy0wLjMtMC4yLTAuOCAwLjMtMC45bDYuMy0wLjUgMi41LTUuOWMwLjItMC40IDAuNy0wLjQgMC45IDB6IiBmaWxsPSIjOWU5ZTllIi8+PC9zdmc+) no-repeat;
    cursor: pointer;
    height: 13px;
    width: 13px;
    display: inline-block;
    margin-top: 1px;
    background-size: 13px 13px
}

#add-favorite-city:hover {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS41IDE5LjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyI+PHBhdGggZD0ibTEwLjIgMC44bDIuNSA1LjkgNi4zIDAuNWMwLjQgMCAwLjYgMC42IDAuMyAwLjlsLTQuOCA0LjIgMS40IDYuMmMwLjEgMC40LTAuNCAwLjgtMC43IDAuNWwtNS41LTMuMy01LjUgMy4zYy0wLjQgMC4yLTAuOC0wLjEtMC43LTAuNWwxLjQtNi4yLTQuOC00LjJjLTAuMy0wLjMtMC4yLTAuOCAwLjMtMC45bDYuMy0wLjUgMi41LTUuOWMwLjItMC40IDAuNy0wLjQgMC45IDB6IiBmaWxsPSIjNzU3NTc1Ii8+PC9zdmc+) no-repeat
}

#bread-crumbs li a+#add-favorite-city {
    margin-left: 0
}

#add-favorite-city.add-favorite-city-act {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS41IDE5LjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyI+PHBhdGggZD0ibTEwLjIgMC44bDIuNSA1LjkgNi4zIDAuNWMwLjQgMCAwLjYgMC42IDAuMyAwLjlsLTQuOCA0LjIgMS40IDYuMmMwLjEgMC40LTAuNCAwLjgtMC43IDAuNWwtNS41LTMuMy01LjUgMy4zYy0wLjQgMC4yLTAuOC0wLjEtMC43LTAuNWwxLjQtNi4yLTQuOC00LjJjLTAuMy0wLjMtMC4yLTAuOCAwLjMtMC45bDYuMy0wLjUgMi41LTUuOWMwLjItMC40IDAuNy0wLjQgMC45IDB6IiBmaWxsPSIjM2ZiMGY3Ii8+PC9zdmc+) no-repeat
}

#add-favorite-city.add-favorite-city-act:hover {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS41IDE5LjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyI+PHBhdGggZD0ibTEwLjIgMC44bDIuNSA1LjkgNi4zIDAuNWMwLjQgMCAwLjYgMC42IDAuMyAwLjlsLTQuOCA0LjIgMS40IDYuMmMwLjEgMC40LTAuNCAwLjgtMC43IDAuNWwtNS41LTMuMy01LjUgMy4zYy0wLjQgMC4yLTAuOC0wLjEtMC43LTAuNWwxLjQtNi4yLTQuOC00LjJjLTAuMy0wLjMtMC4yLTAuOCAwLjMtMC45bDYuMy0wLjUgMi41LTUuOWMwLjItMC40IDAuNy0wLjQgMC45IDB6IiBmaWxsPSIjMzhhM2VjIi8+PC9zdmc+) no-repeat
}

#favorite {
    width: 27px;
    height: 27px;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS41IDE5LjUiPjxwYXRoIGQ9Im0xMC4yIDAuOGwyLjUgNS45IDYuMyAwLjVjMC40IDAgMC42IDAuNiAwLjMgMC45bC00LjggNC4yIDEuNCA2LjJjMC4xIDAuNC0wLjQgMC44LTAuNyAwLjVsLTUuNS0zLjMtNS41IDMuM2MtMC40IDAuMi0wLjgtMC4xLTAuNy0wLjVsMS40LTYuMi00LjgtNC4yYy0wLjMtMC4zLTAuMi0wLjggMC4zLTAuOWw2LjMtMC41IDIuNS01LjljMC4yLTAuNCAwLjctMC40IDAuOSAweiIgZmlsbD0iIzAwODVjNiIvPjwvc3ZnPg==) 7px 7px no-repeat #fff;
    position: absolute;
    margin: 5px 0 0 -45px;
    background-size: 13px;
    border-radius: 50%
}

#favorite-city {
    border-radius: 3px;
    width: 256px;
    padding-top: 21px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .4), 0 10px 20px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 0 8px rgba(0, 0, 0, .4), 0 10px 20px 0 rgba(0, 0, 0, .18);
    background: #fff;
    font-size: 13px;
    padding-bottom: 12px;
    margin: 44px 0 0 -159px;
    z-index: 12
}

#favorite-city-top {
    width: 0;
    height: 0;
    left: 120px;
    position: absolute;
    top: -16px;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff
}

#favoriteC {
    font-size: 14px
}

#favorite-city dl {
    margin: 0 0 0 24px
}

#favorite-city dl dt {
    float: left;
    margin: 0;
    width: 124px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxMCI+PHJlY3QgZmlsbD0iI0Q4RDhEOCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIi8+PC9zdmc+) 0 11px/3px 3px repeat-x;
    white-space: nowrap
}

#favorite-city dl dt:after {
    content: "";
    position: relative;
    width: 52px;
    height: 16px;
    display: block;
    top: -16px;
    left: 76px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .2)), to(#fff));
    background: linear-gradient(to right, rgba(255, 255, 255, .2), #fff 100%)
}

#favorite-city dl dt a {
    font-weight: 700;
    background-color: #fff;
    padding-right: 2px
}

#favorite-city dl dd {
    width: 84px;
    height: 26px;
    font-weight: 700
}

#favorite-city dl dd img {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 3px;
    position: relative;
    top: -4px;
    left: -1px
}

#favorite-city dl dd em {
    position: relative;
    font-style: normal;
    top: -2px;
    font-size: 11px;
    left: 1px
}

#favorite-city dl dd span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTYuMjE4IDM1Ni4yMTgiIGZpbGw9IiNmZjg5N2YiPg0KCTxwYXRoIGQ9Ik0zNTAuNjc2LDI2MS41MDFjNy4zODgsNy4zODksNy4zODgsMTkuMzY1LDAuMDAxLDI2Ljc1NGwtNjIuNDIxLDYyLjQyMWMtNy4zOSw3LjM4OS0xOS4zNjYsNy4zODctMjYuNzU1LDBsLTgzLjM5Mi04My4zOTQNCgkJbC04My4zOTUsODMuMzk0Yy03LjM4Niw3LjM4OC0xOS4zNjQsNy4zODctMjYuNzUyLDBMNS41NDEsMjg4LjI1NGMtNy4zODgtNy4zODgtNy4zODctMTkuMzY0LDAuMDAxLTI2Ljc1bDgzLjM5NS04My4zOTUNCgkJTDUuNTQzLDk0LjcxNWMtNy4zODctNy4zODctNy4zODctMTkuMzY1LTAuMDAxLTI2Ljc1MUw2Ny45NjUsNS41NDJjNy4zODctNy4zODgsMTkuMzY1LTcuMzg3LDI2Ljc1LDBsODMuMzk1LDgzLjM5NWw4My4zOTMtODMuMzk1DQoJCWM3LjM4OC03LjM4NywxOS4zNjQtNy4zODgsMjYuNzUzLDBsNjIuNDIyLDYyLjQyMWM3LjM4Nyw3LjM4OCw3LjM4OCwxOS4zNjYsMCwyNi43NTNsLTgzLjM5NSw4My4zOTNMMzUwLjY3NiwyNjEuNTAxeiIvPg0KPC9zdmc+) no-repeat;
    margin-left: 8px;
    cursor: pointer;
    float: right;
    position: relative;
    top: 3px;
    z-index: 7
}

#favorite-city dl dd span:hover {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTYuMjE4IDM1Ni4yMTgiIGZpbGw9IiNmZjE1MDAiPg0KCTxwYXRoIGQ9Ik0zNTAuNjc2LDI2MS41MDFjNy4zODgsNy4zODksNy4zODgsMTkuMzY1LDAuMDAxLDI2Ljc1NGwtNjIuNDIxLDYyLjQyMWMtNy4zOSw3LjM4OS0xOS4zNjYsNy4zODctMjYuNzU1LDBsLTgzLjM5Mi04My4zOTQNCgkJbC04My4zOTUsODMuMzk0Yy03LjM4Niw3LjM4OC0xOS4zNjQsNy4zODctMjYuNzUyLDBMNS41NDEsMjg4LjI1NGMtNy4zODgtNy4zODgtNy4zODctMTkuMzY0LDAuMDAxLTI2Ljc1bDgzLjM5NS04My4zOTUNCgkJTDUuNTQzLDk0LjcxNWMtNy4zODctNy4zODctNy4zODctMTkuMzY1LTAuMDAxLTI2Ljc1MUw2Ny45NjUsNS41NDJjNy4zODctNy4zODgsMTkuMzY1LTcuMzg3LDI2Ljc1LDBsODMuMzk1LDgzLjM5NWw4My4zOTMtODMuMzk1DQoJCWM3LjM4OC03LjM4NywxOS4zNjQtNy4zODgsMjYuNzUzLDBsNjIuNDIyLDYyLjQyMWM3LjM4Nyw3LjM4OCw3LjM4OCwxOS4zNjYsMCwyNi43NTNsLTgzLjM5NSw4My4zOTNMMzUwLjY3NiwyNjEuNTAxeiIvPg0KPC9zdmc+) no-repeat
}

#add-city {
    border-radius: 2px;
    height: 18px;
    margin-left: 24px;
    margin-bottom: 8px;
    position: relative;
    top: 3px;
    background-color: #2e7d32;
    width: 208px;
    padding: 3px 0;
    color: #fff;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
    -webkit-transition: background-color 230ms ease-in;
    transition: background-color 230ms ease-in
}

#add-city:hover {
    background-color: #388e3c
}

#favorite-city dl dd span+hr {
    position: absolute;
    height: 0;
    background-color: #d8310e;
    width: 12px;
    border: none;
    margin: -8px 0 0 65px;
    z-index: 4;
    -webkit-box-shadow: 0 0 4px rgba(216, 49, 14, .6), 0 0 10px rgba(216, 49, 14, .8);
    box-shadow: 0 0 4px rgba(216, 49, 14, .6), 0 0 10px rgba(216, 49, 14, .8);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: 0
}

#favorite-city dl dd span:hover+hr {
    display: block;
    height: 1px;
    margin: -8px 0 0 -135px;
    width: 194px;
    opacity: .7
}

#info-canvas,
#tetr-sun,
#view,
.tetr {
    position: absolute
}

#info-canvas {
    margin: -17px 0 0 -154px;
    background: #fff;
    -webkit-box-shadow: 0 0 8px gray;
    box-shadow: 0 0 8px gray;
    z-index: 99;
    padding: 15px 15px 0;
    height: 415px;
    display: none
}

.p-right,
.p-rightSh {
    padding-right: 75px
}

.weather-forecast.p-rightSh {
    border: none;
    margin: 0 0 8px;
    padding: 0
}

.up-d {
    z-index: 3;
    margin-top: -152px
}

#view {
    width: 60px;
    height: 16px;
    font-size: 12px;
    margin-top: -18px;
    left: 670px
}

.p-right {
    border-bottom: none
}

.p-right.dang {
    margin: 0;
    padding: 0;
    position: relative
}

.p-rightSh~#view {
    margin-top: -25px
}

#forecast-daysActive,
.forecast-days a,
.w-cam {
    border-radius: 2px;
    position: relative
}

#forecast-daysActive,
.forecast-days a {
    border-radius: 0
}

.forecast-updated {
    color: #616161;
    font-size: 12px;
    margin: 6px 0 10px 1px
}

#content-right .forecast-updated.cls {
    top: 0
}

.forecast-days .yesterday-m {
    width: 12%
}

.forecast-days {
    display: table;
    font-size: 13px;
    margin: 15px 0 20px;
    width: 100%;
    border-radius: 2px
}

.biometric+.forecast-days,
.dates+div+.forecast-days,
.pane+.forecast-days,
.weather-short+div+.forecast-days {
    margin-top: 25px
}

.forecast-days.month-m-b {
    position: relative;
    top: -5px
}

.forecast-days.month-m-t {
    margin-top: 5px
}

.forecast-f-txt {
    margin: 0;
    padding: 4px 0;
    display: inline-block
}

#forecast-daysActive,
.forecast-days a {
    display: table-cell;
    height: 16px;
    margin: 0;
    padding: 14px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 15.5%
}

.forecast-days a.fdl,
.forecast-days span#forecast-daysActive.fdl {
    width: 22.5%
}

#forecast-daysActive:after,
.forecast-days a:after,
.forecast-days.one-day-meny span:after {
    background-color: #fff;
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    z-index: 2
}

#forecast-daysActive:last-child:after,
.forecast-days a:last-child:after,
.forecast-days.one-day-meny span:last-child:after {
    display: none
}

.forecast-days a:active {
    background-color: #c6c4c4;
    -webkit-box-shadow: 0 -1px 0 0 #a09e9e inset;
    box-shadow: 0 -1px 0 0 #a09e9e inset
}

.forecast-days a {
    transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    color: #000;
    background: #eee;
    z-index: 1;
    -webkit-box-shadow: 0 -1px 0 0 #dbdcdc inset;
    box-shadow: 0 -1px 0 0 #dbdcdc inset
}

.w-cam {
    background-color: #eee;
    display: block;
    padding: 15px 0;
    top: -15px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.w-cam:after {
    bottom: 0;
    color: #212121;
    content: "Веб камеры";
    font-size: 14px;
    height: 17px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 2px;
    width: 120px
}

.forecast-days a:hover,
.w-cam:hover {
    color: #000;
    -webkit-box-shadow: 0 -1px 0 0 #bdbcbc inset;
    box-shadow: 0 -1px 0 0 #bdbcbc inset
}

#mobile-v:before,
.weather-now-info:after {
    content: ""
}

.w-cam:hover {
    background-color: #d9d9d9
}

.forecast-days.one-day-meny {
    margin: -7px 0 20px
}

.forecast-days.one-day-meny span {
    display: table-cell;
    text-align: center;
    width: 20%
}

.forecast-days.one-day-meny .menu-calend-l {
    margin: 0
}

.forecast-days.one-day-meny .menu-calend-box {
    position: relative;
    text-indent: -23px
}

#tooltip,
#ui-id-1,
.day-night-city {
    position: absolute
}

.forecast-days a:hover {
    background-color: #d9d9d9
}

#forecast-daysActive {
    background: #c6c4c4;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .2) inset, 0 -1px 0 0 #a09e9e inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .2) inset, 0 -1px 0 0 #a09e9e inset;
    color: #000;
    z-index: 2
}

.day-night-city {
    margin: 16px 0 0;
    z-index: 99;
    font-size: 20px;
    border: none;
    width: 100%;
    height: 22px
}

#tooltip {
    border-radius: 2px;
    padding: 4px 8px 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #fff inset, 0 1px 5px #b0b0b0;
    box-shadow: 0 0 0 1px #fff inset, 0 1px 5px #b0b0b0;
    font-size: 13px;
    max-width: 250px;
    z-index: 999999
}

.weather-forecast {
    margin-bottom: 6px
}

.gm-style-cc~.gmnoprint {
    top: 25px !important
}

.ui-helper-hidden-accessible {
    display: none
}

#project-label {
    display: block;
    font-weight: 700;
    margin-bottom: 1em
}

#project-icon {
    float: left;
    height: 32px;
    width: 32px
}

#project-description {
    margin: 0;
    padding: 0
}

.ui-menu .ui-menu-item {
    margin: 0;
    line-height: 14px;
    display: block;
    background: #fbfbfb;
    border-bottom: 1px solid #d7d7d7;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset;
    cursor: pointer;
    list-style-image: none
}

.ui-menu .ui-menu-item:last-child {
    border-bottom: none
}

.complit-a,
.complit-a a {
    font-size: 14px;
    color: #000
}

.complit-a span {
    font-size: 13px;
    color: #0f8abe;
    margin-left: 5px;
    display: inline-block
}

#mobile-v,
.complit-b,
.complit-b a {
    color: #616161;
    font-size: 13px;
    line-height: 15px;
    margin-top: 3px
}

.ui-menu .ui-menu-item a {
    display: block;
    font-weight: 400;
    line-height: 15px;
    min-height: 0;
    padding: 0
}

#ui-id-1 {
    margin: 0;
    padding: 0;
    width: 338px !important;
    max-height: 450px;
    overflow-y: auto;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .35);
    background: #fff;
    border-radius: 2px;
    border: none;
    z-index: 15;
    top: 50px !important
}

.ui-widget-content a {
    padding: 8px 0 !important
}

.ui-widget-content .ui-state-active,
.ui-widget-content a.ui-state-focus {
    background: #ebebeb;
    position: relative;
    width: 331px;
    display: block;
    left: -9px;
    padding: 8px 0 8px 9px !important;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset
}

.ui-menu .ui-menu-item {
    padding: 0 0 0 9px
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5 {
    border-bottom: 1px solid #f2f2f2;
    background: #fffaed
}

.bio {
    display: table;
    padding: 10px 0;
    width: 100%
}

.bio ul {
    display: table-row
}

#_atssh {
    display: none
}

#mobile-v {
    position: relative;
    top: 12px;
    cursor: pointer;
    font-size: 14px;
    display: block;
    background-color: #f5f5f5;
    width: 220px;
    text-align: center;
    border-radius: 2px;
    color: #000;
    text-transform: uppercase;
    line-height: 27px;
    padding-top: 1px;
    border: 1px solid #e0e0e0;
    margin: 35px auto;
    overflow: hidden
}

.bio ul li {
    display: table-cell;
    height: 54px;
    vertical-align: middle
}

.bio-li-1 {
    width: 42%;
    font-size: 14px;
    font-weight: 700;
    padding-left: 15px
}

.bio-li-2 {
    width: 12%;
    font-size: 25px
}

.bio-li-3 {
    width: 46%;
    font-size: 14px;
    line-height: 18px;
    padding-right: 15px
}

.ind-bio {
    display: inline-block;
    width: 8px;
    height: 32px;
    margin-right: 3px;
    top: 7px;
    position: relative;
    left: 2px;
    border-radius: 6px
}

.c_0 {
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px #bdbdbd inset;
    box-shadow: 0 0 0 1px #bdbdbd inset
}

.c_1 {
    background: #21ca00
}

.c_2 {
    background: #ffa726
}

.c_3 {
    background: #ff7043
}

.c_4 {
    background: #dc0909
}

.c_5 {
    background: #b71c1c
}

.c_6 {
    background: #b71c1c
}

li.bio-li-1+.bio-li-2 {
    line-height: 44px
}

.biometric-update {
    color: #adadad;
    font-size: 11px;
    text-align: right;
    margin-top: 5px
}

.no-data-bio {
    text-align: center;
    margin: 35px 0;
    line-height: 24px
}

.no-data-bio span {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700
}

.no-data-bio p {
    font-size: 16px;
    padding: 0
}

.weather-days {
    background-color: #f7f7f7;
    font: 700 13px/20px Arial;
    padding: 5px 10px 8px;
    -webkit-box-shadow: 0 1px 0 #b7b9b9;
    box-shadow: 0 1px 0 #b7b9b9;
    height: 16px;
    margin: 15px 0
}

.weather-days a {
    display: inline-block;
    margin: 0 3px
}

@media only screen and (max-width:1059px) {

    .tabs-year a,
    .tabs-year span {
        margin: 0 14px
    }

    .tabs-year span.current {
        padding: 4px 14px
    }

    .resorts-blocks div a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        max-width: calc(100% - 70px)
    }

    .resorts-blocks div span span {
        left: -3px
    }

    #content {
        padding: 20px 20px 0
    }

    #content-left {
        width: calc(100% - 260px);
        overflow: hidden
    }

    #view {
        left: 668px
    }

    #focus {
        left: 280px
    }

    #view {
        margin-left: -7px
    }

    .defSet-close {
        top: -7px;
        right: -7px
    }

    #defSet-10:before,
    #defSet-1:before,
    #defSet-2:before,
    #defSet-3:before,
    #defSet-4:before,
    #defSet-5:before,
    #defSet-6:before,
    #defSet-7:before,
    #defSet-8:before,
    #defSet-9:before {
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px
    }

    #setting-box-top {
        left: 184px
    }

    #lang-menu {
        margin: 102px 0 0 789px
    }

    #lang-menu-act {
        margin: 0 0 0 931px
    }
}

@media only screen and (max-width:1023px) {

    #content-right,
    #submit-bug {
        display: none
    }

    #wrapper {
        width: 100%;
        min-width: 750px
    }

    #lang-menu-act {
        margin: 0 17px 0 0;
        right: 0
    }

    #lang-menu {
        margin: 102px 0 0;
        right: 14px
    }

    #content-left {
        width: 100%
    }

    .cities-blocks,
    .countries-blocks {
        width: 19%
    }

    .resorts-blocks {
        width: 28%
    }

    .map-ind {
        width: auto
    }

    #weather-cities-l,
    #weather-cities-r {
        width: 48%
    }

    .tabs li.tab-w.current {
        width: 16%;
        min-width: 112px
    }

    #view {
        left: auto;
        right: 18px
    }

    #weather-day,
    .t-weather-day,
    .weather-day,
    .weather_day {
        width: 10%
    }

    #weather-temperature,
    .t-weather-temperature,
    .weather-temperature,
    .weather_temperature {
        width: 22%
    }

    #weather-feeling,
    .weather-feeling,
    .weather_feeling {
        width: 13%
    }

    #weather-probability,
    .weather-probability {
        width: 16%
    }

    #weather-pressure,
    #weather-wind,
    .t-weather-pressure,
    .t-weather-wind,
    .weather-pressure,
    .weather-wind,
    .weather_pressure,
    .weather_wind {
        width: 13%
    }

    #day-night-graphic,
    #day-night-graphic2,
    #graphic-season,
    #wather,
    #wather-year,
    #wind-rose {
        width: 100%;
        background: #f4f9fd
    }

    #focus {
        right: 19px;
        left: auto
    }

    #data {
        margin-left: 25px;
        float: left;
        width: 200px
    }

    .two-blocks-right {
        float: left;
        margin-left: 29px
    }

    .alphabet {
        width: auto
    }

    .next-archive {
        margin: 11px 10px 0 0;
        right: 10px
    }

    #content-right {
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #0aaff4;
        right: 12px
    }

    #contacts {
        margin-right: 0;
        width: 224px
    }

    #copyright {
        width: 215px;
        margin-right: 25px
    }

    .weather-now.horizon .forecast-updated {
        padding-bottom: 3px
    }

    #search {
        width: 238px
    }

    #search-field {
        width: 215px
    }

    #ui-id-1 {
        width: 238px !important
    }
}

@media only screen and (min-width:1060px) {
    #wrapper {
        width: 1028px
    }

    #content {
        padding: 15px 20px 0
    }

    #lang-menu-act {
        margin-left: 949px
    }

    #lang-menu {
        margin-left: 806px
    }

    #view {
        left: 690px
    }

    .resorts-blocks div a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        max-width: calc(100% - 70px)
    }
}

#setting.animate {
    -webkit-animation: open-setting 350ms infinite;
    animation: open-setting 350ms infinite
}

#favorite.animate {
    -webkit-animation: open-favorite 350ms infinite;
    animation: open-favorite 350ms infinite
}

@keyframes open-setting {
    0% {
        -webkit-box-shadow: 0 0 0 1px #0085c6, 0 0 0 2px rgba(255, 255, 255, .5);
        box-shadow: 0 0 0 1px #0085c6, 0 0 0 2px rgba(255, 255, 255, .5)
    }

    100% {
        -webkit-box-shadow: 0 0 0 5px #0085c6, 0 0 0 8px rgba(255, 255, 255, .01);
        box-shadow: 0 0 0 5px #0085c6, 0 0 0 8px rgba(255, 255, 255, .01)
    }
}

@-webkit-keyframes open-setting {
    0% {
        -webkit-box-shadow: 0 0 0 1px #0085c6, 0 0 0 2px rgba(255, 255, 255, .5);
        box-shadow: 0 0 0 1px #0085c6, 0 0 0 2px rgba(255, 255, 255, .5)
    }

    100% {
        -webkit-box-shadow: 0 0 0 5px #0085c6, 0 0 0 8px rgba(255, 255, 255, .01);
        box-shadow: 0 0 0 5px #0085c6, 0 0 0 8px rgba(255, 255, 255, .01)
    }
}

@keyframes open-favorite {
    0% {
        -webkit-box-shadow: 0 0 0 1px #0085c6, 0 0 0 2px rgba(255, 255, 255, .5);
        box-shadow: 0 0 0 1px #0085c6, 0 0 0 2px rgba(255, 255, 255, .5)
    }

    100% {
        -webkit-box-shadow: 0 0 0 4px #0085c6, 0 0 0 8px rgba(255, 255, 255, .01);
        box-shadow: 0 0 0 4px #0085c6, 0 0 0 8px rgba(255, 255, 255, .01)
    }
}

@-webkit-keyframes open-favorite {
    0% {
        -webkit-box-shadow: 0 0 0 1px #0085c6, 0 0 0 2px rgba(255, 255, 255, .5);
        box-shadow: 0 0 0 1px #0085c6, 0 0 0 2px rgba(255, 255, 255, .5)
    }

    100% {
        -webkit-box-shadow: 0 0 0 4px #0085c6, 0 0 0 8px rgba(255, 255, 255, .01);
        box-shadow: 0 0 0 4px #0085c6, 0 0 0 8px rgba(255, 255, 255, .01)
    }
}

.no-fw {
    background-color: #fefaed;
    font-size: 15px;
    text-align: center;
    overflow: hidden;
    position: relative;
    top: -8px;
    margin-top: 11px;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2
}

.no-fw p {
    color: #000;
    margin: 0 10%;
    font-weight: 400;
    position: relative;
    top: -10px
}

.no-fw span {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzAwMCIgdmlld0JveD0iMCAwIDEwNi4xIDEwNi4xIj48cGF0aCBkPSJNOTAuNSAxNS41QzY5LjktNS4yIDM2LjItNS4yIDE1LjUgMTUuNSAtNS4yIDM2LjItNS4yIDY5LjkgMTUuNSA5MC41YzIwLjcgMjAuNyA1NC4zIDIwLjcgNzUgMEMxMTEuMiA2OS45IDExMS4yIDM2LjIgOTAuNSAxNS41ek04NC44IDg0LjhjLTE3LjUgMTcuNS00NiAxNy41LTYzLjUgMCAtMTcuNS0xNy41LTE3LjUtNDYgMC02My41QzM4LjggMy44IDY3LjMgMy44IDg0LjggMjEuMyAxMDIuMyAzOC44IDEwMi4zIDY3LjMgODQuOCA4NC44ek03NyA3NGMwLjcgMS41IDAgMy4zLTEuNiAzLjkgLTEuNSAwLjctMy4zIDAtMy45LTEuNiAtMi45LTYuNy05LjctMTEtMTcuNC0xMSAtNy45IDAtMTQuNyA0LjMtMTcuNSAxMSAtMC41IDEuMi0xLjYgMS45LTIuOCAxLjkgLTAuNCAwLTAuOC0wLjEtMS4xLTAuMiAtMS41LTAuNi0yLjMtMi40LTEuNi0zLjkgMy43LTguOSAxMi44LTE0LjcgMjMuMS0xNC43QzY0LjIgNTkuNCA3My4yIDY1LjEgNzcgNzR6TTMzLjIgMzguN2MwLTMuNCAyLjgtNi4yIDYuMi02LjIgMy40IDAgNi4yIDIuOCA2LjIgNi4yIDAgMy40LTIuOCA2LjItNi4yIDYuMkMzNiA0NC45IDMzLjIgNDIuMSAzMy4yIDM4Ljd6TTYxLjQgMzguN2MwLTMuNCAyLjgtNi4yIDYuMi02LjIgMy40IDAgNi4yIDIuOCA2LjIgNi4yIDAgMy40LTIuOCA2LjItNi4yIDYuMlM2MS40IDQyLjEgNjEuNCAzOC43eiIvPjwvc3ZnPg==) 0 15px no-repeat;
    display: inline-block;
    padding: 20px 0 20px 36px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700
}

.weather-now {
    overflow: hidden;
    width: 240px;
    background: #fff;
    position: relative;
    font-size: 12px;
    margin-bottom: 25px
}

.weather-now:not(.horizon) {
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    border: 1px solid #e6e6e6
}

.weather-now:not(.horizon) #weather-now-description {
    width: 240px
}

.weather-now.horizon {
    width: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: inherit;
    margin: 14px 0 0
}

.weather-now.horizon .forecast-updated br {
    display: none
}

.informer,
.informer div,
.informer div em,
.rb,
.weather-now .wwi,
ul.sun {
    overflow: hidden
}

.weather-now.horizon .weather-now-info {
    margin-right: 0
}

.weather-now.horizon .forecast-updated {
    margin: 2px 0 0 2px
}

.weather-now.horizon .forecast-updated span {
    margin-right: 14px
}

.weather-now-info {
    background-color: #fff;
    float: left;
    height: 95px;
    margin-right: 12px;
    position: relative;
    width: 240px;
    margin-bottom: 9px;
    border: 1px solid #e6e6e6;
    border-radius: 2px
}

.weather-now:not(.horizon) .weather-now-info {
    border: none
}

.weather-now #weather-now-description {
    width: 226px;
    margin-left: 14px
}

.weather-now #weather-now-description dt {
    width: 110px;
    line-height: 14px
}

.weather-now .forecast-updated {
    margin: 9px 0 10px 14px;
    line-height: 16px
}

.weather-now-info #thermometer {
    margin-top: 1px;
    left: 7px
}

.weather-now-info #weather-now-number {
    margin: 13px 0 0 57px
}

.weather-now-info #weather-now-icon {
    top: 10px
}

.weather-now #weather-now-description dd {
    padding-left: 5px;
    position: relative;
    line-height: 14px;
    width: auto;
    font-size: 13px
}

.weather-now-info .water-now {
    right: 7px;
    top: 64px
}

.weather-now-info:after {
    background-color: #fff5e6;
    height: 35px;
    left: 0;
    position: absolute;
    top: 0;
    width: 240px;
    z-index: 1
}

.weather-now-info p {
    display: block;
    font-size: 12px;
    height: 16px;
    margin-left: 57px;
    overflow: hidden;
    padding: 14px 0 1px;
    top: -4px;
    z-index: 2;
    line-height: 14px;
    position: relative
}

.weather-now-info p span {
    font-size: 14px;
    color: #000;
    margin-right: 12px
}

.weather-now-info p em {
    opacity: .9;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMS43NzIgMzEuNzcyIiBmaWxsPSIjNGQ0YjQ2Ij4NCg0KCTxwYXRoIGQ9Ik0xNS44ODcsMEM3LjExMywwLDAsNy4xMTUsMCwxNS44ODljMCw4Ljc3LDcuMTEzLDE1Ljg4MywxNS44ODcsMTUuODgzYzguNzczLDAsMTUuODg0LTcuMTEzLDE1Ljg4NC0xNS44ODMNCgkJQzMxLjc3MSw3LjExNSwyNC42NiwwLDE1Ljg4NywweiBNMTUuODg3LDI2Ljk0N2MtNi4xLDAtMTEuMDY0LTQuOTYxLTExLjA2NC0xMS4wNTljMC02LjEwNCw0Ljk2NC0xMS4wNjgsMTEuMDY0LTExLjA2OA0KCQljNi4xMDEsMCwxMS4wNjEsNC45NjUsMTEuMDYxLDExLjA2OEMyNi45NDgsMjEuOTg2LDIxLjk4NywyNi45NDcsMTUuODg3LDI2Ljk0N3oiLz4NCgk8cGF0aCBkPSJNMTcuMjUzLDE1LjAxMmwwLjAwMS02LjEzM2MwLTAuNzU0LTAuNjExLTEuMzYzLTEuMzY3LTEuMzYzYy0wLjc1OCwwLTEuMzcsMC42MDktMS4zNywxLjM2M3Y2LjEzM3YyLjczNHYwLjAwMmgyLjczNg0KCQl2LTAuMDAybDYuMTM0LDAuMDAyYzAuNzUyLDAsMS4zNjYtMC42MTEsMS4zNjYtMS4zNjdjMC0wLjc1OC0wLjYxNC0xLjM2OS0xLjM2Ni0xLjM2OUMyMy4zODgsMTUuMDEyLDE3LjI1MywxNS4wMTIsMTcuMjUzLDE1LjAxMnoNCgkJIi8+DQo8L3N2Zz4NCg==) 0 0/11px 11px no-repeat;
    display: inline-block;
    height: 11px;
    position: relative;
    right: 3px;
    top: 1px;
    width: 11px
}

.weather-now-info p b {
    font-size: 12px;
    font-weight: 400
}

.weather-now .wwi {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAyMzAiIGZpbGw9IiMzMzMiPg0KPHBvbHlsaW5lIHBvaW50cz0iMC4zMTE1MjM0LDExLjQ5MDcyMjcgMTEuNTUzNzEwOSwxNi4yODYxMzI4IDkuODEzNDc2NiwxMS40OTA3MjI3IDExLjU1MzcxMDksNi42OTgyNDIyICIvPg0KPHBvbHlsaW5lIHBvaW50cz0iMTEuNzczNDM3NSwyMjAuODI0MjE4OCAwLjUzMTI1LDIyNS42MjAxMTcyIDIuMjcwOTk2MSwyMjAuODI0MjE4OCAwLjUzMTI1LDIxNi4wMzIyMjY2ICIvPg0KPHBvbHlsaW5lIHBvaW50cz0iNS44ODg2NzE5LDQ2LjA3MjI2NTYgMTAuNjg0NTcwMywzNC44MzAwNzgxIDUuODg4NjcxOSwzNi41Njk4MjQyIDEuMDk2Njc5NywzNC44MzAwNzgxICIvPg0KPHBvbHlsaW5lIHBvaW50cz0iNi4wMDE5NTMxLDEyNS4zMzEwNTQ3IDEuMjA2MDU0NywxMzYuNTcyMjY1NiA2LjAwMTk1MzEsMTM0LjgzMjAzMTMgMTAuNzkzOTQ1MywxMzYuNTcyMjY1NiAiLz4NCjxwb2x5bGluZSBwb2ludHM9IjAuMzMxMDU0NywxNTUuMjk0OTIxOSA0Ljg4ODY3MTksMTY2LjYzNDc2NTYgNy4wNDk4MDQ3LDE2Mi4wMTM2NzE5IDExLjY2ODk0NTMsMTU5Ljg1NTQ2ODggIi8+DQo8cG9seWxpbmUgcG9pbnRzPSIxMS41NzMyNDIyLDE4NC45MDAzOTA2IDcuMDE1NjI1LDE5Ni4yNDAyMzQ0IDQuODU0NDkyMiwxOTEuNjE4MTY0MSAwLjIzNTM1MTYsMTg5LjQ1OTk2MDkgIi8+DQo8cG9seWxpbmUgcG9pbnRzPSIwLjE1MzMyMDMsNzUuODU0NDkyMiAxMS44NDc2NTYzLDcyLjMwMTI2OTUgNy40MzI2MTcyLDY5Ljc0NjU4MiA1LjY4NDU3MDMsNjQuOTU3MDMxMyAiLz4NCjxwb2x5bGluZSBwb2ludHM9IjExLjg0NjY3OTcsMTA2LjYzNzY5NTMgMC4xNTIzNDM4LDEwMy4wODQ0NzI3IDQuNTY3MzgyOCwxMDAuNTI5Nzg1MiA2LjMxNTQyOTcsOTUuNzQwMjM0NCAiLz4NCjwvc3ZnPg0K) left top/9px 172px no-repeat;
    display: inline-block;
    height: 15px;
    width: 9px;
    position: absolute;
    margin: -2px 0 0 5px
}

.weather-now .wwi.E {
    background-position: 0 -1px
}

.weather-now .wwi.N {
    background-position: 0 -22px
}

.weather-now .wwi.NE {
    background-position: 0 -46px
}

.weather-now .wwi.NW {
    background-position: 0 -69px
}

.weather-now .wwi.S {
    background-position: 0 -90px
}

.weather-now .wwi.SE {
    background-position: 0 -113px
}

.weather-now .wwi.SW {
    background-position: 0 -135px
}

.weather-now .wwi.W {
    background-position: 0 -157px
}

ul.sun {
    margin: 1px 0 0 5px
}

ul.sun li {
    margin-bottom: 4px;
    height: 16px;
    padding-left: 1px;
    font-size: 13px;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis
}

ul.sun li:empty {
    display: none
}

.sun li span {
    color: #616161;
    font-size: 13px
}

.sun li span:nth-child(2) {
    margin-left: 8px
}

.sun li em {
    font-style: normal;
    margin-left: 25px;
    display: inline-block
}

.sun li em::first-letter {
    text-transform: capitalize
}

.weather-now.horizon .sp-moon {
    height: 19px;
    width: 19px;
    position: absolute;
    left: auto;
    top: -2px
}

.rb {
    max-height: 600px;
    position: relative;
    z-index: 1
}

.informer div em,
.informer div p {
    position: relative;
    display: inline-block
}

.informer {
    margin-bottom: 25px;
    background-color: #fff;
    padding: 7px 0 7px 12px;
    display: block;
    border: 1px solid #e6e6e6;
    border-radius: 4px
}

.informer:hover,
.informer:visited {
    color: #000
}

.informer-h {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.3px
}

.informer .informer-but {
    background-color: #2e7d32;
    display: block;
    color: #fff;
    font-size: 12px;
    padding: 3px 0;
    -webkit-transition: background-color 230ms ease-in;
    transition: background-color 230ms ease-in;
    height: 20px;
    overflow: hidden;
    float: left;
    width: 78px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px
}

.informer:hover .informer-but:hover {
    background-color: #388e3c
}

.informer>div {
    margin: 6px 5px 0 0;
    font-size: 12px;
    height: 24px;
    overflow: hidden
}

.informer div em {
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 5px;
    top: 0;
    max-width: 78px;
    font-style: normal;
    color: #1976d2;
    font-size: 14px;
    display: block;
    float: left;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    margin-left: 8px
}

.informer>div>p {
    top: 0;
    font-size: 12px;
    color: #000;
    line-height: 16px;
    display: block;
    float: left;
    height: 20px
}

.informer .wi-24 {
    position: relative;
    top: 2px;
    left: 4px
}

#inf-i {
    display: block;
    float: left;
    top: -1px
}

.weather-month li,
.ww-month li {
    width: 14.2857%;
    overflow: hidden;
    float: left;
    text-align: center;
    border-bottom: 1px solid #ebeaea;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.ww-month-empty div,
.ww-month-weekdays div {
    margin-bottom: 1px;
    padding: 12px 0 7px;
    font-size: 18px
}

.weather-month {
    font-size: 12px;
    overflow: hidden
}

.ww-month .ww-month-empty {
    background: #f7f7f7;
    position: relative
}

.ww-month,
.ww-month .ww-month-weekdays,
.ww-month .ww-month-weekend,
.ww-month li {
    background: #fff
}

.ww-month .ww-month-empty:after,
.ww-month li:after {
    border-right: 1px solid #ebeaea;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ww-month li:nth-child(7n):after {
    border-right: none
}

.ww-month-weekdays.forecast-statistics,
.ww-month-weekend.forecast-statistics {
    position: relative;
    z-index: 1;
    border-right: 1px solid #ebeaea
}

.ww-month li.forecast-statistics:nth-child(7n) {
    border-right: none
}

.ww-month-weekdays.forecast-statistics:after,
.ww-month-weekend.forecast-statistics:after {
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 136px;
    height: 136px;
    border-right: none;
    background: #f7f7f7;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
}

.ww-month-weekdays.forecast-statistics.info-stat:hover:after,
.ww-month-weekend.forecast-statistics.info-stat:hover:after {
    bottom: 0;
    content: "На основе статистики";
    color: #818181;
    font-size: 14px;
    left: 0;
    position: absolute;
    right: 0;
    top: 54px;
    background: #f7f7f7;
    border-right: none;
    height: auto;
    z-index: 3;
    cursor: default
}

.ww-month-weekdays.forecast-statistics.info-stat:hover:before,
.ww-month-weekend.forecast-statistics.info-stat:hover:before {
    bottom: 0;
    content: "";
    left: 0;
    height: 136px;
    position: absolute;
    right: 0;
    top: 0;
    background: #f7f7f7;
    z-index: 2
}

.ww-month-weekdays p:before,
.ww-month-weekend p:before {
    content: "Ночь";
    position: relative;
    left: -2px
}

.weather-month li {
    font-size: 18px;
    padding: 0 0 5px;
    background-color: #fff;
    color: #616161
}

.weather-month .weather-month-weekend {
    color: #d21010
}

.ww-month {
    font-size: 12px
}

.ww-month li {
    height: 136px;
    line-height: 14px;
    position: relative
}

.ww-month-weekdays.foreacast,
.ww-month-weekdays.foreacast-archive,
.ww-month-weekend.foreacast,
.ww-month-weekend.foreacast-archive {
    background-color: #fffaed;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.ww-month-weekdays.foreacast-archive:hover,
.ww-month-weekdays.foreacast:hover,
.ww-month-weekend.foreacast-archive:hover,
.ww-month-weekend.foreacast:hover {
    background-color: #fef4dc
}

.ww-month li a {
    display: block;
    height: 136px;
    position: relative
}

.ww-month-weekdays.foreacast:hover a,
.ww-month-weekend.foreacast:hover a {
    z-index: 2
}

.ww-month .ww-month-weekdays a,
.ww-month .ww-month-weekdays a img,
.ww-month .ww-month-weekend a,
.ww-month .ww-month-weekend a img {
    text-decoration: none
}

.ww-month-weekdays div {
    color: #616161
}

.ww-month-empty div {
    color: #bcbcbc
}

.ww-month-weekdays img {
    display: block;
    border: none;
    width: 48px;
    height: 48px;
    margin: 0 auto
}

.ww-month-weekdays span {
    display: block;
    font-size: 23px;
    color: #000;
    margin: 6px 0 0
}

.ww-month-weekdays p {
    font-size: 14px;
    color: #000;
    margin: 11px 0 0 8px;
    padding: 0
}

.ww-month-weekdays p:before {
    display: inline;
    font-size: 13px;
    color: #616161
}

.ww-month-weekend div {
    font-size: 18px;
    color: #d21010;
    padding: 12px 0 7px;
    margin-bottom: 1px
}

.ww-month-weekend img {
    display: block;
    border: none;
    width: 48px;
    height: 48px;
    margin: 0 auto
}

.ww-month-weekend span {
    display: block;
    font-size: 23px;
    color: #000;
    margin: 6px 0 0
}

.ww-month-weekend p {
    font-size: 14px;
    color: #000;
    margin: 11px 0 0 8px;
    padding: 0
}

.ww-month-weekend p:before {
    display: inline;
    font-size: 13px;
    color: #616161
}

.ww-month .icon-weather {
    top: 1px
}

h2.weather-month-h2 {
    border: none;
    font-size: 22px;
    font-weight: 400;
    line-height: 22px;
    margin: 10px 0 12px;
    padding: 0
}

.forecast-days+.weather-month-h2 {
    margin-top: 25px
}

.ww-month.next-m {
    border-top: 1px solid #ebeaea
}

.ww-month-weekdays.foreacast-archive.ww-month-weekdays.foreacast {
    background-color: #fff
}

.foreacast-archive a {
    z-index: 1
}

.wind-rose-head {
    margin-top: 10px
}

.wind-rose-head,
.wind-rose-head div {
    background-color: #f4f9fd
}

.wind-rose-row {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #b7b9b9
}

.wind-rose-data {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700;
    border-top: none
}

.wind-rose-row div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%;
    float: left;
    text-align: center;
    border-right: 1px solid #d3d6d7
}

.wind-rose-data div {
    padding: 10px 0 7px
}

.wind-rose-head div {
    padding: 1px 5px 2px
}

.wind-rose-row div:last-child {
    border-right: none
}

.wind-rose-head,
.wind-rose-head div {
    background-color: #f4f9fd
}

.wind-rose-row {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d3d6d7
}

.wind-rose-data {
    font-size: 16px;
    font-weight: 700;
    border-top: none
}

.wind-rose-row div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%;
    float: left;
    text-align: center;
    border-right: 1px solid #b7b9b9
}

.wind-rose-data div {
    padding: 10px 0 7px
}

.wind-rose-row div:last-child {
    border-right: none
}

.wind-name {
    display: block;
    font-size: 12px;
    color: #818181;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 5px 0 2px 0
}

.wind-rose-head .wwi {
    margin: 0 0 0 4px;
    width: 16px
}

.warning:after {
    font-size: 13px;
    padding: 5px 0;
    -webkit-clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0 100%, 3% 50%, 0 0);
    clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0 100%, 3% 50%, 0 0);
    color: #000;
    display: block;
    font-weight: 700;
    width: 320px;
    margin: 8px auto -18px auto;
    text-align: center
}

.warning.up:after {
    content: "Завтра резкое потепление!";
    background-color: #fcedd1
}

.warning.down:after {
    content: "Завтра резкое похолодание!";
    background-color: #cfe6fd
}

.warning.wn-r:after {
    left: 0 !important;
    margin: 7px 0 0;
    display: inline-block
}

@media (min-width:1280px) {
    #wrapper {
        width: 1100px
    }

    #content-left {
        width: 796px
    }

    #view {
        left: 756px
    }

    #lang-menu-act {
        margin-left: 1021px
    }

    #lang-menu {
        margin-left: 878px
    }

    .weather-now.horizon #weather-now-description {
        width: 265px;
        margin-left: 22px
    }

    .weather-now.horizon #weather-now-description dt {
        width: 135px
    }

    #bread-crumbs li {
        margin-right: 7px
    }

    #bread-crumbs li:after {
        margin-left: 3px
    }

    #weather-temperature,
    .t-weather-temperature,
    .weather_temperature {
        width: 142px
    }

    .weather-temperature {
        width: 120px;
        padding-left: 30px
    }

    #weather-feeling,
    #weather-humidity,
    #weather-pressure,
    #weather-probability,
    #weather-wind,
    .weather-feeling,
    .weather-humidity,
    .weather-pressure,
    .weather-probability,
    .weather-wind,
    .weather_feeling {
        width: 14%
    }

    .weather-today.short+.weather-today .weather-wind {
        padding-left: 35px
    }

    #weather-wind {
        position: relative;
        padding-right: 25px
    }

    .cities-blocks,
    .countries-blocks {
        width: 20%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .resorts-blocks {
        width: 212px
    }

    .weather-forecast.p-rightSh {
        margin: 25px 0 12px
    }

    .p-rightSh~#view {
        margin-top: -29px
    }

    h2.o-d+.weather-today+.weather-today .weather-feeling,
    h2.o-d+.weather-today+.weather-today .weather-humidity,
    h2.o-d+.weather-today+.weather-today .weather-pressure,
    h2.o-d+.weather-today+.weather-today .weather-wind {
        padding-left: 0;
        width: 17%
    }

    h2.o-d+.weather-today+.weather-today .weather-wind {
        padding-left: 6%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    h2.o-d+.weather-today+.weather-today .weather-temperature {
        padding-left: 20px
    }

    h2.o-d+.weather-today #weather-feeling,
    h2.o-d+.weather-today #weather-humidity,
    h2.o-d+.weather-today #weather-pressure,
    h2.o-d+.weather-today #weather-wind,
    h2.o-d+.weather-today .weather_feeling,
    h2.o-d+.weather-today .weather_humidity,
    h2.o-d+.weather-today .weather_pressure,
    h2.o-d+.weather-today .weather_wind {
        width: 17%
    }

    h2.o-d+.weather-today #weather-temperature {
        width: 22%
    }

    .alphabet,
    .gr-one-day {
        width: auto
    }

    .block-cities,
    .cities {
        width: 365px
    }

    .next-archive {
        margin-left: 726px
    }

    .t-weather-pressure,
    .t-weather-wind {
        width: 14%
    }
}

.ww-cont-ban-footer {
    position: relative;
    top: 18px;
    border-top: 3px solid #dbdcdc;
    padding-top: 20px;
    max-height: 350px;
    overflow: hidden
}

@media (max-width:1023px) {
    .bn-wr {
        width: calc(100% - 250px);
        min-width: calc(720px - 250px)
    }
}

@media (min-width:1060px) {
    .bn-wr {
        width: calc(1028px - 250px)
    }
}

@media (min-width:1280px) {
    .bn-wr {
        width: calc(1100px - 250px)
    }
}

@media (max-width:1350px) {
    .bn-wr-3 {
        right: 12%
    }
}

@media (max-width:1060px) {
    .bn-wr-3 {
        right: 25px
    }
}

.forecast-days.by-months a,
.forecast-days.by-months span#forecast-daysActive {
    width: 8.3333%
}

.menu-years {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    font-size: 22px;
    line-height: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 10px
}

.menu-years a,
.menu-years span {
    margin-right: 20px
}

.forecast-days.by-months {
    margin-bottom: 20px
}

.menu-years a:last-child,
.menu-years span:last-child {
    margin-right: 0
}

.menu-years span {
    border: 1px solid #dbdcdc;
    padding: 6px 10px 5px;
    border-radius: 25px
}

.clearfix,
.clearfix:after {
    clear: both
}

.water-months-box {
    padding-left: 25px;
    overflow: hidden
}

.water-months {
    height: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px
}

.water-months li {
    font-weight: 700;
    margin-bottom: 2px;
    list-style: none;
    width: 25%;
    margin-top: 5px
}

.water-months li a {
    font-weight: 400
}

.water-min-max {
    overflow: hidden;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 5px
}

.water-min-max>span {
    color: #616161
}

.water-min-max>span>span {
    color: #000;
    font-weight: 700
}

.icon-water {
    position: relative;
    top: 4px;
    left: -86px;
    float: left;
    display: inline-block;
    width: 48px;
    height: 48px
}

.icon-water svg {
    position: absolute;
    width: 32px;
    top: 14px;
    left: 6px
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.info-str.info-f.snip-water {
    margin-bottom: 14px
}

.list-cities {
    overflow: hidden;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 20px 30px;
    border-radius: 2px;
    background-color: #f2f8fa
}

.list-cities.wl>div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.block-alphabet+.list-cities,
.block-alphabet+br+h2+.list-cities {
    display: block;
    background-color: transparent
}

.list-cities div p a {
    font-size: 15px;
    line-height: 24px
}

.list-cities.wl div p a {
    font-size: 16px;
    line-height: 30px
}

.list-cities div p {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0
}

.bl-i {
    width: 12px;
    margin-right: 5px
}

.bl-i>path {
    fill: #9e9e9e;
    -webkit-transition: fill .2s ease-out;
    transition: fill .2s ease-out
}

.list-cities.wl div p a:hover .bl-i>path {
    fill: #d50403
}

.dates.short-d.w-d {
    margin-bottom: 9px
}

.water-min-max .block-info {
    margin: 0 0 0 10px;
    top: 0;
    left: 0
}

.chart {
    width: calc(100% - 1px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #000;
    padding: 30px 0 0;
    border-bottom: 3px solid #1976d2
}

.chart div {
    background-color: #8ecaff;
    width: 5%;
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    font-weight: 700;
    position: relative;
    border-bottom: none;
    border-radius: 2px 2px 0 0
}

.chart-temp {
    position: relative;
    top: -26px;
    font-size: 15px
}

.chart-month {
    position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
    color: #000;
    text-transform: capitalize;
    font-weight: 400
}

.chart-info,
.chart-info-d {
    font-size: 14px;
    color: #616161;
    text-align: center
}

.chart div:last-child {
    margin-right: 0
}

.chart-info {
    margin-top: 30px
}

.chart-info.water-i {
    margin-top: 10px
}

.chart-info-d {
    margin-top: 10px
}

.ww-month-weekdays.foreacast-archive,
.ww-month-weekend.foreacast-archive {
    background-color: #fefaec
}

.error-box,
.error-cities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.error-box div:first-child {
    width: 150px
}

.error-box div svg {
    width: 120px;
    height: 120px
}

.error-box div:last-child {
    font-size: 16px;
    line-height: 26px;
    padding-top: 20px
}

.error-h2 {
    border-bottom: none;
    margin-top: 50px
}

.error-cities>div {
    width: 25%;
    line-height: 26px
}

.error-cities>div>div {
    margin: 10px 0 5px;
    font-weight: 700;
    color: #333;
    height: 30px
}

#content-left.error-404 {
    width: 100%
}

.agree {
    display: block;
    margin: 0 0 25px
}

.agree input {
    position: relative;
    top: 2px;
    margin-right: 8px
}

.set-date h2 {
    border-bottom: none
}

.tab-data+h2 {
    border-bottom: none;
    margin-top: 30px
}

.chart.min-water {
    border-bottom: 2px solid #29b6f6
}

.chart.min-water div {
    background-color: #b3e5fc;
    border-top: 1px solid rgb(41 181 246 / .5)
}

.chart.max-water {
    border-bottom: 2px solid #ffb74d
}

.chart.max-water div {
    background-color: #ffe0b2;
    border-top: 1px solid rgb(255 183 77 / .5)
}

.chart.avg-water {
    border-bottom: 2px solid #46b6a6
}

.chart.avg-water div {
    background-color: #8cede2;
    border-top: 1px solid rgb(70 182 166 / .5)
}

.chart.chart-m {
    padding-bottom: 20px;
    border-bottom: none;
    width: 100%
}

.chart.chart-m div {
    margin: 0 3px 0 0;
    width: 4%
}

.chart.chart-m div:last-child {
    margin-right: 0
}

.chart.chart-m .chart-temp {
    font-size: 13px;
    top: -25px
}

.chart.chart-m .chart-month {
    font-size: 13px;
    color: #616161;
    font-weight: 400
}

.chart-line {
    height: 2px;
    margin: 0;
    border: none;
    position: relative;
    top: -20px
}

.chart-m.avg-water+.chart-line {
    background-color: #46b6a6
}

.chart-m.min-water+.chart-line {
    background-color: #29b5f6
}

.chart-m.max-water+.chart-line {
    background-color: #ffb74d
}

.ln-r {
    position: absolute;
    right: 0;
    margin-top: -31px;
    font-size: 14px
}

.reg-list {
    float: left;
    top: -3px;
    margin-right: 3px;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    width: 30px !important;
    height: 30px !important
}

#wrapper .fixed #setting-box-page,
#wrapper .fixed #setting-box-theme,
#wrapper .fixed #setting-box-top,
#wrapper .fixed .block-info,
#wrapper .fixed .controlWidth,
#wrapper .fixed .controlWidth-result,
#wrapper .fixed .controlWidthTit {
    display: none
}

.balun-water-temp,
.t-w-b-icon,
.water-region-icon {
    background-repeat: no-repeat
}

.balun-water,
.t-w-b-icon,
.t-w-b>div>a,
.water-region-icon {
    display: inline-block
}

.list-cities.water-country .region-country {
    font-size: 16px;
    color: #000;
    line-height: 35px;
    margin-top: 5px
}

.water-region-icon {
    background-position: center center;
    background-size: 16px;
    width: 25px;
    height: 24px;
    overflow: hidden
}

.balun-water {
    height: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    position: relative;
    padding: 6px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.balun-water:after {
    position: absolute;
    width: 0;
    content: "";
    border-style: solid;
    border-width: 7px;
    border-color: #fff transparent transparent;
    bottom: -14px;
    left: 0;
    right: 0;
    margin: auto
}

.t-w-b,
.t-w-h {
    border-bottom: 1px solid #f2f2f2;
    overflow: hidden
}

.balun-water-head {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    text-align: center
}

.balun-water-temp {
    background-position: 0 1px;
    background-size: 12px;
    height: 16px;
    overflow: hidden;
    max-width: 45px;
    margin: auto;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 17px;
    position: relative;
    top: 2px
}

.water-months.countries {
    font-size: 16px;
    height: 80px;
    position: relative;
    top: -7px
}

.water-months.countries li {
    margin-top: 7px
}

.snip-water+.water-months.countries {
    top: 0;
    padding: 0 15px
}

.t-w-box {
    overflow: hidden;
    margin-bottom: 25px
}

.wh.c-w-m {
    margin-top: 10px
}

.t-w-h {
    background-color: #f9f7f7;
    font-weight: 700;
    font-size: 14px;
    padding: 13px 10px;
    margin-top: 20px
}

.t-w-b {
    background-color: #fff;
    font-size: 16px;
    padding: 13px 5px 11px
}

.t-w-b>div,
.t-w-h>div {
    width: 36%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-right: 5px;
    text-align: center
}

.t-w-b>div:nth-child(1n),
.t-w-h>div:nth-child(1n) {
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 5px
}

.t-w-b>div:nth-child(2n),
.t-w-b>div:nth-child(3n),
.t-w-b>div:nth-child(4n),
.t-w-b>div:nth-child(5n),
.t-w-h>div:nth-child(2n),
.t-w-h>div:nth-child(3n),
.t-w-h>div:nth-child(4n),
.t-w-h>div:nth-child(5n) {
    width: 16%;
    text-align: center
}

.t-w-b-icon {
    background-position: center center;
    background-size: 16px;
    width: 25px;
    height: 16px;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 3px;
    position: relative;
    top: -2px
}

.t-w-b>div>a {
    margin-left: 5px
}

.polar:after {
    content: "Полярная ночь";
    margin-top: 22px;
    display: block
}

.polar-d:after,
.polar-n:after {
    margin-top: 22px;
    display: block
}

.polar-n:after {
    content: "Полярная ночь"
}

.polar-d:after {
    content: "Полярный день"
}

.loc-hourly-item,
.loc-now {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.location {
    overflow: hidden;
    position: relative;
    height: 180px;
    font-size: 14px;
    margin: 30px 0 30px 0
}

.loc-close {
    display: none;
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNjEyIj48cG9seWdvbiBwb2ludHM9IjYxMiAzNiA1NzYuNSAwLjYgMzA2IDI3MC42IDM1LjUgMC42IDAgMzYgMjcwLjUgMzA2IDAgNTc2IDM1LjUgNjExLjQgMzA2IDM0MS40IDU3Ni41IDYxMS40IDYxMiA1NzYgMzQxLjUgMzA2ICIgZmlsbD0iIzhiOGE4YSIvPjwvc3ZnPg==) 0 0/10px no-repeat;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .8;
    -webkit-transition: ease-out 150ms;
    transition: ease-out 150ms
}

.loc-close:hover {
    opacity: 1
}

.loc-hourly-wind span,
.loc-now-data-row>span {
    opacity: .9;
    overflow: hidden;
    display: inline-block
}

.loc-now {
    width: 360px;
    overflow: hidden;
    background-color: #fff5e6;
    height: 180px;
    padding: 18px 10px 10px 25px;
    border-radius: 4px 0 0 4px
}

.loc-now-t-city {
    font-size: 19px;
    display: block;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 15px;
    float: left
}

.loc-now-t-city a {
    color: #000
}

.loc-now-t-city a:hover {
    color: #d50404
}

#wrapper .loc-now-t-other-city {
    display: block;
    position: relative;
    top: 2px;
    width: 16px;
    float: left;
    height: 16px;
    left: -8px;
    color: #616161
}

.loc-now-time {
    margin-top: 1px;
    color: #616161;
    font-size: 12px;
    clear: both;
    position: relative;
    top: 5px;
    text-transform: uppercase
}

.loc-now-time>span {
    width: 11px;
    height: 11px;
    display: inline-block;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMS43NzIgMzEuNzcyIiBmaWxsPSIjNGQ0YjQ2Ij4NCg0KCTxwYXRoIGQ9Ik0xNS44ODcsMEM3LjExMywwLDAsNy4xMTUsMCwxNS44ODljMCw4Ljc3LDcuMTEzLDE1Ljg4MywxNS44ODcsMTUuODgzYzguNzczLDAsMTUuODg0LTcuMTEzLDE1Ljg4NC0xNS44ODMNCgkJQzMxLjc3MSw3LjExNSwyNC42NiwwLDE1Ljg4NywweiBNMTUuODg3LDI2Ljk0N2MtNi4xLDAtMTEuMDY0LTQuOTYxLTExLjA2NC0xMS4wNTljMC02LjEwNCw0Ljk2NC0xMS4wNjgsMTEuMDY0LTExLjA2OA0KCQljNi4xMDEsMCwxMS4wNjEsNC45NjUsMTEuMDYxLDExLjA2OEMyNi45NDgsMjEuOTg2LDIxLjk4NywyNi45NDcsMTUuODg3LDI2Ljk0N3oiLz4NCgk8cGF0aCBkPSJNMTcuMjUzLDE1LjAxMmwwLjAwMS02LjEzM2MwLTAuNzU0LTAuNjExLTEuMzYzLTEuMzY3LTEuMzYzYy0wLjc1OCwwLTEuMzcsMC42MDktMS4zNywxLjM2M3Y2LjEzM3YyLjczNHYwLjAwMmgyLjczNg0KCQl2LTAuMDAybDYuMTM0LDAuMDAyYzAuNzUyLDAsMS4zNjYtMC42MTEsMS4zNjYtMS4zNjdjMC0wLjc1OC0wLjYxNC0xLjM2OS0xLjM2Ni0xLjM2OUMyMy4zODgsMTUuMDEyLDE3LjI1MywxNS4wMTIsMTcuMjUzLDE1LjAxMnoNCgkJIi8+DQo8L3N2Zz4NCg==) 0 0/11px no-repeat;
    margin: 0 0 0 3px;
    position: relative;
    top: 1px;
    opacity: .8
}

.loc-now-temp {
    width: 168px;
    margin-right: 12px;
    float: left
}

.loc-now-temp-i {
    margin-top: 10px;
    overflow: hidden;
    height: 54px
}

.loc-now-temp-atm {
    font-size: 14px;
    line-height: 16px
}

.loc-now-temp-i img {
    width: 58px
}

.loc-now-temp-i div {
    font-size: 40px;
    display: block;
    line-height: 40px;
    overflow: hidden;
    position: relative;
    top: 4px;
    left: 4px
}

.loc-now-data {
    overflow: hidden;
    position: relative;
    top: -10px
}

.loc-now-data.lr-city {
    top: -22px
}

.loc-now-data-row {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 7px;
    line-height: 17px;
    padding-left: 26px;
    position: relative
}

.loc-now-icon {
    fill: #616161;
    width: 18px;
    position: absolute;
    -webkit-transform: translate(-26px, 7px);
    transform: translate(-26px, 7px)
}

.loc-now-data-row div {
    color: #616161;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase
}

.loc-now-data-row>span {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    position: absolute;
    height: 20px;
    width: 20px;
    margin: 11px 0 0 3px
}

.loc-hourly {
    border: 1px solid #f0f0f0;
    border-left: none;
    height: 178px;
    overflow: hidden;
    border-radius: 0 4px 4px 0
}

.loc-hourly-box {
    width: calc(100% - 15px);
    height: 140px;
    margin-top: 22px
}

.loc-hourly-item {
    width: 20%;
    text-align: center;
    border-right: 1px solid #f1f1f0;
    height: 140px
}

.loc-hourly-item:last-child {
    border-right: none
}

.loc-hourly-time {
    margin-bottom: 15px;
    position: relative;
    top: -3px
}

.loc-hourly-icon {
    margin-bottom: 5px
}

.loc-hourly-temp {
    margin-bottom: 11px;
    font-size: 20px;
    line-height: 20px
}

.loc-hourly-wind {
    position: relative;
    left: -5px;
    top: 5px;
    line-height: 14px
}

.loc-hourly-wind span {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    position: absolute;
    height: 20px;
    width: 20px;
    margin: -6px 0 0 3px
}

.loc-now-temp-i div>span {
    font-size: 28px;
    position: relative;
    top: -9px
}

.wwi.E:after,
.wwi.N:after,
.wwi.NE:after,
.wwi.NW:after,
.wwi.S:after,
.wwi.SE:after,
.wwi.SW:after,
.wwi.W:after {
    margin-left: 18px;
    position: absolute;
    margin-top: 3px;
    color: rgba(0, 0, 0, .7);
    font-size: 11px;
    -webkit-transform: translate(-20px, 16px);
    transform: translate(-20px, 16px);
    width: 17px;
    text-align: center
}

.wwi.N:after {
    content: "С"
}

.wwi.SE:after {
    content: "ЮВ"
}

.wwi.W:after {
    content: "З"
}

.wwi.S:after {
    content: "Ю"
}

.wwi.NW:after {
    content: "СЗ"
}

.wwi.SW:after {
    content: "ЮЗ"
}

.wwi.E:after {
    content: "В"
}

.wwi.NE:after {
    content: "СВ"
}

.wind-rose-row .wwi.E:after,
.wind-rose-row .wwi.N:after,
.wind-rose-row .wwi.NE:after,
.wind-rose-row .wwi.NW:after,
.wind-rose-row .wwi.S:after,
.wind-rose-row .wwi.SE:after,
.wind-rose-row .wwi.SW:after,
.wind-rose-row .wwi.W:after {
    display: none
}

.water-temperature {
    background-image: radial-gradient(circle 827px at 47.3% 48%, rgb(241 248 251) 0, rgba(138, 192, 216, .5) 90%);
    display: block;
    font-size: 17px;
    line-height: 70px;
    text-align: center;
    margin: 25px auto 0;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    height: 70px;
    border-radius: 2px;
    color: #000 !important;
    position: relative;
    text-indent: 46px;
    background-color: #eaf3f8;
    -webkit-box-shadow: 0 -1px 0 0 #d3e8f1 inset;
    box-shadow: 0 -1px 0 0 #d3e8f1 inset
}

.water-temperature:hover {
    background-color: #abe0f7
}

.water-temperature:before {
    position: absolute;
    width: 60px;
    height: 60px;
    display: block;
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDQgNTA0Ij48c3R5bGU+LnMwe2ZpbGw6I0ZGRjt9LnMxe2ZpbGw6Izg0REJGRjt9PC9zdHlsZT48cG9seWdvbiBwb2ludHM9IjE4My43IDM3NiA3NS40IDMzOC4yIDE0OS43IDE3OS41IDIxMS40IDE5MC43ICIgZmlsbD0iI0ZGRiIvPjxwb2x5Z29uIHBvaW50cz0iMTgzLjcgMzc2IDI5OC4xIDMzOCAyNzYuNSAxNzkuNSAyMTEuNCAxOTAuNyAiIGZpbGw9IiNFNkU5RUUiLz48cG9seWdvbiBwb2ludHM9IjQzNC44IDM3NiAyOTguMSAzMzggMjc2LjUgMTc5LjUgMzQ0LjkgMTkwLjcgIiBmaWxsPSIjRkZGIi8+PHBvbHlnb24gcG9pbnRzPSIzMjYgMjA3LjQgMjc5LjEgMTk4LjggMjk0LjMgMzEwLjUgMzgyIDMzNCAiIGZpbGw9IiM4NERCRkYiLz48cG9seWdvbiBwb2ludHM9IjE1OS45IDIwMS4zIDEwNC45IDMyMS43IDE4Ny4yIDM0Ny4yIDIwOC4yIDIxMCAiIGZpbGw9IiM4NERCRkYiLz48cG9seWdvbiBwb2ludHM9IjI3OS4xIDE5OC44IDIwOC4yIDIxMCAxODcuMiAzNDcuMiAyOTQuMyAzMTAuNSAiIGZpbGw9IiM1NEMwRUIiLz48cGF0aCBkPSJNMzMxLjggMTM5LjljMCA0NS04MS41IDE0My4zLTgxLjUgMTQzLjNzLTgxLjUtOTguMy04MS41LTE0My4zIDM2LjUtODEuNSA4MS41LTgxLjVTMzMxLjggOTQuOCAzMzEuOCAxMzkuOXoiIGZpbGw9IiNGMTU0M0YiLz48Y2lyY2xlIGN4PSIyNTAuMiIgY3k9IjEzMy4yIiByPSI0MS4zIiBmaWxsPSIjZWNmNWY5Ii8+PC9zdmc+) no-repeat 0 0/60px;
    left: -240px;
    right: 0;
    margin: auto;
    top: 8px
}

.overlay {
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 14;
    -webkit-animation: overlay 150ms ease-in-out;
    animation: overlay 150ms ease-in-out
}

@-webkit-keyframes overlay {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes overlay {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#form {
    z-index: 15;
    position: relative
}

.average-deg,
.average-icon,
.average-it,
.chart-item {
    position: relative
}

.average-box {
    display: none
}

@supports (display:-moz-flex) or (display:flex) {
    .average-box {
        display: block;
        margin-top: 5px
    }
}

.nb {
    border-bottom: none
}

.average {
    margin-bottom: 20px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.average-deg,
.average-icon,
.average-it,
.average-item,
.average-temp {
    display: inline-block
}

.average-item {
    overflow: hidden;
    width: 185px
}

.average-item:first-child {
    width: auto;
    margin-right: 10px
}

.average-icon {
    background-size: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    top: 6px
}

.i-day {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTAgMCkiIGQ9Ik0zMDQuMSAzOTguMmMwIDYyLjgtNTAuOSAxMTMuOC0xMTMuOCAxMTMuOCAtMTQgMC0yNy41LTIuNS0zOS45LTcuMiAtNDMuMi0xNi4yLTczLjktNTcuOC03My45LTEwNi42IDAtNDIuMSAyMi45LTc4LjkgNTYuOS05OC42VjU2LjljMC0xNS43IDYuNC0yOS45IDE2LjctNDAuMkMxNjAuNCA2LjQgMTc0LjcgMCAxOTAuNCAwYzEwLjcgMCAyMC43IDMgMjkuMyA4LjEgMTYuNSAxMCAyNy42IDI4LjEgMjcuNiA0OC44djI0Mi44QzI4MS4zIDMxOS4zIDMwNC4xIDM1Ni4xIDMwNC4xIDM5OC4yeiIgZmlsbD0iI2I0ZTZmYSIvPjxwYXRoIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MCAwKSIgZD0iTTI2NS44IDM5OC4yYzAgMzYtMjUuNCA2Ni4zLTU5LjMgNzMuNyAtNS4yIDEuMS0xMC42IDEuOC0xNi4yIDEuOCAtNDEuNiAwLTc1LjUtMzMuOC03NS41LTc1LjUgMC0yNi45IDE0LjUtNTEuOSAzNy44LTY1LjQgNS45LTMuNCAxMC43LTguMyAxNC0xNCAzLjMtNS43IDUuMS0xMi4zIDUuMS0xOS4yVjU3LjRjMC0xMCA3LjctMTguNiAxNy42LTE5LjEgMTAuNy0wLjUgMTkuNSA4IDE5LjUgMTguNXYyNDIuOGMwIDEzLjcgNy4zIDI2LjMgMTkuMSAzMy4yIDExLjcgNi43IDIxLjEgMTYuNCAyNy42IDI3LjdDMjYyLjIgMzcxLjggMjY1LjggMzg0LjggMjY1LjggMzk4LjJ6IiBmaWxsPSIjZTkwZDBkIi8+PHBhdGggdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUwIDApIiBkPSJNMjA4LjkgNTYuOXYxMTcuNGgtMzcuMVY1Ny40YzAtMTAgNy43LTE4LjYgMTcuNi0xOS4xQzIwMC4xIDM3LjggMjA4LjkgNDYuMyAyMDguOSA1Ni45eiIgZmlsbD0iI0ZGRiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InNjYWxlKDcpIHRyYW5zbGF0ZSgzMSAtNy4yKSIgZmlsbD0iI0ZGRDYyRSIgZD0iTTIzLjUgNDEuNWM5LjQgMCAxNy4xLTcuNiAxNy4xLTE3LjEgMC05LjQtNy42LTE3LjEtMTcuMS0xNy4xQzE0IDcuMyA2LjQgMTUgNi40IDI0LjQgNi40IDMzLjggMTQgNDEuNSAyMy41IDQxLjVMMjMuNSA0MS41eiIvPjwvc3ZnPg==)
}

.i-night {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTAgMCkiIGQ9Ik0zMDQuMSAzOTguMmMwIDYyLjgtNTAuOSAxMTMuOC0xMTMuOCAxMTMuOCAtMTQgMC0yNy41LTIuNS0zOS45LTcuMiAtNDMuMi0xNi4yLTczLjktNTcuOC03My45LTEwNi42IDAtNDIuMSAyMi45LTc4LjkgNTYuOS05OC42VjU2LjljMC0xNS43IDYuNC0yOS45IDE2LjctNDAuMkMxNjAuNCA2LjQgMTc0LjcgMCAxOTAuNCAwYzEwLjcgMCAyMC43IDMgMjkuMyA4LjEgMTYuNSAxMCAyNy42IDI4LjEgMjcuNiA0OC44djI0Mi44QzI4MS4zIDMxOS4zIDMwNC4xIDM1Ni4xIDMwNC4xIDM5OC4yeiIgZmlsbD0iI2I0ZTZmYSIvPjxwYXRoIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MCAwKSIgZD0iTTI2NS44IDM5OC4yYzAgMzYtMjUuNCA2Ni4zLTU5LjMgNzMuNyAtNS4yIDEuMS0xMC42IDEuOC0xNi4yIDEuOCAtNDEuNiAwLTc1LjUtMzMuOC03NS41LTc1LjUgMC0yNi45IDE0LjUtNTEuOSAzNy44LTY1LjQgNS45LTMuNCAxMC43LTguMyAxNC0xNCAzLjMtNS43IDUuMS0xMi4zIDUuMS0xOS4yVjU3LjRjMC0xMCA3LjctMTguNiAxNy42LTE5LjEgMTAuNy0wLjUgMTkuNSA4IDE5LjUgMTguNXYyNDIuOGMwIDEzLjcgNy4zIDI2LjMgMTkuMSAzMy4yIDExLjcgNi43IDIxLjEgMTYuNCAyNy42IDI3LjdDMjYyLjIgMzcxLjggMjY1LjggMzg0LjggMjY1LjggMzk4LjJ6IiBmaWxsPSIjZTkwZDBkIi8+PHBhdGggdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUwIDApIiBkPSJNMjA4LjkgNTYuOXYxMTcuNGgtMzcuMVY1Ny40YzAtMTAgNy43LTE4LjYgMTcuNi0xOS4xQzIwMC4xIDM3LjggMjA4LjkgNDYuMyAyMDguOSA1Ni45eiIgZmlsbD0iI0ZGRiIvPjxwYXRoIHRyYW5zZm9ybT0ic2NhbGUoMC40MykgdHJhbnNsYXRlKDU4NSAwKSIgZD0iTTE0Ni45IDM3NS41YzEyNi4zIDAgMjI4LjYtMTAyLjQgMjI4LjYtMjI4LjYgMC01Ni0yMC4yLTEwNy4xLTUzLjUtMTQ2LjlDNDI1LjEgMzMuMSA0OTkuNyAxMjkuNiA0OTkuNyAyNDMuN2MwIDE0MS40LTExNC42IDI1Ni0yNTYgMjU2IC0xMTQuMSAwLTIxMC42LTc0LjYtMjQzLjctMTc3LjdDMzkuNyAzNTUuNCA5MC45IDM3NS41IDE0Ni45IDM3NS41eiIgZmlsbD0iI0ZGRDYyRSIvPjwvc3ZnPg==)
}

.average-it {
    color: #616161;
    font-size: 18px;
    top: -4px;
    margin-right: 2px
}

.average-temp {
    font-size: 32px
}

.average-deg {
    font-size: 18px;
    top: -10px
}

.average-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 20px;
    padding-top: 20px
}

.chart-item {
    width: 90px;
    margin-right: 6px
}

.chart-item-d,
.chart-item-txt {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center
}

.chart-item.blue {
    background-color: #5fa0de
}

.chart-item.gray {
    background-color: #d8d7d7
}

.chart-item.orange {
    background-color: #fed52e
}

.chart-item-txt {
    color: #616161;
    bottom: -21px;
    font-size: 14px
}

.chart-item-d {
    top: -20px;
    font-size: 14px
}

.location .wwi:after {
    display: none
}

a.ui-corner-all,
span.ui-corner-all {
    outline: 0
}

.resorts-blocks .reg-list {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.switch-themes {
    width: 48px;
    height: 27px;
    border-radius: 16px;
    background-color: #cbecfd;
    position: absolute;
    top: 21px;
    right: 64px;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3Ljk1OCAxMi4zMjVjLjIwNC0uNDg2LS4zNzktLjktLjg2OC0uNjg0YTcuNjg1IDcuNjg1IDAgMCAxLTMuMTAxLjY0OGMtNC4xODUgMC03LjU3Ny0zLjMyNC03LjU3Ny03LjQyNUE3LjI4IDcuMjggMCAwIDEgNy41NDYuOTU0QzcuODMuNTA2IDcuNDg5LS4xMTQgNi45NjkuMDE4IDIuOTYgMS4wNDEgMCA0LjYxMyAwIDguODYyIDAgMTMuOTA5IDQuMTc1IDE4IDkuMzI2IDE4YzMuOSAwIDcuMjQtMi4zNDUgOC42MzItNS42NzV6IiBmaWxsPSIjZmZhNzI2Ii8+PHBhdGggZD0iTTEyLjYxMS4xMDNjLS41My0uMzU0LTEuMTYyLjI3OC0uODA5LjgwOGwuNjMuOTQ1YTIuMzMyIDIuMzMyIDAgMCAxIDAgMi41ODhsLS42My45NDVjLS4zNTMuNTMuMjggMS4xNjIuODEuODA4bC45NDQtLjYzYTIuMzMyIDIuMzMyIDAgMCAxIDIuNTg4IDBsLjk0NS42M2MuNTMuMzU0IDEuMTYyLS4yNzguODA4LS44MDhsLS42My0uOTQ1YTIuMzMyIDIuMzMyIDAgMCAxIDAtMi41ODhsLjYzLS45NDVjLjM1NC0uNTMtLjI3OC0xLjE2Mi0uODA5LS44MDhsLS45NDQuNjNhMi4zMzIgMi4zMzIgMCAwIDEtMi41ODggMGwtLjk0NS0uNjN6IiBmaWxsPSIjZmZhNzI2Ii8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 27px 7px;
    background-size: 14px;
    -webkit-transition: all .4s cubic-bezier(.7, -.56, .285, 1.65);
    transition: all .4s cubic-bezier(.7, -.56, .285, 1.65)
}

.switch-r {
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    top: 6px;
    left: 5px;
    -webkit-transition: all .4s cubic-bezier(.7, -.56, .285, 1.65);
    transition: all .4s cubic-bezier(.7, -.56, .285, 1.65);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .45);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .45)
}

.ol-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    border: 2px solid #00f
}

.ol-mouse-position {
    top: 8px;
    right: 8px;
    position: absolute
}

.ol-scale-line {
    background: rgba(0, 60, 136, .3);
    border-radius: 4px;
    bottom: 8px;
    left: 8px;
    padding: 2px;
    position: absolute
}

.ol-scale-line-inner {
    border: 1px solid #eee;
    border-top: none;
    color: #eee;
    font-size: 10px;
    text-align: center;
    margin: 1px;
    will-change: contents, width
}

.ol-overlay-container {
    will-change: left, right, top, bottom
}

.ol-unsupported {
    display: none
}

.ol-unselectable,
.ol-viewport {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.ol-selectable {
    -webkit-touch-callout: default;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.ol-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.ol-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.ol-control {
    position: absolute;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 4px;
    padding: 2px
}

.ol-control:hover {
    background-color: rgba(255, 255, 255, .6)
}

.ol-zoom {
    top: .5em;
    left: .5em
}

.ol-rotate {
    top: .5em;
    right: .5em;
    -webkit-transition: opacity .25s linear, visibility 0s linear;
    transition: opacity .25s linear, visibility 0s linear
}

.ol-rotate.ol-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .25s linear, visibility 0s linear .25s;
    transition: opacity .25s linear, visibility 0s linear .25s
}

.ol-zoom-extent {
    top: 4.643em;
    left: .5em
}

.ol-full-screen {
    right: .5em;
    top: .5em
}

@media print {
    .ol-control {
        display: none
    }
}

.ol-control button {
    display: block;
    margin: 1px;
    padding: 0;
    color: #fff;
    font-size: 1.14em;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    height: 1.375em;
    width: 1.375em;
    line-height: .4em;
    background-color: rgba(0, 60, 136, .5);
    border: none;
    border-radius: 2px
}

.ol-control button::-moz-focus-inner {
    border: none;
    padding: 0
}

.ol-zoom-extent button {
    line-height: 1.4em
}

.ol-compass {
    display: block;
    font-weight: 400;
    font-size: 1.2em;
    will-change: transform
}

.ol-touch .ol-control button {
    font-size: 1.5em
}

.ol-touch .ol-zoom-extent {
    top: 5.5em
}

.ol-control button:focus,
.ol-control button:hover {
    text-decoration: none;
    background-color: rgba(0, 60, 136, .7)
}

.ol-zoom .ol-zoom-in {
    border-radius: 2px 2px 0 0
}

.ol-zoom .ol-zoom-out {
    border-radius: 0 0 2px 2px
}

.ol-attribution {
    text-align: right;
    bottom: .5em;
    right: .5em;
    max-width: calc(100% - 1.3em)
}

.ol-attribution ul {
    margin: 0;
    padding: 0 .5em;
    font-size: .7rem;
    line-height: 1.375em;
    color: #000;
    text-shadow: 0 0 2px #fff
}

.ol-attribution li {
    display: inline;
    list-style: none;
    line-height: inherit
}

.ol-attribution li:not(:last-child):after {
    content: " "
}

.ol-attribution img {
    max-height: 2em;
    max-width: inherit;
    vertical-align: middle
}

.ol-attribution button,
.ol-attribution ul {
    display: inline-block
}

.ol-attribution.ol-collapsed ul {
    display: none
}

.ol-attribution.ol-logo-only ul {
    display: block
}

.ol-attribution:not(.ol-collapsed) {
    background: rgba(255, 255, 255, .8)
}

.ol-attribution.ol-uncollapsible {
    bottom: 0;
    right: 0;
    border-radius: 4px 0 0;
    height: 1.1em;
    line-height: 1em
}

.ol-attribution.ol-logo-only {
    background: 0 0;
    bottom: .4em;
    height: 1.1em;
    line-height: 1em
}

.ol-attribution.ol-uncollapsible img {
    margin-top: -.2em;
    max-height: 1.6em
}

.ol-attribution.ol-logo-only button,
.ol-attribution.ol-uncollapsible button {
    display: none
}

.ol-zoomslider {
    top: 4.5em;
    left: .5em;
    height: 200px
}

.ol-zoomslider button {
    position: relative;
    height: 10px
}

.ol-touch .ol-zoomslider {
    top: 5.5em
}

.ol-overviewmap {
    left: .5em;
    bottom: .5em
}

.ol-overviewmap.ol-uncollapsible {
    bottom: 0;
    left: 0;
    border-radius: 0 4px 0 0
}

.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
    display: inline-block
}

.ol-overviewmap .ol-overviewmap-map {
    border: 1px solid #7b98bc;
    height: 150px;
    margin: 2px;
    width: 150px
}

.ol-overviewmap:not(.ol-collapsed) button {
    bottom: 1px;
    left: 2px;
    position: absolute
}

.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
    display: none
}

.ol-overviewmap:not(.ol-collapsed) {
    background: rgba(255, 255, 255, .8)
}

.ol-overviewmap-box {
    border: 2px dotted rgba(0, 60, 136, .7)
}

.ol-overviewmap .ol-overviewmap-box:hover {
    cursor: move
}

.loc-now-temp-img {
    width: 54px;
    overflow: hidden;
    display: block;
    height: 54px;
    float: left
}

.ip-img.icon-weather.wi {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.biometric+br+.day-night-city {
    position: relative;
    text-align: left;
    text-indent: 0
}

.a1 .weather-today .weather-wind {
    text-align: center
}

.weather-temperature.archive_c {
    padding-left: 0
}

.m-years {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    font-size: 22px;
    line-height: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px
}

.m-years:after {
    content: "Выберите год и месяц для сравнения";
    font-size: 15px;
    display: block;
    position: absolute;
    bottom: 33px;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.m-years span {
    margin-right: 10px;
    color: #1872cb;
    cursor: pointer;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out;
    padding: 6px 10px 5px;
    border: 1px solid transparent
}

.m-years span.current {
    border-radius: 25px;
    color: #000;
    cursor: default;
    border: 1px solid #dbdcdc;
    padding: 6px 10px 5px
}

.m-years span.current:hover {
    color: #000
}

.m-years span:hover {
    color: #d50404
}

.tabs-months {
    font-size: 15px;
    margin: 33px 0 15px
}

.tabs-months span {
    display: inline-block;
    border: 1px solid transparent;
    padding: 4px 10px;
    margin: 0 10px 0 0;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out;
    color: #1872cb;
    cursor: pointer
}

.tabs-months span.current {
    border-radius: 15px;
    color: #000;
    cursor: default;
    border: 1px solid #dbdcdc;
    padding: 4px 10px
}

.tabs-months span.current:hover {
    color: #000
}

.tabs-months span:hover {
    color: #d50404
}

.compare-month+.bt-g {
    margin-bottom: 30px;
    font-size: 16px;
    padding: 8px 0;
    text-align: center;
    width: 282px;
    color: #fff;
    display: block;
    background-color: #2e7d32;
    cursor: pointer;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    position: relative;
    top: -5px;
    border-radius: 2px;
    line-height: 19px
}

.bt-g:hover {
    background-color: #388e3c
}

.compare-month {
    position: relative;
    top: -12px
}

.compare-month,
.compare-month+.bt-g {
    display: none
}

@supports (display:-moz-flex) or (display:flex) {

    .compare-month,
    .compare-month+.bt-g {
        display: block
    }
}

td.ui-datepicker-current-day a.ui-state-default.ui-state-active {
    width: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 29px;
    left: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none !important;
    margin: 0;
    padding-left: 0 !important;
    background-color: #1976d2
}

.type-w {
    z-index: 1
}

.tw1:before {
    background-color: #ffe5bd
}

.tw2:before {
    background-color: #ffd08b
}

.tw3:before {
    background-color: #ff8a65
}

.weather-wind .type-w:before {
    content: "";
    position: absolute;
    width: 45px;
    height: 27px;
    top: -4px;
    left: -5px;
    z-index: -1;
    display: block;
    border-radius: 2px
}

.switch-tit {
    margin-bottom: 7px
}

.switch-box {
    margin: 4px 0 15px;
    overflow: hidden;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.w-icon {
    width: 53px;
    border: 1px solid #bdbdbd;
    height: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #eee;
    cursor: pointer
}

.w-icon:first-child {
    border-radius: 3px 0 0 3px;
    border-right: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkQ2MkUiIGQ9Ik0xNS45MyAyOS43OWM2LjE2IDAgMTEuMTYtNC45OSAxMS4xNi0xMS4xNiAwLTYuMTYtNC45OS0xMS4xNi0xMS4xNi0xMS4xNlM0Ljc3IDEyLjQ3IDQuNzcgMTguNjRDNC43NyAyNC44IDkuNzcgMjkuNzkgMTUuOTMgMjkuNzlMMTUuOTMgMjkuNzl6Ii8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIuODMiIHN0cm9rZS1taXRlcmxpbWl0PSIyMi45MyIgZD0iTTEzLjM3IDMzLjczYzguMzYgMCAxNi43MSAwIDI1LjA3IDAgNS40NC0yLjY2IDUuNTMtMTAuMDQtMS44Ni0xMS41NCAwLjc4LTguODktMTAuOTktOS43Mi0xMi4yOC0zLjM1IC00LjM3LTIuMTgtOS4wMyAxLjk4LTguMzEgNi4yQzEwLjI5IDI0LjcgOS4yOSAzMS4yMiAxMy4zNyAzMy43M0wxMy4zNyAzMy43M3oiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0Q4RDdENyIgZD0iTTEzLjM3IDMzLjczYzguMzYgMCAxNi43MSAwIDI1LjA3IDAgNS40NC0yLjY2IDUuNTMtMTAuMDQtMS44Ni0xMS41NCAwLjc4LTguODktMTAuOTktOS43Mi0xMi4yOC0zLjM1IC00LjM3LTIuMTgtOS4wMyAxLjk4LTguMzEgNi4yQzEwLjI5IDI0LjcgOS4yOSAzMS4yMiAxMy4zNyAzMy43M0wxMy4zNyAzMy43M3oiLz48L3N2Zz4=);
    background-size: 25px;
    background-position: center 0;
    background-repeat: no-repeat
}

.w-icon:nth-child(2) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgb3BhY2l0eT0iMC45Ij48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMzIuNDIsMTIuMjRBMS4yOCwxLjI4LDAsMCwwLDMzLjY5LDExVjguMTNhMS4yOCwxLjI4LDAsMCwwLTIuNTUsMFYxMUExLjI4LDEuMjgsMCwwLDAsMzIuNDIsMTIuMjRaIi8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTIzLjkzLDE1YTEuMjgsMS4yOCwwLDAsMCwxLjgxLTEuODFsLTItMkExLjI4LDEuMjgsMCwxLDAsMjEuOTMsMTNaIi8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTQwLjg4LDI4LjM2YTEuMjgsMS4yOCwwLDEsMC0xLjgxLDEuODFsMiwyYTEuMjgsMS4yOCwwLDEsMCwxLjgtMS44MVoiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNDYsMjAuNDFINDMuMTJhMS4yOCwxLjI4LDAsMSwwLDAsMi41NUg0NkExLjI4LDEuMjgsMCwwLDAsNDYsMjAuNDFaIi8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTQwLjg5LDE1bDItMmExLjI4LDEuMjgsMCwxLDAtMS44MS0xLjgxbC0yLDJBMS4yOCwxLjI4LDAsMSwwLDQwLjg5LDE1WiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik00MC4zNiwyMS43MWE3Ljk0LDcuOTQsMCwwLDAtMTQuMjUtNC44MSw3LjMsNy4zLDAsMCwwLTMuOS0uMzQsMTEsMTEsMCwwLDAtNy40Ni0zQTEwLjg4LDEwLjg4LDAsMCwwLDMuOSwyMy42NCw2LjI3LDYuMjcsMCwwLDAsNywzNS4zNUgzMS4yYTYuNDUsNi40NSwwLDAsMCw2LjQ1LTYuNDUsNi41OSw2LjU5LDAsMCwwLS4xMi0xLjEyQTcuOTEsNy45MSwwLDAsMCw0MC4zNiwyMS43MVpNMzEuMiwzMi45NUg3LjU2YTMuOSwzLjksMCwwLDEtNC4wNy0zLjg5LDQsNCwwLDAsMSwyLjkyLTMuOWMwLjIxLTguNDYsNy42NS04LjksOC40Ny04LjlhOC44Niw4Ljg2LDAsMCwxLDYuNDYsMyw1LjU1LDUuNTUsMCwwLDEsNyw2LjEzLDcuMzYsNy4zNiwwLDAsMSwyLjgzLS40NkE0LjA4LDQuMDgsMCwwLDEsMzUuMTIsMjksMy45MiwzLjkyLDAsMCwxLDMxLjIsMzIuOTVaTTMwLjksMjIuNDdhNy44LDcuOCwwLDAsMC0yLjU2LTQuMzEsNS40LDUuNCwwLDAsMSw4LjE5LDdDMzQuNjMsMjIuMiwzMC45LDIyLjQ3LDMwLjksMjIuNDdaIi8+PC9zdmc+Cg==);
    background-size: 22px;
    background-position: center 1px;
    background-repeat: no-repeat
}

.w-icon:last-child {
    border-radius: 0 3px 3px 0;
    border-left: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAC9FBMVEVHcEzwxE3yxlH5x07ywVP0xUz3x0v2uT3vyFj2ylH1yU77uEH7zEf7rzH1w0f40FX7yET8sDb8zEb8rC3+0U/8zkf5yVL4rTj+rTH/yUb+z0r+1lP9zU7/21b301f8pzHxtUf+yk3+rTf7xEf8pyv/yUz7rTj/2lj6rTH7xUj81lX+x0n+pCr+yUn/3Vv70lX9qS//wkj6v0z/sTn/4Fz+pSz9yEb+wkj72Fj9qzX/xkn/1Uz/pCr/3Ff/szv/4F7/yEX/pCv/uUT/xUj/2lf/xjb+pSz9sjb/x0r/3Fr/yUj/3Fn/xkr+ykX/xkv/31z/rzf/ukH/pi3/xUn+2FX+pSz/ykL/2lP/tjz/4F3+zEr/xUj/sj7/qjIAAzYGDDgLEDgRFTkUFzgWGDkaGzkdHjoiHzkiIjomJDooJjoqJzotKjowLDsxLTs0Ljo5MztFOztLPjtNQjxQQzxXSD1dTT1jUz5oVj5xXT91YD6BaD+GbkCOcT+UdkGef0SmgkGsiUW4j0W4lEG9lkTFm0jFn0HLn0TLoUnQoUPNo0TTpUbZqEfYq0TYrUHdrUb/oyj/pCr/pS3/py/ksUT/qDD/rDTntEr/rTblt0r/rjf/rzj/rzn/sDrvuUT/sz7uu03/tUH/tkH/tkT/t0T/uEX/uUX/ukj3vkr/vEb/vEn/vUv/vkz0xkP1xE3/v07/wUb6xUL/wVD/wkv/wk3/w0j/wk7/wk//wlD8xE7/w0z/xUL/xj3/wlL/w03/xEj/xEr/xUX/xUj/xkP/xUn/xkX/xkb/x0H/xkf/x0P/x0T/yTr/xU//yED/yEH/yT//yEb/yUP/yj//x1H/ykf8zUT/zEL/zT7/yk//zEb/zUr/zkX/z0H/zkf/zVH/z0f/0EP/0Ef/0En/0E7/0kT/0kj/1EP/0lH/00z/1Ej/1FD/1kj/1U7/1VL/2ET/1lH/2UL/2Ej/11P/3Eb/21D/3kH/21X/21f/3Vn/3lr/4Fz/4V7/419yYGn4AAAAXnRSTlMAAgYMExodHyUoMDg7PkBCRklPUFZbW1xeX2BpbHN0dHV4gIGFhoeIkJWXl5ydnaChoqOlqaqssbO3t7q6ury9wMLExcfKy87P1tvc3uDn6Ovt7u/v8/X19vb2+Pz+6l/upgAABPdJREFUeNrNl3lYFHUYxwcIMVIwlDLzyNQK6NAOkEsgySjtQvOIFHZnYG8O3ZVTRJA8tmCXDEogCVIUVFpACJTFhbjiSrA2lCvEZVm5ERH4p9mB3fnNLuzB8/Q8fR6efZ79zPt+552d3xxA/x2mFqted3Zxd3F5+2VLsyf0bn9ymbXz9n2TGJ+4b169yEiv7lXO+yampqYmJzAmp6YmJj+wNjfQdXbrPY8nxlVBlfvzuoyx4I3xiUdjj9RA3eOJ7ZZa+1fvGsfb1TPGN5tqbF/oODasmbE9KzT0W+wa0MrwsPWc/c890A1Hw9n7V/boiuOsZ2PFPzrT4zjLkljS2dneqRvt7d226qf/izt6sVal3/C9P/Xi7vUlKuvnr1t68hHhZzDZ3aAvvxMOwra+oU5fdhsD119NXb3+WIEDEKmsrEQ/tbi6xgXKS6iujlB6a/Dhw7touRbXsE55Cq5XAxR33P8mOvaX/uoywN3D3CDoqus8FNeEazHYf/9yKB1GAmMH/yhTuv7LIVTYLyh2ENxTWb35zB3QqxK3lR23Od4UBp2ExI4oAzrusafdqf4ycF8zx7Csuuw3JTUjR30YLCbTn3zw9h2F6z9KYsodiY06nGJXQ2wAq5qqCiXNsmASi4lCp3FlM66x8zCMOSrta9nNCpydpthtyFUEuL+lnOliBuWkMqCdgzCxUL9TQ2BAhYU8YO2HoGscCfORB7B8A1I7FVIahk3lj/indhMCsOVs41UFIJTG0WAWi0X3iZApnKg7jorInfeRoSoRWG0jD7ATERAOxdDJMEwKaW4VKlzVUDSNBMNwaGuLkFBsh60ClYCqocSI4JDozvZ8wMm+DT8cGiNtzScWu8oDtpaLVOiWSaWyZiGYirpuqXTG4WzFAkSqlJejf2qufNqpBzgIS+eNgzxgU+78AzbJAzZ8nD/vgA3YA8Ujt2i+YA9aM1vdG4i7KvEykwcYrSwl1Ii7wK8qm3IJ3z2m370WFeWVKMkTJ8b1ivOUBie3pDfzNNG8BmEY7RBcwxk+hkR2DYuvqVIgGeWyOF21uBEUPQNNY3MVKBRfCTzAjukZbSsBZIm4b/T7cOTAcQmYuVPx9mieX1igRCDh+vn4caISuwYkbU21tbVNYklf76/Hw/zJ3hEDQGFB3pvQDAYeNwoBhqNgCkIOCIk6kZjZJBYXneMeCz/kR6KQOW1iAV4mqDWDFFgWgjSNHSFRmBSE5BcQxOawDwUyyLAvneETdKVPAJTdQC8E5Qg7wBEETX2RCIzeRekUXwRBfClUBsuf6sM5JxGAVQXgA94i6ypAdq3kxEHYl8FiYXdH9JNKph8Rt2UTihwgELvsLJDs3vzIQARGKFQajeILw7QQ7oPSS1kEFhICTPZeInChtCszJowdQKdQWUHBkXEtLcTtWenrICLLszJ+JpCR09x4Me70Vye5qcJm0XmVrRfeVXtXtErLUCE942JORWPFzZzz6ekqm9I+M4bUsM/4SY00DHX/5VOQOoZbftSVlKeh2TDakpyiC8l7Z/rVeSspJflssmbOJn2qnF+dF/j7f0jSgr0xpIHF7yd8p4GkM/tfhDRjuMaTn3BmDhL49nOPjy/KVz7nJ8wCP4HvthTSCZP123jxPB4fh8fjxXtuBH98bQey+CUnz3gc3raNz5pA+mFgunTNq05ubm5O76xfjv7v/P/lX9PY2j1f0EFIAAAAAElFTkSuQmCC);
    background-size: 16px;
    background-position: center 3px;
    background-repeat: no-repeat
}

.w-icon.act-m {
    background-color: #fff;
    cursor: default
}

@media (min-width:1440px) {
    #wrapper {
        width: 1220px
    }

    #content-right {
        width: 300px
    }

    #lang-menu-act {
        margin-left: 1071px
    }

    #lang-menu {
        margin-left: 928px
    }

    #view {
        left: 810px
    }

    .resorts-blocks {
        width: 227px
    }

    #content {
        padding: 25px 25px 0
    }

    #content-left {
        width: 842px
    }

    .next-archive {
        margin-left: 750px
    }

    .weather-now:not(.horizon) {
        width: 100%
    }

    .weather-now:not(.horizon) .weather-now-info {
        width: 100%
    }

    .weather-now:not(.horizon) .weather-now-info:after {
        width: 100%
    }

    .weather-now:not(.horizon) #weather-now-description {
        width: 240px
    }

    .weather-now:not(.horizon) #weather-now-description dt {
        width: 126px;
        line-height: 14px
    }

    .informer-h {
        letter-spacing: 0
    }

    .statistics-blocks dt {
        width: 130px
    }
}

h2.o-d {
    margin-top: 15px
}

h2.o-d {
    font-weight: 700;
    font-size: 19px
}

.biometric {
    margin-top: 10px
}

#forecastupd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

#search-field.ui-autocomplete-input.ui-autocomplete-loading {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0idWlsLWRlZmF1bHQiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiLz48cmVjdCB4PSI0Ni41IiB5PSI0MCIgd2lkdGg9IjciIGhlaWdodD0iMjAiIHJ4PSI1IiByeT0iNSIgZmlsbD0iIzMzMyIgdHJhbnNmb3JtPSJyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZnJvbT0iMSIgdG89IjAiIGR1cj0iMSIgYmVnaW49IjAiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yZWN0PjxyZWN0IHg9IjQ2LjUiIHk9IjQwIiB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgcng9IjUiIHJ5PSI1IiBmaWxsPSIjMzMzIiB0cmFuc2Zvcm09InJvdGF0ZSgzMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZnJvbT0iMSIgdG89IjAiIGR1cj0iMSIgYmVnaW49IjAuMSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3JlY3Q+PHJlY3QgeD0iNDYuNSIgeT0iNDAiIHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiByeD0iNSIgcnk9IjUiIGZpbGw9IiMzMzMiIHRyYW5zZm9ybT0icm90YXRlKDYwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIxIiB0bz0iMCIgZHVyPSIxIiBiZWdpbj0iMC4yIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcmVjdD48cmVjdCB4PSI0Ni41IiB5PSI0MCIgd2lkdGg9IjciIGhlaWdodD0iMjAiIHJ4PSI1IiByeT0iNSIgZmlsbD0iIzMzMyIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjEiIGJlZ2luPSIwLjMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yZWN0PjxyZWN0IHg9IjQ2LjUiIHk9IjQwIiB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgcng9IjUiIHJ5PSI1IiBmaWxsPSIjMzMzIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjEiIGJlZ2luPSIwLjMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yZWN0PjxyZWN0IHg9IjQ2LjUiIHk9IjQwIiB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgcng9IjUiIHJ5PSI1IiBmaWxsPSIjMzMzIiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjEiIGJlZ2luPSIwLjQiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yZWN0PjxyZWN0IHg9IjQ2LjUiIHk9IjQwIiB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgcng9IjUiIHJ5PSI1IiBmaWxsPSIjMzMzIiB0cmFuc2Zvcm09InJvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjEiIGJlZ2luPSIwLjUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yZWN0PjxyZWN0IHg9IjQ2LjUiIHk9IjQwIiB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgcng9IjUiIHJ5PSI1IiBmaWxsPSIjMzMzIiB0cmFuc2Zvcm09InJvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjEiIGJlZ2luPSIwLjYiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yZWN0PjxyZWN0IHg9IjQ2LjUiIHk9IjQwIiB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgcng9IjUiIHJ5PSI1IiBmaWxsPSIjMzMzIiB0cmFuc2Zvcm09InJvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjEiIGJlZ2luPSIwLjciIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yZWN0PjxyZWN0IHg9IjQ2LjUiIHk9IjQwIiB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgcng9IjUiIHJ5PSI1IiBmaWxsPSIjMzMzIiB0cmFuc2Zvcm09InJvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjEiIGJlZ2luPSIwLjgiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yZWN0PjxyZWN0IHg9IjQ2LjUiIHk9IjQwIiB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgcng9IjUiIHJ5PSI1IiBmaWxsPSIjMzMzIiB0cmFuc2Zvcm09InJvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjEiIGJlZ2luPSIwLjgiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yZWN0PjxyZWN0IHg9IjQ2LjUiIHk9IjQwIiB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgcng9IjUiIHJ5PSI1IiBmaWxsPSIjMzMzIiB0cmFuc2Zvcm09InJvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjEiIGJlZ2luPSIwLjkiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yZWN0Pjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: calc(100% - 10px)
}

.list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 453px;
    position: relative;
    top: 4px
}

.list-item {
    font-size: 15px;
    width: 30%;
    height: 30px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxMCI+PHJlY3QgZmlsbD0iI0Q4RDhEOCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIi8+PC9zdmc+) repeat-x 0 13px/3px 1px
}

.list,
.list-item,
.list-item-city,
.list-item-temp {
    overflow: hidden
}

.list-item-city {
    float: left;
    width: 60%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.list-item-temp {
    float: right;
    background-color: #fff;
    padding-left: 2px
}

.list-item-temp>.wi {
    float: left;
    top: 3px;
    position: relative
}

.list-item-temp .temperature {
    font-size: 15px;
    position: relative;
    top: -10px;
    left: -15px
}

.temperature {
    width: 46px;
    display: inline-block;
    text-align: right
}

.list-item-temp .wi-24 {
    top: -3px;
    position: relative
}

.list .list-item:nth-child(n+31) {
    position: relative;
    left: 5%
}

.list .list-item:nth-child(n+16):nth-child(-n+30) {
    position: relative;
    left: 2.5%
}

.list-item-city a {
    background-color: #fff;
    padding-right: 2px;
    padding-left: 1px
}

.list-item-temp {
    overflow: visible
}

.resorts-blocks div>span {
    text-align: right;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 62px;
    position: relative
}

.resorts-blocks div span span {
    position: absolute;
    top: -4px;
    left: 0;
    left: 0
}

.countries-title .h1-title {
    font-size: 24px
}

.countries-title {
    margin-top: 6px
}

#resorts h2.h2-title,
.countries-title h2.h2-title {
    border-bottom: none
}

.resorts-blocks div {
    margin-bottom: 5px
}

.nodate {
    background-color: #fefaed;
    padding: 50px 15px 65px 15px;
    text-align: center;
    font-size: 20px;
    margin-bottom: 300px;
    margin-top: 20px;
    border: 1px solid #f2f2f2
}

.nodate span {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiBmaWxsPSIjOGE2ZDNiIiB2aWV3Qm94PSIwIDAgMTA2LjA1OSAxMDYuMDU5Ij4NCjxwYXRoIGQ9Ik05MC41NDYsMTUuNTE4QzY5Ljg1OC01LjE3MiwzNi4xOTktNS4xNzIsMTUuNTE1LDE1LjUxM0MtNS4xNzMsMzYuMTk4LTUuMTcxLDY5Ljg1OCwxNS41MTcsOTAuNTQ3DQoJCWMyMC42ODIsMjAuNjg0LDU0LjM0MSwyMC42ODQsNzUuMDI3LTAuMDA0QzExMS4yMyw2OS44NTgsMTExLjIyOSwzNi4yLDkwLjU0NiwxNS41MTh6IE04NC43NTcsODQuNzU4DQoJCWMtMTcuNDk0LDE3LjQ5NC00NS45NiwxNy40OTYtNjMuNDU1LDAuMDAyYy0xNy40OTgtMTcuNDk3LTE3LjQ5Ni00NS45NjYsMC02My40NkMzOC43OTYsMy44MDcsNjcuMjYxLDMuODA1LDg0Ljc1OSwyMS4zMDINCgkJQzEwMi4yNTMsMzguNzk2LDEwMi4yNTEsNjcuMjY1LDg0Ljc1Nyw4NC43NTh6IE03Ny4wMTcsNzQuMDAxYzAuNjU4LDEuNTIxLTAuMDQyLDMuMjg2LTEuNTYyLDMuOTQzDQoJCWMtMS41MjEsMC42Ni0zLjI4Ni0wLjA0Mi0zLjk0NC0xLjU2MmMtMi44OTMtNi42ODktOS43My0xMS4wMTItMTcuNDIxLTExLjAxMmMtNy44NjgsMC0xNC43NDcsNC4zMTktMTcuNTIyLDExLjAwNA0KCQljLTAuNDc5LDEuMTU0LTEuNTk2LDEuODUxLTIuNzcxLDEuODUxYy0wLjM4NCwwLTAuNzczLTAuMDc0LTEuMTUtMC4yM2MtMS41My0wLjYzNi0yLjI1NS0yLjM5Mi0xLjYyLTMuOTIxDQoJCWMzLjcxLTguOTMyLDEyLjc2NC0xNC43MDMsMjMuMDYzLTE0LjcwM0M2NC4xNzQsNTkuMzcxLDczLjE3NCw2NS4xMTMsNzcuMDE3LDc0LjAwMXogTTMzLjI0LDM4LjY3MQ0KCQljMC0zLjQyNCwyLjc3Ny02LjIwMSw2LjIwMS02LjIwMWMzLjQyMywwLDYuMiwyLjc3Niw2LjIsNi4yMDFjMCwzLjQyNi0yLjc3Nyw2LjIwMi02LjIsNi4yMDINCgkJQzM2LjAxNyw0NC44NzMsMzMuMjQsNDIuMDk3LDMzLjI0LDM4LjY3MXogTTYxLjM1NywzOC42NzFjMC0zLjQyNCwyLjc3OS02LjIwMSw2LjIwMy02LjIwMWMzLjQyMywwLDYuMiwyLjc3Niw2LjIsNi4yMDENCgkJYzAsMy40MjYtMi43NzYsNi4yMDItNi4yLDYuMjAyUzYxLjM1Nyw0Mi4wOTcsNjEuMzU3LDM4LjY3MXoiLz4NCjwvc3ZnPg0K) center center no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative;
    top: 12px;
    background-size: 38px;
    left: 15px
}

.p-right.dang+#view {
    display: none
}

#wrapper .important-note-box {
    text-align: center;
    background-image: linear-gradient(135deg, #fff9c4, #ffe0b2);
    padding: 10px 0;
    margin-bottom: 3px;
    -webkit-clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0);
    clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0)
}

#wrapper .important-note {
    background-image: linear-gradient(135deg, #01579b 45%, #ff5722 55%);
    text-align: center;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    -webkit-background-clip: text;
    font-weight: 700;
    display: block;
    font-size: 18px;
    text-transform: uppercase
}

.info-str-list li {
    font-size: 14px;
    line-height: 22px
}

.fm-app {
    position: relative;
    top: 15px
}

.forecast-days+br+h3+.list-cities {
    display: block
}

.forecast-days+br+h3+.list-cities>div {
    float: left;
    width: 30%;
    margin-top: 3px;
    margin-right: 4%
}

.forecast-days+br+h3+.list-cities>div {
    float: left;
    width: 32%;
    margin-top: 3px;
    margin-right: 2%
}

.forecast-days+br+h3+.list-cities>div:last-child {
    margin-right: 0
}

.forecast-days+br+h3+.list-cities>div>p {
    margin-bottom: 2px
}

h3.h3-one-day+.biometric {
    margin-top: 0
}

#list-cities:not(:has(div)) {
    padding: 15px;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    line-height: 18px;
    font-weight: 700
}

#cities-country {
    padding: 15px 25px;
    margin-bottom: 30px;
    border: 1px solid #f0f0f0
}

#countries {
    background-color: #f7f7f7;
    padding: 15px 25px 20px 25px;
    margin-bottom: 30px
}

#resorts {
    padding: 24px 25px 1px 25px;
    border: 1px solid #f0f0f0;
    margin-bottom: 10px;
    border-radius: 4px
}

#search-field::-webkit-input-placeholder {
    text-transform: none
}

.qkl-cont-item {
    line-height: 21px
}

#compare+.forecast-days {
    margin-bottom: 35px
}

.day-night-city.occasion {
    position: relative;
    text-align: left
}

.forecast-days+#defSet-6 {
    margin-top: 35px
}

.weather-short+.forecast-days {
    margin-top: 25px
}

.water-av-box {
    background-color: rgba(0, 0, 0, .035);
    overflow: hidden;
    margin-bottom: 25px;
    margin-top: 10px;
    border-radius: 3px
}

.water-av {
    background-color: #29b6f6;
    -webkit-clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0);
    clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0);
    font-size: 32px;
    color: #fff;
    padding: 2px 0 0 0;
    width: 85%;
    margin: 0 auto 30px auto;
    position: relative;
    top: 15px;
    line-height: 42px;
    font-weight: 700;
    letter-spacing: 1px;
    max-width: 340px;
    background-image: linear-gradient(120deg, #2d86c8 0, #3fb0f7 100%);
    overflow: hidden
}

.water-av span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0;
    text-transform: uppercase;
    width: 136px;
    text-align: right;
    float: left;
    overflow: hidden;
    margin: 4px 15px 5px 30px
}

@media (max-width:1279px) {

    #graphic,
    #piechart {
        padding: 30px 15px
    }

    .two-blocks-left,
    .two-blocks-right {
        width: 48%
    }
}

.scp-box {
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #f7f7f7
}

a.scp {
    background-color: #f6a36f;
    background-image: linear-gradient(130deg, #fdc168 0, #fb8080 33%, #fdc168 66%, #fb8080 200%);
    height: 40px;
    position: relative;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 2px;
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    background-size: 250% auto
}

a.scp:hover {
    background-color: #f3807f;
    background-position: 50% center
}

.scp svg {
    position: relative;
    top: 12px;
    left: 40px
}

.scp:before {
    content: "Поиск городов по климату";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 24px;
    width: 274px;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    text-indent: 30px
}

.sf {
    position: absolute;
    top: 11px;
    left: 3px;
    -webkit-transition: 250ms ease;
    transition: 250ms ease;
    font-size: 14px
}

#search-field:focus+.sf {
    opacity: 0;
    margin-right: 600px;
    color: transparent
}

#search-field:not(:placeholder-shown)+.sf {
    opacity: 0
}

.sun-box {
    overflow: hidden;
    font-size: 13px;
    border-bottom: 1px solid #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 26px;
    color: #000;
    padding-top: 2px;
    margin-bottom: 25px;
    background-color: rgb(245 245 245 / 50%)
}

.sun-box div {
    background-size: 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 27px;
    line-height: 25px
}

.sun-box div:nth-child(1) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPSIjNjE2MTYxIj48cGF0aCBkPSJNNDk2IDQxNkgzMjYuNmwtNTkuMy01OS4zYy02LjItNi4yLTE2LjQtNi4yLTIyLjYgMEwxODUuNCA0MTZIMTZjLTguOCAwLTE2IDcuMi0xNiAxNiAwIDguOCA3LjIgMTYgMTYgMTZoMTc2YzQuMyAwIDguMy0xLjcgMTEuMy00LjdMMjU2IDM5MC42bDUyLjcgNTIuN0MzMTEuNyA0NDYuMyAzMTUuNyA0NDggMzIwIDQ0OGgxNzZjOC44IDAgMTYtNy4yIDE2LTE2QzUxMiA0MjMuMiA1MDQuOCA0MTYgNDk2IDQxNnpNMjU2IDE2MGMtODguMiAwLTE2MCA3MS44LTE2MCAxNjAgMCAxOC41IDMuMSAzNi40IDkuMyA1My40IDMgOC40IDEyLjMgMTIuNyAyMC41IDkuNiA4LjMtMyAxMi42LTEyLjIgOS42LTIwLjVDMTMwLjUgMzQ5LjEgMTI4IDMzNC44IDEyOCAzMjBjMC03MC42IDU3LjQtMTI4IDEyOC0xMjhzMTI4IDU3LjQgMTI4IDEyOGMwIDE0LjgtMi41IDI5LjEtNy40IDQyLjYgLTMgOC4zIDEuMyAxNy41IDkuNiAyMC41IDEuOCAwLjYgMy42IDEgNS40IDEgNi41IDAgMTIuNy00IDE1LTEwLjYgNi4xLTE3IDkuMy0zNSA5LjMtNTMuNEM0MTYgMjMxLjggMzQ0LjIgMTYwIDI1NiAxNjB6TTI1NiA2NGMtOC44IDAtMTYgNy4yLTE2IDE2djMyYzAgOC44IDcuMiAxNiAxNiAxNiA4LjggMCAxNi03LjIgMTYtMTZWODBDMjcyIDcxLjIgMjY0LjggNjQgMjU2IDY0ek00OCAzMDRIMTZjLTguOCAwLTE2IDcuMi0xNiAxNiAwIDguOCA3LjIgMTYgMTYgMTZoMzJjOC44IDAgMTYtNy4yIDE2LTE2QzY0IDMxMS4yIDU2LjggMzA0IDQ4IDMwNHpNNDk2IDMwNGgtMzJjLTguOCAwLTE2IDcuMi0xNiAxNiAwIDguOCA3LjIgMTYgMTYgMTZoMzJjOC44IDAgMTYtNy4yIDE2LTE2QzUxMiAzMTEuMiA1MDQuOCAzMDQgNDk2IDMwNHpNMTIwLjIgMTYxLjZMOTcuNiAxMzljLTYuMi02LjItMTYuNC02LjItMjIuNiAwcy02LjIgMTYuNCAwIDIyLjZMOTcuNiAxODQuM2MzLjEgMy4xIDcuMiA0LjcgMTEuMyA0LjcgNC4xIDAgOC4yLTEuNiAxMS4zLTQuN0MxMjYuNSAxNzggMTI2LjUgMTY3LjggMTIwLjIgMTYxLjZ6TTQzNyAxMzljLTYuMi02LjItMTYuNC02LjItMjIuNiAwbC0yMi42IDIyLjZjLTYuMiA2LjItNi4yIDE2LjQgMCAyMi42IDMuMSAzLjEgNy4yIDQuNyAxMS4zIDQuN3M4LjItMS42IDExLjMtNC43bDIyLjYtMjIuNkM0NDMuMiAxNTUuNCA0NDMuMiAxNDUuMiA0MzcgMTM5eiIvPjwvc3ZnPg==);
    margin-right: 20px
}

.sun-box div:nth-child(2) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPSIjNjE2MTYxIj48cGF0aCBkPSJNNDk2IDM4NEgzMjBjLTQuMyAwLTguMyAxLjctMTEuMyA0LjdMMjU2IDQ0MS40bC01Mi43LTUyLjdDMjAwLjMgMzg1LjcgMTk2LjMgMzg0IDE5MiAzODRIMTZjLTguOCAwLTE2IDcuMi0xNiAxNiAwIDguOCA3LjIgMTYgMTYgMTZoMTY5LjRsNTkuMyA1OS4zQzI0Ny44IDQ3OC40IDI1MS45IDQ4MCAyNTYgNDgwczguMi0xLjYgMTEuMy00LjdMMzI2LjYgNDE2SDQ5NmM4LjggMCAxNi03LjIgMTYtMTZDNTEyIDM5MS4yIDUwNC44IDM4NCA0OTYgMzg0ek0yNTYgMTI4Yy04OC4yIDAtMTYwIDcxLjgtMTYwIDE2MCAwIDE4LjUgMy4xIDM2LjQgOS4zIDUzLjQgMyA4LjQgMTIuMyAxMi43IDIwLjUgOS42IDguMy0zIDEyLjYtMTIuMiA5LjYtMjAuNUMxMzAuNSAzMTcuMSAxMjggMzAyLjggMTI4IDI4OGMwLTcwLjYgNTcuNC0xMjggMTI4LTEyOHMxMjggNTcuNCAxMjggMTI4YzAgMTQuOC0yLjUgMjkuMS03LjQgNDIuNiAtMyA4LjMgMS4zIDE3LjUgOS42IDIwLjUgMS44IDAuNiAzLjYgMSA1LjQgMSA2LjUgMCAxMi43LTQgMTUtMTAuNiA2LjEtMTcgOS4zLTM1IDkuMy01My40QzQxNiAxOTkuOCAzNDQuMiAxMjggMjU2IDEyOHpNMjU2IDMyYy04LjggMC0xNiA3LjItMTYgMTZ2MzJjMCA4LjggNy4yIDE2IDE2IDE2IDguOCAwIDE2LTcuMiAxNi0xNlY0OEMyNzIgMzkuMiAyNjQuOCAzMiAyNTYgMzJ6TTQ4IDI3MkgxNmMtOC44IDAtMTYgNy4yLTE2IDE2IDAgOC44IDcuMiAxNiAxNiAxNmgzMmM4LjggMCAxNi03LjIgMTYtMTZDNjQgMjc5LjIgNTYuOCAyNzIgNDggMjcyek00OTYgMjcyaC0zMmMtOC44IDAtMTYgNy4yLTE2IDE2IDAgOC44IDcuMiAxNiAxNiAxNmgzMmM4LjggMCAxNi03LjIgMTYtMTZDNTEyIDI3OS4yIDUwNC44IDI3MiA0OTYgMjcyek0xMjAuMiAxMjkuNkw5Ny42IDEwN2MtNi4yLTYuMi0xNi40LTYuMi0yMi42IDBzLTYuMiAxNi40IDAgMjIuNkw5Ny42IDE1Mi4zYzMuMSAzLjEgNy4yIDQuNyAxMS4zIDQuNyA0LjEgMCA4LjItMS42IDExLjMtNC43QzEyNi41IDE0NiAxMjYuNSAxMzUuOCAxMjAuMiAxMjkuNnpNNDM3IDEwN2MtNi4yLTYuMi0xNi40LTYuMi0yMi42IDBsLTIyLjYgMjIuNmMtNi4yIDYuMi02LjIgMTYuNCAwIDIyLjYgMy4xIDMuMSA3LjIgNC43IDExLjMgNC43czguMi0xLjYgMTEuMy00LjdsMjIuNi0yMi42QzQ0My4yIDEyMy40IDQ0My4yIDExMy4yIDQzNyAxMDd6Ii8+PC9zdmc+);
    background-size: 19px;
    background-position: 0 2px
}

.sun-box div:nth-child(1):before,
.sun-box div:nth-child(2):before {
    color: #616161;
    margin-right: 4px
}

.sun-box div:nth-child(1):before {
    content: "Восход"
}

.sun-box div:nth-child(2):before {
    content: "Закат"
}

.weather-short,
h2.o-d {
    scroll-margin-top: 15px
}

.year {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px
}

.year-box {
    height: 200px;
    background-color: #fafafa;
    width: 22%;
    margin-right: 4%;
    margin-bottom: 28px;
    text-align: center;
    border-radius: 2px;
    border-bottom: 1px solid rgb(117 117 117 / 35%)
}

.temp1 {
    background-color: #e5e9ff
}

.temp2 {
    background-color: #dff0fd
}

.temp3 {
    background-color: #def5e0
}

.temp4 {
    background-color: #fffbd4
}

.temp5 {
    background-color: #fff3e0
}

.temp6 {
    background-color: #ffdcd1
}

.year-box:nth-child(4n) {
    margin-right: 0
}

.year-month {
    font-size: 15px;
    margin-top: 14px;
    text-transform: uppercase;
    margin-bottom: 6px;
    position: relative;
    top: 1px;
    font-weight: 700
}

.year-month a {
    color: #000
}

.year-day,
.year-temp {
    color: #000;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.year-day {
    margin-top: 9px
}

.year-day span,
.year-temp span {
    width: 40%
}

.year-day span {
    font-size: 14px;
    margin-top: 5px;
    text-transform: capitalize
}

.year-temp {
    color: #000;
    font-size: 25px;
    margin-bottom: 8px
}

.year-temp span span {
    font-size: 18px;
    position: relative;
    top: -5px
}

.year-data {
    position: relative;
    top: 2px
}

.year-data svg {
    fill: #4a4a4a;
    width: 19px;
    position: relative;
    top: 3px;
    margin-right: 10px
}

.year-data div {
    text-align: left;
    width: 65%;
    margin: auto;
    margin-bottom: 4px;
    white-space: nowrap
}

.year-data div span {
    font-size: 14px;
    color: #000;
    margin-left: 3px
}

#defSet-4 {
    margin-bottom: 10px
}

.tabs-box {
    height: 46px;
    font-size: 15px;
    margin-top: 15px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 2px 2px 0 0
}

.tabs-item {
    color: #616161;
    background-color: #f2f2f2;
    width: 50%;
    border: 1px solid #e8e8e8;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tabs-item.current {
    background-color: #fff;
    cursor: default;
    font-weight: 700;
    color: #000
}

.tabs-item:nth-child(1) {
    border-left: none
}

.tabs-item:nth-child(2) {
    border-left: none;
    border-right: none
}

.from-users {
    height: 70px;
    margin: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f5f5f5 url(https://world-weather.ru/images/weather-by-region.webp) no-repeat center/cover
}

.from-users a {
    height: 70px;
    margin: 10px 0;
    cursor: pointer;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.from-users a span {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: rgba(0, 94, 163, .75);
    border-radius: 2px;
    text-shadow: 0 1px 1px rgba(0, 62, 138, .6), 0 -1px 3px rgba(0, 62, 138, .5);
    color: rgba(255, 255, 255, .95);
    -webkit-box-shadow: 0 0 20px 0 rgba(45, 134, 200, .35), 0 -1px 0 0 #1e75b5 inset;
    box-shadow: 0 0 20px 0 rgba(45, 134, 200, .35), 0 -1px 0 0 #1e75b5 inset;
    height: 42px;
    line-height: 17px;
    width: 192px;
    text-align: center;
    letter-spacing: .3px;
    z-index: 2;
    position: relative
}

.from-users a span:before {
    content: "Расскажите о погоде пользователям";
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 42px;
    padding: 0 12px;
    width: 192px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.from-users a span:after {
    width: 260px;
    display: block
}

.from-users:after,
.from-users:before {
    content: "";
    width: 20px;
    height: 25px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmY3OTc5IiBkPSJNMjU2LjA4IDU0Ljk5OWM4NC44NyAwIDE1My44MSA2OC45NCAxNTMuODEgMTUzLjk2IDAgNzcuMDU5LTg3LjAyIDE5NS4wMy0xNTMuMiAyNDYuMDQtODUuMzMtNjkuMjQtMTU0LjU4LTE2Ny43NS0xNTQuNTgtMjQ2LjA0IDAtODUuMDIxIDY4Ljk0LTE1My45NiAxNTMuOTctMTUzLjk2em03NC43OSAxNTAuNzk5YzAtNDEuMzQtMzMuNTIxLTc0Ljg2LTc0Ljg3LTc0Ljg2LTQxLjM1IDAtNzQuODYgMzMuNTItNzQuODYgNzQuODYgMCA0MS4zNSAzMy41MSA3NC44NyA3NC44NiA3NC44N3M3NC44Ny0zMy41MiA3NC44Ny03NC44N3oiLz48L3N2Zz4=) no-repeat center/32px;
    position: absolute
}

.from-users:before {
    -webkit-transform: translate(-121px, -11px);
    transform: translate(-121px, -11px)
}

.from-users:after {
    -webkit-transform: translate(116px, 8px);
    transform: translate(116px, 8px)
}

#header+#f-u .from-users {
    margin-top: -10px;
    margin-bottom: 14px;
    position: relative
}

#header+#f-u .from-users i {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 8px;
    right: 12px;
    background: rgba(255, 255, 255, 1) url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMWQ3NGMxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQgMS40IDEyLjYgMCA3IDUuNiAxLjQgMCAwIDEuNCA1LjYgNyAwIDEyLjYgMS40IDE0IDcgOC40bDUuNiA1LjYgMS40LTEuNEw4LjQgNyAxNCAxLjRaIi8+PC9zdmc+) no-repeat center/10px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

@media(max-width:350px) {
    .from-users a span:after {
        width: 250px
    }
}

@media(min-width:1024px) and (orientation:landscape) {
    .from-users {
        height: 90px;
        margin: 30px 0
    }

    .from-users:before {
        -webkit-transform: translate(-190px, -11px);
        transform: translate(-190px, -11px)
    }

    .from-users:after {
        -webkit-transform: translate(189px, 8px);
        transform: translate(189px, 8px)
    }

    .from-users a {
        height: 90px
    }

    .from-users a span {
        font-size: 16px;
        height: 54px;
        line-height: 20px;
        width: 270px;
        letter-spacing: 0
    }

    .from-users a span:before {
        top: 8px;
        height: 54px;
        width: 270px
    }
}

.modal {
    background-color: #fff;
    width: 250px;
    height: 148px;
    position: absolute;
    border-radius: 4px;
    -webkit-box-shadow: rgb(0 0 0 / 40%) 0 0 25px 0;
    box-shadow: rgb(0 0 0 / 40%) 0 0 25px 0;
    margin: auto;
    font-size: 13px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99999;
    -webkit-animation: modal 170ms cubic-bezier(.82, -.01, .05, 1);
    animation: modal 170ms cubic-bezier(.82, -.01, .05, 1);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

@-webkit-keyframes modal {
    0% {
        opacity: 0;
        height: 0;
        width: 0;
        -webkit-transform: translate(170px, 190px);
        transform: translate(170px, 190px);
        overflow: hidden
    }

    50% {
        overflow: hidden
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes modal {
    0% {
        opacity: 0;
        height: 0;
        width: 0;
        -webkit-transform: translate(170px, 190px);
        transform: translate(170px, 190px);
        overflow: hidden
    }

    50% {
        overflow: hidden
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.modal:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 45px;
    margin: auto;
    border: 8px solid transparent;
    border-top: 8px solid #fff;
    bottom: -15px
}

.modal-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px
}

.modal-text {
    line-height: 16px;
    max-height: 95px;
    overflow: hidden
}

.modal-close {
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTYuMjE4IDM1Ni4yMTgiIGZpbGw9IiNmZjg5N2YiPg0KCTxwYXRoIGQ9Ik0zNTAuNjc2LDI2MS41MDFjNy4zODgsNy4zODksNy4zODgsMTkuMzY1LDAuMDAxLDI2Ljc1NGwtNjIuNDIxLDYyLjQyMWMtNy4zOSw3LjM4OS0xOS4zNjYsNy4zODctMjYuNzU1LDBsLTgzLjM5Mi04My4zOTQNCgkJbC04My4zOTUsODMuMzk0Yy03LjM4Niw3LjM4OC0xOS4zNjQsNy4zODctMjYuNzUyLDBMNS41NDEsMjg4LjI1NGMtNy4zODgtNy4zODgtNy4zODctMTkuMzY0LDAuMDAxLTI2Ljc1bDgzLjM5NS04My4zOTUNCgkJTDUuNTQzLDk0LjcxNWMtNy4zODctNy4zODctNy4zODctMTkuMzY1LTAuMDAxLTI2Ljc1MUw2Ny45NjUsNS41NDJjNy4zODctNy4zODgsMTkuMzY1LTcuMzg3LDI2Ljc1LDBsODMuMzk1LDgzLjM5NWw4My4zOTMtODMuMzk1DQoJCWM3LjM4OC03LjM4NywxOS4zNjQtNy4zODgsMjYuNzUzLDBsNjIuNDIyLDYyLjQyMWM3LjM4Nyw3LjM4OCw3LjM4OCwxOS4zNjYsMCwyNi43NTNsLTgzLjM5NSw4My4zOTNMMzUwLjY3NiwyNjEuNTAxeiIvPg0KPC9zdmc+) no-repeat 0 0/14px;
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 15px
}

.modal+.overlay {
    z-index: 15
}

.footer {
    background-color: #0085c6;
    color: #fff;
    height: 200px;
    width: calc(100% + 50px);
    margin: 40px 0 0 -25px;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.footer-c {
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    width: 100%;
    height: 90px;
    padding: 22px 0 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-c>div {
    height: 90px;
    margin-right: 30px
}

.footer-c>div:last-child {
    margin-right: 0
}

.footer-c>.footer-logo {
    display: none;
    width: 103px
}

.footer-c>.footer-logo>svg {
    cursor: pointer
}

.footer-services {
    width: 27%
}

.footer-n {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 9px
}

.footer-ct>.footer-n:before {
    content: "Сообщить об ошибке"
}

.footer-c>div>ul {
    list-style-type: none;
    font-size: 13px
}

.footer-services ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-c>div>ul>li {
    margin-bottom: 7px
}

.footer-services ul>li {
    width: 50%
}

.footer-c>div>ul>li>a,
.footer-c>div>ul>li>span {
    color: rgba(255, 255, 255, .95)
}

.footer-c>div>ul>li>a:hover,
.footer-c>div>ul>li>span:hover {
    color: rgba(255, 255, 255, .75)
}

.footer-c>div>ul>li>span {
    cursor: help;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out
}

.footer-search {
    position: relative;
    width: 140px;
    overflow: hidden;
    height: 70px;
    z-index: 15
}

.overlay.anim {
    -webkit-animation: overlayAnim 150ms;
    animation: overlayAnim 150ms;
    opacity: 0
}

@-webkit-keyframes overlayAnim {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes overlayAnim {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.footer-search-f {
    outline: 0;
    padding: 6px 7px 5px;
    width: 120px;
    position: absolute;
    font-size: 13px;
    border-radius: 2px 0 0 2px;
    background-color: #fff;
    text-transform: capitalize;
    line-height: 16px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 27px
}

.footer-search-f:focus+.footer-search-l {
    opacity: 0;
    margin-right: 300px;
    color: transparent
}

.footer-search-f:not(:placeholder-shown)+.footer-search-l {
    opacity: 0
}

.footer-search-l {
    position: absolute;
    top: 6px;
    left: 6px;
    -webkit-transition: 250ms ease;
    transition: 250ms ease;
    font-size: 13px
}

.footer-search-b {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAuMzEzIDI1MC4zMTMiIGZpbGw9IiM3MzczNzMiPjxwYXRoIGQ9Im0yNDQuMTg2IDIxNC42MDQtNTQuMzc5LTU0LjM3OGMtLjI4OS0uMjg5LS42MjgtLjQ5MS0uOTMtLjc2IDEwLjctMTYuMjMxIDE2Ljk0NS0zNS42NiAxNi45NDUtNTYuNTU0QzIwNS44MjIgNDYuMDc1IDE1OS43NDcgMCAxMDIuOTExIDBTMCA0Ni4wNzUgMCAxMDIuOTExYzAgNTYuODM1IDQ2LjA3NCAxMDIuOTExIDEwMi45MSAxMDIuOTExIDIwLjg5NSAwIDQwLjMyMy02LjI0NSA1Ni41NTQtMTYuOTQ1LjI2OS4zMDEuNDcuNjQuNzU5LjkyOWw1NC4zOCA1NC4zOGM4LjE2OSA4LjE2OCAyMS40MTMgOC4xNjggMjkuNTgzIDAgOC4xNjgtOC4xNjkgOC4xNjgtMjEuNDEzIDAtMjkuNTgyem0tMTQxLjI3NS00NC40NThjLTM3LjEzNCAwLTY3LjIzNi0zMC4xMDItNjcuMjM2LTY3LjIzNSAwLTM3LjEzNCAzMC4xMDMtNjcuMjM2IDY3LjIzNi02Ny4yMzYgMzcuMTMyIDAgNjcuMjM1IDMwLjEwMyA2Ny4yMzUgNjcuMjM2cy0zMC4xMDMgNjcuMjM1LTY3LjIzNSA2Ny4yMzV6Ii8+PC9zdmc+) center 5px no-repeat #fff;
    border: none;
    display: inline-block;
    height: 27px;
    position: absolute;
    right: 0;
    width: 30px;
    cursor: pointer;
    background-size: 16px 16px;
    color: transparent;
    border-radius: 0 2px 2px 0;
    line-height: 16px;
    padding: 6px 7px 5px
}

.footer-er {
    font-size: 13px;
    color: rgba(255, 255, 255, .95);
    line-height: 17px;
    position: relative;
    top: -1px
}

.footer-er:before {
    content: "Выделить неточность в тексте и нажать CTRL + Enter";
    display: block;
    width: 194px
}

.footer-c>div>ul>li,
.footer-n {
    white-space: nowrap
}

.footer-b {
    font-size: 13px;
    text-align: center;
    margin-top: 31px
}

.footer-b>div {
    color: rgba(255, 255, 255, .95);
    margin-top: 4px;
    display: none
}

.footer-b>div>span {
    width: 52px;
    padding: 2px 4px;
    height: 12px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    top: 4px;
    left: 5px;
    border-radius: 2px
}

.footer-b a {
    color: rgba(255, 255, 255, .95)
}

.footer-b a:hover {
    color: rgba(255, 255, 255, .75)
}

@media(min-width:1280px) {
    .footer-c>.footer-logo {
        display: block
    }

    .footer-services {
        width: 25%
    }
}

@media(max-width:1000px) {
    .footer-services ul>li {
        margin-right: 5%;
        width: 45%
    }

    .footer-services ul>li:nth-child(2),
    .footer-services ul>li:nth-child(4),
    .footer-services ul>li:nth-child(6) {
        margin-right: 0;
        width: 50%
    }
}

@media(max-width:950px) {
    .footer-services {
        width: 37%
    }

    .footer-ct {
        display: none
    }
}

.nearby {
    margin: 30px 0;
    overflow: hidden
}

.nearby>ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    padding: 5px 0 10px 0
}

.nearby>ul>li {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    padding-left: 6px
}

.nearby>ul>li>a {
    display: inline-block;
    padding: 5px 18px 5px 20px;
    color: #000
}

.nearby>ul>li:hover {
    border-color: #d0cece
}

.nearby>ul>li>svg {
    position: absolute;
    width: 10px;
    -webkit-transform: translate(5px, 8px);
    transform: translate(5px, 8px);
    fill: #9e9e9e;
    -webkit-transition: fill .2s ease-out;
    transition: fill .2s ease-out
}

.nearby>ul>li:hover>svg {
    fill: #757575
}

a.scp-anim {
    -webkit-animation-name: animShadow;
    animation-name: animShadow;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2
}

.legend-list-box {
    height: 168px;
    margin: 0 0 30px
}

.legent-tit {
    font-weight: 700;
    margin-bottom: 12px
}

.legend-list {
    list-style: none;
    font-size: 16px;
    line-height: 18px;
    counter-reset: list;
    margin-bottom: 30px
}

.legend-list>li {
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 2px
}

.legend-list>li:before {
    counter-increment: list;
    content: counter(list) ".";
    width: 26px;
    display: inline-block;
    font-size: 15px;
    color: #9e9e9e;
    text-align: right;
    padding-right: 8px
}

.weather-mn-b-box {
    margin-top: 25px;
    margin-bottom: 30px
}

.weather-mn-b-box.month-p {
    margin-top: 15px
}

.weather-mn-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px;
    background-color: rgba(245, 245, 245, .75);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: 0 15px;
    border-radius: 2px
}

.weather-mn-b>a,
.weather-mn-b>span {
    background-color: #e7e7e7;
    padding: 13px 0;
    width: 30%;
    text-align: center;
    color: #000;
    font-weight: 700;
    font-size: 13px;
    border-radius: 2px;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    -webkit-box-shadow: 0 -1px 0 0 #dbdcdc inset;
    box-shadow: 0 -1px 0 0 #bababa inset;
    margin-bottom: 20px
}

.weather-mn-b>:nth-child(n+4) {
    margin-bottom: 0
}

.weather-mn-b>a:hover {
    background-color: #d9d9d9
}

.weather-mn-b>span.current {
    background-color: #bababa;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 10%) inset, 0 1px 1px rgb(0 0 0 / 20%) inset, 0 -1px 0 0 #949494 inset;
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%) inset, 0 1px 1px rgb(0 0 0 / 20%) inset, 0 -1px 0 0 #949494 inset
}

.sl {
    overflow: hidden;
    margin: 10px 0 35px 0
}

.sl>.wbn {
    margin: 0
}

.sl-box {
    overflow: hidden;
    margin-top: 12px
}

.sl-item {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 3px;
    padding: 14px 0;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    border-left-width: 7px;
    border-left-color: #e0e0e0
}

.sl-item:not(:last-child) {
    margin-bottom: 16px
}

.sl-item>div {
    overflow: hidden
}

.sl-item-icon {
    width: 60px;
    text-align: center;
    height: 32px
}

.sl-item-icon>svg {
    width: 33px;
    opacity: .8
}

svg.i-umb {
    opacity: .8;
    width: 25px;
    position: relative;
    top: 3px
}

svg.i-wind {
    width: 34px;
    opacity: .8;
    position: relative;
    top: -2px
}

.sl-item-txt {
    width: calc(100% - 100px);
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 18px
}

.sl-item-arrow {
    width: 40px
}

.sl-item-arrow>svg {
    width: 22px;
    display: block;
    margin: auto;
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
    opacity: .8;
    -webkit-transition: 230ms ease-in-out;
    transition: 230ms ease-in-out
}

.sl-item-arrow.open>svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.sl-item-all-txt {
    width: 100%;
    font-size: 15px;
    margin: 10px 40px 0 60px;
    line-height: 18px;
    border-top: 1px solid #e6e6e6;
    padding-top: 12px;
    display: none
}

@media screen and (min-width:768px) {
    .sl-item-arrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.menu-days-box {
    font-size: 15px
}

.menu-days-name>div,
.menu-days>div {
    width: calc(14.2857% - 8.6px);
    text-align: center
}

.menu-days-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 10px;
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 15px;
    margin-top: -3px
}

.menu-days-name>div {
    padding: 0 0 4px 0;
    line-height: 18px
}

.menu-days>div {
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 35px;
    -webkit-transition: ease-in .3s;
    transition: ease-in .3s;
    -webkit-box-shadow: 0 -1px 0 0 #dbdcdc inset;
    box-shadow: 0 -1px 0 0 #dbdcdc inset;
    background-color: #eee
}

.menu-days>div:hover {
    background-color: #d9d9d9;
    -webkit-box-shadow: 0 -1px 0 0 #bdbcbc inset;
    box-shadow: 0 -1px 0 0 #bdbcbc inset
}

.menu-days>div>a {
    color: #000;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    line-height: 36px;
    border-radius: 2px
}

.menu-days {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    font-size: 13px;
    font-weight: 700
}

.menu-days>div.current-date {
    background-color: #c6c4c4;
    line-height: 36px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .2) inset, 0 -1px 0 0 #a09e9e inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .2) inset, 0 -1px 0 0 #a09e9e inset
}

.menu-days>div.menu-days-no {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

.two-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    margin: 30px 0
}

.two-columns>div:first-child {
    width: 55%
}

.two-columns>div:last-child {
    width: 45%
}

.detailed-forecast div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 20px;
    font-size: 13px;
    font-weight: 700;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 12px
}

.detailed-forecast div>a {
    background-color: #eee;
    color: #000;
    height: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 -1px 0 0 #dbdcdc inset;
    box-shadow: 0 -1px 0 0 #dbdcdc inset;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    border-radius: 2px;
    width: calc(50% - 10px)
}

.detailed-forecast div>a:hover {
    background-color: #d9d9d9;
    -webkit-box-shadow: 0 -1px 0 0 #bdbcbc inset;
    box-shadow: 0 -1px 0 0 #bdbcbc inset
}

.txt-description {
    line-height: 20px;
    font-size: 14px;
    margin: 0 0 20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0
}

.two-columns h2 {
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@-webkit-keyframes animShadow {
    0% {
        -webkit-box-shadow: 0 0 0 0 #f7be62;
        box-shadow: 0 0 0 0 #f7be62
    }

    100% {
        -webkit-box-shadow: 0 0 0 30px rgb(247 190 98 / 3%);
        box-shadow: 0 0 0 30px rgb(247 190 98 / 3%)
    }
}

@keyframes animShadow {
    0% {
        -webkit-box-shadow: 0 0 0 0 #f7be62;
        box-shadow: 0 0 0 0 #f7be62
    }

    100% {
        -webkit-box-shadow: 0 0 0 30px rgb(247 190 98 / 3%);
        box-shadow: 0 0 0 30px rgb(247 190 98 / 3%)
    }
}

@media only screen and (max-width:840px) {
    #meny li:last-child {
        display: none
    }
}

@media only screen and (min-width:1024px) and (max-width:1100px) {
    #wrapper {
        width: 100%
    }

    #content-left {
        width: calc(100% - 270px)
    }
}

.gr.gr-mob.gr-30 {
    margin-top: 19px
}

.gr-data,
.gr-date {
    display: -webkit-box;
    display: -ms-flexbox;
    color: #616161
}

.gr-data,
.gr-date,
.gr-l {
    color: #616161
}

.gr,
.gr-data {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gr-data-item,
.gr-date-item {
    width: 100%;
    text-align: center
}

.gr-date-item {
    margin-bottom: 10px
}

.gr-c h2,
.gr-data-col-t,
.gr-data-item,
.gr-date-item,
.gr-r {
    text-align: center
}

.gr {
    overflow: hidden;
    min-height: 130px;
    position: relative;
    padding-bottom: 20px
}

.gr-l {
    font-size: 12px;
    height: 30px;
    line-height: 26px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: -22px
}

.gr-c h2,
.gr-mob .gr-c h2 {
    line-height: 20px;
    border-bottom: none
}

.gr-c {
    margin: 0 0 0 35px
}

.gr-c h2 {
    font-size: 18px;
    margin-top: 10px
}

.gr-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 20px;
    margin: 0 10px
}

.gr-line {
    background-color: silver;
    height: 1px;
    border: none
}

.gr-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 5px 10px 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.gr-data-item:last-child {
    border-right: none
}

.gr-data-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.data-box {
    width: 35%;
    position: relative;
    height: 0
}

.gr-long .data-box {
    width: 44%
}

.gr-data-col-d,
.gr-data-col-n {
    margin-top: 15px
}

.gr-data-col-t {
    height: 15px;
    font-size: 13px;
    color: #000;
    position: absolute;
    margin-top: -17px;
    right: 0;
    left: 0;
    font-weight: 700
}

.subzero,
.subzero .gr-data-col-d,
.subzero .gr-data-col-n {
    margin-top: 0
}

.subzero,
.subzero .gr-data-col {
    -webkit-box-align: start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.subzero .gr-data-item {
    padding-top: 0
}

.subzero .gr-data-col-t {
    margin-top: 0;
    bottom: -17px
}

.gr-r {
    margin: auto;
    height: 20px;
    padding: 10px 0 5px 0;
    display: none
}

.gr-r-d,
.gr-r-n {
    height: 16px;
    font-size: 12px;
    padding-left: 25px;
    display: inline;
    position: relative
}

.gr-r-d:before,
.gr-r-n:before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -1px
}

.gr-r-n {
    margin-right: 8px
}

.gr-r-d:before {
    background-color: #fcdf87
}

.gr-r-n:before {
    background-color: #bbdefb
}

.gr-mob {
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 16px;
    white-space: nowrap;
    -ms-overflow-style: none;
    width: 100%
}

.gr-mob .gr-c h2 {
    font-size: 16px;
    text-align: left;
    margin-top: 0;
    font-weight: 400;
    margin-bottom: 10px
}

.gr-mob .gr-l {
    font-size: 12px
}

.gr-mob .gr-data,
.gr-mob .gr-date,
.gr-mob .gr-line {
    margin-right: 25px
}

.gr-30 .gr-c {
    margin: 0
}

.gr-30.gr-mob .data-box {
    width: 88%
}

.gr-30 .gr-data-col-n {
    background-color: #bbdefb;
    border-radius: 2px 2px 0 0;
    border-top: 1px solid #64b5f6
}

.gr-30 .gr-data-col-d {
    background-color: #fcdf87;
    border-radius: 2px 2px 0 0;
    border-top: 1px solid #ffc107
}

.gr-30 .subzero .gr-data-col-d,
.gr-30 .subzero .gr-data-col-n {
    border-radius: 0 0 2px 2px
}

.gr-30 .subzero .gr-data-col-d {
    border-top: none;
    border-bottom: 1px solid #ffc107
}

.gr-30 .subzero .gr-data-col-n {
    border-top: none;
    border-bottom: 1px solid #64b5f6
}

.chart-info.gr-mob {
    margin-top: -10px;
    margin-bottom: 30px;
    font-size: 13px
}

.gr-30 .gr-data-col-t {
    margin-top: -19px;
    font-weight: 400
}

.gr-30 .subzero .gr-data-col-t {
    margin-top: 0;
    bottom: -19px
}

.gr-30 .gr-date {
    font-size: 12px
}

.gr-30 .gr-data-item {
    border: none
}

.chart-info.month-30 {
    margin-top: 0
}

.gr-date-item.start-mn:before {
    position: absolute;
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px)
}

@media all and (max-width:767px) {
    .gr-30 .gr-c {
        margin: 0 0 0 14px
    }

    .gr-30 .gr-c {
        width: 800px
    }
}

.uv-index {
    margin: 35px 0 40px 0;
    position: relative
}

.uv-index-box {
    overflow: hidden;
    width: 80px;
    height: 60px;
    position: relative
}

.uv-index-wheel {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    background-color: #fff
}

.uv-index-wheel::after {
    content: "";
    width: 55px;
    height: 55px;
    display: block;
    position: absolute;
    border-radius: 50%;
    margin: auto;
    inset: 0;
    background-color: #f7f7f7
}

.uv-index-data {
    font-size: 24px;
    position: absolute;
    font-weight: 700;
    top: 16px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    border-radius: 50%
}

.uv-index-r {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 4px #f7f7f7;
    box-shadow: 0 0 0 4px #f7f7f7
}

.uv-index-g {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px;
    background-color: #f7f7f7
}

.uv-index-cont {
    font-size: 16px;
    padding-left: 25px;
    font-weight: 700;
    width: calc(100% - 104px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: 7px
}

.uv-index-cont p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.uv-index-i {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0;
    top: 0;
    margin: auto;
    -webkit-transform: translateY(52px);
    transform: translateY(52px);
    left: 62px
}

.uv-index-i svg {
    fill: #ffba00;
    stroke: #ffba00
}

.uv-index.uv0 .uv-index-r,
.uv-index.uv1 .uv-index-r,
.uv-index.uv2 .uv-index-r {
    background-color: #319800;
    top: 42px;
    left: 3px
}

.uv-index.uv0 .uv-index-g,
.uv-index.uv1 .uv-index-g,
.uv-index.uv2 .uv-index-g {
    border-left: 7px solid #319800
}

.uv-index.uv0 .uv-index-wheel,
.uv-index.uv1 .uv-index-wheel,
.uv-index.uv2 .uv-index-wheel {
    background-color: #319800
}

.uv-index.uv3 .uv-index-r,
.uv-index.uv4 .uv-index-r,
.uv-index.uv5 .uv-index-r {
    background-color: #ffca28;
    top: 6px;
    left: 17px
}

.uv-index.uv3 .uv-index-g,
.uv-index.uv4 .uv-index-g,
.uv-index.uv5 .uv-index-g {
    border-left: 7px solid #ffca28
}

.uv-index.uv3 .uv-index-wheel,
.uv-index.uv4 .uv-index-wheel,
.uv-index.uv5 .uv-index-wheel {
    background-color: #ffca28
}

.uv-index.uv6 .uv-index-r,
.uv-index.uv7 .uv-index-r {
    background-color: #ff7b00;
    top: 2px;
    left: 42px
}

.uv-index.uv6 .uv-index-g,
.uv-index.uv7 .uv-index-g {
    border-left: 7px solid #ff7b00
}

.uv-index.uv6 .uv-index-wheel,
.uv-index.uv7 .uv-index-wheel {
    background-color: rgb(255 123 0)
}

.uv-index.uv10 .uv-index-r,
.uv-index.uv8 .uv-index-r,
.uv-index.uv9 .uv-index-r {
    background-color: #f92646;
    top: 12px;
    left: 60px
}

.uv-index.uv10 .uv-index-g,
.uv-index.uv8 .uv-index-g,
.uv-index.uv9 .uv-index-g {
    border-left: 7px solid #f92646
}

.uv-index.uv10 .uv-index-wheel,
.uv-index.uv8 .uv-index-wheel,
.uv-index.uv9 .uv-index-wheel {
    background-color: rgb(249 38 70)
}

.uv-index.uv11 .uv-index-r,
.uv-index.uv12 .uv-index-r,
.uv-index.uv13 .uv-index-r {
    background-color: #9239b1;
    top: 42px;
    left: 68px
}

.uv-index.uv11 .uv-index-g,
.uv-index.uv12 .uv-index-g,
.uv-index.uv13 .uv-index-g {
    border-left: 7px solid #9239b1
}

.uv-index.uv11 .uv-index-wheel,
.uv-index.uv12 .uv-index-wheel,
.uv-index.uv13 .uv-index-wheel {
    background-color: rgb(146 57 177)
}

.chr-bl {
    margin: 35px 0 0 0;
    overflow: hidden
}

.chr-box {
    overflow: hidden
}

.chr,
.chr-hours {
    width: 2196px
}

.chr-hours {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.chr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 15px;
    border-bottom: 1px solid #b6b6b6;
    padding-top: 20px;
    min-height: 50px;
    background-image: repeating-linear-gradient(360deg, #fff, #fff 19px, rgb(224 224 224 / 70%) 19px, rgb(224 224 224 / 70%) 20px)
}

.chr-item {
    width: 34px;
    background-color: #91cffd;
    margin-right: 12px;
    text-align: center;
    position: relative;
    border-radius: 2px 2px 0 0
}

.chr-h-item.chr-item-date,
.chr-item.chr-item-date {
    font-weight: 700
}

.chr-h-item {
    width: 34px;
    margin-right: 12px;
    font-size: 14px;
    padding-top: 6px;
    text-align: center
}

.chr-h-item>span {
    font-size: 11px;
    color: #616161;
    position: relative;
    top: -2px;
    margin-left: 2px
}

.chr-item-data {
    position: relative;
    top: -20px;
    font-weight: 700
}

.chr-cl-low {
    background-color: #319800
}

.chr-cl-moderate {
    background-color: #ffdb00
}

.chr-cl-high {
    background-color: #ff7b00
}

.chr-cl-very-high {
    background-color: #f92646
}

.chr-cl-extreme {
    background-color: #9239b1
}

.legend-box {
    overflow: hidden;
    margin: 35px 0;
    font-size: 14px
}

.legend-t {
    margin-top: 15px
}

.legend-t-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.legend-t-row>div {
    padding-top: 12px;
    padding-bottom: 12px
}

.legend-range {
    width: 80px
}

.legend-range,
.legend-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.legend-range {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.legend-status {
    border-top: 1px solid #d9d9d9;
    width: 140px;
    padding-left: 15px
}

.legend-description {
    border: 1px solid #d9d9d9;
    border-bottom: none;
    width: calc(100% - 267px);
    padding-left: 15px;
    padding-right: 15px;
    line-height: 18px
}

.legend-t>div:last-child .legend-description,
.legend-t>div:last-child .legend-status {
    border-bottom: 1px solid #d9d9d9
}

.legend-range>span,
.legend-status>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700
}

.legend-range>span {
    background-color: rgba(255, 255, 255, .35);
    padding: 2px 4px;
    border-radius: 2px;
    width: 50%;
    text-align: center
}

.cl-low {
    background-color: #319800;
    border-radius: 4px 0 0 0
}

.cl-moderate {
    background-color: #ffdb00
}

.cl-high {
    background-color: #ff7b00
}

.cl-very-high {
    background-color: #f92646
}

.cl-extreme {
    background-color: #9239b1;
    border-radius: 0 0 0 4px
}

.legend-t-row:first-child .legend-description {
    border-radius: 0 4px 0 0
}

.legend-t-row:nth-child(5) .legend-description {
    border-radius: 0 0 4px 0
}

.scroll-gr-box {
    overflow: hidden;
    height: 28px;
    margin: 12px auto 35px auto;
    width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 3px
}

.scroll-gr-box>div {
    width: 50px;
    text-align: center;
    height: 28px;
    cursor: pointer;
    background-color: #eee;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    -webkit-box-shadow: 0 -1px 0 0 #dbdcdc inset;
    box-shadow: 0 -1px 0 0 #dbdcdc inset
}

.scroll-gr-box>div:first-child {
    margin-right: 1px
}

.scroll-gr-box>div>svg {
    fill: #000;
    width: 24px;
    position: relative;
    top: 2px
}

.scroll-gr.no-act,
.scroll-gr.no-act:hover {
    cursor: not-allowed;
    background-color: #eee;
    opacity: .5
}

.ln-ar {
    display: inline-block
}

.ln-ar>svg {
    width: 6px;
    fill: #1871ca
}

.ln-ar:hover svg {
    fill: #d50404
}

.hourly-box {
    overflow: hidden;
    height: 102px;
    margin-top: 10px;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    margin-bottom: 19px
}

.hourly-items {
    height: 90px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin-bottom: -20px;
    padding-bottom: 20px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding-top: 4px
}

.hourly-items::-webkit-scrollbar {
    display: none
}

.hourly-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 90px;
    text-align: center;
    padding-top: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.hourly-item:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 80px;
    background-color: #eaeaea;
    right: -3px
}

.hourly-item:last-child:after {
    display: none
}

.hourly-item-time {
    font-size: 14px;
    color: #616161
}

.hourly-item-icon {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.hourly-item-temp {
    font-size: 16px
}

.forecast-updated.cls {
    position: relative;
    top: 7px
}

.forecast-updated>svg {
    width: 13px;
    fill: #616161;
    position: relative;
    top: 2px;
    margin-right: 3px
}

.hourly-item.new-day {
    margin-right: 4px
}

.hourly-item.new-day:after {
    background-color: #bdbdbd
}

@media (min-width:1024px) and (max-width:1279px) {
    .hourly-item:nth-last-child(-n+2) {
        display: none
    }
}

@media (min-width:600px) and (max-width:850px) {
    .hourly-item:nth-last-child(-n+2) {
        display: none
    }
}

span.ww-month-d {
    margin: 2px auto 3px auto;
    font-size: 12px;
    width: 75px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 18px;
    font-weight: 700
}

.month-data-icon-sunrise,
.month-data-icon-sunset,
i.month-data-icon-humidity,
i.month-data-icon-pressure,
i.month-data-icon-wind {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
    margin-right: 6px
}

i.month-data-icon-wind {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNGE0YTRhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNDQ4Ij48cGF0aCBkPSJNMzg0IDExMmMtMzUuMyAwLTY0IDI4LjctNjQgNjQgMCA4LjggNy4yIDE2IDE2IDE2czE2LTcuMiAxNi0xNmMwLTE3LjYgMTQuNC0zMiAzMi0zMnMzMiAxNC40IDMyIDMyLTE0LjQgMzItMzIgMzJIMTcuM2MtOC44IDAtMTYgNy4yLTE2IDE2czcuMiAxNiAxNiAxNkgzODRjMzUuMyAwIDY0LTI4LjcgNjQtNjRzLTI4LjctNjQtNjQtNjR6TTIyNCA0OGMtMzUuMyAwLTY0IDI4LjctNjQgNjQgMCA4LjggNy4yIDE2IDE2IDE2czE2LTcuMiAxNi0xNmMwLTE3LjYgMTQuNC0zMiAzMi0zMnMzMiAxNC40IDMyIDMyLTE0LjQgMzItMzIgMzJIMTZjLTguOCAwLTE2IDcuMi0xNiAxNnM3LjIgMTYgMTYgMTZoMjA4YzM1LjMgMCA2NC0yOC43IDY0LTY0cy0yOC43LTY0LTY0LTY0em0wIDIyNEgxNmMtOC44IDAtMTYgNy4yLTE2IDE2czcuMiAxNiAxNiAxNmgyMDhjMTcuNiAwIDMyIDE0LjQgMzIgMzJzLTE0LjQgMzItMzIgMzItMzItMTQuNC0zMi0zMmMwLTguOC03LjItMTYtMTYtMTZzLTE2IDcuMi0xNiAxNmMwIDM1LjMgMjguNyA2NCA2NCA2NHM2NC0yOC43IDY0LTY0LTI4LjctNjQtNjQtNjR6Ii8+PC9zdmc+Cg==)
}

i.month-data-icon-pressure {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNGE0YTRhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDEzOC43YzUuOSAwIDEwLjctNC44IDEwLjctMTAuN3YtMjEuM2MwLTUuOS00LjgtMTAuNy0xMC43LTEwLjdzLTEwLjcgNC44LTEwLjcgMTAuN1YxMjhjMCA1LjkgNC44IDEwLjcgMTAuNyAxMC43em0tODYuOC0xMS42Yy0zLTUuMS05LjUtNi45LTE0LjYtMy45LTUuMSAyLjktNi45IDkuNS0zLjkgMTQuNmwxMC43IDE4LjVjMiAzLjQgNS42IDUuMyA5LjMgNS4zIDEuOCAwIDMuNi0uNSA1LjMtMS40IDUuMS0yLjkgNi45LTkuNSAzLjktMTQuNmwtMTAuNy0xOC41em0tNTUuNyA3N0w5NSAxOTMuNGMtNS4xLTIuOS0xMS42LTEuMi0xNC42IDMuOS0yLjkgNS4xLTEuMiAxMS42IDMuOSAxNC42bDE4LjUgMTAuN2MxLjcgMSAzLjUgMS40IDUuMyAxLjQgMy43IDAgNy4zLTEuOSA5LjMtNS4zIDMtNS4xIDEuMi0xMS43LTMuOS0xNC42em0zMTQuMSAxODEuMy0xOC41LTEwLjdjLTUuMS0yLjktMTEuNi0xLjItMTQuNiAzLjktMi45IDUuMS0xLjIgMTEuNiAzLjkgMTQuNmwxOC41IDEwLjdjMS43IDEgMy41IDEuNCA1LjMgMS40IDMuNyAwIDcuMy0xLjkgOS4zLTUuMyAzLTUuMSAxLjItMTEuNi0zLjktMTQuNnpNOTYgMjk4LjdjMC01LjktNC44LTEwLjctMTAuNy0xMC43SDY0Yy01LjkgMC0xMC43IDQuOC0xMC43IDEwLjcgMCA1LjkgNC44IDEwLjcgMTAuNyAxMC43aDIxLjNjNS45LS4xIDEwLjctNC44IDEwLjctMTAuN3ptMzIwIDBjMCA1LjkgNC44IDEwLjcgMTAuNyAxMC43SDQ0OGM1LjkgMCAxMC43LTQuOCAxMC43LTEwLjcgMC01LjktNC44LTEwLjctMTAuNy0xMC43aC0yMS4zYy01LjkgMC0xMC43IDQuOC0xMC43IDEwLjd6bS0zMTMuMSA3Ni4xLTE4LjUgMTAuN2MtNS4xIDIuOS02LjkgOS41LTMuOSAxNC42IDIgMy40IDUuNiA1LjMgOS4zIDUuMyAxLjggMCAzLjYtLjUgNS4zLTEuNGwxOC41LTEwLjdjNS4xLTIuOSA2LjktOS41IDMuOS0xNC42LTMtNS4xLTkuNi02LjktMTQuNi0zLjl6bTMxNC0xODEuNC0xOC41IDEwLjdjLTUuMSAyLjktNi45IDkuNS0zLjkgMTQuNiAyIDMuNCA1LjYgNS4zIDkuMyA1LjMgMS44IDAgMy42LS41IDUuMy0xLjRsMTguNS0xMC43YzUuMS0yLjkgNi45LTkuNSAzLjktMTQuNi0yLjktNS4xLTkuNS02LjgtMTQuNi0zLjl6bS01OS42LTcwLjNjLTUuMS0zLTExLjYtMS4yLTE0LjYgMy45TDMzMiAxNDUuNWMtMi45IDUuMS0xLjIgMTEuNiAzLjkgMTQuNiAxLjcgMSAzLjUgMS40IDUuMyAxLjQgMy43IDAgNy4zLTEuOSA5LjMtNS4zbDEwLjctMTguNWMzLTUuMSAxLjItMTEuNi0zLjktMTQuNnptLTkwLjcgNTcuM2MtLjUtNS41LTUuMS05LjctMTAuNi05LjdzLTEwLjEgNC4yLTEwLjYgOS43TDIyNi41IDM5NmMtOC40IDgtMTMuMSAxOS0xMy4xIDMwLjYgMCAyMy41IDE5LjEgNDIuNyA0Mi43IDQyLjdzNDIuNy0xOS4xIDQyLjctNDIuN2MwLTExLjctNC43LTIyLjYtMTMuMS0zMC42bC0xOS4xLTIxNS42ek0yNTYgNDIuN2MtMTQxLjIgMC0yNTYgMTE0LjgtMjU2IDI1NiAwIDQyLjggMTAuOCA4NS4xIDMxLjIgMTIyLjQgMS40IDIuNSAzLjYgNC4zIDYuNCA1LjEgMi43LjggNS42LjUgOC4xLS45bDE4LjctMTAuMmM1LjItMi44IDcuMS05LjMgNC4zLTE0LjUtMTctMzEuMS0yNS45LTY2LjQtMjUuOS0xMDIgMC0xMTcuNiA5NS43LTIxMy4zIDIxMy4zLTIxMy4zUzQ2OS40IDE4MSA0NjkuNCAyOTguNmMwIDM1LjYtOSA3MC45LTI1LjkgMTAyLTIuOCA1LjItLjkgMTEuNyA0LjMgMTQuNWwxOC43IDEwLjJjMS42LjkgMy4zIDEuMyA1LjEgMS4zIDEgMCAyLS4xIDMtLjQgMi43LS44IDUtMi42IDYuNC01LjEgMjAuMi0zNy4zIDMxLTc5LjcgMzEtMTIyLjQgMC0xNDEuMi0xMTQuOC0yNTYtMjU2LTI1NnoiLz48L3N2Zz4=);
    width: 14px
}

i.month-data-icon-humidity {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNGE0YTRhIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGQ9Im0zMzEuNzYxNzE5IDQyOS4wMDM5MDZjNy43MjY1NjIgNy44ODY3MTkgNy42MDE1NjIgMjAuNTUwNzgyLS4yODkwNjMgMjguMjgxMjUtMzYuMDA3ODEyIDM1LjI4MTI1LTg0LjQ3MjY1NiA1NC43MTQ4NDQtMTM2LjQ3MjY1NiA1NC43MTQ4NDQtNTIuMTE3MTg4IDAtMTAxLjA2NjQwNi0yMC4wODU5MzgtMTM3LjgyODEyNS01Ni41NTg1OTQtMzYuODY3MTg3LTM2LjU3ODEyNS01Ny4xNzE4NzUtODUuMzg2NzE4LTU3LjE3MTg3NS0xMzcuNDQxNDA2di01LjM1OTM3NWMwLTY3LjU2NjQwNiA1Ni40NjA5MzgtMTMyLjM1OTM3NSAxMDYuMjczNDM4LTE4OS41MjM0MzcgMzMuNzg5MDYyLTM4Ljc3MzQzOCA2OC43MjY1NjItNzguODcxMDk0IDY4LjcyNjU2Mi0xMDMuMTE3MTg4IDAtMTEuMDQ2ODc1IDguOTUzMTI1LTIwIDIwLTIwczIwIDguOTUzMTI1IDIwIDIwYzAgMjUuODM1OTM4IDM1LjQzNzUgNjYuMTQ0NTMxIDY5LjcwMzEyNSAxMDUuMTI4OTA2IDYuMjM0Mzc1IDcuMDg5ODQ0IDEyLjY3OTY4NyAxNC40MjE4NzUgMTkuMDUwNzgxIDIxLjgwODU5NCA3LjIxNDg0NCA4LjM2MzI4MSA2LjI4MTI1IDIwLjk5MjE4OC0yLjA3ODEyNSAyOC4yMDcwMzEtOC4zNjMyODEgNy4yMTQ4NDQtMjAuOTkyMTg3IDYuMjg1MTU3LTI4LjIxMDkzNy0yLjA4MjAzMS02LjI0NjA5NC03LjI0MjE4OC0xMi42Mjg5MDYtMTQuNTAzOTA2LTE4LjgwMDc4Mi0yMS41MjM0MzgtMjMuNDgwNDY4LTI2LjcxMDkzNy00NS4xOTkyMTgtNTEuNDE3OTY4LTYwLjAxMTcxOC03NS4wNDY4NzQtMTQuNTc0MjE5IDIyLjgxNjQwNi0zNS41NzAzMTMgNDYuOTA2MjUtNTguMjIyNjU2IDcyLjkwMjM0My00NS4xOTkyMTkgNTEuODcxMDk0LTk2LjQyOTY4OCAxMTAuNjY0MDYzLTk2LjQyOTY4OCAxNjMuMjQ2MDk0djUuMzU5Mzc1YzAgODQuOTE0MDYyIDY5LjUzMTI1IDE1NCAxNTUgMTU0IDQxLjQ2ODc1IDAgNzkuOTkyMTg4LTE1LjM3MTA5NCAxMDguNDc2NTYyLTQzLjI4NTE1NiA3Ljg5MDYyNi03LjczMDQ2OSAyMC41NTA3ODItNy42MDE1NjMgMjguMjg1MTU3LjI4OTA2MnptMTYwLjIzODI4MS03NC4wMDM5MDZjLTcuNzEwOTM4IDAtMTguMTc1NzgxLTcuMjM0Mzc1LTI4LjcxMDkzOC0xOS44NDc2NTYtOC41NzQyMTgtMTAuMjY1NjI1LTIxLjQzNzUtMTYuMTUyMzQ0LTM1LjI4OTA2Mi0xNi4xNTIzNDRzLTI2LjcxNDg0NCA1Ljg4NjcxOS0zNS4yODkwNjIgMTYuMTUyMzQ0Yy0xMC41MzUxNTcgMTIuNjEzMjgxLTIxIDE5Ljg0NzY1Ni0yOC43MTA5MzggMTkuODQ3NjU2cy0xOC4xNzU3ODEtNy4yMzQzNzUtMjguNzEwOTM4LTE5Ljg0NzY1NmMtOC41NzQyMTgtMTAuMjY1NjI1LTIxLjQzNzUtMTYuMTUyMzQ0LTM1LjI4OTA2Mi0xNi4xNTIzNDRzLTI2LjcxNDg0NCA1Ljg4NjcxOS0zNS4yODkwNjIgMTYuMTUyMzQ0Yy0xMC41MzUxNTcgMTIuNjEzMjgxLTIxIDE5Ljg0NzY1Ni0yOC43MTA5MzggMTkuODQ3NjU2cy0xOC4xNzU3ODEtNy4yMzQzNzUtMjguNzEwOTM4LTE5Ljg0NzY1NmMtOC41NzQyMTgtMTAuMjY1NjI1LTIxLjQzNzUtMTYuMTUyMzQ0LTM1LjI4OTA2Mi0xNi4xNTIzNDRzLTI2LjcxNDg0NCA1Ljg4NjcxOS0zNS4yODkwNjIgMTYuMTUyMzQ0Yy0xMC41MzUxNTcgMTIuNjEzMjgxLTIxIDE5Ljg0NzY1Ni0yOC43MTA5MzggMTkuODQ3NjU2LTExLjA0Njg3NSAwLTIwIDguOTUzMTI1LTIwIDIwczguOTUzMTI1IDIwIDIwIDIwYzIwLjQ2NDg0NCAwIDQwLjQ1MzEyNS0xMS41MDc4MTIgNTkuNDEwMTU2LTM0LjIwNzAzMS45NDE0MDYtMS4xMjEwOTQgMi42NTYyNS0xLjc5Mjk2OSA0LjU4OTg0NC0xLjc5Mjk2OXMzLjY0ODQzOC42NzE4NzUgNC41ODk4NDQgMS43OTY4NzVjMTguOTU3MDMxIDIyLjY5NTMxMyAzOC45NDUzMTIgMzQuMjAzMTI1IDU5LjQxMDE1NiAzNC4yMDMxMjVzNDAuNDUzMTI1LTExLjUwNzgxMiA1OS40MTAxNTYtMzQuMjA3MDMxYy45NDE0MDYtMS4xMjEwOTQgMi42NTYyNS0xLjc5Mjk2OSA0LjU4OTg0NC0xLjc5Mjk2OXMzLjY0ODQzOC42NzE4NzUgNC41ODk4NDQgMS43OTY4NzVjMTguOTU3MDMxIDIyLjY5NTMxMyAzOC45NDUzMTIgMzQuMjAzMTI1IDU5LjQxMDE1NiAzNC4yMDMxMjVzNDAuNDUzMTI1LTExLjUwNzgxMiA1OS40MTAxNTYtMzQuMjA3MDMxYy45NDE0MDYtMS4xMjEwOTQgMi42NTYyNS0xLjc5Mjk2OSA0LjU4OTg0NC0xLjc5Mjk2OXMzLjY0ODQzOC42NzE4NzUgNC41ODk4NDQgMS43OTY4NzVjMTguOTU3MDMxIDIyLjY5NTMxMyAzOC45NDUzMTIgMzQuMjAzMTI1IDU5LjQxMDE1NiAzNC4yMDMxMjUgMTEuMDQ2ODc1IDAgMjAtOC45NTMxMjUgMjAtMjBzLTguOTUzMTI1LTIwLTIwLTIwem0tMjI3LjI4OTA2Mi0xMTkuODQ3NjU2Yy0xMC41MzUxNTcgMTIuNjEzMjgxLTIxIDE5Ljg0NzY1Ni0yOC43MTA5MzggMTkuODQ3NjU2LTExLjA0Njg3NSAwLTIwIDguOTUzMTI1LTIwIDIwczguOTUzMTI1IDIwIDIwIDIwYzIwLjQ2NDg0NCAwIDQwLjQ1MzEyNS0xMS41MDc4MTIgNTkuNDEwMTU2LTM0LjIwNzAzMS45NDE0MDYtMS4xMjEwOTQgMi42NTYyNS0xLjc5Mjk2OSA0LjU4OTg0NC0xLjc5Mjk2OXMzLjY0ODQzOC42NzE4NzUgNC41ODk4NDQgMS43OTY4NzVjMTguOTU3MDMxIDIyLjY5NTMxMyAzOC45NDUzMTIgMzQuMjAzMTI1IDU5LjQxMDE1NiAzNC4yMDMxMjVzNDAuNDUzMTI1LTExLjUwNzgxMiA1OS40MTAxNTYtMzQuMjA3MDMxYy45NDE0MDYtMS4xMjEwOTQgMi42NTYyNS0xLjc5Mjk2OSA0LjU4OTg0NC0xLjc5Mjk2OXMzLjY0ODQzOC42NzE4NzUgNC41ODk4NDQgMS43OTY4NzVjMTguOTU3MDMxIDIyLjY5NTMxMyAzOC45NDUzMTIgMzQuMjAzMTI1IDU5LjQxMDE1NiAzNC4yMDMxMjUgMTEuMDQ2ODc1IDAgMjAtOC45NTMxMjUgMjAtMjBzLTguOTUzMTI1LTIwLTIwLTIwYy03LjcxMDkzOCAwLTE4LjE3NTc4MS03LjIzNDM3NS0yOC43MTA5MzgtMTkuODQ3NjU2LTguNTc0MjE4LTEwLjI2NTYyNS0yMS40Mzc1LTE2LjE1MjM0NC0zNS4yODkwNjItMTYuMTUyMzQ0cy0yNi43MTQ4NDQgNS44ODY3MTktMzUuMjg5MDYyIDE2LjE1MjM0NGMtMTAuNTM1MTU3IDEyLjYxMzI4MS0yMSAxOS44NDc2NTYtMjguNzEwOTM4IDE5Ljg0NzY1NnMtMTguMTc1NzgxLTcuMjM0Mzc1LTI4LjcxMDkzOC0xOS44NDc2NTZjLTguNTc0MjE4LTEwLjI2NTYyNS0yMS40Mzc1LTE2LjE1MjM0NC0zNS4yODkwNjItMTYuMTUyMzQ0cy0yNi43MTQ4NDQgNS44ODY3MTktMzUuMjg5MDYyIDE2LjE1MjM0NHptMCAwIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc+Cg==);
    width: 14px
}

i.month-data-icon-sunrise {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPSIjNGE0YTRhIj48cGF0aCBkPSJNNDk2IDQxNkgzMjYuNmwtNTkuMy01OS4zYy02LjItNi4yLTE2LjQtNi4yLTIyLjYgMEwxODUuNCA0MTZIMTZjLTguOCAwLTE2IDcuMi0xNiAxNnM3LjIgMTYgMTYgMTZoMTc2YzQuMyAwIDguMy0xLjcgMTEuMy00LjdsNTIuNy01Mi43IDUyLjcgNTIuN2MzIDMgNyA0LjcgMTEuMyA0LjdoMTc2YzguOCAwIDE2LTcuMiAxNi0xNnMtNy4yLTE2LTE2LTE2ek0yNTYgMTYwYy04OC4yIDAtMTYwIDcxLjgtMTYwIDE2MCAwIDE4LjUgMy4xIDM2LjQgOS4zIDUzLjQgMyA4LjQgMTIuMyAxMi43IDIwLjUgOS42IDguMy0zIDEyLjYtMTIuMiA5LjYtMjAuNS00LjktMTMuNC03LjQtMjcuNy03LjQtNDIuNSAwLTcwLjYgNTcuNC0xMjggMTI4LTEyOHMxMjggNTcuNCAxMjggMTI4YzAgMTQuOC0yLjUgMjkuMS03LjQgNDIuNi0zIDguMyAxLjMgMTcuNSA5LjYgMjAuNSAxLjguNiAzLjYgMSA1LjQgMSA2LjUgMCAxMi43LTQgMTUtMTAuNiA2LjEtMTcgOS4zLTM1IDkuMy01My40QzQxNiAyMzEuOCAzNDQuMiAxNjAgMjU2IDE2MHptMC05NmMtOC44IDAtMTYgNy4yLTE2IDE2djMyYzAgOC44IDcuMiAxNiAxNiAxNnMxNi03LjIgMTYtMTZWODBjMC04LjgtNy4yLTE2LTE2LTE2ek00OCAzMDRIMTZjLTguOCAwLTE2IDcuMi0xNiAxNnM3LjIgMTYgMTYgMTZoMzJjOC44IDAgMTYtNy4yIDE2LTE2cy03LjItMTYtMTYtMTZ6bTQ0OCAwaC0zMmMtOC44IDAtMTYgNy4yLTE2IDE2czcuMiAxNiAxNiAxNmgzMmM4LjggMCAxNi03LjIgMTYtMTZzLTcuMi0xNi0xNi0xNnpNMTIwLjIgMTYxLjYgOTcuNiAxMzljLTYuMi02LjItMTYuNC02LjItMjIuNiAwcy02LjIgMTYuNCAwIDIyLjZsMjIuNiAyMi43YzMuMSAzLjEgNy4yIDQuNyAxMS4zIDQuNyA0LjEgMCA4LjItMS42IDExLjMtNC43IDYuMy02LjMgNi4zLTE2LjUgMC0yMi43ek00MzcgMTM5Yy02LjItNi4yLTE2LjQtNi4yLTIyLjYgMGwtMjIuNiAyMi42Yy02LjIgNi4yLTYuMiAxNi40IDAgMjIuNiAzLjEgMy4xIDcuMiA0LjcgMTEuMyA0LjdzOC4yLTEuNiAxMS4zLTQuN2wyMi42LTIyLjZjNi4yLTYuMiA2LjItMTYuNCAwLTIyLjZ6Ii8+PC9zdmc+Cg==);
    -webkit-transform: translate(-1px, 2px);
    transform: translate(-1px, 2px);
    width: 16px;
    height: 16px
}

i.month-data-icon-sunset {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPSIjNGE0YTRhIj48cGF0aCBkPSJNNDk2IDM4NEgzMjBjLTQuMyAwLTguMyAxLjctMTEuMyA0LjdMMjU2IDQ0MS40bC01Mi43LTUyLjdjLTMtMy03LTQuNy0xMS4zLTQuN0gxNmMtOC44IDAtMTYgNy4yLTE2IDE2czcuMiAxNiAxNiAxNmgxNjkuNGw1OS4zIDU5LjNjMy4xIDMuMSA3LjIgNC43IDExLjMgNC43czguMi0xLjYgMTEuMy00LjdsNTkuMy01OS4zSDQ5NmM4LjggMCAxNi03LjIgMTYtMTZzLTcuMi0xNi0xNi0xNnpNMjU2IDEyOGMtODguMiAwLTE2MCA3MS44LTE2MCAxNjAgMCAxOC41IDMuMSAzNi40IDkuMyA1My40IDMgOC40IDEyLjMgMTIuNyAyMC41IDkuNiA4LjMtMyAxMi42LTEyLjIgOS42LTIwLjUtNC45LTEzLjQtNy40LTI3LjctNy40LTQyLjUgMC03MC42IDU3LjQtMTI4IDEyOC0xMjhzMTI4IDU3LjQgMTI4IDEyOGMwIDE0LjgtMi41IDI5LjEtNy40IDQyLjYtMyA4LjMgMS4zIDE3LjUgOS42IDIwLjUgMS44LjYgMy42IDEgNS40IDEgNi41IDAgMTIuNy00IDE1LTEwLjYgNi4xLTE3IDkuMy0zNSA5LjMtNTMuNEM0MTYgMTk5LjggMzQ0LjIgMTI4IDI1NiAxMjh6bTAtOTZjLTguOCAwLTE2IDcuMi0xNiAxNnYzMmMwIDguOCA3LjIgMTYgMTYgMTZzMTYtNy4yIDE2LTE2VjQ4YzAtOC44LTcuMi0xNi0xNi0xNnpNNDggMjcySDE2Yy04LjggMC0xNiA3LjItMTYgMTZzNy4yIDE2IDE2IDE2aDMyYzguOCAwIDE2LTcuMiAxNi0xNnMtNy4yLTE2LTE2LTE2em00NDggMGgtMzJjLTguOCAwLTE2IDcuMi0xNiAxNnM3LjIgMTYgMTYgMTZoMzJjOC44IDAgMTYtNy4yIDE2LTE2cy03LjItMTYtMTYtMTZ6TTEyMC4yIDEyOS42IDk3LjYgMTA3Yy02LjItNi4yLTE2LjQtNi4yLTIyLjYgMHMtNi4yIDE2LjQgMCAyMi42bDIyLjYgMjIuN2MzLjEgMy4xIDcuMiA0LjcgMTEuMyA0LjcgNC4xIDAgOC4yLTEuNiAxMS4zLTQuNyA2LjMtNi4zIDYuMy0xNi41IDAtMjIuN3pNNDM3IDEwN2MtNi4yLTYuMi0xNi40LTYuMi0yMi42IDBsLTIyLjYgMjIuNmMtNi4yIDYuMi02LjIgMTYuNCAwIDIyLjYgMy4xIDMuMSA3LjIgNC43IDExLjMgNC43czguMi0xLjYgMTEuMy00LjdsMjIuNi0yMi42YzYuMi02LjIgNi4yLTE2LjQgMC0yMi42eiIvPjwvc3ZnPgo=);
    -webkit-transform: translate(-1px, 2px);
    transform: translate(-1px, 2px);
    width: 16px;
    height: 16px
}

.ww-month .sp-moon {
    position: absolute;
    right: 3px;
    left: auto;
    opacity: .6;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    top: 2px
}

.ww-month-d-box .wwi.mn-wind:after {
    content: "";
    display: none
}

.ww-month li i.wwi.mn-wind {
    opacity: 0;
    top: -200px
}

.ww-month li:hover i.wwi.mn-wind {
    -webkit-transform: scale(.7) translate(-3px, 4px);
    transform: scale(.7) translate(-3px, 4px);
    opacity: .65;
    top: 0;
    position: absolute
}

.ww-month .ww-month-d-box {
    overflow: hidden;
    padding: 0;
    margin: 2px 0 0 0;
    font-size: 13px;
    background-color: #fff;
    padding-bottom: 7px;
    padding-top: 2px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 5px 4px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 4px rgba(0, 0, 0, .15);
    -webkit-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out;
    opacity: 0;
    height: 0
}

span.ww-month-d>span {
    font-size: 11px;
    display: inline;
    color: #616161;
    font-weight: 400
}

.forecast-statistics .ww-month-d-box {
    background-color: #fff
}

.foreacast a:hover .ww-month-d-box,
.forecast-statistics:hover .ww-month-d-box {
    opacity: 1;
    margin-top: 8px;
    z-index: 9999;
    position: absolute;
    left: 0;
    right: 0;
    margin-right: 1px;
    height: auto
}

.forecast-statistics:hover .ww-month-d-box {
    margin-right: 0
}

.ww-month li.foreacast,
.ww-month li.forecast-statistics {
    overflow: visible
}

.ww-month-weekdays.foreacast-archive:hover,
.ww-month-weekdays.foreacast:hover,
.ww-month-weekend.foreacast-archive:hover,
.ww-month-weekend.foreacast:hover {
    background-color: #fff
}

.ww-month-weekdays.forecast-statistics:after,
.ww-month-weekend.forecast-statistics:after {
    opacity: 0;
    display: none
}

.ww-month-weekdays.forecast-statistics.info-stat:after,
.ww-month-weekend.forecast-statistics.info-stat:after {
    opacity: 1;
    display: block
}

i.icon-weather-n {
    position: absolute;
    -webkit-transform: translate(-24px, -4px);
    transform: translate(-24px, -4px)
}

p.ww-month-i-box {
    margin-right: -20px
}

p.ww-month-i-box:before {
    left: -27px
}

.weather-month li {
    color: #000
}

.cookie-notify {
    z-index: 999;
    position: fixed;
    bottom: 15px;
    background-color: rgba(0, 0, 0, .85);
    padding: 10px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    max-width: 500px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 22px;
    display: none
}

.cookie-notify a {
    border-bottom: 1px solid #fff;
    color: #fff
}

#cookie-notify {
    cursor: pointer;
    background-color: #2e7d32;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 3px;
    position: relative;
    top: 1px
}

@media (prefers-contrast:more) {
    :focus-visible {
        outline: 5px solid #d32f2f
    }
}

@media (prefers-reduced-motion:reduce) {
    * {
        -webkit-animation: none !important;
        animation: none !important;
        -webkit-transition: none !important;
        transition: none !important;
        scroll-behavior: auto !important
    }
}