*{margin: 0;padding: 0}

html {
	
	font-family:  "Times New Roman", Times, serif;
	font-size: 10px;
	height: 100%;
}

a {
	color: #134799;
}

a:visited {
    color: #134799;
}


a:hover {
    color: #FF00FF;
	text-decoration:none;
}

.nav-main a.current-link {
	color: #006400;
}



@media (max-width: 360px) {
  html {
    font-size: 7.7px;
  }
}


@media (min-width: 360px) and (max-width: 1000px) {
  html {
    font-size: calc( (100vw - 360px)/(1000 - 360) * (10 - 7.7) + 7.7px);
  }
}

@media (max-width: 950px) {

	main article, main details, main div, main h1, main h2, main h3, main h4, main h5, main h6, main header, main p, main section {
		
		overflow-x: auto;
		overflow-y: hidden;
		
	}

	
}


@media (max-width: 849px) {

	span.motto {
	
	}
	
	.nav-main {
	  margin-top: 1rem;
	  width: 100%;
	  font-size: 2rem;
	  display: inline-block;
	  position: relative;
	  outline: none;
	}
	

	.dropbtn {
	  display: block;
	  width: 98%;
	  margin: 0 auto;
	  
	  text-align: center;
	  font-weight: bold;
	  
	  padding-top: 10px;
	  padding-bottom: 10px;

	  color: white;
	  background-color: #000080;
	  cursor: pointer;
	  transition: 0.35s ease-out;
	}

	.nav-main .dropdown {
	  position: absolute;
	  top: 50%;
	  background-color: #f7f7f7;
	  min-width: 50%;
	  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
	  z-index: 100000;
	  visibility: hidden;
	  opacity: 0;
	  transition: 0.35s ease-out;
	}
	
	.dropdown a {
	  white-space: nowrap;
	  font-weight: bold;
	  padding: 12px 16px;
	  display: block;
	  text-decoration: none;
	  transition: 0.35s ease-out;
	}
	
	.dropdown a:hover {
	  
	  background-color: #eaeaea;
	}
	
	.dropdown a.current-link {
	  background-color: #eaeaea;
	  color: #006400;
	}
	
	.nav-main:focus .dropdown {
	  outline: none;
	  transform: translateY(20px);
	  visibility: visible;
	  opacity: 1;
	}

	.dropbtn:hover, .nav-main:focus .dropbtn {
	  background-color: #808080;/*#691692*/
	  color: white;
	}

	.nav-main .dbclose {
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  opacity: 0;
	  cursor: pointer;
	  z-index: 10;
	  display: none;
	}
	
	.nav-main:focus .dbclose {
	  display: inline-block;
	}
	
	.nav-main .dbclose:focus .dropdown {
	  outline: none;
	  visibility: hidden;
	  opacity: 0;
	}
}

@media (min-width: 850px) {
	
	.nav-main {
		text-align: center;
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		line-height: 1;
	}
	
	
	.nav-main a {
		white-space: nowrap;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		font-size: 2rem;
		font-weight: bold;
		text-decoration: none;
	}
	
	.dbclose {
		
		display: none;
	
	}
	
	.dropbtn {
		
		display: none;
	}

	.nav-main a:hover {
		/*color: #006400;*/
		text-decoration: underline;
	
	}
	
	header.header-main {
		
		border-bottom-width: 2px; /* Толщина линии внизу */
		border-bottom-style: solid; /* Стиль линии внизу */
		border-bottom-color: #696969; /* Цвет линии внизу */
	}
	
	span.motto {

	}

	
}



body {
    
	background-color: #fcfcfc;
    color: #111;
    max-width: 1000px;
    margin: 0 auto;
	display: flex; /*Нужно для прижатия footer к низу */
	flex-direction: column;/*Нужно для прижатия footer к низу */
	height: 100%; /*Нужно для прижатия footer к низу */
	overflow-y: scroll; /*Нужно, чтобы появление скролла не сдвигало страницу*/
	font-size: 2rem; /*Шрифт указываем именно тут, иначе mathjax2 может уменьшать шрифт там, где это не нужно делать*/
}

main {
	
	line-height: 3rem;
	flex: 1 0 auto; /*Нужно для прижатия footer к низу */
	
	display: flex;
	flex-direction: column;
	
	text-align: justify;
	padding-left: 1rem;
	padding-right: 1rem;
	overflow-x: auto;
	overflow-y: hidden; /*Временная настройка для нормального отображения виджета комментариев ВК. Иначе появляется лишняя полоса прокрутки неясно зачем.*/
	/*margin-top: 1rem;*/
	/*flex: 1;*/
	
}

main p, .sticky-bottom p {
    text-indent: 2rem; /* Отступ первой строки в пикселах */
	
   }

h1 + p {
	margin-top: 1rem;
}

footer.footer-main {
	
	border-top-width: 2px; /* Толщина линии внизу */
    border-top-style: solid; /* Стиль линии внизу */
    border-top-color: #696969; /* Цвет линии внизу */
	padding-bottom: 2rem;
	padding-top: 0.7rem;
	margin-top: 2rem;
	font-size: 1.4rem;
	flex: 0 0 auto;
	
}

header.header-main {
	
    /*margin-bottom: 1rem;*/
    font-size: 3rem;

}

span.sitename {
	display: block;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	font-size: 3rem;
	
}


span.motto {
	
	display: block;
	line-height: 1;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	
	font-size: 1.7rem;

	color: grey;
	
}


/*Стили для теорем и примечаний*/
.rule-title {
	
	color: #0404B4;
	font-weight: bold;
	
}

.notice-title {
	
	color: #8B0000;
	font-weight: bold;
}

.notice { 

	margin-top: 1.5rem;
	margin-right: 0px;
	/*margin-bottom: 1.5rem;*/
	margin-left: 0px;

	padding-top: 0.4rem;
	padding-right: 0.4rem;
	padding-bottom: 1.4rem;
	padding-left: 0.4rem;

}


/*Стиль для отступов в уведомлениях.*/
.notice p{ 

	text-indent: 0; 
	margin-left: 0.5rem;

}

.notice.blue {
    border-left: 10px solid #5bc0de;
    background: #f4f8fa;
    color: #1d7595;
}

.notice.green {
    border-left: 10px solid #5cb85c;
    background: #f1f9f1;
    color: #3d8b3d;
}

details {
	margin-top: 1rem;
	/*margin-bottom: 1rem;*/
	
}

details summary {
    /*margin-top: 1rem;*/
	padding: 5px;
    background-color: #A4A4A4;
    color: white;
    border: 1px #ccc solid;
    cursor: pointer;
 }
 
div.details-text {
    border: 1px #ccc solid;
    padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 1rem;
	background-color: #FAFAFA;
	
}
details[open] > summary {
     
}

h1 {
    font-style:italic;
	margin-top: 1.5rem;
    /*margin-bottom: 1rem;*/
    font-size:2.5rem;
	color: #008000;
}


h2  {
	
	color: #08088A;
	font-size: 2.05rem;		
	text-align: center;
	margin-top: 2.5rem;
	/*margin-bottom: 1rem;*/
	font-style: normal;
}


h3, .mathbook-problem h4  {
	
	color: #2E64FE;
	font-size: 2rem;		
	text-align: center;
	margin-top: 2rem;
	/*margin-bottom: 0.5rem;*/
	font-style: normal;
}


h4, .mathbook-problem h5  {
	
	font-size: 2rem;		
	text-align: center;
	margin-top: 1.5rem;
	/*margin-bottom: 0.5rem;*/
	font-weight: bold;
	font-style: normal;
	color: black;
}

h5, .mathbook-problem h6 {
	
	font-size: 1.9rem;		
	text-align: left;
	margin-top: 1.5rem;
	/*margin-bottom: 0.5rem;*/
	font-weight: bold;
	font-style: italic;
	color: red;
}

.mathbook-problem h3,  .problem-statement h2:first-of-type,  .problem-solution h2:first-of-type, .problem-answer h2:first-of-type {
	
	font-size: 2rem;	
	font-weight: normal;
	color: black;
	font-style: italic;
	display: inline;
	
}

.mathbook-problem-solution,  .problem-solution { 
	margin-top: 1.5rem;
	/*margin-bottom: 0.5rem;*/
}


.mathbook-problem-statement,  .problem-statement { 
	margin-top: 1.5rem;
	/*margin-bottom: 0.5rem;*/
}

.mathbook-problem-answer, .problem-answer { 
	margin-top: 1.5rem;
	/*margin-bottom: 0.5rem;*/
}


.breadcrumbs {
	line-height: 2.5rem;
	font-size: 1.7rem;
	text-indent: 0px;
	text-align: left;
	padding-left: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
    background-color: #E6E6E6;
	margin-top: 1rem;
	margin-left: 1rem;
	margin-right: 1rem;
	/*margin-bottom: 1rem;*/
	border-radius: 5px;
}


/*Запрет переноса знаков препинания на новую строку*/
span.nowrap {
	
	 white-space: nowrap;
	
}

/*Прокрутка любого элемента вдоль оси Ox*/
div.scroll-x {
overflow-x: auto;
overflow-y: hidden;
}

.display-math + p {
  margin-top: 0;
}

div.list-advantages {
		
}

.list-advantages p {
    text-indent: 0rem; /* Отступ первой строки в пикселах */
	/*margin-top: 2rem;
	margin-bottom: 2rem;*/
   }

/*Разместить изображение слева, а текстом обтечь его справа*/
img.image-left {	
  float: left;
  
  margin-top: 5px;
  margin-right: 1rem;
  
   
}


table {

	margin-top: 1.5rem;
	/*margin-bottom: 1rem;*/
	border: solid gray;
}

table td {
	border: thin solid black;
	padding: 1rem;
}

table td.nowrap {
	white-space: nowrap;
}


table th {
	border: thin solid black;
	padding: 1rem;
	background: #A9A9A9;
	text-align: center;
}




/*Отображение контактной информации*/
span.rt {

}

span.ft {
	display: none;
}


/*Отображение контактов при выключенном JS*/
span.show-mail:before {
            content: "moc.liam";
            unicode-bidi: bidi-override;
            direction: rtl;
			
        }
span.show-mail:after {
            content: "g@rotuTieskelA";
            unicode-bidi: bidi-override;
            direction: rtl;
        }
		
span.show-skype:before {
            content: "rotuTi";
            unicode-bidi: bidi-override;
            direction: rtl;
        }
span.show-skype:after {
            content: "eskelA";
            unicode-bidi: bidi-override;
            direction: rtl;
        }
span.show-telegram:before {
            content: "rotut";
            unicode-bidi: bidi-override;
            direction: rtl;
        }
span.show-telegram:after {
            content: "ieskela@";
            unicode-bidi: bidi-override;
            direction: rtl;
        }

		
/*Отображение частей одной и той же темы в mathbook*/
.same-class-chapters {
	margin-top: 1rem;
	text-indent: 0px;
	text-align: center;
}

div.inactive-chapter {
	display: inline-block;
	margin: 1rem 1rem;
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	padding: 1rem 1.5rem 1rem 1.5rem;
	color: rgba(0,0,0,.8);
	background-color: #e6e6e6;
	text-decoration: none;
	border-radius: 2rem;
	border: none;
	min-width: 100px;
	
}


div.active-chapter {
	display: inline-block;
	margin: 1rem 1rem;
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	padding: 1rem 1.5rem 1rem 1.5rem;
	color: white;
	min-width: 100px;
	background: rgb(28, 184, 65);
	border-radius: 2rem;
}


.sticky-bottom {
  text-align: justify;
  line-height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  /*margin-top: auto;*/
  flex: 0 0 auto;
  /* Или margin-top: auto; */
}

.promo-lessons {
	
	border-left: 10px solid #5cb85c;
    background: #f1f9f1;
    color: #3d8b3d;
	
	margin-top: 1.5rem;
	margin-right: 0px;
	/*margin-bottom: 1.5rem;*/
	margin-left: 0px;

	padding-top: 0.4rem;
	padding-right: 0.4rem;
	padding-bottom: 1rem;
	padding-left: 0.4rem;	
	
}

div.promo-lessons-title {
	color: #4169E1;
	font-weight: bold;
}
	
/*Уведомление в низу страницы относительно опечаток*/
.footer-notification
{
	overflow: auto;
	border: 2px solid #337AB7;
	font-style: italic;
	
	margin-top: 1.5rem;
	margin-right: 1.5rem;
	margin-left: 0rem;
	
	
	padding-top: 0.5rem;
	padding-right: 2.4rem;
	padding-bottom: 1.5rem;
	padding-left: 2.4rem;
	
	position: relative;
	box-shadow: 1.5rem 1.5rem 0 0 #337AB7;
	color: #50596c;
}

.width100 {
	
	width: 100%;
	
}


/*Классы для центрирования элементов*/
.center-block {
	
	margin-left: auto;
	margin-right: auto;
}

.center-inline {
	
	display: block;
	margin: 0 auto;
	
}

img.center-inline {
	
	max-width: 95%;
	margin-top: 1rem;
	/*margin-bottom: 1rem;*/
}

ul {
	margin-left: 2rem;
}

ol {
	margin-left: 2rem;
}

li {

}

span.blog-date {
	display: block;
	padding-left: 0.1rem; /*Костыль против пропадания части первой буквы - буквы Д - в словах "Дата публикации" */
	/*margin-top: 2rem;	*/
}


blockquote {
	margin-top: 1rem;
	font-style: italic;
	font-size: 1.9rem;
	padding: 1rem;
	margin-left: 1rem;
	margin-right: 1rem;
	background: #eee;
	border-radius: 5px;
}

figure > figcaption {
	 text-align: right;
	 font-size: 1.7rem;
	 color: #696969;
}

.epigraph {
	line-height: 2rem;
	text-align: right;
}

.epigraph > blockquote, .epigraph > figure {
    display: inline-block;
    margin-left: auto;
    margin-right: 0;
	/*max-width: 60%;*/
}

.epigraph blockquote {
	
	text-align: left;
	background: none;
	padding: 0;
	font-style: italic;
	font-size: 1.7rem;
	margin-top: 1rem;
	margin-left: 0;
	margin-right: 0;
	border-radius: 0;
}

.epigraph figcaption {
	
	text-align: right;
	font-size: 1.5rem;
	margin-top: 0.5rem;
	color: #696969;
	
}

.contents {
	border: solid 1px grey;
	/*margin: auto;*/
	margin-top: 1rem;
}

div.contents-title {
	text-align: center;
	font-size: 1.8rem;
	margin: 0px;
	padding: 0px;
	background-color: #08088A;
	color: white;
}

div.contents-text {
	background-color: #D8D8D8;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

div.problem-link-source {
	text-align: center;
	margin: 1rem 0 1rem 0;
	padding: 0.5rem 0 0.5rem 0;
	background-color: #D8D8D8;
	border-radius: 1rem;
}


section.blog-preview {
	
	margin-top: 2.5rem;
	/*margin-bottom: 3rem;*/
	overflow: hidden;
}

div.blog-preview-content {
		
}

div.blog-preview-content p {
	margin-top: 0;
	/*margin-bottom: 0;*/
	text-indent: 0;
	
}

div.blog-preview-content img {	
  float: left;
  margin-top: 1rem;
  /*margin-bottom: 0;*/
  margin-right: 1rem;
  margin-left: 0;
}

div.blog-preview-content h2{
	margin-top: 0;
	/*margin-bottom: 0;*/
	display: inline;
	font-style: italic;
}

video {
	max-width: 100%;
	object-fit: scale-down;
}


.ads {
	border: solid 1px grey;
	margin-top: 1rem;
	margin-right: auto;
	/*margin-bottom: 1rem;*/
	margin-left: auto;
	max-width: 730px;
	/*min-width: 700px;*/
}


div.ads-title {

	line-height: 1rem;
	text-align: center;
	font-size: 1rem;
	background-color: #e6e6e6;
}

div.ads-content {
	height: 90px;
}

/* Стили к комментариями */
div.vk-comments {
	margin-top: 3rem;
}

/* Стили к AnyComments. Задать important пришлось, чтобы стили не переопределились после вызова скрипта  */
#anycomment-app {
padding-left: 5px;
padding-right: 5px;
/*background-color: #D3D3D3;*/
border: 1px solid #708090;
margin-top: 2rem;
}
.Footer__Wrapper-sc-dfoxr1-0 {margin-top: 0px !important; }
.App__MainWrapper-sc-117zxqw-0 {padding-bottom: 0px !important;}
.CommentForm__Wrapper-sc-1dhzlie-0 {margin-bottom: 0px !important; }
.CommentListHeader__Wrapper-sc-ttczra-0 {margin-bottom: 0px !important; }

/* Стили к SigComments. */
#sigCommentsBlock {
	margin-top: 2.5rem;
}

.sigCommentsBlock-link {
	
	line-height: 0;
	text-align: right;
	font-size: 1.2rem;
	
}