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

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

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

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

#tab_5{
    background:#9BC755;
}

.tab_nav{
    position:absolute;
    bottom: 4.6%;
    width: 100%;
    height: 6%;
    left: 0;
    z-index:2;
}

.tab_nav div{
    display:inline-block;
    float:left;
    height:100%;
}

.btn_previous{
    border-radius:10px 0 0 0;
    left:1%;
}

.btn_home{
    border-radius:10px 10px 0 0;
    left:5%;
}

.btn_next{
    border-radius:0px 10px 0 0;
    right:0;
}

.custom_btn:hover{
    cursor:pointer;
    -webkit-filter:grayscale(0.5);
}

.custom_btn:active{
    transform:scaleY(0.8);
}

.tab_nav .nav_btn:nth-of-type(2){
    margin-left:5%;
}

.nav_btn, .btn_home, .custom_btn, .btn_help{
    position:relative;
    bottom:15%;
    background-size:100% !important;
    background-repeat:no-repeat !important;
    margin-right:10px;
}

.btn_home{
    width:6.7%;
    background:url("../img/btn_1.png");
}

.nav_btn{
    background:url("../img/btn_2.png");
    width:13%;
}

.nav_btn:hover:not(.active), .btn_home:hover:not(.active), .custom_btn:hover{
    cursor:pointer;
    -webkit-filter:grayscale(0.5);
    transform:scale(1.05);
}

.nav_btn:active, .btn_home:active, .custom_btn:active{
    transform:scale(1);
}

.active{
    -webkit-filter:grayscale(1);
}

.btn_home i, .custom_btn i{
    color:white;
    font-size:2.6em;
    position:relative;
    top:50%;
    left:50%;
    transform:translateY(-50%) translateX(-50%);

}

.btn_forward, .btn_previous{
    background-image:url("../img/btn_1.png");
    position:absolute;
    height:7%;
    bottom:3.5%;
    width: 7%;
    z-index:30;
}

.btn_forward i, .btn_previous i{
    color:#FFFF00;
    position:relative;
    top:50%;
    left:50%;
    font-size:2em;
    transform:translateX(-50%) translateY(-50%);
}

.btn_forward{
    left:85%;
}

.btn_previous{
    left:60%;
}

.content{
    position:absolute;
    width:70%;
    height:70%;
    left:15%;
    top:10%;
    background-size:100%;
    background-repeat:no-repeat;
    background-image:url("../img/popup_bg.png");
}

.content > *{
    text-align:center;
    padding:15px 30px;
}

.content h5{
    font-size:2.5em;
}

.content h5:first-of-type{
    margin-top:6%;
}

.content p{
    font-size:2.5em;
}

.paragraph{
    position:absolute;
    left:10%;
    top:25%;
    width:35%;
    height:65%;
    overflow-y:scroll;
}

.paragraph p{
    text-align:justify;
    font-size:2em
}