html, body, div, span, h1, h3, p, img, strong, b, figcaption, figure, footer, header, nav { margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; vertical-align: baseline; background: transparent none repeat scroll 0% 0%; }
body { line-height: 1; }
.c15 { margin-bottom: 25px; }
.c15, .c15 td, .c15 tr { border: 1px solid rgb(214, 214, 214); }
.c15 .c3 p { padding: 5px 10px; margin-bottom: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
figcaption, figure, footer, header, nav { display: block; }
a { margin: 0px; padding: 0px; font-size: 100%; vertical-align: baseline; background: transparent none repeat scroll 0% 0%; }
* { box-sizing: border-box; }
body { background-color: rgb(242, 242, 242); position: relative; }
img { max-width: 100%; }
a { color: rgb(184, 139, 88); text-decoration: none; }
.Body { font-size: 18px; line-height: 22px; }
@media only screen and (min-width: 48em) {
	.Body { font-size: 20px; line-height: 27px; }
}
.Body > * { max-width: 980px; font-family: "PFRegal","Georgia",serif; }
.Body:last-child > :last-child { margin-bottom: 0px; }
.Body a { color: inherit; box-shadow: 0px -1px rgb(184, 139, 88) inset; }
.Body p { margin-bottom: 15px; }
.Body p:empty { display: none; }
.Body h3 { margin-top: 18px; margin-bottom: 12px; font-family: "Arial","Helvetica Neue",sans-serif; font-size: 21px; font-weight: bold; }
.SvgIcon { position: relative; z-index: 1; display: inline-block; overflow: hidden; vertical-align: middle; }
.SvgIcon--meduzaLogo { margin-top: -2px; height: 45px; width: 100px; }
.Menu { display: none; font-family: "Arial","Helvetica Neue",sans-serif; text-transform: uppercase; font-weight: 600; color: rgb(255, 255, 255); }
@media only screen and (min-width: 64em) {
	.Menu { font-size: 13px; height: 45px; width: 100%; letter-spacing: 1px; background-color: rgb(38, 38, 38); display: flex; justify-content: center; }
}
.Menu-item { position: relative; display: flex; align-items: center; padding: 0px; text-align: center; transition: color 0.15s ease-out 0s; }
@media only screen and (min-width: 64em) {
	.Menu-item { padding: 0px 15px; border-bottom: 0px none; }
}
@media only screen and (min-width: 64em) {
	.Menu-item:last-of-type { border-right: medium none; }
}
@media only screen and (min-width: 64em) {
}
.Menu-link { transition: color 0.15s ease-out 0s; text-decoration: none; color: rgb(255, 255, 255); position: relative; line-height: 45px; top: 1px; }
.MeduzaLogo { position: relative; z-index: 2; top: 0px; left: 0px; width: 100px; height: 100%; display: inline-block; background-repeat: no-repeat; background-position: center 10px; background-size: contain; }
.Header { position: relative; height: 45px; background-color: rgb(38, 38, 38); display: flex; flex-flow: row nowrap; z-index: 2; }
@media only screen and (min-width: 64em) {
	.Header { padding: 0px 15px; }
}
@media only screen and (max-width: 63.9375em) {
	.Header .HeaderButton--chat { display: none; }
}
.Header-left { display: flex; flex-basis: 16%; flex-grow: 1; height: 100%; }
.Header-center { height: 100%; display: none; }
@media only screen and (min-width: 64em) {
	.Header-center { display: flex; justify-content: center; flex-grow: 2; }
}
.Header-right { display: flex; flex-direction: row; height: 100%; align-items: flex-start; justify-content: flex-end; flex-basis: 16%; flex-grow: 1; }
.Header-meduzaLogo { display: flex; height: 45px; justify-content: center; position: absolute; left: 0px; right: 0px; }
@media only screen and (min-width: 64em) {
	.Header-meduzaLogo { position: static; }
}
.HeaderButton { position: relative; display: flex; min-width: 45px; height: 100%; padding: 0px 15px; -moz-user-select: none; justify-content: center; align-items: center; color: rgb(255, 255, 255); fill: currentcolor; border: 0px none; background: transparent none repeat scroll 0% 0%; margin: 0px; }
.HeaderButton:active { outline-width: 0px; }
.HeaderButton::after { position: absolute; top: 0px; right: 0px; bottom: 0px; border-right: 1px solid rgb(103, 103, 103); }
@media only screen and (min-width: 64em) {
	.HeaderButton::after { top: 10px; bottom: 10px; }
}
.HeaderButton-link { display: block; padding-top: 2px; text-transform: uppercase; color: inherit; font-family: "Arial","Helvetica Neue",sans-serif; font-weight: 600; }
.HeaderButton-link::before { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; content: ""; }
.HeaderButton--chat { font-size: 13px; letter-spacing: 0.05em; }
.Copyright { padding: 0px 12px; line-height: 1.2; }
@media only screen and (min-width: 64em) {
	.Copyright { padding: 0px; }
}
.Copyright-container { display: flex; flex-flow: row wrap; margin: 0px auto; padding: 13px 0px 12px; }
@media only screen and (min-width: 48em) {
	.Copyright-container { max-width: 675px; padding: 10px 0px 18px; border-top: 1px solid rgb(80, 80, 80); flex-wrap: nowrap; text-align: left; }
}
@media only screen and (min-width: 64em) {
	.Copyright-container { max-width: 860px; }
}
.Copyright-container a { color: rgb(255, 255, 255); }
.Copyright-block { padding-top: 13px; font-size: 17px; flex: 1 0 20%; }
@media only screen and (min-width: 48em) {
	.Copyright-block { padding-top: 0px; border-top: 0px none; }
}
.Copyright-block:last-child { text-align: right; }
.MaterialTag { position: relative; z-index: 30; display: inline-block; vertical-align: top; text-transform: uppercase; border: 1px solid; border-radius: 2px; font-weight: 700; line-height: 1; font-family: "Arial","Helvetica Neue",sans-serif; color: rgb(184, 139, 88); -moz-user-select: none; }
@media only screen and (max-width: 32em) {
	.MaterialTag { height: 15px; line-height: 15px; padding: 0px 5px; font-size: 10px; letter-spacing: 0.5px; }
}
span.MaterialTag { cursor: default; pointer-events: none; }
@media only screen and (min-width: 32em) {
	.MaterialTag--medium { height: 20px; line-height: 20px; padding: 0px 7px; letter-spacing: 1px; font-size: 12px; }
}
.MaterialTag--solid { color: rgb(255, 255, 255); background: rgb(184, 139, 88) none repeat scroll 0% 0%; border-color: rgb(184, 139, 88); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }
@media only screen and (min-width: 48em) {
}
@media only screen and (min-width: 63.125em) {
}
.MaterialMeta { display: inline-block; font-family: "Arial","Helvetica Neue",sans-serif; font-size: 12px; line-height: 14px; color: rgb(128, 128, 128); margin-right: 12px; padding-left: 18px; background-repeat: no-repeat; background-position: left center; background-size: 12px auto; font-weight: normal; }
@media only screen and (min-width: 48em) {
	.MaterialMeta { font-size: 15px; line-height: 18px; margin-right: 15px; }
}
.MaterialMeta--source { background-image: url(""); background-position-y: 1px; }
@media only screen and (min-width: 48em) {
	.MaterialMeta--source { background-position-y: 4px; white-space: nowrap; }
}
.MaterialMeta--time { background-size: 12px 12px; background-image: url(""); }
.MediaMaterialHeader { max-width: 840px; }
.MediaMaterialHeader-first { color: rgb(0, 0, 0); line-height: 27px; }
@media only screen and (min-width: 48em) {
	.MediaMaterialHeader-first { line-height: 38px; }
}
.MediaMaterialHeader-first, .MediaMaterialHeader-separator { transition: color 0.25s ease-out 0s; font-family: "Arial","Helvetica Neue",sans-serif; font-size: 24px; font-weight: 700; }
@media only screen and (min-width: 48em) {
	.MediaMaterialHeader-first, .MediaMaterialHeader-separator { font-size: 36px; }
}
.MediaMaterial { background-color: rgb(255, 255, 255); padding: 12px; }
@media only screen and (min-width: 48em) {
	.MediaMaterial { padding: 25px 15px 20px; }
}
.MediaMaterial-header { display: flex; flex-flow: column wrap; max-width: 650px; margin: 0px auto 18px; align-items: flex-start; }
@media only screen and (min-width: 63.125em) {
	.MediaMaterial-header { max-width: 1000px; margin-bottom: 25px; }
}
.MediaMaterial-tag { margin-bottom: 5px; }
@media only screen and (min-width: 48em) {
	.MediaMaterial-tag { margin-bottom: 11px; }
}
.MediaMaterial-meta { margin-top: 12px; }
@media only screen and (min-width: 48em) {
	.MediaMaterial-meta { margin-top: 12px; }
}
.MediaMaterial-materialContent { width: 100%; max-width: 650px; }
.MediaMaterial-body { position: relative; max-width: 650px; margin: 0px auto; }
@media only screen and (min-width: 63.125em) {
	.MediaMaterial-body { max-width: 1000px; }
}
@media only screen and (min-width: 48em) {
	.MediaMaterial--fullWidth .MediaMaterial-header { align-items: center; text-align: center; }
}
.MediaMaterial--fullWidth .MediaMaterial-materialContent { max-width: none; }
.Material { padding: 12px 0px 0px; }
@media only screen and (min-width: 48em) {
	.Material { padding: 15px 0px 0px; }
}
.Material-shadow { position: absolute; width: 100%; height: 1px; left: 0px; z-index: 300; background-color: rgba(0, 0, 0, 0.15); }
.Material-shadow--top { top: 0px; }
.Material-container { background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; }
@media only screen and (min-width: 48em) {
	.Body h3 { margin-top: 35px; margin-bottom: 10px; font-size: 26px; line-height: 27px; }
}
.MaterialContent--bannerless .Body > * { margin-right: auto; margin-left: auto; }
.MaterialContent .Figure { margin-right: -12px; margin-left: -12px; }
@media only screen and (min-width: 40.625em) {
	.MaterialContent .Figure { margin-right: auto; margin-left: auto; }
}
.Figure { margin: 15px -12px; }
.Figure img { display: block; margin: 5px auto; }
@media only screen and (min-width: 48em) {
	.Figure { margin: 27px auto 20px; }
}
@media only screen and (min-width: 75em) {
	.Figure { max-width: 650px; }
}
.Figure img { max-width: 100%; vertical-align: bottom; }
@media only screen and (min-width: 40.625em) {
	.Figure img { border-radius: 2px; }
}
.Figure-caption { width: 100%; max-width: 650px; margin: 0px auto; padding: 7px 12px 0px; font-size: 15px; line-height: 17px; }
@media only screen and (min-width: 40.625em) {
	.Figure-caption { padding-right: 0px; padding-left: 0px; font-size: 16px; line-height: 18px; }
}
.App { display: flex; flex-direction: column; min-height: 100vh; transition: transform 0.25s ease-out 0s, -webkit-transform 0.25s ease-out 0s, -o-transform 0.25s ease-out 0s; }
.App-content, .App-footer { transition: transform 0.25s ease-out 0s, -webkit-transform 0.25s ease-out 0s, -o-transform 0.25s ease-out 0s; }
.App-footer { position: relative; z-index: 1; }
.App-content { position: relative; z-index: 1; overflow: visible; background-color: rgb(242, 242, 242); flex: 1 0 auto; }
.App-header { position: relative; z-index: 200; }
.App--isMaterial .App-content { background-color: rgb(230, 230, 230); }
.Footer { color: rgb(153, 153, 153); background-color: rgb(37, 37, 37); font-family: "Arial","Helvetica Neue",sans-serif; }

.logo { display: block; margin-top: 10px; }
.ava-img { width: 50px; margin-right: 10px; display: inline-block; vertical-align: middle; }
.Body a { color: blue; }
a.button { font-size: 20px; text-align: center; color: rgb(255, 255, 255) ! important; background-color: red; display: block; width: 100%; max-width: 340px; border-radius: 30px; text-decoration: none; padding: 15px; }
.p5213 {font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif; font-weight: 380; line-height: 1.471; }
.mycity {
    color: white;
    font-size: 11px;
    background: #70b3d2;
    padding: 2px 4px 2px 4px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 2px;
    margin-left: 4px;
    vertical-align: bottom;
}
.t4527 { background-color: rgba(0, 0, 0, 0.7); display: none; width: 100%; height: 100%; z-index: 333; position: fixed; top: 0px; left: 0px; }
.p5213 { position: fixed; top: 15%; left: 50%; margin-left: -425px; padding: 20px 20px 90px; width: 850px; z-index: 3333; background: transparent linear-gradient(135deg, rgb(60, 114, 181) 0%, rgb(123, 159, 204) 100%) repeat scroll 0% 0%; border: 5px solid rgb(221, 221, 221); box-sizing: border-box; height: auto; }
.y3498 { margin: 0px 0px 25px; color: rgb(255, 255, 255); text-align: center; font-size: 28px; line-height: 25px; font-weight: bold; display: block; }
.r6934 { position: absolute; width: 30px; height: 40px; right: 10px; top: 10px; line-height: 40px; color: rgb(222, 69, 92); font-size: 40px;  text-shadow: 1px 1px 2px black, 0px 0px 1.5rem rgb(255, 255, 255); opacity: 0.7; transition: all 0.2s ease 0s; }
.i9983 { width: 35%; float: left; }
.i9983 img { width: 100%; height: auto; }
.n1543 { width: 60%; float: right; color: rgb(255, 255, 255); font-size: 24px; margin-top: 40px; margin-left: 5%; overflow-wrap: break-word; line-height: 1.4; }
.p5213 a { position: absolute; margin: 0px 0px 0px -200px; left: 50%; bottom: 20px; background: transparent linear-gradient(to bottom, rgb(222, 69, 92) 0%, rgb(222, 69, 92) 13%, rgb(192, 31, 55) 76%, rgb(192, 31, 55) 100%) repeat scroll 0% 0%; color: rgb(224, 226, 230); text-transform: uppercase; line-height: 60px; display: block; text-indent: 0px; font-style: normal; font-family: Arial,Helvetica,sans-serif; width: 400px; height: 60px; opacity: 1; text-align: center; font-size: 26px; font-weight: 900; border-radius: 10px; transition: all 0.8s ease 0s; text-decoration: none; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.8); box-sizing: border-box; }
@media only screen and (max-width: 866px) {
	.p5213 { width: 100%; left: 0px; margin-left: 0px; }
}
@media only screen and (max-width: 759px) {
	.y3498 { font-size: 26px; }
	.n1543 { font-size: 18px; }
}
@media only screen and (max-width: 605px) {
	.i9983 { float: none; margin: auto; }
	.n1543 { float: none; width: 100%; margin: 20px 0px 0px; }
	.b4571 { width: 250px; margin-left: -135px; font-size: 18px; }
	.y3498 { font-size: 24px; }
	.r6934 { right: 0px; }
}
@media only screen and (max-width: 450px) {
	.b4571 { width: 95% !important; left: 0px !important; display: block !important; margin-left: 2.5% !important; font-size: 22px !important; }
	.n1543 span, .n1543 b, .n1543 p { font-size: 18px !important; }
}
.y3498 p { padding: 0px; color: rgb(255, 255, 255); text-align: center; font-size: 28px; line-height: 25px; font-weight: bold; overflow-wrap: break-word; width: 90%; display: block; margin: auto; }
.n1543 p { margin: 0px; padding: 0px; color: rgb(255, 255, 255); font-size: 24px; }
.minute::after { position: absolute; content: "минут"; bottom: -10px; font-size: 12px; display: block; width: 100%; color: white; }
.second::after { position: absolute; content: "секунд"; bottom: -10px; font-size: 12px; display: block; width: 100%; color: white; }
td, th { border: 0px; padding-left: 10px; font-weight: 500; }
.t4527 { background-color: rgba(0, 0, 0, 0.7); display: none; width: 100%; height: 100%; z-index: 333; position: fixed; top: 0px; left: 0px; }
.p5213 { position: fixed; top: 5%; left: 50%; margin-left: -425px; padding: 20px 20px 90px; width: 850px; z-index: 3333; background: transparent linear-gradient(135deg, rgb(60, 114, 181) 0%, rgb(123, 159, 204) 100%) repeat scroll 0% 0%; border: 5px solid rgb(221, 221, 221); box-sizing: border-box; height: auto; }
.y3498 { margin: 0px 0px 25px; color: rgb(255, 255, 255); text-align: center; font-size: 28px; line-height: 25px; font-weight: bold; display: block; }
.r6934 { position: absolute; width: 30px; height: 40px; right: 10px; top: 10px; line-height: 40px; color: rgb(222, 69, 92); font-size: 40px; text-shadow: 1px 1px 2px black, 0px 0px 1.5rem rgb(255, 255, 255); opacity: 0.7; transition: all 0.2s ease 0s; }
.i9983 { width: 35%; float: left; }
.i9983 img { width: 100%; height: auto; }
.n1543 { width: 60%; float: right; color: rgb(255, 255, 255); font-size: 24px; margin-top: 40px; margin-left: 5%; overflow-wrap: break-word; line-height: 1.4; }
.p5213 a { position: absolute; margin: 0px 0px 0px -200px; left: 50%; bottom: 20px; background: transparent linear-gradient(to bottom, rgb(222, 69, 92) 0%, rgb(222, 69, 92) 13%, rgb(192, 31, 55) 76%, rgb(192, 31, 55) 100%) repeat scroll 0% 0%; color: rgb(224, 226, 230); text-transform: uppercase; line-height: 60px; display: block; text-indent: 0px; font-style: normal; font-family: Arial,Helvetica,sans-serif; width: 400px; height: 60px; opacity: 1; text-align: center; font-size: 26px; font-weight: 900; border-radius: 10px; transition: all 0.8s ease 0s; text-decoration: none; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.8); box-sizing: border-box; }
@media only screen and (max-width: 866px) {
	.p5213 { width: 100%; left: 0px; margin-left: 0px; }
}
@media only screen and (max-width: 759px) {
	.y3498 { font-size: 26px; }
	.n1543 { font-size: 18px; }
}
@media only screen and (max-width: 605px) {
	.i9983 { float: none; margin: auto; }
	.n1543 { float: none; width: 100%; margin: 20px 0px 0px; }
	.b4571 { width: 250px; margin-left: -135px; font-size: 18px; }
	.y3498 { font-size: 24px; }
	.r6934 { right: 0px; }
}
@media only screen and (max-width: 450px) {
	.b4571 { width: 95% !important; left: 0px !important; display: block !important; margin-left: 2.5% !important; font-size: 22px !important; }
	.n1543 span, .n1543 b, .n1543 p { font-size: 18px !important; }
}
.y3498 p { padding: 0px; color: rgb(255, 255, 255); text-align: center; font-size: 28px; line-height: 25px; font-weight: bold; overflow-wrap: break-word; width: 90%; display: block; margin: auto; }
.n1543 p { margin: 0px; padding: 0px; color: rgb(255, 255, 255); font-size: 24px; }
.minute::after { position: absolute; content: "минут"; bottom: -10px; font-size: 12px; display: block; width: 100%; color: white; }
.second::after { position: absolute; content: "секунд"; bottom: -10px; font-size: 12px; display: block; width: 100%; color: white; }
.p5213 { font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif; line-height: 1.471; }
a {cursor: default;}