html{
	height:100%;
	width:100%;
}
body{
	background:black;
}
video{
	position:fixed;
	top:50%;
	left:50%;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:-9999;
	transform:translateX(-50%) translateY(-50%);
	background-size:cover;
	transition:1s opacity;
}
.video{
	overflow:hidden;
}
.video-fallback{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}
.pic {
	position:fixed; 
	/*background: #000 url(../images/fon.jpg);*/
	background: black;
	top:50%;
	left:50%;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:-950;
	transform:translateX(-50%) translateY(-50%);
	background-size:cover;
	transition:1s opacity;
} 
.load {
	position:fixed; 
	background: #000 url(../images/load.gif);
	top:50%;
	left:50%;
	min-width:50%;
	min-height:50%;
	width:auto;
	height:auto;
	z-index:-960;
	transform:translateX(-50%) translateY(-50%);
	background-size:cover;
} 

.load-bg {
	position:fixed; 
	background: black;
	top:50%;
	left:50%;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:-970;
	transform:translateX(-50%) translateY(-50%);
	background-size:cover;
	transition:2s opacity;
} 

.cont{ 
	margin-top: 15px;  
	text-align: center;
	font-size:20px;  
	z-index:25; 
}
.cont>a{
  color:white;
	margin-right:47px;
	text-decoration:none; 
	cursor:pointer;
	transition:color 0.5s ease; 
} 
.cont>a:last-child{
	margin-right: 0;
}
.volume-button:hover,.volume-button:active{
	color:#FF0000;
	transition:color 0.4s ease;
	outline:none;
}
.refresh-button:hover,.refresh-button:active{
  color:#FF0000;
  transition:color 0.4s ease;
  outline:none;
}
.stop-button:hover,.stop-button:active{
	color:#FF0000;
	transition:color 0.4s ease;
	outline:none;
}
.pageoverlay{
	display:block;
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;width:100%;
}
.overlay:after{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	min-height:100%;
	background:url(../images/overlay.png);background-repeat:repeat;
}
.mask:before{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	min-height:100%;
	background:rgba(0,0,0,0.5);
}
.lightbox{
	color:#FFFFFF;
	margin:18% auto;
}
hr{
	background:red;
	border:0;
	border-top:1px solid white;
	box-shadow:0.1em 0.1em 0.2em black;
	margin:auto auto;
	max-width:447;
	width:100%;
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
}
 
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
 
input[type=range]:focus {
  outline: none; 
}
input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
html,body{
	height:100%;
}
*,*:before,*:after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
*{
	outline:none;
}
body{
	background:black no-repeat center bottom;
	color:#FFFFFF;
	font:normal 16px/1.2 unseen,sans-serif;
	margin:0;
	text-shadow:2px 2px white000;
}
.awrapper{
	align-content:center;
	background-size:cover;
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	min-height:100%;
	ms-flex-direction:row;
	ms-flex-line-pack:center;
	ms-flex-pack:center;
	ms-flex-wrap:wrap;
	webkit-align-content:center;
	webkit-flex-direction:row;
	webkit-flex-wrap:wrap;
	webkit-justify-content:center;
}
::selection{
	background-color:white;
	color:#FFFFFF;
	text-shadow:none;
}
a{
	color:#FFFFFF;
	text-decoration:none;
}
a:hover,a:active{
	color:#FF0000;
	outline:none;
}
.basement {
	position: absolute;
	left: 1%; 
	bottom: 2%; 
}
.basement>a{
	margin-right:47px;
	text-decoration:none; 
	cursor:pointer;
	transition:color 0.5s ease; 
} 
.basement>a:last-child{
	margin-right: 0;
}
.buttons {
  margin-top: 15px;  
  text-align: center;
}
.titles{ 
  opacity: 1; 
  transition: 2s;
	text-align:center;
	width:100%;
	padding: 0px;
}
.hide-all {  
  display: none;
} 
.show-all { 
  display: block; 
}
.hide { 
  overflow: hidden;
  opacity: 0; 
  transition: 2s;
}  
.show { 
  overflow: hidden;
  opacity: 1; 
  transition: 2s;
} 
.hide-fast { 
  overflow: hidden;
  opacity: 0; 
  transition: 0.5s;
}  
.show-fast { 
  overflow: hidden;
  opacity: 1; 
  transition: 0.5s;
}
.move-down{
    transform: translate(0,700%);
    -webkit-transform: translate(0,700%); 
    -o-transform: translate(0,700%); 
    -moz-transform: translate(0,700%); 
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out; 
}
.move-up{
    transform: translate(0,0%);
    -webkit-transform: translate(0,0%); 
    -o-transform: translate(0,0%); 
    -moz-transform: translate(0,0%); 
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out; 
}
input[type=range] {
  -webkit-appearance: none;
  width: 100px; 
  margin-left: 17px;
  border-radius: 13px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 12%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #FF0000;
  border-radius: 13px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 22px;
  width: 22px;
  border-radius: 300px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #FF0000;
}
input[type=range]::-moz-range-track {
  width: 10%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #FF0000;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 10%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: white;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #FF0000;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: white;
}
input[type=range]:focus::-ms-fill-upper {
  background: #FF0000;
}
h1,h2{
	font-size:7.0em;
	font-weight:200;
	margin:0;
}
h2{
	font-size:2em;
}
h3{
	font-weight:normal;
}
h1>a{
	transition:color 0.5s ease;
}
.links{
	font-size:16px;
	list-style:circle;
	margin-bottom:0;
	padding:0;
	padding-left:20px;
}
.links li{
	margin-bottom:0.6em;
}
.links li:last-child{
	margin-bottom:0;
}
.links p{
	color:white000;
	margin:0.6em 0 0 0.5em;
}
.media{
	font-size:30px;
}
.media>a{
	margin-right:45px;
	text-decoration:none;
	transition:color 0.5s ease;
}
.media>a:last-child{
	margin-right: 0;
}