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

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

#tab_3{
    background:url("../img/bg_7_3.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);
}

.drags{
    position:absolute;
    width: 96.4%;
    height: 39.2%;
    /* background:red; */
    left: 1.7%;
    top: 13.5%;
    z-index:10;
}

.drag{
    display:inline-block;
    float:left;
    height:100%;
    width:14.28%;
    background:whitesmoke;
    background-repeat:no-repeat !important;
    background-position:50% 50% !important;
    background-size:100% !important;
}

.drag:hover{
    cursor:pointer;
}

.drag:nth-of-type(1){
    background:url("../img/drag_7.png");
}

.drag:nth-of-type(2){
    background:url("../img/drag_8.png");
}

.drag:nth-of-type(3){
    background:url("../img/drag_9.png");
}

.drag:nth-of-type(4){
    background:url("../img/drag_10.png");
}

.drag:nth-of-type(5){
    background:url("../img/drag_11.png");
}

.drag:nth-of-type(6){
    background:url("../img/drag_12.png");
}

.drag:nth-of-type(7){
    background:url("../img/drag_13.png");
}

.drop{
    position:absolute;
    width:15%;
    height:25%;
    bottom:19%;
    /* background:yellow; */
}

.drop:nth-of-type(2){
    left:5.5%;
}

.drop:nth-of-type(3){
    left:30.8%;
}

.drop:nth-of-type(4){
    left:54.9%;
}

.drop:nth-of-type(5){
    left:80%;
}

.dragging{
    pointer-events:none;
}

.grabbing{
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}

.drop > div{
    display:inline-block;
    float:left;
    height:100%;
    width:50%;
    margin-left:25%;
}