body{
    font-family: 'Quicksand', sans-serif;

}
p{   
    font-size: 21px;
    line-height: 25px;
    font-family: 'Quicksand', sans-serif;
    color: #000;
   
}
h1, h2, h3, h4, p{ text-align: left;}
h3{color: # 000;}
img{
        max-height: 100vh;
        max-width: 100%;
        vertical-align: -webkit-baseline-middle;
}
section{
    width: 100%;
    height: 85vh;
}
footer{
    background-color: #E3004C;
    height: auto;
    padding: 21px 10px;
    text-align: center;
    margin-top: 3%;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px;
    border-top: 1px solid rgb(227, 0, 76);
    width: 100%;
}
a:hover{color: #fff; text-decoration: none;}
.faqs{color: #007bff;
    text-decoration: underline;}
.faqs:hover{color: #007bff;
    text-decoration: underline;}    
.nav-item a{text-decoration: none;}
.titulo-h1{
    margin: 9px 0 30px;
    color: #fff;}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/Preloader_5.gif) center no-repeat #fff;
}
.menuBg-seccion
{
    background-color: #1e397c;
}
.dropdown-menu {

    float: center;

    color: #fff;
    text-align: center;

    background-color: #1e397c;
    }
.texto-centro{text-align: center;}
.nazil-color{color: #fff;}
.navbar{
    background-blend-mode: soft-light;
    background-image: url(../img/nav-bg.png) !important;
    z-index: 9999999;
}
.nav-item a{color: #fff !important; font-weight: 700;}
.bg-index{margin: -5% 0;}
.rosabg, .naranjabg, .puntos-venta{
    margin: -9% 0;
    padding-top: 9%;
    padding-bottom: 4px;
}
.azulbg{
    margin: -9% 0;
    padding-top: 0%;
    padding-bottom: 4px;
}
.azulbg{background-color: #1e397c;}
.rosabg{background-color: #fd399a;}
.naranjabg{background-color: #ff651e;}
.puntos-venta{background-color: #00b9e5;}
.azulNazil{color: #1e397c;}
.rosaNazil{color: #fd399a;}
.naranjaNazil{color: #ff651e;}
.memitos-txt-padding{padding-top: 24px;}
.brands-bg{
        background-color: #fff;
    padding: 9% 0;
    border-top: solid;
    border-width: 12px;
    border-color: #22A7C6;
    margin: 0;
}
.graciasbg{
    margin: -9% 0;
    padding-top: 9%;
    padding-bottom: 177px;
    background-image: url(../img/nzail-graciasbg.png)
}
.img-brand{
    width: 75%;
}
.img-links{
    width: 80%;
}
#go_top {
    background-color: #17A3A2;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 5000;
    text-align: center;
    font-size: 30px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
}
#go_top.visible {
    visibility: visible;
    opacity: 1;
   transition: opacity 0.3s, visibility 0.3s;
}
.sectionPadding{
    padding: 60px 0;
}
.paddingtp-gracias {
    padding: 16% 0;
}
.videoBg{
    background-image:  url(../img/video-fondo-03.png);
    padding: 22px;
    background-size: contain;
    background-repeat:  no-repeat;
}
.youtube-height{height: 260px;}
#video-itmem {
    position: absolute;
    left: 39%;
    width: 150px;
    top: 69px;
}
#video-itmem-fiesta{
    position: absolute;
    left: 38%;
    width: 150px;
}
.btn-color-rojo{
    background-color: #D22215;
}
.btn-color-azul{
    background-color: #51B3DA;
}
.btn-color-blanco{
    background-color: #FFFFFF;
}
.btn-social
{
    color: #fff;
    padding: 6px 19px;
    font-size: 25px;
    border-radius: 10px;
    margin: 0 18px;
    font-family: 'Quicksand', sans-serif;
}
.btn-sombra-gris{
    box-shadow: -5px -3px #CCCCCC;
}
.btn-image-add{padding-right:  11px;
        width: 17%;} 
.txt-bienvenida{
    position:  absolute;
    text-align:  center;left: 27%;
}
.txt-bienvenida-simp{font-size: 17px;}
.eventos-bg{
    background-image: url(../img/globo-texto-eventos-03.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0% 4% 5% 4%;
    position: absolute;
   top: -66px;
    left: 7em;
}
.txt-eventos{
    color: #000;
    text-align: left;
    margin-top: 6px;
    font-size: 27px;
    line-height: 31px;
    font-weight: 600;
    text-align: center;
}
.txt-evento-inf{
    font-size: 19px;
    line-height: 24px;
    margin: 11px 0 3px;
}
.eventos-padding-lat{
   padding: 0 52px; 
}
.margentop-evento{
        margin: 17px 0;
}
.carousel-eventos {
    height: auto !important;
}
.img-eventos{    width: 129px;}
.carousel-control-next-evento { right: -3px !important;}
.carousel-control-prev-evento {left: -3px !important;}
.twitterBg{
    background-image: url(../img/video-fondo-03.png);
    padding: 17px 20px;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
}
.instaBg{
    padding: 18px 28px 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/slider-bacground.png);
}
.Slider-Bg {
    background-image: url(../img/slider-bacground.png);
    padding: 20px 21px;
    background-size: contain;
    background-repeat: no-repeat;
    height: auto;
}
#slider-item {
    position: absolute;
    width: 116px;
    top: 6px;
    left: -15%;
}
.glosarioBg{
    background-image:  url(../img/glosariobg-03.png);
    padding: 17px 15px;
    background-size: contain;
    background-repeat:  no-repeat;
    height: 252px;
}
#glosario-itmem{
    position: absolute;
     left: 39%;
    width: 150px;
}
.txt-glos-padd{    padding: 0 52px;}
.txt-glos-pt{    padding-top: 13%;}
.txt-faqs{    
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
   }
.addpaddingTop{padding-top: 6%;}
ul { -webkit-padding-start: 10px;}
/*.carousel-inner{height: 212px;}*/
#tiwtter-item{
    left: -23%;
    top: 9px;
    position: absolute;
    width: 150px;
}
.carousel-control-next {
    right: -17px;
}
.carousel-control-prev {
    left: -21px;
}
.bg-spotify-list
{
    background-image: url(../img/spotify-bg.png);
    padding: 12% 20px 10px;
    background-repeat: no-repeat;
    background-size: contain;
}
.spotify-frame{width: 85%;}
.bg-memitos{
    background-image: url(../img/memitos-bg.png);
    padding: 12% 20px 26px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 1% 14%;
}
.text-footer{
    color: #fff;
    font-size: 24px;
    padding: 10px;
    margin: 0;
    font-weight: 500;
    text-align: center;
}
.title-descargas{
    font-family: Headliner;
    font-size: 100px;
    padding-left: 27px;} 
.desc-color-azul{ color: #2E3D7A;}
.desc-color-rojo{color: #E3004C;}
.margen-topbot{
    margin: 100px 0;
}

.astro{
   width: 100%;
    position: absolute;
    top: 27%;
    left: 0;
    right: 0;
    margin-left: 23%;
    margin-right: auto;
}

/* foreground (ballons/landscape) */
#parallax-bg3 {
    z-index: 3;
    position: fixed;
    left: 50%; /* align left edge with center of viewport */
    top: 0;
    width: 940px;
    margin-left: -470px; /* move left by half element's width */
    }
    /* balloon */
    #bg3-1 {
        position: absolute;
        top: 43em;
        left: 100%;
        max-width: 181px;
        height: auto;
        }
    #bg3-2 {
        position: absolute;
        top: 75em;
        left: -20%;
        max-width: 128px;
        height: auto;
        }
    #bg3-3 {
        position: absolute;
        max-width: 240px;
        height: auto;
        top: 129em;
        left: -26%;
        }
    #bg3-4 {
        position: absolute;
        max-width: 198px;
        height: auto;
        top: 221em;
        left: 100%;
        }
        /* midground (clouds) */
#parallax-bg2 {
    z-index: 2;
    position: fixed;
    left: 50%; /* align left edge with center of viewport */
    top: 0;
    width: 1200px;
    margin-left: -600px; /* move left by half element's width */
    }
    #bg2-1 {
        position: absolute;
        top: 21em;
        left: 2%;
        }
    #bg2-2 {
        position: absolute;
        top: 52em;
        left: 1367px;
        }
    #bg2-3 {
        position: absolute;
        top: 45em;
        left: -156px;
        }
    #bg2-4 {
        position: absolute;
        top: 117em;
        left: -9%;
        }
    #bg2-5 {
        position: absolute;
        top: 92em;
        left: 76em;
        }
/* background (clouds) */
#parallax-bg1 {
    z-index: 1;
    position: fixed;
    left: 50%; /* align left edge with center of viewport */
    top: 0;
    width: 1200px;
    margin-left: -600px; /* move left by half element's width */
    }
    #bg1-1 {
        position: absolute;
        top: 10em;
        left: -270px;
        }
    #bg1-2 {
        position: absolute;
        top: 611px;
        right: -65px;
        }
    #bg1-3 {
        position: absolute;
        top: 62em;
        left: -19em;
        }
    #bg1-4 {
        position: absolute;
        top: 92em;
        left: 100%;
        }

form label {
    color: #FFF;
        font-family: 'Quicksand', sans-serif;
        font-size: 21px;
}
form button[type=submit] {
    border-radius: 7px;
    background-color: #00c607;
    color: #FFF;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    border: none;
    padding: 3px 25px;
}
form button[type=reset] {
    border-radius: 7px;
    background-color: #e3004c;
    color: #FFF;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    border: none;
    padding: 3px 25px;
    margin-right: 10px;
}
.visible-sm-block {
    display: none !important;
}


@media(min-width: 1500px){
#video-itmem {
    position: absolute;
    left: 38%;    
    top: 12%;}
}
@media(max-width: 1200px){
    .spotify-frame {width: 98%;}
    #video-itmem {
        position: absolute;
        left: 40%;
        width: 109px;
        top: 104px;
    }
    #video-itmem-fiesta {
        position: absolute;
        left: 40%;
        width: 109px;
        top: 10px;
    }
    .youtube-height {
        height: 206px;}
    .btn-social {
        padding: 6px 19px;
        font-size: 23px;
        margin: 0 6px;}
    #glosario-itmem {left: 36%;}
    .txt-glos-padd {padding: 0 39px;}
    .txt-faqs {
        font-size: 12px;
        line-height: 17px;}
    .txt-bienvenida {left: 19%;}
    .addpaddingTop {padding-top: 8% !important;}
    }
    
@media(max-width: 900px){
    .btn-social {
        padding: 10px 11px;
        font-size: 18px;
        margin: 0 2px;
    }
    #video-itmem {width: 80px; left: 42%;}
    .youtube-height {height: 144px;}
    .bg-spotify-list {
        padding: 17% 20px 10px;
        background-size: cover;}
    .h4 {font-size: 20px;}
    .eventos-bg {
        padding: 0% 4% 7% 0;
        top: -72px;
        left: -1em;}
    .txt-bienvenida {
        left: 0;
        width: 100%;
        bottom: -9%;}
    h4{font-size: 16px;}
    .txt-bienvenida-simp{font-size: 13px;}
    .hidden-sm {
        display: none !important;
    }
    .visible-sm-block {
    display: flex !important;
}
.navbar {background-color: #1b1d4c;box-shadow: 0 2px 6px 1px #00000070;}
#slider-item {
    left: -24%;
}
#tiwtter-item {
    left: -24%;
    width: 110px;
}
#glosario-itmem {
    left: 39%;
    width: 102px;
}
.glosarioBg {
    background-size: cover;
}
.title-descargas {
    font-size: 67px;
    padding-left: 0px;
}
.memitos-txt-padding {
    padding-top: 0px;
}
}
@media(max-width: 480px)
{
    p{
        font-size: 13px;
        line-height: 19px;}
    h3{ font-size: 17px; }
    .glosarioBg {padding: 43px 0px;}
    .txt-glos-padd {padding: 0 34px;}
    .title-descargas {font-size: 40px;}
    .bg-spotify-list {
       padding: 19% 13px 6px;
       background-size: cover;
       background-image: url(../img/memitos-bg.png);}
    .spotify-frame{width: 100%;}
    .eventos-bg {
        position: inherit;}
    .youtube-height{height: 150px;}
    .txt-eventos {
        margin-top: 23px;
        font-size: 21px;
        line-height: 22px;}
    .eventos-bg {
        background-image: url(../img/spotify-bg.png);
        padding: 19% 0 2%;}
    .videoBg {
        background-image: url(../img/spotify-bg.png);
        padding: 16% 4% 2%;
        background-size: cover;
        }
    .glosarioBg {
        background-image: url(../img/memitos-bg.png);
        padding: 20% 0 2%;
        background-size: cover;}
    .instaBg{
        background-image: url(../img/memitos-bg.png);
        padding-top: 52px;
    }
    .btn-social {
        padding: 9px 13px;
        font-size: 15px;
        margin: 0 0;}
    .btn-image-add{padding-right:  0px;
        width: 62px;} 
    #tiwtter-item{display: none;}
    #glosario-itmem{display: none;}
    #video-itmem{display: none;}
    .rosabg, .puntos-venta, .azulbg, .naranjabg {
        margin: -20% 0;
        padding-top: 20%;
        }
    .navbar-nav{text-align: center;}
    
    .text-footer {font-size: 18px;padding: 19px;}
    footer {padding: 40px 10px; margin-top: 19%;}
    /*.carousel-inner {height: 170px;}*/
    .carousel-control-prev {left: -14px;}
    .carousel-control-next {right: -12px;}
    .txt-bienvenida {
	    left: 0;
	    width: 100%;
	    bottom: -9%;}
    h4{font-size: 16px;}
    .txt-bienvenida-simp{font-size: 13px;}
    .txt-evento-inf {
	    font-size: 13px;
	    line-height: 18px;
	    margin: -14px 0 3px;}
	.titulo-h1 {font-size: 23px;}
	.brands-bg {padding: 12% 0;}
    .astro {
        width: 24%;
        top: 27%;
        margin-left: 4%;
        margin-right: auto;}
    .img-links {width: 100%;}
    .Slider-Bg {
        background-image: url(../img/memitos-bg.png);
        padding: 50px 13px 16px;
        background-size: cover;
    }
    #slider-item{display: none;}
}