body,iframe,div,table,tr,td,button,a{
	margin: 0px;
    padding: 0px;
	font-family:Sans-serif;
	font-size: 13pt;
	font-style:normal;
	color:black;	
  
}

img{filter: grayscale(1);}

.victorina{
  position:absolute;
  right:2px;
  top:42%;
  width:20.5%;
  display:block;
  font-size:0.9em;
  padding:1px;
  text-align:center;
  cursor:pointer;
  background:black;
  	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
}

.victorina_right{
  position:absolute;
  right:-22%;
  top:42%;
  width:20.5%;
  display:block;
  font-size:0.9em;
  padding:3px;
  text-align:center;
  cursor:pointer;
  background:black;
  	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
}

.content{
  width:76%;
  height:650px;
  position:relative;
  left:0px;top:0px;
  border-left:solid 1px navy;
  padding:5px;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
}
.content_right{
	position:relative;
	left:15%;
	width:62%;height:650px;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
}
.hat{
position:fixed;
left:0px;
text-align:center;
width:100%;
z-index:1;
background:white;

padding:0px;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
}

.hat_right{
position:fixed;
left:35%;
text-align:center;
width:100%;
z-index:1;
background:white;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
}
a, a:link, a:visited{text-decoration:none; color:inherit;}  

.corrup{
  	overflow-y: scroll;
	position:absolute;
	top:42%;
	right:3px;
	width:20%;
  height:370px;
	border:solid 1px black;
	padding:5px;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
	display:none;
}

.corrup_off{
  	overflow-y: scroll;
	position:absolute;
	top:42%;
	right:-35%;
	width:20%;
  height:370px;
	border:solid 1px black;
	padding:5px;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
	display:none;
}

.corrup>p{margin:0em;}

.d_sreda{
  overflow-y: scroll;
	position:absolute;
	top:42%;
	right:3px;
	width:20%;
   height:370px;
	border:solid 1px black;
	padding:5px;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
	display:none;
}

.d_sreda_off{
  overflow-y: scroll;
	position:absolute;
	top:42%;
	right:-35%;
	width:20%;
   height:370px;
	border:solid 1px black;
	padding:5px;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
	display:none;
}

.d_sreda>p{margin:0em;}

#conteyner_grey{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
	z-index:2;	
}

#grey{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:grey;
	opacity:.8;

}

.bar{
	display:block;
	position:fixed;
	top:0px;
	left:-35%;
	width:35%;
	height:100%;
	background:black;
	overflow: auto;
	color:white;
	text-align:left;
	vertical-align:middle;
	z-index:3;  
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
}

.container_menu{
	position: relative;
	top:0px;
	left: 0px;
	width:100%;
	height:40px;
	color:white;
	cursor:pointer;
	background:black;

}


.menuUpDown{

position:absolute;
top:-0px;
left:0px;
width:100%;
height:39px;
background:#fefefe;

-moz-transition: all .8s;
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
}

.menu_down{
	position: relative;
	top:0px;
	left:5%;
	height: 100%;
	float:left;
	display: inline-block;

	text-align:center;
	padding-left:.6%;
	padding-right:.6%;
		
	color:black;	
	background:white;
	border:none;
	vertical-align: middle
}	

.menu_down:hover{
color:gray;
}

.button{
	position: relative;
	top:0px;
	left:0px;
	height: 100%;
	float:left;
	display: inline-block;

	text-align:center;
	padding-left:.6%;
	padding-right:.6%;
		
	color:white;	
	background:black;
	border:none;
	vertical-align: middle
}
.button:hover{
	color:gray;
	border-left:solid 1px #22ebbe;	
}



/* Transition */
label, label::before {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}


/* КИНОТЕАТР */
#img{
position:relative;
float:left;
width:65%;
margin:0px;	

	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


#img:hover{
width:90%;
z-index:1;
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;	
}

.circle {
    position:relative;
	width: 2.5em;
	height: 2.5em;
	border:solid;
	border-width:1px;
    border-radius: 50%;
	border-color:maroon;
	align:center;
 LINE-HEIGHT: 230%;
text-align: center;
text-indent: 0em;
}
.anons{
	position:fixed;
	left:101%;
	top:0px;
	width:100%;

}

.anonsik{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;

	z-index:10;
	-moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	}
	
.treiler{
	position:fixed;
	right:0px;
	top:30%;
	width:23%;
	height:25%;

	z-index:10;
	-moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	}	
	
.close{
position:absolute;
right:3%;
top:3%;
	width: 2em;

border:solid 2px white;
border-radius:50%;
z-index:11;
cursor:pointer;
}

#nzk{
  overflow-y: scroll;
	position:absolute;
	top:42%;
	right:3px;
	width:20%;
   height:370px;
	border:solid 1px black;
	padding:5px;
	-webkit-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
	display:none;
}