.v-aligner {width: 0%; height: 100%; display: inline-block; vertical-align: middle; position: relative;}

#bannerContainer { float: left; width: 100%; height: 100vh; display: block; background-color: #fff; }
#bannerContainer #bannerContent {position:relative;margin:0 auto;top:0px;left:0px;width:980px;height:455px;overflow:hidden;visibility:hidden;}

#bannerSlides .slide article {  position: relative; display: inline-block; vertical-align: middle; width: 99%; height: 29vw;  padding: 0; text-align: right; font-size: 24px; font-family: 'Open Sans'; font-weight: 300; color: #111; left: 0; top: 0; margin: 0; line-height: 12px; }
#bannerSlides .slide article.mod0, #bannerSlides .slide article.mod2, #bannerSlides .slide article.mod3 { position: relative; display: inline-block; vertical-align: middle; }
#bannerSlides .slide article.mobile { display: none; }
#bannerSlides .slide article.mod0 h2, #bannerSlides .slide article.mod2 h2 { background: #fff; float: right; display: inline-block; color: #111; font-size: 26px; font-family: 'Open Sans'; font-weight: 300; text-transform: uppercase; line-height: 26px; letter-spacing: 9px; padding: 12px 72px 11px 36px; margin: 0; margin-top: 38vh; max-width: 75%; margin-right: -1%; }
#bannerSlides .slide article .data { background: #111; padding: 10px 11px 10px; font-size: 9px; text-align: center; color: #111; margin: 0; margin-top: 38vh; display: inline-block; float: right; }
#bannerSlides .slide article .data .icon-dia { float: left; font-size: 22px; margin-right: 6px; line-height: 26px; }
#bannerSlides .slide article .data .dia { color: #fff; }
#bannerSlides .slide article .data b { display: block; font-size: 18px; line-height: 14px; margin-bottom: 3px;}
#bannerSlides .slide article h2 a { color: #111; }
#bannerSlides .slide article span { display: inline-block; }
#bannerSlides .slide article i { font-size: 26px; vertical-align: top; }
/* #bannerSlides .slide article.a { width: 99%; height: 100%; display: inline-block; vertical-align: middle; border: none; text-align: center; color: #fff; background: transparent; -webkit-transform: none; -ms-transform: none; transform: none; } */
#bannerSlides .slide article.a { padding: 0 10%; height: auto; text-align: center; color: #fff; background: transparent; -webkit-transform: none; -ms-transform: none; transform: none; }
/* #bannerSlides .slide article.a .wrap{ width: 99%; } */
#bannerSlides .slide article.a h2, #bannerSlides .slide article.a h3 { width: 100%; letter-spacing: 9px; font-size: 28px; margin: 0; padding: 0; background: none; text-transform: uppercase; font-family: 'Open Sans'; font-weight: 300;  }
#bannerSlides .slide article.a h3 { margin-top: 26px; font-size: 10px; letter-spacing: 7px; line-height: 18px; }
#bannerSlides .slide article.a h2 a { color: #fff; }

#bannerSlides .slide article .btStore{margin: 1vw 8px 0; background-size: contain!important;display:inline-block;float:none; width: 100px; height: 45px;}
#bannerSlides .slide article .btStore.googlePlay{background:url('../../images/common/icones/googleplay.png') no-repeat;}
#bannerSlides .slide article .btStore.appStore{background:url('../../images/common/icones/appstore.png') no-repeat; margin-right: 0px;}

@media only screen and (max-width:680px)  {

    #bannerContainer { float: left; width: 100%; height: 360px; display: block; }
    #bannerContainer #bannerContent { position: relative; top: 0px; left: 0px; width: 600px; height: 720px; }

    #bannerSlides .slide article.mod0 h2, #bannerSlides .slide article.mod2 h2{
        width: 100%;
        max-width: 100%;
        padding: 20px 20%;
        margin-top: 12%;
        text-align: center;
    }

    #bannerSlides .slide article.mod3 h3{
        font-size: 16px;
        line-height: 24px;
    }
    
    #bannerSlides .slide article.mod3{padding: 0 22%;}
    #bannerSlides .slide article i { font-size: 42px; vertical-align: top; }
    #bannerSlides .slide article .data { background: #111; padding: 15px; font-size: 24px; line-height: 40px; width: 14%; margin: 0 43%; display: block; position: relative;}
    #bannerSlides .slide article .data .dia { color: #fff; float: right;}
    #bannerSlides .slide article .data b { display: block; font-size: 36px; }

    #bannerSlides .slide article .btStore{width: 175px;}
}