@charset "utf-8";

/************************************************************************
	Текстовая страница
************************************************************************/
.text-section section {padding: 0px 0;}
.text-section .page-section, .text-section .page-section .page-content-cell {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.text-section .page-section {padding: 60px 10px;}
.text-section .page-wrapper .page-section {border-bottom: 1px solid #dbdbdb;}
.text-section .page-section .page-content-cell .page-main-content::after {content:""; clear:both; display:block;}
.text-section .page-section .page-content-cell .page-main-content::before {display:table;content:"";}

.text-section .sidebar-section {padding-bottom: 40px}
.text-section .sidebar-section .sidebar-content-cell {padding-bottom: 20px}

.text-section .pageCover {margin: -61px -10px 60px -10px; position: relative; width: calc(100% + 20px); padding-bottom:56.25%;}
@media screen and (max-width: 999px) {
	.text-section .pageCover {margin-bottom: 40px}
}
.text-section .pageCover.narrow-cover {padding-bottom: 33.75%;}
.text-section .pageCover img {width: 100%; height: auto; display: block; font-size: 0; line-height: 0; position: absolute; top:0; left: 0}

@media screen and (max-width: 999px) {
	.text-section .sidebar-section {display: none; width: 100%; background-color: #f6f7f7; border-left: 0; border-bottom: 1px solid #dbdbdb;}
	.text-section .sidebar-section .sidebar-content-cell {width: 100%; padding-left: 5px; padding-right: 5px;}
}
@media screen and (min-width: 1000px) {
	.text-section .page-wrapper {display: table; width: 100%}
	.text-section .page-wrapper .page-section {display: table-cell; vertical-align: top; border-top: 1px solid #dbdbdb;}
	
	.text-section .sidebar-section {display: table-cell;}
}
@media screen and (min-width: 1300px) {
	.text-section .page-section .page-content-cell {width: 100%;}
	.text-section .page-section .page-content-cell .page-main-content {max-width: 1075px; width: 100%; float: right;}
}

/************************************************************************
	Список новостей
************************************************************************/

.post-entries-list {padding: 0; margin: 0 -10px}
.search-result .post-entries-list {padding-top: 40px}
.post-entries-list .entry {margin-bottom: 35px; padding: 0}
.post-entries-list .entry .entryThumb {width: 100%}
.post-entries-list .entry .entryThumb img {visibility: hidden}
.post-entries-list .entry .entryThumb img.play_ico {position: absolute; width: 140px; height: auto; left: 50%; margin-left: -70px; top: 50%; margin-top: -70px; opacity: 0.6; visibility: visible}
.post-entries-list .entry .entryContent {padding: 0 15px}
.post-entries-list .entry .entryContent .entryHeader {font-size: 15px; line-height: 19px}

@media screen and (min-width: 500px) {
	.post-entries-list {margin: 0}
	.post-entries-list .entry {margin-bottom: 15px; padding: 0}
	.post-entries-list .entry {display: table; width: 100%;}
	.post-entries-list .entry .entryThumb, .post-entries-list .entry .entryContent {display: table-cell; vertical-align: top}
	.post-entries-list .entry .entryThumb {width: 40%}
	.post-entries-list .entry .entryThumb img.play_ico {width: 90px; margin-left: -45px; margin-top: -45px;}
	.post-entries-list .entry .entryContent {padding: 0 0 0 15px}
}
@media screen and (min-width: 600px) {
	.post-entries-list .entry {display: inline-block; width: 50%; padding: 0 5px 0 0}
	.post-entries-list .entry:nth-child(2n) {padding: 0 0 0 5px}
	.post-entries-list .entry .entryThumb, .post-entries-list .entry .entryContent {display: block}
	.post-entries-list .entry .entryThumb {width: 100%; margin-bottom: 5px}
	.post-entries-list .entry .entryThumb img.play_ico {width: 140px; margin-left: -70px; margin-top: -70px;}
	.post-entries-list .entry .entryContent {padding: 0}
}
@media screen and (min-width: 800px) {
	.post-entries-list {margin: 0 -10px; padding-left: 5px; padding-right: 5px}
	.post-entries-list .entry {display: inline-block; width: 33.33%; padding: 0 5px 5px 5px}
	.post-entries-list .entry:nth-child(2n) {padding: 0 5px 5px 5px}
	.post-entries-list .entry .entryThumb img.play_ico {width: 120px; margin-left: -60px; margin-top: -60px;}
}

@media screen and (min-width: 900px) {
	.post-entries-list .entry .entryThumb img.play_ico {width: 90px; margin-left: -45px; margin-top: -45px;}
	.post-entries-list .entry .entryContent .entryHeader {font-size: 14px; line-height: 17px}
}
@media screen and (min-width: 1000px) {
	.post-entries-list {margin: 0; padding-left: 0; padding-right: 0}
	.post-entries-list .entry {margin-bottom: 15px; padding: 0}
	.post-entries-list .entry:nth-child(2n) {padding: 0 0 0 0}
	.post-entries-list .entry {display: table; width: 100%;}
	.post-entries-list .entry .entryThumb, .post-entries-list .entry .entryContent {display: table-cell; vertical-align: top}
	.post-entries-list .entry .entryThumb {width: 50%}
	.post-entries-list .entry .entryThumb img.play_ico {width: 90px; margin-left: -45px; margin-top: -45px;}
	.post-entries-list .entry .entryContent {padding: 0 0 0 15px}
	.post-entries-list .entry .entryContent .entryHeader {font-size: 18px; line-height: 24px}
}
@media screen and (min-width: 1150px) {
	.post-entries-list {margin: 0 -10px;}
	.post-entries-list .entry {display: inline-block; width: 33.33%; padding: 0 5px 25px 5px}
	.post-entries-list .entry:nth-child(2n) {padding: 0 5px 25px 5px}
	.post-entries-list .entry .entryThumb, .post-entries-list .entry .entryContent {display: block}
	.post-entries-list .entry .entryThumb {width: 100%; margin-bottom: 5px}
	.post-entries-list .entry .entryThumb img.play_ico {width: 140px; margin-left: -70px; margin-top: -70px;}
	.post-entries-list .entry .entryContent {padding: 0}
	.post-entries-list .entry .entryContent .entryHeader {font-size: 15px; line-height: 19px}
}
@media screen and (min-width: 1300px) {
	.post-entries-list .entry {padding: 0 10px 25px 10px}
	.post-entries-list .entry:nth-child(2n) {padding: 0 10px 25px 10px}
	.post-entries-list .entry .entryThumb img.play_ico {width: 140px; margin-left: -70px; margin-top: -70px;}
	.post-entries-list .entry .entryContent .entryHeader {font-size: 16px; line-height: 20px}
}
@media screen and (min-width: 1410px) {
	.post-entries-list {margin: 0 -10px;}
}



/************************************************************************
	Публикация
************************************************************************/
.post-content-wrapper {/*margin-top: -60px;*/}
.post-content-wrapper div {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.post-content-wrapper .post-sidebar {border-top: 1px solid #dbdbdb; margin: 0 -10px; padding: 40px 10px 0}
.post-content-wrapper .post-sidebar .public-sidebar-column {position: relative; z-index: 2}
@media screen and (min-width: 1000px) {
	.post-content-wrapper .post-sidebar {padding: 40px 10px 0}
}
@media screen and (min-width: 1200px) {
	.post-content-wrapper {/*margin-top: -60px; margin-bottom: -60px;*/ display: table; width: 100%}
	.post-content-wrapper > div {display: table-cell; vertical-align: top}
	.post-content-wrapper .post-sidebar {border-top: 0px; border-left: 1px solid #dbdbdb; width: 295px; padding: 0; margin: 0; position: relative}
	.post-content-wrapper .post-sidebar::before {content: ''; width: 1px; height: 60px; left: -1px; top: -60px; background-color: #dbdbdb; position: absolute}
	.post-content-wrapper .post-sidebar::after {content: ''; width: 1px; height: 60px; left: -1px; bottom: -60px; background-color: #dbdbdb; position: absolute}
	.post-content-wrapper .post-sidebar .public-sidebar-column {padding: 0 15px 10px 20px;}
}

/* Заголовок */
.post-content-wrapper .post-header {margin: 0 0px 5px; padding:0; text-align: left}
.post-content-wrapper .post-header:after {content:""; clear:both; display:block;}
.post-content-wrapper .post-header h1 {font-size: 30px; line-height: 34px; margin: 0 0 20px; padding:0; font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight:200}
.post-content-wrapper .post-header h1 small {display: block; font-size: 18px; line-height: 22px; margin-top: 5px}
.post-content-wrapper .post-header .entryMeta {padding: 5px 0; position: relative; color: #2F2F2F; font-size: 14px; line-height:16px; font-weight: normal; overflow: hidden}
.post-content-wrapper .post-header .entryMeta p {margin: 0; font-weight: bold}
.post-content-wrapper .post-header .entryMeta a:hover {text-decoration: none}
.post-content-wrapper .post-service-line {margin:10px 0; text-align: right; font-size: 15px; line-height: 17px; float: right; display: none}
.post-content-wrapper .post-service-line a {display:inline-block; padding: 10px; text-decoration:none; background-color:#0087e6; color:white}
.post-content-wrapper .post-service-line a:hover {background-color:#b42823}
.post-content-wrapper .post-service-line a .fa {display:inline-block; margin:-5px 5px -3px 0; font-size:18px; vertical-align:middle}

@media screen and (min-width: 800px) {
	.post-content-wrapper .post-service-line {display: block}
}
@media screen and (min-width: 1100px) {
	.post-content-wrapper .post-header h1 {font-size: 40px; line-height: 44px}
}
@media screen and (min-width: 1200px) {
	.post-content-wrapper .post-header {padding: 0 20px 0 0px}
}

/* Кнопки поделиться (Яндекса) */
.yashareBox {font-size: 14px; padding: 5px 0; margin: 10px 0; text-align: left;}
.multimediaPost .yashareBox {padding: 5px; margin: 0}
.yashareBox .ya-share2__badge {-webkit-border-radius:0px; border-radius:0px; padding: 2px}

@media screen and (min-width: 600px) {
	.yashareBox .ya-share2__badge {padding: 5px}
}

/* Обложка */
.post-content-wrapper .post-cover {position: relative; margin: 15px -10px 25px; padding-bottom: 56.25%; width: calc(100% + 20px); font-size: 0; line-height: 0}
.post-content-wrapper .post-cover img.cover {width:100%; height: auto; font-size: 0; line-height: 0; display: block; position: absolute; top: 0; left: 0}
.post-content-wrapper .post-cover + .textCoverDesc {color: black; margin: -20px -10px 25px; font-size: 13px; line-height: 15px; text-align: right; padding: 10px; border-bottom: 1px solid #dbdbdb;}
.post-content-wrapper .post-cover + .textCoverDesc a {color:inherit}
.post-content-wrapper .post-cover + .textCoverDesc a:hover {text-decoration:none}
@media screen and (min-width: 1200px) {
	.post-content-wrapper .post-cover {margin-right: 0; width: calc(100% + 10px)}
	.post-content-wrapper .post-cover + .textCoverDesc {margin-right: 0}
}
@media screen and (min-width: 1400px) {
	.post-content-wrapper .post-cover {margin-left: 0; width: 100%}
	.post-content-wrapper .post-cover + .textCoverDesc {margin-left: 0; margin-top: -25px}
}


/* Метки (тэги) */
.post-content-wrapper .post-tags {font-size: 12px; line-height: 15px; padding: 20px 10px; margin: 0 -10px; border-top: 1px solid #dbdbdb;}
.post-content-wrapper .post-tags .tagsLinks {display: inline-block; margin:0 3px}
.post-content-wrapper .post-tags .tagsLinks a {text-decoration:none}
.post-content-wrapper .post-tags .tagsLinks a:hover {text-decoration:underline}
@media screen and (min-width: 1200px) {
	.post-content-wrapper .post-tags {padding: 20px; margin-right: 0}
	.post-content-wrapper .post-tags:last-child {padding-bottom: 0}
}
@media screen and (min-width: 1400px) {
	.post-content-wrapper .post-tags {margin-left: 0; padding-left: 0}
}

/* Похожие записи */
.post-content-wrapper .relatedPost {padding: 40px 0 0 0; margin-top: 0px; margin-left: -10px; margin-right: -10px; border-top: 1px solid #dbdbdb;}
.post-content-wrapper .relatedPost .entry {margin-bottom: 35px; padding: 0}
.post-content-wrapper .relatedPost .entry .entryThumb {width: 100%}
.post-content-wrapper .relatedPost .entry .entryThumb img {visibility: hidden}
.post-content-wrapper .relatedPost .entry .entryContent {padding: 0px 15px}
.post-content-wrapper .relatedPost .entry .entryContent .entryHeader {font-size: 15px; line-height: 19px}

@media screen and (min-width: 500px) {
	.post-content-wrapper .relatedPost {padding: 40px 10px 20px;}
	.post-content-wrapper .relatedPost .entry {margin-bottom: 35px; padding: 0}
	.post-content-wrapper .relatedPost .entry {display: table; width: 100%;}
	.post-content-wrapper .relatedPost .entry .entryThumb, .post-content-wrapper .relatedPost .entry .entryContent {display: table-cell; vertical-align: top}
	.post-content-wrapper .relatedPost .entry .entryThumb {width: 40%}
	.post-content-wrapper .relatedPost .entry .entryContent {padding: 0 0 0 15px}
}
@media screen and (min-width: 600px) {
	.post-content-wrapper .relatedPost .entry {display: inline-block; width: 50%; padding: 0 5px 0 0px}
	.post-content-wrapper .relatedPost .entry:nth-child(2n) {padding: 0 0px 0 5px}
	.post-content-wrapper .relatedPost .entry .entryThumb, .post-content-wrapper .relatedPost .entry .entryContent {display: block}
	.post-content-wrapper .relatedPost .entry .entryThumb {width: 100%; margin-bottom: 5px}
	.post-content-wrapper .relatedPost .entry .entryContent {padding: 0}
}
@media screen and (min-width: 800px) {
	.post-content-wrapper .relatedPost {padding: 40px 5px;}
	.post-content-wrapper .relatedPost .entry {display: inline-block; width: 33.33%; padding: 0 5px 5px 5px}
	.post-content-wrapper .relatedPost .entry:nth-child(2n) {padding: 0 5px 5px 5px}
	.post-content-wrapper .relatedPost .entry:nth-child(n+4) {margin-bottom: 0}
}
@media screen and (min-width: 1200px) {
	.post-content-wrapper .relatedPost {padding: 40px 0 0px; margin-left: -10px; margin-right: 0}
}
@media screen and (min-width: 1400px) {
	.post-content-wrapper .relatedPost {margin-left: 0px;}
}

/* Текстовый блок */
.textBox {font-size: 16px; line-height: 20px; margin-top:10px}
.textBox {padding: 0 0px 40px 0px}
.post-content .textBox {padding: 0 10px 40px}
@media screen and (min-width: 1000px) {
	.textBox {padding: 0 10px 40px 0px}
	.post-content .textBox {padding: 0 10px 40px}
}
@media screen and (min-width: 1200px) {
	.textBox {padding: 0 10px 40px 0px}
	.post-content .textBox {padding: 0 20px 40px 10px}
}
@media screen and (min-width: 1400px) {
	.post-content .textBox {padding-left: 0}
}
.textBox:first-child {padding-top: 0}
.textBox:last-child {padding-bottom: 0}

.textBox h1 {margin: 40px 0; font-size: 30px; line-height: 34px; text-align: left; position: relative; font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight: 200}
.textBox h2 {margin: 40px 0; font-size: 24px; line-height: 30px; text-align: left; position: relative; color:rgba(38,43,86,1); font-family: 'Roboto', sans-serif;}
@media screen and (min-width: 1100px) {
	.textBox h1 {font-size: 40px; line-height: 44px;}
}
.textBox h1:first-child, .textBox h2:first-child {margin-top: 0}
.textBox h2:after {background-color:rgba(38,43,86,0.8); content:""; left:0; bottom:-10px; height:1px; position:absolute; width:170px;}
.textBox p {margin: 25px 0; text-align: left; font-size: 17px; line-height: 25px; }
.textBox p:first-child {margin-top: 0}
.textBox p:last-child {margin-bottom: 0}
.textBox b, .textBox strong {margin:0px; font-family: tahoma, verdana, arial, sans-serif; font-weight:bold;}

.textBox ul {margin: 25px 0; text-align: left; font-size: 17px; line-height: 25px; padding-left: 60px;}
.textBox ul li {margin: 10px 0}
.textBox ul li:first-child {margin-top: 0}
.textBox ul li:last-child {margin-bottom: 0}

.textBox a {color:#005d8d; text-decoration:underline;}
.textBox a:hover {color:#005d8d; text-decoration:none;}
.textBox object, .textBox embed {max-width:100%; z-index:-1}
.textBox iframe {margin-left: -10px; margin-right: -10px; max-width: calc(100% + 30px)}


/* Автор */
.textBox .author {font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; overflow:hidden; text-align:right; padding:0px; color: black;}
.textBox .author a {text-decoration:underline; color:inherit !important}
.textBox .author a:hover {text-decoration:none}


/* Изображение в тексте */
.textBox .imageText {max-width:100%; height:auto; margin:15px 0; overflow:hidden}
.textBox .imageText[style*='float:right;'], .textBox img[style*='float:right;'] {margin-left:20px; margin-right:0; max-width:50%; height:auto}
.textBox .imageText[style*='float:left;'], .textBox img[style*='float:left;'] {margin-right:20px; margin-left:0; max-width:50%; height:auto}
.textBox .imageAlt {font-size:13px !important; line-height:15px !important; color:#666666; margin-top:-15px; margin-bottom:10px; text-align:right; padding-bottom:5px; font-style:normal; font-weight:normal}
.textBox .imageText[style*='float: left;'] .imageAlt {text-align:left}
.textBox .imageAlt a {text-decorationunderline:underline; color:#666666}
.textBox .imageAlt a:hover{text-decoration:none; color:#666666}
.textBox .imageText.cover {width:557px; margin-left:20px;}
.textBox .imageText.cover img {width:557px; height:auto;}
.textBox.textBox-relatedPost .imageText.cover {margin-top:0}

.textBox figure.image {max-width:100%; margin: 25px auto; height:auto; text-align: center; overflow: hidden; max-width: 900px}
.textBox figure.image[style*='float: left;'], .textBox figure.image[style*='float:left;'] {margin-right:20px; margin-left:0; margin-top: 0; max-width:50%}
.textBox figure.image[style*='float: right;'], .textBox figure.image[style*='float:right;'] {margin-left:20px; margin-right:0; margin-top: 0; max-width:50%}
.textBox figure.image img {max-width: 100%; height: auto; font-size: 0; display: block; line-height: 0; margin: 0 auto}
.textBox figure.image figcaption {display: block; background: #f6f7f7; font-size: 13px; line-height: 15px; color: black; text-align: right; padding: 5px 10px 10px; margin: 0; font-style: normal; font-weight: normal;}
.textBox figure.image figcaption a {text-decoration:underline; color: black}
.textBox figure.image figcaption a:hover{text-decoration:none; color: black}

/* Таблицы */
.textBox table {border: 1px solid gray; border-collapse:collapse;width:100%; margin:15px 0}
.textBox table th {padding:5px; border: 1px solid gray;text-align:center;}
.textBox table td {padding:5px; border: 1px solid gray; font-size:13.5px; line-height:17px;}
.textBox table td p {margin: 0; font-size:13.5px; line-height:17px;}
.textBox table tr:nth-child(2n+1) {background-color: rgba(196,196,196,0.01)}
.textBox table tr:nth-child(2n) {background-color: rgba(196,196,196,0.2)} 
.textBox table tr:hover {background-color:rgba(0,135,230,0.2)}
.textBox table.text, .textBox table.text td, .textBox table.text1, .textBox table.text1 td {border:0;}
.textBox table.text tr, .textBox table.text1 tr, .textBox table.text2 tr {background-color: transparent}
.textBox table.text1 td, .textBox table.text2 td {vertical-align:top; font-size:14.5px; line-height:22px;}
.textBox table.text1 td p, .textBox table.text2 td p {font-size:14.5px; line-height:22px;}


.textBox table.peopleInfo {margin: 25px auto; border: 0}
.textBox table.peopleInfo:last-child {margin-bottom: 0}
.textBox table.peopleInfo td {border: 0; font-size: 16px; line-height: 22px; vertical-align: middle}
.textBox table.peopleInfo tr, .textBox table.peopleInfo tr:hover {background-color: transparent}
.textBox table.peopleInfo td:first-child {width: 160px; text-align:right}
.textBox table.peopleInfo td:first-child img {width: 150px; height: 200px; /*border: 1px solid #0087e6;*/ margin: 0 auto; display: block; font-size: 0; line-height: 0}
.textBox table.peopleInfo figure.image {margin: 0}
.textBox table.peopleInfo h3 {font-size: 20px; line-height: 26px; margin: 0 0 10px; padding: 0 0 10px 5px; font-family: 'SegoeUI', 'Open Sans', sans-serif; font-weight: 200; position: relative}
.textBox table.peopleInfo h3 strong {font-size: 26px; line-height: 26px; text-transform: uppercase; display: block; font-family: 'SegoeUI', 'Open Sans', sans-serif;}
.textBox table.peopleInfo h3::after {background-color: #F3F3F5; content: ""; left: 0; bottom: -5px; height: 1px; position: absolute; width: 200px;}
.textBox table.peopleInfo p {padding: 0 0 0 5px; margin:5px 0; font-size: 16px; line-height: 22px}
.textBox table.peopleInfo td:first-child p {margin: 0; padding: 0}
@media screen and (min-width: 500px) {
	.textBox table.peopleInfo h3 {padding: 0 0 5px 20px;}
	.textBox table.peopleInfo p {padding: 0 0 0 20px;}
}
@media screen and (min-width: 600px) {
	.textBox table.peopleInfo td:first-child {width: 230px;}
	.textBox table.peopleInfo td:first-child img {width: 200px; height: 266px;}
}

/* Вложенные файлы */
.attachments-files {overflow:hidden; margin-top: 25px}
.attachments-files .attachments-file-wrapper {box-sizing: border-box; margin: 25px 0;}
.attachments-files .attachments-file-wrapper:first-child {margin-top: 0}
.attachments-files .attachments-file-wrapper:last-child {margin-bottom: 0}
.postContent .textBox .attachments-files .attachments-file-wrapper {border: 0px}
.attachments-files .attachments-file-wrapper > div, .attachments-files .attachments-file-wrapper > a {display: block; padding: 15px 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.attachments-files .attachments-file-properties {vertical-align:top; cursor:default}
.attachments-files .attachments-file-properties .fileName {font-weight:200; margin: 0 0 20px 0; font-size:24px !important; line-height:28px !important; text-align:left; position:relative; color:black}
.attachments-files .attachments-file-properties .fileName:after {background-color:rgba(38,43,86,0.8); content:""; left:0; bottom:-10px; height:1px; position: absolute; width: 170px;}
.attachments-files .attachments-file-properties .fileInfo {font-weight: normal; font-size: 15px; line-height: 19px; color: gray}
.attachments-files .attachments-file-properties .fileInfo strong, .attachments-files .attachments-file-properties .fileInfo span {font-weight: normal; font-family: 'SegoeUI', 'Open Sans', sans-serif;}
.attachments-files .attachments-file-properties .fileInfo .attachments-file-text {display: block; font-size: 15px; line-height: 20px; color: black; margin-top: 5px}
.attachments-files .attachments-file-properties .fileInfo > a {font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; font-size: 120%; display: inline-block; margin-left: 15px; padding: 2px 5px; background: rgba(38,43,86,0.8); color: white; text-decoration: none}
.attachments-files .attachments-file-properties .fileInfo > a:hover {background: rgba(38,43,86,1);}

.attachments-files .attachments-file-link {background-color: rgba(196,196,196,0.4); color: black; text-decoration: none; text-align: center}
.attachments-files .attachments-file-wrapper .attachments-file-link:hover {background: rgba(38,43,86,0.3); color: black}
.attachments-files .attachments-file-link img {width: 20px; height: 20px; font-size: 0; line-height: 0; display: inline-block; vertical-align: middle; margin-right: 5px}
.attachments-files .attachments-file-link span {display: inline-block; vertical-align: middle}

@media screen and (min-width: 600px) {
	.attachments-files .attachments-file-wrapper {border: 1px solid transparent; display: table; width:100%;}
	.attachments-files .attachments-file-wrapper > div, .attachments-files .attachments-file-wrapper > a {display: table-cell; vertical-align: middle; padding: 15px 10px;}
	.attachments-files .attachments-file-wrapper:hover {background-color: rgba(196,196,196,0.1); border-color: rgba(196,196,196,0.4);}
	.attachments-files .attachments-file-link {background-color: transparent; border-left:1px solid rgba(196,196,196,0.4); width: 100px;}
	.attachments-files .attachments-file-wrapper:hover .attachments-file-link {background: rgba(38,43,86,0.1);}
	.attachments-files .attachments-file-wrapper:hover .attachments-file-link:hover {background: rgba(38,43,86,0.3); color: black}
	.attachments-files .attachments-file-link img {width: 50px; height: 50px; display: block; margin: 0 auto}
}

/*.postContent .textBox .attachmentFilesBox .attachmentFilesBox-entry:hover {background-color:transparent}*/

/* Вложенные аудио и видео */
.textBox .attachmentMultimedia {margin-top:20px}
.public-videoBox {margin: 25px -20px; overflow: hidden;}
.public-videoBox iframe, .public-audioBox iframe {margin: 0}
.textBox .attachmentMultimedia-author {margin: 3px 20px 5px 10px; color: #2F2F2F; font-size: 13px; line-height: 15px; font-weight: normal; text-align: right}
.textBox .attachmentMultimedia-author a {color: #2F2F2F;}
@media screen and (min-width: 1400px) {	
	.public-videoBox {margin-left: 0px;}
}

/* Вложенные фото */
.textBox .photoCarousel-listThumb {overflow: auto; overflow-y: hidden; padding-top: 3px; /*height: 85px;*/ white-space: nowrap; display: none; margin-left: -20px; margin-right: -20px}
@media screen and (min-width: 1400px) {
	.textBox .photoCarousel-listThumb {margin-left: 0px;}
}
.textBox .photoCarousel-listThumb .thumb-link {display:inline-block; margin:0 1px 0 0; position: relative; cursor: pointer}
.textBox .photoCarousel-listThumb .thumb-link:first-child{margin-left:0}
.textBox .photoCarousel-listThumb .thumb-link:last-child{margin-right:0}
.textBox .photoCarousel-listThumb .thumb-link img {opacity:0.5; width:120px; height:68px}
.textBox .photoCarousel-listThumb .thumb-link:hover img, .textBox .photoCarousel-listThumb .thumb-link.selected img {opacity:1}
.textBox .photoCarousel-listThumb .thumb-link .photoCarousel-desc {display: none}

.textBox .photoCarousel .photoDesc {max-width:100%; color:black; margin:0; font-size:13px; line-height:15px; text-align:right; position:absolute; bottom:0; right:0; background-color:rgba(255,255,255,0.8); padding:5px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.textBox .photoCarousel .photoDesc a {color: black}
.textBox .photoCarousel .photoDesc a:hover {text-decoration:none}

.textBox .photoCarousel {overflow: hidden; position:relative; display: none; margin-left: -20px; margin-right: -20px; margin-top: 25px}
@media screen and (min-width: 1400px) {
	.textBox .photoCarousel {margin-left: 0px;}
}
.textBox .photoCarousel-box {background-color:#eeeeee; width: 100%; height: 100%; overflow:hidden; position: absolute; top:0; cursor: move;}
.textBox .photoCarousel-box .carousel-wrapper {display: table; width: 100%; height: 100%; position: relative}
.textBox .photoCarousel-box .carousel-wrapper .photo-container {display:table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; position: relative; z-index: 0}
.textBox .photoCarousel-box .carousel-wrapper .photo-container img {position: relative; z-index: 1; display: block; font-size: 0; line-height: 0; margin: auto; max-width: 100%}
.textBox .photoCarousel-box .photoCarousel-countPhotos {font-size:13px; line-height:15px; text-align:right; position:absolute; top:0; right:0; background-color:rgba(255,255,255,0.8); padding:5px 10px;}
.textBox .photoCarousel .navForward {left:0px; background-image: url(../images/nav_forward.png);}
.textBox .photoCarousel .navNext {right:0px; background-image: url(../images/nav_next.png);}
.textBox .photoCarousel .navForward, .textBox .photoCarousel .navNext {position:absolute; top:50%; width:45px; height:83px; margin: -42px 0 0; background-repeat:no-repeat; background-position:center; z-index:2; opacity:0.5}
.textBox .photoCarousel:hover .navForward, .textBox .photoCarousel:hover .navNext {opacity:1}

/* Цитаты */
.textBox blockquote {font-size:18px; line-height:24px; position:relative; overflow:hidden; padding: 0 30px 0 20px; margin:30px 20px 30px 50px; font-style:italic; color:black; /*background-color:#eeeeee*/}
.textBox blockquote:before {content:''; position:absolute; left:0px; top:0; background-color:#d10000; width:3px; height:100%}
.textBox blockquote em {font-style:normal; color:#000000}
.textBox blockquote p {margin: 5px 0; padding:0}

/* Текстовый блок в тексте */
.textBox .attTextBox.silver {background-color: #eee; border: 0; padding: 10px 10px}
.textBox .attTextBox p:first-child, .textBox .attTextBox figure.image:first-child {margin-top:0}
.textBox .attTextBox p:last-child, .textBox .attTextBox figure.image:last-child {margin-bottom:0}

.textBox .attTextBox.spoilerTextBox {border: 1px solid #eee; padding: 10px 10px}
.textBox .attTextBox.silver.spoilerTextBox {border: 0;}

.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label {display: none;}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label + label {background-color: #eee; display: block; padding: 10px; margin: -10px -10px -10px -10px; font-size: 16px; line-height: 20px;  font-weight: bold; cursor: pointer; position: relative; padding-left: 30px; z-index: 1}
.textBox .attTextBox.spoilerTextBox.silver .spoilerTextBox-label + label {background-color: rgba(0,0,0,0.2)}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label + label:before {position: absolute; font-family:FontAwesome; top:10px; left:10px; font-weight: 200; transition: all 0.5s ease}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label + label + div{overflow: hidden; position: relative; padding-top: 20px; z-index: 0; transition: all 0.5s ease}


.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsHide + label {color: balck;}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsHide + label:before {content:'\f101';}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsHide:checked + label:before {content:'\f101'; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsHide + label + div{height: 0px; padding-top: 0}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsHide:checked + label + div {height: auto; padding-top: 20px}

.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsHidePartially + label {color: balck;}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsHidePartially + label:before {content:'\f101';}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsHidePartially:checked + label:before /*{content:'\f103';}*/ {content:'\f101'; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsHidePartially + label + div{height: 105px}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsHidePartially:checked + label + div {height: auto; padding-top: 20px}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsHidePartially + label + div:after {position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; content: ''; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);}
.textBox .attTextBox.spoilerTextBox.silver .spoilerTextBox-label.boxIsHidePartially + label + div:after {background: -moz-linear-gradient(top, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 80%); background: -webkit-linear-gradient(top, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 80%); background: linear-gradient(to bottom, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 80%);}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsHidePartially:checked + label + div:after {display: none}

.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsShow + label {color: balck;}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsShow + label:before {content:'\f103';}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsShow:checked + label:before {content:'\f101';}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsShow + label + div{height: auto}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsShow:checked + label + div {height: 105px;}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsShow + label + div:after {display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; content: ''; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);}
.textBox .attTextBox.spoilerTextBox.silver .spoilerTextBox-label.boxIsShow + label + div:after {background: -moz-linear-gradient(top, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 80%); background: -webkit-linear-gradient(top, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 80%); background: linear-gradient(to bottom, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 80%);}
.textBox .attTextBox.spoilerTextBox .spoilerTextBox-label.boxIsShow:checked + label + div:after {display: block}

/* Telegram */
.telegram-link {margin: 40px 0 0 0; background-color: #2faee6}
.post-content-wrapper .telegram-link {margin-left: -20px; margin-right: -20px}
@media screen and (min-width: 1400px) {
	.post-content-wrapper .telegram-link {margin-left: 0px;}
}
.telegram-link a {display: table; width: 100%; text-decoration: none; color: white}
.telegram-link a:hover {color: white}
.telegram-link a > span {display: table-cell; vertical-align: middle; padding: 5px}
.telegram-link a > span:first-child {width: 65px; text-align: center}
.telegram-link a > span:first-child img {width: 55px; height: 55px}
.telegram-link a > span strong {display: block; font-family: 'SegoeUI', 'Open Sans', sans-serif; font-size: 20px; line-height: 22px}
.telegram-link a > span strong span {display: block; margin-bottom: -3px}
@media screen and (min-width: 500px) {
	.telegram-link a > span strong span {display: inline; margin: 0}
}
@media screen and (min-width: 600px) {
	.telegram-link a > span:first-child {width: 150px;}
	.telegram-link a > span:first-child img {width: 80px; height: 80px}
	.telegram-link a > span strong span {display: inline; margin: 0}
}

/* Списки людей */
.peoplesEntriesBox-boxes {margin-top: 35px}
.peoplesEntriesBox-boxes.generalLeadsList {margin-top: 0}
.peoplesEntriesBox-boxes h2 {margin: 40px 0; font-size: 24px; line-height: 30px; text-align: left; position: relative; color: rgba(38,43,86,1); font-family: 'Roboto', sans-serif;}
.peoplesEntriesBox-boxes h2:after {background-color: rgba(38,43,86,0.8); content: ""; left: 0; bottom: -10px; height: 1px; position: absolute; width: 170px;}
.peoplesEntriesBox-boxes .row {margin: 30px 0;}
.peoplesEntriesBox-boxes .row > div, .peoplesEntriesBox-boxes .row > a {display: table; width: 100%; margin-bottom: 10px; text-decoration: none}
.peoplesEntriesBox-boxes .row > a:hover {background-color: #F3F3F5}
.peoplesEntriesBox-boxes .row::after {display: none}
.peoplesEntriesBox-boxes span.img {width: 150px; display: table-cell; padding-right: 10px; vertical-align: middle}
.peoplesEntriesBox-boxes span.img>img {width: 150px; height: auto; display: block; font-size: 0; line-height: 0}
.peoplesEntriesBox-boxes span.img+span {display: table-cell; vertical-align: middle}
.peoplesEntriesBox-boxes span.name {display: block; font-size: 20px; line-height: 26px; font-weight: 200; padding: 0 10px 5px; position: relative; margin-bottom: 10px}
.peoplesEntriesBox-boxes span.name:after {background-color:#F3F3F5; content:""; left:0; bottom:-5px; height:1px; position:absolute; width:200px;}
.peoplesEntriesBox-boxes .row > a:hover span.name:after {background-color: white}
.peoplesEntriesBox-boxes span.name>strong.upp {font-family: 'SegoeUI', 'Open Sans', sans-serif; font-size: 26px; text-transform: uppercase; display: block}
.peoplesEntriesBox-boxes span.position {display: block; padding: 0 10px 5px; font-size: 18px;}
@media screen and (min-width: 500px) {
	.peoplesEntriesBox-boxes span.img {width: 150px; padding-right: 30px;}
	.peoplesEntriesBox-boxes span.img>img {width: 150px;}
}
@media screen and (min-width: 600px) {
	.peoplesEntriesBox-boxes span.img {width: 200px;}
	.peoplesEntriesBox-boxes span.img>img {width: 200px;}
}
@media screen and (min-width: 1000px) {
	.peoplesEntriesBox-boxes.generalLeadsList span.img {width: 200px;}
	.peoplesEntriesBox-boxes.generalLeadsList span.img>img {width: 200px;}
}
@media screen and (min-width: 1200px) {
	.peoplesEntriesBox-boxes .row {display: inline-block; width: 50%; vertical-align: middle}
	.peoplesEntriesBox-boxes.generalLeadsList .row {display: block; width: 100%; vertical-align: middle}
	.peoplesEntriesBox-boxes span.img {width: 150px;}
	.peoplesEntriesBox-boxes span.img>img {width: 150px;}
	.peoplesEntriesBox-boxes.generalLeadsList span.img {width: 200px;}
	.peoplesEntriesBox-boxes.generalLeadsList span.img>img {width: 200px;}
}
@media screen and (min-width: 1400px) {
	.peoplesEntriesBox-boxes span.img {width: 200px;}
	.peoplesEntriesBox-boxes span.img>img {width: 200px;}
}

/* Контактная информация */
.cfu-contacts-box {margin-top: 80px; display: table; width: 100%}
.cfu-contacts-box > div {display: table-cell; vertical-align: middle; font-size: 17px; line-height: 25px}
.cfu-contacts-box .cfu-contacts-image {width: 320px}
.cfu-contacts-box .cfu-contacts-image img {display: inline-block; font-size: 0; line-height: 0}
.cfu-contacts-box strong {display: block; margin: 0 0 40px; font-size: 24px; line-height: 30px; text-align: left; position: relative; color: rgba(38,43,86,1); font-family: 'Roboto', sans-serif;}
.cfu-contacts-box strong:after {background-color: rgba(38,43,86,0.8); content: ""; left: 0; bottom: -10px; height: 1px; position: absolute; width: 170px;}
@media screen and (min-width: 400px) {
	.cfu-contacts-box .cfu-contacts-image {display: none}
}
@media screen and (min-width: 500px) {
	.cfu-contacts-box .cfu-contacts-image {display: table-cell; width: 220px}
	.cfu-contacts-box .cfu-contacts-image img {width: 200px; height: 266px}
}
@media screen and (min-width: 700px) {
	.cfu-contacts-box .cfu-contacts-image {width: 320px}
	.cfu-contacts-box .cfu-contacts-image img {width: 280px; height: 373px}
}
@media screen and (min-width: 800px) {
	.cfu-contacts-box .cfu-contacts-image {width: 400px}
}
@media screen and (min-width: 1200px) {
	.cfu-contacts-box .cfu-contacts-image {width: 320px}
}
@media screen and (min-width: 1200px) {
	.cfu-contacts-box .cfu-contacts-image {width: 400px}
}

/*******************************************************************************
	Матчи на странице публикации
*******************************************************************************/
.public-matches {margin: 0 -25px 40px -20px}
.public-matches .entry {display: block; text-decoration: none; padding: 15px 15px 15px 20px; position: relative; z-index: 0; border-bottom: 1px solid #EEEEF2;}
.public-matches .entry .arrowLink {position: absolute; top: 50%; right: 0; width: 24px; height: 24px; margin-top: -12px; opacity: 0.4;}
.public-matches .entry:hover .arrowLink {opacity: 0.9}
.public-matches a.entry:hover {background-color: #F3F3F5}
.public-matches span.entry {cursor: default}
.public-matches .entry .matchDate {font-size: 14px; margin-bottom: 5px}
.public-matches .entry .matchDate .label {display: inline-block; background-color:#b42823; color:white; padding: 3px; font-family: tahoma, verdana, arial, sans-serif; text-transform:uppercase; font-size: 10px; vertical-align: top; margin-left: 5px}
.public-matches .entry .matchDate .label.green {background-color:#509815}
.public-matches .entry .teamRow {width: 230px; display: table; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.public-matches .entry .teamRow > div {display: table-cell; vertical-align: middle; margin-bottom: 3px}
.public-matches .entry .teamRow .teamIco {width: 50px; text-align: left; height: 45px}
.public-matches .entry .teamRow .teamName strong {display: block; font-family: 'SegoeUI', 'Open Sans', sans-serif; font-size: 18px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 140px}
.public-matches .entry .teamRow .teamName small {display: block; color: gray; font-size: 12px; line-height: 14px}
.public-matches .entry .teamRow .score {width: 50px; text-align: right;  font-family: 'Roboto', 'Open Sans', sans-serif; font-weight: bold; font-size: 30px; line-height: 30px}

@media screen and (max-width: 1199px) {
	.public-matches {border-top: 0px; margin-right: -10px; margin-top: -40px}
	.public-matches .entry {padding-right: 30px}
	.public-matches .entry .matchDate {text-align: center}
	.public-matches .entry .teamRow {width: 50%; height: 45px; display: inline-block; position: relative; vertical-align: top}
	.public-matches .entry .teamRow .teamIco {position: absolute; top: 0; right: 55px; text-align: center}
	.public-matches .entry .teamRow .teamIco2 {right: auto; left: 55px}
	.public-matches .entry .teamRow .teamName {position: absolute; top: 0; right: 110px; text-align: right}
	.public-matches .entry .teamRow .teamName2 {right: auto; left: 110px; text-align: left}
	.public-matches .entry .teamRow .teamName strong {width: 220px}
	.public-matches .entry .teamRow .score {position: absolute; top: 0; right: 0; text-align: right; padding-right: 5px}
	.public-matches .entry .teamRow .score1:after {content: ':'; position: absolute; top: 0; right: -4px}
	.public-matches .entry .teamRow .score2 {right: auto; left: 0; text-align: left; padding-left: 5px}
}
@media screen and (max-width: 649px) {
	.public-matches .entry .teamRow .teamName strong {width: 140px}
}
@media screen and (max-width: 549px) {
	.public-matches .entry {padding-right: 30px}
	.public-matches .entry .teamRow {width: 50%; height: 45px; display: inline-block; position: relative; vertical-align: top}
	.public-matches .entry .teamRow .teamIco {display: none}
	.public-matches .entry .teamRow .teamName {right: 55px;}
	.public-matches .entry .teamRow .teamName2 {right: auto; left: 55px;}
}

/*******************************************************************************
	Блок связанных публикаций
*******************************************************************************/

/* Связанные записи */
.sidebar-relatedPost section {padding: 60px 0; border-bottom: 1px solid #dbdbdb; background-color: #f6f7f7;}
.sidebar-relatedPost .row {max-width: 1400px; margin: 0 auto; padding: 0 10px}
.sidebar-relatedPost .showMore {margin: 15px 10px 0 10px; max-width: 1368px; display: none}
.sidebar-relatedPost .showMore.showMore-5 {display: block}

.sidebar-relatedPost .entries-section {padding: 40px 0}
.sidebar-relatedPost .entry {margin-bottom: 35px; padding: 0}
.sidebar-relatedPost .entry {display: table; width: 100%;}
.sidebar-relatedPost .entry .entryThumb, .sidebar-relatedPost .entry .entryContent {display: table-cell; vertical-align: top}
.sidebar-relatedPost .entry .entryThumb {width: 40%}
.sidebar-relatedPost .entry .entryThumb img {visibility: hidden}
.sidebar-relatedPost .entry .entryContent {padding: 0 0 0 15px}
.sidebar-relatedPost .entry:nth-child(n+6) {display: none}
.sidebar-relatedPost .entry .entryContent .entryHeader {font-size: 15px; line-height: 19px}

@media screen and (min-width: 600px) {
	.sidebar-relatedPost .entry {display: inline-block; width: 50%; padding: 0 10px 0 5px}
	.sidebar-relatedPost .entry:nth-child(n+6) {display: inline-block}
	.sidebar-relatedPost .entry:nth-child(2n) {padding: 0 5px 0 10px}
	.sidebar-relatedPost .entry .entryThumb, .sidebar-relatedPost .entry .entryContent {display: block}
	.sidebar-relatedPost .entry .entryThumb {width: 100%; margin-bottom: 5px}
	.sidebar-relatedPost .entry .entryContent {padding: 0}
	.sidebar-relatedPost .showMore.showMore-5 {display: none}
	.sidebar-relatedPost .showMore.showMore-8 {display: block}
}
@media screen and (min-width: 800px){
	.sidebar-relatedPost .row {padding: 0 5px}
	.sidebar-relatedPost .entry {display: inline-block; width: 33.33%; padding: 0 5px 0 5px}
	.sidebar-relatedPost .entry:nth-child(n+7) {display: none}
	.sidebar-relatedPost .entry:nth-child(2n) {padding: 0 5px 0 5px}
	.sidebar-relatedPost .showMore.showMore-8 {display: none}
	.sidebar-relatedPost .showMore.showMore-6 {display: block}
}
@media screen and (min-width: 1300px) {
	.sidebar-relatedPost .entry {width: 25%;}
	.sidebar-relatedPost .entry:nth-child(n+7) {display: inline-block}
	.sidebar-relatedPost .entry .entryContent .entryHeader {font-size: 16px; line-height: 20px}
	.sidebar-relatedPost .showMore.showMore-6 {display: none}
	.sidebar-relatedPost .showMore.showMore-8 {display: block}
}
@media screen and (min-width: 1410px) {
	.sidebar-relatedPost .showMore {margin: 15px auto 0 auto;}
}

/*******************************************************************************
	Блок связанных публикаций на странице матча
*******************************************************************************/
.matches-related-posts {padding: 0}
.stat_box + .matches-related-posts {padding-top: 40px}

.matches-related-posts {margin-left: -10px; margin-right: -10px}
.matches-related-posts .entry {margin-bottom: 35px; padding: 0; text-align: left}
.matches-related-posts .entry:last-child {margin-bottom: 0}
.matches-related-posts .entry .entryThumb {width: 100%}
.matches-related-posts .entry .entryThumb img {visibility: hidden}
.matches-related-posts .entry .entryThumb img.play_ico {position: absolute; width: 140px; height: auto; left: 50%; margin-left: -70px; top: 50%; margin-top: -70px; opacity: 0.6; visibility: visible}
.matches-related-posts .entry .entryContent {padding: 0 15px}
.matches-related-posts .entry .entryContent .entryHeader {font-size: 15px; line-height: 19px}

@media screen and (min-width: 500px) {
	.matches-related-posts {margin: 0}
	.matches-related-posts .entry {margin-bottom: 15px; padding: 0}
	.matches-related-posts .entry {display: table; width: 100%;}
	.matches-related-posts .entry .entryThumb, .matches-related-posts .entry .entryContent {display: table-cell; vertical-align: middle}
	.matches-related-posts .entry .entryThumb {width: 40%}
	.matches-related-posts .entry .entryThumb img.play_ico {width: 90px; margin-left: -45px; margin-top: -45px;}
	.matches-related-posts .entry .entryContent {padding: 0 0 0 15px}
	.matches-related-posts .entry .entryContent .entryMeta {padding-top: 0}
}
@media screen and (min-width: 700px) {
	.matches-related-posts .entry .entryThumb {width: 50%}
	.matches-related-posts .entry .entryContent .entryHeader {font-size: 18px; line-height: 24px}
}
@media screen and (min-width: 1000px) {
	.matches-related-posts .entry .entryThumb, .matches-related-posts .entry .entryContent {vertical-align: top}
	.matches-related-posts .entry .entryThumb {width: 40%}
	.matches-related-posts .entry .entryContent .entryHeader {font-size: 15px; line-height: 19px}
}

/************************************************************************
	Опросник
************************************************************************/
.textBox .poller-box {position: relative; text-align: center; z-index:0; margin: 45px 0 45px; border: 1px solid #dbdbdb; padding: 25px; overflow: hidden}
.textBox .poller-box a.btn, .textBox .poller-box span.btn {font-size: 17px; line-height: 25px; text-decoration: none; min-width: 150px; margin-left: 5px}
.textBox .poller-box a.btn:first-child, .textBox .poller-box span.btn:first-child {margin-left: 0}
.textBox .poller-box span.btn {color: black; background-color: #dfe6e9;}
.textBox .poller-box .checkBoxDiv span.checkBox_label, .textBox .poller-box .radioBoxDiv span.checkBox_label {font-size: 17px; line-height: 25px;}

.textBox .poller-box .poller-title {font-size: 1.8em; line-height: 1.2; font-weight: bold; padding: 20px; background-color: #f6f7f7; border-bottom: 1px solid #dbdbdb; margin: -25px -25px 25px -25px}
.textBox .poller-box .poller-title-meta {margin: -20px 0 25px; font-size: 0.9em; color: gray; text-align: right}
.textBox .poller-box .poller-form {position: relative; top: 0}

.textBox .poller-box .poller-results {display: table; width: 100%}
.textBox .poller-box .poller-results > div {display: table-row}
.textBox .poller-box .poller-results > div > div {display: table-cell; padding: 10px 0; border-bottom: 1px solid #dbdbdb; text-align: left}
.textBox .poller-box .poller-results .poller-results-vote {width: 80px; vertical-align: bottom; font-weight: bold; text-align: center; font-family: 'Roboto', 'Open Sans', sans-serif;}
.textBox .poller-box .poller-results .poller-results-bar {width: 100%; height: 17px; position: relative; z-index: 0; background-color: #dfe6e9; margin-top: 5px}
.textBox .poller-box .poller-results .poller-results-bar .poller-results-bar-vote {background-color: #fdcb6e; position: absolute; top: 0; left: 0; height: 100%}
.textBox .poller-box .poller-results .poller-results-bar .poller-results-bar-vote.select {background-color: #00cec9;}
.textBox .poller-box .poller-results-total {margin-top: 5px; text-align: right; font-weight: bold}

.textBox .poller-box .poller-buttons-box {position: relative; z-index: 0; margin-top: 15px}
.textBox .poller-box .poller-buttons-box .inaction {position: absolute; background-color: rgba(0,0,0,0.5); color: white; text-align: center; top: 0; left: 0; width: 100%; height: 100%}
/*.textBox .poller-box .poller-buttons-box .inaction span {display: block; height: 22px; width: 160px; position: absolute; top: 50%; margin-top: -11px; left: 50%; margin-left: -80px;}*/
.textBox .poller-box .poller-message-ok {color: #05c46b; text-align: center; margin-bottom: 25px; font-weight: bold}
.textBox .poller-box .poller-message-error {color: #ff3f34; text-align: center; margin-bottom: 25px; font-weight: bold}
.textBox .poller-box .poll-answers + .poller-message-error {margin-top: 15px}

.poller-login-box {text-align: center; font-size: 17px; line-height: 25px;}


/* 
Set the container for the bar
*/
.bar-loading  {
	height:100%; width:100%; padding:0px; margin:0; background-color:rgba(0,0,0,.1);
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.03),inset 0 1px 0 rgba(0,0,0,.1); -moz-box-shadow:0 1px 0 rgba(255,255,255,.03),inset 0 1px 0 rgba(0,0,0,.1); -ms-box-shadow:0 1px 0 rgba(255,255,255,.03),inset 0 1px 0 rgba(0,0,0,.1); box-shadow:0 1px 0 rgba(255,255,255,.03),inset 0 1px 0 rgba(0,0,0,.1);
}

/* 
This is the actual bar with stripes
*/	
.bar-loading span {
	display:inline-block; height:100%; width:100%; border-bottom-color:#fdcb6e; background-color:#d3d3d3; overflow: hidden;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	background-image: -webkit-linear-gradient(-45deg, rgba(253,203,110,1) 25%, transparent 25%, transparent 50%, rgba(253,203,110,1) 50%, rgba(253,203,110,1) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(253,203,110,1) 25%, transparent 25%, transparent 50%, rgba(253,203,110,1) 50%, rgba(253,203,110,1) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(253,203,110,1) 25%, transparent 25%, transparent 50%, rgba(253,203,110,1) 50%, rgba(253,203,110,1) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(253,203,110,1) 25%, transparent 25%, transparent 50%, rgba(253,203,110,1) 50%, rgba(253,203,110,1) 75%, transparent 75%, transparent);
	-webkit-background-size:50px 50px; -moz-background-size:50px 50px; -ms-background-size:50px 50px; background-size:50px 50px;
	-webkit-animation:move 2s linear infinite; -moz-animation:move 2s linear infinite; -ms-animation:move 2s linear infinite; animation:move 2s linear infinite;
	-webkit-box-shadow:inset 0 10px 0 rgba(255,255,255,.2); -moz-box-shadow:inset 0 10px 0 rgba(255,255,255,.2); -ms-box-shadow:inset 0 10px 0 rgba(255,255,255,.2); box-shadow:inset 0 10px 0 rgba(255,255,255,.2);
}

/*
Animate the stripes
*/
@-webkit-keyframes move{
	0% {background-position: 0 0;}
	100% {background-position: 50px 50px;}
}
@-moz-keyframes move{
	0% {background-position: 0 0;}
	100% {background-position: 50px 50px;}
}
@-ms-keyframes move{
	0% {background-position: 0 0;}
	100% {background-position: 50px 50px;}
}
@keyframes move{
	0% {background-position: 0 0;}
	100% {background-position: 50px 50px;}
}