@charset "UTF-8";

.wrapper{
    max-width: 980px;
    margin-left:auto;
    margin-right: auto;
}

#facts .header{
    background-image: url(/abudhabi/img/facts/mainimg.jpg);
    position:relative;
    height: 50%;
}

.factsbox{
    float: left;
    padding:40px 0;
}

.factsbox.fact{
    width: 320px;
}

.factsbox.paragraph{
    width: 650px;
}

.factsbox.paragraph_s{
    width: 320px;
}

.factsbox.paragraph,
.factsbox.paragraph_s{
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 30%;
    padding-bottom: 100px;
}

.factsbox.paragraph_s.oil{
    background-image: url(/abudhabi/img/facts/olives.png);
    background-position: right 180px;
    padding-bottom: 100px;
}

.factsbox.paragraph.drill{
    background-image: url(/abudhabi/img/facts/pumpjack.png);
}

.factsbox.paragraph.graph{
    background-image: url(/abudhabi/img/facts/chart53.png);
}

.factsbox.paragraph.gas{
    background-image: url(/abudhabi/img/facts/fire58.png);
}

.factsbox.paragraph.ship{
    background-image: url(/abudhabi/img/facts/ship21.png);
}

.factsbox.paragraph.roll{
    background-image: url(/abudhabi/img/facts/oil17.png);
}

.factsbox.img{
    float:right;
    width: 330px;
}

.factsbox.img img{
    width: 100%;
}

.factsbox.fact p{
    font-size: 2rem;
    padding:120px 10px;
    text-align: center;
    overflow: hidden;
    height: 20px;
    line-height: 0;
}

.factsbox.fact p > span{
    font-size: 25rem;
    font-weight: bold;
    font-family: 'Oswald', Arial, sans-serif;
    vertical-align: bottom;
    opacity: 0;
    animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;
}


.factsbox.fact p span.active{
    animation-name: fadeup;
	-webkit-animation-name: fadeup;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
    opacity: 1;
}

@-webkit-keyframes fadeup {
	0% {-webkit-transform: translateY(50px);opacity: 0;}
	100% {-webkit-transform: translateY(0px);opacity: 1;}
}
@keyframes fadeup {
	0% {transform: translateY(50px);opacity: 0; }
	100% {transform: translateY(0px);opacity: 1;}
}

.image.ph1 {
  background-image: url('/abudhabi/img/facts/ph1.jpg');
}

.image.ph2 {
  background-image: url('/abudhabi/img/facts/ph2.jpg');
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner{
   overflow: visible!important;
}
/*
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit{
    vertical-align: baseline!important;
}*/

.odometer-value{
    margin-bottom: 20rem;
}


/*.slotnum2 .odometer-digit:last-child{
    margin-right:-50px;
}*/

/*
.slotnum3 .odometer-digit:first-child,
.slotnum5 .odometer-digit:first-child{
    margin-right:-50px;
}*/

.factsbox.fact p.tokyodome{
    padding: 0;
    margin: 0;
    line-height: normal;
    height: auto;
}

.factsbox.fact p.tokyoslot{
    padding: 90px 0;
}

.slotnum5{
    /*width: 500px;*/
}

.factsbox.fact p > span.slotnum5{
        font-size: 20rem;
}

.slotnum5 .odometer-digit:first-child{
    margin-right:-20px;
}

.factsbox.fact p.tokyodome2{
    padding: 0;
    margin: 0;
    line-height: normal;
    height: auto;
}

@media only screen and (max-width:979px) {
    #facts .header{
        height: 100%;
    }

    .wrapper .section{
        margin-bottom: 40px;
    }

    .factsbox{
        float: none;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }
    .factsbox.fact,
    .factsbox.img{
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

    .factsbox.img img{
        max-width: 400px;
        display: block;
        margin: 0 auto;
    }

    .factsbox.paragraph_s.oil{
        padding: 10px;
    }

    .factsbox.paragraph_s,
    .factsbox.paragraph{
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

    .factsbox.paragraph_s.oil,
    .factsbox.paragraph.drill,
    .factsbox.paragraph.graph,
    .factsbox.paragraph.gas,
    .factsbox.paragraph.ship,
    .factsbox.paragraph.roll{
        background: none;
    }

    .slotnum2 .odometer-digit:last-child{
    margin-right:0px;
}

    .slotnum5{
    width: auto;
}

    .slotnum5 .odometer-digit:first-child{
    margin-right:-30px;
}

}