

/* INSTRUMENT SELECTION BAR */
.lyrics_container .wrapper-instruments {
  position: relative;
  z-index: 200;
  text-align:center;
}
.select_instrument { display:none; background:transparent;padding: 16px 20px; margin: 4px 0px; text-align: center; }
.select_instrument h2 { color:black; margin-bottom: 40px; }
/* line 25, ../sass/partials/home/_section3.scss */
.select_instrument .wrapper-instruments .instrument-mobile {
  display: inline-block;
  position: relative;
  width: auto;
  overflow: hidden;
  max-height: 280px;
}
/* line 30, ../sass/partials/home/_section3.scss */
.select_instrument  .wrapper-instruments .instrument-mobile .instrument {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  transform: translate(0, 0);
  display: inline-block;
  border: 0px solid #fff;
  border-radius: 50%;
  padding: 22px;
  margin: 0 auto;
  width: 95px;
  min-height: 95px;
  background-color: #000;
  color: #fff !important;
  z-index: 50;
  transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  cursor:pointer;
  box-sizing: border-box;
  text-align:center;
  font-size: 9px;
  line-height:18px;
  text-transform: uppercase;
}
.select_instrument .wrapper-instruments .instrument-mobile .instrument {
	background-color: rgba(128, 128, 128, 0.22);
}
.select_instrument  .wrapper-instruments .instrument-mobile .instrument.selected {
	background-color: #ffc107;
}
.select_instrument h2.inactive { 
	color: rgba(128, 128, 128, 0.22); 
}

/* line 47, ../sass/partials/home/_section3.scss */
.select_instrument  .wrapper-instruments .instrument-mobile .instrument .fa {
  display:block;
  font-size: 55px;
  margin-bottom: 5px;
  color: #fff;
}
/* line 52, ../sass/partials/home/_section3.scss */
.select_instrument  .wrapper-instruments .instrument-mobile .instrument:hover {
  background-color: #ffc107;
}
@media screen and (min-width: 850px) {
  /* line 30, ../sass/partials/home/_section3.scss */
  .select_instrument  .wrapper-instruments .instrument-mobile {
    margin: 0 40px 0 0;
  	margin-right: 30px;
  }
  .select_instrument  .wrapper-instruments .instrument-mobile .instrument {
    line-height: 12px;
  }
  /* line 60, ../sass/partials/home/_section3.scss */
  .select_instrument  .wrapper-instruments .instrument-mobile .instrument:last-of-type {
    margin: 0;
  }
}
/* line 65, ../sass/partials/home/_section3.scss */
.select_instrument .wrapper-instruments .instrument-mobile .img-mobile {
  width: 100%;
  min-width: 560px;
}
@media screen and (min-width: 850px) {
  /* line 65, ../sass/partials/home/_section3.scss */
  .select_instrument .wrapper-instruments .instrument-mobile .img-mobile {
    display: none;
    width: 0;
  }
}
/* line 73, ../sass/partials/home/_section3.scss */
.select_instrument .wrapper-instruments .instrument-mobile .veil-black {
  position: absolute;
  z-index: 30;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* line 81, ../sass/partials/home/_section3.scss */
.select_instrument .wrapper-instruments .instrument-mobile .veil-black img {
  width: 100%;
  min-height: 100%;
}
@media screen and (min-width: 850px) {
  /* line 73, ../sass/partials/home/_section3.scss */
  .select_instrument .wrapper-instruments .instrument-mobile .veil-black {
    display: none;
  }
}
@media screen and (min-width: 850px) {
  /* line 25, ../sass/partials/home/_section3.scss */
  .select_instrument .wrapper-instruments .instrument-mobile {
    display: inline-block;
	vertical-align:top;
    width: auto;
    margin-right: 10px;
  }
  /* line 93, ../sass/partials/home/_section3.scss */
  .select_instrument .wrapper-instruments .instrument-mobile:last-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 850px) {
  	/* line 22, ../sass/partials/home/_section3.scss */
	.select_instrument h2 {
		display: inline-block;
		vertical-align: middle;
		margin: 10px;
		line-height: 1.2;	
	}
	.select_instrument .wrapper-instruments {
    	max-width: none;
	  	display: inline-block;
    	vertical-align: middle;
 	}
}


/* HTML menu settings */
#tca_panel_settings.fixed_menu {
	position: fixed;
	bottom: 28px;
	left: 50%;
	width: 360px;
	min-height:90px;
	margin-left:-180px;
	text-align: center;
	z-index: 998;
	opacity: 0.8;
	cursor: pointer;
}
#tca_panel_settings.fixed_menu .menu_item {
	display: inline-block;
	vertical-align:top;
	list-style-type:none;
	background-color: rgb(162, 165, 119);
	border-radius: 50px;
	background-size: cover;
	width: 50px;
	height: 50px;
	margin: 4px;
	cursor: pointer;
	text-align: center;
	line-height: 50px;
	color: white;
	font-weight: 400;
	font-family: helvetica;
	font-size: 26px;
}


#tca_panel_settings .menu_item:hover {
	opacity:1;
}

.tca_screen {
	display:none;
	position: fixed;
    bottom: 40px;
    left: 50%;
	margin-left:-157px;
	max-width: 614px;
	padding: 12px;
	margin-right: 10px;
    margin-top: 10px;
	border:1px solid black;
	border-radius: 5px;
	background:white;
    z-index:999;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	background: url('https://tucuatro.com/es/wp-content/themes/tucuatro/img/header.jpg') 50% 79% black;
}
.tca_screen div, .tca_screen div {
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

.tca_screen div.close {
	position: absolute;
    right: -10px;
    top: -10px;
    width: 28px;
	height: 28px;
	text-align: center;
    background: white;
    padding: 4px;
    border-radius: 50px;
  	-webkit-border-radius: 50px; 
  	-moz-border-radius: 50px; 
    border: 1px solid black;
    cursor:pointer;
}

.tca_screen .content {
}

