/*  
Theme Name: Медиапортал
Author: Максим Шонин
*/

html,
body,
h1,
h2,
h3,
h4,
p,
a,
ol,
ul,
li,
input,
img,
div,
span,
svg
{
	margin: 0;
	padding: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	line-height: 1;
	color: #2b2b2b;
	box-sizing: border-box;
	position: relative;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	text-shadow: none;
}
a:active, a:focus { outline: none; }
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}

.hidese{
	display: none !important;
}
html{
	background: #cfcfcf;
}
body{
	width: 100%;
	min-height: 100vh;
	background: #cfcfcf;
}
.rose{
	background: #faefef;
}
.white{
	background: #cfcfcf;
}
.black{
	background: #2c2c2c;
}
.container{
	padding: 0 40px 60px;
	overflow: hidden;
}
.headerContainer{
	display: flex;
	padding: 20px 0 20px 0;
	overflow: hidden;
}
.logo{
	margin: auto;
	margin-left: 0;
	text-decoration: none;
	display: flex;
	padding: 0 60px 0 20px;
	z-index: 2;
}
.logoRose{
	background: linear-gradient(90deg, #faefef 90%, rgba(250, 239, 239, 0) 100%);
}
.logoWhite{
	background: linear-gradient(90deg, #cfcfcf 90%, rgba(207, 207, 207, 1) 100%);
}
.logoBlack{
	background: linear-gradient(90deg, #2c2c2c 90%, rgba(43, 43, 43, 0) 100%);
}
.logo a {
	display: block;
	text-decoration: none;
}

h1{
	margin-left: 10px;
	font-size: 13px;
	width: min-intrinsic;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    display: table-caption;
    display: -ms-grid;
    -ms-grid-columns: min-content;
}
h1 a{
	line-height: 0.93;
}
.black .logo a{
	color: #cfcfcf;
}
.top{
	margin: auto;
	margin-right: 0;
	display: flex;
	align-items: center;
	z-index: 1;
}

.top .menu-item{
	list-style: none;
	margin-right: 20px;
}
.top .sub-menu{
	display: none;
}


.top a{
	text-decoration: none;
	font-size: 16px;
}


.top .menublob{
	width: 18px;
	height: 18px;
	display: block;
}
.black .top a{
	color: #cfcfcf;
}



#submenu{
	background: #2b2b2b;
	position: fixed;
	width: 100%;
	max-width: 400px;
	display: none;
	top: 50%;
	left: 50%;
	border: 1px solid #cfcfcf;
}
@media (max-width: 520px){
	#submenu{
		max-width: 320px;
	}
}
@media (max-width: 320px){
	#submenu{
		max-width: none;
		width: calc(95% - 10px);
	}
}
#submenu ul, #submenu li{
	margin: 0;
	padding: 0;
}
#submenu li{
	list-style: none;
}
#submenu>a{
	text-decoration: none;
	display: block;
	margin: 10px 20px 0;
	color: #cfcfcf;
	font-weight: bold;
}
#submenu li a{
	color: #cfcfcf;
	text-decoration: none;
	font-size: 16px;
	padding: 20px 20px 0;
	margin-left: 40px;
	border-left: 1px solid #cfcfcf;
	display: block;
}
#submenu li:last-child a{
	margin-bottom: 20px;
}
#closeSubmenu{
	background: #cfcfcf;
	border: 5px solid #cfcfcf;
	border-radius: 100%;
	margin-left: -10px;
	margin-top: -10px;
	display: inline-block;
	cursor: pointer;
	width: 25px;
	height: 25px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjEwMDYgMS4wMDAxMkwxLjAwMDM0IDIzLjEwMDQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMjMuMTAwNiAyMy4xMDAyTDEuMDAwMzQgMC45OTk5NzUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}


.searcher{
	cursor: pointer;
}
.searchertop{
	display: block;
	width: 18px;
	height: 18px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOS4wMTY4MiIgY3k9IjkuMDE2ODUiIHI9IjUuODc1ODUiIHRyYW5zZm9ybT0icm90YXRlKC00NSA5LjAxNjgyIDkuMDE2ODUpIiBzdHJva2U9ImJsYWNrIi8+CjxsaW5lIHgxPSIxMi45NzY2IiB5MT0iMTIuODcxMiIgeDI9IjE3Ljc4NTYiIHkyPSIxNy42ODAxIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.black .searchertop{
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOS4wMTY4MiIgY3k9IjkuMDE2ODUiIHI9IjUuODc1ODUiIHRyYW5zZm9ybT0icm90YXRlKC00NSA5LjAxNjgyIDkuMDE2ODUpIiBzdHJva2U9IndoaXRlIi8+CjxsaW5lIHgxPSIxMi45NzY2IiB5MT0iMTIuODcxMiIgeDI9IjE3Ljc4NTYiIHkyPSIxNy42ODAxIiBzdHJva2U9IndoaXRlIi8+Cjwvc3ZnPgo=');
}

.border{
	width: calc(100% - 40px);
	margin: 0 auto;
	border-bottom: 1px solid #6b6b6b;
}
.pills{
	display: flex;
	padding: 20px 0 40px 40px;
}
.pills a:last-of-type{
	margin-right: 0;
}
.pills a{
	margin-right: 20px;
	text-decoration: none;
	border: 1px solid #2c2c2c;
	border-radius: 64px;
	padding: 8px 24px;
	display: block;
}
.pills .menublob{
	margin-left: 40px;
}

.horizontalCollectionsHolder{	
	-ms-overflow-style: none;
	scrollbar-width: none;
	white-space: nowrap;
	overflow-x: scroll;
}
.horizontalCollectionsHolder::-webkit-scrollbar{
	display: none;
}
.last{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 20px;
}
.lastfront{
	grid-template-areas: 'post-1 post-1 post-2 post-3' 'post-1 post-1 post-4 post-5';
}

.lastfront .element:nth-child(1){
	grid-area: post-1;
}
.lastfront .element:nth-child(2){
	grid-area: post-2;
}
.lastfront .element:nth-child(3){
	grid-area: post-3;
}
.lastfront .element:nth-child(4){
	grid-area: post-4;
}
.lastfront .element:nth-child(5){
	grid-area: post-5;
}

.element{
	text-decoration: none;
	display: block;
}
.element img{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.element:first-of-type h2{
	font-size: 32px;
}
.element h2{
	font-size: 16px;
}
.time{
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.timetime{
	margin-right: 3px;
	font-size: 12px;
}
/*
.timecat:before{
	content: '\2022';
	margin-right: 3px;
}
*/
.timecat{
	color: #6b6b6b;
	margin-right: 3px;
	font-size: 10px;
}
.timecat:last-of-type{
	margin-right: 0;
}
.duration{
	font-size: 10px;
}
.more{
	margin-top: 60px;
	text-align: center;
}
.more a{
	display: inline-block;
	text-decoration: none;
	border: 1px solid #2c2c2c;
	border-radius: 64px;
	padding: 8px 24px;
}
.sectionName{
	font-size: 32px;
	padding: 80px 0 60px;
}
.archivName .sectionName{
	padding: 0;
}
.black .sectionName{
	color: #cfcfcf;
}

.horizontcoll h3 {
	padding-left: 40px;
	padding-right: 40px;
}
.collections {
	display: flex;
	padding: 0 0 60px 40px;
}
.collections a {
	text-decoration: none;
	display: block;
	margin-right: 20px;
}
.collections a:last-of-type {
	margin-right: 0;
}
.collections a img {
	display: block;
	width: 100%;
	max-width: 600px;
	min-width: 600px;
	height: auto;
	margin-bottom: 10px;
}
.collections a h4 {
	white-space: normal;
	font-size: 16px;
}
.collections .menublob{
	margin-left: 40px;
}

.bookmarks {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-column-gap: 10px;
	grid-row-gap: 40px;
}
.bookmarks a {
	text-decoration: none;
	display: block;
}
.bookmarks a img{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.bookmarks a h4{
	display: flex;
	justify-content: space-between;
}
.bookmarks a h4 span{
	font-size: 16px;
	color: #cfcfcf;
	max-width: 70%;
}
.bookmarks a h4 svg{
	height: 20px;
	width: 19px;
}
.gradient{
	background: linear-gradient(0deg, #cc193f 0, rgba(43, 43, 43, 0) 60%);
	padding: 0 40px 40px;
}
.footer{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 40px;
	padding: 80px 0 0;
	border-top: 1px solid #6b6b6b;
}
.footercolumns .searcher:before{
	content: '';
	width: 16px;
	height: 16px;
	margin-bottom: -3px;
	display: inline-block;
	margin-right: 3px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOS4wMTY4MiIgY3k9IjkuMDE2ODUiIHI9IjUuODc1ODUiIHRyYW5zZm9ybT0icm90YXRlKC00NSA5LjAxNjgyIDkuMDE2ODUpIiBzdHJva2U9IndoaXRlIi8+CjxsaW5lIHgxPSIxMi45NzY2IiB5MT0iMTIuODcxMiIgeDI9IjE3Ljc4NTYiIHkyPSIxNy42ODAxIiBzdHJva2U9IndoaXRlIi8+Cjwvc3ZnPgo=');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
.footer .sectionName{
	font-size: 16px;
	padding: 0 0 20px;
}
.footerList a{
	font-size: 12px;
	text-decoration: none;
	margin-bottom: 10px;
	display: block;
	color: #cfcfcf;
}
.footerList a:last-of-type{
	margin-bottom: 0;
}
.footerList .menublob{
	display: none;
}
.copyright{
	margin-top: 60px;
	padding: 0 40px;
	display: flex;
}
.bottom{
	margin: auto;
	display: flex;
}
.bottom:first-of-type{
	margin-left: 0;
}
.bottom:last-of-type{
	margin-right: 0;
}
.bottom a{
	text-decoration: none;
	display: block;
	color: #6b6b6b;
	font-size: 12px;
	margin-right: 20px;
}
.bottom a:last-of-type{
	margin-right: 0;
}

.pagination{
	padding-top: 60px;
}
.nav-links{
	text-align: center;
}
.nav-links a {
	text-decoration: none;
}
.black .nav-links a {
	color: #cfcfcf;
}
.current{
	color: #6b6b6b;
}
.page-numbers{
	margin: 0 5px;
}
.prev{
	margin-left: 0;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjUgMUwxLjUgN0w3LjUgMTMiIHN0cm9rZT0iIzJjMmMyYyIvPgo8L3N2Zz4K');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
}
.next{
	margin-right: 0;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjUgMTNMNi41IDdMMC41MDAwMDEgMC45OTk5OTkiIHN0cm9rZT0iIzJjMmMyYyIvPgo8L3N2Zz4KCgoK');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
}
.black .prev{
	margin-left: 0;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjUgMUwxLjUgN0w3LjUgMTMiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
}
.black .next{
	margin-right: 0;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjUgMTNMNi41IDdMMC41MDAwMDEgMC45OTk5OTkiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
}
.black .page-numbers{
	color: #cfcfcf;
}
.black .current{
	color: #6b6b6b;
}
.archivBlock{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 40px;
	padding: 40px 0;
}
.archivBlockText{
	width: 40%;
}
.goback{
	color: #cfcfcf;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjUgMUwxLjUgN0w3LjUgMTMiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 15px;
	margin-bottom: 40px;
	text-decoration: none;
	display: inline-block;
}
.ddcontainer{
	display: flex;
	margin-top: 40px;
}
.archivName{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.black .archivName span{
	color: #cfcfcf;
}
.black .archivName span:first-of-type{
	margin-right: 20px;
}
.black .archivName span:last-of-type{
	font-size: 36px;
	padding-left: 20px;
	border-left: 1px solid #cfcfcf;
}

.archivDescription{
	color: #cecece;
	margin-top: 40px;
}
.black .archivDescription p{
	color: #cfcfcf;
}
.archivDescription p{
	margin-bottom: 20px;
	line-height: 1.3;
}
.archivDescription p:last-of-type{
	margin-bottom: 0;
}

.archivBlockImage{
	width: 50%;
}
.archivBlockImage img{
	width: 100%;
	height: auto;
	display: block;
}
.archiveH3{
	font-size: 16px;
}
.black .archiveH3{
	color: #cfcfcf;
}
.black .timetime{
	color: #cfcfcf;
}
.ddlist{
	cursor: pointer;
	background: transparent;
	border: 0;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: calc(50% - 10px);
	max-width: 250px;
	margin-right: 20px;
	height: 28px;
	padding: 0 20px 0 7px;
	border: 1px solid #2b2b2b;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDAuNUw1IDQuNUw5IDAuNSIgc3Ryb2tlPSJibGFjayIvPgo8L3N2Zz4K');
	background-position: 96% center;
	background-repeat: no-repeat;
}
.ddlist::-ms-expand{
	display: none;
}
.ddlist:last-of-type{
	margin-right: 0;
}
option{
	color: #2c2c2c !important;
}

.pageBlock{
	border-bottom: 1px solid #6b6b6b;
}

.recordBlock{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 40px 0;
}
.recordMain{
	width: calc(70% - 60px);
}
.recordCategory{
	margin-bottom: 20px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSA2SDFWMTZIMTVWNlpNMSA1SDBWNlYxNlYxN0gxSDE1SDE2VjE2VjZWNUgxNUgxWiIgZmlsbD0iIzlhOWE5YSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExIDRIMTJDMTIgMS43OTA4NiAxMC4yMDkxIDAgOCAwQzUuNzkwODYgMCA0IDEuNzkwODYgNCA0SDVDNSAyLjM0MzE1IDYuMzQzMTUgMSA4IDFDOS42NTY4NSAxIDExIDIuMzQzMTUgMTEgNFoiIGZpbGw9IiM5YTlhOWEiLz4KPC9zdmc+Cg==');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 27px;
}
.recordCategory a{
	color: #6b6b6b;
	font-size: 18px;
	text-decoration: none;
	display: inline-block;
}
.recordCategory span{
	color: #9a9a9a;
	margin: 0 5px;
	font-size: 14px;
	display: inline-block;
}
.recordCategory span:last-of-type{
	display: none;
}
.recordName{
	font-size: 56px;
	color: #cfcfcf;
}
.recordTime{
	margin: 20px 0;
	
	display: flex;
	justify-content: space-between;
}
.recordTime > span{
	font-size: 12px;
	color: #cfcfcf;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 18px;
}
.recordTime > span:first-of-type{
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+DQo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPHRpdGxlPmNhbGVuZGFyPC90aXRsZT4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9InNjaGVkdWxlciIgZmlsbD0iI2NmY2ZjZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjQuMDAwMDAwLCA2NC4wMDAwMDApIj4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zODQsMS40MjEwODU0N2UtMTQgTDM4NCwzODQgTDEuNDIxMDg1NDdlLTE0LDM4NCBMMS40MjEwODU0N2UtMTQsMS40MjEwODU0N2UtMTQgTDM4NCwxLjQyMTA4NTQ3ZS0xNCBaIE0zNDEuMzMzMzMzLDEyOCBMNDIuNjY2NjY2NywxMjggTDQyLjY2NjY2NjcsMzQxLjMzMzMzMyBMMzQxLjMzMzMzMywzNDEuMzMzMzMzIEwzNDEuMzMzMzMzLDEyOCBaIE0xMjgsMjU2IEwxMjgsMjk4LjY2NjY2NyBMODUuMzMzMzMzMywyOTguNjY2NjY3IEw4NS4zMzMzMzMzLDI1NiBMMTI4LDI1NiBaIE0yMTMuMzMzMzMzLDI1NiBMMjEzLjMzMzMzMywyOTguNjY2NjY3IEwxNzAuNjY2NjY3LDI5OC42NjY2NjcgTDE3MC42NjY2NjcsMjU2IEwyMTMuMzMzMzMzLDI1NiBaIE0yOTguNjY2NjY3LDI1NiBMMjk4LjY2NjY2NywyOTguNjY2NjY3IEwyNTYsMjk4LjY2NjY2NyBMMjU2LDI1NiBMMjk4LjY2NjY2NywyNTYgWiBNMTI4LDE3MC42NjY2NjcgTDEyOCwyMTMuMzMzMzMzIEw4NS4zMzMzMzMzLDIxMy4zMzMzMzMgTDg1LjMzMzMzMzMsMTcwLjY2NjY2NyBMMTI4LDE3MC42NjY2NjcgWiBNMjEzLjMzMzMzMywxNzAuNjY2NjY3IEwyMTMuMzMzMzMzLDIxMy4zMzMzMzMgTDE3MC42NjY2NjcsMjEzLjMzMzMzMyBMMTcwLjY2NjY2NywxNzAuNjY2NjY3IEwyMTMuMzMzMzMzLDE3MC42NjY2NjcgWiBNMjk4LjY2NjY2NywxNzAuNjY2NjY3IEwyOTguNjY2NjY3LDIxMy4zMzMzMzMgTDI1NiwyMTMuMzMzMzMzIEwyNTYsMTcwLjY2NjY2NyBMMjk4LjY2NjY2NywxNzAuNjY2NjY3IFogTTM0MS4zMzMzMzMsNDIuNjY2NjY2NyBMNDIuNjY2NjY2Nyw0Mi42NjY2NjY3IEw0Mi42NjY2NjY3LDg1LjMzMzMzMzMgTDM0MS4zMzMzMzMsODUuMzMzMzMzMyBMMzQxLjMzMzMzMyw0Mi42NjY2NjY3IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+DQoNCjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==");
	
}
.recordTime > span:last-of-type{
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNiAxNEwxMiAxMlY3TTEyIDIxQzE2Ljk3MDYgMjEgMjEgMTYuOTcwNiAyMSAxMkMyMSA3LjAyOTQ0IDE2Ljk3MDYgMyAxMiAzQzcuMDI5NDQgMyAzIDcuMDI5NDQgMyAxMkMzIDE2Ljk3MDYgNy4wMjk0NCAyMSAxMiAyMVoiIHN0cm9rZT0iI2NmY2ZjZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==");
}
.recordWraper{
	width: 100%;
	padding-top: 56.25%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.recordImg,
.recordLayer,
.recordVideo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.recordLayer{
	background: linear-gradient(0deg, rgba(43, 43, 43, 0.9) 0, rgba(43, 43, 43, 0.6) 50%);
}
.recordLayerHide{
	animation: showvideo .3s linear;
	opacity: 0;
}

@keyframes showvideo {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.recordSoundEnlarged{
	animation: enlarger .3s linear;
	transform: scale(2);
}
@keyframes enlarger {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(2);
	}
}

.recordSound{
	position: absolute;
	width: 50px;
	height: 59px;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	cursor: pointer;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjIiIGhlaWdodD0iMTUiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PGRlZnM+PHBhdGggaWQ9IkEiIGQ9Ik0xOS45NjcgMWgtMy41MjZ2MTQuNTU1aDMuNTI2VjF6Ii8+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMS4wNTEgOGMwIDEuMDY2LS4zOTkgMS45NzktMS4xMjUgMi43OS0uMTYxLjE4MS0uMTM5LjQ1Mi4wNTEuNjA3cy40NzMuMTMzLjYzNS0uMDQ4Yy44NjUtLjk2NyAxLjM0LTIuMDc4IDEuMzQtMy4zNDlzLS40NzUtMi4zODItMS4zNC0zLjM0OWMtLjE2Mi0uMTgxLS40NDYtLjIwMy0uNjM1LS4wNDhzLS4yMTIuNDI2LS4wNTEuNjA3Yy43MjYuODExIDEuMTI1IDEuNzI1IDEuMTI1IDIuNzltNC4wMjIgMGMwIDEuNzYyLS42NDggMy40NC0xLjgyNCA0LjgwN2EuNDEuNDEgMCAwIDAgLjA2Ni41OTguNDcuNDcgMCAwIDAgLjYzNC0uMDYzYzEuMzA2LTEuNTE4IDIuMDI1LTMuMzg2IDIuMDI1LTUuMzQycy0uNzE5LTMuODI0LTIuMDI1LTUuMzQyYS40Ny40NyAwIDAgMC0uNjM0LS4wNjMuNDEuNDEgMCAwIDAtLjA2Ni41OThDMTQuNDI1IDQuNTYgMTUuMDczIDYuMjM4IDE1LjA3MyA4TTQuMzI4IDUuMDAxbDIuMjYxLTIuMjc2Yy4zNy0uMzgyLjY5MS0uODk0IDEuMTUzLS42Ny4zMi4xNTYuMjQ4IDEuMTYuMjQ4IDEuMTZsLS4wMDYgNC43NTZjLS4wMDIgMi40OTUtLjAwMi0yLjQ0NSAwIC4wNWwuMDA2IDQuNzU2cy4wNzIgMS4wMDQtLjI0OCAxLjE1OWMtLjQ2Mi4yMjUtLjc4My0uMjg3LTEuMTUzLS42NjlMNC4zMzggMTFoLS4yMTUtMi4yNDYtLjIxNWwtLjE4MS0uMDAzYTIuNiAyLjYgMCAwIDEtLjM5NC0uMDM1IDEuMzEgMS4zMSAwIDAgMS0uMzc1LS4xMjNjLS4xMTgtLjA2LS4yMjYtLjEzOC0uMzE5LS4yMzJhMS4yOCAxLjI4IDAgMCAxLS4yMzItLjMxOSAxLjMxIDEuMzEgMCAwIDEtLjEyMy0uMzc1IDIuNiAyLjYgMCAwIDEtLjAzNS0uMzk0bC0uMDAyLS4xODFMMCA5LjEyM1Y2Ljg3N2wuMDAxLS4yMTUuMDAyLS4xODFhMi42MSAyLjYxIDAgMCAxIC4wMzUtLjM5NCAxLjMxIDEuMzEgMCAwIDEgLjEyMy0uMzc1Yy4wNi0uMTE4LjEzOC0uMjI1LjIzMi0uMzE5YTEuMjYgMS4yNiAwIDAgMSAuMzE5LS4yMzIgMS4zNCAxLjM0IDAgMCAxIC4zNzUtLjEyMyAyLjYgMi42IDAgMCAxIC4zOTQtLjAzNWwuMTgxLS4wMDJMMS44NzcgNWgyLjI0NmwuMjA1LjAwMXoiIGZpbGw9IiNjZmNmY2YiLz48bWFzayBpZD0iQiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjQSIvPjwvbWFzaz48cGF0aCBkPSJNMTkuMDY2IDhjMCAyLjUzMS0uODYyIDQuODMyLTIuNTI3IDYuODExLS4xNTUuMTg0LS4xMjMuNDUxLjA3My41OTdhLjQ3LjQ3IDAgMCAwIC42MzMtLjA2OGMxLjc5My0yLjEzMSAyLjcyMi00LjYxNSAyLjcyMi03LjM0cy0uOTI5LTUuMjA4LTIuNzIyLTcuMzRhLjQ3LjQ3IDAgMCAwLS42MzMtLjA2OGMtLjE5Ni4xNDUtLjIyOC40MTItLjA3My41OTcgMS42NjUgMS45NzkgMi41MjcgNC4yOCAyLjUyNyA2LjgxMSIgZmlsbD0iI2NmY2ZjZiIgbWFzaz0idXJsKCNCKSIvPjwvZz48L3N2Zz4=');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.recordVideo{
	background-color: #000000;
}
.recordVideoFixer{
	position: fixed;
	width: auto;
	max-width: 100%;
	height: 180px;
	left: auto;
	right: 0;
	top: 0;
	bottom: auto;
	z-index: 4;
}
.recordDescription{
	margin-top: 20px;
}
.recordDescription p{
	color: #cfcfcf;
	margin-bottom: 20px;
	line-height: 1.3;
}
.recordDescription p:last-of-type{
	margin-bottom: 0;
}
.recordMeta{
	width: 30%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.recordMetaWraper{
	width: 100%;
	margin-bottom: 40px;
}
.recordMetaWraper:last-of-type{
	margin-bottom: 0;
}
.recordMetaName{
	color: #cfcfcf;
	font-size: 14px;
}
.recordMetaNameTags{
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8bGluZSB4MT0iNS41IiB5MT0iMi4wMTc0OGUtMDgiIHgyPSI1LjUiIHkyPSIxMyIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L3N2Zz4K');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 27px;
	display: inline-block;
}
.recordMetaNameNext{
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjUgMTNMNi41IDdMMC41MDAwMDEgMC45OTk5OTkiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
	display: inline-block;

}
.recordMetaNamePrevious{
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjUgMUwxLjUgN0w3LjUgMTMiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	display: inline-block;
}
.recordTagsWraper{
	display: flex;
	flex-wrap: wrap;
}
.recordTag{
	color: #cfcfcf;
	font-size: 12px;
	text-decoration: none;
	border: 1px solid #cfcfcf;
	border-radius: 64px;
	padding: 8px 12px;
	display: block;
	margin-right: 20px;
	margin-top: 20px;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.recordTag:last-of-type{
	margin-right: 0;
}
.recordNextImg{
	width: 100%;
	padding-top: 56.25%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	margin: 20px 0 10px;
}
.recordNextName{
	color: #cfcfcf;
	display: block;
	font-size: 12px;
}



#windowse{
	padding: 40px;
}
.toplinese{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#inputse{
	border: 1px solid #2b2b2b;
	outline: none;
	padding: 8px 12px;
	background: transparent;
	color: #2b2b2b;
	display: block;
	width: 100%;
	margin-right: 20px;
}
#closese{
	cursor: pointer;
	width: 24px;
	height: 24px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjEwMDYgMS4wMDAxMkwxLjAwMDM0IDIzLjEwMDQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMjMuMTAwNiAyMy4xMDAyTDEuMDAwMzQgMC45OTk5NzUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.searchwrap{
	text-decoration: none;
	display: grid;
	grid-template-columns: auto auto;
	justify-content: flex-start;
	padding: 20px;
	background: #dddddd;
	margin-bottom: 10px;
}
.searchwrap:last-child{
	margin-bottom: 0;
}
.searchheader{
	display: flex;
	align-items: center;
}
.searchnumber{
	font-size: 10px;
	padding: 3px 5px;
	background: #2b2b2b;
	border: 1px solid #2b2b2b;
	color: #cfcfcf;
}
.searchtype{
	font-size: 10px;
	margin: 0 10px;
	padding: 3px 5px;
	border: 1px solid #2b2b2b;
	color: #2b2b2b;
}

.searchcontent{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.searchtitle{
	font-size: 32px;
	font-weight: bold;
	color: #2b2b2b;
	margin-bottom: 10px;
}
.searchctext{
	font-size: 16px;
	color: #2b2b2b;
}

.select{
	text-decoration: none;
	font-size: 16px;
	background: #000000;
	color: #cfcfcf;
}
.trytofind{
	font-size: 48px;
	padding: 60px 0;
	text-align: center;
	display: block;
}
.trytofind:after{
	display: inline-block;
	content: '';
	width: 48px;
	height: 48px;
	margin-left: 10px;
	margin-bottom: -14px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOS4wMTY4MiIgY3k9IjkuMDE2ODUiIHI9IjUuODc1ODUiIHRyYW5zZm9ybT0icm90YXRlKC00NSA5LjAxNjgyIDkuMDE2ODUpIiBzdHJva2U9ImJsYWNrIi8+CjxsaW5lIHgxPSIxMi45NzY2IiB5MT0iMTIuODcxMiIgeDI9IjE3Ljc4NTYiIHkyPSIxNy42ODAxIiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.fin{
	color: #cfcfcf;
	font-size: 12px;
	text-align: center;
	padding-top: 60px;
}

.white .norecords{
	color: #2b2b2b;
}
.norecords{
	color: #cfcfcf;
	font-size: 16px;
	margin: auto;
	padding-top: 20px;
	text-align: center;
}

.pagelist a{
	color: #cfcfcf;
	font-size: 12px;
	text-decoration: none;
	border: 1px solid #cfcfcf;
	border-radius: 64px;
	padding: 8px 12px;
	display: block;
	margin-right: 20px;
	margin-top: 20px;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.recordMetaWraper .sectionName{
	padding: 0;
}
.pageDescription{
	margin: 60px 0 20px;
}

.loading{
	background-image: url('data:image/svg+xml;base64,PCEtLSBCeSBTYW0gSGVyYmVydCAoQHNoZXJiKSwgZm9yIGV2ZXJ5b25lLiBNb3JlIEAgaHR0cDovL2dvby5nbC83QUp6YkwgLS0+Cjxzdmcgd2lkdGg9IjEyMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDEyMCAzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZmZmIj4KICAgIDxjaXJjbGUgY3g9IjE1IiBjeT0iMTUiIHI9IjE1Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBmcm9tPSIxNSIgdG89IjE1IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIwLjhzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iMTU7OTsxNSIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiIGZyb209IjEiIHRvPSIxIgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIwLjhzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsuNTsxIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSI2MCIgY3k9IjE1IiByPSI5IiBmaWxsLW9wYWNpdHk9IjAuMyI+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgZnJvbT0iOSIgdG89IjkiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjAuOHMiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSI5OzE1OzkiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiBmcm9tPSIwLjUiIHRvPSIwLjUiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjAuOHMiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIuNTsxOy41IiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSIxMDUiIGN5PSIxNSIgcj0iMTUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIGZyb209IjE1IiB0bz0iMTUiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjAuOHMiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIxNTs5OzE1IiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIgZnJvbT0iMSIgdG89IjEiCiAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjAuOHMiCiAgICAgICAgICAgICAgICAgdmFsdWVzPSIxOy41OzEiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L2NpcmNsZT4KPC9zdmc+Cg==');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	margin-top: 60px;
}

@media (max-width: 1300px) {
	.element:first-of-type h2{
		font-size: 16px;
	}
	.last{
		grid-template-columns: repeat(3,1fr);
	}
	.lastfront{
		grid-template-areas: 'post-1 post-2 post-3' 'post-1 post-4 post-5';
	}
	.bookmarks {
		grid-template-columns: repeat(3,1fr);
	}

	.recordBlock{
		flex-direction: column;
	}
	.recordMain{
		width: 100%;
		margin-bottom: 40px;
	}
	.recordMeta{
		width: 100%;
		display: grid;
		align-items: flex-start;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 20px;
		grid-template-areas: 'recordMetaWraper-1 recordMetaWraper-1' 'recordMetaWraper-3 recordMetaWraper-2';
	}
	.recordMetaWraper{
		margin: 0;
		display: block;
	}
	.recordMetaWraper:nth-child(1){
		grid-area: recordMetaWraper-1;
		margin-bottom: 20px;
	}
	.recordMetaWraper:nth-child(2){
		grid-area: recordMetaWraper-2;
	}
	.recordMetaWraper:nth-child(3){
		grid-area: recordMetaWraper-3;
	}
	
	.recordMetaNamePrevious,
	.recordMetaNameNext{
		display: block;
	}
	.recordMetaNameNext{
		text-align: right;
	}
	
	.footer{
		grid-template-columns: repeat(2,1fr);
	}
}

@media (max-width: 780px) {
	.last{
		grid-template-columns: repeat(2,1fr);
	}
	.lastfront{
		grid-template-areas: 'post-1 post-2' 'post-3 post-4' 'post-5 none';
	}
	.collections a img {
		max-width: 280px;
		min-width: 280px;
	}
	.bookmarks {
		grid-template-columns: repeat(2,1fr);
	}

	.bottom{
		display: block;
	}
	.bottom a{
		margin-right: 0;
		margin-bottom: 10px;
	}
	.bottom a:last-of-type{
		margin-bottom: 0;
	}
	
	.copyright{
		display: block;
	}
	
	.bottom:last-of-type{
		margin-top: 40px;
	}
	
	.archivBlock{
		flex-direction: column-reverse;
	}
	.archivBlockText{
		width: 100%;
	}
	.archivBlockImage{
		margin-bottom: 40px;
		width: 100%;
	}
	
	.sectionName,
	.recordName{
		font-size: 46px;
	}
	
}


@media (max-width: 520px) {
	.headerContainer{
		display: block;
	}
	.logo{
		padding: 0 0 15px 20px;
	}
	.top{
		padding-left: 20px;
	}
	.last{
		grid-template-columns: repeat(1,1fr);
	}
	.lastfront{
		grid-template-areas: 'post-1' 'post-2' 'post-3' 'post-4' ' post-5';
	}
	.bookmarks {
		grid-template-columns: repeat(1,1fr);
	}
			
	.footer{
		grid-template-columns: repeat(1,1fr);
	}
	.colofon{
		padding: 0 0 60px;
	}

	.searchwrap{
		display: block;
	}
	.searchheader{
		margin-bottom: 10px;
	}
	.searchtype{
		margin: 0 0 0 10px;
	}
	.searchtitle{
		font-size: 25px;
	}
	.sectionName,
	.recordName{
		font-size: 26px;
	}
	
}






@media screen and (-webkit-min-device-pixel-ratio: 0) {
select:focus, textarea:focus, input:focus {
        font-size: 16px;
    }
}



/* исправление верхней панели wp */
.display-name{
	color: white;	
}
@media (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
}


.liveholder{
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
	padding: 0 6px;
	border: 1px solid #555555;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
}
.livedot{	
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #ff0000;
	animation: pulse 2s infinite ease-in-out;
	transform: scale(0.9);
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 #ff0000;
		transform: scale(0.9);
	}
	50% {
		box-shadow: 0 0 10px #ff0000;
		transform: scale(1);
	}
	100% {
		box-shadow: 0 0 0 #ff0000;
		transform: scale(0.9);
	}
}
.livetext{
	margin-left: 3px;
	color: #555555;
	font-size: 11px;
	line-height: 16px;
	font-weight: 300;
}

.mainPageCats{
    margin-bottom: 10px;
    font-size: 12px;
    color: gray;
}