/* ------------------------------------- GENERAL STYLE ------------------------------------- */
@font-face{
    src         : url(../../fonts/KohinoorBangla.ttf);
    font-family : 'KohinoorBangla';
    font-style  : normal;
}
@font-face{
    src         : url(../../fonts/Munistic.ttf);
    font-family : 'Munistic';
    font-style  : normal;
}
@font-face{
    src         : url(../../fonts/MunisticItalic.ttf);
    font-family : 'MunisticItalic';
    font-style  : normal;
}
html{
    font-size : 14px;
}
body{
    font-family : 'Munistic';
    position    : relative;
}
body h1,h2,h3,h4,h5,h6,p{
    margin : 0px;
}
body input:focus{
    outline : none;
}
body ul{
    margin       : 0;
    list-style   : none;
    padding-left : 0px;
}
body a:hover,body a:focus{
    text-decoration : none;
}
button:hover,button:focus{
    outline : none;
    cursor  : pointer;
}
img{
    max-width : 100%;
}
header{
    padding  : 10vw 0;
    z-index  : 1;
    position : relative;
}
header{
    padding: 10vw 0;
    z-index: 1;
    position: relative;
}
header .logo {
    width: 15vw;
    margin-bottom: 2.5vw;
}
header h1 {
    color: #003C5C;
    font-size: 2.7vw;
}
header h4 {
    color: #003C5C;
    font-size: 1.5vw;
    margin-top: .5vw;
    margin-bottom: 3vw;
}
header .downarrow {
    width: 2.5vw;
}
.container {
    width: 62%;
    max-width: 100%;
}
footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
}
footer .logo {
    width: 16vw;
    margin-bottom: 5vw;
    margin-top: -12vw;
}
footer p {
    color: white;
    font-size: 1vw;
    text-transform: uppercase;
    margin-bottom: 1vw;
}
footer ul {
    margin-bottom: 2.5vw;
}
footer ul li a img {
    width: 2vw;
}
.explore-btn:focus{
    outline: none;
}
.explore-btn{
    cursor: pointer;
    background-color: transparent;;
    border:0;
}
.padding_0{
    padding : 0px;
}
/*FONDO ORIGINAL*/
.overlay_bg {
    display  : block;
    float    : left;
    position : relative;
    width    : 100%;
    z-index  : 0;
}
/* FONDO - HOME BLOQUE 1 */
.overlay-bg-home-b1{
    position : relative;
    float    : left;
    display  : block;
    width    : 100%;
    z-index  : 0;
}
/* FONDO - HOME BLOQUE 2 */
.overlay-bg-home-b2{
    position : relative;
    float    : left;
    display  : block;
    width    : 100%;
    z-index  : 0;
    /*animation-duration: 10s;*/
    /*animation-delay: 2s;*/
    /*animation-iteration-count: infinite;*/
}
/* FONDO - CREDITOS BLOQUE 6 */
.overlay-bg-credits-b6-girl {
    position   : absolute;
    float      : left;
    display    : block;
    z-index    : 5;
    margin-top : 15.25vw;
    text-align : left;  
    right: 10vw;  
}
/* FONDO - CREDITOS BLOQUE 10 */
.overlay-bg-credits-b10 {
    position   : absolute;
    float      : left;
    display    : block;
    width      : 75%;
    left       : 0;
    right      : 0;
    bottom     : 0;
    top        : 0;
    margin     : 0 auto;
    z-index    : 5;
    margin-top : 18vw;
}
.overlay-bg-cl-3{
    position: relative;
    float: left;
    display: block;
    width: 100%;
    z-index: 0;
}
.text-align-last-center-class {
    text-align              : justify;
    text-justify            : distribute;
    -moz-text-align-last    : center;
    -webkit-text-align-last : center;
    -o-text-align-last      : center;
    text-align-last         : center;
}
.text-align-last-right-class {
    text-align              : justify;
    text-justify            : distribute;
    -moz-text-align-last    : right;
    -webkit-text-align-last : right;
    -o-text-align-last      : right;
    text-align-last         : right;
}
.content_section {
    display  : inline-block;
    float    : left;
    position : relative;
    width    : 100%;   
}
/* ----------------------------------------------------------------------------------------- */