sup {font-size:10px;line-height:0px}
html {min-width:300px;height: 100%;}
body {max-width: 960px; width:100%; margin: 0px auto; height: 100%;}
div.pogoda_path {margin:15px 15px 0px 15px}
input::-webkit-input-placeholder {color:#a2a2a2;}
input::-moz-placeholder {color:#a2a2a2;}/* Firefox 19+ */
input:-moz-placeholder {color:#a2a2a2;}/* Firefox 18- */
input:-ms-input-placeholder {color:#a2a2a2;}
strong {font-weight:500}
a {color:#000}
.w_size {position:fixed;left:0;top:0;color:#999;display:block}
/* реклама */
.ad_text_animation {
animation: show_text_animation 3s ease-out 1;
}
@keyframes show_text_animation {
0% {opacity:0}
20% {opacity:0}
100% {opacity:1}
}
.ad_text2_animation {
animation: show_text2_animation 4s ease-out 1;
}
@keyframes show_text2_animation {
0% {opacity:0}
50% {opacity:0}
100% {opacity:1}
}
.ad_button_start_animation {
animation: show_ad_button 6s ease-out 1; background:#ff4036;border:1px solid #952c2c;
}
@keyframes show_ad_button {
0% {opacity:0}
60% {opacity:0}
100% {opacity:1;}
}
div#header_div {border-radius:0px 0px 5px 5px;}
div#header_div * {}
header#main_header {background:#0c2108;border-radius:0px 0px 5px 5px;}
div.header_top {border-bottom:1px solid #848b83;padding:3px 20px 4px 20px;}
div.city_list {position:relative;font-size:16px;}
div.city_list div.city_list_in {position:absolute;top:20px;z-index:102;box-shadow: 1px 1px 7px rgba(0,0,0,0.7);border: 1px solid #fff;background: linear-gradient(to top, #f2ead0,#f9f7ee);padding:7px 10px 10px 8px}
div.city_list div.city_list_in a {color: #352800;display:block;float:left;clear:both;margin:4px 3px;}
div.city_list div.city_list_in a:hover {text-decoration:none;}
div.city_select {display:inline-block;color:#d8c173;font-size:14px;cursor:pointer;}
div.city_select a {color:#d8c173;font-size:14px;cursor:pointer;}
div.weather {display:inline-block;}
div.weather a {color:#eee;font-size:14px;text-decoration:none;margin-left:10px}
div.weather a:hover {text-decoration:underline}
div.pogoda {display:inline-block;color:#cfcfce;font-size:12px;margin-left:10px}
div.kurs_usd {display:inline-block;color:#cfcfce;font-size:12px;margin-left:55px}
div.kurs_eur {display:inline-block;color:#cfcfce;font-size:12px;margin-left:20px}
div.logreg {float:right;}
div.login {display:inline-block;color:#d8c173;font-size:12px;cursor:pointer;text-decoration:underline;}
div.regin {display:inline-block;color:#d8c173;font-size:12px;margin-left:6px;cursor:pointer}
div.user_string {display:inline-block;color:#d8c173;font-size:12px;margin-left:6px;cursor:pointer;text-decoration:underline}
div.login:hover {text-decoration:underline;}
div.regin:hover {text-decoration:underline}
div.user_string:hover {text-decoration:underline}
div.user_block {position:relative;float:right;display:none}
div.user_block_in {vertical-align:top;position:absolute;top:20px;z-index:102;box-shadow: 1px 1px 7px rgba(0,0,0,0.7);border: 1px solid #fff;background: linear-gradient(to top, #f2ead0,#f9f7ee);padding:7px;right:0px;top:20px;width:210px;}
div.user_block_in table {padding:0px;margin:0px; width:100%}
div.user_block_in table td {padding:0px;margin:0px;vertical-align:top;line-height:20px}
div.user_block_in img.user_img {display:block;float:left;border:1px solid #d9c364;width:60px}
div.user_block_in img.social_img {position:absolute;width:20px;margin-left:-61px;margin-top:40px;border-top:1px solid #d9c364;border-right:1px solid #d9c364}
div.user_block_in table td.name_user {vertical-align:top;padding-left:10px;font-size:15px;color:#333;line-height:18px;font-size:14px}
div.user_block_in table td.name_user a {color:#333}
div.user_block_in table td.text_user {vertical-align:bottom;text-align:right;padding-right:3px;font-size:15px}
div.user_block_in table td.text_user span {text-decoration:underline;color:#352800;cursor:pointer;font-weight:bold;font-size:14px}
div.user_block_in table td.login_header {text-align:center;padding:0px 0px 5px 0px;color:#333;font-size:14px}
div.user_block_in table td.login {text-align:center}
div.user_block_in table a.social_login {margin: 0px 5px}
div.user_block_in table a.social_login img {width:50px;border-radius:5px;border:1px solid #d9c364;}
div.header_bot {background:linear-gradient(to top, #6f9f69,#103b0c);padding:0px 20px 10px 20px;border-radius:0px 0px 5px 5px}
a.logo {display:block;float:left;margin-top:10px;font-size:34px;color:#fff;font-weight:bold;text-decoration:none;text-shadow:1px 1px 3px #000;}
a.logo span {Font-family:Tahoma, Arial, Geneva, sans-serif;color:#ffc600;font-size:34px;font-weight:bold;}
div.main_menu {float:left;margin:23px 0px 0px 70px}
div.main_menu a {display:inline-block;margin-right:25px;margin-bottom:5px;font-size:17px;font-weight:bold;color:#fff;text-shadow:1px 1px 5px #000;}
div.main_menu a:hover {color:#ffc600;text-shadow:1px 1px 2px #000;}
div.header_search {float:right;margin:22px 0px 0px 20px;box-shadow: 1px 1px 5px rgba(0,0,0,0.5);font-size:14px;border:1px solid #fff;border-radius: 5px}
div.header_search div.search_text {float:left;background:#fff;height:20px;border-radius: 3px 0px 0px 3px}
div.header_search div.search_text input {border:0;width:200px;font-family:Arial;background:transparent;padding:2px 8px 0px 8px;margin:0px;outline: none;font-size:14px;}
div.header_search div.search_go {float:left;font-family:Arial;background:#4b6c45;color:#fff;padding:2px 8px 1px 8px;cursor:pointer;font-size:14px;border-radius: 0px 5px 5px 0px}
div.show_menu {background:linear-gradient(to top, #6f9f69,#223f1f);position:relative;}
div.show_menu div.logo {float:left;}
div.show_menu div.logo a {font-weight:bold;padding:0px 10px 10px 18px;display:block;float:left;color:#fff;font-size:22px;text-decoration:none;text-shadow:1px 1px 3px #000;}
div.show_menu div.logo a span {Font-family:Tahoma, Arial, Geneva, sans-serif;color:#ffc600;font-size:22px;font-weight:bold;text-shadow:1px 1px 3px #000;}
div.show_menu div.menu {padding:14px 18px 10px 10px;float:right;color:#fff;font-size:18px;cursor:pointer;text-shadow:1px 1px 3px #000;}
div.show_menu div.menu div.menu_lines {display:inline-block;margin-right:2px}
div.show_menu div.menu div.menu_lines div {width:15px;background: #fff;height:2px;margin:3px;box-shadow:1px 1px 2px #000;}
div.show_menu div.menu div.menu_lines div:last-child {margin-bottom:0px}
div#wrapper {display: flex;
flex-direction: column;
height: 100%;}
div#content {flex-grow:1}
div#in_content {padding:10px 15px 40px 15px;height: 100%;min-height:300px;position:relative;}
div.path_list {margin:5px 0px 15px 0px;font-size:12px;color:#224660;}
div.path_list a {font-size:13px;color:#999;font-weight:normal;}
div.path_list a:hover {text-decoration:underline;color:#226046}
div.path_list span {font-size:12px;color:#999;font-weight:normal}
div.path_list span.this_page {color:#999;font-size:13px;}
h1,h2,h3,h4 {}
h1 {color:#000;font-size:20px;display:block;margin:0px 0px 15px 0px;padding:0;}
h2 {color:#444;font-size:18px;font-weight:normal;display:block;margin:0px 0px 20px 0px;padding:0;line-height:22px}
h1 span {color:#444;font-size:20px;color:#888;}
h2 span {color:#888;}
div.h1_share {display:flex;margin:0px;width:auto}
div.h1_share h1 {flex-grow:1}
#footer {padding:22px 20px;background:linear-gradient(to top, #373d36,#575d56);position:relative;height:auto;border-radius:5px 5px 0px 0px}
#footer div.footer_cell {display:table-cell;vertical-align:top;font-size:14px;color:#aaa;}
#footer div.footer_cell a {font-size:14px;color:#aaa;display:inline-block;padding:4px 4px}
#gotop {
border:1px solid #5d8b8f;
border-radius: 5px;
background:#f4fdff;
text-align:center;
padding:4px 10px;
position:fixed;
top:12px;
right:20px;
cursor:pointer;
display:none;
color:#00404b;
font-size:14px;
opacity:0.9;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
z-index:200;
}
#gotop span {font-weight:bold;font-size:15px;font-family:verdana}
/* модальное окно фиксированой ширины */
div.window_back {display: none;position:fixed;z-index:100;background:#333;top:0px;right:0px;bottom:0px;left:0px;opacity:0.45}
div.window {display: none;
width:430px;
background-color: #fff;
left: 50%;
padding: 2px;
position: fixed;
top: 50%;
z-index:101;
margin-left:-215px;
margin-top:-262px;
/*-webkit-transform: translate(-50%, -40%);-moz-transform: translate(-50%, -40%);-ms-transform: translate(-50%, -40%);-o-transform: translate(-50%, -40%);
transform: translate(-50%, -40%);*/
box-shadow: 2px 2px 10px rgba(0,0,0,0.7);
}
div.window_head {background:#224660;padding:8px 14px 8px 14px}
div.window_head span {color:#fff;font-size:16px;font-family:'Ubuntu Bold';}
div.window_head div.close {width:15px;cursor:pointer;height:15px;margin-top:2px;float:right;background:url(../images/close.png);color:#fff;font-size:16px}
div.window_search {border:1px solid #5b7c94;padding:3px 0px;margin:14px;background:linear-gradient(to top, #fefefe,#f3f3f3)}
div.window_search input {border:0;display:block;width:95%;padding:0 2.5% 0 2.5%;color:#697b87;background:transparent;outline: none;font-size:16px;}
div.window_content {min-height:100px;border:1px solid #d2d7da;margin:14px;padding:1px 11px 15px 11px;height:400px;overflow:auto}
div.window_content a {margin-top:10px;display:block;color:#224660;float:left;clear:both;font-size:16px;font-family:'Ubuntu Bold'}
div.window_content div.nothing {margin-top:10px;display:none;color:#697b87;font-size:16px;}
div.window_content a:hover {text-decoration:none}
div.table {display:table;width:100%}
div.tr {display:table-row}
div.td {display:table-cell;vertical-align:top}
div.clear {clear:both}
div#menu_block {position:absolute;z-index:105;}
div#menu_block div.menu_back {position:fixed;background:#000;opacity:0.3;top:0px;right:0px;bottom:0px;left:0px;z-index:101}
div#menu_block div.menu_block_div {position:fixed;left:0%;top:0%;background:#fff;box-shadow: 1px 1px 5px rgba(0,0,0,0.6);z-index:102;opacity:0}
div#menu_block div.menu_block_div div.menu_header {background:linear-gradient(to top, #61b358,#3c453b);margin:2px;padding:9px 10px 9px 20px;}
div#menu_block div.menu_block_div div.menu_header span {color:#fff;font-weight:bold;display:block;float:left;font-size:16px;text-shadow:1px 1px 3px #000;}
div#menu_block div.menu_block_div div.menu_header div.close {width:14px;cursor:pointer;height:14px;margin:2px 0px 0px 18px;float:right;background:url(/images/close.png)}
div#menu_block div.menu_block_div div.menu_content {margin:2px;border:1px solid #aaa;padding:15px 25px 3px 20px;max-height:300px;overflow-y:auto}
div#menu_block div.menu_block_div div.menu_content a {display:block;margin-bottom:15px;font-weight:bold;color:#23641c}
div#menu_block div.menu_block_div div.menu_content a span {font-weight:normal;color:#777}
div#menu_block div.menu_block_div div.menu_content div.punkt {display:block;margin-bottom:15px;white-space:nowrap}
div#menu_block div.menu_block_div div.menu_content div.punkt a {display:inline;font-weight:bold;color:#23641c;margin:0px;}
div#menu_block div.menu_block_div div.menu_content div.punkt span {font-weight:normal;color:#777;padding-left:3px}
table.city_list_table {width:100%;border-spacing: 0px;}
table.city_list_table td {vertical-align:top}
table.city_list_table td div.region {font-weight:500;color:#352800;font-size:16px;margin:10px 0px 5px 0px}
table.city_list_table td div.city_link {font-size:16px;margin:3px 0px 3px 0px;}
table.city_list_table td div.city_link a {color:#23641c}
.show_region {font-family: "Trebuchet MS", Helvetica, sans-serif;position:relative;cursor:pointer;display:inline-block;border:1px solid #ccc;border-radius:5px;line-height:3px;height:12px;padding:0px 8px;top:-2px;}
.show_region:hover {border:1px solid #497d44;color:#497d44}
#search_city {font-family:"Blogger sans";width:200px;font-size:16px;line-height:22px;border-radius:5px;outline:none;border:1px solid #23641c;padding:0px 6px}
/* Статьи */
div.id_statia {}
div.id_statia h1 {font-size:20px}
div.id_statia h2 {font-weight:bold;color:#000}
div.statia_img {overflow: hidden; border:1px solid #406d3b;border-radius:5px;}
div.statia_img img {display:block; clip-path: inset(30px 0px);width:100%;margin:-30px 0px; padding:0px;}
div.id_statia h2 {margin-bottom:15px}
div.id_statia p {margin:12px 0px}
div.list_articles {}
div.list_articles a.article_link {display:block;text-decoration:none;}
div.list_articles a.article_link:hover div.header {text-decoration:underline;color:#103b0c}
div.list_articles a.article_link:hover div.text {color:#1d5b18}
div.list_articles div.article {margin-bottom:15px}
div.list_articles div.article p {margin:8px}
div.list_articles div.article div.header {font-weight: bold;margin-bottom:8px}
div.list_articles div.article div.img {position:relative;overflow: hidden;float:left;width:250px;border:1px solid #406d3b;border-radius:5px;margin: 0px 15px 0px 0px;}
div.list_articles div.article div.img div.header_img {font-weight:bold;display:none;position:absolute;bottom:0px;background:#0c2108aa;font-weeight:bold;text-shadow:0px 0px 5px #000;width:100%;padding:8px 12px;color:#fff}
div.list_articles div.article div.img img {margin:0px;padding:0px;border:0;display: block;border-radius:5px;width:100%}
div.list_articles div.article div.text {height:100px;overflow: hidden;}
@media screen and (max-width: 600px)
{
div.list_articles div.article div.img {float:none;display:inline-block;width:100%;}
div.list_articles div.article div.text {display:none}
div.list_articles div.article div.img div.header_img {display:block;}
div.list_articles div.article div.header {display:none}
}
/* --- */
@media screen and (max-width: 600px)
{
.show_region {padding:1px 12px;margin-top:6px;font-size:18px}
table.city_list_table td {display:block}
table.city_list_table td div.region {font-size:20px;margin:12px 0px 7px 0px}
table.city_list_table td div.city_link {font-size:18px;margin:5px 0px 5px 0px;}
}
@media screen and (max-width: 955px)
{
div.kurs_usd {margin-left:35px}
div.main_menu {float:left;margin:25px 0px 0px 50px}
div.main_menu a {display:inline-block;margin-right:15px;font-size:16px;font-weight:bold;color:#fff;text-shadow:1px 1px 5px #000;}
div.header_search div.search_text input {width:150px;}
}
@media screen and (max-width: 940px)
{
header#main_header {border-radius:0px}
div.header_bot {border-radius:0px}
#footer {border-radius:0px}
}
@media screen and (max-width: 845px)
{
div.main_menu {margin-top:14px;width:180px}
}
@media screen and (max-width: 675px)
{
h1 {margin-bottom:15px;float:none;}
div.share2 {float:none;margin-bottom:15px}
div.share2 div.ya-share2 {margin-left:0px}
div.main_menu {clear:both;width:100%;margin-top:12px;margin-left:0px}
div.header_search div.search_text input {width:250px;}
div.h1_share {display:block;}
div.h1_share h1 {display:block;float:none;padding:0px}
div.h1_share div.share2 {display:block;width:auto;float:none}
}
@media screen and (max-width: 570px)
{
div.kurs_usd {display:none}
div.kurs_eur {display:none}
div.header_search div.search_text input {width:150px;}
div#in_content {padding:5px 15px 40px 15px;}
}
@media screen and (max-width: 445px)
{
div.header_search div.search_text input {width:100px;}
a.logo {margin-top:10px;font-size:25px;}
a.logo span {color:#ffc600;font-size:25px}
div.header_search {margin:16px 0px 0px 20px;}
div.main_menu a {display:inline-block;margin-right:15px;font-size:16px;font-weight:bold;color:#fff;text-shadow:1px 1px 5px #000;}
}
@media screen and (max-width: 355px)
{
div.pogoda {display:none}
div.header_search {float:left;margin:10px 0px 0px 0px}
div.header_search div.search_text input {width:186px;}
}
/*
@font-face {
font-family: 'Fira Sans';
src: url('/css/fonts/firasans/Firasansregular.woff2') format('woff2'), url('/css/fonts/firasans/Firasansregular.woff') format('woff'), url('/css/fonts/firasans/Firasansregular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Fira Sans';
src: url('/css/fonts/firasans/Firasansmedium.woff2') format('woff2'), url('/css/fonts/firasans/Firasansmedium.woff') format('woff'), url('/css/fonts/firasans/Firasansmedium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Fira Sans';
src: url('/css/fonts/firasans/Firasansbold.woff2') format('woff2'), url('/css/fonts/firasans/Firasansbold.woff') format('woff'), url('/css/fonts/firasans/Firasansbold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Blogger sans';
src: url('/css/fonts/bs/Blogger_Sans.woff2') format('woff2'), url('/css/fonts/bs/Blogger_Sans.woff') format('woff'), url('/css/fonts/Blogger_Sans.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Blogger sans';
src: url('/css/fonts/bs/bs-medium.woff2') format('woff2'), url('/css/fonts/bs/bs-medium.woff') format('woff'), url('/css/fonts/bloggersans-500-normal.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Blogger sans';
src: url('/css/fonts/bs/bs-bold.woff2') format('woff2'), url('/css/fonts/bs/bs-bold.woff') format('woff'), url('/css/fonts/bloggersans-700-normal.ttf') format('truetype');
font-weight: 700;
font-style: bold;
font-display: swap;
}
*/