@font-face {
    font-family: LE_SILENCE_DES_CAFARDS;
    src: url('../fonts/LE_SILENCE_DES_CAFARDS.ttf');
}

@font-face {
    font-family: cabin-regular;
    src: url('../fonts/Cabin-Regular.ttf');
}

@font-face {
    font-family: cabin-bold;
    src: url('../fonts/Cabin-Bold.ttf');
}

*{
	margin:0;
	padding:0;
}

p, h3, h2, h1{
	font-family:'cabin-regular';
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar:hover{
    cursor:pointer;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(76, 75, 73, 1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 1); 
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(76, 75, 73, 1);
}

.ggb_contenidoInterno{
	background-size:cover;
}

.tab{
    position:absolute;
    width:97%;
    height:83%;
    border-radius:15px;
    background-size:cover !important;
    display:none;
}

#tab_1{
	background:url("../img/bg_6_1.png");
	display:block;
}

#tab_2{
	background:url("../img/bg_6_2.png");
}

#tab_3{
	background:url("../img/bg_6_3.png");
}

#tab_4{
	background:url("../img/bg_6_4.png");
}

#tab_5{
	background:url("../img/bg_6_5.png");
}

#tab_6{
	background:url("../img/bg_5_6.png");
}

#tab_7{
	background:url("../img/bg_5_7.png");
}

.btn_tab{
	position:absolute;
	width:5%;
}

.btn_tab:hover{
	cursor:pointer;
	transform:scale(1.1);
	-webkit-filter: drop-shadow(0px 0px 5px black);
}

.btn_tab:active{
	transform:scale(1);
	-webkit-filter: drop-shadow(0px 0px 1px black);
}

#tab_1 .btn_tab:nth-of-type(1){
	left: 37.5%;
	top: 33%;
}

#tab_1 .btn_tab:nth-of-type(2){
	left: 13.1%;
	top: 72%;
}

#tab_1 .btn_tab:nth-of-type(3){
	left: 63%;
	top: 72%;
}

#tab_2 .btn_tab, #tab_3 .btn_tab, #tab_4 .btn_tab{
	width:6%;
	left:90%;
	bottom:12%;
}

.illustration{
	position:absolute;
	background:white;
	background-size:100% !important;
	background-repeat:no-repeat !important;
	border-radius:10px;
	display:none;
}

#tab_2 .illustration:nth-of-type(1){
	width: 53%;
	height: 53%;
	bottom: 11%;
	left: 5%;
}

#tab_2 .illustration:nth-of-type(2){
	width: 30%;
	height: 53%;
	bottom: 11%;
	left: 59%;
}

#tab_2 .illustration:nth-of-type(3){
	width:33%;
	height:31%;
	bottom:45%;
	left:39%;
}

#tab_2 .illustration:nth-of-type(4){
	width:25%;
	height:60%;
	bottom:35%;
	left:73%;
}

#tab_3 .illustration:nth-of-type(1), #tab_4 .illustration:nth-of-type(1){
	width:20%;
	height:40%;
	bottom:18%;
	left: 17%;
}

#tab_3 .illustration:nth-of-type(1){
	background:url("../img/illustration_5.png");
}

#tab_3 .illustration:nth-of-type(2), #tab_4 .illustration:nth-of-type(2){
	width:20%;
	height:40%;
	bottom:10%;
	left: 43%;
}

#tab_3 .illustration:nth-of-type(2){
	background:url("../img/illustration_6.png");	
}

#tab_3 .illustration:nth-of-type(3), #tab_4 .illustration:nth-of-type(3){
	width:17%;
	height:40%;
	bottom:14%;
	left: 67%;
}

#tab_3 .illustration:nth-of-type(3){
	background:url("../img/illustration_7.png");
}

.btn_next{
	position:absolute;
	width:6%;
	bottom:7%;
	right:4%;
}

.btn_previous{
	position:absolute;
	width:6%;
	bottom:7%;
	right:11%;
}

.btn_next:hover, .btn_previous:hover{
	cursor:pointer;
	transform:scale(1.1);
}

.btn_next:active, .btn_previous:active{
	transform:scale(0.95);
}

.btn{
	position:absolute;
	height:13%;
	bottom:10%;
}

.btn:hover{
	cursor:pointer;
	transform:scale(1.1);
}

.btn:active{
	transform:scale(0.95);
}

.btn:nth-of-type(1){
	left:5%;
}

.btn:nth-of-type(2){
	left:35%;
}

.btn:nth-of-type(3){
	left:65%;
}

.btn_audio{
	position:absolute;
	width:5%;
}

.btn_audio:hover, .btn_close:hover{
	cursor:pointer;
	transform:scale(1.1);
}

.btn_audio:active, .btn_close:active{
	transform:scale(0.95);
}

#tab_3 .btn_audio:nth-of-type(1){
	left:7%;
	top:28%;
}

#tab_3 .btn_audio:nth-of-type(2){
	left:28.6%;
	top:42%;
}

#tab_3 .btn_audio:nth-of-type(3){
	left:54%;
	top:54%;
}

#tab_3 .btn_audio:nth-of-type(4){
	left:70%;
	top:28%;
}

#tab_3 .btn_audio:nth-of-type(5){
	left:5%;
	top:76%;
}

#tab_3 .btn_audio:nth-of-type(6){
	left:33%;
	top:76%;
}

#tab_3 .btn_audio:nth-of-type(7){
	left:68%;
	top:70%;
}

.btn_close{
	position:absolute;
	width:20%;
	top:4%;
	right:2%;
}

.popup{
	position:absolute;
	width:21%;
	height:35%;
	background:rgba(255, 255, 255, 0.2);
	background-size:100% !important;
	background-repeat:no-repeat !important;
	z-index:20;
	display:none;
}

#tab_3 .popup:nth-of-type(1){
	left:8%;
	top:25%;
	background:url("../img/window_1.png");
}

#tab_3 .popup:nth-of-type(2){
	left:30%;
	top:35%;
	background:url("../img/window_2.png");	
}

#tab_3 .popup:nth-of-type(3){
	left:55%;
	top:35%;
	background:url("../img/window_3.png");		
}

#tab_3 .popup:nth-of-type(4){
	left:70%;
	top:20%;
	background:url("../img/window_4.png");		
}

#tab_3 .popup:nth-of-type(5){
	left:9%;
	top:62%;
	background:url("../img/window_5.png");		
}

#tab_3 .popup:nth-of-type(6){
	left:38%;
	top:62%;
	background:url("../img/window_6.png");		
}

#tab_3 .popup:nth-of-type(7){
	left:70%;
	top:62%;
	background:url("../img/window_7.png");	
}

#tab_4 .btn_audio:nth-of-type(1){
	left: 11%;
	top: 49%;
}

#tab_4 .btn_audio:nth-of-type(2){
	left: 68.6%;
	top: 34%;
}

#tab_4 .btn_audio:nth-of-type(3){
	left: 44%;
	top: 74%;
}

#tab_4 .popup:nth-of-type(1){
	left: 9%;
	top: 44%;
	background:url("../img/window_8.png");
}

#tab_4 .popup:nth-of-type(2){
	left: 69%;
	top:35%;
	background:url("../img/window_9.png");
}

#tab_4 .popup:nth-of-type(3){
	left: 45%;
	top: 62%;
	background:url("../img/window_10.png");
}

#tab_5 .btn_audio{
	left:6%;
	top:38%;
}

#tab_5 .popup{
	left:45%;
	top:20%;
	width:40%;
	height:66%;
	background:url("../img/window_11.png");
}

#tab_5 .btn_close{
	width:13%;
}