/*карта погодных явлений*/

.shtorm {
    margin-bottom: 25px;
}

.shtorm_title,
.shtorm_link {
    display: inline-block;
    /*margin-bottom: 25px;*/
    vertical-align: middle;
}

.shtorm_title {
    margin-right: 15px;
}

.shtorm_title h1 {
    margin-bottom: 0;
    font-size: 31px;
    line-height: 1.5;
    font-weight: bold;
}

.shtorm_link {
    margin-top: -10px;
    padding-left: 4px;
    text-transform: uppercase;
    border-left: 1px solid #c3cace;
}

.text #phenomena_map {
    margin-top: 30px;
    margin-bottom: 30px;
}

.content #phenomena_map {
    margin-bottom: 30px;
}

/*погода inner_all_tables.tpl*/

.pl_position {
    position: relative;
    margin-top: 10px;
}

.pl_position .sp_citySel {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 200px;
    min-height: 67px;
    font-size: 16px;
    background-color: #f4f7f9;
}

.pl_position .sp_citySel form {
    width: 100%;
    padding: 0 0 0 15px;
}

#cityNameIn {
    display: block;
    width: 150px;
    margin-top: 20px;
    padding: 0 10px 0 3px;
    font-size: 16px;
    color: #3c3c3c;
    border-bottom: 1px dotted #000;
    cursor: pointer;
}

.pl_position .sp_citySel .cityDown {
    position: absolute;
    top: 32px;
    right: 35px;
    width: 0;
    height: 0;
    border-style: solid; 
    cursor: pointer;
}

#cityNameIn + .cityDown,
#cityNameIn.cityClose + .cityDown {
    border-width: 5px 4.5px 0 4.5px;
    border-color: #3c3c3c transparent transparent transparent;
}

#cityNameIn.cityOpen + .cityDown {
    border-width: 0 4.5px 5px 4.5px;
    border-color: transparent transparent #3c3c3c transparent;
}

#city_hiddenIn {
    position: absolute;
    top: 65px;
    left: 0;
    display: none;
    width: 100%;
    height: 134px;
    padding: 0px 15px;
    font-size: 14px;
    background-color: #f4f7f9;
    border-top: 1px solid #d2d6d5;
    border-bottom: 1px solid #d2d6d5;
}

#city_hiddenIn .cityDownItem {
    display: block;
    padding: 3px 10px;
    cursor: pointer;
}

#weather_table .weather_now {
    min-height: 67px;
    margin-bottom: 38px;
    margin-left: 235px;
    font-size: 16px;
    line-height: 67px;
    font-weight: bold;
    vertical-align: middle;
}

.weather_now div {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    vertical-align: middle;
    color: #3c3c3c;
}

.weather_now .weather_now_title {
    margin-right: 20px;
    text-transform: uppercase;
}

.weather_now .weather_now_temp {
    margin-right: 15px;
    font-size: 30px;
    font-weight: bold;
}

.weather_now .weather_now_cloud {
    margin-right: 15px;
    line-height: 22px;
    text-align: center;
}

.weather_now img {
    display: inline-block;
    vertical-align: middle;
}

#weather_table .weather_table {
    border-bottom: 1px solid #d2d6d5;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}

.weather_table th {
    padding: 10px 0;
    font-size: 14px;
    vertical-align: top;
    background-color: #ffffff;
}

.weather_table th,
.weather_table td {
    text-align: center;
    border: 0;
}

.weather_table th:first-child {
    min-width: 145px;
    text-align: left;
}

.weather_table th.th_pressure,
.weather_table td:nth-child(3) {
    padding-left: 10px;
    padding-right: 10px;
}

.weather_table th.th_wind {
    text-align: right;
}

.weather_table th.th_wind div {
    display: inline-block;
    text-align: center;
}

.weather_table tr:hover td {
    background: #ffffff;
}

.weather_table td {
    padding: 37px 0 25px 0;
}

.weather_table td:first-child {
    text-align: left;
}

.weather_table .main_bank tr {
    background-color: #ffffff;
}

.weather_table .main_bank td {
    font-size: 16px;
    font-weight: 500;
    vertical-align: middle;
    border-top: 1px solid #e6eaed;
}

.weather_table .main_bank td:first-child a,
.weather_table .main_bank td:first-child a:hover {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}

.weather_table .main_bank td:first-child a {
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
    color: #3c3c3c;
}

.weather_table .main_bank td:first-child a:hover {
    color: #3f9798;
}

.weather_table .main_bank td:first-child a span {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/desimages/meteo_arrow_down.png) center center no-repeat;
}

.weather_table .main_bank td:first-child a:hover span {
    background: url(/desimages/meteo_arrow_down_hover.png) center center no-repeat;
}

.weather_table .main_bank td:first-child a span.meteo_arrow_down {
    background: url(/desimages/meteo_arrow_down.png) center center no-repeat;
}

.weather_table .main_bank td:first-child a:hover span.meteo_arrow_down {
    background: url(/desimages/meteo_arrow_down_hover.png) center center no-repeat;
}

.weather_table .main_bank td:first-child a span.meteo_arrow_up {
    background: url(/desimages/meteo_arrow_up.png) center center no-repeat;
}

.weather_table .main_bank td:first-child a:hover span.meteo_arrow_up {
    background: url(/desimages/meteo_arrow_up_hover.png) center center no-repeat;
}

#weather_table .weather_icon,
#weather_table .wind_icon {
    float: none;
    display: inline-block;
    margin: 0px;
}

.weather_table .hidden_tr {
    display: none;
    background: #f4f7f9;
}

.weather_table .hidden_tr tr:first-child td {
    padding-top: 25px;
}

.weather_table .hidden_tr tr:nth-child(2n) {
    background: #f4f7f9;
}

.weather_table .hidden_tr td:nth-child(3) {
    font-size: 14px;
}

.weather_table .hidden_tr tr:last-child td {
    border-bottom: 5px solid #f4f7f9;
}

.hidden_tr tr:hover td {
    background: #f4f7f9;
}

.weather_table .hidden_tr td {
    padding: 12px 0;
    vertical-align: middle;
    font-size: 16px;
}

.weather_table .hidden_tr td:first-child {
    padding-left: 40px;
}

#weather_table .gidro {
    margin-top: 35px;
    font-size: 16px;
}

@media only screen and (max-width: 620px) {
    #weather_table .weather_now {
        padding-top: 80px;
        margin-left: 0;
    }
}
@media only screen and (max-width: 600px) {
    /*.weather_table th,
    #weather_table .weather_table .weather_small {
        font-size: 12px;
    }
    .weather_table .main_bank td,
    .weather_table .main_bank td:first-child a,
    .weather_table .main_bank td:first-child a:hover,
    .weather_table .hidden_tr td {
        font-size: 14px;
    }*/
    .weather_table th.th_pressure, .weather_table td:nth-child(3) {
        padding-left: 3px;
        padding-right: 3px;
    }
    .weather_table th:first-child {
        width: auto;
        min-width: 0;
    }
    .weather_table .main_bank td:first-child a span {
        margin-left: 0;
    }
    .weather_table .hidden_tr td:first-child {
        padding-left: 20px;
    }
    .weather_table .main_bank td:first-child {
        padding-right: 10px;
    }
}
@media only screen and (max-width: 420px) {
    .weather_now .weather_now_title,
    .weather_now .weather_now_temp,
    .weather_now .weather_now_cloud {
        margin-right: 5px;
    }
    .weather_table_wrapper {
        overflow: auto;
    }
    .weather_table {
        min-width: 450px;
    }
}

/*BASIC STYLE*/
.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ /* contains plugin's markup */position: relative;overflow: hidden;height: 100%;max-width: 100%;outline: none;direction: ltr;}
.mCSB_container{ /* contains the original content */overflow: hidden;width: auto;height: auto;}
/*VERTICAL SCROLLBAR: y-axis*/
.mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */margin-right: 0;margin-left: 30px;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */
.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */position: absolute;width: 16px;height: auto;left: auto;top: 0;	right: 0;bottom: 0;}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */right: auto;left: 0;}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: auto;}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{width: 2px;height: 100%;margin: 0 auto;-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */cursor: pointer;width: 100%;height: 30px; /* minimum dragger height */z-index: 1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */position: relative;width: 4px;height: 100%;margin: 0 auto;-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;text-align: center;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{display: block;position: absolute;height: 20px;width: 100%;overflow: hidden;margin: 0 auto;cursor: pointer;}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
/*THEMES*/
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right: 0; margin: 12px 0;}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom: 0;margin: 0 12px;}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{left: 0;right: auto;}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #e2e2e2; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000; background-color: rgba(177,177,177,0.7);filter: "alpha(opacity=70)"; -ms-filter: "alpha(opacity=70)";}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{	background-color: #000; background-color: rgba(177,177,177,1);filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}