/************************* BLOCK ONE *************************/
.overlay_bg_cred_one {
    display     : block;
    float       : left;
    position    : relative;
    width       : 100%;
    z-index     : 0;
}
.bg_one_mobile{
    display: none;
}
.credits_b_one {
    display     : inline-block;
    font-family : "libre baskerville";
    left        : 0;
    position    : absolute;
    top         : 8vw;
    width       : 100%;
    z-index     : 1;
}
.credits_b_one .container {
    width   : 65%;
}
.credits_b_one .container .container_inside {
    width   : 95%;
}    
.credits_b_one h1 {
    color       : #003C5C;
    font-family : "Munistic";
    font-size   : 3vw;
}
.credits_b_one h2 {
    color       : #003C5C;
    font-family : "Munistic";
    font-size   : 3vw;
}
.credits_b_one h3 {
    color        : #003C5C;
    font-family  : "Munistic";
    font-size    : 2.9vw;
    padding-left : 0.3vw;
}
.credits_b_one p {
    color        : #003C5C;
    font-family  : "Arial";
    font-size    : 1.1vw;
    padding-left : 0.3vw;
    text-align   : left;
}
.boton_link a {
    text-decoration : none;
}    
/************************* BLOCK TWO *************************/
.credits_b_two {
    display     : inline-block;
    font-family : "Arial";
    left        : 0;
    position    : absolute;
    top         : 8vw;
    width       : 100%;
    z-index     : 1;
}
.bg_two_mobile {
    display : none;
}        
.credits_b_two .container {
    width : 75%;
}
.credits_b_two h1 {
    color       : #fff;
    font-size   : 3vw;
    padding-top : 4vw;
    font-family : "Munistic";
}
.credits_b_two .container_inside_one {
    width : 93%;
}            
.credits_b_two p {
    color         : #fff;
    font-size     : 1.15vw;
    line-height   : 1.6vw;
    padding-top   : 0vw;
    padding-right : 7vw;
}
.credits_b_two_bars {
    position       : absolute;
    top            : 23vw;
    width          : 100%;
    display        : inline-block;
    z-index        : 1;
    font-family    : "Munistic";
    letter-spacing : 0.1rem;
}
.credits_b_two_bars .container{
    width: 100%;
}
.credits_b_two_bars .bars {
    background-image    : url('../../images/credits/bg_two_bars.png');
    height              : 2.1vw;
    margin-left         : -1vw; 
    margin-top          : 1vw;
    padding-left        : 5vw;
    width               : 75vw;
}
.credits_b_two_bars .text_bars {
    color         : #fff;
    font-size     : 1vw;
    line-height   : 1.6vw;
    padding-left  : 8.5vw;
    padding-right : 6vw;
    padding-top   : 0.25vw;
}
.credits_b_two_inside {
    display     : inline-block;
    font-family : "Arial";
    top         : 42vw;
    position    : absolute;
    width       : 100%;
    z-index     : 1;
}
.credits_b_two_inside .container {
    width : 75vw;
}
.credits_b_two_inside h2 {
    color       : #fff;
    font-size   : 2.7vw;
    padding-top : 0.5vw;
}
.credits_b_two_inside h3 {
    color       : #fff;
    font-size   : 1.5vw;
    padding-top : 0.5vw;
}

.credits_b_two_inside hr {
    background   : #fff;
    margin-right : 38vw;
    margin-top   : 1.5vw;
}
.credits_b_two_inside h1 {
    color       : #fff;
    font-size   : 2.5vw;
    padding-top : 1vw;
    font-family : "Munistic";
}
.credits_b_two_inside p {
    color         : #fff;
    font-size     : 1.2vw;
    line-height   : 1.6vw;
    padding-top   : 0.5vw;
    padding-right : 6vw;
}
/************************* BLOCK THREE *************************/
.credits_b_three {
    display     : inline-block;
    font-family : "Arial";
    position    : absolute;
    top         : 0vw;
    z-index     : 1;
    width       : 100%;
}
.credits_b_three .container{
    width : 90vw;
}
.credits_b_three .b_3_1 {
    background-color : #efdfd0; 
    padding-top      : 5vw;
    padding-bottom   : 5vw;
    padding-left     : 7vw;
    padding-right    : 7vw;
}
.credits_b_three .b_3_1 h2 {
    color       : #003C5C;
    font-family : "Munistic";
    font-size   : 3vw;
    padding-top : 4vw;
    text-align  : center;
}
.credits_b_three .b_3_1 h3 {
    color       : #56acb9;
    font-family : "Munistic";
    font-size   : 2vw;
    text-align  : left;
}
.credits_b_three .b_3_1 ul {
    color         : #0f4263;
    font-size     : 1.2vw;
    padding-left  : 1vw;
    padding-top   : 1vw;
}
.credits_b_three .b_3_1 ul li {
    padding-top   : 0.5vw;
}
.credits_b_three .b_3_1 .indicador {
    bottom : 0; 
    left   : 0; 
    right  : 0; 
    top    : 0; 
    margin : auto; 
}
.credits_b_three .b_3_1 p {
    color         : #003C5C;
    font-size     : 1.2vw;
    line-height   : 1.6vw;
    padding-right : 0vw;
    padding-top   : 1vw;
}
.credits_b_three .b_3_1 h2 {
    color       : #003C5C;
    font-family : "Munistic";
    font-size   : 2vw;
    padding-top : 2vw;
    text-align  : left; 
}   
.credits_b_three .b_3_1 .final_Block {
    margin-top  : 2vw;
} 
.credits_b_three .b_3_1 .final_h1 {
    text-align  : left!important;
    padding-top : 2vw!important;
}
.credits_b_three .b_3_2 {
    background-color : #4b6281; 
    padding-top      : 5vw;
    padding-bottom   : 5vw;
    padding-left     : 7vw;
    padding-right    : 7vw;            
} 
.credits_b_three .b_3_2 h2 {
    color       : #fff;
    font-size   : 2vw;
    padding-top : 2vw;
    font-family : "Munistic";
    text-align  : left; 
}
.credits_b_three .b_3_2 h3 {
    color       : #72d2e0;
    font-size   : 2vw;
    font-family : "Munistic";
    text-align  : left; 
}
.credits_b_three .b_3_2 .bq_3_h3_1 {
    color       : #fff;
    font-size   : 2vw;
    padding-top : 2vw;
}
.credits_b_three .b_3_2 .bq_3_h3_2 {
    color       : #fff;
    font-size   : 2vw;
    padding-top : 2vw;
}
.credits_b_three .b_3_2 ul {
    color         : #fff;
    font-size     : 1.2vw;
    padding-top   : 0.5vw;
    padding-left  : 2vw;
}
.credits_b_three .b_3_2 ul li {
    padding-top   : 0.5vw;
}
.credits_b_three .b_3_2 p {
    color           : #fff;
    font-size       : 1.20vw;
    padding-left    : 1.2vw;
    padding-top     : 2vw;
}
/* ********************************************************* */
@media( max-width: 768px ) and ( max-height: 500px ) {
    .bg_one_mobile {
        display : none!important;
    }
    .bg_one_pc {
        display : block!important;
    }
    .credits_b_one .container {
        width : 95vw!important;
    }
    .credits_b_one {
        top : 7vw!important;
    }
    .credits_b_one h1 {
        font-size : 4.5vw!important;
    }
    .credits_b_one h2 {
        font-size : 4.55vw!important;
    }
    .credits_b_one h3 {
        font-size : 4.4vw!important;
    }
    .credits_b_one p {
        font-size     : 2.25vw!important;
        padding-left  : 0.3vw!important;
        padding-right : 35vw!important;
    }
    .bg_two_pc {
        display: block!important;
    }
    .bg_two_mobile {
        display: none!important;
    }
    .credits_b_two {
        top : 0vw!important;
    }
    .credits_b_two .container {
        width : 90vw!important;
    }        
    .credits_b_two h1 {
        font-size   : 4vw!important;
        padding-top : 4vw!important;
    }
    .credits_b_two .container_inside_one {
        width : 93%!important;
    }
    .credits_b_two p {
        font-size     : 2vw!important;
        line-height   : 2.5vw!important;
        padding-top   : 1vw!important;
        padding-right : 10vw!important;
    }
    .credits_b_two_bars {
        top : 20vw!important;
    }
    .credits_b_two_bars .container {
        width : 100%!important;
    }
    .credits_b_two_bars .bars {
        margin-left  : -8vw!important;
        padding-left : 5vw!important;
        height       : 2.1vw!important;
        margin-top   : 1vw!important;
    }
    .credits_b_two_bars .text_bars {
        font-size     : 2vw!important;
        line-height   : 1.6vw!important;
        padding-top   : 0.25vw!important;
        padding-left  : 8.5vw!important;
        padding-right : 6vw!important;
    }
    .credits_b_two_inside {
        top : 38vw!important;
    }
    .credits_b_two_inside .container {
        width : 90%!important;
    } 
    .credits_b_two_inside h3 {
        font-size   : 2.5vw!important;
        padding-top : 0.5vw!important;
    }
    .credits_b_two_inside h2 {
        font-size   : 3.7vw!important;
        padding-top : 0.5vw!important;
    }
    .credits_b_two_inside p {
        font-size     : 2.2vw!important;
        line-height   : 1.6vw!important;
        padding-top   : 0.5vw!important;
        padding-right : 6vw!important;
    }
    .credits_b_three .b_3_1 p {
        font-size   : 2vw!important;
        line-height : 4.6vw!important;
        padding-top : 2vw!important;
    }
    .credits_b_three .b_3_1 h2 {
        font-size   : 3.5vw!important;
        padding-top : 3vw!important;
    }
    .credits_b_three .b_3_1 h3 {
        font-size : 3vw!important;
    }
    .credits_b_three .b_3_1 ul {
        font-size    : 2.2vw!important;
        padding-top  : 1vw!important;
        padding-left : 1vw!important;
    }
    .credits_b_three .b_3_2 h2 {
        font-size   : 3vw!important;
        padding-top : 2vw!important;
    }
    .credits_b_three .b_3_2 h3 {
        font-size : 3vw!important;
    }
    .credits_b_three .b_3_2 ul {
        font-size    : 2.2vw!important;
        padding-top  : 1vw!important;
        padding-left : 1vw!important;
    }
    .credits_b_three .b_3_2 p {
        font-size   : 2.5vw!important;
    }        
}
@media( max-width: 700px ) {
    .bg_one_mobile {
        display : block;
    }
    .bg_one_pc {
        display : none;
    }
    .credits_b_one {
        top : 20vw;
    }        
    .credits_b_one .container {
        width : 90%;
    }
    .credits_b_one h1 {
        font-size : 6vw;
    }                
    .credits_b_one h2 {
        font-size : 6vw;
    }
    .credits_b_one h3 {
        font-size : 5.9vw;
    }
    .credits_b_one p {
        font-size       : 3.8vw;
        padding-left    : 0.3vw;
        padding-right   : 18vw;
    }
    .bg_two_mobile {
        display : block;
    }
    .bg_two_pc {
        display : none;
    }
    .credits_b_two {
        top : 5vw;
    }
    .credits_b_two .container {
        width : 95%;
    }
    .credits_b_two h1 {
        font-size   : 6vw;
        padding-top : 4vw;
    }
    .credits_b_two .container_inside_one {
        width : 100%;
    }
    .credits_b_two p {
        font-size     : 3.25vw;
        padding-top   : 0vw;
        padding-right : 20vw;
    }
    .credits_b_two p {
        font-size     : 3.25vw;
        padding-top   : 0vw;
        padding-right : 20vw;
        line-height   : 5vw;
    }
    .credits_b_two_bars {
        top : 60vw;
    }
    .credits_b_two_bars .container {
        width : 100%;
    }
    .credits_b_two_bars .bars {
        margin-left  : -10vw;
        padding-left : 5vw;
        height       : 5.1vw;
        margin-top   : 3vw;
        width        : 67vw;
    }
    .credits_b_two_bars .text_bars {
        font-size     : 3vw;
        line-height   : 1.6vw;
        padding-top   : 2vw;
        padding-left  : 7.5vw;
        padding-right : 0vw;
    }
    .credits_b_two_inside {
        top : 105vw;
    }
    .credits_b_two_inside .container {
        width : 95vw;
    }
    .credits_b_two_inside h3 {
        font-size   : 3.5vw;
        padding-top : 0.5vw;
    }
    .credits_b_two_inside h2 {
        font-size   : 4.7vw;
        padding-top : 0.5vw;
    }
    .credits_b_two_inside p {
        font-size     : 3.2vw;
        line-height   : 5.5vw;
        padding-top   : 0.5vw;
        padding-right : 0vw;
    }
    .credits_b_two_inside h1 {
        font-size : 3.5vw;
    }
    .credits_b_three .b_3_1 h1 {
        font-size : 7vw;
    }
    .credits_b_three .b_3_1 p {
        font-size   : 3.2vw;
        line-height : 4.6vw;
        padding-top : 3.5vw;
    }
    .credits_b_three .b_3_1 h2 {
        font-size   : 5vw;
        padding-top : 3vw;
    }
    .credits_b_three .b_3_1 h3 {
        font-size : 4vw;
    }      
    .credits_b_three .b_3_1 ul {
        font-size    : 4vw;
        padding-top  : 1vw;
        padding-left : 1vw;
    }
    .credits_b_three .b_3_2 {
        padding-top     : 15vw;
        padding-bottom  : 15vw;
    }    
    .credits_b_three .b_3_2 h2 {
        font-size   : 5vw;
        padding-top : 2vw;
    }
    .credits_b_three .b_3_2 h3 {
        font-size : 4vw;
    }
    .credits_b_three .b_3_2 ul {
        font-size    : 3.2vw;
        padding-top  : 1vw;
        padding-left : 1vw;
    }
    .credits_b_three .b_3_2 ul {
        font-size       : 4vw;
        padding-top     : 1vw;
        padding-left    : 1vw;
        padding-right   : 10vw;
    }    
    .credits_b_three .b_3_2 p {
        font-size: 3.5vw;
    }    
    .credits_b_three .b_3_2 .bq_3_h3_1 {
        font-size   : 5vw;
        padding-top : 5vw;
    }
    .credits_b_three .b_3_2 .bq_3_h3_2 {
        font-size   : 5vw;
        padding-top : 5vw;
    }
    .credits_b_three .b_3_2 p {
        font-size   : 4vw;
        padding-top : 5vw;
    }      
}

/* @media(max-width: 1365px) {}
@media(max-width: 1280px) {} */
/* IPAD PRO */
/* @media only screen 
    and (min-width: 1024px) 
    and (max-height: 1366px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {} */
/* IPAD */
/* @media only screen 
    and (min-width: 768px) 
    and (max-height: 1024px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {} */
/* KIDLE FIRE HDX */
/* @media only screen 
    and (min-width: 800px) 
    and (max-height: 1280px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {} */
/* @media(max-width: 768px) and (max-height: 500px){}
@media(max-width: 500px){}
@media(max-width: 768px) and (max-height: 500px) {}
@media(max-width: 700px){}
@media (max-height: 480px) and (max-width: 320px) {
} */