@font-face {
    font-family: 'cabin-regular';
    /*a name to be used later*/
    
    src: url('../fonts/Cabin-Regular.ttf');
    /*URL to font*/
}
@font-face {
    font-family: 'cabin-italic';
    /*a name to be used later*/
    
    src: url('../fonts/Cabin-Italic.ttf');
    /*URL to font*/
}
@font-face {
    font-family: 'cabin-bold-italic';
    /*a name to be used later*/
    
    src: url('../fonts/Cabin-BoldItalic.ttf');
    /*URL to font*/
}
@font-face {
    font-family: 'big-noodle';
    /*a name to be used later*/
    
    src: url('../fonts/big_noodle_titling.ttf');
    /*URL to font*/
}
.ggb_contenidoInterno {
    background: none;
}
.tab {
    position: absolute;
    width: 97%;
    height: 83%;
    border-radius: 15px;
    overflow: hidden;
}
#tab_1 {
    background-image: url('../img/bg_1_1.png');
    background-size: cover;
    overflow: hidden;
}
#tab_1 .tab_nav {
    left: 3%;
}
.tab_nav {
    position: absolute;
    bottom: 0;
    width: 16%;
    height: 9.5%;
    left: 42%;
}
.tab_nav div {
    display: inline-block;
    float: left;
    height: 100%;
}
.custom_btn {
    width: 33%;
    height: 100%;
    background: #EB7F26;
    color: #FFF;
    font-size: 3em;
    text-align: center;
    border-bottom: solid 6px #89380F;
    bottom: 0;
    position: absolute;
}
.custom_btn:hover {
    cursor: pointer;
    background: #EA9D63;
}
.custom_btn:active {
    transform: scaleY(0.8);
    background: #89380F;
}
#tab_1 .btn_help {
    border-radius: 10px 10px 0 0;
}
.video {
    position: absolute;
}
.video video {
    width: 100%;
    height: 100%;
    display: none;
    border: none;
    background: black;
}
#tab_1 .video {
    left: 23%;
    top: 29%;
    width: 54%;
    height: 65%;
    border-radius: 15px;
    box-sizing: border-box;
    border: solid 14px #272E2B;
    background: #768473;/* Old browsers */
    background: -moz-linear-gradient(-45deg, #768473 0%, #768473 50%, #667663 50%, #667663 100%);/* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #768473), color-stop(50%, #768473), color-stop(50%, #667663), color-stop(100%, #667663));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #768473 0%, #768473 50%, #667663 50%, #667663 100%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #768473 0%, #768473 50%, #667663 50%, #667663 100%);/* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #768473 0%, #768473 50%, #667663 50%, #667663 100%);/* IE10+ */
    background: linear-gradient(155deg, #768473 0%, #768473 50%, #667663 50%, #667663 100%);/* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#768473', endColorstr='#667663', GradientType=1);/* IE6-9 fallback on horizontal gradient */
}
.btn_play {
    position: absolute;
    width: 10%;
    left: 45%;
    top: 50%;
    transform: translateY(-50%);
}
.btn_play:hover {
    cursor: pointer;
    opacity: 0.9;
    transform: translateY(-50%) scale(1.1);
}
.btn_play:active {
    opacity: 1;
    transform: translateY(-50%) scale(0.95);
}