.item {
	margin-top : 1em;
}

.alert .close {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 21px !important;
    color: #999 !important;   /* < вот здесь регулируется "серость" */
    font-weight: bold;
    line-height: 1;
    text-shadow: none;
    opacity: 1;
    padding: 0;
    cursor: pointer;
}
.alert .close:hover {
    color: #666 !important;   /* немного темнее при наведении */
    opacity: 1;
}

/* Класс для отступа списка */
.indented-list {
    margin-left: 2em;
}

/* Ряд с двумя колонками равной ширины */

        .two-columns-row {
            display: flex;
            width: 100%;
            max-width: 1200px;
            background-color: #fff;
            border: 1px solid #ccc;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        .two-columns-column {
            flex: 1;
            padding: 20px;
            text-align: center;
            border-right: 1px solid #ccc;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .two-columns-column:last-child {
            border-right: none;
        }
        .full-width-row {
            width: 100%;
            max-width: 1200px;
            background-color: #dff0d8;
            padding: 20px;
            text-align: center;
            margin-top: 20px;
            border: 5px solid #ccc;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			}

/* Картинка с границей */
.image-with-border {
    display: block;
    max-width: 100%;
    height: auto;
    border: 5px solid #ccc; /* Для закругленных углов */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Тень для улучшения вида */
    margin: 20px 0; /* Центровка */
    }    


/* Новые стили для Parallel Texts */

.pt-row {
    display: flex;
    align-items: stretch;
    align-items: stretch;
    gap: 0.5em; /* Расстояние между колонками */
    margin-bottom: 0.5em; /* Расстояние между строками */
    flex-wrap: wrap; /* Позволяет колонкам переноситься на новую строку */
}

.pt-block {
    flex: 1; /* Каждая колонка занимает равное пространство */
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd; /* Для отладки границы */
    background-color: #f9f9f9;
}

.pt-ru {
    background-color: #fff8e1; /* Цвет фона для русского блока */
}

.pt-en {
    background-color: #e3f2fd; /* Цвет фона для английского блока */
}

/* Медиазапрос для маленьких экранов */
@media (max-width: 768px) {
    .pt-block {
        flex-basis: 100%; /* Каждая колонка занимает всю ширину */
    }
}

/* Старые стили для Parallel Texts */


.row-pt {
margin: 1rem;
	}

.text-ru {
background-color: #F5F5F5;
	}

.text-en {
background-color: #FFFFE0;
	}

/* Разное */

span.braces {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
span.braces1 {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}


.small-caps {
  font-variant: small-caps;
}

.font-ultra-condensed {
	font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
	font-stretch: ultra-condensed;
	}
	
.container-center {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
        }

.column-50-left {
    width: 50%;
    float: left;
    padding: 30px;
    box-sizing: border-box;
        }

.font-courier {
	font-family: Courier New, serif;
	}

.greek {
	font-family : Palatino Linotype, Code2000;
	}
	
.old {
	font-family: "Palatino Linotype", "XSerif Unicode";
	}	

span.pageref {
	text-align: left;
	margin-right: 1rem;
	}

span.pageref-old {
	position: absolute;
	left: 5%;
	width: 5em;
	text-align: left;
	padding: 0px 0px 0px;
	font-size: 12pt;
	font-weight: normal;
	}

.first {
	text-indent: 49%;
	}
	
.ftn {
	text-align: left;
	}
	
.published {
	text-align: left;
	text-indent: 0;
	font-size: 85%;
	margin-top: 0;
	margin-bottom: 6em;
	}

.col-centered {
    float: none;
    margin: 0 auto;
	}

.no-expand {
  box-sizing: border-box;
  width: 0px;
  min-width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;  
}

.disabled-link {
  cursor: not-allowed;
  opacity: 1;
  text-decoration: line-through;  
}

table.no-border, .table.border td, .table.border th {
  border: 0;
  border-collapse: collapse;
	}

table.border-2, th, td {
  border-collapse: collapse;
  border: 2em;
	}

table.ad-text   {
	width: 100%;
	padding: 10em;
	float: center;
	text-align: center;
	background-color: WhiteSmoke;
	font-weight: bold;
	position: relative;
	margin-top: 1em;
	margin-bottom: 1em;
	}

table.ad-text tr, 
table.ad-text td {
	border: 1px solid LightGrey;
	padding : .66em;
	}

table.ad-text > td {
  width: 50%;
	}

table.vi-navtable   {
	width: 100%;
	padding : 10em;
	float : center;
	text-align : center;
	background-color : Azure;
	font-weight : normal;
	position : relative;
	margin-top : 1em;
	margin-bottom : 1em;
	}

table.vi-navtable tr, 
table.vi-navtable td {
	border: 1px solid LightGrey;
	padding : .66em;
	}

table.vi-navtable > td {
  width: 50%;
	}

table.vi-navtable-2 tr, 
table.vi-navtable-2 td {
	background-color: LightGrey;
	}

table.vi-navtable-old   {
	width: 100%;
	text-align: center;
	background-color: lightgrey;
	margin-top: 2em;
	margin-bottom: 1em;
	}

table.vi-navtable-old tr, table.vi-navtabl-old td {
  padding: 15px;
  border: 2px solid black;
  border-collapse: collapse; 
}

table.vaginov {
	text-align: left;
	margin: 0 auto; /* This centers the table */
	}

table.vaginov th, td {
  padding: 5px;
}


.nowrap {
  white-space: nowrap;
	}

.color-patreon {
  color: #EF450F;
	}
  
.color-red,
.red {
  color: red;
	}

.text-align-left {
  text-align: left;
	}
	

.valign-baseline {
	vertical-align: baseline !important;
	}

.valign-middle {
  height: 50px;
  vertical-align: middle;
	}

.quote-source {
	text-align: left;
	font-size: 85%;
	margin-left: 35%;
	margin-top: 1em;
	margin-bottom: 1em;
	}

.font-ouline-red {
    color: transparent; /* прозрачный цвет контурных букв */
    -webkit-text-stroke: 2px red;
	}

.skobka {
	font-size: 4em;
	}

.margin-top-bottom-05 {
	margin-top: .5em;
	margin-bottom: .5em;
	}
	

.margin-bottom-1 {
	margin-bottom: 1em;
	}

.poemfootnote {
margin-left : 5%;
margin-bottom : 0;
margin-top : 0;
font-size:95%;
	}

.pager-column{
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
	}

.pager-column li {
  display: block;
	}
	
.pager-column li > a,
.pager-column li > span {
  display: block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
	}

.pager-column li > a:hover,
.pager-column li > a:focus {
  text-decoration: none;
  background-color: #eee;
	}

.pager-column .disabled > a,
.pager-column .disabled > a:hover,
.pager-column .disabled > a:focus,
.pager-column .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
	}

.margin-10 {
	margin: 10%;
	}

.margin-right-5em {
    margin-right: 5em;
	}

.text-indent-3 { text-indent: 3em; }

.fontsize-100 { font-size: 1em; }

.center-flex-22 {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22em;
	}

.underline {
	text-decoration: underline;
	}

.quote-85 {
	font-size: 85%;
	}

/*строка с обратным отступом*/
.reverse-indent {
	margin-left: 2.4em;
	text-indent: -2.4em;
	}

/*строка с увличенным обратным отступом*/
.reverse-indent-2 {
	margin-left: 2em;
	text-indent: -4em;
	}

/*строка с обратным отступом*/
.reverse-indent-3 {
	margin-left: 2em;
	text-indent: -3em;
	}

.ind {
	margin-left: 3em; 
	text-indent: -2em; 
	margin-top:0;
	} 

.definition {
	text-indent: -2em;
	margin-left: 5em;
	}

.txtnr {
	text-align : center;
	font-weight : bold;
	color : #000080;
	}

.end {
	font-style: italic;
	text-align: center;
	text-indent: 0;
	margin-top: 1em;	
	margin-bottom: 1em;	
}

/*посвящение, по центру, курсив*/
.dedication-center-i {
	text-align: center;
	font-style: italic;
	font-size: 85%;
	text-indent: 0;	
	margin-bottom: 1em;	
}

/*-- Lermontov --*/

.h1-spaced {
	font-size: 150%;
	text-align: center;
	text-transform: uppercase;
    font-weight: bold;
	letter-spacing: .2em;
	word-spacing: .15em;
	margin-top: 3em;	
	margin-bottom: 1em;
	text-indent: 0;
	}

.note-title {
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 0;
	}

.note-title-2,
.title-uppercase {
	text-align: center;
	text-transform: uppercase;	
	font-weight: normal;
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 0;
	}

.note-source {
	text-align: left;
	font-size: 90%;
	font-style: normal;
	text-indent: 0;
	margin-left: 5%;
	margin-top: 0;
	margin-bottom: 1em;
	}

.note-ref {
	text-align: left;
	font-size: 85%;
	font-style: normal;
	text-indent: 0;
	margin-left: 5%;
	margin-top: 1em;
	margin-bottom: 1em;
	}

.title-academy {
	font-size: 120%;
	text-transform: uppercase;	
	text-align: center;
	letter-spacing: .2em;
	word-spacing: .1em;
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 0;
	}

.title-pushdom,
.title-publisher {
	font-size: 100%;
	text-transform: uppercase;	
	text-align: center;
	word-spacing: .2em;	
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 0;
	}

.title-publisher-2 {
	font-size: 85%;
	text-transform: uppercase;	
	text-align: center;
	word-spacing: .2em;	
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 0;
	}


 /* -- Color: Border color  --*/
 
.border-color-orange {border-color: orange;}
.border-color-grey {border-color: grey;}

.color-border-amber,.color-hover-border-amber:hover{border-color:#ffc107!important}
.color-border-aqua,.color-hover-border-aqua:hover{border-color:#00ffff!important}
.color-border-blue,.color-hover-border-blue:hover{border-color:#2196F3!important}
.color-border-light-blue,.color-hover-border-light-blue:hover{border-color:#87CEEB!important}
.color-border-brown,.color-hover-border-brown:hover{border-color:#795548!important}
.color-border-cyan,.color-hover-border-cyan:hover{border-color:#00bcd4!important}
.color-border-blue-grey,.color-hover-border-blue-grey:hover,.color-border-blue-gray,.color-hover-border-blue-gray:hover{border-color:#607d8b!important}
.color-border-green,.color-hover-border-green:hover{border-color:#4CAF50!important}
.color-border-light-green,.color-hover-border-light-green:hover{border-color:#8bc34a!important}
.color-border-indigo,.color-hover-border-indigo:hover{border-color:#3f51b5!important}
.color-border-khaki,.color-hover-border-khaki:hover{border-color:#f0e68c!important}
.color-border-lime,.color-hover-border-lime:hover{border-color:#cddc39!important}
.color-border-orange,.color-hover-border-orange:hover{border-color:#ff9800!important}
.color-border-deep-orange,.color-hover-border-deep-orange:hover{border-color:#ff5722!important}
.color-border-pink,.color-hover-border-pink:hover{border-color:#e91e63!important}
.color-border-purple,.color-hover-border-purple:hover{border-color:#9c27b0!important}
.color-border-deep-purple,.color-hover-border-deep-purple:hover{border-color:#673ab7!important}
.color-border-red,.color-hover-border-red:hover{border-color:#f44336!important}
.color-border-sand,.color-hover-border-sand:hover{border-color:#fdf5e6!important}
.color-border-teal,.color-hover-border-teal:hover{border-color:#009688!important}
.color-border-yellow,.color-hover-border-yellow:hover{border-color:#ffeb3b!important}
.color-border-white,.color-hover-border-white:hover{border-color:#fff!important}
.color-border-black,.color-hover-border-black:hover{border-color:#000!important}
.color-border-grey,.color-hover-border-grey:hover,.color-border-gray,.color-hover-border-gray:hover{border-color:#9e9e9e!important}
.color-border-light-grey,.color-hover-border-light-grey:hover,.color-border-light-gray,.color-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.color-border-dark-grey,.color-hover-border-dark-grey:hover,.color-border-dark-gray,.color-hover-border-dark-gray:hover{border-color:#616161!important}
.color-border-pale-red,.color-hover-border-pale-red:hover{border-color:#ffe7e7!important}.color-border-pale-green,.color-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.color-border-pale-yellow,.color-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.color-border-pale-blue,.color-hover-border-pale-blue:hover{border-color:#e7ffff!important}
 

 /* -- Padding --*/

.padding-10 {padding:10px !important}

.padding-small{padding:4px 8px!important}.padding{padding:8px 16px!important}.padding-large{padding:12px 24px!important}


.padding-16{padding-top:16px!important;padding-bottom:16px!important}.padding-24{padding-top:24px!important;padding-bottom:24px!important}
.padding-32{padding-top:32px!important;padding-bottom:32px!important}.padding-48{padding-top:48px!important;padding-bottom:48px!important}
.padding-64{padding-top:64px!important;padding-bottom:64px!important}

.padding-right-2em {padding-right:2em!important;}
.padding-left-2em {padding-left:2em!important;}
.padding-top-1em {padding-top:1em!important;}
.padding-top-2em {padding-top:2em!important;}
.padding-right-4em {padding-right:4em!important;}


 /* -- Кнопки и ссылки поддержки проекта  --*/   
  
 .btn-support:after {
   content: none;
	} 
 
 .btn-support {
   text-align: center;
   margin-top: 1em;
   font-size: 120%;
	} 
 
a.support:link, a.support:visited {
    background-color: #e62200;
    color: white !important;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: block;
	margin: auto;
    margin-top: .5em;
	margin-bottom: .5em;
    font-size: 120%;
	width:50%;
	border-radius: 10px;
	}
a.support:hover, a.support:active {
    background-color: green;
	text-decoration: underline;
	} 

@media only screen and (max-width: 320px) {
  .xs-center {
	  display: block;
	  margin: 0, auto !important;
	  text-align: center!important;}	 
}


/*-- Стили для списков --*/

ul.a {list-style-type: circle;}
ul.b {list-style-type: disc;}
ul.c {list-style-type: square;}


ul.no-bullets-reverse {
	list-style-type: none;
	margin-left: 1.2em;
	text-indent: -1.2em;
	}

ul.no-bullets {
  list-style-type: none; /* Remove bullets */
}

ul.0,
ol.0 {
  list-style-type: none;
  margin: 0;
  padding: 0;
	}

ol.d {list-style-type: armenian;}
ol.e {list-style-type: cjk-ideographic;}
ol.f {list-style-type: decimal;}
ol.g {list-style-type: decimal-leading-zero;}
ol.h {list-style-type: georgian;}
ol.i {list-style-type: hebrew;}
ol.j {list-style-type: hiragana;}
ol.k {list-style-type: hiragana-iroha;}
ol.l {list-style-type: katakana;}
ol.m {list-style-type: katakana-iroha;}
ol.n {list-style-type: lower-alpha;}
ol.o {list-style-type: lower-greek;}
ol.p {list-style-type: lower-latin;}
ol.q {list-style-type: lower-roman;}
ol.r {list-style-type: upper-alpha;}
ol.s {list-style-type: upper-latin;}
ol.t {list-style-type: upper-roman;}
ol.u {list-style-type: none;}
ol.v {list-style-type: inherit;}

ul.inside,
ol.inside {
    list-style-position: inside;
	}
ul.outside,
ol.outside {
    list-style-position: outside;
	}


/*-- Самонумерующиеся сноски. NB: не использовать! --*/

/**
 * Initialiazing a `footnotes` counter on the wrapper
 */
article {
  counter-reset: footnotes;
	}

/**
 * Inline footnotes references
 * 1. Increment the counter at each new reference
 * 2. Reset link styles to make it appear like regular text
 */
a[aria-describedby="footnote-label"] {
  counter-increment: footnotes; /* 1 */
  text-decoration: none; /* 2 */
  color: inherit; /* 2 */
  cursor: default; /* 2 */
  outline: none; /* 2 */
}

/**
 * Actual numbered references
 * 1. Display the current state of the counter (e.g. `[1]`)
 * 2. Align text as superscript
 * 3. Make the number smaller (since it's superscript)
 * 4. Slightly offset the number from the text
 * 5. Reset link styles on the number to show it's usable
 */
a[aria-describedby="footnote-label"]::after {
  content: '[' counter(footnotes) ']'; /* 1 */
  vertical-align: super; /* 2 */
  font-size: 0.5em; /* 3 */
  margin-left: 2px; /* 4 */
  color: blue; /* 5 */
  text-decoration: underline; /* 5 */
  cursor: pointer; /* 5 */
  }

/**
 * Resetting the default focused styles on the number
 */
a[aria-describedby="footnote-label"]:focus::after {
  outline: thin dotted;
  outline-offset: 2px;
	}

footer h2 {
	display: none;
	}

/*-- Закругленная рамка вокруг текста или ссылок, используется для рекламных ссылок --*/
.border-rounded-10 {
	text-align: center;
    border: 1px solid LightGray;
    border-radius: 10px;
	padding: 10px;
	margin-top: 0;
	margin-bottom: 1em;
	}

/*-- Закругленная рамка вокруг текста или ссылок, используется для рекламных ссылок --*/
.border-padding10 {
    border: 1px solid Black;
	padding: 10px;
	margin-top: 1em;
	margin-bottom: 1em;
	}

/*-- Траурная рамка --*/
span.border-funeral {
	border: thin solid Black;
	padding: 0.1em;
	}

.border-width-thin {
	border: thin solid;
	}

.border-width-medium {
	border: medium solid;
	}

.border-width-thick {
	border: thick solid;
	}

.rvb-border-0{border:0!important}.rvb-border{border:1px solid #ccc!important}
.rvb-border-top{border-top:1px solid #ccc!important}.rvb-border-bottom{border-bottom:1px solid #ccc!important}
.rvb-border-left{border-left:1px solid #ccc!important}.rvb-border-right{border-right:1px solid #ccc!important}



.border-round-small{border-radius:2px}.border-round,.borderround-medium{border-radius:4px}.border-round-large{border-radius:8px}.border-round-xlarge{border-radius:16px}.border-round-xxlarge{border-radius:32px}

.rvb-container:after,.rvb-container:before,.rvb-panel:after,.rvb-panel:before,.rvb-row:after,.rvb-row:before,.rvb-row-padding:after,.rvb-row-padding:before,
.rvb-cell-row:before,.rvb-cell-row:after,.rvb-clear:after,.rvb-clear:before,.rvb-bar:before,.rvb-bar:after{content:"";display:table;clear:both}

/*-- Линейка разряженных точек по ширине контейнера --*/
.dotted-spaced {
    display: block;
	max-width: 100%;
	overflow-x: hidden;
	}
.dotted-spaced::before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
	}

/*-- Линейка разряженных точек по ширине контейнера с абзацным отступом --*/
.dotted-spaced-indent {
    display: block;
	max-width: 100%;
	overflow-x: hidden;
	}
	
.dotted-spaced-indent::before {
    margin-left: 4%;
	float: left;
    width: 0;
    white-space: nowrap;
    content:
". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
}

/*-- Линейка разряженных точек по ширине контейнера 40%--*/
.dotted-spaced-40 {
    display: block;
	max-width: 40%;
	overflow-x: hidden;
	}
.dotted-spaced-40::before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
}

/*-- Разряженные точки до конца строки --*/

.spacefill,
.spacefill-dots {
  line-height: inherit;
  font-size: 100%;
	}

.spacefill {
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
	}

.spacefill-dots {
  z-index: -1;
  /* Push dots behind text */
  height: 100%;
  /* Same as line-height */
  border: 0;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  overflow: hidden;
	}

.spacefill-text {
  background: white;
  /* Very important. Choose backgroundcolor*/
  padding-right: 0.33em;
  /* Optional space before first point*/
}

.spacefill .spacefill-dots::after {
  content:  " . . . . . . . . . . . . . . . . . . . ."
 " . . . . . . . . . . . . . . . . . . . ."
 " . . . . . . . . . . . . . . . . . . . ."
 " . . . . . . . . . . . . . . . . . . . ."
 " . . . . . . . . . . . . . . . . . . . ."
 " . . . . . . . . . . . . . . . . . . . ."
 " . . . . . . . . . . . . . . . . . . . ."
 " . . . . . . . . . . . . . . . . . . . ."
 " . . . . . . . . . . . . . . . . . . . ."
}


/*-- Паддинг для счетчиков на морде и чего угодно вообще --*/
.padding-left-10  { 
padding-left: 10px;
	}


span.page {
    display: block;
	width: 100%;
	text-align: center;
	border-bottom-color: Silver;
	border-bottom-style: groove;
	border-bottom-width: medium;
	margin-bottom: 4em;
	margin-top: 1em;
	font-style: italic;	
}

.biblio {
    font-size: 90%;
	margin-bottom: 1em;
	margin-top: 1em;
	}

.commentary {
    font-size: 90%;
	margin-bottom: 1em;
	margin-top: 1em;
	}

.commentary-2 {
    font-size: 90%;
	margin-bottom: 1em;
	margin-top: 1em;
	margin-left: 3em;
	}

/*-- Библиотека поэта --*/

.bp-title-author {
	font-size: 150%;
	text-transform: uppercase;	
	text-align: center;
	font-weight: bold;
    font-style: italic;	
	letter-spacing: .03em;
	word-spacing: .1em;
	margin-top: 2em;
	margin-bottom: 8em;
	text-indent: 0;
	}

.bp-title-bp {
	font-size: 200%;
	text-transform: uppercase;	
	text-align: center;
	font-weight: bold;
    font-style: italic;	
	margin-top: 2em;
	margin-bottom: 0;
	text-indent: 0;
	}

.bp-title-bp-2ed {
	font-size: 200%;
	text-transform: uppercase;	
	text-align: center;
	color: red;
	font-weight: bold;
	letter-spacing: .1em;
	word-spacing: .2em;
    font-style: italic;	
	margin-top: 2em;
	margin-bottom: 0;
	text-indent: 0;
	}

.bp-title-founded {
	font-size: 110%;
	text-transform: uppercase;	
	text-align: center;
	font-weight: bold;
    font-style: italic;	
	margin-top: 0;
	margin-bottom: 0;
	text-indent: 0;
	}

.bp-ed2-title-founded {
	font-size: 110%;
	font-variant: small-caps;
	text-align: center;
	font-weight: bold;
	letter-spacing: .1em;
	word-spacing: .2em;	
	margin-top: 0;
	margin-bottom: 0;
	text-indent: 0;
	}


.bp-title-founded-gorky {
	font-size: 140%;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	letter-spacing: .1em;
	word-spacing: .2em;	
	margin-top: 0;
	margin-bottom: 0;
	text-indent: 0;
	}

.bp-series {
	font-size: 130%;
	text-transform: uppercase;	
	text-align: center;
	font-weight: bold;
    font-style: italic;	
	text-indent: 0;
	}


.bp-ed2-big-series {
	font-size: 130%;
	text-align: center;
    font-style: italic;	
	text-indent: 0;
	}


.bp-series-2ed {
	font-size: 130%;
	text-transform: uppercase;	
	text-align: center;
	font-weight: bold;
    font-style: italic;	
	margin-top: 1em;
	margin-bottom: 0;
	text-indent: 0;
	}

.bp-edition {
	font-size: 110%;
	text-transform: uppercase;	
	text-align: center;
	font-weight: bold;
    font-style: italic;	
	margin-top: .5em;
	margin-bottom: 8em;
	text-indent: 0;
	}

.bp-edition-2ed {
	font-size: 110%;
	text-transform: uppercase;	
	text-align: center;
	font-weight: bold;
    font-style: italic;	
	margin-top: 0;
	margin-bottom: 0;
	text-indent: 0;
	}

.bp-publisher {
	font-size: 110%;
	text-transform: uppercase;	
	text-align: center;
	font-weight: bold;
    font-style: italic;	
	letter-spacing: .5em;
	word-spacing: 1em;	
	margin-top: .5em;
	margin-bottom: 1em;
	text-indent: 0;
	}

.bp-publisher-2ed {
	font-size: 110%;
	text-transform: uppercase;	
	text-align: center;
    font-style: italic;	
	letter-spacing: .5em;
	word-spacing: 1em;	
	margin-top: .5em;
	margin-bottom: 1em;
	text-indent: 0;
	}

.bp-title-author-big {
	font-size: 200%;
	text-transform: uppercase;	
	text-align: center;
	font-weight: bold;
    font-style: italic;	
	margin-top: 2em;
	margin-bottom: 1em;
	text-indent: 0;
	}

.bp-ed2-title-book-title {
	font-size: 150%;
	text-transform: uppercase;	
	text-align: center;	
	letter-spacing: .1em;
	word-spacing: .2em;	
	margin-top: 0;
	margin-bottom: 3em;
	text-indent: 0;
	}

.bp-title-book-title {
	font-size: 130%;
	text-transform: uppercase;	
	text-align: center;
	font-weight: bold;
    font-style: italic;	
	letter-spacing: .1em;
	word-spacing: .2em;	
	margin-top: 2em;
	margin-bottom: 8em;
	text-indent: 0;
	}

.bp-publisher-department {
	font-size: 110%;
	text-transform: uppercase;	
	text-align: center;
	font-weight: bold;
    font-style: italic;	
	letter-spacing: .1em;
	word-spacing: .2em;	
	margin-top: .5em;
	margin-bottom: 1em;
	text-indent: 0;
	}

.bp-2ed-publisher-department {
	font-size: 110%;
	text-transform: uppercase;	
	text-align: center;
    font-style: italic;	
	letter-spacing: .1em;
	word-spacing: .2em;	
	margin-top: .5em;
	margin-bottom: 1em;
	text-indent: 0;
	}

.bp-2ed-annotation,
.snoska-margin-15 {
	margin-left: 15%;
	margin-right: 15%;	
}

.bp-imprint-author,
.imprint-author {
	text-indent: 0;	
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 1em;
	}
.bp-imprint,
.imprint {
	margin-top: 0;
	margin-bottom: 0;
	}
.bp-imprint-annotation,
.imprint-annotation {
	font-size: 80%;
	margin-top: 1em;
	margin-bottom: 1em;
	}

.hr-david-star { 
    background: url('/assets/img/bp/david-star.jpg') no-repeat top center;
    background-size: contain;
    display: block;
    height: 20px;
    border: 0;
    position: relative;
	}
.hr-david-star:before,
.hr-david-star:after {
    content: '';
    display: block;
    position: absolute;
	height: 4px;
	color: black;
    border-width: 1px;
	background-color: black;
    border-style: inset;
	margin-left: 25%;
	margin-right: 25%;
    top: 8px;
	}
.hr-david-star:before {
    left: 0;
    right: 50%;
    margin-right: 10px;
	}
.hr-david-star:after {
    right: 0;
    left: 50%;
    margin-left: 10px;
	}



.hr-bp-2ed { 
    background: url('/assets/img/bp/bp-2ed-spider.jpg') no-repeat top center;
    background-size: contain;
    display: block;
    height: 20px;
    border: 0;
    position: relative;
	}
.hr-bp-2ed:before,
.hr-bp-2ed:after {
    content: '';
    display: block;
    position: absolute;
	height: 4px;
	color: black;
    border-width: 1px;
	background-color: black;
    border-style: inset;
	margin-left: 25%;
	margin-right: 25%;
    top: 8px;
	}
.hr-bp-2ed:before {
    left: 0;
    right: 50%;
    margin-right: 10px;
	}
.hr-bp-2ed:after {
    right: 0;
    left: 50%;
    margin-left: 10px;
	}

.hr-bp-2ed-black {
    display: block;
	height: 3px;
	border-color: red;
    border-width: 0;
	background-color: black;
    border-style: groove;
	}

.hr-bp-2ed-red {
    display: block;
	height: 3px;
	border-color: red;
    border-width: 0;
	background-color: red;
    border-style: groove;
	}

.hr-550 {
        width: 550px;
        height: 2px;
        margin-left: auto;
        margin-right: auto;
	}

h1.bp-toc-contents {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;	
	font-size: 150%;
	margin-bottom: 1em;
	}

h1.bp-2ed-toc-contents {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 150%;
	margin-bottom: 1em;
	}

h1.bp-toc {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;	
	font-size: 120%;
	margin-bottom: 1em;
	}

h2.bp-toc {
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;	
    font-style: italic;
	font-size: 110%;
	margin-bottom: 1em;
	}

h1.bp-ed2-toc {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;	
	font-size: 130%;
	margin-bottom: 1em;
	}

h1.bp-ed2-toc-a {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;	
	font-size: 100%;
	margin-bottom: 0;
	}

h2.bp-ed2-toc {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;	
	font-size: 110%;
	margin-bottom: 1em;
	}

h3.bp-ed2-toc {
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	letter-spacing: .1em;
	word-spacing: .2em;		
	margin-bottom: 0;
	}

h3.bp-ed2-toc-a {
	text-align: center;
	font-weight: bold;
	font-size: 100%;	
	margin-bottom: 0;
	}

h3.pt {
	text-align: center;
	font-weight: normal;
	font-size: 100%;	
	margin-bottom: 0;
	}

h4.bp-ed2-toc {
	text-align: center;
	font-weight: normal;
	font-size: 100%;	
	margin-bottom: 0;
	}



.title,
.poem-title-uppercase,
.bp-poem-title,
.poem-title-bp {
	font-size: 120%;
	text-transform: uppercase;	
	text-align: center;
	font-weight: bold;
	letter-spacing: 0;
	margin-top: 2em;
	margin-bottom: 1em;
	text-indent: 0;
	}

.bp-poem-subtitle {
	font-size: 100%;
	text-align: center;
	font-style: italic;
	font-weight: normal;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 1em;
	text-indent: 0;
	}

.subtitle {
	font-size: 100%;
	text-transform: uppercase;	
	text-align: center;
	font-style: italic;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 1em;
	text-indent: 0;
	}

.bp-chapter-number {
	font-size: 90%;
	text-align: center;
	font-weight: bold;
	margin-top: 1em;
	text-indent: 0;
	}

.bp-date-poem,
.date-poem-i-left,
.date-poem,
.date-i-left {
	text-align: left;
	font-style: italic;
	font-size: 90%;
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 2em;
	}

.place-poem,
.place-i-left   {
	text-align: left;
	font-size: 90%;
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 0;
	}

.bp-name-index	{
	margin-left: 1.8em; 
	text-indent: -1.8em; 
}


/*-- Морда --*/

.button-stats {
    padding: 1px;
	}


/*-- Илиада --*/

.author-hexameter {
	font-size: 85%;
	text-indent: 0;
	text-align: right;
	margin-right: 30%;
	}

p.name-index-top-indent-lp	{
	margin-left: 1.8em; 
	text-indent: -1.8em; 
	margin-top: 2em; 
}

p.name-index-lp,
p.name-index	{
	margin-left: 1.8em; 
	text-indent: -1.8em; 
}


/*-- Панели --*/

@media only screen and (max-width: 320px) {
  .mobile-only {text-align: center!important;}	 
    }

.panel-title {
  font-size: 100%;
  text-align: center;  
}

h1.friends {
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.2em;
	word-spacing: 0.4em;
	font-size: 1.5em;
	text-transform: none;
	margin-bottom: 2em;
	}

h2.friends {
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.2em;
	word-spacing: 0.4em;
	margin-bottom: 2em;
	margin-top:2em;
	}

/*-- Ремизов --*/

h1.toc {
  text-align: center;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 1em;
	}


h2.toc {
  text-align: left;
  margin-top: 1em;
  margin-bottom: 0;
  letter-spacing: .2em;
  word-spacing: .3em;
	}

.h2-toc-left-normal {
  text-align: left;
  font-weight: normal;
  margin-top: 2em;
  margin-bottom: 1em;
	}

.h2-toc-left-normal-a {
  text-align: left;
  font-weight: normal;
  margin-top: 1em;
  margin-bottom: 1em;
	}

.h2-toc-left-normal-b {
  text-align: left;
  font-weight: normal;
  margin-top: 1em;
  margin-bottom: 1em;
	}

h3.toc {
  text-align: left;
  font-weight: bolder;
  margin-top: .2em;
  margin-bottom: 0;
	}

.h3-toc-left-normal {
  text-align: left;
  font-weight: normal;
  margin-top: 1em;
  margin-bottom: 1em;
	}

.h3-toc-left-uppercase {
  text-align: left;
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
	}

/*-- Антология "Поэзия серебрянного века" --*/

.author-name-intro {
	font-size: 150%;
	font-stretch: wider;
	font-weight: bolder;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1em;
	}

.author-years {
	font-size: 120%;
	text-align: center;
	font-weight: normal;
    font-style: italic;	
	margin-bottom: 3em;
	margin-top: 0;
	}

.annotation-author {
	font-weight: bold;
	margin-top: 1em;
	text-indent: 0;
	}

.annotation-author-normal {
	margin-top: 1em;
	text-indent: 0;
	}

.annotation-title {
	font-weight: normal;
	}

.annotation-text,
.book-annotation {
	font-size: 85%;
	}

.annotation-source {
	font-size: 85%;
	text-align: right;
	}


.blurb-text {
	font-size: 90%;
	text-indent: 0;
	margin-bottom: .5em;
	}

.blurb-text-indent {
	font-size: 95%;
	text-indent: 2em;
	}

.blurb-source {
	padding-left: 2em;
	font-size: 90%;
	margin-bottom: 1em;
	font-style: italic;
	text-indent: 0;
	}

.blurb-poem {
	font-size: 90%;
	text-indent: 0;
	margin-bottom: .5em;
	}

.book-info {
	margin-top: 10em;
	}

.highlight-yellow {
    background-color: yellow;
	}

.highlight-pink  {
    background-color: pink;
	}

.highlight-lightgrey {
    background-color: #D3D3D3;
	}

.highlight-lightergrey {
    background-color: #ededed;
	}

.highlight-LightYellow {
    background-color: #FFFFE0;
	}
.highlight-WhiteSmoke  {
    background-color: #F5F5F5;
	}

.highlight-censored {
    background-color: Gainsboro;
	padding: .1em;
	}

.highlight-edited {
    background-color: PaleGreen;
	}

/* список стихов в авторском файле */
.poem-index,
.poem-index-2 {
	margin-left: 3%;
	margin-right: 3%;
	}

@media screen and (min-width: 480px) {
.poem-index,
.poem-index-2 {
	margin-left: 6%;
	margin-right: 6%;
	}
}
@media screen and (min-width: 767px) {
.poem-index,
.poem-index-2 {
	margin-left: 9%;
	margin-right: 9%;
	}
}
@media screen and (min-width: 992px) {
.poem-index,
.poem-index-2 {
	margin-left: 12%;
	margin-right: 12%;
	}
}
@media screen and (min-width: 1199px) {
.poem-index,
.poem-index-2 {
	margin-left: 15%;
	margin-right: 15%;
	}
}

.poem-index {
	background-color: #F5F5F5;
	padding: 1em 1em 1em 1em;
	margin-top: 1em;	
	margin-bottom: 1em;
	border: 1px solid black;
	}

.poem-index-2 {
	padding: 1em 1em 0 1em;
	margin-top: 1em;
	margin-bottom: 1em;	
	border: 1px solid lightgrey;
	}

/* линейка перед сноской, 40%*/
.hr-left {
    display: block;	
	height: 1px;
	color: black;
	background-color: black;	
	border-width: 0;
	text-align: left;
	margin-left: 4%;
	margin-right: 60%;
	margin-top: 1em;	
}


/* линейка перед сноской, 10%*/
.hr-footnote-10 {
    display: block;	
	height: 1px;
	color: black;
	background-color: black;	
	border-width: 0;
	text-align: left;
	margin-right: 90%;
	margin-top: 2em;	
}

/* линейка перед сноской, 20%*/
.hr-footnote-20 {
    display: block;	
	height: 1px;
	color: black;
	background-color: black;	
	border-width: 0;
	text-align: left;
	margin-right: 80%;
	margin-top: 2em;	
}

/*линейка перед сноской, 30%*/
.hr-footnote-30 {
    display: block;	
	height: 1px;
	color: black;
	background-color: black;	
	border-width: 0;
	text-align: left;
	margin-right: 70%;
	margin-top: 4em;	
}

.hr-separator-2 {
    display: block;	
	height: 2px;
	color: black;
	background-color: black;
	width: 100%;	
	border-width: 0;
	margin-top: 4em;
	margin-bottom: 0;	
}

.hr-separator-10 {
    display: block;	
	height: 1px;
	color: black;
	background-color: black;	
	border-width: 0;
	text-align: center;
	width: 10%;
	margin-top: 1em;
	margin-bottom: 1em;	
	text-indent: 0;
	}

.hr-separator-20 {
    display: block;	
	height: 1px;
	color: black;
	background-color: black;	
	border-width: 0;
	text-align: center;
	width: 20%;
	margin-top: 1em;
	margin-bottom: 1em;	
}

.hr-separator-30 {
    display: block;	
	height: 1px;
	color: black;
	background-color: black;	
	border-width: 0;
	text-align: center;
	width: 30%;
	margin-top: 1em;
	margin-bottom: 1em;	
	text-indent: 0;
	}

.hr-separator-30a {
    display: block;	
	height: 1px;
	color: black;
	background-color: black;	
	border-width: 0;
	text-align: center;
	width: 30%;
	height: 2px; /* Толщина линии */
	margin-top: 0;
	margin-bottom: 6em;	
}

.hr-separator-50 {
    display: block;	
	height: 1px;
	color: black;
	background-color: black;	
	border-width: 0;
	text-align: center;
	width: 50%;
	margin-top: .5;
	margin-bottom: 1em;	
}

.hr-separator-50a {
    display: block;	
	height: 1px;
	color: black;
	background-color: black;	
	border-width: 0;
	text-align: center;
	width: 50%;
	margin-top: 2em;
	margin-bottom: 2em;	
}

.hr-separator-40a {
    display: block;	
	height: 2px;
	color: black;
	background-color: black;	
	border-width: 0;
	text-align: center;
	width: 40%;
	margin-top: 1em;
	margin-bottom: 1em;	
}

.hr-separator-90 {
    display: block;	
	height: 1px;
	color: black;
	background-color: black;	
	border-width: 0;
	text-align: center;
	width: 90%;
	margin-top: 2em;
	margin-bottom: 1em;	
}

p.hr-left-60 {
    text-indent: 2em;
	border-bottom: 2px solid Black;
	width: 60%;	
	text-align: left;	
	display: block;
	margin-top: 0;
	margin-bottom: 0;	
}

.margin-top-1,
.source-silver-age {
	margin-top: 1em;
	}

.poem-cycle {
	font-size: 100%;
    font-weight: normal;
	margin-top: 3em;	
	margin-bottom: 0;
	text-indent: 0;
	}

.poem-cycle-spaced {
	font-size: 150%;
	text-align: center;
	text-transform: uppercase;
    font-weight: normal;
	letter-spacing: .2em;
	word-spacing: .15em;
	margin-top: 3em;	
	margin-bottom: 1em;
	text-indent: 0;
	}


.variant-title {
	font-size: 110%;
	text-align: center;
	font-weight: bolder;
	margin-top: 1em;
	margin-bottom: 0;
	text-indent: 0;
	}

.variant-source {
	text-align: center;
	font-style: italic;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 1em;
	text-indent: 0;
	}

.poem-title {
	font-size: 120%;
	text-align: center;
	font-weight: normal;
	letter-spacing: .03em;
	word-spacing: .1em;
	margin-top: 2em;
	margin-bottom: 0;
	text-indent: 0;
	}

.poem-subtitle {
	font-size: 110%;
	text-align: center;
	font-style: italic;
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 0;
	}

.poem-subtitle-center {
	font-size: 100%;
	text-align: center;
	font-style: italic;
	text-indent: 0;
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 0;
	}

.dedication-poem {
	text-align: right;
	font-style: italic;
	font-size: 85%;
	}

/*эпиграф*/
.epigraph {
	font-size: 85%;
	margin-left: 50%;
	margin-top: 2em;
	margin-bottom: 0;
	}

.epigraph-indent {
	font-size: 85%;
	text-indent: 2em;
	margin-left: 50%;
	margin-top: 2em;
	margin-bottom: 0;
	}

/*эпиграф - правое выравнивание*/
.epigraph-right {
	font-size: 85%;
	text-align: right;
	margin-top: 2em;
	margin-bottom: 0;
	}

/*эпиграф - правое выравнивание*/
.epigraph-center {
	font-size: 85%;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1em;
	}

.margin-25 {
	margin: 0 25%;
	}

.margin-left-50 {
	text-align: left;
	margin-left: 50%;
	margin-top: 0;
	margin-bottom: 1em;
	}

.margin-left-40 {
	text-align: left;
	margin-left: 40%;
	margin-top: 0;
	margin-bottom: 1em;
	}
	
.margin-left-30 {
	text-align: left;
	margin-left: 30%;
	margin-top: 0;
	margin-bottom: 1em;
	}	

.margin-10-10 {
	margin-left: 10%; 
	margin-right: 10%;
		}	


	
/*эпиграф, отступ 50%, кегль 85%*/
.epigraph-50 {
	margin-left: 50%;
	text-indent: 0;
	font-size: 85%;
	margin-top: 2em;
	margin-bottom: 0em;
	}

/*эпиграф, отступ 40%, кегль 85%*/
.epigraph-40 {
	margin-left: 40%;
	text-indent: 0;
	font-size: 85%;
	margin-top: 2em;
	margin-bottom: 0em;
	}

/*эпиграф, отступ 30%, кегль 85%*/
.epigraph-30 {
	margin-left: 30%;
	text-indent: 0;
	font-size: 85%;
	margin-top: 2em;
	margin-bottom: 0em;
	}

/* автор эпиграфа, правое выравнивание, кегль 85% */
.epigraph-author,
.epigraph-author-50 {
	text-align: right;
	font-style: italic;
	font-size: 85%;
	margin-top: 0;
	margin-bottom: 1em;
	}

/*эпиграф, отступ 50%, курсив*/
.epigraph-50-i {
	margin-left: 50%;
	font-style: italic;
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	}

/* текст эпиграфа для стихов */
.epigraph-text {
	text-align: left;
	text-indent: 0;
	font-size: 85%;
	margin-left: 20%;	
	margin-top: 0;
	margin-bottom: 0;
	}

/* текст эпиграфа для стихов */
.epigraph-text-right {
	text-align: right;
	text-indent: 0;
	font-size: 85%;
	margin-top: 0;
	margin-bottom: 0;
	}

/* автор эпиграфа */
.epigraph-author-old {
	text-align: right;
	font-style: italic;
	font-size: 90%;
	margin-right: 0;	
	margin-top: 0;
	margin-bottom: 1em;
	}
	
/*------------------- Base -----------------------*/

body {
	font-family: Times New Roman, serif;
	color: black;
	background-color: white;
	margin: 0;
	padding: 0;
	}

/* ----------------------- Links -------------------- */
a {
	color: blue;
	text-decoration: none;
	}
a:visited {
	color: purple;
	}

a:hover	{
	color: red;
	}
a:active	{
	color: orange;
	}

/* цвет ссылок на цикл; на оглавление; цвет ссылок на БП из ЛП*/
/* unvisited link */
a.toc:link,
a.cycle:link,
a.bp:link {
	color: #e60000;
	}
/* mouse over link */
a.toc:hover,
a.cycle:hover,
a.bp:hover {
	color: red;
	}
/* selected link */
a.toc:active,
a.cycle:active,
a.bp:active { 
  color: #cce5cc;
	}
a.toc:visited,
a.cycle:visited,
a.bp:visited { 
	color: #e60073;
	}

/*цвет ссылок на авторские примечания*/
a.author-note:link {
	color: #16739A;
	}
a.author-note:visited {
	color: #1c3ec7;
	}
a.author-note:hover {
	color: #1cc7a5;
	}

/* цвет ссылок на цикл; на БП из ЛП*/
a.bp:link {
	color: #008000;
	}
a.bp:visited {
	color: #008040;
	}
a.bp:hover {
	color: #00b300;
	}


/* ------------------  System colors  --------------------*/

.color-brand {
    background-color: #ffdb99;
	color: red;
	}
.color-18 {
    background-color: #b3ff99;
	}
.color-19 {
    background-color: #ffeb99;
	}
.color-20 {
    background-color: #ffad99;
	}	
.color-prog {
    background-color: blue;
	}
.color-pt {
    background-color: #8B008B;
	}
.color-grey{
    color: grey;
	}
.color-silver {
    background-color: #CCC;
	}	
.color-silver-title {
    color: #CCC;
	}
		
.color-varia {
    background-color: #e6e6ff;
	}

.color-red,
.bp-color-red {
    color: red!important;
	}

.color-leskov,
.color-dark-tan {
    color: #9b5646;
	}

.bg-news {
    background-color: #dff0d8;
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;	
} 

.btn-news {
	margin-top: 1em;
	margin-bottom: 1em;	
}


/* ----------------- Typografy ---------------------  */

body {
	font-size: 16px;
	}
    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width: 480px) {
body {
	font-size: 18px;
     }
}
    /* Small Devices, Tablets */
    @media only screen and (min-width: 768px) {
body {
	font-size: 20px;
	}
}
    /* Medium Devices, Desktops */
    @media only screen and (min-width: 992px) {
body {
	font-size: 22px;
	}
}
    /* Large Devices, Wide Screens */
    @media only screen and (min-width: 1200px) {
body {
	font-size: 24px;
	}
}

p {
text-align: justify;
text-indent: 4%;
margin-top: 0;
margin-bottom: 0;
	}

p.space {
text-align: justify;
text-indent: 4%;
margin-top: 0;
margin-bottom: 1em;
	}

.old-style {
text-align: left;
text-indent: 0;
margin-top: 0;
margin-bottom: 1em;
	}

.old-style-indent {
text-align: left;
text-indent: 2em;
margin-top: 0;
margin-bottom: 1em;
	}

.left,
.news {
text-align: left;
	}

.right {
text-align: right;
	}


.thick,
.b {
    font-weight: bold;
	}

.thicker,
.bolder {
    font-weight: 900;
	}

.i {
    font-style: italic;
	}

.o {
    font-style: oblique;
	} 

.not-b { 
    font-weight: normal !important;	
}

.not-i { 
    font-style: normal !important;	
}

.not-uppercase { 
	text-transform: none !important;	
}

.normal { 
	letter-spacing: normal;
	text-transform: none; 
    font-style: normal;
    font-weight: normal;	
}

.small {
  font-size: 85%;
	}

.big {
  font-size: 120%;
	}

.uppercase {
  text-transform: uppercase;
	}

.lowercase {
  text-transform: lowercase;
	}

.spacer-minus-1 {
    margin-top: -0.8em; 
}

.spacer {
    height: 1em; 
}

.spacer-2 {
    height: 2em; 
}

.spacer-3 {
    height: 3em; 
}

.spacer-4 {
    height: 4em; 
}

.spacer-5 {
    height: 5em; 
}

.spacer-6 {
    height: 6em; 
}

.spacer-7 {
    height: 7em; 
}

.spacer-8 {
    height: 8em; 
}

.spacer-9 {
    height: 9em; 
}

.spacer-10 {
    height: 10em; 
}

.spacer-11 {
    height: 11em; 
}

.spacer-12 {
    height: 12em; 
}



.col-center-block {
    float: none;
    display: block;
    margin: 0 auto;
    /* margin-left: auto; margin-right: auto; */
}

hr {
    display: block;	
	height: 1px;
    border-style: outset;
	background-color: black;
	}

.width-20 {
	width: 20%;
	}


blockquote {
  font-size: 85%;
  border: 0;
	}

.no-indent,
.no-indent p {
	text-indent: 0;
	}

/*сдвиг, 20%, без красной строки*/
.indent {
margin-left: 20%;
text-indent: 0px;
	}
/*сдвиг, 3М, без красной строки, без отступов*/
.indent2 {
margin-left: 3em;
text-indent: 0px;
margin-bottom: 1.5em;
	}
/*сдвиг, 5М, без красной строки, без отступов*/
.indent3 {
margin-left: 5em;
text-indent: 0px;
	}
/*сдвиг, с висячей строкой 2М, без отступов*/
.indent4{
margin-left:10em;
text-indent:-8em;
	}
/*сдвиг, 3М, без красной строки, отступ сверху и снизу*/
.indent5 {
margin-top:2em;
margin-bottom: 2em;
margin-left: 3em;
text-indent: 0px;
	}
/*сдвиг, 5М, без красной строки, отступ сверху и снизу*/
.indent6{
margin-left: 5em;
text-indent: 0px;
margin-top:2em;
margin-bottom: 2em;
	}
/*сдвиг, 3М, без красной строки, отступ только сверху*/
.indent7 {
margin-top:1em;
margin-left: 3em;
text-indent: 0px;
	}
/*сдвиг, 8М, без красной строки, без отступов*/
.indent8 {
margin-left: 8em;
text-indent: 0px;
	}
/*сдвиг, 8М, без красной строки,  отступ сверху и снизу*/
.indent9 {
margin-left: 8em;
text-indent: 0px;
margin-top:2em;
margin-bottom: 2em;
	}
/*сдвиг, 2М, без красной строки, без отступов*/
.indent10 {
margin-left: 2em;
text-indent: 0px;
	}
/*сдвиг, 8М, красная строка, без отступов*/
.indent11 {
margin-left: 8em;
text-indent: 2em;
	}
/*сдвиг, 5М, без красной строки, без отступов*/
.indent12 {
text-indent: 5em;
	}
/*сдвиг, 5М, без красной строки, без отступов*/
.indent13 {
margin-left:80%;
text-align: center;
	}

/*висячая строка*/
.orphan {
	margin-left:5em;
	text-indent: -3em;
	}

.error404 {
	font-size: 300%;
    text-align: center;
	text-indent: 0;
	color: white; 
	text-shadow: black 0.1em 0.1em 0.2em;
	}

/* -------------------- Alignement -----------------*/

.ad-center,
.margin-auto {
    display: block;
    margin: auto;
    text-align: center;
	}



/* автор текста */
.author {
	margin-bottom : 1.5em;
	margin-top : 1.5em;
	text-align : right;
	}

.author-center {
	margin-bottom : 1.5em;
	margin-top : 1.5em;
	text-align : center;
	}

/* автор текста */
.author-right-no-margines {
	margin-bottom: 0;
	margin-top: 0;
	font-style: italic;
	text-align: right;
	}

/*центрированный абзац*/
.center,
.text-center {
    text-align: center;
	text-indent: 0;	
	margin: 0 auto;
	}

div.center {
  margin: auto;
}

/*центрированный абзац с отступами*/
.center-spacing,
.center-2 {
	text-align: center;
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	}

/* номер части или главы - Чуковский и т.д.*/
.number,
.asterisk-center {
	text-align: center;
	font-size: 1em;
	text-indent: 0;
	margin-top: 2em;
	margin-bottom: 1em;
	}

.asterisk-center-1,
.number-1 {
	text-align: center;
	text-indent: 0;
	margin-bottom: 0;
	margin-top: 1em;
	}

/* номер части или главы - Чуковский и т.д.*/
.number-b,
.asterisk-center-b {
	text-align: center;
	font-weight: bold;
	text-indent: 0;
	margin-bottom: 0;
	margin-top: 2em;
	}

/* номер части или главы - Чуковский и т.д.*/
.number-b,
.asterisk-center-b {
	text-align: center;
	font-weight: bold;
	text-indent: 0;
	margin-bottom: 0;
	margin-top: 2em;
	}

/*название главы*/
.chapter-name{
text-align: center;
font-weight: bold;
margin-top: 2em;
margin-bottom: 1em;
text-indent: 0;
	}

.chapter-name-i {
text-align: center;
font-style: italic;
margin-top: 2em;
margin-bottom: 1em;
text-indent: 0;
	}

.chapter-name-normal {
text-align: center;
margin-top: 0;
margin-bottom: 2em;
text-indent: 0;
	}

/*номер главы романа*/
.chapter-number {
text-align: center;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 1em;
margin-top:3em;
text-indent: 0;
	}

/*номер главы романа*/
.chapter-number-normal {
text-align: center;
text-transform: uppercase;
font-weight: normal;
margin-top: 2em;
margin-bottom: 0;
text-indent: 0;
	}

/*номер главы романа, выравнивание слева*/
.chapter-number-left {
text-align: left;
text-indent : 2em;
font-weight: bold;
margin-bottom: 2em;
margin-top: 2em;
	}

/*номер части романа*/
.part-number {
text-align: center;
font-size: 150%;
font-weight: bold;
text-transform: uppercase;
margin-top: 2em;
margin-bottom: 0;
text-indent: 0;
	}

/*номер части романа*/
.part-number-old {
text-align: center;
font-size: 130%;
font-weight: bold;
letter-spacing: .2em;
margin-bottom: 2em;
margin-top: 2em;
text-indent: 0;
	}

/*раздел, отступы сверху и снизу*/
.section {
margin-bottom: 1em;
margin-top: 1em;
	}
/*раздел, отступы сверху и снизу, отступ слева 10%*/
.section2 {
margin-bottom: 1em;
margin-top: 1em;
margin-left: 10%;
	}
/*раздел, отступы только сверху*/
.section3 {
margin-top: 1em;
margin-bottom: 1em;
	}

/*подпись под картинкой*/
.caption {
    text-align: center;
	margin: 1em auto 2em auto;
	text-indent: 0;
	font-style: italic;
	}

/*подпись под картинкой без курсива*/
.caption-normal,
.caption2
 {
    text-align: center;
	margin: 1em auto 2em auto;
	text-indent: 0;
	}

/*подпись под картинкой без курсива, 80%*/
.caption-normal-80
 {
    text-align: center;
	margin: 1em auto em auto;
	text-indent: 0;
	font-size: 80%;
	}

.img-center {
	margin-left: auto;
	margin-right: auto;
    display: block;	
}

.img-clear-left {
    float: left;
	}

.img-float-right {
    float: right;
    margin: 1 1;
	}

.fb-like-container {
  position: relative;
  padding: 0;

}
.fb-like {
  position: absolute;

  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
	}

/* ----------------------- Collapse  -----------------------------*/



 
/* ----------------------- Morda (index.html)  -----------------------------*/  
  
.morda-title	
{
	font-size: 200%;
	font-stretch: wider;
	font-weight: bolder;
	text-align: center;
	text-indent: 0;
	}

.morda-date	
{
	font-size: 100%;
	text-align: center;
	color: #eaeaea;
	text-indent: 0;
	}  
  

/* --  Table of Content (toc)  --*/

.toc-author {
	color: black;
	text-align: center;
	font-weight: normal;
	letter-spacing: .2em;
	font-size: 1.5em;
	word-spacing: .4em;
	margin-bottom: 2em;
	margin-top: 3em;
	}

.toc-title {
	color: black;
	text-align: center;
	font-weight: bold;
	letter-spacing: .2em;
	word-spacing: .4em;
	font-size: 1.5em;
	margin-bottom: 2em;
	margin-top: 2em;
	}

.toc-content {
	color: black;
	text-align: left;
	}

.toc-indent-1 {
	text-indent: 1em;
	}

.toc-indent-2 {
	text-indent: 2em;
	}

.toc-indent-3 {
	text-indent: 3em;
	}

/*  --------------------- tocvol --------------------------- */

.asterisk-divider {
	font-size: 200%;
	margin-top: 2em;
	margin-bottom: 1em;
	text-align: center;
	text-indent: 0;	
}

.title1 {
	font-size: 200%;
	font-stretch: wider;
	font-weight: bolder;
	text-align: center;
	text-indent: 0;
	margin-bottom: 1em;
	margin-top: 2em;
	text-indent: 0;	
}

.title1a {
	font-size: 200%;
	font-stretch: wider;
	text-align: center;
	text-indent: 0;
	margin-bottom: 1em;
	margin-top: 2em;
	}

.title1b {
	font-size: 200%;
	font-weight: bolder;
	font-stretch: ultra-condensed;
	text-indent: 0;
	margin-bottom: 1em;
	margin-top: 2em;
	}

.title1c {
	font-size: 200%;
	font-stretch: wider;
	font-weight: bolder;
	text-align: center;
	text-indent: 0;
	margin-bottom: 1;
	margin-top: 0;
}

.title1-0 {
	font-size: 200%;
	font-stretch: wider;
	font-weight: bolder;
	text-align: center;
	text-indent: 0;
	margin-bottom: 0;
	margin-top: 2em;
	}


.title2 {
	font-size: 140%;
	font-weight: bolder;
	font-stretch: wider;
	text-align: center;
	text-indent: 0;
	margin-top: 3em;	
	margin-bottom: 1em;
	}

.title2a {
	font-size: 140%;
	font-weight: normal;
	text-align: center;
	text-indent: 0;
	margin-top: 1em;	
	margin-bottom: 1em;
	letter-spacing: .2em;
	}

.title2b {
	font-size: 140%;
	font-weight: normal;
	text-align: center;
	text-indent: 0;
	margin-top: 1em;	
	margin-bottom: 1em;
	letter-spacing: .1em;
	}

.title2c {
	font-size: 140%;
	font-weight: normal;
	text-align: left;
	text-indent: 0;
	margin-top: 1em;	
	margin-bottom: 1em;
	letter-spacing: .1em;
	}

.title2d {
	font-size: 140%;
	font-weight: bolder;
	font-stretch: narrow;	
	text-indent: 0;
	margin-top: 1em;	
	margin-bottom: 1em;
	}

.title2-0 {
	font-size: 140%;
	font-weight: bolder;
	text-align: center;
	text-indent: 0;
	margin-top: 0;	
	margin-bottom: 0;
	letter-spacing: .2em;
	}

.title3 {
	font-size: 120%;
	font-weight: bolder;
	text-align: center;
	text-indent: 0;
	margin-bottom: 3em;
	margin-top: 1em;
	letter-spacing: .2em;
	}

.title3a,
.title3-normal {
	font-size: 120%;
	font-weight: normal;
	text-align: center;
	text-indent: 0;
	margin-bottom: 0;
	margin-top: 1em;
	letter-spacing: .2em;
	}

.title3b {
	font-size: 120%;
	font-weight: bolder;
	text-align: center;
	text-indent: 0;
	margin-bottom: 3em;
	margin-top: 1em;
	}

.title3c {
	font-size: 120%;
	font-weight: normal;
	text-align: center;
	text-indent: 0;
	margin-bottom: 3em;
	margin-top: 1em;
	}

.title4 {
	font-size: 100%;
	text-align: center;
	text-indent: 0;
	margin-bottom: 3em;
	margin-top: 1em;
	Line-height: 1.8em;
	}
.title5 {
	font-size: 100%;
	text-align: center;
	text-indent: 0;
	margin-bottom: 1em;
	margin-top: 9em;
	letter-spacing: .2em;
	}
.title6 {
	font-size: 100%;
	font-style: italic;
	text-align: center;
	text-indent: 0;
	margin-bottom: 1em;
	margin-top: 7em;
	}
.title6a {
	font-size: 85%;
	text-align: center;
	text-indent: 0;
	margin-bottom: 3em;
	margin-top: 1em;
	}
.titleref {
	text-align:center;
	margin-bottom: 1em;
	font-size: small;
	text-indent: 0;
	margin-top: 1em;}

.titlezv {
	text-align:center;
	font-size: 2em;
	margin-top: 1em;
	line-height: 2em;
	text-indent : 0em;
	font-weight: bold;
	}	

.titleed {
	text-align:center;
	margin-top: 5em;
	letter-spacing: 0.2em;
	text-indent : 0em;
	font-size: 90%;}

.titleed2 {
	text-align:center;
	letter-spacing: 0.2em;
	text-indent : 0em;
	font-weight: bold;
	}

.titleloc {
	text-align:center;
	letter-spacing: 0.2em;
	text-indent : 0em;
	font-size: 90%;
	}

.titlevol {
	text-align:center;
	letter-spacing: 0.2em;
	text-indent : 0em;
	}

.titledt {
	text-align:center;
	letter-spacing: 0.2em;
	text-indent : 0em;
	font-size: 90%;
	}

.title-izd {
	margin-top: 5em;
	margin-bottom: 5em;
	text-align: center;
	letter-spacing: .2em;
	text-indent: 0;
	}

.title-izd-2 {
	font-size: 110%;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	letter-spacing: .2em;
	text-indent: 0;
	}

.tit-ob {
	margin-top: 2em;
	text-align: center;
	text-indent: 0;
	}

.tocvol-contents-normal,
.lp-contents {
	font-size: 150%;
	font-weight: normal;
	text-transform: uppercase;	
	text-align: center;
	text-indent: 0em;
	margin-top: 1em;	
	margin-bottom: 1em;
	}

.tocvol-subtitle-normal {
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;	
	text-align: center;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 1em;
	}

.tocvol-cycle-spaced {
	font-weight: normal;
    letter-spacing: .2em;
    word-spacing: .15em;
	text-indent: 0em;	
}

.toc-bold-left {
	font-weight: bold;
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;	
	text-indent: 0;
	}


/*  -- ABC Publication styles -- */  
   
 .address {
	margin-left: 5%;
	}

.adressee {
	margin-left: 1%;
	margin-top : 1.5em;
	margin-bottom: 1em;
	}

.argument {
    margin: auto;
    width: 50%;
	margin-bottom: 2em;
	text-indent: 0;
	}

/* -- Три звездочки-разделители  --*/
.asterism {
	margin-top: 1.5em;
	margin-bottom: 1em;
	text-align: center;
	text-indent: 0em;	
}

.author {
	font-style: italic;
    margin-left: 30%;
	margin-bottom: 1em;
	margin-top: 1em;
	}

.author2 {
	font-style : italic;
	margin-right: 10%;
	margin-bottom: 1em;
	margin-top: 1em;
	text-align: right;
	}

.authprim {
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
	}

.authprim-cont {
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 0;
	}

/* -- Color: Background color  --*/
.bg-color-aliceblue {background-color: #F0F8FF;}
.bg-color-antiquewhite {background-color: #FAEBD7;}
.bg-color-aqua {background-color: #00FFFF;}
.bg-color-aquamarine {background-color: #7FFFD4;}
.bg-color-azure {background-color: #F0FFFF;}
.bg-color-beige {background-color: #F5F5DC;}
.bg-color-bisque {background-color: #FFE4C4;}
.bg-color-black {background-color: #000000;}
.bg-color-blanchedalmond {background-color: #FFEBCD;}
.bg-color-blue {background-color: #0000FF;}
.bg-color-blueviolet {background-color: #8A2BE2;}
.bg-color-brown {background-color: #A52A2A;}
.bg-color-burlywood {background-color: #DEB887;}
.bg-color-cadetblue {background-color: #5F9EA0;}
.bg-color-chartreuse {background-color: #7FFF00;}

.bg-color-cornsilk {background-color:#FFF8DC;} 	
.bg-color-crimson {background-color:#DC143C;}
.bg-color-darkgray {background-color: #A9A9A9;}
.bg-color-darkgreen {background-color: #006400;}
.bg-color-darkkhaki {background-color: #BDB76B;}
.bg-color-darkmagenta {background-color: #8B008B;}
.bg-color-darkolivegreen {background-color: #556B2F;}
.bg-color-darkorchid {background-color: #9932CC;}
.bg-color-darkorchid {background-color: #9932CC;}	
.bg-color-floralwhite {background-color: #FFFAF0;}
.bg-color-gainsboro {background-color: #DCDCDC;} 
.bg-color-ghostwhite {background-color: #F8F8FF;} 
.bg-color-gold {background-color: #FFD700;}
.bg-color-goldenrod {background-color: #DAA520;}
.bg-color-grey {background-color: #808080;}
.bg-color-green {background-color: #008000;}
.bg-color-greenyellow {background-color: #ADFF2F;}
.bg-color-honeydew {background-color: #F0FFF0;}
.bg-color-hotpink {background-color: #FF69B4;}
.bg-color-indianred {background-color: #CD5C5C;}
.bg-color-indigo {background-color: #4B0082;}
.bg-color-ivory {background-color: #FFFFF0;}
.bg-color-lavender {background-color: #E6E6FA;}
.bg-color-lavenderblush {background-color: #FFF0F5;}
.bg-color-lightgrey  {background-color: #D3D3D3;}
.bg-color-lightpink {background-color: #FFB6C1;}
.bg-color-lightsalmon {background-color: #FFA07A;}
.bg-color-lightseagreen  {background-color: #87CEFA;}
.bg-color-lightslategray {background-color: #778899;}
.bg-color-lime {background-color: #00FF00;} 
.bg-color-mediumpurple {background-color: #9370DB;} 

.bg-color-olive {background-color: #808000;}
.bg-color-orange {background-color: #FFA500;}
.bg-color-pink {background-color: #FFC0CB;}
.bg-color-plum {background-color: #DDA0DD;}	
.bg-color-royalblue {background-color: #4169E1;}
.bg-color-snow {background-color: #FFFAFA;}
.bg-color-tan {background-color: #D2B48C;}
.bg-color-tomato {background-color: #FF6347;}
.bg-color-violet {background-color: #EE82EE;}  
.bg-color-yellow {background-color: #FFFF00;} 

/* -- Cards -- from Bootstrap 4 --*/ 
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
	}
		
.card {
    margin-top: .5em;
    margin-bottom: .5em;
	}

.card-body {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 1.25rem;
	}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
	}

.card-title {
  margin-bottom: 0.75rem;
	}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
  text-align: left;
  text-indent: 0;
	}

.card-text:last-child {
  margin-bottom: 0;
	}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
	}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
	}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
	}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
	}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
	}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
	}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
	}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
	}

.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
	}

.card-deck .card {
  margin-bottom: 15px;
	}

@media (min-width: 576px) {
  .card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
	}

.card-group > .card {
  margin-bottom: 15px;
	}

@media (min-width: 576px) {
  .card-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
    border-bottom-left-radius: 0;
  }
  .card-group > .card:only-child {
    border-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
	}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.card-shadow,.card-shadow-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.card-shadow-4,.hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}

.coda {
margin-left: 2em;
	}

.comment {
	margin-top: 0;
	text-indent: 1em;
	}

.comments {
	margin-top: 3em;
	}

/* продолжение абзаца, без красной строки*/
.continuation,
.text-continuation,
.text-cont {
	text-indent: 0;
	}


/* продолжение абзаца, отступ сверху */
.continuation2 {
	text-indent: 0;
	margin-top: 2em;
	}


.date {
	text-align: right;
	font-style: italic;
	margin-top: 1em;
	margin-bottom: 1em;
	}

.date1 {
	text-align: left;
	font-style: italic;
	font-size: 85%;
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	}

.date2 {
	text-align: center;
	font-style: italic;
	margin-top: 1em;
	margin-bottom: 1em;
	}
.date3,
.date-left-italic-no-indent {
	font-size: 85%;
	text-align: left;
	font-style: italic;
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 0;
	}
.date4 {
	text-align: left;
	font-style: italic;
	margin-top: 2em;
	margin-bottom: 2em;
	}
.date5,
.date-left {
	text-align: left;
	margin-top: 1em;	
	margin-bottom: 1em;
	}
.date-left-i {
	text-align: left;
	font-style: italic;
	margin-top: 1em;	
	margin-bottom: 1em;
	}	
	
/*дата текста, справа*/
.date6,
.date-italic-right {
	text-align : right;
	font-style: italic;
	margin-top: 0;	
	margin-bottom: 1em;
	}

/*дата текста, справа*/
.date7,
.date-normal-right {
text-align: right;
margin-top: 0;
margin-bottom: 1em;
	}

/*дата текста, справа*/
.date8 {
text-align: right;
margin-top: 0;
margin-bottom: 0;
	}

/*посвящение, отступ 25%*/
.dedication {
	margin-left: 25%;
	text-align: center;
	margin-bottom: 1em;	
}

/*посвящение, по центру*/
.dedication2,
.dedication-center {
	text-align: center;
	text-indent: 0;
	}

/*посвящение, справа*/
.dedication-right {
	text-align: right;
	font-size: 85%;
	}

/*посвящение, справа, курсив*/
.dedication-right-i {
	text-align: right;
	font-style: italic;
	margin-bottom: 1em;	
	font-size: 85%;	
}

.diffaut {
	font-size: 80%;
	}

.document {
	font-size: 80%;
	margin-top: 2em;
	margin-bottom: 2em;
	}


/*разделитель, точки по всей странице*/
.dotted {
	width: 100%;
	border-top-width: 2px;
	margin-top: 1em;
	border-top-style: dotted;
	border-top-color: Black;
	margin-bottom: 1em;
	margin-left: 0%;
	}

/*разделитель, дефисы  по всей странице*/
.dashed {
width: 100%;
border-top-width: 2px;
margin-top: 1em;
border-top-style: dashed;
border-top-color: Black;
margin-bottom: 1em;
margin-left: 0%;
	}
	
.epigr {
	margin-left: 30%;
	text-align: justify;
	margin-top: 2em;
	margin-bottom: 1em;
	text-indent: 2em;
	text-indent: 0;	
}

.epigr1 {
	margin-left : 30%;
	font-size : 110%;
	margin-bottom : 1em;
	}

.epigr1-sign {
	margin-left : 40%;
	font-style : italic;
	margin-bottom : 1em;
	}

/*эпиграф  с уменьшенным кеглем*/
.epigr2 {
	font-size : 80%;
	margin-left: 50%;
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 0;
	}

.epigr2x {
	margin-left: 45%;
	margin-top: 2em;
	margin-bottom: 3em;
	margin-right: 2em;
	font-size: 90%;
	}

/* подпись под эпиграфом с уменьшенным кеглем, выравнивание справа*/
.epigr2-sig {
	text-align: right;
	font-size: 80%;
	}

.epigr3 {
	margin-left: 2em;
	margin-top: 2em;
	margin-bottom: 1em;
	font-size: 90%;
	}

/* подпись под эпиграфом с уменьшенным кеглем, выравнивание справа*/
.epigr3-author {
	text-align: right;
	font-size: 90%;
	font-style: italic;
	}

.etc {
	margin-left: 20%;
	}

.figure,
.illustration {
	text-align: center;
	margin: auto;
	margin-bottom: 1em;
	margin-top: 1em;
	}

.figure-0,
.illustration-0 {
	text-align: center;
	margin: auto;
	margin-bottom: 0;
	margin-top: 0;
	}

.illustration-right {
	float: right;
	clear: right;
	margin-bottom: 1em;
	margin-top: 1em;
	}

/*-- Flex --*/

.center-flex-22 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22em;
	}

.flex-row-wrap-center {
   display: -webkit-flex;
   display: flex;
   height: 100%;
   -webkit-flex-wrap: wrap; /* Safari */
   flex-wrap:         wrap;
   -webkit-justify-content: center; /* Safari */
   justify-content: center;
	}

.flex-row-wrap-space-around {
   display: -webkit-flex;
   display: flex;
   height: 100%;
   -webkit-flex-wrap: wrap; /* Safari */
   flex-wrap:         wrap;
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;   
}

.flex-row-justify-end {
  -webkit-justify-content: flex-end; /* Safari */
  justify-content:         flex-end;
	}

.flex-poetry,
.flex-column-center,
.flex-container {
    display: -webkit-flex;
    display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;	
}

.flex-container-space-between {
  display: flex;  
  justify-content: center;
  padding: 0 10px; /* added padding */
}

.flex-column-start,
.flex-column-left {
    display: -webkit-flex;
    display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;	
}

.flex-end {
    display: -webkit-flex;
    display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	flex-direction: column;	
}

.flex-poetry-right,
.flex-end {
    display: -webkit-flex;
    display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	flex-direction: column;
	}

.flex-row-stretch-wrap {
    display: -webkit-flex;
    display: flex;  
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;	
   -webkit-flex-wrap: wrap; /* Safari */
   flex-wrap:         wrap;	
	height: 100%;
	border: 1px solid red;
	justify-content: center;
	align-items: stretch;
	}

.flex-note,
.flex-row-start
 {
    display: -webkit-flex;
    display: flex;  
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;	
    justify-content: flex-start;
	}

.flex-poetry,
.flex-block {
	  margin-top: 0;
	  margin-bottom: 1em;
	  font-size: 100%;
	}

.flex-poem-center,
.flex-block-center {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 100%;
	}

.flex-poem-right,
.flex-block-right {
  display: flex;
  align-items: center;
  justify-content: right;
  font-size: 100%;
	}

.flex-poem-part {
	  margin-top: 0;
	  margin-bottom: 0;
	  font-size: 100%;
	}

.flex-dedication-poem,
.flex-dedication {
	display: flex;
	justify-content: flex-end;
	font-style: italic;
	font-size: 90%;
	padding-right: 10%;
	margin-top: 1em;
	margin-bottom: 1em;
	}

/* автор эпиграфа */
.flex-epigraph-author {
    display: -webkit-flex;
    display: flex;  
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;	
   -webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;	
	height: 100%;
  -webkit-justify-content: flex-end; /* Safari */
	justify-content:         flex-end;
	text-align: right;
	font-style: italic;
	margin-bottom: 1em;
	margin: .5em;
	font-size: 85%;
	}

/* текст эпиграфа для стихов */
.flex-epigraph-text,
.epigraph-text-2 {
    display: -webkit-flex;
    display: flex;  
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;	
   -webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;	
	height: 100%;
  -webkit-justify-content: flex-end; /* Safari */
	justify-content:         flex-end;
	padding-left: 5%;
  	margin: .5em;
	text-indent:0;
	font-size: 85%;
	}

.column-50-left {
    width: 50%;
    float: left;
    padding: 50px;
    box-sizing: border-box;
    }

.font-size-90 {
	font-size: 90%;
	}

/* постраничное примечание */
.footnote {
	margin-top: 1em;
	margin-bottom: 1em;	
	font-size: 85%;
	}

.footnote-hr,
.ftn-hr {
	text-indent: 0;
	border-bottom: 1px solid Black;
	width: 5em;
	text-align: left;
	}

.indent {
	margin-left: 4%;
	}

.indent-2em {
	margin-left: 2em;
	}

.indent1 {
	margin-left: 1.5em;
	}

.index1 {
	margin-left: 40%;
	margin-top: 1.5em;
	}

h1,h2,h3,h4,h5,h6,p {
	line-height: 1.45;
	color: black;
	}

H1 {
	font-size: 150%;
	text-align: center;
	text-indent: 0;	
	font-weight: bolder;
	letter-spacing: .05em;
	word-spacing: .15em;
	margin-bottom: 1em;
	margin-top: 2em;
	}

h1.pt {
	font-size: 100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: bolder;	
	text-indent: 0;	
	margin-bottom: 1em;
	margin-top: 2em;
	}

H2 {
	font-size: 130%;
	text-align: center;
	text-indent: 0;	
	font-weight: bolder;
	letter-spacing: .05em;
	word-spacing: .15em;
	margin-bottom: 1em;
	margin-top: 2em;		
}

H2.spacing-normal {
	font-size: 110%;
	text-align: center;
	text-indent: 0;	
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 2em;		
}


H3 {
	font-size: 120%;
	text-align: center;
	text-indent: 0;	
	font-weight: normal;
	letter-spacing: .03em;
	word-spacing: .1em;
	margin-top: 2em;
	margin-bottom: 1em;
	}

H4 {
	font-size: 110%;
	text-align: center;
	text-indent: 0;	
	font-weight: normal;
	margin-top: 2em;	
	margin-bottom: 1em;
	}

/*линейка перед сноской*/
.hr-footnote {
    display: block;	
	height: 1px;
	color: black;
	background-color: black;	
	border-width: 0;
	text-align: left;
	margin-right: 90%;
	margin-bottom: 1em;
	}

/* Dark Tan border */
hr.color-dark-tan {
  border: 1px solid #918151;
	}

/*Письмо */
.letter {
	margin-top: 2em;
	margin-bottom: 2em;
	}
.letter1 {
	text-align: center;
	text-indent: 0px;
	margin-top: 1em;
	margin-bottom: 0;	
}

.letter2 {
	letter-spacing : 0.4em;
	word-spacing : 0.4em;
	text-align : center;
	text-indent:0px;
	}

.letterdescriptor {
	text-align: center;
	margin-bottom: 2em;
	}

/* Отступы строк задаются спанами, отступы строф -- дивами, пустое пространство внутри строк -- спанами без наполнения */

/*сдвиг строки на 0.5 стопу вправо*/
.line05r {
	margin-left: 0.6em;
	}

/*сдвиг строки на 1 стопу вправо*/
.line1r {
	margin-left: 1.2em;
	}

/*сдвиг строки на 1.5 стопу вправо*/
.line15r {
	margin-left: 1.8em;
	}	
	
/*сдвиг строки на 2 стопы вправо*/
.line2r {
margin-left: 2.4em;
	}

/*сдвиг строки на 2.5 стопы вправо*/
.line25r {
margin-left: 3em;
	}

/*сдвиг строки на 3 стопы вправо*/
.line3r {
margin-left: 3.6em;
	}

/*сдвиг строки на 3.5 стопы вправо*/
.line35r {
margin-left: 4.2em;
	}

/*сдвиг строки на 4 стопы вправо*/
.line4r {
margin-left: 4.8em;
	}

/*сдвиг строки на 4.5 стопы вправо*/
.line45r {
margin-left: 5.4em;
	}

/*сдвиг строки на 5 стоп вправо*/
.line5r {
margin-left: 6em;
	}

/*сдвиг строки на 5.5 стоп вправо*/
.line55r {
margin-left: 6.6em;
	}

/*сдвиг строки на 6 стоп вправо*/
.line6r {
margin-left: 7.2em;
	}

/*сдвиг строки на 6.5 стоп вправо*/
.line65r {
margin-left: 7.8em;
	}

/*сдвиг строки на 7 стоп вправо*/
.line7r {
margin-left: 8.4em;
	}

/*сдвиг строки на 7.5 стоп вправо*/
.line75r {
margin-left: 9.0em;
	}

/*сдвиг строки на 8 стоп вправо*/
.line8r {
margin-left: 9.6em;
	}

/*сдвиг строки на 8.5 стоп вправо*/
.line85r {
margin-left: 10.2em;
	}

/*сдвиг строки на 9 стоп вправо*/
.line9r {
margin-left: 10.8em;
	}

/*сдвиг строки на 9.5 стоп вправо*/
.line95r {
margin-left: 11.4em;
	}

/*сдвиг строки на 10 стоп вправо*/
.line10r {
margin-left: 12em;
	}

/*сдвиг строки на 10.5 стоп вправо*/
.line105r {
margin-left: 12.6em;
	}

/*сдвиг строки на 11 стоп вправо*/
.line11r {
margin-left: 13.2em;
	}

/*сдвиг строки на 11.5 стоп вправо*/
.line115r {
margin-left: 13.8em;
	}

/*сдвиг строки на 12 стоп вправо*/
.line12r {
margin-left: 14.4em;
	}

/*сдвиг строки на 13 стоп вправо*/
.line13r {
margin-left: 15.6em;
	}

/*сдвиг строки на 13.5 стоп вправо*/
.line135r {
margin-left: 16.2em;
	}

/*сдвиг строки на 14 стоп вправо*/
.line14r {
margin-left: 16.8em;
	}

/*сдвиг строки на 14.5 стоп вправо*/
.line145r {
margin-left: 17.4em;
	}

/*сдвиг строки на 15 стоп вправо*/
.line150r {
margin-left: 18em;
	}

/*сдвиг строки на 15.5 стоп вправо*/
.line155r {
margin-left: 18.6em;
	}

/*сдвиг строки на 16 стоп вправо*/
.line16r {
margin-left: 19.2em;
	}

/*сдвиг строки на 17 стоп вправо*/
.line17r {
margin-left: 20.8em;
	}

/*сдвиг строки на 18 стоп вправо*/
.line18r {
margin-left: 23em;
	}

/*сдвиг строки на 18 стоп вправо*/
.line20r {
margin-left: 24.2em;
	}

/*сдвиг строки на 18 стоп вправо*/
.line20r {
margin-left: 22.4em;
	}

/*сдвиг строки на 1 стопу влево*/
.line1l {
margin-left: -1.2em;
	}
	
/*сдвиг строки на 2  стопы влево*/
.line2l {
margin-left: 0;
	}
@media screen and (min-width: 480px) {
.line2l {
	margin-left: -2.4em;
	}
}

.linecont {
	margin-left: 6em;
	}

.lineend {
	margin-left: 9em;
	}

.location {
	text-align: right;
	margin-bottom: 1em;
	}

/*-- Литературные памятники --*/
.lp-title-ran {
    font-size: 120%;
	letter-spacing: 1px;
	text-align: center;
	text-indent: 0;
	margin-top: 2em;
	margin-bottom: 1em;
	}

.lp-title-author,
.title-author-200 {
	font-size: 200%;
	letter-spacing: .1em;
	text-align: center;
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	}

.title-author-300 {
	font-size: 300%;
	letter-spacing: .1em;
	text-align: center;
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	}

.lp-title-lp {
	font-size: 200%;
	letter-spacing: .1em;
	color: #b3003b;
	text-align: center;
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	}

.lp-title-lp-red {
	font-size: 200%;
	letter-spacing: .1em;
	color: red;
	text-align: center;
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	}

.lp-logo  {
	text-align: center;
	margin: auto;
	margin-top: 7em;
	margin-bottom: 7em;
	}

.lp-toc-header,
.toc-header-lp  {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	text-indent: 0;
	margin-top : 1em;
	margin-bottom: .5em;
	}

.lp-name-index-top-indent,
p.name-index-top-indent-lp	{
	margin-left: 1.8em; 
	text-indent: -1.8em; 
	margin-top: 2em; 
}

.lp-name-index,
p.name-index-lp	{
	margin-left: 1.8em; 
	text-indent: -1.8em; 
}

.lp-chapter-number,	
.chapter-number-lp {
text-align: center;
font-size: 120%;
font-style: italic;
margin-top: 1em;
text-indent: 0;
	}

.lp-chapter-title,
.chapter-title-lp { 
text-align: center; 
font-size: 140%; 
font-weight: bold; 
margin-top: .25em; 
margin-bottom: 2em; 
text-indent: 0;
	}

.navigation {
	display: inline-block;
	margin: auto;
	text-align: center;
    transform: translateX(50%);
    position: relative;
	}

.navigation2 {
	display: inline-block;
	margin: auto;
	}


.navtable {
	display: inline-block;
	width: 80%;
	margin: auto;	
}

.table-navtable {
	text-align: center;
	}

.table-navtable-silver {
	text-align: center;
	background-color: Silver;
	}

.table-navtable-19 {
	text-align: center;
    background-color: #ffeb99;
	}

.old {
	font-family: "Palatino Linotype", "XSerif Unicode";
	}

.page {
	text-indent: 0;
	text-align: center;
	border-bottom-color: Silver;
	border-bottom-style: groove;
	border-bottom-width: medium;
	margin-bottom: 4em;
	margin-top: 1em;
	font-style: italic;
	}


/* разрыв и номер страницы, прямой */
.page-straight {
	text-indent: 0;
	text-align: center;
	border-bottom-color: Silver;
	border-bottom-style: groove;
	border-bottom-width: medium;
	margin-bottom: 4em;
	margin-top: 1em;
	font-style: normal;
	}

span.page-straight {
    display: block;
	width: 100%;
	text-indent: 0;
	text-align: center;
	border-bottom-color: Silver;
	border-bottom-style: groove;
	border-bottom-width: medium;
	margin-bottom: 4em;
	margin-top: 1em;
	font-style: normal;	
}

/* разрыв и номер страницы, прямой, мелкие цифры */
.page-straight-right {
	text-indent: 0;
	text-align: right;
	border-bottom-color: Silver;
	border-bottom-style: groove;
	border-bottom-width: medium;
	margin-bottom: 4em;
	margin-top: 1em;
	font-style: normal;
	}

/* разрыв и номер страницы, прямой, мелкие цифры */
.page-straight-left {
	text-indent: 0;
	text-align: left;
	border-bottom-color: Silver;
	border-bottom-style: groove;
	border-bottom-width: medium;
	margin-bottom: 4em;
	margin-top: 1em;
	font-style: normal;
	}

/* разрыв страницы, прямой, номер снизу справа (нечетный) */
.page-straight-bottom-right {
	text-indent: 0;
	text-align: right;
	border-bottom-color: Silver;
	border-bottom-style: groove;
	border-bottom-width: medium;
	margin-top: 3em;
	margin-bottom: 2em;
	font-style: normal;
	}

/* разрыв страницы, прямой, номер снизу слева (четный) */
.page-straight-bottom-left {
	text-indent: 0;
	text-align: left;
	border-bottom-color: Silver;
	border-bottom-style: groove;
	border-bottom-width: medium;
	margin-top: 3em;
	margin-bottom: 2em;
	font-style: normal;
	}

.page-top {
	display: block; 
	width: 100%; 
	text-indent: 0; 
	text-align: center; 
	border-top-color: Silver; 
	border-top-style: groove; 
	border-top-width: medium; 
	margin-bottom: 2em; 
	margin-top: 3em; 
}

.page-top-old {
	text-indent: 0; 
	text-align: center; 
	border-top-color: Silver; 
	border-top-style: groove; 
	border-top-width: medium;
	margin-bottom: 2em; 
	margin-top: 3em; 
	line-height: 2em;
	}

.page-separator-50 {
	text-indent: 0;
	text-align: center;
	border-bottom-color: Silver;
	border-bottom-style: groove;
	border-bottom-width: medium;
	margin-bottom: 4em;
	margin-top: 1em;
	font-style: italic;
	width: 50%;	
}

.person,
.speaker {
	text-align: center;
	letter-spacing: 0.2em;
	margin-top : 1.5em;
	text-indent: 0;
	margin-left: .2em;
	margin-right: -.2em;
	}

.person-left,
.speaker-left {
	text-align: left;
	letter-spacing: 0.2em;
	margin-top : 1em;
	text-indent: 0;
	}

span.speaker,
span.person, {
	letter-spacing: 0.2em;
	}

.speakerlist {
	margin-left: 25%;
	font-size: 85%;
	}

.place {
	text-align: left;
	font-style: italic;
	margin-left: 5%;
	margin-top: 1em;
	margin-bottom: 1em;
	}

.place2 {
	text-align: left;
	font-style: italic;
	margin-top: 2em;
	margin-bottom: 2em;
	text-indent: 0;
	}

/*место и дата текста, слева, курсив*/
.place-date-italic {
	text-align: left;
	padding-left: 2em;
	margin-bottom: 1em;
	margin-top: 1em;
	font-style: italic;
	font-size: 85%;
	}

.poem {
	margin-bottom: 1em;
	margin-top: 1em;
	}

/*отдельное стихотворение */
.poem2 {
	margin-left: 4em;
	margin-bottom: 1em;
	margin-top: 1em;
	text-indent: 0;
	}

/*отдельное стихотворение */
.poem2-footnote {
	margin-left: 4em;
	margin-bottom: 0;
	margin-top: 0;
	text-indent: 0;
	}

/*отдельное стихотворение, висячая строка */
.poem3{
	margin-left: 6em;
	margin-bottom: 1em;
	margin-top: -0.8em;
	text-indent: -2em;
	}
/*отдельное стихотворение отступ меньше*/
.poem4 {
	margin-left: 2em;
	margin-bottom: 1em;
	margin-top: 1em;
	text-indent: 0;
	}
/*отдельное стихотворение */
.poem5 {
	margin-left: 4em;
	margin-bottom: 2em;
	margin-top: 1em;
	text-indent: 0;
	}
/*отдельное стихотворение */
.poem6 {
	margin-left: 12em;
	margin-bottom: 2em;
	margin-top: 1em;
	text-indent: 0;
	}
/*отдельное стихотворение */
.poem7 {
	margin-left: 5em;
	margin-bottom: 2em;
	margin-top: 1em;
	text-indent: 0;
	}

/*стихотворная вставка в тексте, сдвиг 32% - чуть больше*/
.poem-shift {
	margin-left : 32%;
	margin-bottom : 2em;
	margin-top : 1em;
	font-size:90%;
	text-indent: 0;
	}

/* ----- Poem responsive ---------*/

.poem {
margin-left: 0;
	}

@media screen and (min-width: 480px) {
    .poem {
margin-left: 7%;
	}
}
	
@media screen and (min-width: 767px) {
    .poem {
margin-left: 15%;
	}
}

@media screen and (min-width: 992px) {
    .poem {
margin-left: 25%;
	}
}

@media screen and (min-width: 1199px) {
    .poem {
margin-left: 30%;
	}
}

.prose {
	text-indent: 2em;
	text-align: justify;
	}

.ref {
	margin-top: 1em;
	margin-bottom: 2em;
	font-size: 85%;
	}

/* Рефрен */
.refrain {
	margin-left: 2em;
	}

.remark {
	text-align: center;
	text-indent: 0;	
	font-style: italic;
	font-weight: normal;
	letter-spacing: normal;
	margin-top: 1em;
	margin-bottom: 1em;
	}

span.remark {
	font-style: italic;
	}

.text-justified {
	text-align: justified;
	}

.remark-justified {
	text-align: justified;
	font-style: italic;	
	text-indent: 0;	
	margin-top: 1em;
	margin-bottom: 1em;
	}

.remark-normal {
	text-align: center;
	text-indent: 0;	
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	margin-top: 1em;
	margin-bottom: 1em;
	}

.remark2 {
	text-align: center;
	text-indent: 0;
	}

.scheme {
	font-family: Code2000, "Lucida Sans Unicode", "Arial Unicode MS";
	text-align: center;
	margin-bottom: 1em;
	}

.section-head {
	text-align: center;
	text-indent: 0;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: .2em;
	margin-top: 7em;
	margin-bottom: 7em;
	}

.section-head1	{
	text-indent: 0%;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	margin-top: 5em;
	margin-bottom: 4em;
	letter-spacing: 0.1em;
	}

.section-head2{	
	margin-top: 3em;
	margin-bottom: 3em;
	text-align: center;
	text-indent: 0;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: .2em;
	}

.section-head2-versus {	
	margin-top: 3em;
	margin-bottom: 3em;
	text-align: center;
	text-indent: 0;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: .2em;
	font-style: italic;
	}

.separator1 {
	width: 10%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: Black;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 45%;
	}

.separator2 {
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 2em;
	letter-spacing: .1em;
	text-indent: 0;
	}

.separator4 {
	margin-top:1em;
	margin-bottom: 1em;
	}

/* подпись, правое выравнивание */
.signature,
.signature-right {
	text-align: right;
	margin-bottom: 1em;
	}

/* подпись, правое выравнивание, курсив */
.signature-right-i {
	text-align: right;
	font-style: italic;	
	margin-top: 1em;
	margin-bottom: 1em;
	} 

.slogan {
	text-align: center; 
	text-indent: 0; 
	letter-spacing: 0.1em; 
	margin-bottom: 2em; 
	margin-top: 2em;
	}

.source {
	margin-top: 1em;
	margin-bottom: 0;
	text-align: right;
	text-indent: 0; 
}

.source-epigraph {
	font-size: 90%;
	font-style: italic;	
	margin-top: 0;
	margin-bottom: 1em;
	text-align: right;
	text-indent: 0; 
}

.source2 {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 2em; 
}

.spaced,
.wide,
.speaker-inline {
	letter-spacing: .2em;
	word-spacing: .15em;
	margin-left: .2em;
	margin-right: -.2em;
	}

.spaced-1 {
	letter-spacing: .2em;
	word-spacing: .15em;
	margin-right: -.2em;
	}

.spaced-2 {
	letter-spacing: .2em;
	word-spacing: 0;
	margin-left: .2em;
	}

.spaced-3 {
	letter-spacing: .2em;
	word-spacing: .15em;
	}

.spaced-double {
	letter-spacing: .4em;
	word-spacing: .3em;
	margin-left: .2em;
	margin-right: -.2em;
	}

.spaced-triple {
	letter-spacing: .6em;
	word-spacing: .45em;
	margin-left: .2em;
	margin-right: -.2em;
	}

.spaced-quadruple {
	letter-spacing: .8em;
	word-spacing: .6em;
	font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
	}

.spaced-title {
	letter-spacing: .2em;
	word-spacing: .15em;
	}

.speech {
	text-indent: inherit;
	margin-top: 1em;
	}

.stage {
	text-align: center;
	font-size: 90%;
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 0;
	}

.stage-0 {
	text-align: center;
	font-size: 90%;
	margin-top: 1em;
	margin-bottom: 0;
	text-indent: 0;
	}

.stage-justify {
	text-align: justify;
	font-size: 90%;
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 0;
	}

.stanza {
	margin-top: 1em;
	text-align: left;	
	text-indent: 0;
	}

.stanza-center,
.number-center,
.block-center {
	margin-top: 1em;
	text-align: center;	
	text-indent: 0;
	}

.stanza-right {
	margin-top: 1em;
	text-align: right;	
	text-indent: 0;
	}

.stanza-zero {
	margin-top : 0;
	text-indent: 0;
	}

.stanza-indent {
	margin-top: 0;
	text-align: left;
	text-indent: 2em;
	}

.stanza-indent-1 {
	margin-top: 1em;
	text-align: left;
	text-indent: 1em;
	}

.stanza2 {
	margin-top : 1em;
	text-indent: 2em;
	}

.subhead {
	font-size: .8em;
	letter-spacing: 0;
	font-weight: normal;
	}

/* borderless table */
.table.borderless td, .table.borderless th {
    border: 0 !important;
    margin-bottom: 0px;
	}

.text-light {
  color: #f8f9fa !important;
	}

a.text-light:hover, a.text-light:focus {
  color: #dae0e5 !important;
	}

.text-dark {
  color: #343a40 !important;
	}

a.text-dark:hover, a.text-dark:focus {
  color: #1d2124 !important;
	}

.text-white {
  color: #fff !important;
	}

.text-center {
  text-align: center !important;
	}

.text-justify {
  text-align: justify;
  text-justify: inter-word;
	}

.text-muted {
  color: #6c757d !important;
	}

/*обычный абзац с красной строкой*/
.text-regular {
	text-align: justify;
	text-indent: 4%;
	margin-top: 0;
	margin-bottom: 0;
	}

.table-100 {
    width:100%;
	}

.table-auto {
    width:auto;
	}

.table-border-hidden {border: hidden;}

/*-- Ячейки таблицы --*/

td.left {
  text-align: left;
	}

td.right {
  text-align: right;
	}

td.center {
  text-align: center;
	}

th.10, td.10 {
    width: 10%;
	}

th.20, td.20 {
    width: 20%;

}
th.30, td.30 {
    width: 30%;
	}

th.40, td.40 {
    width: 40%;
	}

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

th.60, td.60 {
    width: 60%;
	}

th.70, td.70 {
    width: 70%;
	}

th.80, td.80 {
    width: 80%;
	}

th.90, td.90 {
    width: 90%;
	}

th.middle, td.middle {
    vertical-align:middle;	
}

th.nowrap, td.nowrap {
    white-space: nowrap;
	}

.toc-content
{
	margin-top: 1em;
	margin-bottom: 1em;
	}

.tocheader{
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 1em;
	margin-top: 1.5em;
	}

/*подзаголовок оглавления*/
.toc_subhead {
	letter-spacing: 0.1em;
	word-spacing: normal;
	}

.topbar {
	border-bottom: Gray solid 1px;
	margin-top: 1em;
	margin-bottom: 2em;
	text-indent: 0px;
	line-height: 3em;
	font-size: 80%;
	}

/* Стиховой абзац в нестрофическом стихе */
.versepara {
	text-indent: 0;
	margin-bottom: 1em;
	margin-top: 1em;
	text-align: left;
	}

/* Стиховой абзац в нестрофическом стихе */
.versepara2 {
	text-indent: 0;
	margin-bottom: 1em;
	margin-top: 1em;
	}

/* Стиховой абзац в нестрофическом стихе */
.versepara3 {
	text-indent: 0;
	margin-bottom: 0;
	margin-top: 0;
	text-indent: 0;
	}

/* Верхние и нижние отступы для всех стиховых форм */

.versus12syl,
.versus13syl,
.versus10syl,
.versus8syl,
.versusam2,
.versusam3,
.versusam4,
.versusam5,
.versusam6,
.versusam7,
.versusan2,
.versusan3,
.versusan4,
.versusan5,
.versusan6,
.versusan7,
.versusch12,
.versusch2,
.versusch3, 
.versusch4,
.versusch5,
.versusch6,
.versusch7,
.versusch8,
.versusch9,
.versusd2,
.versusd3,
.versusd4,
.versusd5,
.versusd6,
.versusd7,
.versusdolnik2,
.versusdolnik3,
.versusdolnik4,
.versusdolnik5,
.versusdolnik6,
.versushexameter,
.versusia2,
.versusia3,
.versusia4,
.versusia5,
.versusia6,
.versusia9,
.versusl3,
.versusl4,
.versusl5,
.versusl6,
.versusraesh,
.versust2,
.versust3,
.versust4,
.versusvch,
.versusvia {
	margin-bottom: 1em;
	margin-top: 1em;
	}


/* 2-стопный хорей, 2-стопный ямб */

.versusch2,
.versusia2 {
	margin-left: 0;
	}

@media screen and (min-width: 480px) {
.versusch2,
.versusia2 {
	margin-left: 17%;
	}
}
@media screen and (min-width: 767px) {
.versusch2,
.versusia2 {
	margin-left: 27%;
	}
}
@media screen and (min-width: 992px) {
.versusch2,
.versusia2 {
	margin-left: 36%;
	}
}
@media screen and (min-width: 1199px) {
.versusch2,
.versusia2 {
	margin-left: 43%;
	}
}

/* 2-стопный амфибрахий, 2-ударный тактовик */

.versusam2,
.versust2 {
	margin-left: 0;
	}

@media screen and (min-width: 480px) {
.versusam2,
.versust2 {
	margin-left: 3%;
	}
}

@media screen and (min-width: 767px) {
.versusam2,
.versust2 {
	margin-left: 40%;
	}
}

@media screen and (min-width: 992px) {
.versusam2,
.versust2 {
	margin-left: 42%;
	}
}

@media screen and (min-width: 1199px) {
.versusam2,
.versust2 {
	margin-left: 44%;
	}
}

/* 3-стопный хорей, 3-стопный ямб,  3-ударный тактовик*/

.versusch3, 
.versusia3,
.versust3 {
	margin-left: 0;
	}

@media screen and (min-width: 480px) {
.versusch3, 
.versusia3,
.versust3 {
	margin-left: 31%;
	}
}

@media screen and (min-width: 767px) {
.versusch3, 
.versusia3,
.versust3 {
	margin-left: 33%;
	}
}

@media screen and (min-width: 992px) {
.versusch3, 
.versusia3,
.versust3 {
	margin-left: 35%;
	}
}

@media screen and (min-width: 1199px) {
.versusch3, 
.versusia3,
.versust3 {
	margin-left: 39%;
	}
}

/* 8-сложный силлабический стих, 2-стопный анапест, 4-стопный хорей, 2-стопный дактиль, 4-стопный ямб, 3-ударный логаэд, 4-ударный тактовик*/

.versus8syl,
.versusan2,
.versusan3,
.versusch4,
.versusd2,
.versusia4,
.versusl3 {
	margin-left: 0%;
	}

@media screen and (min-width: 480px) {
.versus8syl,
.versusan2,
.versusan3,
.versusch4,
.versusd2,
.versusia4,
.versusl3 {
	margin-left: 30%;
	}
}

@media screen and (min-width: 767px) {
.versus8syl,
.versusan2,
.versusan3,
.versusch4,
.versusd2,
.versusia4,
.versusl3 {
	margin-left: 33%;
	}
}

@media screen and (min-width: 992px) {
.versus8syl,
.versusan2,
.versusan3,
.versusch4,
.versusd2,
.versusia4,
.versusl3 {
	margin-left: 34%;
	}
}

@media screen and (min-width: 1199px) {
.versus8syl,
.versusan2,
.versusch4,
.versusd2,
.versusia4 {
	margin-left: 38%;
	}
}

/* 5-стопный ямб, 5-стопный хорей, 10-сложный силлабический стих, раешный стих */

.versusch5,
.versus10syl,
.versusia5,
.versusraesh {
	margin-left: 0;
	}

@media screen and (min-width: 480px) {
.versusch5,
.versus10syl,
.versusia5,
.versusraesh {
	margin-left: 20%;
	}
}

@media screen and (min-width: 767px) {
.versusch5,
.versus10syl,
.versusia5,
.versusraesh {
	margin-left: 28%;
	}
}

@media screen and (min-width: 992px) {
.versusch5,
.versus10syl,
.versusia5,
.versusraesh {
	margin-left: 32%;
	}
}

@media screen and (min-width: 1199px) {
.versusch5,
.versus10syl,
.versusia5,
.versusraesh {
	margin-left: 34%;
	}
}

/* 3-стопный дактиль, 3-стопный амфибрахий, 3-стопный анапест, 3-стопный логаэд, 3-ударный дольник */

.versusd3,
.versusam3,
.versusan3,
.versusl3,
.versusdolnik3 {
	margin-left: 0;
	}

@media screen and (min-width: 480px) {
.versusd3,
.versusam3,
.versusan3,
.versusl3,
.versusdolnik3 {
	margin-left: 17%;
	}
}

@media screen and (min-width: 767px) {
.versusd3,
.versusam3,
.versusan3,
.versusl3,
.versusdolnik3 {
	margin-left: 24%;
	}
}

@media screen and (min-width: 992px) {
.versusd3,
.versusam3,
.versusan3,
.versusl3,
.versusdolnik3 {
	margin-left: 30%;
	}
}

@media screen and (min-width: 1199px) {
.versusd3,
.versusam3,
.versusan3,
.versusl3,
.versusdolnik3 {
	margin-left: 37%;
	}
}


/* 4-стопный дактиль, 4-стопный амфибрахий, 4-анапест, 4-ударный логаэд, 4-ударный дольник, 4-ударный тактовик  */

.versusd4,
.versusam4,
.versusan4,
.versusl4,
.versusdolnik4,
.versust4  {
	margin-left: 0;
	}

@media screen and (min-width: 480px) {
.versusd4,
.versusam4,
.versusan4,
.versusl4,
.versusdolnik4,
.versust4  {
	margin-left: 24%;
	}
}

@media screen and (min-width: 767px) {
.versusd4,
.versusam4,
.versusan4,
.versusl4,
.versusdolnik4,
.versust4  {
	margin-left: 27%;
	}
}

@media screen and (min-width: 992px) {
.versusd4,
.versusam4,
.versusan4,
.versusl4,
.versusdolnik4,
.versust4  {
	margin-left: 30%;
	}
}

@media screen and (min-width: 1199px) {
.versusd4,
.versusam4,
.versusan4,
.versusl4,
.versusdolnik4,
.versust4  {
	margin-left: 33%;
	}
}

/* 5-стопные трехсложники: 5-стопный дактиль, 5-стопный амфибрахий, 5-анапест, 5-ударный логаэд, 5-ударный дольник, 5-ударный тактовик */

.versusd5,
.versusam5,
.versusan5,
.versusl5,
.versusdolnik5,
.versust5 {
	margin-left: 0;
	}

@media screen and (min-width: 480px) {
.versusd5,
.versusam5,
.versusan5,
.versusl5,
.versusdolnik5,
.versust5 {
	margin-left: 20%;
	}
}

@media screen and (min-width: 767px) {
.versusd5,
.versusam5,
.versusan5,
.versusl5,
.versusdolnik5,
.versust5 {
	margin-left: 26%;
	}
}

@media screen and (min-width: 992px) {
.versusd5,
.versusam5,
.versusan5,
.versusl5,
.versusdolnik5,
.versust5 {
	margin-left: 30%;
	}
}

@media screen and (min-width: 1199px) {
.versusd5,
.versusam5,
.versusan5,
.versusl5,
.versusdolnik5,
.versust5 {
	margin-left: 27%;
	}
}


/* 6-стопный ямб, вольный ямб, 12-сложный силлабический стих, 6-стопный хорей, вольный хорей, 6-стопный логаэд */

.versusia6,
.versusvia,
.versus12syl,
.versus13syl,
.versusch6,
.versusvch,
.versusl6 {
	margin-left: 0;
	}

@media screen and (min-width: 480px) {
.versusia6,
.versusvia,
.versus12syl,
.versus13syl,
.versusch6,
.versusvch,
.versusl6 {
	margin-left: 22%;
	}
}

@media screen and (min-width: 767px) {
.versusia6,
.versusvia,
.versus12syl,
.versus13syl,
.versusch6,
.versusvch,
.versusl6 {
	margin-left: 24%;
	}
}

@media screen and (min-width: 992px) {
.versusia6,
.versusvia,
.versus12syl,
.versus13syl,
.versusch6,
.versusvch,
.versusl6 {
	margin-left: 27%;
	}
}

@media screen and (min-width: 1199px) {
.versusia6,
.versusvia,
.versus12syl,
.versus13syl,
.versusch6,
.versusvch,
.versusl6 {
	margin-left: 30%;
	}
}

/* 7-стопный ямб, 7-стопный хорей */

.versusia7,
.versusch7 {
	margin-left: 0;
	}

@media screen and (min-width: 480px) {
.versusia7,
.versusch7  {
	margin-left: 12%;
	}
}

@media screen and (min-width: 767px) {
.versusia7,
.versusch7  {
	margin-left: 18%;
	}
}

@media screen and (min-width: 992px) {
.versusia7,
.versusch7  {
	margin-left: 24%;
	}
}

@media screen and (min-width: 1199px) {
.versusia7,
.versusch7  {
	margin-left: 30%;
	}
}

/* 8-стопный ямб, 8-стопный хорей */

.versusia8,
.versusch8 {
	margin-left: 0;
	}

@media screen and (min-width: 480px) {
.versusia8,
.versusch8 {
	margin-left: 9%;
	}
}

@media screen and (min-width: 767px) {
.versusia8,
.versusch8 {
	margin-left: 15%;
	}
}

@media screen and (min-width: 992px) {
.versusia8,
.versusch8 {
	margin-left: 21%;
	}
}

@media screen and (min-width: 1199px) {
.versusia8,
.versusch8 {
	margin-left: 27%;
	}
}

/* 9-стопный ямб, 9-стопный хорей */

.versusia9,
.versusch9 {
	margin-left: 0;
	}

@media screen and (min-width: 480px) {
.versusia9,
.versusch9 {
	margin-left: 7%;
	}
}

@media screen and (min-width: 767px) {
.versusia9,
.versusch9 {
	margin-left: 13%;
	}
}

@media screen and (min-width: 992px) {
.versusia9,
.versusch9 {
	margin-left: 19%;
	}
}

@media screen and (min-width: 1199px) {
.versusia9,
.versusch9 {
	margin-left: 25%;
	}
}


/* 6-стопные трехсложники: 6-стопный амфибрахий, 6-стопный анапест, 6-стопный дактиль, 6-ударный дольник */

.versusam6,
.versusan6,
.versusd6,
.versusdolnik6,
.versushexameter {
	margin-left: 0;
	}

@media screen and (min-width: 480px) {
.versusam6,
.versusan6,
.versusd6,
.versusdolnik6,
.versushexameter  {
	margin-left: 16%;
	}
}

@media screen and (min-width: 767px) {
.versusam6,
.versusan6,
.versusd6,
.versusdolnik6,
.versushexameter  {
	margin-left: 20%;
	}
}

@media screen and (min-width: 992px) {
.versusam6,
.versusan6,
.versusd6,
.versusdolnik6,
.versushexameter  {
	margin-left: 22%;
	}
}

@media screen and (min-width: 1199px) {
.versusam6,
.versusan6,
.versusd6,
.versusdolnik6,
.versushexameter  {
	margin-left: 26%;
	}
}

/* 7-стопные трехсложники: 7-стопный дактиль, 7-стопный амфибрахий, 7-стопный анапест*/

.versusd7,
.versusam7,
.versusan7 {
	margin-left: 0;
	}

@media screen and (min-width: 480px) {
.versusd7,
.versusam7,
.versusan7 {
	margin-left: 2%;
	}
}

@media screen and (min-width: 767px) {
.versusd7,
.versusam7,
.versusan7 {
	margin-left: 8%;
	}
}

@media screen and (min-width: 992px) {
.versusd7,
.versusam7,
.versusan7 {
	margin-left: 14%;
	}
}

@media screen and (min-width: 1199px) {
.versusd7,
.versusam7,
.versusan7 {
	margin-left: 20%;
	}
}


/* 12-стопный хорей */

.versusch12 {
	margin-left: 0;
	}

@media screen and (min-width: 480px) {
.versusch12 {
	margin-left: 6%;
	}
}

@media screen and (min-width: 767px) {
.versusch12 {
	margin-left: 12%;
	}
}

@media screen and (min-width: 992px) {
.versusch12 {
	margin-left: 18%;
	}
}

@media screen and (min-width: 1199px) {
.versusch12 {
	margin-left: 22%;
	}
}


/* Номер стиха, ссылки на источник на полях */
span.verseno,
span.txtref {
	position: absolute;
	width: 3em;
	text-align: left; 	
	padding: 0 0 0 0;
	font-size: 80%;
	left: 0;
	visibility: hidden;	
}

@media screen and (min-width: 480px) {
span.verseno,
span.txtref {

	left: 3%; 
	visibility: visible;
	}
}

@media screen and (min-width: 767px) {
span.verseno,
span.txtref {
	left: 8%; 
	visibility: visible;
	}
}

@media screen and (min-width: 992px) {
span.verseno,
span.txtref {
	left: 10%; 
	visibility: visible;
	}
}

@media screen and (min-width: 1199px) {
span.verseno,
span.txtref {
	left: 15%; 
	visibility: visible;
	}
}

.yrheader {
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom: 3em;
	margin-top: 1em;
	}


/*-------------------- Hero Section ------------------------*/
#hero {
  background-size: cover;
  position: relative;
  height: 100vh;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;   
}

.header {
  position: relative;
  top: 50%;
  text-align: center;
  width: 100%;
  color: #fff;
  -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Safari */
    transform: translate(0,-50%);  
}

.author-name
{
  font-size: 120%;
  text-align: center;
  text-indent: 0;
	}

.author-date
{
  font-size: 100%;
  text-align: center;
  margin-bottom: 1em;
  text-indent: 0;
	}

/*-- To change image orientation on phone --*/

	.img-landscape { display:none; }
	.img-portrait { display:inline-block; }
	
@media only screen and (min-device-width: 640px) and (max-device-width: 1280px) and (orientation: landscape)
{
    .img-landscape { display:inline-block; }
    .img-portrait { display:none; }
}

@media only screen not (min-device-width: 640px) and (max-device-width: 1280px) and (orientation: landscape)
{
    .img-landscape { display:none; }
    .img-portrait { display:inline-block; }
}

.shadow {
	color: white; 
	text-shadow: black 0.1em 0.1em 0.2em;
	}

.logo-shadow { 
    width: 129px; 
	height: 100px; 
	border: 1px solid black; 
	background: url(../images/rvb-logo-3.png) no-repeat; 
	box-shadow: 0.1em 0.1em 0.2em black; 
	-moz-box-shadow: 0.1em 0.1em 0.2em black; 
	-webkit-box-shadow: 0.1em 0.2em 0.4em black; 
	-khtml-box-shadow: 0.1em 0.1em 0.2em black;
	margin: auto;
	margin-bottom: .5em;
	padding: 2rem 2rem 2rem 2rem; 

} 

.img-shadow {
  -webkit-filter: drop-shadow(5px 5px 5px black);
  filter: drop-shadow(5px 5px 5px black);
	}


.img-drop-shadow {
  -webkit-filter: drop-shadow(5px 5px 5px black);
  filter: drop-shadow(5px 5px 5px black);
	}
 
/*------------------- Navigation ----------------*/
.version {
    font-size: 85%;
    text-align: left;
    color: #777;
	}

.text-source {
    font-size: 85%;
    text-align: left;
    color: #777;    
}

.annonce-date {
	background: lavender;
	}

/* --------- Bootstrap Component Styles ---------------  */

/* ----------------- Breadcrumb -----------------------  */

.breadcrumb {
  color: #777;
  background-color: white;
  padding-left: 0;
  margin: -15px 0;
  font-size: 90%;
	}

.breadcrumb li > a,
.breadcrumb li > span {
  padding: 5px 7px;
  background-color: #fff;
  border: 0;
  border-radius: 15px;
	}
.breadcrumb li > a:hover,
.breadcrumb li > a:focus {
  text-decoration: none;
	}
.breadcrumb .next > a,
.breadcrumb .next > span {
  float: right;
	}
.breadcrumb .previous > a,
.breadcrumb .previous > span {
  float: left;
	}
.breadcrumb .disabled > a,
.breadcrumb .disabled > a:hover,
.breadcrumb .disabled > a:focus,
.breadcrumb .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
	}

.breadcrumb li > a,
.breadcrumb li > span {
  color: #777;  
}

.breadcrumb-brand > li > a:hover,
.breadcrumb-brand > li > a:focus {
   color: white;
   background-color: orange;
	}

.breadcrumb-18 > li > a:hover,
.breadcrumb-18 > li > a:focus {
   background-color: #b3ff99;
	}

.breadcrumb-19 > li > a:hover,
.breadcrumb-19 > li > a:focus {
   background-color: #ffeb99;
	}

.breadcrumb-20 > li > a:hover,
.breadcrumb-20 > li > a:focus {
   background-color: #ffad99;
	}

.breadcrumb-prog > li > a:hover,
.breadcrumb-prog > li > a:focus {
   color: navy;
   background-color: #99ccff;
	}

.breadcrumb-pt > li > a:hover,
.breadcrumb-pt > li > a:focus {
   color: black;
   background-color: #ebd9e8;
	}

 /*------- Dropdown Submenu (for Breadcrumbs) ---------*/
  
 .dropdown-submenu {
    position: relative;
	}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
	} 

 /*-------------------- Button ------------------------*/  
 
a.btn,
a.btn-default,
a.btn-lg {
  color: black !important;
	} 

/* -------------------- Navbar -----------------------*/


/* Center logo on mobile only */
@media (max-width: 768px) {
.navbar-brand {
        transform: translateX(-50%);
        left: 50%;
        position: absolute;
    }
}

/* Center havbar content on big screens*/
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
}
	
@media (min-width: 768px) {	
    .navbar .navbar-collapse {
        text-align: center;
    }
}

/* Dropdown style */
.dropdown-header {
  color: #ffa500;
  background-color: white;
  font-size: 16px;
	}

/* Search Icon - added right margin on big screen*/
@media (min-width: 768px) {
.search-icon {
margin-right: 1em;
	}
}

/* Logo */
.navbar-brand {
    background: url(/assets/img/rvb-logo-trans.png) center / contain no-repeat;
	}
    
/* Extra small and small devices (phones, less than 768px) */
@media (max-width: 767px) { 
.navbar-brand {
    width: 35px;
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
	}
}
	
/* Medium and large devices (tablets, 768px and up) */
@media (min-width: 768px) {  
.navbar-brand {
    width: 40px;
    transform: translateX(50%);
    position: absolute;
	}
}

/*  Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

.navbar-brand {
    width: 45px;
    transform: translateX(50%);
    position: absolute;
	}
}

/* Navbar Styles */

.navbar-default {
  background-color: #ffdb99;
  border-color: #ffa500;
	}
.navbar-default .navbar-brand {
  color: #ffa500;
	}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffa500;
  background-color: transparent;
	}
.navbar-default .navbar-text {
  color: #000000;
	}
.navbar-default .navbar-nav > li > a {
  color: #000000;
	}

/* Change the link color on hover */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000000;
  background-color: #ffa500;
	}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #000000;
  background-color: transparent;
	}
.navbar-default .navbar-toggle {
  border-color: transparent;
	}

/* Change navbar-toggle background color on hover */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ffa500;
	}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000000;
	}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffa500;
	}

/* Change the color of dropdown header when open */
.navbar-default .nav > li.dropdown#color-18.open.active > a:hover, 
.navbar-default .nav > li.dropdown#color-18.open > a {
   color: #008000;
   background-color: #b3ff99;
	}

.navbar-default .nav > li.dropdown#color-19.open.active > a:hover, 
.navbar-default .nav > li.dropdown#color-19.open > a {
   color: #998100;
   background-color: #ffeb99;
	}

.navbar-default .nav > li.dropdown#color-20.open.active > a:hover, 
.navbar-default .nav > li.dropdown#color-20.open > a {
   color: #e50000;
   background-color: #ffad99;
	}

.navbar-default .nav > li.dropdown#color-brand.open.active > a:hover, 
.navbar-default .nav > li.dropdown#color-brand.open > a
{
   color: #ffa500;
   background-color: #ffdb99;
	}

.navbar-default .nav > li.dropdown#color-prog.open.active > a:hover, 
.navbar-default .nav > li.dropdown#color-prog.open > a
{
   color: #000080;
   background-color: #87CEFA;
	}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
   color: white;
   background-color: #ffa500;
  }

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: grey;
	} 
 
 /*-------------------- Pager ------------------------*/ 
  
.pager li > a,
.pager li > span {
  color: black;
  margin-top: 1em;
	}
   
/* --------------- Panels ---------------------*/

.panel-brand {
  border-color: #ffa500;
	}
.panel-brand > .panel-heading {
  color: #191919;
  background-color: #ffdb99;
  border-color: #ffa500;
	}
.panel-brand > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffdb99;
	}
.panel-brand > .panel-heading .badge {
  color: #ffdb99;
  background-color: #fff;
	}
.panel-brand > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffdb99;
	}

.panel-18 {
  border-color: #008000;
	}
.panel-18 > .panel-heading {
  color: #008000;
  background-color: #b3ff99;
  border-color: #b3ff99;
	}
.panel-18 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #b3ff99;
	}
.panel-18 > .panel-heading .badge {
  color: #b3ff99;
  background-color: #fff;
	}
.panel-18 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #b3ff99;
	}
.panel-19 {
  border-color: #998100;
	}
.panel-19 > .panel-heading {
  color: #b29600;
  background-color: #ffeb99;
  border-color: #ffeb99;
	}
.panel-19 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffeb99;
	}
.panel-19 > .panel-heading .badge {
  color: #ffeb99;
  background-color: #fff;
	}
.panel-19 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffeb99;
	}

.panel-20 {
  border-color: #e50000;
	}
.panel-20 > .panel-heading {
  color: #ff0000;
  background-color: #ffb2b2;
  border-color: #ffb2b2;
	}
.panel-20 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffb2b2;
	}
.panel-20 > .panel-heading .badge {
  color: #ffb2b2;
  background-color: #fff;
	}
.panel-20 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffb2b2;
	}

.panel-varia {
  border-color: #ffeb99;
	}
.panel-varia > .panel-heading {
  color: #0000ff;
  background-color: #ccccff;
  border-color: #ffeb99;
	}
.panel-varia > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffeb99;
	}
.panel-varia > .panel-heading .badge {
  color: #ffeb99;
  background-color: #fff;
	}
.panel-varia > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffeb99;
	}

/*  --------------------- Table --------------------------- */

.table-borderless th,
.table-borderless td {
  border: 0 !important;
  width: 100%;
 }

.table-author-list {
    margin: 0 auto;
	width: 100%;
	}

.table-author-list td {
	width: 50%;
	}

.authors {
	margin: auto;
	list-style-type: none;
	}

.abc {
	text-align: center;
    font-size: 110%;
    font-weight: bold;	
    margin-top: 2em;
	text-indent: 0;	
}

/*  --       Turgenev          -- */

.review {
	font-weight: normal;
	text-align: center;
	text-indent: 0;
	margin-left: 2em;
	letter-spacing: normal;
	margin-bottom: 2em;
	}

.quotation {
	font-size: 90%;
	margin-left: 3em;
	margin-bottom: 1em;
	margin-top: 1em;
	text-indent: 0px;
	}

.quotation-2 {
	font-size: 90%;
	margin-bottom: 1em;
	margin-top: 1em;
	}

/*цитата*/
.quote-center-italic {
	text-align: center; 
	text-indent: 0px; 
	margin-bottom: 1em; 
	margin-top: 1em; 
	font-style: italic;
	}

.subhead2 {
	font-size: 60%;
	letter-spacing: normal;
	word-spacing: normal;
	}

.tbl-p {
	margin-bottom: 0.1em;
	margin-top: 0.1em;
	}

.note {
	margin-left: 2em;
	text-indent: 0;
	}

.note-number,
.footnote-number {
	vertical-align: super;
	font-size: 75%;
	margin-left: .2em;	
}

.speaker2 {
	text-align: center;
	font-style: italic;
	margin-top: 1em;
	margin-bottom: 1em;
	}

.annotation {
	margin-top: 2.5em;
	margin-right: 3em;
	text-align: right;
	margin-bottom: 1em;
	}

.editionref {
	margin-left: 2em;
	text-indent: -2em;
	}

.adressee3 {
	text-indent: 0;
	text-align: center;
	margin-top: 2em;
	margin-bottom : 1.3em;
	}

.pageref {
	text-align: center;
	text-indent: 0px;
	margin-top: -2em;
	margin-bottom: 2em;
	}