@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital@1&display=swap');

@font-face {
    font-family: 'NeoSansPro-Medium-Italic';
    src: url('../fonts/NeoSansPro-Medium-Italic.eot');
    src: url('../fonts/NeoSansPro-Medium-Italic.eot') format('embedded-opentype'),
         url('../fonts/NeoSansPro-Medium-Italic.woff2') format('woff2'),
         url('../fonts/NeoSansPro-Medium-Italic.woff') format('woff'),
         url('../fonts/NeoSansPro-Medium-Italic.ttf') format('truetype'),
         url('../fonts/NeoSansPro-Medium-Italic.svg#NeoSansPro-Medium-Italic') format('svg');
}

html {
    font-size: 14px;
    overflow-x: hidden;
}
body {
    font-family: 'Open Sans', sans-serif;
    background: #084b98;
    color: #898989;
    /* overflow-x: hidden; */
    position: relative;
}

a, .BoxInpirate-SubMenu .BoxSubMenu, .BoxInpirate-MenuPrincipal .BoxMenu{
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
    letter-spacing: 1.5px;
    color: #000;
}

/* WEB UTILITIES */

.Web-Wrapper {
    display: block;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
}
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px;
}

/* LANDING INTRO /////////////////////////////////////////////////////////////*/

.BgIntro {
    background: url(../img/bg-header.jpg);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 800px;
}

.Landing-Intro {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Landing-Intro .ImgColaBotella {
    position: absolute;
    left: -3%;
    bottom: 20%;
}
.Landing-Intro .ImgColaBotella .Img{}
.Landing-Intro .ImgFrase{
    position: absolute;
    right: 10%;
    bottom: 5%;
}
.Landing-Intro .ImgFrase .Img{}

.BoxIntro {
    width: 340px;
}
.BoxIntro .BoxImg{
    margin-bottom: 3rem;
}
.BoxIntro .Title {
    text-transform: uppercase;
    color: #f5d1c5;
    font-weight: 700;
    font-size: 2.2rem;
}
.BoxIntro .Title .Marcado {
    position: relative;
}
.BoxIntro .Title .Marcado img {
    position: absolute;
    left: 0;
    width: 100%;
    top: 20px;
}
.BoxIntro .Text {
    color: #f5d1c5;
    line-height: 1.3rem;
}

/* LANDING MARCAS /////////////////////////////////////////////////////////////*/


.BgMarcas {
    background: url(../img/bg-body.jpg);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 800px;
}

.Landing-Marcas{}
.Landing-Marcas .BoxMarcas{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.Landing-Marcas .BoxMarcas .BoxMarca {
    width: 20%;
    margin: 1.4rem 0;
}

/* LANDING FOOTER /////////////////////////////////////////////////////////////*/

.BgFooter {
    background: url(../img/bg-footer.jpg);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}


.Landing-Footer{
    background: #000;
}

.Landing-Footer .BoxFooterLogo {
    display: flex;
    justify-content: space-between;
}
.Landing-Footer .BoxFooterLogo .BoxLogo{
    margin: 0;
}
.Landing-Footer .BoxFooterLogo .BoxLogo .Img{}
.Landing-Footer .BoxFooterLogo .BoxPais{}
.Landing-Footer .BoxFooterLogo .BoxPais .Title {
    color: #f5d1c5;
    margin: 0;
    font-size: 1.2rem;
}
.Landing-Footer .BoxFooterLogo .BoxPais .Text{
    color: #f5d1c5;

}

.Landing-Footer .BoxFooterRedes {
    display: flex;
    justify-content: flex-end;
}
.Landing-Footer .BoxFooterRedes .LinkCorreo {
    color: #f5d1c5;
    padding: 1rem 2rem;
    border-right: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Landing-Footer .BoxFooterRedes .LinkIcono {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 2rem;
    text-decoration: none;
}
.Landing-Footer .BoxFooterRedes .LinkIcono i {
    color: #f5d1c5;
    font-size: 2rem;
}