/* CABECERA */
#cabecera {
    margin: 40px 0 0 0;
    position: relative;
}
#cabecera .logo {
    position: absolute;
    top: 0;
    left: 10px;
}
#cabecera .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    padding-left: 0;
    margin-top: 50px;
    margin-bottom: 0;
    list-style: none;
}
#cabecera .justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}

#cabecera .nav>li {
    position: relative;
    display: block;
}
#cabecera .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    background-color: #f7f7f5;

    color: #cfd5e4;
    font-family: "geomanist-wzlight";
    font-size: 20px;
    text-align: left;
}
#cabecera .nav>li>a span {
    font-family: "geomanist-wzbold";
}
#cabecera .nav-tabs {
    margin-right: -15px;
    border-bottom: 3px solid #00c7c5;
}
#cabecera .nav-tabs>li {
    float: left;
    margin-bottom: -3px;
}
#cabecera .nav-tabs>li>a {
    padding-right: 80px;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 10px 10px 0 0;
}
#cabecera .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    cursor: default;
    background-color: #fff;
    border: 3px solid #00c7c5;
    border-bottom-color: transparent;

    color: #00c7c6;
    font-family: "geomanist-wzlight";
    font-size: 20px;
    text-align: left;
}
#cabecera #nav-mobile {
    margin-top: 10px;
    float: right;
}
#cabecera #menu-mobile {
    padding: 10px 0;
}
#menu {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    /*left: 0;*/
    right: -100%;
    /*bottom: 0;*/
    background-color: #FFFFFF;
    z-index: 999999;
}
#menu #menu-close {
    text-align: right;
    background-color: #FFFFFF;
}
#menu ul {
    list-style: none;

    position: relative;
    display: block;
    padding-bottom: 20px;
    background-color: #FFFFFF;

    font-family: "geomanist-wzlight";
    font-size: 20px;
    text-align: left;
}
#menu ul li  {
    background-color: #f7f7f5;
    padding: 10px 15px;
    border-bottom: 1px solid #CCCCCC;
}
#menu ul li.active {
    background-color: #fff;
}
#menu ul li span {
    font-family: "geomanist-wzbold";
}
#menu ul li a {
    color: #cfd5e4;
}
#menu ul li.active a {
    color: #00c7c6;
}


@media only screen and (max-width: 1199px) {
    #cabecera .nav>li>a {
        padding-right: 50px;
        font-size: 18px;
    }
    #cabecera .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    #cabecera .nav>li>a {
        padding-right: 20px;
        font-size: 16px;
    }
    #cabecera .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px) {
    #cabecera {
        margin: 20px 0 0 0;
    }
    #cabecera .logo {
        position: relative;
        width: 142px;
        height: 81px;
    }
}

/* END CABECERA */

/* CONTENIDO */
#contenido {
    margin-top: 50px;
}
#producto {
    margin: 0;
}

#producto-info {
    background-color: #00206f;
    margin: 0;
    padding: 20px;
}
#producto-info #producto-info-tit {
    color: #FFFFFF;
    font-family: "geomanist-wzbold";
    font-size: 35px;
}
#producto-info #producto-info-tit span {
    font-family: "geomanist-wzbook";
}
#producto-info .img-responsive {
    /*max-width: 0%;*/
    float: right;
}
#producto-info .producto-info-subtit {
    color: #00c9c8;
    font-family: "geomanist-wzbook";
    font-size: 32px;
    /*float: right;
    text-align:right;*/
}

#producto-info .producto-info-subtit span {
    color: #FFFFFF;
    font-family: "geomanist-wzbold";
    font-size: 26px;
}

#producto-info .producto-info-text {
    color: #FFFFFF;
    font-family: "geomanist-wzbold";
    font-size: 24px;
    /*float: right;
    text-align:right;*/
}
#producto-info ul.producto-info-bullets {
    float: left;
    color: #FFFFFF;
    font-family: "geomanist-wzbook";
    font-size: 18px;
    list-style-image: url('../images/arrow.png');
    line-height: 28px;
    margin: 20px -20px 20px 15px;
}

#producto-info .producto-info-subtit-ahorro {
    color: #FFFFFF;
    font-family: "geomanist-wzlight";
    font-size: 21px;
    line-height: 2.4rem;
    float: left;
    text-align:left;
}
#producto-info .producto-info-text-ahorro {
    color: #00c9c8;
    font-family: "geomanist-wzlight";
    font-size: 21px;
    line-height: 2.4rem;
    float: left;
    text-align:left;
}
#producto-info ul.producto-info-bullets-ahorro {
    float: left;
    color: #FFFFFF;
    font-family: "geomanist-wzbook";
    font-size: 16px;
    list-style-image: url('../images/arrow.png');
    line-height: 21px;
    margin: 20px -10px 20px 15px;
}
#producto-info ul.producto-info-bullets-ahorro li {
    margin-bottom: 10px;
}
#formulario {
    border: 1px solid #f5f4f2;
    padding: 20px;
}
@media only screen and (max-width: 1199px) {
    #producto-info #producto-info-tit {
        font-size: 35px;
    }
    #producto-info .producto-info-subtit {
        font-size: 20px;
    }

    #producto-info .producto-info-subtit span {
        font-size: 18px;
    }

    #producto-info .producto-info-text {
        font-size: 18px;
    }
    #producto-info ul.producto-info-bullets {
        font-size: 16px;
        line-height: 21px;
    }
}
@media only screen and (max-width: 991px) {
    #producto-info #producto-info-tit {
        font-size: 25px;
    }
    #producto-info .producto-info-subtit {
        float: none;
    }
    #producto-info .producto-info-text {
        float: none;
    }
}

@media only screen and (max-width: 767px) {
    #contenido {
        margin-top: 20px;
    }
    #producto {
        margin: 0 -15px;
    }
    #producto-info {
        margin: 0 -15px;
        padding: 10px 0;
    }
    #producto-info .img-responsive {
        /*max-width: 0%;*/
        float: none;
    }

    #producto-info #producto-info-tit {
        font-size: 19px;
    }
    /*#producto-info .producto-info-subtit {
        font-size: 14px;
        float: none;
    }*/

    #producto-info .producto-info-subtit {
        font-size: 26px;
    }

    #producto-info .producto-info-subtit span {
        font-size: 22px;
    }

    #producto-info .producto-info-text {
        font-size: 12px;
        float: none;
    }
    #producto-info ul.producto-info-bullets {
        float: none;
        font-size: 16px;
        list-style-image: url('../images/arrow-mobile.png');
        line-height: 24px;
        margin: 20px 0 20px 40px;
    }

    #formulario {
        margin: 20px 15px;
        border: 3px solid #43c7c5;
    }

    .img-producto {
        width: 100%;
        max-width: 400px;
    }
}

@media only screen and (max-width: 991px) {
    #producto-info .bullets-mobile {
        display: block;
    }

    #producto-info .bullets-desktop {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    #producto-info .bullets-mobile {
        display: none;
    }

    #producto-info .bullets-desktop {
        display: block;
    }
}

/*INFO*/

#info {
    margin: 30px 0.25% 0;
}
#info .columna {
    float: left;
    /*margin: 0 0.25%;*/
}

#info .info-icono {
    width: 8%;
    font-family: "geomanist-wzbook";
    text-align: center;
    background-color: #ece9e5;
    padding: 10px 10px 9px;
    /*position: relative;*/
}

#info .info-icono span {
    background-color: #00206f;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin: 15px 15px;
    position: relative;
}

#info .info-icono span p {
    color: #FFFFFF;
    font-size: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

#info #info-texto {
    width: 92%;
    font-family: "geomanist-wzbook";
    font-size: 19px;
    background-color: #ece9e5;
    padding: 20px 15px 15px 19px;
}

#info #info-texto a {
    color: #00206f;
    text-decoration: underline;
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    #info {
        margin: 1% -10px;
    }
    #info .columna {
        float: left;
    }
    #info .info-icono {
        width: 10%;
        font-size: 37px;
        padding: 7px 10px;
    }
    #info #info-texto {
        width: 90%;
        font-size: 14px;
        padding: 25px 15px 19px;
    }
    #info #info-texto .info-tit {
        font-family: "geomanist-wzmedium";
        font-size: 23px;
        line-height: 23px;
    }
    #info #info-texto .info-tit span {
        font-size: 20px;
    }
}

@media only screen and (max-width: 992px) {
    #info .info-icono span {
        width: 30px;
        height: 30px;
        margin: 20px 10px;
    }

    #info .info-icono span p {
        font-size: 25px;
    }
}

/* END INFO */

/*  WIZINKERS */
#wizinkers {
    margin: 30px 0 0 0;
}
#wizinkers .columna {
    float: left;
    margin: 0 0.25%;
}
#wizinkers .wizinkers-numero {
    width: 8%;
    color: #FFFFFF;
    font-family: "geomanist-wzbook";
    font-size: 49px;
    text-align: center;
    background-color: #00c7c5;
    padding: 10px 10px;
}
#wizinkers #wizinkers-texto {
    width: 57%;
    color: #00206f;
    font-family: "geomanist-wzlight";
    font-size: 19px;
    background-color: #00c7c5;
    padding: 20px 15px 15px 19px;
}
#wizinkers #wizinkers-texto .wizinkers-tit {
    font-family: "geomanist-wzmedium";
    font-size: 32px;
    line-height: 27px;
}
#wizinkers #wizinkers-texto .wizinkers-tit span {
    font-size: 28px;
}

@media only screen and (max-width: 767px) {
    #wizinkers {
        margin: 0 -15px;
    }
    #wizinkers .columna {
        float: left;
        margin: 0 0.5%;
    }
    #wizinkers .wizinkers-numero {
        width: 19%;
        font-size: 37px;
        padding: 10px 10px;
    }
    #wizinkers #wizinkers-texto {
        margin-top: 1%;
        width: 99%;
        font-size: 14px;
        padding: 20px 15px 15px 19px;
    }
    #wizinkers #wizinkers-texto .wizinkers-tit {
        font-family: "geomanist-wzmedium";
        font-size: 23px;
        line-height: 23px;
    }
    #wizinkers #wizinkers-texto .wizinkers-tit span {
        font-size: 20px;
    }
}

@media only screen and (max-width: 992px) {
    #wizinkers .wizinkers-numero {
        padding: 23px 10px;
    }
}
/* END WIZINKERS */

/* OTROS */

#otros {
    margin: 30px 0 0 0;
}
#otros .otros-tit {
    display: inline;
    color: #00216f;
    font-family: "geomanist-wzbook";
    font-size: 34px;
    margin-bottom: 20px;
    border-bottom: 3px solid #00c7c6;
}
#otros .otros-tit span {
    font-family: "geomanist-wzmedium";
}
#otros hr {
    display: none;
}
#otros .columna {
    float: left;
    width: 100%;

    /*-----------------------*/

    /* Ancho para 3 columnas */

    /*width: 32.5%;*/

    /*-----------------------*/

    /* Ancho para 2 columnas */

    /*width: 48.7%;*/

    /*-----------------------*/

    background-color: #CCCCCC;
    padding: 40px 10px;
}
#otros .columna-uno {
    background: url(../images/pattern-columna-uno.gif);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 35px 0 0 0;
}
#otros .columna-dos {
    background: url(../images/pattern-columna-dos.gif);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 35px 0 0 0;

    /*-----------------------*/

    /* Márgenes para 3 columnas */

    /*margin: 35px 1.25% 0 1.25%;*/

    /*-----------------------*/

    /* Márgenes para 2 columnas */

    /*margin: 35px 0 0 0;*/

    /*-----------------------*/
}
#otros .columna-tres {
    background: url(../images/pattern-columna-tres.gif);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 35px 0 0 0;

    /*-----------------------*/

    /* Justificar bloque derecho cuando son 2 columnas */

    /*float: right;*/

    /*-----------------------*/
}
#otros .columna:before, #otros .columna:after {
    display: table;
    content: " ";
}
#otros .otros-text {
    text-align: center;
    color: #00216f;
    font-family: "geomanist-wzlight";
    font-size: 26px;
    margin-bottom: 10px;
}
#otros .otros-text span {
    font-family: "geomanist-wzbold";
}

/*-----------------------*/

/* Sustituir imagen porcentajes TAE por código para mejora superíndice */

#otros .otros-num,
#otros .otros-tae-container {
    display: inline-block;
}

#otros .otros-num {
    text-align: right;
    color: #152a69;
    font-weight: bold;
    font-size: 90px;
    line-height: 80px;
    font-family: "geomanist-wzbook";
}

#otros .otros-tae-container {
    padding: 0;
}

#otros .otros-tae {
    color: #152a69;
    font-size: 50px;
    line-height: 35px;
    padding: 0;
    text-align: left;
    font-family: "geomanist-wzlight";
}

#otros .otros-tae-small {
    font-size: 22px;
}

#otros .otros-tae sup {
    top: -1em;
    font-size: 12px;
}

/*-----------------------*/

@media only screen and (max-width: 1199px) {
    #otros .columna {
        padding: 40px 20px;
    }
    #otros .otros-text {
        font-size: 18px;
        line-height: 0px;
    }

    #otros .otros-num {
        font-size: 70px;
    }

    #otros .otros-tae {
        font-size: 35px;
        line-height: 30px
    }

    #otros .otros-tae-small {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    #otros .columna {
        padding: 40px 10px;
    }
    #otros .otros-text {
        font-size: 26px;
    }

    #otros .otros-num {
        font-size: 90px;
    }

    #otros .otros-tae {
        font-size: 50px;
        line-height: 35px;
    }

    #otros .otros-tae-small {
        font-size: 22px;
    }
}
@media only screen and (max-width: 767px) {
    #otros .otros-tit {
        display: inline-block;
        font-size: 20px;
        margin-bottom: 0;
        border-bottom: none;
    }
    #otros hr {
        width: 27px;
        display: block;
        border-bottom: 3px solid #00c7c6;
        margin: 10px 0;
    }
    #otros .columna {
        float: left;
        width: 100%;
        padding: 20px;
    }
    #otros .columna-uno, #otros .columna-dos, #otros .columna-tres {
        margin: 15px 0 0 0;
    }
    #otros .otros-text {
        font-size: 26px;
        line-height: 18px;
    }

    #otros .otros-num {
        font-size: 70px;
    }

    #otros .otros-tae {
        font-size: 35px;
        line-height: 30px;
    }

    #otros .otros-tae-small {
        font-size: 18px;
    }
}
/* END OTROS */


/* EN CUENTA */
#en-cuenta {
    display: block;
    background-color: #FFFFFF;
    border: 3px solid #00C7C6;
    margin: 30px 0 0 0;
    box-sizing: border-box;
    padding: 20px 0 35px 0;
    text-align: center;
}
#en-cuenta .en-cuenta-tit {
    color: #00C7C6;
    font-family: "geomanist-wzbold";
    font-size: 36px;
    margin-bottom: 20px;
}
#en-cuenta .en-cuenta-number {
    color: #00C7C6;
    font-family: "geomanist-wzbold";
    font-size: 40px;
    margin-bottom: 0px;
}
#en-cuenta .en-cuenta-text {
    color: #00266B;
    font-family: "geomanist-wzbook";
    font-size: 16px;
    padding-bottom: 24px;
}
#en-cuenta .en-cuenta-middle {
    border-right: 2px solid #092E70;
    border-left: 2px solid #092E70;
}
#en-cuenta hr {
    border: none;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    #en-cuenta .en-cuenta-tit {
        font-size: 24px;
        margin-bottom: 10px;
    }
    #en-cuenta .en-cuenta-text {
        font-size: 14px;
    }
    #en-cuenta .en-cuenta-middle {
        border-left: 0;
        border-right: 0;
    }
    #en-cuenta hr {
        width: 50%;
        margin: 10px auto 20px auto;
        border-top: 2px solid #092E70;
    }
}
/* END EN CUENTA */

/* FAQS */
#faqs {
    background-color: #FFF;
    padding: 30px 0 60px 0;
    margin: 0;
}
#faqs-title {
    color: #00266b;
    font-family: "geomanist-wzlight";
    font-size: 30px;
    margin: 0 0 20px 0;
}
#faqs-title span {
    font-size: 21px;
    color: #303030;
}
.faqs-question {
    padding: 20px 10px;
    color: #00236d;
    font-family: 'geomanist-wzbold';
    font-size: 27px;
    display: block;
    background-color: #f2f4f6;
    margin: 5px 0;
}
.faqs-question:before {
    content: '';
    background: url(../images/faqs-close.gif) 10px 10px no-repeat;
    float: left;
    width: 40px;
    height: 80px;
}
.bullet-oneline:before {
    content: '';
    background: url(../images/faqs-close.gif) 10px 10px no-repeat;
    float: left;
    width: 40px;
    height: 70px !important;
}
.faqs-question.active:before {
    background: url(../images/faqs-close.gif) 10px 10px no-repeat;
}
.faqs-answer {
    padding: 10px;
    color: #303030;
    font-family: 'geomanist-wzlight';
    font-size: 26px;
    display: block;
    background-color: #FFFFFF;
    margin: 12px 0 20px 0;
}
#ehcdc-faqs-colIzq {
    padding: 2px;
}
#ehcdc-faqs-colDer {
    padding: 2px;
}


@media only screen and (max-width: 767px) {
    #faqs-title {
        text-align: center;
        color: #00266b;
        font-family: "geomanist-wzlight";
        font-size: 24px;
        margin: 0 0 20px 0;
    }
    #faqs-title span {
        font-size: 21px;
        color: #303030;
    }
    .faqs-question {
        padding: 20px 10px;
        font-size: 14px;
        cursor: pointer;
    }
    .faqs-question:before {
        content: '';
        background: url(../images/faqs-close.gif) center top no-repeat;
        float: left;
        margin-right: 5px;
        width: 15px;
        height: 45px;
        background-size: 100% auto;
    }
    .faqs-question.active:before {
        background: url(../images/faqs-open.gif) center top no-repeat;
        width: 15px;
        height: 45px;
        background-size: 100% auto;
    }
    .faqs-answer {
        line-height: 22px;
        padding: 5px 10px;
        font-size: 14px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-out;
    }
}
/* END FAQS */

/*ODOMETER*/


    .odometer{

        width: 100%;
    }
@media only screen and (min-width: 320px) {
#block-new-counter-numbers{
    width: 100%;
        float: left;
}

.odometer-digit, .odometer-value{

    width: 67px;
    padding: 36px 0px 27px;
    margin: 0.5% 0.6% 0 0.7%;
    
        color: #FFFFFF;
        font-family: "geomanist-wzbook";
        font-size: 49px;
        text-align: center;
        background-color: #00c7c5;
}
}
@media only screen and (min-width: 768px)  {


    #block-new-counter-numbers{

        float: left;
        width: 42%;
    }
    .odometer-digit, .odometer-value{

        width: 90px;
        color: #FFFFFF;
        font-family: "geomanist-wzbook";
        font-size: 49px;
        text-align: center;
        background-color: #00c7c5;
        padding: 36px 28px 27px;
        /*float: left;*/
        margin: 0 0.6%;
    }
}
.odometer-digit{    
    border: 0px;
}
/*
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition-duration: 10s !important;
  -moz-transition-duration: 10s !important;
  -ms-transition-duration: 10s !important;
  -o-transition-duration: 10s !important;
  transition-duration: 10s !important
}
*/
/*
@font-face {
    font-family:'Jura';
    font-style: normal;
    font-weight: 400;
    src: local('Jura Regular'), local('Jura-Regular'), url(https://fonts.gstatic.com/s/jura/v7/x6RZE5IaGzhqlvflqX29zvesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
}

#membercounterwrapper {
    width:100%;
    font-size:34px;
    font-family:jura;
    text-align:center;
    margin-top:50px;
}

#membercounterwrapper span {
    font-size:34px;
    font-family:jura;
    vertical-align:middle;
}

*/



.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    font-family: "Helvetica Neue", sans-serif;
    line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
    text-align: center;
}


.OpiDiv{
    top: 0;
    width:100%;
    height:10px;
    position:fixed;
    z-index:9000;
}