/* Disable selection */
* {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	cursor: default;
}

@font-face {
	font-family: 'Epson1Regular';
    src: url('/fonts/epson1-webfont.eot');
    src: url('/fonts/epson1-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/epson1-webfont.woff') format('woff'),
         url('/fonts/epson1-webfont.ttf') format('truetype'),
         url('/fonts/epson1-webfont.svg#Epson1Regular') format('svg');
	}


.nfont {
font-family: Epson1Regular;
font-size:34px;
/*color:#505050;*/
color:#FFFFFF;
/*text-shadow: 1px 1px 5px white;*/
padding-left: 20px;
}

.tex{
	/*background: url("../images/bgfont.png") no-repeat center center;
	background-size: cover;*/
	background: url("../images/bgfont.jpg");
	line-height:40px;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-moz-background-clip:text;
	background-clip:text; 
	color: rgba(255,255,255,1.0);
	/*-webkit-text-stroke: 1px black;*/
	paint-order: stroke fill;
	-webkit-filter:drop-shadow(5px 5px 3px rgba(35,35,35,.8));
	}

span {
	font-family: Epson1Regular;
	font-size:34px;
	/*text-shadow: 1px 1px 5px white;*/
}

.gen {font-family: Arial; font-size: 12px; color:#6F6F6F;}

body {
/*background-image: url("/images/dark.png");*/
background-image: url("data:image/png;base64,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");
overflow: hidden;
margin:0;
padding:0;
display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
}

body_newyear {
/*background-image: url("/images/dark.png");*/
background: url("/images/2015_2.jpg");
overflow: hidden;
-moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */

}

/*canvas { display:block; box-shadow: 0px 0px 60px 30px rgba(0, 0, 0, 0.3) inset; }*/

.panels {
display: flex;
	justify-content: center;
	align-items: center;
position:relative;
/*background: url("/images/bg_glass2.png"), url("/images/semi_transparent_b.png");*/
background: url("/images/semi_transparent_b.png");
border-radius:15px;
box-shadow: 0px 10px 25px -6px rgba(0, 0, 0, 0.4), 0px 0px 40px 1px rgba(0, 0, 0, 0.2) inset;
padding: 14px;
padding-top:25px;
border: 2px solid rgb(255, 255, 255);
min-width: 715px;
}

.card3d {
  margin: 4px;
  transform: scale(1);
  perspective: 600px;
}

.card3d:hover {
  z-index: 10;
  transform: scale(1.3);
}

.card3d,
.card3d img {
  transition: all 250ms ease-out;
}

.box {
padding-top:15px;
}

.js-tilt-glare{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; pointer-events: none;}

.js-tilt-glare-inner {
	background: url("/images/bg_glass3.png");background-size: 100%;mix-blend-mode: lighten;
	position: absolute; top: 50%; left: 50%; pointer-events: none;  transform-origin: 0% 0% 0px; opacity: 0; width: 2160px; height: 2160px;
}

#cnCommentsBlock .citation {
    border: 1px dotted #808080;
    padding: 8px;
    background: none repeat scroll 0% 0% #FFC;
    margin: 5px 0px;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2) inset;
}


.box_newyear {
position:relative;

background-image: url("/images/bg_glass.png");
top: -100px;
left:-514px;
-webkit-border-radius:15px;-moz-border-radius:30px;border-radius:15px;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.4);
/*background-color: rgb(255, 238, 136);
border: 1px solid rgb(187, 170, 85);
font-weight: 500;*/
padding: 14px;
padding-top:25px;

 border: 2px solid rgb(255, 255, 255);
    border-radius: 15px;

/*filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=10);*/
}



/* Player */
div#mp3_player{
	height:120px;
	/*background:#000;*/
	border: 1px dotted #808080;
	padding:5px;
	position:relative;
	bottom:10px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	box-shadow: 0px 10px 25px -6px rgba(0, 0, 0, 0.4);
}
div#mp3_player > div > audio{ background:#000; }
div#mp3_player > canvas{
	height:75px;
	width:100%;
	-webkit-border-radius:0 0 11px 11px;
	-moz-border-radius:0 0 11px 11px;
	border-radius:0 0 11px 11px;
}
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
  background-color: #000;
  color: #000;
}

.controls {
height:45px;

}
#play {
margin-left:5px;
margin-top:5px;
width:20px;
height:20px;
background-color:transparent;
border:0;
background-image:url("../images/playpause.png");
background-position:left;
cursor:pointer;
}
.pause {
background-position:right !important;
}
#audio_box {display:none;}
#mp3_player span {
  position: absolute;
  display: flex;
  color: #ffffff;
  font-family: Epson1Regular;
  font-size: 22px;
  width: 100px;
  justify-content: right;

  right: 8px;
}


#mp3_player .controls #seekObjContainer {
  position: absolute;
  width: 115%;
  margin-top: -5px;
  margin-left: -5px;
  height: 5px;
}
#mp3_player .controls #seekObjContainer #seekObj {
  position: absolute;
  width: 70%;
  height: 5px;
  background-color: #222222;
  border: 1px solid black;
  top: 16px;
  left: 44px;
  background-color: #222222;
  border: 1px solid black;
}
#mp3_player .controls #seekObjContainer #seekObj #percentage {
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  background-color: #555555;
}



.words {
  color: #404040;
  font-size: 0;
  line-height: 1;
  margin-left: 30px;
}
.words span {
	color: #404040;
	text-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
	opacity: 0;
  font-size: 45px;
  display: inline-block;
  -webkit-animation: move 3s ease-in-out infinite;
          animation: move 3s ease-in-out infinite;
}
.words span:nth-child(2) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.words span:nth-child(3) {
  -webkit-animation-delay: 1.0s;
          animation-delay: 1.0s;
}
.words span:nth-child(4) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.words span:nth-child(5) {
  -webkit-animation-delay: 2.0s;
          animation-delay: 2.0s;
}
.words span:nth-child(6) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.words span:nth-child(7) {
  -webkit-animation-delay: 3.0s;
          animation-delay: 3.0s;
}

@-webkit-keyframes move {
  0% {
    -webkit-transform: translate(-33%, 0);
            transform: translate(-33%, 0);
  }
  50% {
    text-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
	color: #e2e2e2;
	opacity: 1;
  }
  100% {
    -webkit-transform: translate(33%, 0);
            transform: translate(33%, 0);
  }
}

@keyframes move {
  0% {
    -webkit-transform: translate(-33%, 0);
            transform: translate(-33%, 0);
  }
  50% {
    text-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
	color: #e2e2e2;
	opacity: 1;
  }
  100% {
    -webkit-transform: translate(33%, 0);
            transform: translate(33%, 0);
  }
}



/* Our mixin positions a copy of our text
directly on our existing text, while
also setting content to the appropriate
text set in the data-text attribute. */
.glitch {
  position: relative;
  color: white;
  /* Animation provies a slight random skew. Check bottom of doc
  for more information on how to random skew. */
  animation: glitch-skew 1s infinite linear alternate-reverse;
}
.glitch::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: 2px;
  text-shadow: -2px 0 #ff00c1;
  /* Creates an initial clip for our glitch. This works in
  a typical top,right,bottom,left fashion and creates a mask
  to only show a certain part of the glitch at a time. */
  clip: rect(44px, 450px, 56px, 0);
  /* Runs our glitch-anim defined below to run in a 5s loop, infinitely,
  with an alternating animation to keep things fresh. */
  animation: glitch-anim 5s infinite linear alternate-reverse;
}
.glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: -2px;
  text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1;
  animation: glitch-anim2 1s infinite linear alternate-reverse;
}

/* Creates an animation with 20 steaps. For each step, it calculates 
a percentage for the specific step. It then generates a random clip
box to be used for the random glitch effect. Also adds a very subtle
skew to change the 'thickness' of the glitch.*/
@keyframes glitch-anim {
  0% {
    clip: rect(27px, 9999px, 9px, 0);
    transform: skew(0.15deg);
  }
  5% {
    clip: rect(8px, 9999px, 15px, 0);
    transform: skew(0.28deg);
  }
  10% {
    clip: rect(24px, 9999px, 37px, 0);
    transform: skew(0.93deg);
  }
  15% {
    clip: rect(46px, 9999px, 72px, 0);
    transform: skew(0.2deg);
  }
  20% {
    clip: rect(79px, 9999px, 20px, 0);
    transform: skew(0.07deg);
  }
  25% {
    clip: rect(84px, 9999px, 58px, 0);
    transform: skew(0.3deg);
  }
  30% {
    clip: rect(7px, 9999px, 45px, 0);
    transform: skew(0.45deg);
  }
  35% {
    clip: rect(70px, 9999px, 72px, 0);
    transform: skew(0.27deg);
  }
  40% {
    clip: rect(13px, 9999px, 92px, 0);
    transform: skew(0.49deg);
  }
  45% {
    clip: rect(29px, 9999px, 10px, 0);
    transform: skew(0.94deg);
  }
  50% {
    clip: rect(14px, 9999px, 34px, 0);
    transform: skew(0.55deg);
  }
  55% {
    clip: rect(33px, 9999px, 87px, 0);
    transform: skew(0.41deg);
  }
  60% {
    clip: rect(7px, 9999px, 34px, 0);
    transform: skew(0.15deg);
  }
  65% {
    clip: rect(29px, 9999px, 31px, 0);
    transform: skew(0.63deg);
  }
  70% {
    clip: rect(48px, 9999px, 52px, 0);
    transform: skew(0.23deg);
  }
  75% {
    clip: rect(11px, 9999px, 87px, 0);
    transform: skew(0.4deg);
  }
  80% {
    clip: rect(43px, 9999px, 80px, 0);
    transform: skew(0.09deg);
  }
  85% {
    clip: rect(95px, 9999px, 16px, 0);
    transform: skew(0.98deg);
  }
  90% {
    clip: rect(42px, 9999px, 79px, 0);
    transform: skew(0.38deg);
  }
  95% {
    clip: rect(10px, 9999px, 45px, 0);
    transform: skew(0.37deg);
  }
  100% {
    clip: rect(57px, 9999px, 1px, 0);
    transform: skew(0.99deg);
  }
}
@keyframes glitch-anim2 {
  0% {
    clip: rect(86px, 9999px, 38px, 0);
    transform: skew(0.89deg);
  }
  5% {
    clip: rect(47px, 9999px, 73px, 0);
    transform: skew(0.15deg);
  }
  10% {
    clip: rect(27px, 9999px, 31px, 0);
    transform: skew(0.11deg);
  }
  15% {
    clip: rect(93px, 9999px, 1px, 0);
    transform: skew(0.09deg);
  }
  20% {
    clip: rect(97px, 9999px, 48px, 0);
    transform: skew(0.45deg);
  }
  25% {
    clip: rect(78px, 9999px, 20px, 0);
    transform: skew(0.25deg);
  }
  30% {
    clip: rect(36px, 9999px, 3px, 0);
    transform: skew(0.87deg);
  }
  35% {
    clip: rect(11px, 9999px, 24px, 0);
    transform: skew(0.42deg);
  }
  40% {
    clip: rect(85px, 9999px, 1px, 0);
    transform: skew(0.89deg);
  }
  45% {
    clip: rect(66px, 9999px, 56px, 0);
    transform: skew(0.99deg);
  }
  50% {
    clip: rect(100px, 9999px, 8px, 0);
    transform: skew(0.28deg);
  }
  55% {
    clip: rect(3px, 9999px, 86px, 0);
    transform: skew(0.57deg);
  }
  60% {
    clip: rect(54px, 9999px, 39px, 0);
    transform: skew(0.28deg);
  }
  65% {
    clip: rect(6px, 9999px, 89px, 0);
    transform: skew(0.32deg);
  }
  70% {
    clip: rect(92px, 9999px, 94px, 0);
    transform: skew(0.44deg);
  }
  75% {
    clip: rect(14px, 9999px, 21px, 0);
    transform: skew(0.39deg);
  }
  80% {
    clip: rect(57px, 9999px, 15px, 0);
    transform: skew(0.54deg);
  }
  85% {
    clip: rect(67px, 9999px, 40px, 0);
    transform: skew(0.91deg);
  }
  90% {
    clip: rect(58px, 9999px, 38px, 0);
    transform: skew(0.53deg);
  }
  95% {
    clip: rect(61px, 9999px, 33px, 0);
    transform: skew(0.74deg);
  }
  100% {
    clip: rect(10px, 9999px, 47px, 0);
    transform: skew(0.16deg);
  }
}
@keyframes glitch-skew {
  0% {
    transform: skew(1deg);
  }
  10% {
    transform: skew(-2deg);
  }
  20% {
    transform: skew(-3deg);
  }
  30% {
    transform: skew(-2deg);
  }
  40% {
    transform: skew(1deg);
  }
  50% {
    transform: skew(5deg);
  }
  60% {
    transform: skew(5deg);
  }
  70% {
    transform: skew(0deg);
  }
  80% {
    transform: skew(5deg);
  }
  90% {
    transform: skew(-4deg);
  }
  100% {
    transform: skew(1deg);
  }
}