/* Code tidied up by ScrapBook */
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 a:hover { color: rgb(184, 139, 88); }
.Body p { margin-bottom: 15px; }
.Body p:empty { display: none; }
.Body h3 { margin-top: 18px; margin-bottom: 12px; font-family: "Proxima Nova","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: "Proxima Nova","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-item:hover { color: rgb(153, 153, 153); background-color: inherit; }
}
.Menu-link { transition: color 0.15s ease-out 0s; text-decoration: none; color: rgb(255, 255, 255); position: relative; line-height: 45px; top: 1px; }
.Menu-item:hover .Menu-link { color: rgb(153, 153, 153); }
.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; cursor: pointer; }
.HeaderButton:active { outline-width: 0px; }
.HeaderButton:hover { color: rgb(153, 153, 153); }
.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: "Proxima Nova","Arial","Helvetica Neue",sans-serif; font-weight: 600; cursor: pointer; }
.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; }
.Copyright-container a:hover { color: rgba(255, 255, 255, 0.5); }
@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: "Proxima Nova","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) {
}
.MaterialClose { cursor: pointer; display: none; width: 20px; height: 20px; background-image: url("urn:scrapbook:download:error:http://orthofix.ru/assets/images/icons/cross.svg"); background-repeat: no-repeat; background-position: center center; background-size: 16px auto; }
@media only screen and (min-width: 63.125em) {
  .MaterialClose { display: inline-block; }
}
.MaterialMeta { display: inline-block; font-family: "Proxima Nova","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("e532f4e9c23677b76653507e723a39cd30cc6345.svg"); 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("a3fd45d1f497f3bbdb85276e6ec08268ed939132.svg"); }
.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: "Proxima Nova","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-containerClose { position: relative; }
.MediaMaterial-close { position: absolute; top: -10px; right: 0px; transition: transform 0.15s ease-out 0s, -webkit-transform 0.15s ease-out 0s, -o-transform 0.15s ease-out 0s; }
.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; }
}
.MediaMaterial--bannerless .MediaMaterial-body { display: block; max-width: none; }
@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; }
}
@-moz-document url-prefix("") {
}
.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: "Proxima Nova","Arial","Helvetica Neue",sans-serif; }
@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 400;
  src: url("ProximaNova-Regular-4238ca.woff") format("woff");
}
@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 600;
  src: url("ProximaNova-Semibold-125692.woff") format("woff");
}
@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 700;
  src: url("ProximaNova-Bold-86fdfa.woff") format("woff");
}
.logo { display: block; margin-top: 10px; }
.ava-img { width: 50px; margin-right: 10px; display: inline-block; vertical-align: middle; }
.Body a { color: blue; }
.Body a:hover { box-shadow: none; }
a.button { font-size: 20px; text-align: center; color: rgb(255, 255, 255) ! important; background-color: red; display: block; width: 100%; max-width: 320px; border-radius: 30px; text-decoration: none; padding: 15px; }
a.button:hover { background-color: rgb(193, 31, 31); }
.right { text-align: right; font-style: italic; }