@charset "UTF-8";

/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,100;0,300;0,400;0,700;1,400&display=swap');

@font-face {font-family: Calibri; src: url("fonts/Calibri/Calibri.ttf") format("truetype");}
@font-face {font-family: Calibri; src: url("fonts/Calibri/Calibri-Bold.ttf") format("truetype"); font-weight: bold;}
@font-face {font-family: Calibri; src: url("fonts/Calibri/Calibri-Italic.ttf") format("truetype"); font-style: italic;}
@font-face {font-family: Calibri; src: url("fonts/Calibri/Calibri-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic;}

@font-face {font-family: Consolas; src: url("fonts/Consolas/Consolas.ttf") format("truetype");}
@font-face {font-family: Consolas; src: url("fonts/Consolas/Consolas-Bold.ttf") format("truetype"); font-weight: bold;}
@font-face {font-family: Consolas; src: url("fonts/Consolas/Consolas-Italic.ttf") format("truetype"); font-style: italic;}
@font-face {font-family: Consolas; src: url("fonts/Consolas/Consolas-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic;}

@font-face {font-family: FedraSerifAPro; src: url("fonts/FedraSerifAPro/FedraSerifAPro-Normal.ttf") format("truetype");}
@font-face {font-family: FedraSerifAPro; src: url("fonts/FedraSerifAPro/FedraSerifAPro-NormalItalic.ttf") format("truetype"); font-style: italic;}
@font-face {font-family: FedraSerifAPro; src: url("fonts/FedraSerifAPro/FedraSerifAPro-Medium.ttf") format("truetype"); font-weight: 500;}
@font-face {font-family: FedraSerifAPro; src: url("fonts/FedraSerifAPro/FedraSerifAPro-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic;}
@font-face {font-family: FedraSerifAPro; src: url("fonts/FedraSerifAPro/FedraSerifAPro-Bold.ttf") format("truetype"); font-weight: bold;}
@font-face {font-family: FedraSerifAPro; src: url("fonts/FedraSerifAPro/FedraSerifAPro-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic;}

@font-face {font-family: MinionPro; src: url("fonts/MinionPro/MinionPro-Regular.ttf") format("truetype");}
@font-face {font-family: MinionPro; src: url("fonts/MinionPro/MinionPro-Bold.ttf") format("truetype"); font-weight: bold;}
@font-face {font-family: MinionPro; src: url("fonts/MinionPro/MinionPro-It.ttf") format("truetype"); font-style: italic;}
@font-face {font-family: MinionPro; src: url("fonts/MinionPro/MinionPro-BoldIt.ttf") format("truetype"); font-weight: bold; font-style: italic;}

@font-face {font-family: NewsGothicTLCond; src: url("fonts/NewsGothicTL/NewsGothicTL-RomanCondensed.ttf") format("truetype");}
@font-face {font-family: NewsGothicTLCond; src: url("fonts/NewsGothicTL/NewsGothicTL-BoldCondensed.ttf") format("truetype"); font-weight: bold;}

@font-face {font-family: Plumb; src: url("fonts/Plumb/Plumb-Regular.ttf") format("truetype");}
@font-face {font-family: Plumb; src: url("fonts/Plumb/Plumb-Bold.ttf") format("truetype"); font-weight: bold;}

@font-face {font-family: Pragmatica; src: url("fonts/Pragmatica/PragmaticaCyrillic.ttf") format("truetype");}
@font-face {font-family: Pragmatica; src: url("fonts/Pragmatica/PragmaticaBoldCyrillic.ttf") format("truetype"); font-weight: bold;}
@font-face {font-family: Pragmatica; src: url("fonts/Pragmatica/PragmaticaItalicCyrillic.ttf") format("truetype"); font-style: italic;}
@font-face {font-family: Pragmatica; src: url("fonts/Pragmatica/PragmaticaBlack.ttf") format("truetype"); font-weight: 900;}
@font-face {font-family: Pragmatica; src: url("fonts/Pragmatica/PragmaticaBlack-Oblique.ttf") format("truetype"); font-weight: 900; font-style: italic;}
@font-face {font-family: Pragmatica; src: url("fonts/Pragmatica/PragmaticaExtraLight-Reg.ttf") format("truetype"); font-weight: 100;}
@font-face {font-family: Pragmatica; src: url("fonts/Pragmatica/PragmaticaLight.ttf") format("truetype"); font-weight: 200;}
@font-face {font-family: Pragmatica; src: url("fonts/Pragmatica/PragmaticaRoman.ttf") format("truetype"); font-weight: 300;}

@font-face {font-family: PragmaticaCond; src: url("fonts/Pragmatica/PragmaticaCondBook-Reg.ttf") format("truetype");}
@font-face {font-family: PragmaticaCond; src: url("fonts/Pragmatica/PragmaticaCondBold-Reg.ttf") format("truetype"); font-weight: bold;}

@font-face {font-family: BigNoodleTitling; src: url("fonts/BigNoodle/BigNoodleTitlingCyr.ttf") format("truetype");}




/* code */
.highlight{background:#FFFFFF;color:#111}
/*.highlight .err{background:#C82829;color:#FFFFFF}*/
.highlight .hll{background-color:#EFEFEF}
.highlight .c {color:#929292}
.highlight .k {color:#8959A8}
/*.highlight .l {color:#F5871F}*/
/*.highlight .n {color:#929292}*/
.highlight .o {color:#545454}
.highlight .p {color:#929292}
.highlight .cm{color:#929292}
.highlight .cp{color:#929292}
.highlight .c1{color:#929292}
.highlight .cs{color:#929292}
.highlight .gd{color:#C82829}
.highlight .ge{font-style:italic}
.highlight .gh{color:#545454;font-weight:bold}
.highlight .gi{color:#718C00}
.highlight .gp{color:#718C00;font-weight:bold}
.highlight .gs{font-weight:bold}
.highlight .gu{color:#3E999F;font-weight:bold}
.highlight .kc{color:#8959A8}
.highlight .kd{color:#8959A8}
.highlight .kn{color:#3E999F}
.highlight .kp{color:#4271AE}
.highlight .kr{color:#8959A8}
.highlight .kt{color:#EAB700}
.highlight .ld{color:#718C00}
.highlight .m {color:#F5871F}
.highlight .s {color:#718C00}
.highlight .na{color:#4271AE}
.highlight .nb{color:#4271AE}
.highlight .nc{color:#EAB700}
.highlight .no{color:#EAB700}
.highlight .nd{color:#3E999F}
.highlight .ni{color:#545454}
.highlight .ne{color:#C82829}
.highlight .nf{color:#4271AE}
.highlight .nl{color:#545454}
.highlight .nn{color:#EAB700}
.highlight .nx{color:#4271AE}
.highlight .py{color:#545454}
.highlight .nt{color:#3E999F}
.highlight .nv{color:#C82829}
.highlight .ow{color:#3E999F}
.highlight .w {color:#545454}
.highlight .mf{color:#F5871F}
.highlight .mh{color:#F5871F}
.highlight .mi{color:#F5871F}
.highlight .mo{color:#F5871F}
.highlight .sb{color:#718C00}
.highlight .sc{color:#545454}
.highlight .sd{color:#929292}
.highlight .s2{color:#718C00}
.highlight .se{color:#F5871F}
.highlight .sh{color:#718C00}
.highlight .si{color:#F5871F}
.highlight .sx{color:#718C00}
.highlight .sr{color:#718C00}
.highlight .s1{color:#718C00}
.highlight .ss{color:#718C00}
.highlight .bp{color:#545454}
.highlight .vc{color:#C82829}
.highlight .vg{color:#C82829}
.highlight .vi{color:#C82829}
.highlight .il{color:#F5871F}





/* xmd */
.xmd, .xmd * {
  position: relative;
}
.xmd {
  /*font-weight: 100;*/
  font-size: 18px !important;
  line-height: 140%;
  font-family: Roboto,Pragmatica,sans-serif !important;
  text-align: justify;
  color: #222 !important;
}

.xmd wbr:after {
  content: '\00200B';
}

.xmd h2 {
  text-align: left;
  font-weight: 700 !important;
  font-size: 19px !important;
  line-height: 100%;
  font-family: Rubik,Roboto,Pragmatica,sans-serif !important;
  text-transform: uppercase;
  color: #222;
}

.xmd h3, .xmd h4, .xmd h5 {
  text-align: left;
  font-weight: 700 !important;
  font-size: 19px !important;
  line-height: 100%;
  font-family: Rubik,Roboto,Pragmatica,sans-serif !important;
  color: #222;
}

.xmd a {
  color: #d20;
  /*color: #00adef;*/
  /*border-bottom: 1px #94dcf8 solid;*/
  text-decoration: none;
}
.xmd a:hover, .xmd a:focus {
  text-decoration: underline;
}

.xmd em {
  font-style: normal;
}

.xmd p {
  font-size: 18px !important;
  margin: 24px 0 0;
}

.xmd p:empty {
  display: none;
}

/*.xmd p:not(:empty) + p {
  text-indent: 4%;
}*/

.xmd p:not(:empty) + ul, .xmd p:not(:empty) + ol {
  /*margin-top: 0;*/
}

.xmd p strong {
  font-weight: bold;
}

.xmd p code {
  color: #000;
  font-weight: normal;
  font-size: 19px;
  font-family: Consolas,monospace !important;
}

.xmd hr {
  display: block;
  height: 0px;
  border: none;
  page-break-after: always;
}

/*.xmd hr + p {
  text-indent: 4%;
}*/

.xmd hr + ul, .xmd hr + ol {
  margin-top: 0;
}

.xmd blockquote {
  padding: 0 8%;
  font-size: 85%;
  line-height: 130%;
  font-style: italic;
  /*color: #f00;*/
}

.xmd li p:first-of-type, .xmd blockquote p:first-of-type {
  margin-top: 0;
}

.xmd img {
  max-width: 100%;
}

.xmd figure {
  text-align: center;
  margin: 3% auto;
}

.xmd figure > a, .xmd figure > img, .xmd figure > a > img {
  display: block !important;
  max-width: 100%;
  margin: 0 auto;
}

.xmd figure figcaption {
  display: inline-block;
  text-align: left;
  font-style: normal;
  font-size: 16px;
  line-height: inherit;
  background-color: #666;
  color: #fff;
  padding: 0.5% 3%;
  margin: 0 auto;
  overflow-wrap: normal;
  word-wrap: normal;
  -ms-word-break: normal;
  word-break: normal;
}

.xmd figure.no-text figcaption {
  display: none;
}

.xmd figure.right > a, .xmd figure.right > img {
  left: 60%;
  max-width: 40%;
  text-align: left;
}

.xmd figure.right figcaption {
  position: absolute;
  bottom: 0;
  right: 40%;
  text-align: right;
}

.xmd figure.center, .xmd figure.small, .xmd figure.xsmall {
  float: none;
  max-width: 80%;
  text-align: center;
}

.xmd figure.center > a, .xmd figure.center > img, .xmd figure.small > a, .xmd figure.small > img, .xmd figure.xsmall > a, .xmd figure.xsmall > img {
  margin: 0 auto;
}

.xmd figure.xsmall {
  max-width: 60%;
}

.xmd figure.full, .xmd figure.xlarge {
  float: none;
  max-width: none;
  text-align: center;
  margin: 5% -9.5%;
}

.xmd figure.full > a, .xmd figure.full > img, .xmd figure.xlarge > a, .xmd figure.xlarge > img {
  width: 100%;
  margin: 0 auto;
}

.xmd figure.float-right {
  clear: both;
  float: right;
  max-width: 30%;
  text-align: right;
  margin: 3% auto 3% 5%;
}

.xmd figure.float-right > a, .xmd figure.float-right > img {
  margin-left: auto;
}

.xmd figure.video a {
  position: relative;
  background-color: #000;
  border: none;
}

.xmd figure.video a:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7) url(images/play-button.png) center center no-repeat;
  z-index: 2;
}

.xmd figure.video a:hover:before {
  background-color: rgba(0, 0, 0, 0.4);
}
.xmd figure.video a img {
  min-height: 400px;
}

.xmd .tc2, .xmd .tc3, .xmd .tc4 {
  min-width: 90%;
  max-width: 100%;
  text-align: center;
  margin: 3% auto;
}

.xmd .tc2 th, .xmd .tc2 td, .xmd .tc3 th, .xmd .tc3 td, .xmd .tc4 th, .xmd .tc4 td {
  vertical-align: bottom;
}

.xmd .tc2 th figure, .xmd .tc2 td figure, .xmd .tc3 th figure, .xmd .tc3 td figure, .xmd .tc4 th figure, .xmd .tc4 td figure {
  display: block;
  margin: 0 auto;
}

.xmd .tc2 .l, .xmd .tc3 .l, .xmd .tc4 .l {
  text-align: center;
  background-color: #999;
  color: #fff;
  padding: 0.5% 3%;
  overflow-wrap: normal;
  word-wrap: normal;
  -ms-word-break: normal;
  word-break: normal;
}

.xmd .tc2.no-text .l, .xmd .tc3.no-text .l, .xmd .tc4.no-text .l {
  display: none;
}

.xmd .tc2 th, .xmd .tc2 td {
  width: 50%;
}

.xmd .tc3 th, .xmd .tc3 td {
  width: 33.34%;
}

.xmd .tc4 th, .xmd .tc4 td {
  width: 25%;
}

.xmd ul, .xmd ol {
  margin: 3% auto 3% 4%;
}

.xmd ul ul, .xmd ul ol, .xmd ol ul, .xmd ol ol {
  margin: 0 auto 0 4%;
}

.xmd ul, .xmd ul li {
  list-style: none !important;
}

.xmd ul li, .xmd ol li {
  /*font-size: 16px !important;*/
  font-size: 18px !important;
  line-height: inherit !important;
}

.xmd ul li:before {
  content: '\2022';
  position: absolute;
  display: block;
  left: -15px;
  top: 5%;
  font-size: 14px;
  /*line-height: 135%;*/
}

.xmd .lead {
  font-weight: 300;
  font-size: 22px !important;
  color: #000;
  line-height: 125%;
  font-family: Roboto,Pragmatica,sans-serif !important;
  margin-bottom: 5%;
}

.xmd .catcher {
  display: none;
}

.xmd .highlight {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  font-weight: normal;
  font-size: 18px;
  line-height: 135%;
  font-family: Consolas !important;
  white-space: pre;
  margin: 4% auto;
}

.xmd .highlight .wrapper {
  display: inline-block;
  min-width: 100%;
}

.xmd .highlight .wrapper *:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: solid 1px #ccc;
}

.xmd .highlight .wrapper span {
  display: inline-block;
}

.xmd .highlight .wrapper .l {
  display: block !important;
}

.xmd .tcols {
  border-collapse: collapse;
  width: 100%;
  margin: 3% auto;
}

.xmd .tcols thead {
  background-color: #f00;
  color: #fff;
}

.xmd .tcols thead th, .xmd .tcols thead td {
  font-weight: bold;
  border: solid 1px #f00;
}

.xmd .tcols th, .xmd .tcols td {
  border: solid 1px #ddd;
  padding: 1% 2%;
}

.xmd .tcols th:before, .xmd .tcols td:before {
  display: none;
}

.xmd .tcols.cols4, .xmd .tcols.cols5, .xmd .tcols.cols6, .xmd .tcols.cols7, .xmd .tcols.cols8, .xmd .tcols.cols9 {
  counter-reset: table-counter;
  width: 80%;
  margin: 5% 10% 0;
}

.xmd .tcols.cols4 thead, .xmd .tcols.cols5 thead, .xmd .tcols.cols6 thead, .xmd .tcols.cols7 thead, .xmd .tcols.cols8 thead, .xmd .tcols.cols9 thead {
  display: none;
}

.xmd .tcols.cols4 tbody td, .xmd .tcols.cols5 tbody td, .xmd .tcols.cols6 tbody td, .xmd .tcols.cols7 tbody td, .xmd .tcols.cols8 tbody td, .xmd .tcols.cols9 tbody td {
  display: block;
  border: none;
  padding-right: 1%;
}

.xmd .tcols.cols4 tbody td:before, .xmd .tcols.cols5 tbody td:before, .xmd .tcols.cols6 tbody td:before, .xmd .tcols.cols7 tbody td:before, .xmd .tcols.cols8 tbody td:before, .xmd .tcols.cols9 tbody td:before {
  display: inline;
  font-weight: bold;
}

.xmd .tcols.cols4 tbody td:first-of-type, .xmd .tcols.cols5 tbody td:first-of-type, .xmd .tcols.cols6 tbody td:first-of-type, .xmd .tcols.cols7 tbody td:first-of-type, .xmd .tcols.cols8 tbody td:first-of-type, .xmd .tcols.cols9 tbody td:first-of-type {
  font-weight: 700;
  font-family: Roboto,Pragmatica,sans-serif !important;
  padding: 0.8% 1% 0;
  margin-bottom: 1%;
}

.xmd .tcols.cols4 tbody td:first-of-type:before, .xmd .tcols.cols5 tbody td:first-of-type:before, .xmd .tcols.cols6 tbody td:first-of-type:before, .xmd .tcols.cols7 tbody td:first-of-type:before, .xmd .tcols.cols8 tbody td:first-of-type:before, .xmd .tcols.cols9 tbody td:first-of-type:before {
  counter-increment: table-counter;
  content: counter(table-counter) ". ";
}

.xmd .tcols.cols4 tbody td:last-of-type, .xmd .tcols.cols5 tbody td:last-of-type, .xmd .tcols.cols6 tbody td:last-of-type, .xmd .tcols.cols7 tbody td:last-of-type, .xmd .tcols.cols8 tbody td:last-of-type, .xmd .tcols.cols9 tbody td:last-of-type {
  margin-bottom: 5%;
}

.xmd .panel {
  border: none !important;
}

.xmd .panel > div {
  text-align: initial !important;
  border: none !important;
  padding: initial !important;
}

.xmd .panel > *:first-child:not(:empty), .xmd .panel > div > *:first-child:not(:empty) {
  margin-top: 0 !important;
  /*text-indent: 0;*/
}

.xmd .panel br {
  display: none;
}

.xmd .panel .highlight {
  background-color: #fff;
  padding: 1%;
}

.xmd .panel figure {
  max-width: 100%;
  margin: 3% auto;
}

.xmd .panel figure.full, .xmd .panel figure.xlarge {
  margin: 5% auto;
}

.xmd .panel blockquote {
  font-size: 93%;
  color: #fff;
  padding: 3% 8%;
}

.xmd .panel blockquote p {
  display: block !important;
}

.xmd .panel blockquote p:first-of-type {
  position: relative;
  /*text-indent: 4%;*/
  /*margin-top: -16px;*/
  margin-top: 0;
}

.xmd .panel .tcols {
  margin: 3% auto;
}

.xmd .panel .tcols thead {
  color: #000;
  background-color: #ddd;
}

.xmd .panel .tcols thead th, .xmd .panel .tcols thead td {
  border-color: #ddd;
}

.xmd .panel.default, .xmd .panel[class='panel'] {
  /*background-color: #4c4c4e;*/
  /*color: #fff;*/
  background-color: #ccc;
  margin: 4% -4% !important;
  padding: 20px 4% !important;
}

.xmd .panel.default h2, .xmd .panel.default h3, .xmd .panel.default h4, .xmd .panel[class='panel'] h2, .xmd .panel[class='panel'] h3, .xmd .panel[class='panel'] h4 {
  font-weight: bold;
  font-size: 26px !important;
  font-family: NewsGothicTLCond !important;
  /*color: #ddd;*/
}

.xmd .panel.default h2 + h2, .xmd .panel.default h2 + h3, .xmd .panel.default h2 + h4, .xmd .panel.default h2 + h5, .xmd .panel.default h2 + h6, .xmd .panel.default h2 + ol, .xmd .panel.default h2 + ul, .xmd .panel.default h3 + h2, .xmd .panel.default h3 + h3, .xmd .panel.default h3 + h4, .xmd .panel.default h3 + h5, .xmd .panel.default h3 + h6, .xmd .panel.default h3 + ol, .xmd .panel.default h3 + ul, .xmd .panel.default h4 + h2, .xmd .panel.default h4 + h3, .xmd .panel.default h4 + h4, .xmd .panel.default h4 + h5, .xmd .panel.default h4 + h6, .xmd .panel.default h4 + ol, .xmd .panel.default h4 + ul, .xmd .panel[class='panel'] h2 + h2, .xmd .panel[class='panel'] h2 + h3, .xmd .panel[class='panel'] h2 + h4, .xmd .panel[class='panel'] h2 + h5, .xmd .panel[class='panel'] h2 + h6, .xmd .panel[class='panel'] h2 + ol, .xmd .panel[class='panel'] h2 + ul, .xmd .panel[class='panel'] h3 + h2, .xmd .panel[class='panel'] h3 + h3, .xmd .panel[class='panel'] h3 + h4, .xmd .panel[class='panel'] h3 + h5, .xmd .panel[class='panel'] h3 + h6, .xmd .panel[class='panel'] h3 + ol, .xmd .panel[class='panel'] h3 + ul, .xmd .panel[class='panel'] h4 + h2, .xmd .panel[class='panel'] h4 + h3, .xmd .panel[class='panel'] h4 + h4, .xmd .panel[class='panel'] h4 + h5, .xmd .panel[class='panel'] h4 + h6, .xmd .panel[class='panel'] h4 + ol, .xmd .panel[class='panel'] h4 + ul {
  margin-top: 3% !important;
}

.xmd .panel.default img, .xmd .panel[class='panel'] img {
  height: auto;
}

.xmd .panel.www, .xmd .panel.info, .xmd .panel.warning, .xmd .panel.danger, .xmd .panel.greeting {
  max-width: 70%;
  min-height: 80px;
  font-weight: normal;
  font-size: 19px !important;
  line-height: 130%;
  font-family: PragmaticaCond !important;
  padding: 0 0 0 96px !important;
  margin: 48px auto;
}

.xmd .panel.www:before, .xmd .panel.info:before, .xmd .panel.warning:before, .xmd .panel.danger:before, .xmd .panel.greeting:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
  background: #d20 url(images/panel-info.png) center center no-repeat;
  background-size: contain;
  border-radius: 50%;
}

.xmd .panel.www h2, .xmd .panel.www h3, .xmd .panel.www h4, .xmd .panel.info h2, .xmd .panel.info h3, .xmd .panel.info h4, .xmd .panel.warning h2, .xmd .panel.warning h3, .xmd .panel.warning h4, .xmd .panel.danger h2, .xmd .panel.danger h3, .xmd .panel.danger h4, .xmd .panel.greeting h2, .xmd .panel.greeting h3, .xmd .panel.greeting h4 {
  font-weight: bold;
  font-size: 22px;
  line-height: 120%;
  font-family: FedraSerifAPro !important;
  text-transform: uppercase;
  color: #000;
  padding: 0 0 2%;
  margin-top: 0;
}

.xmd .panel.www img, .xmd .panel.info img, .xmd .panel.warning img, .xmd .panel.danger img, .xmd .panel.greeting img {
  display: none;
}

/*.xmd .panel.www p, .xmd .panel.info p, .xmd .panel.warning p, .xmd .panel.danger p, .xmd .panel.greeting p {
  text-indent: 0;
}*/
.xmd .panel.www li:before, .xmd .panel.info li:before, .xmd .panel.warning li:before, .xmd .panel.danger li:before, .xmd .panel.greeting li:before {
  display: none;
}


.xmd .panel.term {
  background-color: #111;
  color: #0f0;
  padding: 0 2%;
  font: normal 86%/140% Consolas,monospace !important;
  text-align: left;
  white-space: pre-wrap;
}
.xmd .panel.term * {
  color: #0f0;
}

.xmd .panel.term code {
  font-size: unset;
}

.xmd .panel.term p {
  /*text-indent: 0 !important;*/
  margin: 0 !important;
}

.xmd .panel.term .highlight {
  background-color: transparent;
  color: #0f0;
}

.xmd .panel.term .highlight .wrapper *:after {
  display: none !important;
}

.xmd .panel.greeting:before {
  background-image: url(images/panel-greeting.png);
}

.xmd .panel.danger:before {
  background-image: url(images/panel-warning.png);
}

.xmd .panel.warning:before {
  background-image: url(images/panel-warning.png);
}

.xmd .panel.info:before {
  background-image: url(images/panel-info.png);
}

.xmd .panel.www:before {
  background-image: url(images/panel-www.png);
}

.xmd .youtube, .xmd .vimeo {
  display: block;
  text-align: center;
  color: #fff;
  background-color: #333;
  font-weight: bold;
  line-height: 36px;
  border: none;
  white-space: nowrap;
  padding: 24px 24px 21px;
  margin: 4% 5% 6%;
  border-radius: 24px;
}

.xmd .youtube:before, .xmd .vimeo:before {
  content: '';
  display: inline-block;
  width: 36px;
  height: 36px;
  margin: -10px 16px -10px 0;
}

.xmd .youtube {
  background-color: #eb381a;
}

.xmd .youtube:before {
  background: url(/images/youtube-button.png) center center no-repeat;
}

.xmd .vimeo {
  background-color: #1ab7ea;
}

.xmd .vimeo:before {
  background: url(/images/vimeo-button.png) center center no-repeat;
}

.xmd #toc, .xmd .toch, .xmd .wp-polls, .xmd .wp-polls-loading, .xmd .panel br {
  display: none;
}

.xmd .nobr {
  display: inline-block;
  white-space: nowrap !important;
  /*text-indent: initial;*/
}

.xmd h1:empty, .xmd h2:empty, .xmd h3:empty, .xmd h4:empty, .xmd h5:empty, .xmd h6:empty, .xmd p:empty, .xmd pre:empty, .xmd code:empty, .xmd blockquote:empty, .xmd ul:empty, .xmd ol:empty, .xmd table:empty, .xmd figure:empty, .xmd figcaption:empty, .xmd div:empty {
  display: none;
}

.xmd > pre, .xmd > code, .xmd > blockquote, .xmd > ul, .xmd > ol, .xmd > table, .xmd > figure, .xmd > div {
  margin-top: 3%;
  margin-bottom: 3%;
}

.xmd > pre + p:not(:empty), .xmd > code + p:not(:empty), .xmd > blockquote + p:not(:empty), .xmd > ul + p:not(:empty), .xmd > ol + p:not(:empty), .xmd > table + p:not(:empty), .xmd > figure + p:not(:empty), .xmd > div + p:not(:empty) {
  /*text-indent: 0;*/
  margin-top: 3%;
}

.xmd figure[class*="float-"] + p:not(:empty) {
  /*text-indent: 4%;*/
  margin-top: 0;
}

.xmd h1, .xmd h2, .xmd h3, .xmd h4, .xmd h5, .xmd h6 {
  margin-top: 5%;
}

.xmd h1 + *, .xmd h2 + *, .xmd h3 + *, .xmd h4 + *, .xmd h5 + *, .xmd h6 + * {
  margin-top: 0 !important;
}

.xmd h1 + figure, .xmd h2 + figure, .xmd h3 + figure, .xmd h4 + figure, .xmd h5 + figure, .xmd h6 + figure {
  margin-top: 3% !important;
}



/* site */
#content .bdaia-post-content .xmd .panel.term br {
  display: initial !important;
}
#content .bdaia-post-content.editor .xmd > p:last-of-type:after,
#content .bdaia-post-content.can_read .xmd > p:last-of-type:after,
.xmd li:last-of-type:after{
  content: ' © Xakep';
  display: inline-block;
  width: 24px;
  overflow: hidden;
  background: url(images/xakep-logo26.png) 50% 40% no-repeat;
  background-size: contain;
  color: transparent;
  white-space: nowrap;
  vertical-align: middle;
  margin-left: 5px;
}
.xmd li:last-of-type:after{display:none;}



/* magplan */
.xmd .paywall-notice p {
  display: inline;
}





/* mobile */
@media (max-width: 767px) {
  .xmd {
    text-align: inherit;
    hyphens: none;
  }
  .xmd ul, .xmd ol {
    margin-left: 5%;
  }
  .xmd figure.float-right {
    max-width: 50%;
  }
  .xmd figure.xsmall, .xmd figure.small {
    max-width: 80%;
  }
  .xmd .tcols {
    counter-reset: table-counter;
    width: 80%;
    margin: 5% 10% 0;
  }
  .xmd .tcols thead {
    display: none;
  }
  .xmd .tcols tbody td {
    display: block;
    border: none;
    padding-right: 1%;
  }
  .xmd .tcols tbody td:before {
    display: inline;
    font-weight: bold;
  }
  .xmd .tcols tbody td:first-of-type {
    font-weight: 700;
    font-family: Roboto,Pragmatica,sans-serif !important;
    padding: 0 1%;
    margin-bottom: 1%;
  }
  .xmd .tcols tbody td:first-of-type:before {
    counter-increment: table-counter;
    content: counter(table-counter) ". ";
  }
  .xmd .tcols tbody td:last-of-type {
    margin-bottom: 5%;
  }
  .xmd .panel .highlight {
    padding: 2%;
  }
  .xmd .panel.www ul li:before, .xmd .panel.www ol li:before, .xmd .panel.info ul li:before, .xmd .panel.info ol li:before, .xmd .panel.warning ul li:before, .xmd .panel.warning ol li:before, .xmd .panel.danger ul li:before, .xmd .panel.danger ol li:before, .xmd .panel.greeting ul li:before, .xmd .panel.greeting ol li:before {
    display: none;
  }
  .xmd .youtube, .xmd .vimeo {
    font-size: 85%;
  }
}
@media (max-width: 544px) {
  .xmd {
    font-size: 16px !important;
    text-align: left;
    margin-top: 12%;
  }
  .xmd p {
    font-size: 16px !important;
  }
  .xmd ul, .xmd ol {
    padding-left: 0 !important;
    margin-left: 6%;
  }
  .xmd ul li, .xmd ol li {
    font-size: 14px !important;
  }
  .xmd figure {
    float: none !important;
    max-width: none !important;
    text-align: center !important;
    margin: 5% auto !important;
  }
  .xmd figure > a, .xmd figure > img {
    margin: 0;
    max-width: 100%;
  }
  .xmd figure figcaption {
    right: auto;
    text-align: center;
  }
  .xmd .lead {
    position: static !important;
    margin: 0 0 5% !important;
  }
  .xmd .panel.www, .xmd .panel.info, .xmd .panel.warning, .xmd .panel.danger, .xmd .panel.greeting {
    font-size: 90%;
    max-width: none;
    padding-left: 0 !important;
    margin: 8% 5% !important;
  }
  .xmd .panel.www:before, .xmd .panel.info:before, .xmd .panel.warning:before, .xmd .panel.danger:before, .xmd .panel.greeting:before {
    width: 60px;
    height: 60px;
    position: relative;
    left: 50%;
    margin: 0 0 10px -30px;
  }
  .xmd .panel.www h4, .xmd .panel.info h4, .xmd .panel.warning h4, .xmd .panel.danger h4, .xmd .panel.greeting h4 {
    text-align: center;
  }
  .xmd .panel .highlight {
    padding: 3%;
  }
  .xmd .youtube, .xmd .vimeo {
    /*width: 30vw;*/
    height: 52px;
    margin: 4% auto;
    text-indent: 9999px;
    color: transparent;
    overflow: hidden;
  }
  .xmd .youtube:before, .xmd .vimeo:before {
    position: absolute;
    top: 14px;
    left: 50%;
    color: #fff;
    margin-left: -14px;
  }
}