@font-face {
  font-family: 'GillSansInfantW01-Bold';
  src: url('../fonts/GillSansInfantW01-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/GillSansInfantW01-Bold.woff') format('woff'), url('../fonts/GillSansInfantW01-Bold.ttf')  format('truetype'), url('../fonts/GillSansInfantW01-Bold.svg#GillSansInfantW01-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

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



@font-face {
  font-family: 'psfonticons';
  src:  url('../fonts/psfonticons.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;

}

body{
  background: #fff ;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}


.contenedor1{
  font-family: 'GillSansInfantW01',sans-serif;
  max-width: 960px;
  height: 611px;
  margin: auto;
  margin-bottom: 0px;
  padding: 0px;
  overflow: hidden;
}

.mano{
  cursor: pointer;
}


.fondo1{
	position: absolute;	
	z-index: 6;
	top: 0px;
}

.marcador{
	position: absolute;
  z-index: 6;
  top: 6px;
  left: 789px;
}
.marcador_texto{
	position: absolute;
  z-index: 6;
  top: 17px;
  left: 857px;
  font-size: 37px;
  color: white;
}

.flecha1{
	position: absolute;	
	z-index: 6;
	top: 9px;
  left: 395px;
}

.flecha2{
	position: absolute;	
	z-index: 6;
 top: 17px;
 left: 533px;
}

.flecha3{
	position: absolute;	
	z-index: 6;
  top: 17px;
  left: 458px;
}

.flecha4{
	position: absolute;	
	z-index: 6;
	top: 84px;
  left: 395px;
}
.robot{
 position: absolute;
 z-index: 6;
 top: 463px;
 left: 8px;
 width: 61px;
}

.garra{
	position: absolute;
  z-index: 4;
  top: 11px;
  left: -15px;
}
.linea{
	position: absolute;
  z-index: 5;
  top: 539px;
  left: 21px;
}

.linea_inicio{
	position: absolute;
  z-index: 5;
  top: 539px;
  left: 34px;
}

.linea_fin{
	position: absolute;
  z-index: 5;
  top: 539px;
  left: 953px;
}

.numero_actual{
 position: absolute;
 z-index: 5;
 top: 14px;
 left: 335px;
 width: 42px;
 text-align: center;
}
.numero_seleccionado{
 position: absolute;
 z-index: 5;
 top: 13px;
 left: 493px;
 width: 41px;
 text-align: center;
}
.numero_total{
	position: absolute;
  z-index: 5;
  top: 13px;
  left: 647px;
  text-align: center;
  width: 41px;
}

.panel_blanco{
  position: absolute;
  z-index: 5;
  top: -127px;
  left: 275px;
  background: white;
  width: 501px;
  height: 301px;
}
.panel_energia{
 position: absolute;
 z-index: 6;
 top: 124px;
 left: 358px;
 background: #80DCFF;
 width: 272px;
 height: 44px;
}

.numero_inferior{
	position: absolute;
	z-index: 5;
 top: 60px;
 left: 337px;
 text-align: center;
 width: 37px;
}

.numero_inicio{
	position: absolute;
	z-index: 5;
	top: 553px;
	left: 29px;
	text-align: center;
	font-size: 25px;
}


.numero_fin{
	position: absolute;
	z-index: 5;
	top: 553px;
	left: 942px;
	text-align: center;
	font-size: 25px;
}
.contenedor_respuestas{
	position: absolute;
	z-index: 5;
	top: 549px;
  left: 35px;
  width: 919px;

}

.despegar{
  position: absolute;
  z-index: 6;
  top: 83px;
  left: 790px;
}

.texto_despegar{
  position: absolute;
  z-index: 6;
  top: 105px;
  left: 804px;
  font-size: 22px;
  color: #fff;

}
.robots_final{
	position: absolute;
  z-index: 6;
  top: 309px;
  left: 430px;
  width: 329px;
}


.ir_menu{
  background-image: url(../images/btn_done.png);
  width: 147px;
  height: 77px;
  position: absolute;
  top: 474px;
  left: 84px;
  padding: 20px;
  text-align: center;
}


.ir_menu2{
  background-image: url(../images/btn_done.png);
  width: 147px;
  height: 77px;
  position: absolute;
  top: 8px;
  left: 24px;
  padding: 20px;
  text-align: center;
  z-index: 6;
}





.Jugar_otra_vez{
  background-image: url(../images/btn_done.png);
  width: 147px;
  height: 77px;
  position: absolute;
  top: 474px;
  left: 762px;

  padding: 20px;
  text-align: center;

}


.formato1{
	font-size: 26px;
  color: #ffffff;
}
.formato_letra_chica{
	font-size: 14px;
  color: #ffffff;
}

.menu_boton{
  position: absolute;
  top: 296px;
  left: 432px;
}

.texto_final{
  position: absolute;
  top: 65px;
  left: 291px;
  width: 397px;
  text-align: center;
  color: white;
}

.pantalla_final{
	position: absolute;
	z-index: 8;
	width: 960px;
  height: 611px;
  margin: auto;
  margin-bottom: 0px;
  padding: 0px;
  overflow: hidden;
}

.Jugar_boton{
  position: absolute;
  top: 483px;
  left: 350px; 
  cursor: pointer;
}
.aprende_boton{
left: 540px;
    position: relative;
    top: -133px;
    cursor: pointer;
}
.pantalla_inicio{
	position: absolute;
	z-index: 8;
	max-width: 960px;
  height: 611px;
  margin: auto;
  margin-bottom: 0px;
  padding: 0px;
  overflow: hidden;	
}

.numero_inferior2{
	position: absolute;
  z-index: 5;
  top: 60px;
  left: 495px;
  text-align: center;
  width: 37px;
}
.numero_inferior3{
	position: absolute;
  z-index: 5;
  top: 60px;
  left: 648px;
  text-align: center;
  width: 37px;
}

.signo{
	position: absolute;
  z-index: 5;
  top: 36px;
  left: 400px;
  text-align: center;
  font-family: sans-serif;
  width: 42px;
  height: 42px;
}

.formato2{
  font-family: sans-serif;
}

.formato3{
  font-family: 'GillSansInfantW01',sans-serif;
}


.barra{
  position: absolute;
  z-index: 5;
  width: 31px;
  height: 5px;
  top: 63px;
  left: 340px;
  background: black;
}

.contenedor_respuestas{
	display: flex;
}

.segmento{

}

.texto_fraccion{

  width: 26px;
  margin-left: -8px;
  text-align: center;
}


.barra_pregunta{
  position: relative;
  z-index: 5;
  width: 26px;
  height: 3px;
  top: -1px;
  left: -9px;
  background: black;
}
.barra_superior{
  position: relative;
  z-index: 5;
  width: 2px;
  height: 10px;
  top: -6px;
  left: 2px;
  background: black;
  margin-bottom: -6px;
}
.barra_superior2{
  position: relative;
  z-index: 5;
  width: 2px;
  height: 10px;
  top: -11px;
  left: 11px;
  background: black;
  margin-bottom: -6px;
}

.texto_fraccion{
  font-size: 15px;
  font-weight: bold;
}

.barra2{
	position: absolute;
  z-index: 5;
  width: 31px;
  height: 5px;
  top: 63px;
  left: 498px;
  background: black;
}
.barra3{
	position: absolute;
  z-index: 5;
  width: 31px;
  height: 5px;
  top: 63px;
  left: 652px;
  background: black;
}

.texto_format_1{
 font-size: 38px;
 font-weight: bold;

}

.fondo2{
	position: absolute;
  z-index: 6;
  top: 36px;
  user-select: none;
}
.fondo3{
	position: absolute;	
	z-index: 5;
  top: 532px;
}

.palabra_titulo1,.bloque_palabra{

  margin-bottom: 15px;
}



.titulo_principal{
	margin: 0 0 10px 0;
  font-size: 36px;
  color: #0076ba;
  clear: both;
}

.texto_secundario{
  line-height: 1.2em;
  font-size: 30px;
  color: #626262;
}


.fondo_drop{
  background: #f7ffd7;

}









.Start1,.pausa ,.Resume{
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px !important;
  border: 2px solid #45bdea !important;
  background: #47beeb;
  background: -webkit-linear-gradient(bottom,rgba(47,168,227,.5),rgba(171,234,255,.5));
  background: -moz-linear-gradient(bottom,rgba(47,168,227,.5),rgba(171,234,255,.5));
  background: linear-gradient(to top,rgba(47,168,227,.5),rgba(171,234,255,.5));
  text-shadow: none;
  filter: none;
  color: #fff;
  font-size: 26px !important;
  margin-top: 19px;

}

.Start{
	position: absolute;
  top: 224px;
  left: 550px;
  cursor: pointer;
}
.How{
	position: absolute;
  top: 452px;
  left: 788px;
  cursor: pointer;
} 


.fondo{
	position: absolute;
	
}
.instrucciones{
	position: absolute;
  top: 0;
  left: 14px;
}

.back{
	position: absolute;
	top: 413px;
  left: 41px;
  cursor: pointer;
}
.back2{
	position: absolute;
	top: 413px;
  left: 41px;
  cursor: pointer;
  z-index: 99;
}

.pantalla_letras{
  position: absolute;
  top: 101px;
  left: 343px;
  display: flex;
}

.seccion_drop{
  position: absolute;
  top: 158px;
  left: 333px;
  display: flex; 
}
.seccion_luces{
	position: absolute;
  top: 463px;
  left: 720px;
  display: flex;
}

.light{
	margin-left: 10px;
}

.droppable{
	z-index: 0;
	margin-right: 30px;
}



.draggable{
	z-index: 99;
  position: relative;
  width: 41px;
  height: 54px;
  padding-left: 12px;
  cursor: pointer;
  user-select: none;
  margin-left: 17px;
  font-size: 35px;
  background: none !important;
  font-weight: bold;
  border: none !important;


}

.iniciar2{
	position: absolute;
  top: 417px;
  left: 793px;
  width: 161px;
  cursor: pointer;
}


.Start:hover{
	width: 164px;
}

.pantalla_pause{
  background: #EBF8FE !important;
  padding-top: 120px !important;
  padding-bottom: 120px !important;
  width: 100%;    position: absolute;top: -451px;
}

.Pregunta{
	position: absolute;
  top: 32px;
  left: 291px;
  font-size: 22px;
}


.button-text{

  color: #333;
  font-size: 24px;
  background: #ecf9ff;
  border: 2px solid #93d4fb;
  width:100%;
  height: 80px;
  cursor: pointer;
  margin-bottom: 34px;
  border-radius: 15px; 
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */

}
.button-text2{

  color: #333;
  font-size: 24px;
  background: #ecf9ff;
  border: 2px solid #93d4fb;
  width:100%;
  height: 80px;
  cursor: pointer;
  margin-bottom: 34px;
  border-radius: 15px; 
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */

}

.question {
  border: 1px solid #237dab;
  background: #237dab;
  font-size: 22px;
  color: #f4f2ee;
  padding: 15px;
  margin: 0;
  border-radius: 7px;
}

.question-text {
  position: relative;
  margin: 7px 41px;
}

.question-number {
 position: absolute;
 left: 52px;
 top: 24px;
}


.azul{
 color: #237dab;
 font-weight: bold;
 

}

.oculto{
  display: none;
}

.quitamano{
  cursor: auto;
}


.icon_retro{
	position: relative;  
	top: -40px;   
	left: 6px;
}



.button-text:hover{
  background: #e2eff4;
  background: -webkit-linear-gradient(bottom,#ade4ff,#cbeeff);
  background: -moz-linear-gradient(bottom,#ade4ff,#cbeeff);
  background: linear-gradient(to top,#ade4ff,#cbeeff);
}

.button-text2 p,.button-text p{
 text-align: center;
 margin: 20px 0 10px;
 margin: 14px 0 10px;
 font-size: 31px;
}

.playAgain{
  position:absolute;
  z-index: 5;
  cursor: pointer;
  top: 190px;
  left: 388px;
}
.boton_no{
  position:absolute;
  z-index: 5;
  cursor: pointer;
  top: 325px;
  left: 381px;
}

.puntos_totales{
  position: absolute;
  z-index: 5;
  top: 128px;
  left: 532px;
  font-size: 41px;
  color: #5F288B;
}

.respuetas_finales{
  position: absolute;
  z-index: 5;
  top: 148px;
  left: 732px;
  font-size: 21px;
  color: #62C85C;
}
.tiempos_finales{
  position: absolute;
  z-index: 5;
  top: 148px;
  left: 914px;
  font-size: 21px;
  color: #62C85C;
}


.boton_si{
  position:absolute;
  z-index: 5;
  cursor: pointer; 
  top: 325px;
  left: 528px;
}

.progress-text {
  font-size: 16px;
  font-weight: bold;
  color: #0072b5;
}

progress[value]::-webkit-progress-bar {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

progress[value]::-webkit-progress-value {
  background: #FFA605;

  border-radius: 2px; 
}

#progress-bar{
  margin-left: -23px;
  width: 88px;
  height: 12px;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}


.palabra_principal{
 font-family: 'GillSansInfantW01-Bold',sans-serif;

}


.icon_back {			
 position: relative;
 left: 3px;
 top: -191px;
 width: 54px;
 cursor: pointer;
}

.icon_back:before {
 font-family: "psfonticons";
 content: "\e621";
 font-size: 44px;
 color: #0a598d;
}

.icon_next {
 position: relative;
 left: 3px;
 top: -191px;
 width: 54px;
 cursor: pointer;

}

.icon_next:before {
 font-family: "psfonticons";
 content: "\e620";
 font-size: 44px;
 color: #0a598d;	
}

.panel_text1 {  
 position: relative;
 left: 11px;
 top: -212px;
 font-size: 11px;
 color: #0a598d;
}



.boton1 {
 width: 38px;
 height: 22px;
 margin-top: 8px;
 margin-left: 12px;
 background: url(../images/switch.png) -2px -26px;
 cursor: pointer;

}

.boton2 {
  cursor: pointer;
  width: 38px;
  height: 22px;
  margin-top: 8px;
  margin-left: 12px;
  background: url(../images/switch.png)  -2px -2px;
  cursor: pointer;

}

.palabra{
 text-decoration: underline ;      

}

.grupo1,.grupo2{
 cursor: pointer;
}

.cuadro{

 width: 54px;

 -webkit-user-select: none; /* Safari 3.1+ */
 -moz-user-select: none; /* Firefox 2+ */
 -ms-user-select: none; /* IE 10+ */
 user-select: none; /* Standard syntax */


}





.bocina1{
  width: 36px;
  height: 36px;
  background: url(../images/galleryskin.png) -212px -105px no-repeat;
  cursor: pointer;

  margin-top: 0px;
  margin-left: 17px;
}

.bocina2{
  width: 36px;
  height: 36px;
  background: url(../images/galleryskin.png) -107px -105px no-repeat;
  cursor: pointer;
}

.col-md-8{
 padding-left: 6px !important;

}

#parent { 
  position: relative; 
} 
#child { 
  position: absolute; 
  right: 27px; 
  top: 32px;

}


.pulga_1 {
 background: url('../images/flee2-sheet0.png') no-repeat -4px -5px;
 width: 60px;
 height: 60px;
 z-index: 99; 
 position: absolute;
 /*  animation: pulga_1_anim .5s steps(8) infinite;*/
 top: 240px;
 left: 161px;

}


@-webkit-keyframes pulga_1_anim {
 from { background-position:    0px; }
 to { background-position: -256px; }
}

.caja_1{
  top: 299px;
  left: 181px;
}

.caja_1_2{
  top: 299px;
  left: 99px;
}
.caja_1_3{
  top: 181px;
  left: 285px;
}

.caja_2{
  top: 181px;
  left: 609px;
}
.caja_2_2{
  top: 299px;
  left: 340px;
}
.caja_3_3{
  top: 299px;
  left: 340px;
}

.caja_2_2_2{
  top: 181px;
  left: 704px;
}
.caja_3_3_3{
 top: 299px;
 left: 157px;
}
.caja_1_1_3{
 top: 299px;
 left: 157px;
}
.caja_1_1_4{
 top: 299px;
 left: 96px;
}
.caja_1_1_5{
 top: 299px;
 left: 96px;
}
.caja_1_1_5_2{
 top: 299px;
 left: 396px;
}
.caja_1_2_3{
 top: 181px;
 left: 286px;
}
.caja_1_2_5{
 top: 181px;
 left: 458px;
}
.caja_1_3_5{
 top: 181px;
 left: 757px;
}
.caja_1_2_4{
  top: 299px;
  left: 339px;
}

.caja_1_3_4{
  top: 181px;
  left: 404px;
}


.caja_1_3_3{
 top: 181px;
 left: 524px;
}

.caja_1_4_3{
 top: 181px;
 left: 705px;
}

.caja_1_4_4{
 top: 181px;
 left: 705px;
}

.caja_3_2{
  top: 181px;
  left: 405px;
}
.caja_3_3{
  top: 181px;
  left: 405px;
}

.caja_3{
  top: 299px;
  left: 419px;
}



.trampolin{
  top: 275px;
  left: 581px;
  z-index: 8 !important;
}

.trampolin2{
  top: 282px;
  left: 385px;
  z-index: 8 !important;
}
.trampolin3{
  top: 282px;
  left: 260px;
  z-index: 8 !important;
}
.trampolin4{
  top: 282px;
  left: 381px;
  z-index: 8 !important;
}

.trampolin5{
  top: 282px;
  left: 439px;
  z-index: 8 !important;
}

.globos_1{
  top: 13px;
  left: 675px;
  z-index: 8 !important;
}

.globos_2{
  top: 13px;
  left: 769px;
  z-index: 8 !important;
}
.globos_3{
  top: 13px;
  left: 709px;
  z-index: 8 !important;
}

.globos_4{
  top: 13px;
  left: 709px;
  z-index: 8 !important;
}
.globos_5{
  top: 13px;
  left: 822px;
  z-index: 8 !important;
}

.flecha1{
  top: 459px;
  left: 47px;
  z-index: 8 !important;
}

.vuela{
  top: -78px;
  left: 668px;
  z-index: 8 !important;
}

.manzana_1{  
  top: 243px;
  left: 404px;
  z-index: 9 !important;
}

.manzana_2{  
  top: 243px;
  left: 314px;
  z-index: 9 !important;
}


.manzana_3{  
  top: 120px;
  left: 501px;
  z-index: 9 !important;
}


.manzana_4{  
  top: 120px;
  left: 501px;
  z-index: 9 !important;
}

.manzana_5{  
  top: 244px;
  left: 372px;
  z-index: 9 !important;
}



.nube{  
  top: 16px;
  left: 800px;
  z-index: 8 !important; 
}



.cuerdas{
  top: 109px;
  left: 422px;
  z-index: 8 !important;
  width: 187px;
}
.cuerdas_2{
  top: 99px;
  left: 410px;
  z-index: 8 !important;
  width: 182px;
}
.cuerdas_3{
  top: 99px;
  left: 410px;
  z-index: 8 !important;
  width: 182px;
}

.barra_9{
  top: 390px;
  left: 183px;
  z-index: 8 !important; 
}
.barra_11{
  top: 390px;
  left: 100px;
  z-index: 8 !important; 
}
.barra_12{
  top: 390px;
  left: 100px;
  z-index: 8 !important; 
}
.barra_10{
  top: 390px;
  left: 162px;
  z-index: 8 !important; 
}

.circulo{
  top: 390px;
  left: 163px;
  z-index: 8 !important; 
}

.circulo_2{
  top: 390px;
  left: 80px;
  z-index: 8 !important; 
}
.circulo_3{
  top: 390px;
  left: 142px;
  z-index: 8 !important; 
}

.circulo_4{
  top: 390px;
  left: 81px;
  z-index: 8 !important; 
}

.circulo_5{
  top: 390px;
  left: 81px;
  z-index: 8 !important; 
}


.globo{
  top: -299px;
  left: 340px;
  z-index: 8 !important;
  width: 348px;
}

.globo_2{
  top: -308px;
  left: 326px;
  z-index: 8 !important;
  width: 348px;
}


.globo_3{
  top: -308px;
  left: 326px;
  z-index: 8 !important;
  width: 348px;
}



.barra_verde{
 top: 393px;
 left: 186px;
 width: 0px;
 height: 35px;
 background: #63EE63;
 z-index: 7 !important;
}

.barra_verde_2{
 top: 393px;
 left: 100px;
 width: 0px;
 height: 35px;
 background: #63EE63;
 z-index: 7 !important;
}

.barra_verde_3{
 top: 393px;
 left: 164px;
 width: 0px;
 height: 35px;
 background: #63EE63;
 z-index: 7 !important;
}
.barra_verde_4{
 top: 393px;
 left: 102px;
 width: 0px;
 height: 35px;
 background: #63EE63;
 z-index: 7 !important;
}
.barra_verde_5{
 top: 393px;
 left: 102px;
 width: 0px;
 height: 35px;
 background: #63EE63;
 z-index: 7 !important;
}

.boton_1{
  top: 458px;
  left: 183px;
}

.boton_2{
  top: 458px;
  left: 346px;
}

.boton_3{
  top: 458px;
  left: 505px;
}

.boton_4{
  top: 458px;
  left: 661px;
}

.posicion_absoluta{
  position: absolute;
  z-index: 9;
}


.numero_dentro{
  left: 4px;
  top: 2px;
  font-size: 26px;
  font-weight: bold;
  width: 34px;
  text-align: center;
}

.numero_dentro_2,.numero_dentro_3,.numero_dentro_4,.numero_dentro_5{
  left: 4px;
  top: 2px;
  font-size: 26px;
  font-weight: bold;
  width: 34px;
  text-align: center;
} 


@media only screen and (max-width: 600px) {
	#child{
		left: -6px !important;

  }
  
  
  
  
}
.animacion1{
  animation: flotar1 linear 1.5s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: flotar1 linear 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: flotar1 linear 1.5s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: flotar1 linear 1.5s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: flotar1 linear 1.5s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes flotar1{
  0% {
    transform:  translate(0px,0px)  ;
  }
  50% {
    transform:  translate(0px,7px)  ;
  }
  101% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes flotar1{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  50% {
    -moz-transform:  translate(0px,7px)  ;
  }
  101% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes flotar1 {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  50% {
    -webkit-transform:  translate(0px,7px)  ;
  }
  101% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes flotar1 {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  50% {
    -o-transform:  translate(0px,7px)  ;
  }
  101% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes flotar1 {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  50% {
    -ms-transform:  translate(0px,7px)  ;
  }
  101% {
    -ms-transform:  translate(0px,0px)  ;
  }
}
.bg-modal4 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000a6;
	display: flex;
	/*flex-direction: row;*/
	align-items: center;
	justify-content: center;
	z-index: 9;
}
.bg-modal3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 611px;
	background-color: #000000;
	display: flex;
	/*flex-direction: row;*/
	align-items: center;
	justify-content: center;
	z-index: 9;
}
.modal4 {
    width: 576px;
    height: 240px;
	background-image: url(../images/return_to_menu_window.png);
	background-position: center;
    background-repeat: no-repeat;
	display: flex;
    justify-content: center;
    align-items: center;
}


.modal2 {
	width: 85%;
	height: 95%;
}

.myyVideo {
	width: 100%;
	border-radius: 10px;
}

#myVideo {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
}

.closeModal {
	position: relative;
	bottom: 8px;
	cursor: pointer;
}