html, body, div, h1, h2, h3, p, blockquote, address, img, cite, ol, ul, dd, dl, dt, ul, li, fieldset, form, legend, table, tr, th, td, figure, figcaption {vertical-align:top; border:0em none; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-style:normal; color:#000; margin:0px; padding:0px; clear:none;}

html {background:#fff;}
body {width:100%; height:100%; max-width:980px; padding:0px 20px; box-sizing:border-box; display:block; position:relative; margin:0px auto;}
h1, h2, h3, div.sections {width:100%; clear:both; font-weight:normal;}
h1 {font-family:"Linux Libertine", Georgia, Times, serif; font-size:28px; line-height:36px; margin:8px 0px 4px;}
div.box h2, div.box div.sections {font-size:22px; line-height:22px; margin:16px 0px 0px; float:left; clear:both;}
div.box h3 {font-size:18px; line-height:18px; margin:12px 0px 0px; float:left; clear:both;}

em, cite {font-style:italic;}
a {text-decoration:none; color:#008ACE; border-bottom:1px solid #b2ccf0;}
a:link {color:#008ACE;  border-bottom:1px solid #b2ccf0;}
a:visited {color:#B40EB4; border-bottom:1px solid #e0b2e0;}
a:hover, a:active {color:#d00; border-bottom:1px solid #f0b2b2;}
a.dashed {color:#25b; border-bottom:1px dashed #25b; background:#eee;}
a.dashed:link {color:#25b; border-bottom:1px dashed #25b;}
a.dashed:visited {color:#B40EB4; border-bottom:1px dashed #e0b2e0;}
a.dashed:hover, a.dashed:active {color:#f00; border-bottom:1px dashed #f00;}

sup, sub {line-height:0px; font-size:0.8em;}
sup.easy, sub.easy {color:#070;}
sup.medium, sub.medium {color:#e60;}
sup.hard, sub.hard {color:#f00;}
sup.expert, sub.expert {color:#000;}
sup span.formula, sub span.formula {line-height:0px; font-size:14px;}
div.box p {width:100%; margin:8px 0px; float:left; clear:both;}
div.box p.date {font-size:14px; line-height:14px; margin:0px 0px 8px; color:#666;}
span.action {color:#25b; font-style:normal; border-bottom:1px #25b dashed; background:#eee;}
span.action:link, span.action:visited {color:#25b; border-bottom:1px #25b dashed;}
span.action:hover, span.action:active {color:#f00; border-bottom:1px #f00 dashed;}

div.box {width:640px; padding:0px 0px 10px; float:left;}
ul, ol {margin:6px 0px 8px; width:100%; padding:0px 0px 0px 28px; box-sizing:border-box; float:left; clear:both; list-style-position:left;}
div.box dl {margin:8px 0px;}
div.box img {margin:0px 10px 6px; float:left; clear:both;}
div.box ul li img, div.box ol li img {margin:2px 0px; float:none;}
div.box ol li p, div.box ol li p {width:100%; float:none;}
div.box ul li figure, div.box ul li figure figcaption, div.box ol li figure, div.box ol li figure figcaption {float:none;}

div.box img.level {width:auto; margin:0px; padding:0px; float:none;}

div.box div.article {width:640px; margin:0px 0px 0px 0px; padding:0px; float:left;}
div.box div.article dl {margin:12px 0px;}
div.box div.article img {max-width:100%; width:auto; height:auto; margin:0px 0px 10px; float:none;}

div.box div.article figure {width:100%; margin:0px; float:left; clear:both; text-align:center;}
div.box div.article figure figcaption {width:100%; float:left; padding:4px 0px; text-align:center;}

div.box div.MathJax_Display {margin:-8px 0em;}
.desktop {display:block;}
.mobile {display:none;}

div.MathJax_SVG_Display {margin:0px 0px;}

button {width:auto; margin:0px 0px; padding:8px 20px; border:1px solid #c5c5c5; border-radius:4px; background:#fff; color:#333; line-height:22px; font-size:16px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; font-weight:normal;}
button:hover {background:#e3e3e3; color:#000;}

button.orange {background: #ffdb4d; border:0px none; background-image:none;}
button.orange:hover {background:#fd0;}

button.disabled, button.disabled:hover {background:#e3e3e3; color:#999; cursor:default;}

ul.login {width:950px; list-style:none; padding:0px 10px; float:left;}
ul.login li {padding:0px 16px; float:right; white-space:nowrap;}

ul.header {width:100%; list-style:none; padding:8px 0px; margin:0px; border-bottom:1px solid #000; float:left; position:relative;}
ul.header li {padding:2px 0px; float:right; position:relative; white-space:nowrap; font-size:17px; line-height:20px; font-family:Georgia, "serif";}
ul.header li span {font-weight:bold; font-size:20px;}
ul.header li a:link, ul.header li a:visited {color:#000;  border-bottom:0px none;}
ul.header li a:hover, ul.header li a:active {color:#666; border-bottom:0px none;}

ul.header li.logo {padding:2px 0px 2px 46px; min-width:160px; border:0px none; float:left;}
ul.header li.logo img {position:absolute; top:2px; left:-2px;}
ul.header li.hamburger {position:absolute; top:8px; right:0px;}
ul.header li.button {width:280px; position:absolute; top:8px; right:0px;}
ul.header li.button button {margin:0px;}

ul.download {width:100%; margin:10px 0px; padding:0px 0px; list-style:none; float:left; border-top:1px solid #eaecdd; border-bottom:1px solid #c8ccdd;}
ul.download li {width:100%; padding:8px 0px; line-height:32px; float:left;}
ul.download li a {padding:0px 0px;}
ul.download li a:before {content:url(/img/file.png); width:32px; height:32px; margin:0px 14px 0px 0px; float:left;}

ul.request {width:100%; margin:10px 0px; padding:0px 0px; list-style:none; float:left; border-top:1px solid #eaecdd; border-bottom:1px solid #c8ccdd;}
ul.request li {width:100%; padding:6px 0px; float:left;}
ul.request li.green {background:#cfc; border-bottom:1px solid #6c9;}
ul.request li.red {background:#fcc; border-bottom:1px solid #e99;}
ul.request li p {width:100%; margin:0px; padding:8px 0px 0px;}
ul.request li button {width:auto; margin:0px 0px 0px 25%;}
ul.request li input, ul.request li textarea {width:64%; padding:6px 1.5%; margin:0px 0px 8px; border:1px solid #999;}
ul.request li input:hover, ul.request li input:focus, ul.request li textarea:hover, ul.request li textarea:focus {border:1px solid #f60; outline:none;}
ul.request li select {width:67%; padding:6px 1.5%; margin:0px 0px 15px; border:1px solid #999; border-top:1px solid 777;}
ul.request li select:hover, ul.request li select:focus {border:1px solid #f60; outline:none;}
ul.request li label {width:25%; padding:4px 0px; float:left;}

div.sidebar {width:280px; float:right; border-radius:4px;}
ul.menu {width:100%; padding:0px; margin:5px 0px; list-style:none; float:left;}
ul.menu li {width:auto; padding:0px; margin:3px 0px 3px 36px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; float:left; clear:both;}
ul.menu li.menu1 {margin:5px 0px; font-size:20px; line-height:24px;}
ul.menu li.menu2 {margin:3px 0px 3px 18px; font-size:18px; line-height:22px;}
ul.menu li.login {margin:16px 0px;}
ul.menu li a:link, ul.menu li a:visited {color:#008ACE; border-bottom:1px solid #b2ccf0;}
ul.menu li a:hover, ul.menu li a:active {color:#d00; border-bottom:1px solid #f0b2b2;}
ul.menu li.selected {color:#fff; background:#333;}
ul.menu li.selected a:link, ul.menu li.selected a:visited {color:#fff; background:#333;}
ul.menu li.selected a:hover, ul.menu li.selected a:active {color:#f00; background:#eee;}

.background span {display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; background:#999; z-index:2;}


ul.user {width:100%; background:#ddd; float:left; list-style:none;}
ul.user li {padding:0.4em 1%; float:left;}
ul.user li.else {float:right;}

dl.sections {width:580px; float:left;}
dl.sections dt, dl.sections dd {width:560px; padding:0px 10px; float:left;}
dl.sections dt {font-size:24px; line-height:28px; margin-top:10px;}
dl.sections dd {font-size:15px; line-height:16px; margin-bottom:20px;}
dl.sections p {padding:0px; margin:0px;}

ul.sections {width:660px; padding:0px; margin:0px 0px 25px; float:left; list-style:none;}
ul.sections li {width:660px; padding:3px 0px 3px; margin:0px; float:left;}
ul.sections li div {width:30px; padding:0px 6px 0px 0px; float:left; text-align:right;}
ul.sections li.point div {width:70px;}
ul.sections li.caption {width:640px; padding:2px 10px; font-size:22px; line-height:24px; font-family:Verdana, Geneva, sans-serif;}

ol.sections {margin:12px 0px; width:100%; float:left;}
ol.sections li {float:left; clear:both; list-style:outside decimal;}
ol.sections li.selected {background:#000; color:#fff;}

dl.list {width:100%; padding:0px; margin:12px 0px 32px; list-style:none; float:left;}
dl.list dt {width:15%; margin:0px; text-align:right; padding:2px 1% 0px 0px; float:left; clear:right;}
dl.list dd {width:83%; margin:0px; padding:2px 0px; float:right;}
dl.list dt.spacer, dl.list dd.spacer {margin:12px 0px 0px;}

div.box ul.newlist {width:100%; margin:6px 0px; padding:0px; list-style:none;}
div.box ul.newlist li {margin:6px 0px; float:left; clear:both;}
div.box ul.newlist li p {margin:0px 0px 12px;}
div.box ul.newlist li img {margin:4px 0px; box-shadow:0px 1px 2px 1px #999;}
div.box ul.newlist li p.date {margin:0px; font-size:0.8em;}
div.box ul.newlist li p.link {margin:0px; font-size:24px; line-height:1.3em;}

dl.testlist {width:100%; padding:0px; margin:12px 0px 32px; list-style:none; float:left;}
dl.testlist dt {width:auto; margin:0px; padding:2px 10px; float:left; clear:both;}
dl.testlist dd {width:42px; margin:0px; padding:2px 10px; float:left; text-align:center;}
dl.testlist dd.red {background:#fee;}
dl.testlist dd.green {background:#efe;}

dl.items {width:660px; float:left;}
dl.items dt {width:640px; float:left; margin:0px 10px; font-size:22px; line-height:24px; font-family:Verdana, Geneva, sans-serif;}
dl.items dd {width:660px; float:left; margin:0px 0px 25px;}

input.width1, select.width1 {width:100%;}
input.width2, select.width2 {width:10em;}
input.width3, select.width3 {width:4em;}
input.width4, select.width4 {width:3em;}
input.width5, select.width5 {width:2em;}
textarea {width:100%;}

table {width:560px; border:0px none; border-collapse:collapse; margin:0px 10px 16px; text-align:left;}
table caption {border-top:1px solid #ccc; background:#f3f3f3; text-align:center; padding:5px 0px;}
th, td {padding:5px; text-align:left; border:1px #ccc solid; vertical-align:top; font-weight:normal;}
tr.red td {background:#fee;}
tr.green td {background:#efe;}

div.box blockquote, div.box div.important {width:100%; padding:0px 16px; margin:4px -1px; box-sizing:border-box; background:#f0f0f0; float:left; border:1px solid #e0e0e0; border-radius:3px;}
div.box blockquote.red, div.box div.red {background:#fce9e9; border:1px solid #e99;}
div.box blockquote.green, div.box div.green {background:#e9f8ed; border:1px solid #6c9;}
div.box blockquote.snippet {width:60%; padding:0px 0% 0px 40%; background:#fff; border:0px none; font-style:italic;}
div.box blockquote.snippet p {font-style:italic;}

ul.type1 {width:50%; margin-left:20%; float:left; list-style:none;}
div.type1, ul.type1 li {width:29%; margin-right:4%; float:left;}
div.type2 {width:62%; margin-right:4%; float:left;}

div.download {background:#f9f9f9; border:1px solid #ccc; text-align:center; padding:15px; margin-left:15px; float:right;}
div.dlselected {background:#cfc; border:1px solid #6c9; text-align:center; padding:15px; margin-left:15px; float:right;}
div.download a, div.dlselected a {font-size:1.3em;}
div.download span, div.dlselected span {font-size:1.3em; font-weight:bold;}

ul.nav {width:100%; list-style:none; float:left; margin:0px 0px 12px; padding:0px;}
ul.nav li {padding:4px 8px; margin:0px 4px 0px 0px; float:left;}
ul.nav li.selected {color:#fff; background:#333; border-radius:4px;}
ul.nav li.selected a:link, ul.nav li.selected a:visited {color:#fff;}
ul.nav li.selected a:hover, ul.nav li.selected a:active {color:#f00;}

span.green {color:#090;}
span.red {color:#f00;}
span.orange {color:#f60;}
span.gray {color:#ccc;}
span.formula {font-family:"Times New Roman", Times, serif; font-size:18px; line-height:1em; font-style:italic;}
div.box p.formula {font-family:"Times New Roman", Times, serif; font-size:20px; line-height:1.6em; margin:0px 10px 10px; text-align:center;}
div.box p.formula span.formula {font-size:20px;}
span.nowrap {white-space:nowrap;}
span.comment, p.comment {font-size:0.8em; line-height:1.1em; color:#666; margin:0px 10px;}
span.strike {text-decoration:line-through;}
dl.items dd p span.comment {margin-left:0px;}

ul.footer {width:100%; list-style:none; padding:8px 0px; margin:0px; border-top:1px solid #000; float:left; position:relative;}
ul.footer li {padding:2px 10px 2px 0px; float:left; white-space:nowrap; font-size:14px; line-height:18px;}
ul.footer li a:link, ul.footer li a:visited {color:#25b;}
ul.footer li a:hover, ul.footer li a:active {color:#f00;}

p.prime {font-size:22px;}
span.prime {font-size:22px; line-height:20px; font-weight:bold; font:Georgia, "Times New Roman", Times, serif;}
div.box iframe, div.box object {margin:6px 0px 8px; max-width:100%; float:left; clear:both;}

.ready, .ready a:link, .ready a:visited {color:#090;}
.ready a:hover, .ready a:active {color:#030; background:#cfc;}


/* скрываем чекбокс */
#menu__toggle {display:none; opacity: 0;}
/* стилизуем кнопку */
.menu__btn {display:none; /* используем flex для центрирования содержимого */ align-items:center; /* центрируем содержимое кнопки */ position:absolute; top:10px; right:12px; width:26px; height:26px; cursor:pointer;}
/* добавляем "гамбургер" */
.menu__btn > span, .menu__btn > span::before, .menu__btn > span::after {display:block; position:absolute; width:100%; height:2px; background-color:#000;}
.menu__btn > span::before {content:''; top:-8px;}
.menu__btn > span::after {content:''; top:8px;}

/* элементы меню */
.menu__item {display: block; padding: 12px 24px; color: #333; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 600; text-decoration: none;}
.menu__item:hover {background-color:#CFD8DC;}


@media (max-width:980px) {  
  div.box {width:100%;}
  div.box div.article {width:100%; paddinng:0px; box-sizing:border-box;}

  div.sidebar {display:none; position:absolute; top:10px; right:20px; padding:8px 16px; background:#fff; box-shadow:-1px 1px 7px rgba(0, 0, 0, .2); z-index:3;}
  ul.header li.button {width:auto; padding-right:54px;}
  
  #menu__toggle:checked ~ div.sidebar {display:block;}
  #menu__toggle:checked ~ .background span {display:block; opacity:0.3;}
  .menu__btn {display:flex;}
  
  .menu .menu__btn > span {transform:rotate(45deg);}
  .menu .menu__btn > span::before {top:0; transform:rotate(0);}
  .menu .menu__btn > span::after {top:0; transform:rotate(90deg);}
  .menu li.login {margin:3px 0px 16px;}

  ul.header li, ul.footer li {white-space:normal;}
  ul.header li.logo {width:70%; color:#000;}
  ul.header li.contact, ul.header li.repetitor {display:none;}
}

@media (max-width:800px) {
  body {padding:0px 2.5%;}
  div.sidebar {right:2.5%;}
  div.box blockquote, div.box div.important {padding:0px 2.5%;}
  ul.footer li {width:100%; padding:2px 0px;}
}

@media (max-width:680px) {
  .desktop {display:none;}
  .mobile {display:block;}
  
  div.MathJax_SVG_Display {max-width:100%;}
  div.MathJax_SVG_Display svg {max-width:100%;}
}

@media (max-width:320px) {
  body {padding:0px 8px;}
  div.sidebar {right:0px; width:100%; padding:0px 8px; border-radius:0px; box-sizing:border-box;}
  div.box blockquote, div.box div.important {padding:0px 8px;}
}