@keyframes blink {
  0% { opacity: 1 }
  10% { opacity: 0 }
  20% { opacity: 1 }
  30% { opacity: 0 }
  50% { opacity: 1 }
  90% { opacity: 0 }
  95% { opacity: 1 }
  100% { opacity: 0 }
}

body {
	font-size: 15px;
	min-height: 100vh;
	/*background: url(../img/bg/a.jpg) center top no-repeat;*/
	/*background: url(../img/bg/bg.png) center top repeat-y;*/
	/*background: url(../img/bg/a.jpg) center top no-repeat;*/
	position: relative;
	z-index: 1;
}

/*body:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../img/bg/b.png) center center no-repeat;		
	animation: blink 3s  linear;
	z-index: 2;
	opacity: 0;
}*/

.main-container {
	min-height: 100vh;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+72,ffffff+72,ededed+96,6b6b6b+100 */
	/*background: rgb(255,255,255); /* Old browsers */*/
	/*background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 1%, 96%,rgba(107,107,107,1) 100%); /* FF3.6-15 */*/
	/*background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 1%, 96%,rgba(107,107,107,1) 100%); /* Chrome10-25,Safari5.1-6 */*/
	/*background: radial-gradient(ellipse at center, rgba(255,255,255,0) 1%, 96%,rgba(107,107,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6b6b6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */*/
}

.player-one {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: none;
	font-family: "PressStart", Helvetica, sans-serif;
	font-size: 32px;
	color: rgba(255,255,255,1);
	text-align: center;
	-o-text-overflow: clip;
	text-overflow: clip;
	text-shadow: 	0 1px 0 rgb(204,204,204) , 
					0 2px 0 rgb(201,201,201) , 
					0 3px 0 rgb(187,187,187) , 
					0 4px 0 rgb(185,185,185) , 
					0 5px 0 rgb(170,170,170) , 
					0 6px 1px rgba(0,0,0,0.0980392) , 
					0 0 5px rgba(0,0,0,0.0980392) , 
					0 1px 3px rgba(0,0,0,0.298039) , 
					0 3px 5px rgba(0,0,0,0.2) , 
					0 5px 10px rgba(0,0,0,0.247059) , 
					0 10px 10px rgba(0,0,0,0.2) , 
					0 20px 20px rgba(0,0,0,0.14902) ;
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	text-transform: uppercase;
	padding: 10px 0;
}

header {
	background-color: #e6e6e6;
	margin-bottom: 25px;
}

.header {
	padding: 0 15px;
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
}

.header menu {
	font-size: 0;
	display: inline-block;
}

.header menu li{
	display: inline-block;
}

.header menu li a {
	display: inline-block;
    padding: 15px 10px 13px;
    font-size: 20px;
    border-bottom: 3px solid transparent;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.header menu li a:hover,
.header menu li a.selected {
	background-color: #3a6073;
    border-bottom-color: #21343d;
    text-decoration: none;
    color: #fefefe;
}

/***********************************
			VIDEO
**********************************/
.video {
}

.video iframe {
	width: 100%;
    height: 420px;
}
/***********************************
			Ссылки
**********************************/
.refs,
.refs--admin {
}


.ref {
	padding: 10px 0;
}

.ref-full {
	background-color: #f1f1f1;
	padding: 15px;
	overflow: hidden;
}

.ref:nth-child(odd) {
	background-color: #f1f1f1;
}

.ref-item {
	display: inline-block;
	font-size: 0;
	width: 80px;
	padding: 0 15px;
	vertical-align: middle;
}

.ref-full-item {
	display: inline-block;
	font-size: 0;
	width: 50px;
}

.ref-full blockquote {
	margin: 30px 0px;
}

.ref-full__text {
	position: relative;
	padding-bottom: 15px;
}

.ref-full__text blockquote + span {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.ref-full_chapter span {
	margin-left: 25px;
}

.ref-item__title {
	font-size: 20px;
	width: 100%;
	margin-bottom: 10px;
}

.ref-item__title span {
	font-size: 14px;
	margin: 0 15px;
}

.ref-item__ref a {
	font-size: 18px;
	vertical-align: middle;
}

.ref-item__ref--start a {
	font-family: "PressStart", Helvetica, sans-serif;
}

.ref-item__ref--start a:hover {
	text-decoration: none;
}

.ref-item a {
	display: inline-block;
}

.ref-edit {
	padding: 15px;
	background-color: #f1f1f1;
}

.ref-edit input,
.ref-edit textarea {
	width: 100%;
	height: auto;
}

.ref-edit textarea {
	min-height: 300px; 
}

.ref-footer {
	overflow: hidden;
	margin-top: 10px;
}

.ref-footer a:hover {
	text-decoration: none;
}

.ref-footer__left {
	float: left;
}

.ref-footer__left .fa {
	margin-right: 10px;
}

.ref-footer__right {
	float: right;
}

.ref-footer__right .fa {
	margin-left: 10px;
}
/***********************************
			Записи
**********************************/
.notes {
}

.note {
	padding: 10px 0 7px;
	overflow: hidden;
}

.note:nth-child(odd) {
	background-color: #f1f1f1;
}

.note-item {
	display: inline-block;
	margin: 0 15px;
}

.note-item__title {
	font-size: 20px;
	width: 100%;
	margin-bottom: 10px;
}

.note-item__title span {
	font-size: 14px;
	margin: 0 15px;
	font-family: "PressStart", Helvetica, sans-serif;
}

.ref-item--user span {
	font-family: "PressStart", Helvetica, sans-serif;
}

.note-item__ref a {
	font-size: 18px;
	vertical-align: middle;
}

.note-item a {
	display: inline-block;
}

.note-edit {
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 15px;
	background-color: #f1f1f1;
}

.ref-full--notes>div:nth-child(odd) {
	background-color: #e6e6e6;
	padding: 10px 15px 12px;
}

.ref-full__footer {
	margin-top: 30px;
}

.date {
	display: inline-block;
	float: right;
	margin-right: 25px;
}
/***********************************
			Формы
**********************************/

.input {
	margin-bottom: 20px;
}

.input label {
	width: 100%;
}

.input--comment {
	margin-top: 25px;
}

.input--comment textarea {
	width: 100%;
}

.input input:not(input[type='checkbox']),
.input textarea {
	width: 100%;
}

/***********************************
			Поиск
**********************************/

.search {
	width: 100%;
	display: inline-block;
}

.search input {
	padding: 17px 0 17px 10px;
    border: 1px solid #e6e6e6;
    font-size: 20px;
}

.search button {
	border: none;
    background: transparent;
    position: relative;
}
.search button .fa {
    position: absolute;
    font-size: 30px;
    right: 21px;
    top: calc(50% - 22px);
}

.search__result {
    padding: 10px 0 10px 15px;
    font-size: 18px;
}

.search label {
    padding: 10px 15px;
    font-size: 18px;
    margin-right: 10px;
    margin-bottom: 0;
    vertical-align: middle;
}

.search label input {
	display: block;
}

.search 

/***********************************
			SIDEBAR
**********************************/
.right-column {
	height: 100%;
	background-color: #f1f1f1;
	padding: 20px 0px;
}

.right-column__item a {
	padding: 5px 10px; 
	border-left: 3px solid transparent;
	display: inline-block;
    width: 100%;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
			transition: all .2s;
}

.right-column__item:nth-child(odd) a {
	background-color: #e6e6e6;
}

.right-column__item:nth-child(odd) a:hover {
	background-color: #3a6073;
}
.right-column__item a:hover,
.right-column__item.selected a {
	background-color: #3a6073;
    border-left-color: #21343d;
	color: #fff;
	text-decoration: none;
}

.right-column__item a {
	color: ;
	font-size: 20px;
}

.right-column__title--login {
	font-family: "PressStart", Helvetica, sans-serif;
}

.right-column .fa-user {
    position: relative;
    top: -2px;
}
/***********************************
			Comment
**********************************/
.comments {
	background-color: #f1f1f1;
}

.comment {
	background-color: #e6e6e6;
    margin-bottom: 15px;
    padding-bottom: 25px;
}

.comment:first-child {
	margin-top: 15px;
}

.comment__title {
	padding: 8px 15px 7px;
    font-size: 12px;
}

.comment__title span {
	font-family: "PressStart", Helvetica, sans-serif;
	margin-right: 15px;
	font-size: 14px;
    vertical-align: bottom;
}

.comment__text {
	padding: 15px;
	background-color: #bacbda;
}

/***********************************
			FAVE
**********************************/
.add-fav {
    float: right;
    width: auto;
    padding-right: 0;
}
.add-fav .btn {
	padding: 10px 15px;
	font-size: 20px;
}
.add-fav--in {
    font-size: 20px;
    background-color: #337ab7;
    padding: 10px 15px;
    color: #fff;
    line-height: normal;
    position: relative;
}

.add-fav--in form {
	display: none;
	z-index: 100;
	top: 0;
	position: absolute;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

.add-fav--in:hover form {
	display: block;
	top: -44px;
    right: 0;
}

.refs form {
    text-align: right;
    margin-top: 20px;
}

.refs form .btn {
	padding: 15px 35px 13px 35px;
	font-size: 18px;
	margin-right: 10px;
}
/***********************************
			Footer
**********************************/

footer {
	height: 100px;
	width: 100%;
	margin-top: 25px;
	padding: 40px 0;
	text-align: center;
	background-color: #e6e6e6;
}

/*  ======================================================================
        BUTTON "TO-TOP"
========================================================================== */
.to-top {
    position: fixed;
    z-index: 9999;
    right: 26.5px;
    bottom: 50px;
    width: 40px;
    height: 90px;
    border-radius: 4px;
    background-color: #e6e6e6;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s;
       -moz-transition: all .4s;
            transition: all .4s;
}

.to-top.active {
    opacity: 1;
    visibility: visible;
}

.to-top__text {
    position: absolute;
    top: 50px;
    left: 0px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    color: #383838;
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.to-top__icon {
    position: absolute;
    top: 12px;
    left: 13px;
    width: 13px;
    height: 13px;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
            transition: all .3s;
}

.to-top:hover .to-top__icon {
    -webkit-transform: translateY(5px);
       -moz-transform: translateY(5px);
            transform: translateY(5px);
}

.to-top__icon svg {
    display: block;
    fill: #383838;
}