@charset "UTF-8";
/* CSS Document */



body{
	background-color: white;
}


/*MENU MOVIL*/
#headerPhone{ 
	visibility:hidden;
}
/*ACABA MENU MOVIL*/


/*MENU*/
#header{
	margin-top:-147px;
	margin-bottom:-80px;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}

#header ul{ 
	text-align:center;
}

.nav{ 
	text-align:center;
  margin-left:0;
  padding-left:0;
}
	
.nav li {
  display: inline;
}

.nav li a{	
	font-family: 'Spartan', sans-serif;
	font-size:14px;
	font-weight:500;
	text-decoration:none;
	color:black;
	margin:0 13.7px;
}

.nav li a:hover{ 
  color: #CCC;
  transition: all .0.1s;
}

.menu{	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/*ACABA MENU*/



/*Footer*/

.redes{ 
  margin-top:-22px;
  -webkit-user-select: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}

.redes a{ 
  text-decoration:none;
}

.redes ul{
  margin-left:-39px;
}

.redesGrupo{ 
  text-align:center;
}


.redesGrupo li {
  display: inline;
  padding:9.7px;
}
  

/*Text copyright-footer*/	 
.copy{ 
  height:30px; 
  margin-top:25px; 
  color:black; 
  font-size:70%; 
  text-align:center; 
  font-family:Verdana, Geneva, sans-serif;
}



#shadowbox{
/*	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);*/	
  margin:auto;
  width:490px;
  margin-top:150px;
  padding-left:0px;
}


#tabla{
	position: relative;
  padding-bottom: 56.23%;
  /* Use 75% for 4:3 videos */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
	margin-bottom:75px;
  box-shadow:0 0 2px black;
}

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 100%;
  z-index: 100;
  background: #FFF;
}

.youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: .4s all;
  -moz-transition: .4s all;
  transition: .4s all;
}

.youtube-player img:hover {
  -webkit-filter: brightness(75%);
}

.youtube-player .play {
  height: 72px;
  width: 72px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  background: url("//i.imgur.com/TxzC70f.png") no-repeat;
  cursor: pointer;
}

.flexbox-container {display:none;}


@media (max-width: 1024px) {

  body{overflow-x: hidden;}
  #scroll{	
  }
#tabla{
	position: relative;
    padding-bottom: 56.23%;
    /* Use 75% for 4:3 videos */
    height: 0;
    overflow: hidden;
    max-width: 50%;
    background: #000;
    margin: 5px;
}


/* START PHONE MENU*/
nav{ 
  width:100%;
  margin-left:-20px;
  max-height:0px;
  overflow:hidden;
  transition: 1s all;
  color:white;
}

.mostrar{ 
  max-height:500px;
}

.navega{ }

nav ul{ 
  list-style:none;
}

nav ul li a{
	text-decoration:none;
	display:block;
	line-height:30px;
	border-bottom:1px solid #222;
	background-color: white;
	color: #000;
	padding:10px;
	font-family: 'Spartan', sans-serif;
	font-weight:400;
	font-size:1em;

}

nav ul li a:hover{
	background-color:#222;
	color:#fff;
	
}

nav li ul{ 
  display:none;
  top:180px;
  left:30px;
  line-height:20px;
}

nav li:hover ul{
	display:block;
}

.menu{
	color:#fff;
	cursor:pointer;
	width:100%;	
}
/* FINISH PHONE MENU*/

/*MENU HORITZONTAL*/
.nav{
  visibility:hidden;
}

/*ICONO RALLAS MENU*/
#headerPhone{ 
	visibility: visible; 
	margin-top:20px; 
	margin-left:17px; 
	margin-bottom:80px;
	display:block;
	font-size:1em;
	
}

#headerPhone img{ 
	width:20px; 
	min-width:22px;
	margin-left:-8px;
}

.flexbox-container {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	margin:0 10px;
	margin-top: 1%;
	background-color: white; 
	align-items: center;
	justify-content: center
}

.flexbox-container > div {
	width: 40%;
	padding: 10px;
	background-color: white; 
}

.flexbox-container img{ 
	width: 100%;
	object-fit: cover;
	margin-bottom: 25%;
}

.flexbox-container > div:first-child {
	margin-right: 10px;
}

.flexbox-container a{ 
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.redes{
	overflow-x: hidden;
}
.redesGrupo{ 
	display: none;
}

.facebook img{ 
  display:none;
}

.insta img{ 
  display:none;
}

.deezer img{ 
  display:none;
}

.tidal img{
	display:none;
}

.sound img{ 
  display:none;
 }
 
.youtube img{ 
	display:none;
}

.apple img{ 
  display:none;
}
.spoty img{ 
  display:none;
}


#tabla{
	position: relative;
  padding-bottom: 56.23%;
  /* Use 75% for 4:3 videos */
  height: 0;
  overflow: hidden;
  max-width: 96%;
  background: #000;
  margin: 5px;
	margin-bottom:75px;
	left:3px;
}
	
#shadowbox{
/*	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);*/	
  margin:auto;
  width:380px;
  margin-top:175px;
  padding-left:0px;
}


.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #FFF;
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    height: 75px;
    width: 75px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("//i.imgur.com/TxzC70f.png") no-repeat;
	background-image:cover;
    cursor: pointer;
}


@media (max-width: 376px) {

	
#headerPhone{ 
	visibility: visible; 
	margin-top:20px; 
	margin-bottom:100px;
	display:block;
		font-size:0.32em;
		font-family: 'Spartan', sans-serif;
	font-weight:500;

	
}


/* START PHONE MENU*/
nav{ width:100%;
margin-left:-28px;
max-height:0px;
overflow:hidden;
transition: 1s all;
margin-bottom:-50px;
margin-top:13px;
}

.mostrar{ max-height:500px;
}

nav ul{ list-style:none;
}

nav ul li a{
	text-decoration:none;
	display:block;
	line-height:30px;	
	color: #000;
	font-size:3.2em;
	padding:7px;
	font-family: 'Spartan', sans-serif;
	font-weight:400;
}

nav ul li a:hover{
	background-color:#222;
	color:#fff;
	
}

nav li ul{ display:none;
top:180px;
left:30px;
line-height:20px;}

nav li:hover ul{
	display:block;
}



/*FINISH MENU PHONE*/

.tabla{
	position: relative;
    padding-bottom: 75%;
    /* Use 75% for 4:3 videos */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 5px;
	margin-bottom:35px;
	left:0;
}
	
#shadowbox{
/*	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);*/	
  margin:auto;
  width:300px;
  margin-top:130px;
  padding-left:0px;
}


.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #FFF;
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    height: 75px;
    width: 75px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("//i.imgur.com/TxzC70f.png") no-repeat;
    cursor: pointer;
}