/* Start:/bitrix/templates/pcgms/components/bitrix/menu/bottom/style.min.css?1706414965490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/pcgms/components/bitrix/menu/bottom/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/pcgms/template_styles.css?177614469418688*/
html,body{
margin:0;
padding:0;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:13px;
}
a{
color:#006a94;
text-decoration:none;
}
a:hover{
color:#4598cc;
}
img{
max-width:100%;
height:auto;
}
.custom{
font-size:14px;
line-height:20px;
}
.вместилище{
max-width:1500px;
margin:0 auto;
}
.шапка{
width:calc(100% - 311px);
height:91px;
padding:0 0 0 40px;
max-width:1500px;
}
.логотип_и_название{
margin:0 auto;
width:510px;
}
.логотип{
display:block;
float:left;
background:url('/images/circle---logo_pcgms3.png') no-repeat;
background-size:100%;
width:84px;
height:84px;
margin-top:4px;
}
.название{
display:block;
width:400px;
float:left;
font-size:20px;
margin-left:20px;
margin-top:18px;
}
.погода2{
float:right;
width:1px;
height:1px;
}
.погода{
width:250px;
position:absolute;
top:0;
background:#526a7d;
min-height:100px;
color:#fff;
}
.погода a{
color:#b4ecff;
}
.погода_hr{
width:100%;
height:1px;
background:#7a92a5;
margin:10px 0 5px;
}
.погода_внутр{
padding:20px;
}
.погода_город{
float:left;
width:100%;
text-align:center;
}
.середина{
text-align:center;
line-height:20px;
}
.погода .td1{
display:block;
width:210px;
text-align:center;
}
.погода .td2{
display:block;
width:150px;
text-align:center;
font-size:36px;
float:left;
}
.погода .td3{
display:block;
width:50px;
text-align:center;
float:left;
}
.погода ul{
margin:0;
padding:0 10px;
}
.погода ul li{
margin-bottom:5px;
}
.содержимое{
width:calc(100% - 331px);
padding:20px 40px 10px 20px;
float:left;
min-height:650px;
}
.таблица_контакты{
/*background:#526a7d;*/
/*background:#778ea0;*/
background:#778ea0;
color:#fff;
}
.таблица_контакты tr{
width:33%;
border-bottom:1px solid #7a92a5;
height:52px;
background:#9cb3c5;
}
.таблица_контакты tr:nth-child(2n){
background:#839db2;
}
.таблица_контакты td{
width:33%;
}
.таблица_контакты a{
color:#fff;
text-decoration:underline;
}
.таблица_контакты a:hover{
text-decoration:none;
}
.таблица_контакты .таблица_контакты_заг{
background:#445969;
height:40px;
font-size:14px;
}
.вход,.выход{
float:right;
color:#006a94;
background:url('/bitrix/templates/pcgms/images/zamok.png') no-repeat;
height:18px;
width:85px;
padding:2px 0 0 20px;
margin:26px 40px 0 0;
border-bottom:1px dotted #006a94;
cursor:pointer;
}
.прогноз{
float:right;
width:123px;
margin-top:26px;
}
.вход:hover,.выход:hover{
color:#4598cc;
}
.выход{
width:36px;
}
.верхнее_меню{
float:left;
width:100%;
height:53px;
background:#464f56;
}
.верхнее_меню ul{
margin:0;
padding:0;
}
.верхнее_меню ul li{
list-style-type:none;
float:left;
}
.верхнее_меню ul li a{
color:#fff;
text-decoration:none;
padding:18px 19px 18px 19px;
font-weight:bold;
display:block;
}
.верхнее_меню ul li a:hover{
background:#646c73;
}
.верхнее_меню ul li a.mon{
padding-left:9px;
padding-right:10px;
}
.верхнее_меню ul li .домик{
padding:17px 20px 16px 20px;
}
.верхнее_меню ul li ul{
display:none;
position:absolute;
background:#464f56;
max-width:340px;
z-index:1000;
opacity:.9;
}
.верхнее_меню ul li ul li{
width:100%;
}
.верхнее_меню ul li:hover ul{
display:block;
}
.подвал{
background:#f4f8f9;
border-top:5px solid #cbdee2;
color:#9fb8c2;
width:100%;
float:left;
font-size:12px;
line-height:20px;
}
.подвал_меню{
width:calc(100% - 74px);
margin:0 auto;
min-height:380px;
}
.подвал_меню1{
width:calc(25% - 45px);
float:left;
margin-top:20px;
margin-right:45px;
margin-left:20px;
}
.подвал_меню2{
width:calc(25% - 45px);
float:left;
margin-top:20px;
margin-right:45px;
color:#485560;
}
.подвал_меню3{
width:calc(25% - 45px);
float:left;
margin-top:20px;
margin-right:45px;
color:#485560;
}
.подвал_меню4{
width:calc(25% - 45px);
float:left;
margin-top:20px;
color:#485560;
}
.подвал_меню4 a{
display:inline-block;

}
.подвал_меню_заг{
width:100%;
color:#485560;
border-bottom:3px solid #cbdee2;
font-weight:bold;
font-size:14px;
padding-bottom:5px;
margin-bottom:10px;
}
.подвал_меню1 ul{
margin:0;
padding:0;
}
.подвал_меню1 ul li{
list-style-type:none;
}
.hr{
background:#c1cfd2;
height:1px;
width:100%;
margin:10px 0;
}
.подвал_описание{
width:calc(100% - 110px);
margin:0 auto;
height:63px;
border-top:1px solid #c1cfd2;
padding:25px 20px 0;
}
.подвал_название{
width:426px;
float:left;
}
.подвал_помощь{
float:right;
}
.всплыв_вход,.тень{
display:none;
}
.всплыв_вход.вкл{
display:block;
position:absolute;
top:20px;
left:35%;
width:320px;
height:293px;
background:#fff;
z-index:10;
padding:29px;
}
.тень.вкл{
display:block;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#000;
opacity:0.65;
z-index:9;
}
.закрыть{
width:18px;
height:16px;
background:url('/bitrix/templates/pcgms/images/krestik.png') no-repeat;
position:absolute;
cursor:pointer;
margin:0 0 0 302px;
}
.вход_h2{
margin:0 0 21px;
color:#1d2627;
font-size:21px;
}
.items-row{
margin-bottom:50px;
border-bottom:1px solid #ccc;
}
.всплыв_вход input[type="text"],.всплыв_вход input[type="password"]{
display:block;
margin:3px 0 8px 0;
padding:5px 2px 3px 7px;
font-size:13px;
line-height:21px;
border:1px solid #ced9e4;
vertical-align:baseline;
background:none;
color:#444;
width:calc(100% - 11px);
}
button[type="submit"]{
width:78px;
vertical-align:top;
margin-right:14px;
font-weight:bold;
color:#fff;
background:#4f7b96;
padding:6px 13px;
cursor:pointer;
border:0;
}
#form-login-remember{
width:calc(100% - 58px);
height:54px;
background:#e7eef5;
position:absolute;
margin:44px 0 0 -29px;
padding:0 29px;
}
#form-login-remember .control-label{
margin-top:16px;
display:block;
float:left;
}
#form-login-remember #modlgn-remember{
margin-top:18px;
display:block;
float:left;
}
.items-more ol{
float:right;
width:100%;
text-align:right;
}
.pagination{
width:100%;
float:left;
margin-bottom:20px;
display:flex;
}
.pagination ul{
margin:40px auto 0;
padding:0;
text-align:center;
width:auto;
display:flex;
}
.pagination ul li{
list-style-type:none;
float:left;
margin:0 7px;
}
.прогноз_табл_01{
width:650px;
margin:0 auto 20px;
height:653px;
background:#b3dbe5;
text-align:center;
}
.прогноз_табл_02{
float:left;
width:100%;
height:53px;
font-weight:bold;
}
.прогноз_табл_03{
float:left;
width:95px;
padding-top:5px;
}
.прогноз_табл_04{
float:left;
width:135px;
padding-top:5px;
}
.прогноз_табл_05{
float:left;
width:225px;
padding-top:5px;
margin-left:85px;
}
.прогноз_табл_06{
float:left;
width:110px;
padding-top:5px;
}
.прогноз_табл_07{
float:left;
width:calc(100% - 5px);
height:22px;
background:#337f97;
color:#fff;
text-align:left;
padding:3px 0 0 5px;
}
.прогноз_табл_08{
float:left;
width:100%;
height:86px;
margin-top:1px;
}
.прогноз_табл_09{
float:left;
width:95px;
height:86px;
background:#337f97;
color:#fff;
}
.прогноз_табл_10{
float:left;
width:115px;
height:86px;
background:#d7ecf1;
padding:0 10px;
}
.прогноз_табл_11{
float:left;
width:86px;
height:86px;
}
.прогноз_табл_11 img{
float:left;
width:100%;
}
.прогноз_табл_12{
float:left;
width:215px;
height:86px;
padding:0 5px;
background:#d7ecf1;
}
.прогноз_табл_13{
float:left;
width:109px;
height:86px;
background:#d7ecf1;
}
.прогноз_табл_14{
background:#a3d3df;
}

.inf_table{
background:#526a7d;
}
.содержимое table.inf_table a{
color:#b4ecff;
}
.содержимое table.inf_table td.td2{
color:#fff;
font-size:36px;
width:120px;
}
.содержимое table.inf_table td.tdbor{
border-bottom:1px solid #7a92a5;
}
.содержимое .inf_table .table1_inf{
background:#526a7d;
color:#fff;
border-bottom:1px solid #7a92a5;
}
.содержимое .inf_table_div .h1_inf,.содержимое .inf_table_div .table3_inf,.содержимое .inf_table_div .table2_inf{
color:#fff;
}
.page-header h2{
text-align:center;
}
.прогноз_погоды{
width:100%;
height:304px;
background:#526a7d;
}
.прогноз_вкладки{
width:100%;
height:80px;
border-bottom:1px solid #7a92a5;
background:#889bae;
}
.прогноз_вкладки.тест{
height:60px;
background:#667d94;
}
.прогноз_вкладка1{
width:33.3%;
float:left;
text-align:center;
color:#fff;
font-size:25px;
line-height:80px;
cursor:pointer;
height:80px;
}
.тест .прогноз_вкладка1{
height:60px;
line-height:60px;
}
.прогноз_вкладка1:nth-child(2){
border-left:1px solid #7a92a5;
border-right:1px solid #7a92a5;
width:calc(33.3% - 2px);
}
.прогноз_вкладка1.вкл,.прогноз_вкладка1:hover{
background:#445969;
}
.тест .прогноз_вкладка1.вкл,.тест .прогноз_вкладка1:hover{
background:#465666;
}
.прогноз_заголовки{
float:left;
width:100%;
color:#fff;
text-align:center;
height:40px;
line-height:20px;
padding-top:10px;
}
.прогноз_столб1{
width:10%;
float:left;
line-height:86px;
}
.тест .прогноз_столб1{
width:100%;
font-size:20px;
line-height:25px;
}
.прогноз_грудсник{
float:left;
width:42px;
height:91px;
background:url('/images/250x250/new/grad.png') no-repeat;
margin:40px 0 0 25px;
}
.прогноз_столб2{
width:20.7%;
float:left;
line-height:25px;
}
.прогноз_столб3{
width:87px;
float:left;
}
.прогноз_столб3 img{
height:86px;
width:auto;
}
.прогноз_столб4{
width:34.4%;
float:left;
padding-left:20px;
line-height:25px;
}
.прогноз_столб5{
width:18.9%;
float:right;
}
.прогноз_погоды.новый .прогноз_столб5{
width:100%;
float:right;
font-size:22px;
height:46px;
background:url('/images/250x250/new/veter.png') 29px 0 no-repeat;
text-align:right;
padding-right:10px;
}
.прогноз_погоды.новый .прогноз_столб2{
font-size:21px;
font-weight:bold;
width:125px;
margin:50px 0 0 25px;
line-height:21px;
}
.прогноз_погоды.новый .прогноз_столб3{
width:100%;
float:left;
}
.прогноз_погоды.новый .прогноз_столб4{
width:100%;
float:left;
padding:0;
font-size:18px;
max-height:100px;
overflow:auto;
}
path{
fill:#fff !important;
}
.прогноз_погоды.новый .лево50{
float:left;
width:50%;
height:180px;
}
.прогноз_строка{
width:100%;
float:left;
color:#fff;
text-align:center;
display:none;
}
.прогноз_строка.вкл{
display:block;
}
.прогноз_погоды.новый .прогноз_строка.вкл{
background:#56697c;
}
.прогноз_ночь{
width:100%;
float:left;
height:86px;
background:#839db2;
}
.прогноз_день{
width:100%;
float:left;
height:86px;
border-top:1px solid #7a92a5;
}
.тест .прогноз_ночь{
width:50%;
float:left;
height:262px;
background:#56697c;
}
.тест .прогноз_день{
width:50%;
float:left;
height:262px;
background:#7d90a3;
}
.прогноз_строка .прогноз_столб5,.прогноз_строка .прогноз_столб4{
line-height:25px;
padding-top:10px;
}
.неблагоприятные_условия{
width:100%;
height:80px;
float:left;
background:#526a7d;
text-align:center;
color:#fff;
border-top:1px solid #fff;
}
.неблагоприятные_условия h3{
margin:5px 0;
}
.неблагоприятные_условия.тест{
height:111px;
}
.неблагоприятные_условия.тест.опасно{
background-image:url('/images/250x250/new/opasno.png');
background-repeat:no-repeat;
background-position:66px 20px;
font-size:24px;
display:table;
}
.неблагоприятные_условия.тест.дым{
background-image:url('/images/250x250/new/dim.png');
background-repeat:no-repeat;
background-position:66px 20px;
font-size:24px;
display:table;
}
.неблагоприятные_условия.тест p{
padding:0 20px 0 164px;
display:table-cell;
vertical-align:middle;
}
.надсодержимым h3{
text-align:center;
}

.header{
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
background-color:#526a7d;
    height: 60px!important;
    overflow: hidden;
    z-index: 10;
display:none;
}
#sidebarMenu {
    height: 100%;
    position: fixed;
    left: 0;
    width: 250px;
    margin-top: 60px;
    transform: translateX(-250px);
    transition: transform 250ms ease-in-out;
    background: linear-gradient(180deg, #FC466B 0%, #3F5EFB 100%);
}
.sidebarMenuInner{
    margin:0;
    padding:0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
input[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);
}

input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}
.sidebarIconToggle {
transition: all 0.3s;
box-sizing: border-box;
cursor: pointer;
z-index: 99;
margin:22px 0 0 15px;
height:25px;
width:25px;
display:block;
display:none;
}
.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #fff;
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
}
.burger_zag{
float:right;
color:#fff;
font-weight:bold;
font-size:20px;
margin:-26px 10px 0 0;
display:block;
}

.news-list h2{
text-align:left !important;
}
.news-list h2 a{
color:#006ab0 !important;
font-weight:normal !important;
font-size:13px !important;
}

@media (max-width: 1270px) {
.верхнее_меню ul li a{
padding:18px 10px;
}
}
@media (max-width: 1180px) {
.прогноз_вкладка1{
font-size:20px;
}
}
@media (max-width: 1120px) {
.верхнее_меню ul li a{
padding:18px 5px;
}
}
@media (max-width: 1050px) {
.содержимое{
width:100%;
padding:0;
}
.custom{
padding:0 5px;
line-height:23px;
}
.логотип_и_название{
width:100%;
}
.шапка{
width:100%;
padding:0;
}
.название{
display:block;
float:right;
margin-left:2px;
margin-right:0;
width:calc(100% - 90px);
text-align:center;
}
.верхнее_меню ul li a{
padding:18px 20px;
}
.погода2{
float:unset;
width:auto;
height:auto;
}
.погода{
width:100%;
position:unset;
right:20px;
top:0;
background:#526a7d;
min-height:100px;
color:#fff;
}
.погода .середина table{
display:block;
width:200px;
margin:0 auto;
}
.header,.sidebarIconToggle{
display:block;
}
.верхнее_меню{
height:auto;
}
.верхнее_меню ul{
padding:0;
}
.верхнее_меню ul li{
width:100%;
border-bottom:1px solid #787c7f;
}
.верхнее_меню ul li.active{
background:#646c73;
}
.верхнее_меню ul li a.mon{
padding-left:20px;
}
.верхнее_меню ul li ul{
display:block;
position:unset;
max-width:100%;
padding-left:20px;
}
.верхнее_меню ul li.active ul li{
background:#464f56;
}
.верхнее_меню ul li ul li.active{
background:#646c73;
}
.nav.menu{
display:none;
}
.подвал .nav.menu{
display:block;
}
.вход, .выход{
margin:2px 40px 2px 0;
float:left;
width:100%;
}
.подвал_меню{
width:calc(100% - 10px);
padding:0 5px;
}
.подвал_меню1,.подвал_меню2,.подвал_меню3,.подвал_меню4{
width:calc(100% - 10px);
margin-left:0;
margin-right:0;
}
.подвал_описание{
float:left;
width:calc(100% - 10px);
height:auto;
padding:5px;
}
.подвал_название{
width:100%;
text-align:center;
}
.подвал_название br{
display:none;
}
.подвал_помощь{
width:100%;
}
}
@media (max-width: 700px) {
.прогноз_вкладка1{
font-size:17px;
}
.неблагоприятные_условия{
height:auto;
}
.прогноз_столб1{
width:7%;
}
}
/*Новые прогнозы*/
@media (max-width: 920px) {
.неблагоприятные_условия.тест.опасно,.неблагоприятные_условия.тест.дым{
display:block;
}
.неблагоприятные_условия.тест p{
padding:0 8px 0 164px;
display:inline-block;
font-size:18px;
}
.прогноз_погоды.новый .лево50{
width:100%;
}
.прогноз_погоды.новый .прогноз_столб2{
width:calc(100% - 100px);
word-break: break-all;
}
.тест .прогноз_ночь,.тест .прогноз_день{
min-height:262px;
height:100%;
}
.прогноз_погоды.новый .прогноз_столб5{
background:url('/images/250x250/new/veter.png') 4px 0 no-repeat;
width:calc(100% - 70px);
padding-left:60px;
height:auto;padding-bottom:5px;
font-size:16px;
}
.неблагоприятные_условия.тест.дым,.неблагоприятные_условия.тест.опасно{
height:auto;
}
}
@media (max-width: 630px) {
.прогноз_столб2{
line-height:18px;
}
}
@media (max-width: 540px) {
.шапка{
padding-left:0;
}
.вход, .выход{
width:auto;
}
.прогноз_погоды,.неблагоприятные_условия{

}
.прогноз_вкладка1{
font-size:14px;
line-height:40px;
}
.прогноз_заголовки{
font-size:10px;
line-height:12px;
}
.прогноз_строка{
font-size:10px;
}
.прогноз_столб4{
padding-left:0;
}
.прогноз_строка .прогноз_столб5,.прогноз_строка .прогноз_столб4{
line-height:16px;
}
.прогноз_столб4{
line-height:16px;
width:30%;
}
.прогноз_столб3{
width:43px;
}
.прогноз_столб3 img{
width:43px;
height:auto;
}
}
/* End */
/* /bitrix/templates/pcgms/components/bitrix/menu/bottom/style.min.css?1706414965490 */
/* /bitrix/templates/pcgms/template_styles.css?177614469418688 */