/*-----------------------------------------------------------------------------------*/
/* GENERAL
/*-----------------------------------------------------------------------------------*/

body{
    text-align: center;
    font-family: "Lato", -apple-system, BlinkMacSystemFont, 
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    color: #3a3a3a;
    font-weight: 700;
    font-family: "Lato", -apple-system, BlinkMacSystemFont, 
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

p{
    font-size: 1.2em;
}

.lead{
    font-weight: 300;
}

.navbar{
   /* background: #ee1e52;*/
    color: #fff;
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
}

 ul {list-style-type: none;} 

 

button {
    display: inline-block;
    margin-bottom: 0;
    margin-bottom: 10px;
    padding: 6px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    border-radius: 5px;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.428571429;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.visibility{
    visibility: hidden;
}

.animated{
    visibility: visible!important;
}

/*-----------------------------------------------------------------------------------*/
/*  KEY COLOR
/*-----------------------------------------------------------------------------------*/

/*---- Typography ----*/
  h1, 
.payoff h1,
.details .carousel,
.social a:hover{
    color: #ffff00;
}

.features p{
    color: #ffff00;
}

/*---- Background ----*/
.features,
.detail .carousel-indicators .active {
    background: #ffff00;    
}
    

/*-----------------------------------------------------------------------------------*/
/* NAVBAR
/*-----------------------------------------------------------------------------------*/

nav.navbar{
    position: fixed;
    top: 0px;
    margin-bottom: 0px;
    padding: 10px 0px 10px 0px;
    width: 100%;
    border-radius: 0px;
    transition: all 0.2s;
    border-bottom-color:  #fff;
}

.navbar-nav{
    float: right;
}

nav.navbar.fixed-to-top{
    top: 0px;
    position: fixed;
}

.navbar-default{
    border: none;
    border-bottom: 1px solid #eee;
    background: #fff;
    opacity: 0.95;
    display: none;
}

.navbar-default .navbar-nav>li>a {
    color: #aaa;
    font-size: 1.2em;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
    color: #3A3A3A; 
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.navbar-default .navbar-brand{
    color: #333333;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 2em;
    font-family: 'Roboto Condensed', sans-serif;
}


/*-----------------------------------------------------------------------------------*/
/* HEADER 
/*-----------------------------------------------------------------------------------*/

 

  h1{
    text-transform: uppercase;
    font-weight: 700;
    font-weight: 300;
    font-size: 100px;
    font-family: 'Roboto Condensed', sans-serif;
    
}

  p.lead{
    font-size: 36px;
}



.contenedor{
    position: relative !important;
    display: inline-block !important;
    text-align: center !important;
}
.texto-encima{
position: relative !important;
    top: 56px !important;
    text-align: center !important;
        color: rgb(248, 0, 134);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 2em;
    font-family: "Lato", -apple-system, BlinkMacSystemFont, 
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
 
/*.bannerPrincipal{*/
/*       text-align: center!important;*/
/*    background-image: url(img/banner7.jpg)!important;*/
/*    background-repeat: no-repeat!important;*/
/*    background-size: cover!important;*/
/*    margin-top: 19%!important;*/
/*    padding-top: 46%!important;*/
/*}*/

/*bannerDiv{*/
 
/*}*/
/**
 * SeccionVideo
 * 
 */


/*-----------------------------------------------------------------------------------*/
/*  MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/

@media (max-width:768px) {
    .bannerPrincipal{
    text-align: center!important;
    background-image: url(img/banner7.jpg)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    margin-top: 7%!important;
    padding-top: 52%!important;
}
    bannerDiv{
 
}
     header{
      /*  min-height: 360px;
        height: 100%;*/
    }
    
    .navbar-nav {
        float: center;
        text-align: center;
}

    
}

@media (max-width:992px) {
header{
 /*   background-position-y: 88px;
    background-size: 100%;*/
 
}
}

@media (max-width:480px){
  
    header{
        padding-bottom: 0px;
    }
    
    header h1{
        font-size: 20px;
    }
 
    
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
    .purchasebutton.app-store, .get-it button.app-store{
        background: url(../img/badge-appstore@2x.png) #3a3a3a no-repeat 0px 5px;
        background-size: 98%;
        color: white;
    }
}