@media screen and (min-width: 800px) {
.gif2{
display:none;
}
.gif_headerContent {
	position: absolute;
	z-index: 2;
	top: 10px;
	width: 16%;
	cursor: pointer;
}
.gif_headerContent:hover{
	opacity: .3;
}
.gif_headerContent:active{
	opacity: 2;
}
.gif_headerContent img{
	width: 100%;
  }
   
   
   
   
.boxPleer {
}
.pleer {
width: 100%;
background: rgba(0, 0, 0, 1);
position: fixed;
z-index: 20;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.pleer_contayner {
	width: 80%;
	margin: 25px auto;
}
.video_rolick video{
	width: 100%;
}
.player_controler {
	width:90%;
	margin: 0 auto;
	position: absolute;
	z-index: 22;
}
.player_controler:before{
	margin-top:-64px;
	position: absolute;
	z-index: 21;
	content: '';
	padding:30px 0px 30px 88.9%; 
	background: rgba(0, 0, 0, 0.01);
}
.player_controler_value{
	width: 100%;
	margin: -70px auto;
	position: absolute;
	z-index: 22;
}

.output {
	position: absolute;
	z-index: 25;
	top: 10px;
	right: 10px;
	cursor: pointer;
    opacity: .10;
}
.output img{
	width: 150px;
}
.output:hover{
	opacity:20;
}
.output:active{
	opacity: 10;
}
.player_controler_value input{
	width:88.9%;
    opacity: .02;
}
 .player_controler_value input:hover{
	width:88.9%;
    opacity: .7;
}
.player_controler_button {
	display: flex;
	margin: -50px 0px 0px 0px;
	position: absolute;
	z-index: 22;
	width: 88%;
	justify-content: space-between;
}
.button_play img{
	padding-left:10px;
	width: 35px;
	cursor: pointer;
    opacity:.10;
}
.button_play{
	padding-left:50%;
}
.button_play img:hover{
opacity:10;
}
.button_play img:active{
opacity: 1;
}
.button_volume{
    display:block;
	display:flex;
    opacity:.10;
}
.button_volume img{
	width: 40px;
	cursor: pointer;
}
.button_volume:hover{
opacity:10;
}
.button_volume:active{
	opacity:5;
}
.valume_video {
	padding-top: 11px;
}
}
@media screen and (max-height: 420px) {
.output {
	position: absolute;
	z-index: 15;
	top:0px;
	right:-20px;
	cursor: pointer;
}
   .output img{
	width: 100px;
	opacity: 10;
}
    
   
.pleer {
width: 100%;
background: rgba(0, 0, 0, 1);
position: fixed;
z-index: 10;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.pleer_contayner {
	/*padding-top:30%;*/
	width:90%;
	margin: 0 auto;
}
.video_rolick video{
	width: 100%;
}
   
.video_rolick video{
	width: 100%;
}
/*@media screen and (max-height: 400px) {
 .player_controler_value{
	width: 100%;
	margin: -90px auto;
	position: absolute;
	z-index: 22;
	}
 .player_controler_value input{
	width:100%;
    opacity: .10;

	}
 .player_controler_button {
	display: flex;
	margin: -80px 0px 0px 0px;
	position: absolute;
	z-index: 22;
	width: 88%;
	justify-content: space-between;
	}
}*/
.player_controler_value{
	width: 97%;
	margin: -90px auto;
	position: absolute;
	z-index: 22;
}
.player_controler_value input{
	width:93.2%;
    opacity: .10;
}
.player_controler_button {
	display: flex;
	margin: -50px 0px 0px 0px;
	position: absolute;
	z-index: 22;
	width: 88%;
	justify-content: space-between;
}
.button_play img{
	padding-left:10px;
	width: 35px;
	cursor: pointer;
    opacity:.4;
}
.button_play{
	padding-left:50%;
}
.button_play img:hover{
opacity:10;
}
.button_play img:active{
opacity: 1;
}
.button_volume{
    display:none;
    opacity:.10;
}
.button_volume img{
	width: 40px;
	cursor: pointer;
}
.button_volume:hover{
opacity:10;
}
.button_volume:active{
	opacity:5;
}
.valume_video {
	padding-top: 11px;
}
   
}

@media screen and (max-height: 390px) {
 @media screen and (min-width: 790px) {
 .player_controler_value{
	width: 100%;
	margin: -95px auto;
	position: absolute;
	z-index: 22;
	}
 .player_controler_value input{
	width:100%;
    opacity: .10;

	}
 .player_controler_button {
	display: flex;
	margin: -75px 0px 0px 0px;
	position: absolute;
	z-index: 22;
	width: 100%;
	justify-content: space-between;
	}
 }
}

   
@media screen and (max-width: 820px){
@media screen and (min-height: 420px){
	.gif2{
		display:inline;
		position: relative;
		z-index: 0;
        display:block;
	}
   .gif_headerContent{
   	width:60%;
    margin: 0 auto;
   }
/*   .gif_headerContent:hover{
	opacity: .3;
	}
	.gif_headerContent:active{
	opacity: 2;
	}
*/
	.gif_headerContent img{
	width: 100%;
  }
 /*  .pleer_contayner {
	width: 100%;
	margin:20px auto;
}*/
	.output {
	position: absolute;
	z-index: 15;
	top:0px;
	right:-20px;
	cursor: pointer;
}
   .output img{
	width: 100px;
	opacity: 10;
}
   .pleer {
width: 100%;
background: rgba(0, 0, 0, 1);
position: fixed;
z-index: 10;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.pleer_contayner {
	/*padding-top:30%;*/
	width: 100%;
	margin: 25px auto;
}
.video_rolick video{
	width: 100%;
}
.player_controler {
	width:100%;
	margin: 0 auto;
	position: absolute;
	z-index: 12;
}
.player_controler:before{
	/*margin-top:-64px;*/
	position: relative;
	z-index: 11;
	content: '';
	padding:8px 0px 30px 100%; 
	background: rgba(0, 0, 0, 0.3);
}
.player_controler_value{
	width: 100%;
	position: relative;
	z-index: 12;
}

.output:hover{
	opacity: .3;
}
.output:active{
	opacity: 2;
}
.player_controler_value input{
	width:100%;
    margin: -20px 0px 0px 0px;
}
.player_controler_button {
	display: flex;
	/*margin: -50px 0px 0px 0px;*/
	position: relative;
	z-index: 12;
    width:10%;
	margin: 0 auto;
}
.button_play img{
	padding-left:10px;
	width: 35px;
	cursor: pointer;
}
.button_play:active{
opacity: 10;
}
.button_volume{
	display:flex;
    display:none;
}
.button_volume img{
	width: 40px;
	cursor: pointer;
	opacity: 10;
}
.button_volume:hover{
opacity: .3;
}
.button_volume:active{
	opacity: 2;
}
.valume_video {
	padding-top: 11px;
}
}
}
/*-----------------------------Gif header-----------------------*/
.boxBAckgroundGif img{
 width:100%;
 /*position:relative;*/
 z-index:0;
 margin:-125px -0px -200px -0px;
}
.boxBAckgroundGif{
 width:90%;
 margin:-15px auto;
}