/*наборы цветов, используется пока только в архиве*/
:root
{
    --color-txt1: #ffffff;
    --color-txt2: #5a7baf;
    --color-border1: #244576;
    --color-border2: #5a7baf;
}

/*цвета стилей*/
/*светлый текст*/
.color-txt1
{
    color: #ffffff;
}

/*темный текст*/
.color-txt2
{
    color: #5a7baf;
}

/*линии таблицы*/
.color-border1
{
    border-color: #244576;
}


html{
    font-size:100%;
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

header, footer{
    background: #0c2b5c;
    width: 100%;
}
footer{
    background: rgba(2, 29, 66, 0.95);
    box-shadow:  0px 0px 30px rgba(0, 0, 0, 0.3);
    -o-box-shadow:  0px 0px 30px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:  0px 0px 30px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:  0px 0px 30px rgba(0, 0, 0, 0.3);
}
header{
    position: relative;
}
header{
    top: 0;
    z-index: 5;
}
footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}
main{
    /*margin: 0 0 100px 0;
    min-height: calc(100vh - 160px);*/
}
input{
    border: none;
    outline: none;
}
.full-background{
    position: fixed;
    z-index: -1;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
}

@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto/Roboto-Light.eot');
    src: local('☺'),url('fonts/roboto/Roboto-Light.woff') format('woff'), url('fonts/roboto/Roboto-Light.ttf') format('truetype'), url('fonts/roboto/Roboto-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto-regular';
    src: url('fonts/roboto/Roboto-Regular.eot');
    src: local('☺'), url('fonts/roboto/Roboto-Regular.woff') format('woff'), url('fonts/roboto/Roboto-Regular.ttf') format('truetype'), url('fonts/roboto/Roboto-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto-medium';
    src: url('fonts/roboto/Roboto-Medium.eot');
    src: local('☺'),url('fonts/roboto/Roboto-Medium.woff') format('woff'), url('fonts/roboto/Roboto-Medium.ttf') format('truetype'), url('fonts/roboto/Roboto-Medium.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

/*@font-face {*/
    /*font-family: 'roboto';*/
    /*src: url('fonts/roboto/Roboto-Italic.eot');*/
    /*src: local('☺'),url('fonts/roboto/Roboto-Italic.woff') format('woff'), url('fonts/roboto/Roboto-Italic.ttf') format('truetype'), url('fonts/roboto/Roboto-Italic.svg') format('svg');*/
    /*font-weight: normal;*/
    /*font-style: italic;*/
/*}*/


body{
    font-family: roboto, Arial, Tahoma;
    color: white;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #0c2b5c;
    -webkit-text-size-adjust: none;
    font-size: 16px;

}
a:active, a:focus, a:hover{
    background: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.table{
    display: table;
}
.row{
    display: table-row;
}
.cell{
    display: table-cell;
}
.menu-header:active{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#icon-logo{
    display: inline-block;
    background: url("../img/menu/logo.png") no-repeat;
    background-size: cover;
    width: 50px;
    height: 40px;
    float: left;
}
#icon-logo-header{
    display: block;
    background: url("../img/logo-small.png") no-repeat;
    background-size: cover;
    width: 24px;
    height: 17px;
    position: absolute;
    top: 0px;
    left: 10px;
}
#top-row
{
    background: rgba(2, 29, 66, 0.95);
    width: 100%;
    height: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#NowTime{
    padding: 0 10px;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    font-family: roboto;
    float: right;
}
.no-archive-data{
    padding-left: 10px;
}

.ArchiveTemp{
    padding-left: 25px;
    line-height: 85px;
    font-size: 85px;
}
.FT-container{
    display: none;
}
.ft-head{
    position: fixed;
    z-index: 1;
    background: #0c2b5c;
    display: none;
}

/*по умолчанию не показываем базовые строки, вынесенные в фиксированый заголовок таблицы*/
.cloned-head-row{
    visibility: visible;
    background: none;
}

table{
    border-spacing: 0;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
    border: none;
    padding: 0;
}

.forecastTable{
    background: url("../img/DayBgB.png") repeat-x top;
    /*background-position: 0 -50px;*/
}

.forecastTable, .ft-head{
    margin: 0 10px;
}
.ft-head .forecastTime td.d, .ft-head .forecastTime td.d2 {
    background: #08356c;
}
.forecastTable td, .ft-head td{
    padding: 0;
    border-spacing: 0;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
    border: 0;
}
.forecastTable td:first-child, .ft-head tr td:first-child{
    padding-right: 4px;
}
.forecastTable td:last-child, .ft-head tr td:last-child{
    padding-left: 4px;
}
.forecastDate td:first-child {
    padding-right: 0;
}
.forecastDate td:last-child {
    padding-left: 0;
}

.forecastTime .title, .precipitation-row .title,
.temperature-row .title, .pressure-row .title,
.wind-gusts-row .title, .humidity-row .title{
    white-space: nowrap;
}

.forecastDate b{
    font-family: roboto-regular;
}
.forecastTime .d, .forecastTime .d2{
    font-family: roboto-regular;
}
.forecastTable .t_0, .forecastTable .t_1{
    font-size: 19px;
}
.brdDate, .brdDateRed {
    padding: 0 5px 0 5px;
}
.brdDateRed {
    color: #ff5900;
}
.weekDay{
    white-space: nowrap;
}
/*чтобы была видна рамка*/
/*.brdDateLight{
    position: relative;
    top: 2px;
}*/
.brdDateLight {
    position: relative;
    max-width: inherit;
    text-align: left !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.forecastDate td,
.sun-row td,
.moon-row td,
.moon-phase-row td{
    background: #0c2b5c;
}

.forecastDate td{line-height: 20px; padding-bottom: 3px; padding-top: 4px }
.forecastDate b{padding: 0 10px; }
.forecastTime td{padding: 5px 0; line-height: 20px;}
.cloud-cover-row td{padding-top: 0; padding-bottom: 0}
.precipitation-row td { padding: 0 0 6px 0; vertical-align: top; }
.precipitation-row td.title { vertical-align: middle; }
.fraction-row td { padding: 0 0 4px 0; }
.temperature-row td{padding-bottom: 10px; padding-top:5px;line-height: 19px;}
.feel-temp-row td{padding-bottom: 9px; line-height: 20px;}
.feel-temp-row .t_0,.feel-temp-row .t_1{font-size: 18px;}
.pressure-row td{ padding-bottom: 9px; line-height: 20px;}
.pressure-row b{ font-family: roboto;}
.wind-velocity-row td{ padding-bottom: 6px;}
.wind-gusts-row td{ padding-bottom: 6px; line-height: 20px;}
.wind-direction-row td{ padding-bottom: 9px; line-height: 20px;}
.humidity-row td{ padding-bottom: 9px; line-height: 20px;}
.humidity-row td b{font-family: roboto;}
.sun-row td{padding-bottom: 9px}
.moon-row td{ padding-bottom: 1px}
.moon-phase-row td{padding-bottom: 0; vertical-align: top}

.title .t_0, .title .t_1{
    font-size: 16px;
}
/*только первые две строки*/
/*.forecastDate td, .forecastTime td.n, .forecastTime td.d{
    border-left: 1px solid #5a7baf;
}*/

/*.forecastTime .title + td.n, .forecastTime .title + td.d,
.forecastDate .title + td, .forecastDate td:first-child, .forecastDate td:last-child {
    border-left: none;
}*/

/*по высоте таблицы*/
.forecastTable td.n, .forecastTable td.d,
.forecastTable td.wd, .forecastTable td.wn,
.forecastTable .forecastDate td + td {
    border-left: 1px solid rgba(90, 123, 175, 0.2);
}

.forecastTable .title,
.forecastTable .forecastDate td:last-child,
.wind-velocity-row td,
.sun-row td,
.moon-row td {vertical-align: bottom;}

.forecastTable .title,
.ft-head .title,
.forecastTable .sunset, .forecastTable .moonset{
    color: #5a7baf;
}

.forecastTable tr td,
.ft-head tr td{
    min-width: 48px;
    text-align: center;
}

.forecastTable tr td:last-child,
.ft-head tr td:last-child,
.forecastTable .title,
.forecastDate td{
    text-align: left !important;
}
.forecastTable tr td:first-child, .ft-head tr td:first-child {
    text-align: right !important;
}
.forecastTable tr td:last-child, .ft-head tr td:last-child {
    padding-right: 10px;
}

b {
    font-weight: normal;
    font-family: roboto-medium;
}

.open{
    display: block!important;
}


#data-container{
    /*width: 100vw;
    height: 100vh;
    height: 80vh;
    width: 100%;*/
    overflow: auto;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#copyright{
    width: 100%;
    height: 25px;
    border-top: 1px dashed #5a7baf;
    color: #5a7baf;
    margin: 5px 0 20px 0;
    text-align: center;
    font-size: 12px;
}

/*анимация*/
@keyframes list-animate{
    from{opacity: 0;}
    to{opacity: 1;}
}

@keyframes list-item-out{
    from{opacity: 1;}
    to{opacity: 0;}
}

@-webkit-keyframes list-animate{
    from{opacity: 0;}
    to{opacity: 1;}
}

@-webkit-keyframes list-item-out{
    from{opacity: 1;}
    to{opacity: 0;}
}

@-moz-keyframes list-animate{
    from{opacity: 0;}
    to{opacity: 1;}
}

@-moz-keyframes list-item-out{
    from{opacity: 1;}
    to{opacity: 0;}
}

@-o-keyframes list-animate{
    from{opacity: 0;}
    to{opacity: 1;}
}

@-o-keyframes list-item-out{
    from{opacity: 1;}
    to{opacity: 0;}
}

.move-animate-out{
    animation: list-item-out 500ms ease-out 0s;
    -webkit-animation: list-item-out 500ms ease-out 0s;
}

.move-animate-in{
    animation: list-animate 500ms ease 0s;
    -webkit-animation: list-animate 500ms ease 0s;
}

/*всплывающие подсказки*/
#tempHint, #hint {
    cursor: help;
    width: auto;
    max-width: 400px;
    position: absolute;
    text-align: left;
    opacity: 0;
    z-index: 1003;
    line-height: 16px;
    font-size: 14px;
    display: none;
    margin: 0 10px;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
}

.hint-content{
    display: inline-block;
    /*background: #0c2b5c;
    color: #f9f9f7;*/
    background: #fff;
    color: #0c2b5c;
    border-radius: 3px;
    padding: 7px;
}
/*.hint-content::after{
    content: '';
    position: absolute;
    left: 15px; bottom: -15px;
    border: 10px solid transparent;
    border-top: 10px solid #FFFFFF;
}*/
#hint-str{
    content: '';
    border: 10px solid transparent;
    border-top: 10px solid #FFFFFF;
    width: 0px; height: 0px;
    margin-top: -2px;
    position: absolute;
}


.hint-show{
    /*z-index: 1003 !important;*/
    animation: list-animate 500ms ease 0s;
    -webkit-animation: list-animate 500ms ease 0s;

}
.hint-cell{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    z-index: 1;
}
#hint-bg{
    position: fixed;
    border: 1px solid #5a7baf;
    border-radius: 3px;
    display: none;
    background: transparent;
}

.hint-only{
    width: 100%;
    height: 100%;
}
.monthDay, .forPrint{display: none; color: #000000;}

#point-name{
    /*display: table;*/
    max-width: calc(100vw - 72px);
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: roboto-regular;
    padding: 0;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 18px;
    color: white;

    padding-top: 1px;
    /*line-height: 20px;*/
    /*background: url("../img/str-open.png") no-repeat right;
    padding-right: 22px;*/
}

.visited-icon{
    padding-right: 20px !important;
    background: url("../img/str-open.png") no-repeat right;
}
#point-name .point-unical-name{
    color: white;
}
#point-name .point-subname{
    font-family: roboto;
    color: #5a7baf;
    font-size: 15px;
    line-height: 22px;
}
#visited-list{
    display: none;
    position: absolute;
    overflow: hidden;
    z-index: 5;
    top: 63px;
    left: 10px;
    background: white;
    border-radius: 5px;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.3);
    white-space: normal;
}
.visited-list-inner{
    width: 100%;
    border-collapse: collapse;
    border: none;
}
#visited-list .list-item{
    /*min-height: 50px;*/
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    line-height: 16px;
    font-size: 15px;
    font-family: roboto-regular;
    cursor: pointer;

}
#visited-list .list-row{
    border-bottom: 1px solid #d9d9d9;
}
#visited-list .list-row{
    vertical-align: middle;
    display: table;
    height: 50px;
    width: 100%;
}
#visited-list .list-row:last-child{
    border-bottom: none;
}
#visited-list .list-item a{
    color:  #292929;
    text-decoration: none;
    width: 100%;
    display: block;

}

#visited-list .list-item a .point-subname{
    color: #404040;
    font-size: 13px;
    font-family: roboto;
}
.remove-point-button{
    background: #191919 url("../img/clear_white.svg") no-repeat center;
    width: 30px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
}

#points-open-icon{
    /*background: url("../img/str-open.png") no-repeat center;*/
    /*background: url("../img/strelka.svg");*/
    /*padding-top: 3px;*/
    float: left;
    width: 22px;
    height: 22px;
    display: inline-block;
    padding: 3px 5px 0 0;
}


td.n, td.n2, td.wn, td.wn2{
    /*color: #5a7baf;*/
    background: #0c2b5c;
}
.forecastTime td{
    color: #FFFFFF;
}
/*в стандартной теме ощущается как не меняется, только температура*/

/*.red,
.redDanger1,
.redDanger2,
.redDanger3,
.redDanger4 {
    color: #faac30;
}

.n.red,
.n.redDanger1,
.n.redDanger2,
.n.redDanger3,
.n.redDanger4,
.n2.red,
.n2.redDanger1,
.n2.redDanger2,
.n2.redDanger3,
.n2.redDanger4{
    color: #d48100;
}

.blue,
.blueDanger1,
.blueDanger2,
.blueDanger3 {
    color: #FFFFFF;
}
.n.blue,
.n.blueDanger1,
.n.blueDanger2,
.n.blueDanger3,
.n2.blue,
.n2.blueDanger1,
.n2.blueDanger2,
.n2.blueDanger3{
    color: #5a7baf;
}*/

.red{
    color: #ff5900 !important;
}
.redDanger1{
    color: #ff9900 !important;
}
.redDanger2{
    color: #ff3300 !important;
}
.redDanger3{
    color: #cc0000 !important;
}
.redDanger4{ /*чрезвычайно опасно*/
    color: #990033 !important;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}
.blue{
    color: #7ee3fc !important;
}
.blueDanger1{
    color: #00ccff !important;
}
.blueDanger2{
    color: #0099ff !important;
}
.blueDanger3{ /*большая опасность обморожения*/
    color: #004dff !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3)
}
.wind_gusts_strong{
    color: #ff0000 !important;
}

.humidity_strong, .pressure_strong{
    color: #FFFFFF !important;
}
.humidity_strong1, .pressure_strong1, .pressure_strong1_1, .humidity_strong1_1{
    color: #00ccff !important;
}
.humidity_strong2, .pressure_strong2, .pressure_strong2_1, .humidity_strong2_1{
    color: #ff5900 !important;
}
.pressure_strong1_1, .pressure_strong2_1, .humidity_strong1_1, .humidity_strong2_1{
    font-family: roboto-regular;
}

.sunrise, .moonrise{
    color: #FFFFFF !important;
}


/*.forecastTime .d, .forecastTime .d2,
.cloud-cover-row .d, .cloud-cover-row .d2,
.precipitation-row .d, precipitation-row .d2,
.fraction-row .d, .fraction-row .d2,
.temperature-row .d, .temperature-row .d2,
.feel-temp-row .d, .feel-temp-row .d2*/
.cloud-cover-row .title{
    white-space: nowrap;
}
td.d, td.d2, td.wd, td.wd2
{
    /*background: url("../img/bg_day1.png") 100%;*/
}
/*.forecastTable tr td:first-child, .forecastTable tr td:last-child,
.sun-row td, .moon-row td, .moon-phase-row td{
    background: #0c2b5c;
}*/

.forecastTable tr td.title
{
    background: #0c2b5c;
}




#header-tab{
    width: 100%;
    padding: 5px 10px 10px 10px;
    white-space: normal;
    border-spacing: 0;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
    border: none;
}


#header-tab table{
    border-spacing: 0;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
}
#header-tab td{
    padding: 0;
}

#ArchTemp{
    display: inline-block;
}
.FTempStr{
    font-size: 25px;
    margin-left: 25px;
    line-height: 30px;
}

/*
.redDanger1 {
    color: #ff9900;
}

.redDanger2 {
    color: #ff3300;
}

.redDanger3 {
    color: #cc0000;
}

.redDanger4 {
    color: #990033;
}

.blue {
    color: #2b63a0;
}

.blueDanger1 {
    color: #00ccff;
}

.blueDanger2 {
    color: #0099ff;
}

.blueDanger3 {
    color: #0033ff;
}*/
.otstup {
    padding-left: 2px;
}
#Search-null{
    padding: 0 12px;
    color: #FFFFFF;
    font-family: roboto;
    width: 100%;
    height: 100vh;
    font-size: 15px;
    position: fixed;
    background: #191919;
}
#Search-null-inner{
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

/*всплывающие окна меню*/


#nav-panel-bottom{
    white-space: nowrap;
    font-size: 17px;
    background: inherit;
}

#nav-panel-bottom > ul{
    list-style: none;
    padding: 0;
    margin: 0;

}
#nav-panel-bottom >ul >li{
    display: block;
    float: left;
    width: 20%;
}
#footer-tab{
    width: 100%;
    border-spacing: 0;

}
#footer-tab td{
    vertical-align: middle;
    padding: 0;
    border-spacing: 0;
}
.bottom-button {
    cursor: pointer;
    text-align: left;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    color: #5a7baf;
    text-decoration: none;
    display: block;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: roboto-regular;
}
.bottom-button-1 {
    padding: 0 3px 0 10px;
}
.bottom-button-2 {
    padding: 0 3px 0 0;
}

.call-menu {
    font-family: roboto-regular;
    padding-right: 10px;
    padding-left: 3px;
    padding-top: 5px;
    text-align: center !important;
    direction: ltr;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.menu-btn-active .cls-1{
    fill: #FFFFFF !important;
}
.weather-select{
    text-decoration: underline;
}
.bottom-btn-active{
    font-family: roboto-regular;
    color: white;
    text-decoration: none;
}
.lang-button{
    cursor: pointer;
    display: inline;
    color: #808080;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
}
a.lang-button:focus, a.lang-button:hover, a.lang-button:visited{
    color: #808080;
}

a.lang-button.current{
    color: #1899fe;
}
.nav-mask input{
    display: none;
}

.INPUT-radio-clone{
    display: inline-block;
    width: 18px;
    height: 18px;
    /*background-image: url("../img/sprites/sprite_menu.png");
    background-position: -17px 0;*/
    background: url("../img/menu/radio-off.png") no-repeat;
    background-size: cover;
}

.selected .INPUT-radio-clone{
    /*background-position: -37px 0;*/
    background: url("../img/menu/radio-on.png") no-repeat;
    background-size: cover;
}

#units-modals .INPUT-radio-clone{
    float: right;
}


.INPUT-clone-checked{
    background: #5a7baf;
}
.bg-option-color{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.selected .bg-option-color.selected ,
.selected .bg-image.selected{
    border: 3px solid #00ffff;
}

.bg-option-color-inner, .bg-image{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.bg-option-color-inner{
    border: 1px solid #303030;
}
#bg-option-color-container{
    width: 100%;
    padding: 5px 12px 0 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#bg-option-color-table{
    width: 100%;
}
#bg-option-color-table td{
    width: 25%;
    padding: 0 5px 0 0;

}

#bg-option-color-table td:last-child{
    padding: 0;
}

#bg-option-color-0{
   background: #474747;
}
#bg-option-color-1{
    background: #142738;
}
#bg-option-color-2{
    background: #161d26;
}
#bg-option-color-3{
    background: #141414;
}

.selected #bg-option-color-0{
    background: white;
}
.selected #bg-option-color-1 {
    background: #005eb5;
}

.selected #bg-option-color-2{
    background: #0c2b5c;
}
.selected #bg-option-color-3{
    background: #000000;
}

.bg-option-color{
    width: 100%;
    height: 100px;
}

#bg-option-images-container{
    width: calc(100vw - 24px);
    padding: 0 12px;
}
.bg-image-cell{
    /*width: calc(50vw - 14.5px);*/
    width: 50%;
    height: calc(85vw - 14.5px);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.bg-image-cell:nth-child(odd){
    padding: 0 2.5px 12px 0;
}
.bg-image-cell:nth-child(even){
    padding: 0 0 12px 2.5px;
}
.bg-image{
    background-repeat: no-repeat;
    background-size: cover;
}

fieldset{
    display: table-column;
    vertical-align: middle;
    border-width: 0;
}
fieldset legend{
    white-space: nowrap;
    width: 100%;
    text-align: center;
}
fieldset label{
    display: block;
}

.btn-cancel{
    text-align: center;
}
.menu-container{
    background: #191919;
    height: 100%;
    width: 100%;
    left: 0;
    transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -webkit-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    top: 0;
    position: fixed;
    z-index: 100;
    font-size: 16px;
    /*-webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s;*/
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
    overflow-y: visible;
}
.menu-container{
    touch-action: none;
}
#menu-main{
    width: 270px;
    transform: translate3d(-270px,0,0);
    -moz-transform: translate3d(-270px,0,0);
    -webkit-transform: translate3d(-270px,0,0);
    -o-transform: translate3d(-270px,0,0);
}
.visited-list-menu-row{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 224px;
}

#options-units.menu-container{
    z-index: 102;
}

.menu-container a{
    text-decoration: none;
}
.menu-inner{
    /*padding: 10px;*/
    /*position: relative;*/
    position: absolute;
    background: #191919;
    z-index: inherit;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    overflow: auto;

}

.menu-header{
    display: table;
    padding: 0 10px 0 0;
    height: 40px;
    width: 100%;
    background: #292929;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer;
}
#options-mobver .menu-header{
    width: inherit;
}

.menu-content{

}
#options-bg .menu-content{
    color: #808080;
}

.bg-type-option{
    display: table;
    padding: 0 12px;
    height: 50px;
}
.sepatator{
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #303030;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.bg-type-option .label-caption,
.bg-type-option .label-input
{
    display: table-cell;
    vertical-align: middle;
}
.bg-type-option .label-caption{
    width: 100%;
    line-height: 1;
    padding: 10px 0;
}


#options-bg .INPUT-radio-clone{
    margin: 0;
    margin-top: 4px;
}
.label-title{
    font-size: 16px;
}

.label-subtitle{
    font-size: 14px;
}
.selected .label-title{
    color: #1899fe;
}
.selected .label-subtitle{
    color: #FFFFFF;
}
.menu-content{
    height: calc(100vh - 40px);
    overflow: auto;
}
.about-text{
    padding: 12px;
    height: calc(100vh - 64px);
    overflow: auto;
}
.about-text p{
    margin-top: 0;
}

.color-blue{
    color: #00a3de;
}
#main-menu-btn-title
{
    font-size: 10px;
    line-height: 0;
}
.menu-title{
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    width: 100%;
    /*padding-left: 12px;*/
}

.menu-row{
    display: table;
    border-bottom: 1px solid #303030;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 50px;
    text-decoration: none;
}

/*#menu-main .menu-row{
    display: block;
}*/
.menu-row .opt-subtitle{
    font-size: 14px;
    color: #1899fe;
}
.panel-icon{
    display: table-cell;
    vertical-align: middle;
    /*display: block;
    float: left;*/
    width: 30px;
    height: 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#menu-row-search .panel-icon{
    vertical-align: top;
}
.panel-text{
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px 5px 6px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.menu-container .menu-row:last-child{
    border: none;
}
.opt-title{
    color: #FFFFFF;
}
.opt-subtitle{
    color: #5a7baf;
}
#menu-main .opt-subtitle{
    display: table-cell;
}
.input-text{
    border-bottom: 1px solid #303030;
}
.input-text.input-active{
    border-bottom: 1px solid  #1899fe;
}
input.searchfield{
    width: calc(100% - 30px);
    /*float: left;
    width: 100%;*/
    border: none;
    padding: 0;
    padding: 10px 7px 0 27px;
    color: #ffffff;
    font-size: 16px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 40px;
    background: #191919 url("../img/lupa_poisk.svg") no-repeat;
    background-size: 15px 15px;
    background-position-x: 6px;
    background-position-y: 23px;
    border-left: 6px solid transparent;
}

input.searchfield.input-changed{
    padding-left: 6px;
    background-image: none;
}

.btn-clear-input{
    background: #191919 url("../img/clear.svg") no-repeat;
    width: 30px;
    height: 40px;
    margin-top: 10px;
    float: right;
    /*display: none;*/
}

.input-active .btn-clear-input {
    background: #191919 url("../img/clear_white.svg") no-repeat !important;
}



/*цвет подписи поля поиска*/
input.searchfield::-webkit-input-placeholder {color:#808080 ;}
input.searchfield::-moz-placeholder          {color:#808080;}/* Firefox 19+ */
input.searchfield:-moz-placeholder           {color:#808080;}/* Firefox 18- */
input.searchfield:-ms-input-placeholder      {color:#808080;}/* oldIE ;) */

/*прозрачная подпись при выделении*/
/*input.searchfield:focus::-webkit-input-placeholder { color:transparent; }
input.searchfield:focus:-moz-placeholder { color:transparent; }
input.searchfield:focus::-moz-placeholder { color:transparent; }
input.searchfield:focus:-ms-input-placeholder { color:transparent; } */
.input-changed input.searchfield::-webkit-input-placeholder { color:transparent; }
.input-changed input.searchfield:-moz-placeholder { color:transparent; }
.input-changed input.searchfield::-moz-placeholder { color:transparent; }
.input-changed input.searchfield:-ms-input-placeholder { color:transparent; }

.menu-open{
    left: 0 !important;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: visible;
    transform: translate3d(0,0,0) !important;
    -moz-transform: translate3d(0,0,0) !important;
    -webkit-transform: translate3d(0,0,0) !important;
    -o-transform: translate3d(0,0,0) !important;

}

.btn-back{
    /*background-image: url("../img/sprites/sprite_menu.png");
     background-position: 0 0;*/
    background: url("../img/menu/menu-str.svg") no-repeat;
    width: 12px;
    height: 12px;
    margin: 0 12px;

}
.btn-back-cell{
    display: table-cell;
    vertical-align: middle;
}

.menu-units-row{
    width: 100%;
    display: table;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 50px;
}
.menu-units-row-inner{
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #303030;
    padding: 0 10px 0 12px;
}
.menu-units-row-inner .opt-title,
.menu-units-row-inner .opt-subtitle{
    font-size: 16px;
}
.menu-units-row-inner .opt-subtitle{
    color: #1899fe;
}

.menu-mobver-row{
    display: table;
    height: 50px;
    width: 100%;
    border-bottom: 1px solid #303030;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.menu-mobver-row label{
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 12px;
}
.label-mobver{
    color: #808080;
}
.label-mobver.selected{
    color: #1899fe;
}
.menu-mobver-inner .INPUT-radio-clone{
    float: right;
    margin-top: 4px;
}
#options-bg .INPUT-radio-clone{
    float: none;
}
.outside0
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 5;
    display: none;
    background-color: rgba(0,0,0,0.8);
}
#bg-out-2{
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 4;
    top:0;
}
.bg-outside{
    width: 0;
    height: 0;
    position: fixed;
    z-index: 99;
    display: none;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
}
.bg-outside-on{
    display: block;
    height: 100%;
    width: 100%;
}
.transparent{
    background-color: transparent;
}
.menu-btn-close{
    clear: both;
    float: right;
    display: block;
    position: absolute !important;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
    /*background: url("/img/icon_close.png") no-repeat center rgba(0, 0, 0, 0) !important;*/
    margin: 10px;
    cursor: pointer;
}

/*Результат живого поиска*/
.ac_results{
    background: #191919;
    overflow-y: auto;
    color: #FFFFFF;
    font-size: 15px;
    z-index: 1005;
    bottom:0;
    height: 100%;

}
.ac_results ul,
.ac_results ul>li{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.ac_results ul li{
    border-bottom: 1px solid  #303030 ;
}

.search-row{
    display: table-cell;
    padding: 5px 12px;
    width: 100%;
    height: 50px;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.modal{
    position: fixed;
    z-index: 104;
    margin: auto;
    background: #292929;
    display: none;
    width: 90%;
    max-height: 80vh;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 15px;
    overflow: auto;
}
.modal fieldset{
    display: table;
}
.modal fieldset, .modal legend{
    margin: 0;
    padding: 0;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.modal legend{
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    background: #464646;
}

.modal label{
    display: block;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #464646;
    padding: 0 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #808080;
}
.modal label.selected{
    color: #1899fe;
}
.modal .INPUT-radio-clone{
    margin-top: 17px;
}
.modal .btn-cancel{
    height: 50px;
    line-height: 50px;
}
.modal .btn-cancel.scroll-exist{
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
    -o-box-shadow:   0px 0px 50px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:   0px 0px 50px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:   0px 0px 50px rgba(0, 0, 0, 0.3);
}
.modal-labels{
    max-height: calc(80vh - 90px);
    overflow: auto;
}
.modal-open{
    display: block;
}
.close,
.modal-close{
    display: none;
}
.modal-outside{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 103;
    display: none;
    background-color: rgba(0,0,0,0.8);
}
.modal-outside-on{
    display: block;
}

.table-row{
    display: table-row;
}

.slider-btn{
    width: 20px;
    height: 25px;
    display: block;
}
#slider-container{
    /*overflow-x: scroll;*/
    white-space: nowrap;
    /*margin: 0 25px;*/
    font-size: 15px;
    overflow: hidden;
    /*width: calc(100vw - 55px);*/
}
#slider-btn-left{
    margin-right: 5px;
}

#slider-btn-right{
    margin-left: 5px;
}

.slide-div{
    /*display: none;*/
    display: inline-block;
    width: 100%;
    /*width: calc(100vw - 55px);*/
    white-space: normal;
    vertical-align: middle;
    /*-moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#arch-time-update{
    font-size: 13px;
    margin-bottom: 10px;
}
#dots{
    padding: 20px 0 10px 0;
}

.dot {
    cursor:pointer;
    height: 5px;
    width: 5px;
    margin: 0 2px;
    background: none;
    border-radius: 50%;
    border: 1px solid #5a7baf;
    display: inline-block;
}
.dot-active{
    background: #5a7baf;
}
#arch-slider-container{
    overflow: hidden;
}
#arch-slider-container .second-part,
#arch-slider-container .part-sea{
    display: block;
    padding-top: 7px;
}
#forecast-string, #arch-message{
    padding-bottom: 7px;
}

#arch-slider{
    width: 100%;
    border-spacing: 0;
}

#arch-slider td{
    border-spacing: 0;
    padding: 0;
}
#arch-slider>div{
    /*display: table-cell;*/
}
.slider-btn-container{
    width: 20px;
    vertical-align: top;
    /*padding-top: 60px !important;*/
}

#slider-values{
    width: 100%;
    text-align: center;
    font-size: 11px;
}

#slider-values td{
    vertical-align: top;
}

#slider-btn-container-left{
    margin-right: 5px;
}
#slider-btn-container-right{
    margin-left: 5px;
}
#btn-search{
    /*background: url("../img/search-b.png") no-repeat center;*/
    /*background: url("../img/poisk.svg");*/
    background-size: cover;
    width: 30px;
    height: 30px;
}


.copyright{
    font-size: 11px;
}
.ad_slot_mob{ width: 320px; height: 60px; display:block; margin: auto;}

main {padding-bottom: 145px; min-height: calc(100vh - 145px);}
#banner-bottom{max-width: 1200px; /*min-width: 250px; */}
#banner-bottom, #nav-panel-bottom{
    position: relative;
}
#nav-panel-bottom{
    z-index: 0;
}
#banner-bottom{
    z-index: 1;
}
/*объявления*/
#txtpost-hint-out{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
}
#txtpost-hint{
    font-family: roboto-regular;
    position: fixed;
    z-index: 101;
    background: #FFFFFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 15px;
    overflow: hidden;
    border-radius: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    -o-box-shadow:  0px 0px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:   0px 0px 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:   0px 0px 20px rgba(0, 0, 0, 0.2);
}
.txtpost-link{
    cursor: pointer;
}
#txtpost-hint .visited-list-inner{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#txtpost-hint a{
    text-decoration: none;
    color: #005eb5;
}
#txtpost-hint a:link, #txtpost-hint a:visited, #txtpost-hint a:hover, #txtpost-hint a:active{
    color: #005eb5;
}

#txtpost-hint .header{
    display: table;
    width: 100%;
    color: #000000;
    padding-left: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#txtpost-hint .title-cell, #txtpost-hint .btn-close-cell{
    display: table-cell;
    border: 0;
    padding: 0;
}
#txtpost-hint .title-cell{
    width: 100%;
    vertical-align: bottom;
    padding-bottom: 10px;
}
#txtpost-hint .btn-close-cell{
    width: 50px;
    height: 50px;
    vertical-align: middle;
}
#txtpost-hint .btn-close{
    width: 50px;
    height: 50px;
    background-image: url("../img/clear.svg");
    background-repeat: no-repeat;
    background-position: center;
}
#txtpost-hint .text{
    font-size: 14px;
    color: #2b2b2b;
    padding: 10px;
}
#txtpost-hint .contact{
    font-size: 14px;
    color: #005eb5;
    padding: 0 0 10px 10px;
    width: 100%;
}
#txtpost-hint .contact .cell{
    height: 30px;
    vertical-align: middle;
}


.txtpost-table{
    width: 100%;
    height: 60px;
    display: block;
}

.txtpost-arrow-cell{
    display: table-cell; vertical-align: top; width: 0; height: 50px;
}

.txtpost-arrow-circle{
    height: 38px;
    width: 38px;
    cursor: pointer;
    margin: 0 -20px;
    padding-top: 5px;
    -webkit-tap-highlight-color: transparent;
}
.txtpost-img-cell,
.txtpost-content-cell{
    display: block;
    height: 60px;
}
.txtpost-content-cell{
    vertical-align: middle;
}
.txtpost-img-cell{
    float: left;
    margin-right: 3px;
}

.txtpost-title-cell{
    padding-right: 20px;
    padding-left: 3px;
    text-align: left;
}

.txtpost-content-cell{
    text-align: left;
    padding-left: 3px;
}

.txtpost-title{
    display: block;
    font-size: 16px;
    font-family: roboto-regular;
}
.txtpost-text {
    font-size: 13px;
    font-family: roboto-regular;
}
.txtpost-contact
{
    font-size: 12px;
    font-family: roboto-regular;
}

.txtpost-contact,
.txtpost-text,
.txtpost-title
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tab-row{
    display: table-row;
}
/*
@supports (-webkit-line-clamp:2) {
    .txtpost-text {
        display:-webkit-box;
    }
    .txtpost-title{
        display:-webkit-inline-box;
    }
    .txtpost-title, .txtpost-text {
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        white-space:normal;
    }
    .txtpost-title, .txtpost-content, .txtpost-text{
        overflow: hidden;
    }
    .txtpost-title{
        max-height: 38px;
    }
}
*/

@media screen and (orientation:landscape) {

    @media (min-width:500px){
        main {padding-bottom: 95px;}
        #visited-list{top:58px;}
        #visited-list .list-row{ height:40px;}
        #banner-bottom{
            width: calc(100% - 300px);
            float: left;
        }
        #nav-panel-bottom {
            float: right;
            width: 300px;
        }
    }


    .ad_slot_mob{ width: 100%;}
    @media (min-width:768px){
        #banner-bottom {width: calc(100% - 360px);}
        #nav-panel-bottom{ width: 360px !important;}
    }
    @media (min-width:1024px){
        #banner-bottom {width: calc(100% - 400px);}
        #nav-panel-bottom{ width: 400px !important;}
    }

    #arch-time-update{margin-bottom: 5px}
    #dots{padding: 0 0 7px 0}
    #header-tab{padding: 5px 10px}

    #visited-list .list-item {padding: 0 5px 0 10px;}
    #point-name {white-space: nowrap}

    .ArchiveTemp, .FTempStr {display: table-cell; vertical-align: baseline; border-spacing: 0; margin-left: 10px}

    .ArchiveTemp{
        font-size: 65px;
        line-height: 65px;
    }

}
@media screen and (orientation:portrait) {
    /*main{margin-bottom: 100px;; min-height: calc(100vh - 160px);}*/
    #banner-bottom {display: block;}
    #nav-panel-bottom {float: none; width: 100%;}
    .coma_d{display: none}

    @supports (-webkit-line-clamp:2) {
        #point-name {
            display:-webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient:vertical;
            white-space:normal;
        }

    }
    .ad_slot_mob{width: 100%}

}
/*@media (min-width:1440px){
    .forecastTable{
        margin: auto;
    }
}*/

/*троеточие для сокращенных названий*/
.ellipsis{
    position: fixed;
    display: block;
    width: 15px;
    background: #0c2b5c;
}

/*спрайты*/
/*иконки меню*/
.menu-btn-back, .radio-off, .radio-on, .panel-icon-search, .panel-icon-units, .panel-icon-mobver, .panel-icon-language, .panel-icon-about, .panel-icon-bg, .panel-icon-fullver, .panel-icon-info, .panel-icon-mail { background-image: url("../img/sprites/sprite_menu.png"); text-align:center; display: block;}
.menu-btn-back {background-position: 0 0 ; width: 12px; height: 12px}
.radio-off {background-position: -17px 0 ; width: 15px; height: 15px}
.radio-on {background-position: -37px 0 ; width: 15px; height: 15px}
.panel-icon-search {background-position: -57px 0 ; width: 30px; height: 50px}
.panel-icon-units {background-position: -92px 0 ; width: 30px; height: 50px}
.panel-icon-mobver {background-position: -127px 0 ; width: 30px; height: 50px}
.panel-icon-language {background-position: -162px 0 ; width: 30px; height: 50px}
.panel-icon-about {background-position: -197px 0 ; width: 30px; height: 50px}
/*.panel-icon-bg {background-position: -232px 0 ; width: 30px; height: 50px}*/
.panel-icon-fullver {background-position: -267px 0 ; width: 30px; height: 50px}
.panel-icon-info {background-position: -302px 0 ; width: 30px; height: 50px}
.panel-icon-mail {background-position: -337px 0 ; width: 30px; height: 50px}

/*SVG*/
.panel-icon-bg, .panel-icon-search, .panel-icon-units, .panel-icon-mobver, .panel-icon-language, .panel-icon-about, .panel-icon-fullver, .panel-icon-info, .panel-icon-mail {
    background-position: center;
    background-size: contain;
    width: 30px; height: 50px;
}
.panel-icon-bg{
    background: no-repeat url("../img/menu/menu-fon.svg");
}
.panel-icon-search{
    background: no-repeat url("../img/menu/menu-lupa.svg");
}
.panel-icon-units{
    background: no-repeat url("../img/menu/menu-edinici.svg");
}
.panel-icon-mobver{
    background: no-repeat url("../img/menu/menu-diz.svg");
}
.panel-icon-language{
    background: no-repeat url("../img/menu/menu-lang.svg");
}
.panel-icon-about{
    background: no-repeat url("../img/menu/menu-about.svg");
}
.panel-icon-fullver{
    background: no-repeat url("../img/menu/menu-full.svg");
}
.panel-icon-info{
    background: no-repeat url("../img/menu/menu-T.svg");
}
.panel-icon-mail{
    background: no-repeat url("../img/menu/menu-mail.svg");
}
.panel-icon-archive{
    background: no-repeat url("../img/menu/menu-archive.svg");
    width: 30px; height: 50px
}.panel-icon-addTxt{
    background: no-repeat url("../img/menu/menu-addTxt.svg");
    width: 30px; height: 50px
}

/*текущие наблюдения*/

.blizzard, .day-1, .day-2, .day-3, .day-4,
.day-5, .drop, .fog-1, .fog-2, .night-1,
.night-2, .night-3, .night-4, .night-5, .press-1,
.press-2, .press-3, .press-4, .press-5, .rain-snow-1,
.rain-snow-2, .rain-snow-3, .rain-1, .rain-2, .rain-3,
.rain-4, .snow-1, .snow-2, .snow-3, .storm,
.wind-01, .wind-02, .wind-03, .wind-04, .wind-05,
.wind-06, .wind-07, .wind-08, .wind-09, .wind-10,
.wind-11, .wind-12, .wind-13, .wind-14, .wind-15,
.wind-16, .wind-17, .wind-18
{ display: inline-block; background: url('../img/sprites/weather_now.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }

.blizzard { background-position: -0px -0px; width: 50px; height: 50px; }
.day-1 { background-position: -50px -0px; width: 50px; height: 50px; }
.day-2 { background-position: -100px -0px; width: 50px; height: 50px; }
.day-3 { background-position: -150px -0px; width: 50px; height: 50px; }
.day-4 { background-position: -200px -0px; width: 50px; height: 50px; }
.day-5 { background-position: -250px -0px; width: 50px; height: 50px; }
.drop { background-position: -0px -50px; width: 50px; height: 50px; }
.fog-1 { background-position: -50px -50px; width: 50px; height: 50px; }
.fog-2 { background-position: -100px -50px; width: 50px; height: 50px; }
.night-1 { background-position: -150px -50px; width: 50px; height: 50px; }
.night-2 { background-position: -200px -50px; width: 50px; height: 50px; }
.night-3 { background-position: -250px -50px; width: 50px; height: 50px; }
.night-4 { background-position: -0px -100px; width: 50px; height: 50px; }
.night-5 { background-position: -50px -100px; width: 50px; height: 50px; }
.press-1 { background-position: -100px -100px; width: 50px; height: 50px; }
.press-2 { background-position: -150px -100px; width: 50px; height: 50px; }
.press-3 { background-position: -200px -100px; width: 50px; height: 50px; }
.press-4 { background-position: -250px -100px; width: 50px; height: 50px; }
.press-5 { background-position: -0px -150px; width: 50px; height: 50px; }
.rain-snow-1 { background-position: -50px -150px; width: 50px; height: 50px; }
.rain-snow-2 { background-position: -100px -150px; width: 50px; height: 50px; }
.rain-snow-3 { background-position: -150px -150px; width: 50px; height: 50px; }
.rain-1 { background-position: -200px -150px; width: 50px; height: 50px; }
.rain-2 { background-position: -250px -150px; width: 50px; height: 50px; }
.rain-3 { background-position: -0px -200px; width: 50px; height: 50px; }
.rain-4 { background-position: -50px -200px; width: 50px; height: 50px; }
.snow-1 { background-position: -100px -200px; width: 50px; height: 50px; }
.snow-2 { background-position: -150px -200px; width: 50px; height: 50px; }
.snow-3 { background-position: -200px -200px; width: 50px; height: 50px; }
.storm { background-position: -250px -200px; width: 50px; height: 50px; }
.wind-01 { background-position: -0px -250px; width: 50px; height: 50px; }
.wind-02 { background-position: -50px -250px; width: 50px; height: 50px; }
.wind-03 { background-position: -100px -250px; width: 50px; height: 50px; }
.wind-04 { background-position: -150px -250px; width: 50px; height: 50px; }
.wind-05 { background-position: -200px -250px; width: 50px; height: 50px; }
.wind-06 { background-position: -250px -250px; width: 50px; height: 50px; }
.wind-07 { background-position: -0px -300px; width: 50px; height: 50px; }
.wind-08 { background-position: -50px -300px; width: 50px; height: 50px; }
.wind-09 { background-position: -100px -300px; width: 50px; height: 50px; }
.wind-10 { background-position: -150px -300px; width: 50px; height: 50px; }
.wind-11 { background-position: -200px -300px; width: 50px; height: 50px; }
.wind-12 { background-position: -250px -300px; width: 50px; height: 50px; }
.wind-13 { background-position: -0px -350px; width: 50px; height: 50px; }
.wind-14 { background-position: -50px -350px; width: 50px; height: 50px; }
.wind-15 { background-position: -100px -350px; width: 50px; height: 50px; }
.wind-16 { background-position: -150px -350px; width: 50px; height: 50px; }
.wind-17 { background-position: -200px -350px; width: 50px; height: 50px; }
.wind-18 { background-position: -250px -350px; width: 50px; height: 50px; }


/*прогнозы*/
/*без осадков*/
.wp_0 {display: block; background: none; width: 24px; height: 28px}


/*обложные*/
.wp_o1d10d, .wp_o1d10d_left, .wp_o1d1d_left, .wp_o1d1d, .wp_o1d2d_left,
.wp_o1d2d, .wp_o1d3d, .wp_o1d3d_left, .wp_o1d4d, .wp_o1d4d_left,
.wp_o1d5d, .wp_o1d5d_left, .wp_o1d6d, .wp_o1d6d_left, .wp_o1d7d,
.wp_o1d7d_left, .wp_o1d8d, .wp_o1d8d_left, .wp_o1d9d, .wp_o1d9d_left,
.wp_o3d10d, .wp_o3d10d_left, .wp_o3d1d_left, .wp_o3d1d, .wp_o3d2d_left,
.wp_o3d2d, .wp_o3d3d, .wp_o3d3d_left, .wp_o3d4d, .wp_o3d4d_left,
.wp_o3d5d, .wp_o3d5d_left, .wp_o3d6d, .wp_o3d6d_left, .wp_o3d7d,
.wp_o3d7d_left, .wp_o3d8d, .wp_o3d8d_left, .wp_o3d9d, .wp_o3d9d_left
{ background-image: url("../img/sprites/sprite_wp_pr_dyn_2.png"); text-align:center; display: block;}

.wp_o1d10d { background-position: -0px -0px; width: 24px; height: 36px; }
.wp_o1d10d_left { background-position: -24px -0px; width: 24px; height: 36px; }
.wp_o1d1d_left { background-position: -48px -0px; width: 24px; height: 36px; }
.wp_o1d1d { background-position: -72px -0px; width: 24px; height: 36px; }
.wp_o1d2d_left { background-position: -96px -0px; width: 24px; height: 36px; }
.wp_o1d2d { background-position: -120px -0px; width: 24px; height: 36px; }
.wp_o1d3d { background-position: -0px -36px; width: 24px; height: 36px; }
.wp_o1d3d_left { background-position: -24px -36px; width: 24px; height: 36px; }
.wp_o1d4d { background-position: -48px -36px; width: 24px; height: 36px; }
.wp_o1d4d_left { background-position: -72px -36px; width: 24px; height: 36px; }
.wp_o1d5d { background-position: -96px -36px; width: 24px; height: 36px; }
.wp_o1d5d_left { background-position: -120px -36px; width: 24px; height: 36px; }
.wp_o1d6d { background-position: -0px -72px; width: 24px; height: 36px; }
.wp_o1d6d_left { background-position: -24px -72px; width: 24px; height: 36px; }
.wp_o1d7d { background-position: -48px -72px; width: 24px; height: 36px; }
.wp_o1d7d_left { background-position: -72px -72px; width: 24px; height: 36px; }
.wp_o1d8d { background-position: -96px -72px; width: 24px; height: 36px; }
.wp_o1d8d_left { background-position: -120px -72px; width: 24px; height: 36px; }
.wp_o1d9d { background-position: -0px -108px; width: 24px; height: 36px; }
.wp_o1d9d_left { background-position: -24px -108px; width: 24px; height: 36px; }
.wp_o3d10d { background-position: -48px -108px; width: 24px; height: 36px; }
.wp_o3d10d_left { background-position: -72px -108px; width: 24px; height: 36px; }
.wp_o3d1d_left { background-position: -96px -108px; width: 24px; height: 36px; }
.wp_o3d1d { background-position: -120px -108px; width: 24px; height: 36px; }
.wp_o3d2d_left { background-position: -0px -144px; width: 24px; height: 36px; }
.wp_o3d2d { background-position: -24px -144px; width: 24px; height: 36px; }
.wp_o3d3d { background-position: -48px -144px; width: 24px; height: 36px; }
.wp_o3d3d_left { background-position: -72px -144px; width: 24px; height: 36px; }
.wp_o3d4d { background-position: -96px -144px; width: 24px; height: 36px; }
.wp_o3d4d_left { background-position: -120px -144px; width: 24px; height: 36px; }
.wp_o3d5d { background-position: -0px -180px; width: 24px; height: 36px; }
.wp_o3d5d_left { background-position: -24px -180px; width: 24px; height: 36px; }
.wp_o3d6d { background-position: -48px -180px; width: 24px; height: 36px; }
.wp_o3d6d_left { background-position: -72px -180px; width: 24px; height: 36px; }
.wp_o3d7d { background-position: -96px -180px; width: 24px; height: 36px; }
.wp_o3d7d_left { background-position: -120px -180px; width: 24px; height: 36px; }
.wp_o3d8d { background-position: -0px -216px; width: 24px; height: 36px; }
.wp_o3d8d_left { background-position: -24px -216px; width: 24px; height: 36px; }
.wp_o3d9d { background-position: -48px -216px; width: 24px; height: 36px; }
.wp_o3d9d_left { background-position: -72px -216px; width: 24px; height: 36px; }

/*без осадков*/
.wp_0_left{display: block; width: 24px; height: 28px; background: none;}

/*ливневые осадки*/
.wp_o3d1, .wp_o2d9_left, .wp_o3d10, .wp_o3d10_left, .wp_o3d2, .wp_o3d1_left, .wp_o2d9, .wp_o2d8_left, .wp_o2d6, .wp_o2d5_left, .wp_o2d6_left, .wp_o2d7, .wp_o2d8, .wp_o2d7_left, .wp_o3d2_left, .wp_o3d3, .wp_o3d7_left, .wp_o3d7, .wp_o3d8, .wp_o3d8_left, .wp_o3d9_left, .wp_o3d9, .wp_o3d6_left, .wp_o3d6, .wp_o3d4, .wp_o3d3_left, .wp_o3d4_left, .wp_o3d5, .wp_o3d5_left, .wp_o2d5, .wp_o2d4_left, .wp_o1d4_left, .wp_o1d4, .wp_o1d5, .wp_o1d5_left, .wp_o1d6_left, .wp_o1d6, .wp_o1d3_left, .wp_o1d3, .wp_o1d10_left, .wp_o1d10, .wp_o1d1_left, .wp_o1d2, .wp_o1d2_left, .wp_o1d7, .wp_o1d7_left, .wp_o2d2, .wp_o2d1_left, .wp_o2d2_left, .wp_o2d3, .wp_o2d4, .wp_o2d3_left, .wp_o2d10_left, .wp_o2d10, .wp_o1d8_left, .wp_o1d8, .wp_o1d9, .wp_o1d9_left, .wp_o2d1, .wp_o1d1 { background-image: url("../img/sprites/sprite_wp_pr_conv_1.png"); text-align:center; display: block;}
.wp_o3d1 {background-position: 0 0 ; width: 24px; height: 36px}
.wp_o2d9_left {background-position: -29px 0 ; width: 24px; height: 36px}
.wp_o3d10 {background-position: -58px 0 ; width: 24px; height: 36px}
.wp_o3d10_left {background-position: -87px 0 ; width: 24px; height: 36px}
.wp_o3d2 {background-position: -116px 0 ; width: 24px; height: 36px}
.wp_o3d1_left {background-position: -145px 0 ; width: 24px; height: 36px}
.wp_o2d9 {background-position: -174px 0 ; width: 24px; height: 36px}
.wp_o2d8_left {background-position: -203px 0 ; width: 24px; height: 36px}
.wp_o2d6 {background-position: -232px 0 ; width: 24px; height: 36px}
.wp_o2d5_left {background-position: -261px 0 ; width: 24px; height: 36px}
.wp_o2d6_left {background-position: -290px 0 ; width: 24px; height: 36px}
.wp_o2d7 {background-position: -319px 0 ; width: 24px; height: 36px}
.wp_o2d8 {background-position: -5px -41px ; width: 24px; height: 36px}
.wp_o2d7_left {background-position: -34px -41px ; width: 24px; height: 36px}
.wp_o3d2_left {background-position: -63px -41px ; width: 24px; height: 36px}
.wp_o3d3 {background-position: -92px -41px ; width: 24px; height: 36px}
.wp_o3d7_left {background-position: -121px -41px ; width: 24px; height: 36px}
.wp_o3d7 {background-position: -150px -41px ; width: 24px; height: 36px}
.wp_o3d8 {background-position: -179px -41px ; width: 24px; height: 36px}
.wp_o3d8_left {background-position: -208px -41px ; width: 24px; height: 36px}
.wp_o3d9_left {background-position: -237px -41px ; width: 24px; height: 36px}
.wp_o3d9 {background-position: -266px -41px ; width: 24px; height: 36px}
.wp_o3d6_left {background-position: -295px -41px ; width: 24px; height: 36px}
.wp_o3d6 {background-position: -324px -41px ; width: 24px; height: 36px}
.wp_o3d4 {background-position: -5px -82px ; width: 24px; height: 36px}
.wp_o3d3_left {background-position: -34px -82px ; width: 24px; height: 36px}
.wp_o3d4_left {background-position: -63px -82px ; width: 24px; height: 36px}
.wp_o3d5 {background-position: -92px -82px ; width: 24px; height: 36px}
.wp_o3d5_left {background-position: -121px -82px ; width: 24px; height: 36px}
.wp_o2d5 {background-position: -150px -82px ; width: 24px; height: 36px}
.wp_o2d4_left {background-position: -179px -82px ; width: 24px; height: 36px}
.wp_o1d4_left {background-position: -208px -82px ; width: 24px; height: 36px}
.wp_o1d4 {background-position: -237px -82px ; width: 24px; height: 36px}
.wp_o1d5 {background-position: -266px -82px ; width: 24px; height: 36px}
.wp_o1d5_left {background-position: -295px -82px ; width: 24px; height: 36px}
.wp_o1d6_left {background-position: -324px -82px ; width: 24px; height: 36px}
.wp_o1d6 {background-position: -5px -123px ; width: 24px; height: 36px}
.wp_o1d3_left {background-position: -34px -123px ; width: 24px; height: 36px}
.wp_o1d3 {background-position: -63px -123px ; width: 24px; height: 36px}
.wp_o1d10_left {background-position: -92px -123px ; width: 24px; height: 36px}
.wp_o1d10 {background-position: -121px -123px ; width: 24px; height: 36px}
.wp_o1d1_left {background-position: -150px -123px ; width: 24px; height: 36px}
.wp_o1d2 {background-position: -179px -123px ; width: 24px; height: 36px}
.wp_o1d2_left {background-position: -208px -123px ; width: 24px; height: 36px}
.wp_o1d7 {background-position: -237px -123px ; width: 24px; height: 36px}
.wp_o1d7_left {background-position: -266px -123px ; width: 24px; height: 36px}
.wp_o2d2 {background-position: -295px -123px ; width: 24px; height: 36px}
.wp_o2d1_left {background-position: -324px -123px ; width: 24px; height: 36px}
.wp_o2d2_left {background-position: -5px -164px ; width: 24px; height: 36px}
.wp_o2d3 {background-position: -34px -164px ; width: 24px; height: 36px}
.wp_o2d4 {background-position: -63px -164px ; width: 24px; height: 36px}
.wp_o2d3_left {background-position: -92px -164px ; width: 24px; height: 36px}
.wp_o2d10_left {background-position: -121px -164px ; width: 24px; height: 36px}
.wp_o2d10 {background-position: -150px -164px ; width: 24px; height: 36px}
.wp_o1d8_left {background-position: -179px -164px ; width: 24px; height: 36px}
.wp_o1d8 {background-position: -208px -164px ; width: 24px; height: 36px}
.wp_o1d9 {background-position: -237px -164px ; width: 24px; height: 36px}
.wp_o1d9_left {background-position: -266px -164px ; width: 24px; height: 36px}
.wp_o2d1 {background-position: -295px -164px ; width: 24px; height: 36px}
.wp_o1d1 {background-position: -324px -164px ; width: 24px; height: 36px}

/*обложные опасные*/
.wp_o3d9d_strong, .wp_o3d10d_strong, .wp_o1d9d_strong, .wp_o1d10d_strong { background-image: url("../img/sprites/sprite_wp_pr_dyn_strong_2.png"); text-align:center; display: block;}
.wp_o1d10d_strong { background-position: -0px -0px; width: 24px; height: 36px; }
.wp_o1d9d_strong { background-position: -24px -0px; width: 24px; height: 36px; }
.wp_o3d10d_strong { background-position: -0px -36px; width: 24px; height: 36px; }
.wp_o3d9d_strong { background-position: -24px -36px; width: 24px; height: 36px; }

/*ливневые опасные*/
.wp_o3d9_strong, .wp_o3d10_strong, .wp_o1d9_strong, .wp_o1d10_strong { background-image: url("../img/sprites/sprite_wp_pr_conv_strong_1.png"); text-align:center; display: block;}
.wp_o3d9_strong {background-position: 0 0 ; width: 24px; height: 36px}
.wp_o3d10_strong {background-position: -29px 0 ; width: 24px; height: 36px}
.wp_o1d9_strong {background-position: -58px 0 ; width: 24px; height: 36px}
.wp_o1d10_strong {background-position: -87px 0 ; width: 24px; height: 36px}

/*дождь со снегом опасные*/
.wp_o2d9_strong, .wp_o2d10_strong { background-image: url("../img/sprites/sprite_wp_pr_mix_strong_1.png"); text-align:center; display:  block; border: 1px solid #000000}
.wp_o2d9_strong {background-position: 0 0 ; width: 24px; height: 36px}
.wp_o2d10_strong {background-position: -29px 0 ; width: 24px; height: 36px}

/*замерзающий дождь*/
.wp_o4d6_danger, .wp_o4d7_danger, .wp_o4d8_danger, .wp_o4d9_danger, .wp_o4d5_danger, .wp_o4d4_danger, .wp_o4d1_danger, .wp_o4d2_danger, .wp_o4d3_danger, .wp_o4d10_danger { background-image: url("../img/sprites/sprite_wp_danger_1.png"); text-align:center; display: block;}
.wp_o4d6_danger {background-position: 0 0 ; width: 24px; height: 36px}
.wp_o4d7_danger {background-position: -29px 0 ; width: 24px; height: 36px}
.wp_o4d8_danger {background-position: -58px 0 ; width: 24px; height: 36px}
.wp_o4d9_danger {background-position: -87px 0 ; width: 24px; height: 36px}
.wp_o4d5_danger {background-position: -116px 0 ; width: 24px; height: 36px}
.wp_o4d4_danger {background-position: -145px 0 ; width: 24px; height: 36px}
.wp_o4d1_danger {background-position: -174px 0 ; width: 24px; height: 36px}
.wp_o4d2_danger {background-position: -203px 0 ; width: 24px; height: 36px}
.wp_o4d3_danger {background-position: -232px 0 ; width: 24px; height: 36px}
.wp_o4d10_danger {background-position: -261px 0 ; width: 24px; height: 36px}

/*фракции*/
.wp_fog_danger, .wp_fog, .wp_haze { background-image: url("../img/sprites/sprite_wp_fr_mob.png"); text-align:center; display: block; margin: auto}
.wp_fog_old {background-position: 0 0 ; width: 35px; height: 22px}
.wp_haze_old {background-position: -36px 0 ; width: 35px; height: 22px}
.wp_fog_danger_old {background-position: -72px 2px ; width: 35px; height: 22px}
.wp_fog, .wp_fog_danger { background-position: 0px 0px; width: 48px; line-height: 33px; margin-bottom: -6px;}
.wp_fog_danger {color: #00ccff;}
/*.wp_fog_danger { background-position: 0px -33px; width: 48px; line-height: 33px; margin-bottom: -6px; } */

/*новые иконки облачности*/
/*.cd0, .cd1, .cd2, .cd3, .cd4, .cd5, .cd6, .cd7, .cn0, .cn1, .cn2, .cn3, .cn4, .cn5, .cn6, .cn7{display: inline-block; overflow: hidden; background-repeat: no-repeat; width:40px; height: 33px }

.cd0{
    background: url('../img/clouds/day/1.png');
}
.cd1{
    background: url('../img/clouds/day/2.png');
}
.cd2{
    background: url('../img/clouds/day/3.png');
}
.cd3{
    background: url('../img/clouds/day/4.png');
}
.cd4{
    background: url('../img/clouds/day/5.png');
}
.cd5{
    background: url('../img/clouds/day/6.png');
}
.cd6{
    background: url('../img/clouds/day/7.png');
}
.cd7{
    background: url('../img/clouds/day/8.png');
}

.cn0{
    background: url('../img/clouds/night/1.png');
}
.cn1{
    background: url('../img/clouds/night/2.png');
}
.cn2{
    background: url('../img/clouds/night/3.png');
}
.cn3{
    background: url('../img/clouds/night/4.png');
}
.cn4{
    background: url('../img/clouds/night/5.png');
}
.cn5{
    background: url('../img/clouds/night/6.png');
}
.cn6{
    background: url('../img/clouds/night/7.png');
}
.cn7{
    background: url('../img/clouds/night/8.png');
}*/

.cn3, .cn2, .cn1, .cn4, .cn5, .cn7, .cn6, .cn0, .cd7, .cd2, .cd1, .cd3, .cd4, .cd6, .cd5, .cd0 { background-image: url("../img/sprites/sprite_clouds.png"); text-align:center; display: block; margin: auto;}
.cn3 {background-position: 0 0 ; width: 40px; height: 33px}
.cn2 {background-position: -45px 0 ; width: 40px; height: 33px}
.cn1 {background-position: -90px 0 ; width: 40px; height: 33px}
.cn4 {background-position: -135px 0 ; width: 40px; height: 33px}
.cn5 {background-position: -180px 0 ; width: 40px; height: 33px}
.cn7 {background-position: -225px 0 ; width: 40px; height: 33px}
.cn6 {background-position: -270px 0 ; width: 40px; height: 33px}
.cn0 {background-position: -315px 0 ; width: 40px; height: 33px}
.cd7 {background-position: -5px -38px ; width: 40px; height: 33px}
.cd2 {background-position: -50px -38px ; width: 40px; height: 33px}
.cd1 {background-position: -95px -38px ; width: 40px; height: 33px}
.cd3 {background-position: -140px -38px ; width: 40px; height: 33px}
.cd4 {background-position: -185px -38px ; width: 40px; height: 33px}
.cd6 {background-position: -230px -38px ; width: 40px; height: 33px}
.cd5 {background-position: -275px -38px ; width: 40px; height: 33px}
.cd0 {background-position: -320px -38px ; width: 40px; height: 33px}

/*флаги для языков*/
.be, .cn, .en, .fr, .de,
.hi, .il, .ko, .lv, .pt,
.ro, .ru, .ar, .es, .tr,
.ua
{ display: block; background: url('../img/sprites/flag.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; margin-left:10px; margin-right: 8px; }

.be { background-position: -0px -0px; width: 18px; height: 12px; }
.cn { background-position: -18px -0px; width: 18px; height: 12px; }
.en { background-position: -36px -0px; width: 18px; height: 12px; }
.fr { background-position: -54px -0px; width: 18px; height: 12px; }
.de { background-position: -0px -12px; width: 18px; height: 12px; }
.hi { background-position: -18px -12px; width: 18px; height: 12px; }
.il { background-position: -36px -12px; width: 18px; height: 12px; }
.ko { background-position: -54px -12px; width: 18px; height: 12px; }
.lv { background-position: -0px -24px; width: 18px; height: 12px; }
.pt { background-position: -18px -24px; width: 18px; height: 12px; }
.ro { background-position: -36px -24px; width: 18px; height: 12px; }
.ru { background-position: -54px -24px; width: 18px; height: 12px; }
.ar { background-position: -0px -36px; width: 18px; height: 12px; }
.es { background-position: -18px -36px; width: 18px; height: 12px; }
.tr { background-position: -36px -36px; width: 18px; height: 12px; }
.ua { background-position: -54px -36px; width: 18px; height: 12px; }

#options-lang table{
    width: 100%;
}
#options-lang table td{
    padding: 0;
}
#options-lang .tab-lang td{
    height: 45px;
    border-bottom: 1px solid  #303030;
}
.lang-cell{
    width: 50%;
}
#options-lang .tab-lang-row td{
    border-bottom: none;
}
#options-lang .tab-lang tr td:first-child .tab-lang-row td:last-child{
    border-right: 1px solid  #303030;
}
#options-lang .tab-lang-row  td:first-child{
    width: 36px;
}
#options-lang tr{

}

#debug{
    position: fixed;
    top:0;
    left: 0;
    opacity: 0.5;
    background: green;
    color: #000000;
    font-size: 12px;
    z-index: 10000;
}

/**/
header svg .cls-1, .call-menu .cls-1{
    fill: #5a7baf;
}
.slider-btn-container .cls-1{
    fill: none;
    stroke: #5a7baf;
}
.slider-btn-container.not-active svg{
    display: none;
}
.slider-btn-container.not-active{
    background: none;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    pointer-events: none;
}
.lang-flags{
    width: 13px;
    height: 9px;
    display: table-cell;
}
.visited-list-static .list-row {
    border-bottom: 1px solid #303030;
    display: table;
    width: 100%;
}
.visited-list-static .list-item{
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    cursor: pointer;
    padding: 0 12px;
    font-size: 16px;
}
#point-finded a{
    color: #808080;
}
.visited-list-static .list-item a{
    color: #FFFFFF;
}
.hidden{
    display: none;
    visibility: hidden;
}

.menu-mobver-row:active,
.menu-units-row:active,
.btn-cancel:active,
.label-row:active,
.bg-type-option:active,
.menu-row:active,
.menu-header:active,
a.lang-button:active,
#bg-option-images-container .bg-image:active{
    background-color: rgba(255, 255, 255, 0.1);
}
#btn-search:active,
.bottom-button:active
{
    background-color: rgba(0, 75, 145, 0.5);
}
#visited-list .list-row:active{
    background: rgba(0, 0, 0, 0.1);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#slider-bg{
    display: none;
}

/*для нижних границ в таблице*/
/*.forecastTable tr.bottom-border td,
.forecastTable .precipitation-row .title{
    border-bottom: 1px solid rgba(90, 123, 175, 0.2);
}
.temperature-row td,
.feel-temp-row td,
.pressure-row td,
.humidity-row td {
    padding-bottom: 0; padding-top: 0; line-height: 30px;
}*/
.forecast-link{
    text-decoration: underline;
    color: #5a7baf;
    cursor: pointer;
}
#background-header{
    display: none;
}
.info-hint{
    padding-bottom: 15px;
}

#info-new-ver{
    right: 10px;
    left: auto;
}

.info-dialog{
    max-width: 300px;
    display: none;
    position: fixed;
    z-index: 1002;
    background-color: #969caf;
    color: #000000;
    border-radius: 2px;
    margin: 0 auto;
    background-color: #FFFFFF;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.info-header{
    width: 100%;
    height: 40px;
}
.info-rp5-logo{
    /*background-image: url("../../img/logo.png");*/
    background-size: cover;
    background-repeat: no-repeat;
    width: 45px;
    height: 32px;
    margin: 5px 0 0 5px;
    float: left;
}
.info-btn-close{
    background-image: url("../img/clear.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 40px;
    float: right;
    margin: 0 5px 0 0;
    cursor: pointer;
}
.info-txt1{
    padding: 13px 15px 0px 15px;
    font-size: 16px;
    color: #000000;
}
.info-hint .info-txt1{
    padding-bottom: 15px;
}
.info-txt2{
    padding: 8px 15px 12px 15px;
    font-size: 14px;
    color: #505050;

}
#what-new{
    color: #005eb5;
    font-size: 16px;
    padding: 8px 15px 8px 15px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.link-right{
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
}

.info-btn-row{
    display: block;
    height: 35px;
    margin-left: 15px;
    margin-right: 15px;
}
.info-btn{
    display: block;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#info-skip{
    text-decoration: underline;
    color: #505050;
    padding: 8px 15px 8px 15px;
    text-align: left;
}
#info-next{
    background-color: #005eb5;
    color: #ffffff ;
    padding: 8px 16px 8px 16px;
    border-radius: 1px;
}
.inv-btn-row{
    margin-right: 15px;
}
.inv-btn-cell-1, .inv-btn-cell-2{
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.inv-btn-cell-1{
    float: left;
    padding-right: 5px;
}
.inv-btn-cell-2{
    float: right;
    padding-left: 5px;
}

#info-link{
    background: #005eb5;
    font-size: 16px;
    color: #ffffff;
}
#info-later{
    background-color: #dddddd;
    font-size: 16px;
    color: #505050;
}
/*искусственная стрелка после блока*/
.info-dialog:after{
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
}
#info-new-ver:after{
    border-top: 10px solid #FFFFFF;
    margin-top: -2px;
    right: 0;
    left: auto;
    bottom: -18px;
}
#info-hint1:after {
    border-top: 10px solid #FFFFFF;
    margin-top: -2px;
    right: calc(50% - 10px);
    left: auto;
    bottom: -18px;
}
#info-hint2:after{
    border-bottom: 10px solid #FFFFFF;
    margin-bottom: -2px;
    right: 5px;
    left: auto;
    top: -18px;
}
#info-hint4:after{
    border-bottom: 10px solid #FFFFFF;
    margin-bottom: -2px;
    right: auto;
    left: 50px;
    top: -18px;
}

@media screen and (orientation:landscape) {
    .info-dialog{
        max-width: 500px;
    }
}
.clear
{
    clear: both;
}

.boxBorder
{
    border: 1px solid var(--color-txt2);
    border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.boxBorder0{
    border: 1px solid #5a7baf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.noBorderL
{
    border-left: none !important;
}
.noBorderR
{
    border-right: none !important;
}

.tabBorder
{
    border: 1px solid var(--color-border1);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-collapse: collapse;
}

.dropdown
{
    background-image: url("../img/str-open.svg");
    background-size: 22px;
    background-position-x: 99%;
    background-position-y: center;
    background-repeat: no-repeat;
    background-color: inherit;
    text-align: left;
    padding: 0 22px 0 8px;
}
.dropdown-small
{
    background-image: url("../img/str-open.svg");
    background-size: 22px;
    background-position-x: 99%;
    background-position-y: center;
    background-repeat: no-repeat;
    background-color: inherit;
    text-align: left;
}

.dropdown-inner
{
    padding-right: 22px;
    width: inherit;
}

.simple-list-row
{
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 50px;
    padding: 0 10px 0 12px;
}

.tab-cell-100
{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
.tab-cell
{
    width: auto;
    display: table-cell;
    vertical-align: middle;
}

.modal-title
{
    height: 40px;
    /*line-height: 40px;*/
    padding: 0 12px;
    background: #464646;
    margin: 0;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    width: 100vw;
    max-width: inherit;
}

.link
{
    cursor: pointer;
    text-decoration: none;
}

#modal-sensors .btn-cancel,
#modal-sensorsWMO .btn-cancel
{
    border-top: 1px solid #494949
}

.menu-td
{
    border-bottom: 1px solid #464646;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 10px 0 12px;
}

.menu-tr
{
    height: 50px;
}

.menu-tr:last-child > .menu-td
{
    border: none;
}

#str-back
{
    display: block;
    background-image: url("../img/str-back-white.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 10px;
}
#banner-back
{
    display: none;
}
.banner-back
{
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: white;
    color: black;
}
.banner-front
{
    position: relative;
    z-index: 1;
}
.banner-height {
    min-height: 60px;
    max-height: 200px;
    height: calc(100vh - 610px);
}
.banner-ya-height {
    min-height: 60px;
    max-height: 250px;
    height: calc(100vh - 660px);
}

#invite-text{
    text-align: center;
    color: white;
    font-size: 16px;
    background: #0c2b5c;
    border-radius: 50px;
    height: 30px;
    line-height: 30px;
    width: 250px;
    margin: 0 auto;
}

#invite-placeimg
{
    min-height: 56px;
    max-height: 198px;
    min-width: 56px;
    max-width: 198px;
    width: calc(100vh - 612px);
    height: calc(100vh - 612px);
    background: no-repeat url('/mobile/img/invite-img.jpg');
    background-size: contain;
    margin: 1px;
}
#invite-placetext{
    width: auto;
    margin: 0 auto;
    max-width: 268px;
    text-align: left;
}

/*noinspection CssInvalidPropertyValue*/
.sticky {
    width: fit-content;
    position:sticky;
    /*noinspection CssInvalidPropertyValue*/
    position:-webkit-sticky;
    /*noinspection CssInvalidPropertyValue*/
    position:-o-sticky;
    /*noinspection CssInvalidPropertyValue*/
    position:-moz-sticky;
    left: 0px;
    webkit-font-smoothing: antialiased;
}

/*
 * явления погоды
 */
.freez-01, .freez-02, .freez-03, .rain-01, .rain-02,
.rain-03, .rain-snow-01, .rain-snow-02, .rain-snow-03, .snow-01,
.snow-02, .snow-03, .snow-rain-01, .snow-rain-02, .snow-rain-03 {
    margin-left: -27px;
    background-image: url("../img/sprites/sprite-rain-snow.png");
}
.freez-01 { background-position: -0px -0px; width: 48px; height: 36px; }
.freez-02 { background-position: -48px -0px; width: 48px; height: 36px; }
.freez-03 { background-position: -96px -0px; width: 48px; height: 36px; }
.rain-01 { background-position: -0px -36px; width: 48px; height: 36px; }
.rain-02 { background-position: -48px -36px; width: 48px; height: 36px; }
.rain-03 { background-position: -96px -36px; width: 48px; height: 36px; }
.rain-snow-01 { background-position: -0px -72px; width: 48px; height: 36px; }
.rain-snow-02 { background-position: -48px -72px; width: 48px; height: 36px; }
.rain-snow-03 { background-position: -96px -72px; width: 48px; height: 36px; }
.snow-01 { background-position: -0px -108px; width: 48px; height: 36px; }
.snow-02 { background-position: -48px -108px; width: 48px; height: 36px; }
.snow-03 { background-position: -96px -108px; width: 48px; height: 36px; }
.snow-rain-01 { background-position: -0px -144px; width: 48px; height: 36px; }
.snow-rain-02 { background-position: -48px -144px; width: 48px; height: 36px; }
.snow-rain-03 { background-position: -96px -144px; width: 48px; height: 36px; }

.hf-freez-01, .hf-freez-02, .hf-freez-03, .hf-rain-01, .hf-rain-02,
.hf-rain-03, .hf-rain-snow-01, .hf-rain-snow-02, .hf-rain-snow-03, .hf-snow-01,
.hf-snow-02, .hf-snow-03, .hf-snow-rain-01, .hf-snow-rain-02, .hf-snow-rain-03 {
    background: url("../img/sprites/sprite-half-rain-snow.png");
}
.hf-freez-01 { background-position: -0px -0px; width: 24px; height: 36px; }
.hf-freez-02 { background-position: -24px -0px; width: 24px; height: 36px; }
.hf-freez-03 { background-position: -48px -0px; width: 24px; height: 36px; }
.hf-rain-01 { background-position: -0px -36px; width: 24px; height: 36px; }
.hf-rain-02 { background-position: -24px -36px; width: 24px; height: 36px; }
.hf-rain-03 { background-position: -48px -36px; width: 24px; height: 36px; }
.hf-rain-snow-01 { background-position: -0px -72px; width: 24px; height: 36px; }
.hf-rain-snow-02 { background-position: -24px -72px; width: 24px; height: 36px; }
.hf-rain-snow-03 { background-position: -48px -72px; width: 24px; height: 36px; }
.hf-snow-01 { background-position: -0px -108px; width: 24px; height: 36px; }
.hf-snow-02 { background-position: -24px -108px; width: 24px; height: 36px; }
.hf-snow-03 { background-position: -48px -108px; width: 24px; height: 36px; }
.hf-snow-rain-01 { background-position: -0px -144px; width: 24px; height: 36px; }
.hf-snow-rain-02 { background-position: -24px -144px; width: 24px; height: 36px; }
.hf-snow-rain-03 { background-position: -48px -144px; width: 24px; height: 36px; }

.ar-hf-freez-01, .ar-hf-freez-02, .ar-hf-freez-03, .ar-hf-rain-01, .ar-hf-rain-02,
.ar-hf-rain-03, .ar-hf-rain-snow-01, .ar-hf-rain-snow-02, .ar-hf-rain-snow-03, .ar-hf-snow-01,
.ar-hf-snow-02, .ar-hf-snow-03, .ar-hf-snow-rain-01, .ar-hf-snow-rain-02, .ar-hf-snow-rain-03 {
    background: url("../img/sprites/sprite-ar-half-rain-snow.png");
}
.ar-hf-freez-01 { background-position: -0px -0px; width: 24px; height: 36px; }
.ar-hf-freez-02 { background-position: -24px -0px; width: 24px; height: 36px; }
.ar-hf-freez-03 { background-position: -48px -0px; width: 24px; height: 36px; }
.ar-hf-rain-01 { background-position: -0px -36px; width: 24px; height: 36px; }
.ar-hf-rain-02 { background-position: -24px -36px; width: 24px; height: 36px; }
.ar-hf-rain-03 { background-position: -48px -36px; width: 24px; height: 36px; }
.ar-hf-rain-snow-01 { background-position: -0px -72px; width: 24px; height: 36px; }
.ar-hf-rain-snow-02 { background-position: -24px -72px; width: 24px; height: 36px; }
.ar-hf-rain-snow-03 { background-position: -48px -72px; width: 24px; height: 36px; }
.ar-hf-snow-01 { background-position: -0px -108px; width: 24px; height: 36px; }
.ar-hf-snow-02 { background-position: -24px -108px; width: 24px; height: 36px; }
.ar-hf-snow-03 { background-position: -48px -108px; width: 24px; height: 36px; }
.ar-hf-snow-rain-01 { background-position: -0px -144px; width: 24px; height: 36px; }
.ar-hf-snow-rain-02 { background-position: -24px -144px; width: 24px; height: 36px; }
.ar-hf-snow-rain-03 { background-position: -48px -144px; width: 24px; height: 36px; }
