@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_3_1.png");
	display:block;
}

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

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

#tab_4{
	background:url("../img/bg_3_4.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:29.5%;
	top:38%;
}

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

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

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

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

#tab_2 .illustration:nth-of-type(1){
	width:33%;
	height:31%;
	bottom:10%;
	left:4%;
	background-image:url("../img/illustration_1.png");
}

#tab_2 .illustration:nth-of-type(2){
	width:33%;
	height:31%;
	bottom:10%;
	left:39%;
	background-image:url("../img/illustration_2.png");
}

#tab_2 .illustration:nth-of-type(3){
	width:33%;
	height:31%;
	bottom:45%;
	left:39%;
	background-image:url("../img/illustration_3.png");
}

#tab_2 .illustration:nth-of-type(4){
	width:25%;
	height:60%;
	bottom:35%;
	left:73%;
	background-image:url("../img/illustration_4.png");
}

#tab_3 .illustration:nth-of-type(1){
	width:20%;
	height:40%;
	bottom:18%;
	left:23%;
	background:url("../img/illustration_5.png");
}

#tab_3 .illustration:nth-of-type(2){
	width:20%;
	height:40%;
	bottom:10%;
	left:50%;
	background:url("../img/illustration_6.png");
}

#tab_3 .illustration:nth-of-type(3){
	width:17%;
	height:40%;
	bottom:14%;
	left:75%;
	background:url("../img/illustration_7.png");
}

#tab_4 .illustration:nth-of-type(1){
	width:22%;
	height:40%;
	bottom:38%;
	left:10%;
	background:url("../img/illustration_8.png");
}

#tab_4 .illustration:nth-of-type(2){
	width:22%;
	height:40%;
	bottom:38%;
	left:65%;
	background:url("../img/illustration_9.png");
}

#tab_4 .illustration:nth-of-type(3){
	width:22%;
	height:40%;
	bottom:4%;
	left:19%;
	background:url("../img/illustration_10.png");
}

#tab_4 .illustration:nth-of-type(4){
	width:22%;
	height:40%;
	bottom:4%;
	left:57%;
	background:url("../img/illustration_11.png");
}