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

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

.back, .forward{
    position:absolute;
    width:15%;
    bottom: 1%;
    z-index:3;
}

.back{
    left:63%;
}

.forward{
    left:81%;
}

.back:hover, .forward:hover{
    cursor:pointer;
    opacity:0.85;
    transform:scale(1.05);
}

.back:active, .forward:active{
    opacity:1;
    transform:scale(1);
}
.video{
    position:absolute;    
    width: 60%;    
    height: 64%;    
    left: 20%;    
    top: 18%;
    background:#333333;
    border-radius:10px;  
    overflow:hidden;  
}

.video video{
    width:100%;
    height:100%;
    display:none;
    border:none;
    background:#000000;
}

.btn_play{
    position:absolute;
    top:50%;
    left:50%;
    height:30%;
    transform:translateX(-50%) translateY(-50%);
}

.btn_play:hover{
    cursor:pointer;
    opacity:0.85;
    transform:translateX(-50%) translateY(-50%) scale(1.1);
}

.btn_play:active{
    transform:translateX(-50%) translateY(-50%) scale(0.95);
    opacity:1;
}