@font-face{
    font-family:KantarBrownWeb-Bold;
    src:url(../fonts/KantarBrownWeb-Bold.eot);
    src:url(../fonts/KantarBrownWeb-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/KantarBrownWeb-Bold.woff2) format("woff2"),url(../fonts/KantarBrownWeb-Bold.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:KantarBrownWeb-Regular;
    src:url(../fonts/KantarBrownWeb-Regular.eot);
    src:url(../fonts/KantarBrownWeb-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/KantarBrownWeb-Regular.woff2) format("woff2"),url(../fonts/KantarBrownWeb-Regular.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:KantarBrownWeb-Thin;
    src:url(../fonts/KantarBrownWeb-Thin.eot);
    src:url(../fonts/KantarBrownWeb-Thin.eot?#iefix) format("embedded-opentype"),url(../fonts/KantarBrownWeb-Thin.woff2) format("woff2"),url(../fonts/KantarBrownWeb-Thin.woff) format("woff");
    font-weight:400;
    font-style:normal
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{
    display:block
}
audio[controls],canvas,video{
    display:inline-block
}
html{
    font-size:100%;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    -webkit-tap-highlight-color:transparent;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
body{
    margin:0
}
body,button,input:not([type=file]),select,textarea{
    font-family:sans-serif;
    font-weight:400;
    font-style:normal;
    color:#000;
    text-align:left
}
*,:after,:before{
    box-sizing:border-box
}
a:active,a:focus,a:hover{
    outline:0!important
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
blockquote{
    margin:1em 40px
}
dfn{
    font-style:italic
}
ins{
    background:#ff9;
    color:#000;
    text-decoration:none
}
mark{
    background:#ff0;
    color:#000;
    font-style:italic;
    font-weight:700
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
pre{
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word
}
q{
    quotes:none
}
q:after,q:before{
    content:"";
    content:none
}
small{
    font-size:85%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
ol,ul{
    margin:1em 0;
    padding:0 0 0 40px
}
dd{
    margin:0 0 0 40px
}
nav ol,nav ul{
    list-style:none;
    margin:0;
    padding:0
}
img{
    border:0;
    -ms-interpolation-mode:bicubic
}
svg:not(:root){
    overflow:hidden
}
figure,form{
    margin:0
}
fieldset{
    border:0;
    margin:0;
    padding:0
}
legend{
    border:0;
    padding:0
}
label{
    cursor:pointer
}
button,input,select,textarea{
    font-size:100%;
    margin:0;
    vertical-align:baseline
}
button,input{
    line-height:normal
}
button,input[type=button],input[type=reset],input[type=submit]{
    cursor:pointer;
    -webkit-appearance:button
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box
}
input[type=search]{
    box-sizing:content-box
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
text area{
    overflow:auto;
    vertical-align:top
}
input:invalid,textarea:invalid{
    background-color:#fff
}
::-webkit-input-placeholder{
    color:#d4ad35
}
:-moz-placeholder{
    color:#d4ad35
}
table{
    border-collapse:collapse;
    border-spacing:0
}
.ir{
    display:block;
    text-indent:-999em;
    overflow:hidden;
    background-repeat:no-repeat;
    text-align:left;
    direction:ltr
}
.ir br{
    display:none
}
.hidden{
    display:none;
    visibility:hidden
}
.visuallyhidden{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto
}
.invisible{
    visibility:hidden
}
.cf{
    zoom:1
}
.cf:after,.cf:before{
    content:"";
    display:table
}
.cf:after{
    clear:both
}
@media print{
    *{
        background:0 0!important;
        color:#000!important;
        text-shadow:none!important;
        -webkit-filter:none!important;
        filter:none!important;
        -ms-filter:none!important
    }
    a,a:visited{
        color:#444!important;
        text-decoration:underline
    }
    a[href]:after{
        content:" (" attr(href) ")"
    }
    abbr[title]:after{
        content:" (" attr(title) ")"
    }
    .ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{
        content:""
    }
    block quote,pre{
        border:1px solid #999;
        page-break-inside:avoid
    }
    thead{
        display:table-header-group
    }
    img,tr{
        page-break-inside:avoid
    }
    img{
        max-width:100%!important
    }
    @page{
        margin:.5cm
    }
    h2,h3,p{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
}
body,html{
    background:#000;
    color:#fff
}
body{
    font-family:KantarBrownWeb-Regular,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size:15px;
    -webkit-font-smoothing:antialiased;
    height:100%;
    line-height:1.4em;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
a{
    color:#fff;
    position:relative;
    text-decoration:none;
    transition:color .2s linear
}
h1,h2,h3,h4,h5,h6,strong{
    font-weight:400
}
hr{
    background:#313131;
    border:none;
    display:block;
    height:1px;
    margin:0;
    padding:0;
    width:100%
}
.container{
    height:100%;
    left:0;
    overflow:hidden;
    position:fixed;
    top:0;
    width:100%
}
.container>.about-panel,.container>nav{
    background:#424242;
    color:#fff;
    height:100%;
    max-width:24em;
    padding:1.5em 2em;
    position:absolute;
    top:0;
    width:100%;
    z-index:3
}
.csstransforms .container>.about-panel,.csstransforms .container>nav{
    right:100%;
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
    transition:-webkit-transform .4s cubic-bezier(.645,.045,.355,1);
    transition:transform .4s cubic-bezier(.645,.045,.355,1)
}
.no-csstransforms .container>.about-panel,.no-csstransforms .container>nav{
    left:0;
    margin-left:-24em;
    transition:margin .4s cubic-bezier(.645,.045,.355,1)
}
.container>.panel{
    background:#191919;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0
}
.csstransforms .container>.panel{
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
    transition:-webkit-transform .4s cubic-bezier(.645,.045,.355,1);
    transition:transform .4s cubic-bezier(.645,.045,.355,1)
}
.no-csstransforms .container>.panel{
    margin-left:0;
    transition:margin .4s cubic-bezier(.645,.045,.355,1)
}
.container>.panel>.mask{
    background:#000;
    height:0;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:height 0s linear .4s,opacity .4s cubic-bezier(.645,.045,.355,1);
    width:100%;
    z-index:9999
}
nav.menu{
    overflow:hidden
}
nav.menu a{
    color:#fff
}
nav.menu .close-menu{
    background:url(../images/close-menu.png) center no-repeat;
    cursor:pointer;
    display:block;
    height:1.75em;
    margin-left:-.375em;
    opacity:1;
    overflow:hidden;
    text-indent:-9999em;
    transition:opacity .2s linear;
    width:1.866666667em
}
.svg nav.menu .close-menu{
    background-image:url(../images/close-menu.svg)
}
nav.menu .views{
    background:#000;
    display:none;
    left:2em;
    padding:.25em;
    position:absolute;
    right:2em;
    top:4.5em
}
nav.menu .views li{
    float:left;
    width:50%
}
nav.menu .views li a{
    display:block;
    height:2.4em;
    overflow:hidden;
    padding:.5em;
    position:relative;
    text-indent:-9999em;
    transition:background .4s cubic-bezier(.645,.045,.355,1),color .2s linear
}
nav.menu .views li a span{
    background-position:center;
    background-repeat:no-repeat;
    height:100%;
    left:0;
    opacity:.5;
    position:absolute;
    top:0;
    width:100%
}
nav.menu .views li a span.snapshot-icon{
    background-image:url(../images/snapshot-inactive.png)
}
nav.menu .views li a span.range-icon{
    background-image:url(../images/range-inactive.png)
}
.svg nav.menu .views li a span.snapshot-icon{
    background-image:url(../images/snapshot-inactive.svg)
}
.svg nav.menu .views li a span.range-icon{
    background-image:url(../images/range-inactive.svg)
}
nav.menu .views li a.active{
    background:#fff
}
nav.menu .views li a.active span{
    opacity:1
}
nav.menu .views li a.active span.snapshot-icon{
    background-image:url(../images/snapshot.png)
}
nav.menu .views li a.active span.range-icon{
    background-image:url(../images/range.png)
}
.svg nav.menu .views li a.active span.snapshot-icon{
    background-image:url(../images/snapshot.svg)
}
.svg nav.menu .views li a.active span.range-icon{
    background-image:url(../images/range.svg)
}
nav.menu .info li>a,nav.menu .info li>span,nav.menu .regions li>a,nav.menu .regions li>span{
    border-top:#828282 solid 1px;
    cursor:pointer;
    display:block;
    height:3.05em;
    overflow:hidden;
    padding: 14px;
    position:relative;
    text-overflow:ellipsis;
    white-space:nowrap
}
nav.menu .info li>a:after,nav.menu .info li>span:after,nav.menu .regions li>a:after,nav.menu .regions li>span:after{
    background:0 0;
    border-radius:.533333333em;
    content:"";
    height:.533333333em;
    margin:-.266666666em;
    position:absolute;
    right:.266666666em;
    top:.8em;
    transition:background .4s cubic-bezier(.645,.045,.355,1);
    width:.533333333em
}
.no-touch nav.menu .info li>a:hover,.no-touch nav.menu .info li>span:hover,.no-touch nav.menu .regions li>a:hover,.no-touch nav.menu .regions li>span:hover{
    color:#FFFFFF;
	background-color: rgba(255,255,255,.2);	
}
nav.menu .info li>a.active,nav.menu .info li>span.active,nav.menu .regions li>a.active,nav.menu .regions li>span.active{
	color:#FFFFFF;
	background-color:rgba(255,255,255,.2);
	font-weight: bold;
}
nav.menu .info li>a.active:after,nav.menu .info li>span.active:after,nav.menu .regions li>a.active:after,nav.menu .regions li>span.active:after{
    background:#FFFFFF;
	margin:6px;
}
nav.menu .regions{
    bottom:6.65em;
    left:2em;
    overflow:auto;
    padding-bottom:3.05em;
    position:absolute;
    right:2em;
    top:4.5em
}
nav.menu .info{
    background:#424242;
    bottom:.5em;
    left:2em;
    position:absolute;
    right:2em
}
nav.menu .info li>a,nav.menu .info li>span{
    padding-right:0
}
.about-panel .close-about{
    background:url(../images/close-menu.png) center no-repeat;
    cursor:pointer;
    display:block;
    height:1.75em;
    margin-left:-.375em;
    opacity:1;
    overflow:hidden;
    text-indent:-9999em;
    transition:opacity .2s linear;
    width:1.866666667em
}
.svg .about-panel .close-about{
    background-image:url(../images/close-menu.svg)
}
.about-panel h2{
	font-family: KantarBrownWeb-Thin,'Helvetica Neue',Helvetica,Arial,sans-serif;
    border-bottom:#828282 solid 1px;
    border-top:#828282 solid 1px;
    color:#FFFFFF;
    font-size:1em;
    line-height:1.4em;
    margin:0;
    padding:14px 0;
    position:relative;
}
.about-panel .text{
    bottom:2em;
    display:none;
    left:2em;
    overflow:auto;
    position:absolute;
    right:2em;
    top:4.5em
}
.about-panel .text.active{
    display:block
}
.embed-panel{
    background:#313131;
    left:50%;
    margin:-10em -15em;
    opacity:0;
    padding:2em;
    position:absolute;
    top:50%;
    -webkit-transform:translate(0,5em);
    -ms-transform:translate(0,5em);
    transform:translate(0,5em);
    transition:opacity .4s cubic-bezier(.645,.045,.355,1),-webkit-transform .4s cubic-bezier(.645,.045,.355,1),visibility .4s cubic-bezier(.645,.045,.355,1);
    transition:opacity .4s cubic-bezier(.645,.045,.355,1),transform .4s cubic-bezier(.645,.045,.355,1),visibility .4s cubic-bezier(.645,.045,.355,1);
    visibility:hidden;
    z-index:2;
    width:30em
}
.embed-panel .close-embed{
    background:url(../images/close-menu.png) center no-repeat;
    cursor:pointer;
    display:block;
    height:1.75em;
    margin-right:-.375em;
    opacity:1;
    overflow:hidden;
    position:absolute;
    right:2em;
    text-indent:-9999em;
    top:2em;
    transition:opacity .2s linear;
    width:1.866666667em
}
.svg .embed-panel .close-embed{
    background-image:url(../images/close-menu.svg)
}
.embed-panel h1{
    color:#FFFFFF;
    margin:0;
	font-family: KantarBrownWeb-Thin,'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.embed-panel ul{
    list-style:none;
    margin:1em 0 2em;
    padding:0
}
.embed-panel ul li{
    display:inline-block;
    margin-right:.5em;
    padding:0;
    zoom:1
}
.embed-panel ul li a{
    background:url(../images/facebook.png) center/100% no-repeat;
    display:block;
    height:2em;
    overflow:hidden;
    text-indent:-9999em;
    width:2em
}
.embed-panel ul li a.facebook{
    background-image:url(../images/facebook.png)
}
.embed-panel ul li a.twitter{
    background-image:url(../images/twitter.png)
}
.embed-panel ul li a.linkedin{
    background-image:url(../images/linkedin.png)
}
.embed-panel ul li a.weibo{
    background-image:url(../images/weibo.png)
}
.svg .embed-panel ul li a.facebook{
    background-image:url(../images/facebook.svg)
}
.svg .embed-panel ul li a.twitter{
    background-image:url(../images/twitter.svg)
}
.svg .embed-panel ul li a.linkedin{
    background-image:url(../images/linkedin.svg)
}
.svg .embed-panel ul li a.weibo{
    background-image:url(../images/weibo.svg)
}
.embed-panel pre{
    background:#191919;
    border:none;
    border-radius:0;
    color:#fff;
    display:block;
    font-family:KantarBrownWeb-Bold,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size:1em;
    -webkit-font-smoothing:antialiased;
    height:6.6em;
    outline:0;
    padding:.5em;
    width:100%
}
.instructions-panel{
    background:#313131;
    left:50%;
    margin:-10em -15em;
    opacity:0;
    padding:2em;
    position:absolute;
    top:50%;
    -webkit-transform:translate(0,5em);
    -ms-transform:translate(0,5em);
    transform:translate(0,5em);
    transition:opacity .4s cubic-bezier(.645,.045,.355,1),-webkit-transform .4s cubic-bezier(.645,.045,.355,1),visibility .4s cubic-bezier(.645,.045,.355,1);
    transition:opacity .4s cubic-bezier(.645,.045,.355,1),transform .4s cubic-bezier(.645,.045,.355,1),visibility .4s cubic-bezier(.645,.045,.355,1);
    visibility:hidden;
    z-index:2;
    width:30em
}
.instructions-panel .close-instructions{
    background:url(../images/close-menu.png) center no-repeat;
    cursor:pointer;
    display:block;
    height:1.75em;
    margin-right:-.375em;
    opacity:1;
    overflow:hidden;
    position:absolute;
    right:2em;
    text-indent:-9999em;
    top:2em;
    transition:opacity .2s linear;
    width:1.866666667em
}
.svg .instructions-panel .close-instructions{
    background-image:url(../images/close-menu.svg)
}
.instructions-panel h1{
    color:#FFFFFF;
    margin:0;
    text-transform:capitalize;
	font-family: KantarBrownWeb-Thin,'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.instructions-panel article{
    display:none
}
.instructions-panel article.active{
    display:block
}
.instructions-panel article.mobile{
    display:none
}
header.main{
    background:#000;
    height:0; /*4.75em;*/
    line-height:1.75em;
    padding:1.5em 4em;
    z-index:20
}

.panel .main{
    height:4.75em;
}
.newfooter.main{
    background:#000;
    height:4.75em;
    line-height:1.75em;
    padding:1.5em 0;
    z-index:20
}
.newfooter.main .kantar-logo{
    font-size:1em;
    height:1.75em;
    line-height:1.75em;
    max-width:17.375em;
    width:100%;
	margin:0;
}
.newfooter.main .kantar-logo a{
    background:url(../images/kantar-worldpanel-logo.png) center/50% auto no-repeat;
    display:block;
    height:100%;
    overflow:hidden;
    text-indent:-9999em;
    width:100%
}
.newfooter.svg header.main .kantar-logo a{
    background-image:url(../images/kantar-worldpanel-logo.svg)
}
.newfooter .newfootercontact { float: right; text-align: right; font-size: 1.15em; opacity: .5; margin: 0; padding: 0 50px 0 0; }
.newfooter .kantar-logo { float: left; }


header.main a{
    color:#828282
}
header.main .open-menu{
    background:url(../images/open-menu.png) center/100% no-repeat;
    cursor:pointer;
    display:block;
    height:1.75em;
    left:2em;
    margin-left:-.375em;
    opacity:1;
    overflow:hidden;
    position:absolute;
    text-indent:-9999em;
    top:1.5em;
    width:1.866666667em
}
.svg header.main .open-menu{
    background-image:url(../images/open-menu.svg)
}
header.main .open-embed{
    color:#fff;
    cursor:pointer;
    position:absolute;
    right:2em;
    top:1.5em
}
header.main .open-embed .embed-code-icon{
    background:url(../images/embed-code.png) center/100% no-repeat;
    display:inline-block;
    height:1.75em;
    margin:0 -.375em 0 1em;
    opacity:1;
    overflow:hidden;
    position:relative;
    text-indent:-9999em;
    top:-.125em;
    vertical-align:middle;
    width:1.866666667em
}
.svg header.main .open-embed .embed-code-icon{
    background-image:url(../images/embed-code.svg)
}
header.main .kantar-logo{
    font-size:1em;
    height:1.75em;
    line-height:1.75em;
    max-width:17.375em;
    width:100%;
	margin:0;
}
header.main .kantar-logo a{
    background:url(../images/kantar-worldpanel-logo.png) center/50% auto no-repeat;
    display:block;
    height:100%;
    overflow:hidden;
    text-indent:-9999em;
    width:100%
}
.svg header.main .kantar-logo a{
    background-image:url(../images/kantar-worldpanel-logo.svg)
}
section.content{
    bottom:0;
    left:0;
    overflow:hidden;
    position:absolute;
	right:0;
    top:0; /*4.75em;*/
}
.panel .content{
	top:4.75em !important;
	bottom:4.75em !important;
}


section.content.map{
    background:url(../images/map.jpg) center/cover no-repeat;
    overflow-y:auto
}
section.content .fit-width{
    left:1.25em;
    position:absolute;
    top:0;
    right:1.25em
}
section.content .left,section.content .left-middle,section.content .middle,section.content .right{
    padding:0 .75em;
    position:absolute
}
section.content .left{
    left:0;
    width:15%
}
section.content .middle{
    left:15%;
    width:70%
}
section.content .left-middle{
    left:0;
    width:85%
}
section.content .right{
    left:85%;
    width:15%
}
section.content .fit-height{
    bottom:0;
    height:auto;
    top:0
}
section.content .fit-height .left,section.content .fit-height .middle,section.content .fit-height .right{
    height:100%
}
section.content .scroll{
    bottom:0;
    left:0;
    overflow-x:hidden;
    overflow-y:auto;
    position:absolute;
    right:0;
    top:4.75em;
    z-index:1
}
section.content .scroll.no-scroll{
    overflow:visible
}
section.content .scroll .min-height{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
section.content .table{
    display:table;
    height:100%;
    text-align:center;
    width:100%
}
section.content .table .cell{
    display:table-cell;
    height:100%;
    vertical-align:middle;
    width:100%
}
section.content .col-half{
    float:left;
    width:50%
}
section.content .intro-panel{
    background:#000;
    background:rgba(0,0,0,.8);
    margin:0 auto;
    max-width:30em;
    padding:2em
}
section.content .intro-panel header{
    margin:1em 0 2em
}
section.content .intro-panel header .logo{
    margin:0 auto 2em;
    max-width:5.133333333em
}
section.content .intro-panel header .logo img{
    height:auto;
    width:100%
}
section.content .intro-panel header h1{
	font-family:KantarBrownWeb-Thin,'Helvetica Neue',Helvetica,Arial,sans-serif;
    color:#FFFFFF;
    margin:10px;
}
section.content .intro-panel header h2{
    margin:0
}
section.content .intro-panel p{
    color:#FFFFFF
}
section.content .intro-panel nav{
    margin:3em 0 0
}
section.content .intro-panel ul{
    padding:0 1em
}
section.content .intro-panel ul li a{
    border-top:#828282 solid 1px;
    display:block;
    height:3.05em;
    overflow:hidden;
    padding: 14px;
    position:relative;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap
}
.no-touch section.content .intro-panel ul li a:hover{
    color:#FFFFFF;
		background-color: rgba(255, 255, 255, 0.2);
}
section.content header.secondary{
    left:-1.25em;
    height:4.75em;
    position:absolute;
    right:-1.25em;
    top:0;
    z-index:9
}
section.content header.secondary h1,section.content header.secondary h2{
    font-size:1.2em;
    line-height:.83333em;
    margin:0;
    overflow:hidden;
    padding:1.66667em 0 1.45833em;
    position:relative;
    text-overflow:ellipsis;
    white-space:nowrap
}
section.content .graphs{
    bottom:7em;
    position:absolute;
    top:0
}
section.content .graphs:after{
    bottom:0;
    box-shadow:0 0 1.5em 1.5em #191919;
    content:"";
    height:0;
    left:0;
    position:absolute;
    width:100%;
    z-index:10
}
section.content .range .scroll .fit-height,section.content .snapshot .scroll .fit-height{
    bottom:2em
}
section.content .filter ul,section.content .legend ul{
    list-style:none;
    margin:0;
    padding:0
}
section.content .filter ul li,section.content .legend ul li{
    border-top:#313131 solid 1px;
    left:.75em;
    margin:0;
    overflow:hidden;
    padding:.25em 1.5em .25em 0;
    position:absolute;
    right:.75em;
    text-overflow:ellipsis;
    transition:color .2s cubic-bezier(.645,.045,.355,1);
    white-space:nowrap
}
section.content .filter ul li:first-child,section.content .legend ul li:first-child{
    border-top:none
}
section.content .filter ul li.inactive,section.content .legend ul li.inactive{
    color:#616161;
}
section.content .filter ul li.inactive .icons .icon,section.content .legend ul li.inactive .icons .icon{
    opacity:.5;
}
section.content .filter ul li.focus,section.content .legend ul li.focus{
    color:#828282
}
section.content .filter ul li.focus .icons .icon,section.content .legend ul li.focus .icons .icon{
    opacity:1
}
section.content .filter ul li .icons,section.content .legend ul li .icons{
    bottom:.5em;
    display:none;
    position:absolute;
    right:0;
    top:-1px;
    width:.866666667em
}
section.content .filter ul li .icon,section.content .legend ul li .icon{
    height:50%;
    left:0;
    opacity:.4;
    position:absolute;
    right:0;
    vertical-align:top
}
section.content .filter ul li .icon.top,section.content .legend ul li .icon.top{
    background:url(../images/circle.png) right center/contain no-repeat;
    top:0
}
.svg section.content .filter ul li .icon.top,.svg section.content .legend ul li .icon.top{
    background-image:url(../images/circle.svg)
}
section.content .filter ul li .icon.bottom,section.content .legend ul li .icon.bottom{
    background:url(../images/triangle.png) right center/contain no-repeat;
    top:50%
}
.svg section.content .filter ul li .icon.bottom,.svg section.content .legend ul li .icon.bottom{
    background-image:url(../images/triangle.svg)
}
section.content .filter ul li .icon.active.top,section.content .filter ul li .icon.hover.top,section.content .legend ul li .icon.active.top,section.content .legend ul li .icon.hover.top{
    background-image:url(../images/circle-hover.png);
    opacity:1
}
.svg section.content .filter ul li .icon.active.top,.svg section.content .filter ul li .icon.hover.top,.svg section.content .legend ul li .icon.active.top,.svg section.content .legend ul li .icon.hover.top{
    background-image:url(../images/circle-hover.svg)
}
section.content .filter ul li .icon.active.bottom,section.content .filter ul li .icon.hover.bottom,section.content .legend ul li .icon.active.bottom,section.content .legend ul li .icon.hover.bottom{
    background-image:url(../images/triangle-hover.png);
    opacity:1
}
.svg section.content .filter ul li .icon.active.bottom,.svg section.content .filter ul li .icon.hover.bottom,.svg section.content .legend ul li .icon.active.bottom,.svg section.content .legend ul li .icon.hover.bottom{
    background-image:url(../images/triangle-hover.svg)
}
section.content .filter ul li{
    cursor:pointer;
    margin:0;
    left:0;
    position:relative;
    height:2.6em
}
section.content .filter ul li .icons{
    display:block
}
section.content .filter ul li .icons .icon{
    border-radius:.5em;
    bottom:auto;
    height:1em;
    left:auto;
    opacity:1;
    top:.5em;
    width:1em
}
section.content .bars ul{
    bottom:0;
    left:0;
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    right:0;
    top:0
}
section.content .bars ul li{
    border-top:#313131 solid 1px;
    left:.75em;
    padding:0;
    position:absolute;
    right:.75em
}
section.content .bars ul li:first-child{
    border-top:none
}
section.content .bars ul li .bar-wrapper{
    bottom:.5em;
    left:0;
    position:absolute;
    right:6em;
    top:-1px
}
section.content .bars ul li .bar-wrapper .bottom,section.content .bars ul li .bar-wrapper .top{
    -webkit-backface-visibility:hidden;
    height:100%;
    left:0;
    min-width:1px;
    position:absolute;
    width:100%
}
section.content .bars ul li .bar-wrapper .bottom .bar,section.content .bars ul li .bar-wrapper .top .bar{
    bottom:0;
    left:0;
    position:absolute;
    top:0;
    transition:width .4s cubic-bezier(.645,.045,.355,1)
}
section.content .bars ul li .bar-wrapper .bottom .label,section.content .bars ul li .bar-wrapper .top .label{
    -webkit-backface-visibility:hidden;
    height:1em;
    margin:-.6em 0 -.4em .75em;
    padding:0 .4em 0 .25em;
    position:absolute;
    top:50%;
    transition:left .4s cubic-bezier(.645,.045,.355,1)
}
section.content .bars ul li .bar-wrapper .bottom.half,section.content .bars ul li .bar-wrapper .top.half{
    height:50%
}
section.content .bars ul li .bar-wrapper .bottom.half .label,section.content .bars ul li .bar-wrapper .top.half .label{
    font-size:.8em;
    margin:-.85em 0 -.15em .75em
}
section.content .bars ul li .bar-wrapper .top{
    top:0
}
section.content .bars ul li .bar-wrapper .bottom{
    top:50%
}
section.content .bars ul li .bar-wrapper .bottom .bar{
    opacity:.7
}
section.content .bars ul li .bar-wrapper .bottom.collapsed{
    height:0;
    top:100%
}
section.content .bars ul li .bar-wrapper .bottom.collapsed .label{
    visibility:hidden
}
section.content .lines{
    overflow:hidden
}
section.content .lines .graph{
    border-left:#313131 solid 1px;
    border-bottom:#313131 solid 1px;
    border-right:#313131 solid 1px;
    bottom:2em;
    left:2.75em;
    position:absolute;
    right:.75em;
    top:3em
}
section.content .lines .graph:hover .crop .inspector,section.content .lines .graph:hover .no-crop .inspector{
    visibility:visible
}
section.content .lines .graph:hover .x-current span{
    display:block
}
html.v1 section.content .lines .graph:hover .x-max,html.v1 section.content .lines .graph:hover .x-min{
    opacity:0
}
section.content .lines .y{
    font-size:.8em;
    height:1em;
    line-height:1em;
    left:1px;
    margin:-.5em 0 -.5em -3.4375em;
    position:absolute;
    text-align:right;
    width:2.5em
}
section.content .lines .y:after{
    background:#313131;
    content:"";
    height:1px;
    position:absolute;
    right:-.75em;
    top:50%;
    width:.5em
}
section.content .lines .x-max,section.content .lines .x-min{
    display:none;
    height:1em;
    line-height:1em;
    margin:1.2em 0 0;
    position:absolute;
    top:100%
}
html.v1 section.content .lines .x-max,html.v1 section.content .lines .x-min,html.v2 section.content .lines .x-max,html.v2 section.content .lines .x-min{
    display:block;
    opacity:1;
    transition:opacity .3s cubic-bezier(.645,.045,.355,1)
}
section.content .lines .x-max.active,section.content .lines .x-max.hover,section.content .lines .x-min.active,section.content .lines .x-min.hover{
    color:#94d235
}
section.content .lines .x-min{
    left:0;
    text-align:left
}
section.content .lines .x-max{
    right:0;
    text-align:right
}
section.content .lines .x-current{
    height:1em;
    left:0;
    margin:1.2em 0 0;
    position:absolute;
    top:100%;
    width:100%
}
html.v2 section.content .lines .x-current{
    bottom:100%;
    height:1.7em;
    margin:0 0 .6em;
    top:auto
}
section.content .lines .x-current span{
    display:none;
    height:1em;
    line-height:1em;
    margin:0 -2.5em;
    opacity:1;
    pointer-events:none;
    position:absolute;
    text-align:center;
    transition:opacity .3s cubic-bezier(.645,.045,.355,1);
    width:5em
}
html.v2 section.content .lines .x-current span{
    background:#424242;
    border-radius:4px;
    height:1.7em;
    padding:.3em .4em .4em
}
section.content .lines .crop,section.content .lines .no-crop{
    bottom:0;
    left:0;
    overflow:hidden;
    position:absolute;
    right:0;
    top:0
}
section.content .lines .crop svg,section.content .lines .no-crop svg{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    transition:height .4s cubic-bezier(.645,.045,.355,1),left .4s cubic-bezier(.645,.045,.355,1),top .4s cubic-bezier(.645,.045,.355,1),width .4s cubic-bezier(.645,.045,.355,1);
    z-index:2
}
section.content .lines .crop svg .line,section.content .lines .no-crop svg .line{
    opacity:1;
    position:relative;
    transition:opacity .2s cubic-bezier(.645,.045,.355,1);
    z-index:0
}
section.content .lines .crop svg .line.inactive,section.content .lines .no-crop svg .line.inactive{
    opacity:0
}
section.content .lines .crop svg .line.focus,section.content .lines .no-crop svg .line.focus{
    opacity:.2;
    z-index:1
}
section.content .lines .crop .inspector,section.content .lines .no-crop .inspector{
    height:100%;
    left:0;
    pointer-events:none;
    position:absolute;
    top:0;
    transition:height .4s cubic-bezier(.645,.045,.355,1),left .4s cubic-bezier(.645,.045,.355,1),top .4s cubic-bezier(.645,.045,.355,1),width .4s cubic-bezier(.645,.045,.355,1);
    visibility:hidden;
    width:100%
}
html.lt-ie10 section.content .lines .crop .inspector,html.lt-ie10 section.content .lines .no-crop .inspector{
    display:none!important
}
section.content .lines .crop .inspector .line,section.content .lines .no-crop .inspector .line{
    background:#828282;
    height:100%;
    position:absolute;
    top:50%;
    width:1px;
    z-index:1
}
section.content .lines .crop .inspector .points,section.content .lines .no-crop .inspector .points{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:0
}
section.content .lines .crop .inspector .points .point,section.content .lines .no-crop .inspector .points .point{
    background:#191919;
    border:2px solid transparent;
    border-radius:10px;
    cursor:pointer;
    height:10px;
    margin:-5px;
    opacity:1;
    position:absolute;
    transition:opacity .2s cubic-bezier(.645,.045,.355,1);
    width:10px;
    z-index:4
}
section.content .lines .crop .inspector .points .point.focus,section.content .lines .crop .inspector .points .point.inactive,section.content .lines .no-crop .inspector .points .point.focus,section.content .lines .no-crop .inspector .points .point.inactive{
    opacity:0
}
section.content .lines .crop .inspector .label,section.content .lines .no-crop .inspector .label{
    height:0;
    left:50%;
    opacity:0;
    position:absolute;
    top:80%;
    transition:opacity .3s cubic-bezier(.645,.045,.355,1);
    width:0;
    z-index:3
}
section.content .lines .crop .inspector .label .value,section.content .lines .no-crop .inspector .label .value{
    background:#00f;
    border-radius:4px;
    height:1.7em;
    line-height:1em;
    margin:-.85em 10px;
    padding:.3em .4em .4em;
    position:absolute;
    right:100%;
    top:50%
}
section.content .lines .crop .inspector .label .value.right-align,section.content .lines .no-crop .inspector .label .value.right-align{
    left:100%;
    right:auto;
    text-align:right
}
section.content .lines .no-crop{
    overflow:visible
}
section.content .lines .crop-markers{
    border-left:#313131 solid 1px;
    bottom:0;
    left:-1px;
    overflow:hidden;
    position:absolute;
    right:-1px;
    top:0;
    z-index:0
}
section.content .lines .crop-markers .markers{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    transition:height .4s cubic-bezier(.645,.045,.355,1),left .4s cubic-bezier(.645,.045,.355,1),top .4s cubic-bezier(.645,.045,.355,1),width .4s cubic-bezier(.645,.045,.355,1)
}
section.content .lines .crop-markers .markers .marker{
    background:#313131;
    height:100%;
    margin-left:-1px;
    opacity:.5;
    position:absolute;
    top:0;
    width:1px
}
section.content .lines .crop-markers .markers .marker.year{
    background:#828282
}
section.content .lines .crop-markers .markers .marker.zero{
    height:1px;
    width:100%;
    background:#828282;
    top:50%;
    left:0
}
section.content .news hr:first-child{
    display:none
}
section.content .news article{
    margin-bottom:1em;
    padding-top:1em
}
section.content .news article time{
    color:#828282
}
section.content .news article.active time,section.content .news article.hover time{
    color:#94d235
}
section.content .news article.growth{
    border-top:#313131 solid 1px;
    color:#828282;
    font-size:.8em;
    line-height:1.4em;
    margin-top:3.75em;
    padding-top:1.25em
}
section.content .news article.growth p{
    max-width:100%
}
section.content .news article:first-of-type{
    border-top:none;
    margin-top:1.25em
}
section.content .news article p{
    margin:0;
    max-width:12em
}
section.content .news article a:after{
    background:#fff;
    content:"";
    height:1px;
    left:1px;
    position:absolute;
    right:0;
    top:100%;
    transition:background .2s linear
}
.no-touch section.content .news article a:hover{
    color:#828282
}
.no-touch section.content .news article a:hover:after{
    background:#828282
}
section.content footer.main{
    background:#191919;
    bottom:0;
    height:7em;
    left:0;
    padding:2em 0;
    position:absolute;
    right:0;
    z-index:10
}
section.content footer.main .fit-width{
    height:100%
}
section.content footer.main .label{
    color:#fff;
    line-height:1.2em;
    margin:.25em 0;
    padding:0 1.2em 0 0;
    position:relative;
    text-align:left;
	display: none;
}
section.content footer.main .label .markers-wrapper{
    display:none
}
section.content footer.main .label .icon{
    display:none;
    height:1em;
    margin:-.5em 0;
    position:absolute;
    right:0;
    top:50%;
    width:.866666667em
}
section.content footer.main .label .icon.top{
    background:url(../images/circle.png) center/100% no-repeat
}
.svg section.content footer.main .label .icon.top{
    background-image:url(../images/circle.svg)
}
section.content footer.main .label .icon.bottom{
    background:url(../images/triangle.png) center/100% no-repeat
}
.svg section.content footer.main .label .icon.bottom{
    background-image:url(../images/triangle.svg)
}
section.content footer.main .label.active,section.content footer.main .label.hover{
    color:#94d235
}
section.content footer.main .label.active .icon.top,section.content footer.main .label.hover .icon.top{
    background-image:url(../images/circle-hover.png)
}
.svg section.content footer.main .label.active .icon.top,.svg section.content footer.main .label.hover .icon.top{
    background-image:url(../images/circle-hover.svg)
}
section.content footer.main .label.active .icon.bottom,section.content footer.main .label.hover .icon.bottom{
    background-image:url(../images/triangle-hover.png)
}
.svg section.content footer.main .label.active .icon.bottom,.svg section.content footer.main .label.hover .icon.bottom{
    background-image:url(../images/triangle-hover.svg)
}
section.content footer.main .label.bottom time{
    display:none
}
section.content footer.main nav.compare,section.content footer.main nav.views{
    margin:2.3em 0
}
section.content footer.main nav.compare li,section.content footer.main nav.views li{
    float:left;
    width:50%
}
section.content footer.main nav.compare li.full,section.content footer.main nav.views li.full{
    width:100%
}
section.content footer.main nav.compare li.inactive,section.content footer.main nav.views li.inactive{
    display:none
}
section.content footer.main nav.compare li>a,section.content footer.main nav.compare li>span,section.content footer.main nav.views li>a,section.content footer.main nav.views li>span{
    background:#424242;
    color:#fff;
    cursor:pointer;
    display:block;
    height:2.4em;
    overflow:hidden;
    margin-left:1px;
    padding:.5em;
    position:relative;
    text-indent:-9999em
}
section.content footer.main nav.compare li>a.text.compare,section.content footer.main nav.compare li>span.text.compare,section.content footer.main nav.views li>a.text.compare,section.content footer.main nav.views li>span.text.compare{
    text-align:center;
    text-indent:0
}
section.content footer.main nav.compare li>a.text.compare span.compare-icon,section.content footer.main nav.compare li>span.text.compare span.compare-icon,section.content footer.main nav.views li>a.text.compare span.compare-icon,section.content footer.main nav.views li>span.text.compare span.compare-icon{
    background-image:url(../images/compare.png);
    display:inline-block;
    left:auto;
    margin-right:.25em;
    position:relative;
    top:-1px;
    vertical-align:middle;
    width:2em;
    zoom:1
}
.svg section.content footer.main nav.compare li>a.text.compare span.compare-icon,.svg section.content footer.main nav.compare li>span.text.compare span.compare-icon,.svg section.content footer.main nav.views li>a.text.compare span.compare-icon,.svg section.content footer.main nav.views li>span.text.compare span.compare-icon{
    background-image:url(../images/compare.svg)
}
section.content footer.main nav.compare li>a span,section.content footer.main nav.compare li>span span,section.content footer.main nav.views li>a span,section.content footer.main nav.views li>span span{
    background-position:center;
    background-repeat:no-repeat;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
section.content footer.main nav.compare li>a span.snapshot-icon,section.content footer.main nav.compare li>span span.snapshot-icon,section.content footer.main nav.views li>a span.snapshot-icon,section.content footer.main nav.views li>span span.snapshot-icon{
    background-image:url(../images/snapshot.png)
}
section.content footer.main nav.compare li>a span.range-icon,section.content footer.main nav.compare li>span span.range-icon,section.content footer.main nav.views li>a span.range-icon,section.content footer.main nav.views li>span span.range-icon{
    background-image:url(../images/range.png)
}
section.content footer.main nav.compare li>a span.close-icon,section.content footer.main nav.compare li>span span.close-icon,section.content footer.main nav.views li>a span.close-icon,section.content footer.main nav.views li>span span.close-icon{
    background-image:url(../images/close-menu.png)
}
section.content footer.main nav.compare li>a span.lock-icon,section.content footer.main nav.compare li>span span.lock-icon,section.content footer.main nav.views li>a span.lock-icon,section.content footer.main nav.views li>span span.lock-icon{
    background-image:url(../images/lock.png)
}
.svg section.content footer.main nav.compare li>a span.snapshot-icon,.svg section.content footer.main nav.compare li>span span.snapshot-icon,.svg section.content footer.main nav.views li>a span.snapshot-icon,.svg section.content footer.main nav.views li>span span.snapshot-icon{
    background-image:url(../images/snapshot.svg)
}
.svg section.content footer.main nav.compare li>a span.range-icon,.svg section.content footer.main nav.compare li>span span.range-icon,.svg section.content footer.main nav.views li>a span.range-icon,.svg section.content footer.main nav.views li>span span.range-icon{
    background-image:url(../images/range.svg)
}
.svg section.content footer.main nav.compare li>a span.close-icon,.svg section.content footer.main nav.compare li>span span.close-icon,.svg section.content footer.main nav.views li>a span.close-icon,.svg section.content footer.main nav.views li>span span.close-icon{
    background-image:url(../images/close-menu.svg)
}
.svg section.content footer.main nav.compare li>a span.lock-icon,.svg section.content footer.main nav.compare li>span span.lock-icon,.svg section.content footer.main nav.views li>a span.lock-icon,.svg section.content footer.main nav.views li>span span.lock-icon{
    background-image:url(../images/lock.svg)
}
section.content footer.main nav.compare li>a.active,section.content footer.main nav.compare li>span.active,section.content footer.main nav.views li>a.active,section.content footer.main nav.views li>span.active{
    background:#94d235
}
section.content footer.main nav.compare+.table,section.content footer.main nav.views+.table{
    display:none
}
section.content footer.main nav.views{
    margin:2.3em 0
}
section.content footer.main nav.views li{
    float:left;
    width:50%
}
section.content footer.main nav.views li a{
    background:#424242;
    display:block;
    height:2.4em;
    overflow:hidden;
    margin-left:1px;
    padding:.5em;
    position:relative;
    text-indent:-9999em;
    transition:background .4s cubic-bezier(.645,.045,.355,1),color .2s linear
}
section.content footer.main nav.views li a span{
    background-position:center;
    background-repeat:no-repeat;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
section.content footer.main nav.views li a span.snapshot-icon{
    background-image:url(../images/snapshot.png)
}
section.content footer.main nav.views li a span.range-icon{
    background-image:url(../images/range.png)
}
.svg section.content footer.main nav.views li a span.snapshot-icon{
    background-image:url(../images/snapshot.svg)
}
.svg section.content footer.main nav.views li a span.range-icon{
    background-image:url(../images/range.svg)
}
section.content footer.main nav.views li a.active{
    background:#FFFFFF;
}
section.content footer.main .timeline-wrapper{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
section.content footer.main .timeline-wrapper.range{
    left:2em
}
section.content footer.main .timeline{
    bottom:3em;
    left:.75em;
    position:absolute;
    right:.75em;
    top:3em
}
section.content footer.main .timeline .ui-slider-range{
    background:rgba(255,255,255,.2);
    height:1em;
    position:absolute;
    z-index:2
}
section.content footer.main .timeline .ui-slider-range:after{
    background:#5a5a5a;
    content:"";
    height:100%;
    left:100%;
    position:absolute;
    top:0;
    width:1px
}
section.content footer.main .timeline .ui-slider-handle{
    bottom:100%;
    height:2.4em;
    margin:0 0 1.5em;
    outline:0!important;
    position:absolute;
    width:1px;
    z-index:3
}
section.content footer.main .timeline .ui-slider-handle span{
    color:#fff;
    cursor:pointer;
    outline:0!important;
    padding:.5em .75em;
    position:absolute;
    width:6.5em
}
section.content footer.main .timeline.top .ui-slider-handle span{
    background:url(../images/circle-white.png) .5em center/1em no-repeat #424242;
    left:0;
    text-align:right
}
html.svg section.content footer.main .timeline.top .ui-slider-handle span{
    background-image:url(../images/circle-white.svg)
}
section.content footer.main .timeline.top .ui-slider-handle span:after{
    border-right:transparent solid .75em;
    border-top:#424242 solid .75em;
    content:"";
    height:0;
    left:0;
    position:absolute;
    top:100%;
    width:0
}
section.content footer.main .timeline.top .ui-slider-handle.ui-state-active span,section.content footer.main .timeline.top .ui-slider-handle.ui-state-hover span{
    background-color:#FFFFFF;
    background-image:url(../images/circle-black.png);
    color:#000
}
section.content footer.main .timeline.top .ui-slider-handle.ui-state-active span:after,section.content footer.main .timeline.top .ui-slider-handle.ui-state-hover span:after{
    border-top-color:#FFFFFF
}
html.svg section.content footer.main .timeline.top .ui-slider-handle.ui-state-active span,html.svg section.content footer.main .timeline.top .ui-slider-handle.ui-state-hover span{
    background-image:url(../images/circle-black.svg)
}
section.content footer.main .timeline.bottom .ui-slider-handle span{
    background:url(../images/triangle-white.png) 5em center/1em no-repeat #424242;
    right:0
}
html.svg section.content footer.main .timeline.bottom .ui-slider-handle span{
    background-image:url(../images/triangle-white.svg)
}
section.content footer.main .timeline.bottom .ui-slider-handle span:after{
    border-left:transparent solid .75em;
    border-top:#424242 solid .75em;
    content:"";
    height:0;
    position:absolute;
    right:0;
    top:100%;
    width:0
}
section.content footer.main .timeline.bottom .ui-slider-handle.ui-state-active span,section.content footer.main .timeline.bottom .ui-slider-handle.ui-state-hover span{
    background-color:#FFFFFF;
    background-image:url(../images/triangle-black.png);
    color:#000
}
section.content footer.main .timeline.bottom .ui-slider-handle.ui-state-active span:after,section.content footer.main .timeline.bottom .ui-slider-handle.ui-state-hover span:after{
    border-top-color:#FFFFFF
}
html.svg section.content footer.main .timeline.bottom .ui-slider-handle.ui-state-active span,html.svg section.content footer.main .timeline.bottom .ui-slider-handle.ui-state-hover span{
    background-image:url(../images/triangle-black.svg)
}
section.content footer.main .timeline.range .ui-slider-handle span{
    background:#424242;
    left:auto;
    right:0;
    text-align:center;
    width:5.5em
}
html.v1 section.content footer.main .timeline.range .ui-slider-handle span,html.v2 section.content footer.main .timeline.range .ui-slider-handle span{
    background:url(../images/from-white.png) center/1em no-repeat #424242;
    text-align:left;
    text-indent:-9999em;
    width:2.4em
}
html.v1.svg section.content footer.main .timeline.range .ui-slider-handle span,html.v2.svg section.content footer.main .timeline.range .ui-slider-handle span{
    background-image:url(../images/from-white.svg)
}
section.content footer.main .timeline.range .ui-slider-handle span:after{
    border-left:transparent solid .75em;
    border-right:none;
    border-top:#424242 solid .75em;
    content:"";
    height:0;
    position:absolute;
    left:auto;
    right:0;
    top:100%;
    width:0
}
section.content footer.main .timeline.range .ui-slider-handle.ui-state-active span,section.content footer.main .timeline.range .ui-slider-handle.ui-state-hover span{
    background-color:#94d235;
    color:#000
}
section.content footer.main .timeline.range .ui-slider-handle.ui-state-active span:after,section.content footer.main .timeline.range .ui-slider-handle.ui-state-hover span:after{
    border-top-color:#94d235
}
html.v1 section.content footer.main .timeline.range .ui-slider-handle.ui-state-active span,html.v1 section.content footer.main .timeline.range .ui-slider-handle.ui-state-hover span,html.v2 section.content footer.main .timeline.range .ui-slider-handle.ui-state-active span,html.v2 section.content footer.main .timeline.range .ui-slider-handle.ui-state-hover span{
    background-color:#94d235;
    background-image:url(../images/from-black.png)
}
html.v1.svg section.content footer.main .timeline.range .ui-slider-handle.ui-state-active span,html.v1.svg section.content footer.main .timeline.range .ui-slider-handle.ui-state-hover span,html.v2.svg section.content footer.main .timeline.range .ui-slider-handle.ui-state-active span,html.v2.svg section.content footer.main .timeline.range .ui-slider-handle.ui-state-hover span{
    background-image:url(../images/from-black.svg)
}
section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle span{
    left:0;
    right:auto
}
html.v1 section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle span,html.v2 section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle span{
    background:url(../images/to-white.png) center/1em no-repeat #424242;
    text-align:left;
    text-indent:-9999em;
    width:2.4em
}
html.v1.svg section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle span,html.v2.svg section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle span{
    background-image:url(../images/to-white.svg)
}
section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle span:after{
    border-left:none;
    border-right:transparent solid .75em;
    border-top:#424242 solid .75em;
    content:"";
    height:0;
    left:0;
    position:absolute;
    right:auto;
    top:100%;
    width:0
}
section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle.ui-state-active span,section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle.ui-state-hover span{
    background-color:#94d235;
    color:#000
}
section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle.ui-state-active span:after,section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle.ui-state-hover span:after{
    border-top-color:#94d235
}
html.v1 section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle.ui-state-active span,html.v1 section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle.ui-state-hover span,html.v2 section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle.ui-state-active span,html.v2 section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle.ui-state-hover span{
    background-color:#94d235;
    background-image:url(../images/to-black.png)
}
html.v1.svg section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle.ui-state-active span,html.v1.svg section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle.ui-state-hover span,html.v2.svg section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle.ui-state-active span,html.v2.svg section.content footer.main .timeline.range .ui-slider-handle+.ui-slider-handle.ui-state-hover span{
    background-image:url(../images/to-black.svg)
}
section.content footer.main .lock-bar{
    display:none;
    overflow:visible;
    position:absolute;
    top:.33em;
    height:1px
}
section.content footer.main .lock-bar.active{
    display:block
}
section.content footer.main .lock-bar span{
    background:#424242;
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0
}
section.content footer.main .lock-bar span:after{
    background:url(../images/lock.png) center/2em no-repeat;
    content:"";
    height:2em;
    left:50%;
    margin:-1.3em -1em -.7em;
    position:absolute;
    top:50%;
    width:2em
}
.svg section.content footer.main .lock-bar span:after{
    background-image:url(../images/lock.svg)
}
section.content footer.main .markers{
    bottom:2em;
    left:.75em;
    position:absolute;
    right:.75em;
    top:2em
}
section.content footer.main .markers .marker{
    background:#313131;
    height:1em;
    margin:-.5em 0;
    position:absolute;
    top:50%;
    width:1px
}
section.content footer.main .markers .marker .year{
    background:#191919;
    color:#fff;
    font-size:.8em;
    height:1.25em;
    left:0;
    line-height:1.25em;
    margin:0 -1.25em;
    position:absolute;
    text-align:center;
    top:0;
    width:2.5em;
    z-index:1
}
section.content footer.main .markers .marker .year:before{
    background:#fff;
    content:"";
    height:.5em;
    left:50%;
    margin-top:.25em;
    position:absolute;
    top:100%;
    width:1px
}
section.content footer.main .markers .marker .year:after{
    background:#fff;
    bottom:100%;
    content:"";
    height:.5em;
    left:50%;
    margin-bottom:.25em;
    position:absolute;
    width:1px
}
section.content .range+footer.main .left{
    width:7.5%
}
section.content .range+footer.main .left nav.compare li{
    width:100%
}
section.content .range+footer.main .middle{
    left:7.5%;
    width:77.5%
}
section.content .range+footer.main .right{
    left:85%;
    width:15%
}
@media screen and (max-width:1400px){
    section.content .left{
        left:0;
        width:20%
    }
    section.content .middle{
        left:20%;
        width:60%
    }
    section.content .left-middle{
        left:0;
        width:80%
    }
    section.content .right{
        left:80%;
        width:20%
    }
}
@media screen and (max-width:1200px){
    body{
        font-size:13px
    }
}
@media screen and (max-width:760px){
    nav.menu .views{
        display:block
    }
    nav.menu .regions{
        top:9.25em
    }
    header.main .open-embed{
        height:1.75em;
        overflow:hidden;
        text-indent:-9999em;
        width:1.866666667em
    }
    header.main .open-embed .embed-code-icon{
        left:0;
        margin:0;
        position:absolute;
        top:0
    }
    section.content .intro-panel{
        height:100%;
        left:0;
        max-width:100%;
        overflow:auto;
        position:absolute;
        top:0;
        width:100%
    }
    section.content footer.main .right{
        display:none
    }
    section.content footer.main .left{
        left:0;
        width:30%
    }
    section.content footer.main .middle{
        left:30%;
        width:70%
    }
    section.content footer.main .left-middle{
        left:0;
        width:100%
    }
    section.content footer.main .left-middle .timeline-wrapper.range{
        left:2em;
        right:2em
    }
    section.content .snapshot .right{
        display:none
    }
    section.content .snapshot .left{
        left:0;
        width:30%
    }
    section.content .snapshot .middle{
        left:30%;
        width:70%
    }
    section.content .range .right{
        display:none
    }
    section.content .range .left{
        left:0;
        width:30%
    }
    section.content .range .middle{
        left:30%;
        width:70%
    }
    section.content .range .left-middle{
        left:0;
        width:100%
    }
    section.content .range .filter.right{
        display:block;
        left:0;
        padding:0 2.75em;
        right:0;
        width:auto
    }
    section.content .bars ul li .bar-wrapper{
        right:4.5em
    }
    section.content .bars ul li .bar-wrapper .bottom .label,section.content .bars ul li .bar-wrapper .top .label{
        left:auto!important;
        margin:-.85em 0 -.15em;
        padding-right:0;
        right:-4.5em
    }
    section.content .bars ul li .bar-wrapper .bottom.half .label,section.content .bars ul li .bar-wrapper .top.half .label{
        right:-5.625em
    }
    section.content .lines .graph{
        right:2.75em
    }
}
@media screen and (max-width:540px){
    .container>.about-panel,.container>nav.menu{
        padding:1em
    }
    nav.menu .views{
        left:1em;
        right:1em;
        top:3.5em
    }
    nav.menu .regions{
        left:1em;
        right:1em;
        top:8em
    }
    nav.menu .info{
        left:1em;
        right:1em
    }
    .about-panel .text{
        left:1em;
        right:1em;
        top:3.5em
    }
    .embed-panel,.instructions-panel{
        bottom:5%;
        height:auto;
        left:5%;
        margin:0;
        right:5%;
        top:5%;
        width:auto
    }
    .embed-panel article.desktop,.instructions-panel article.desktop{
        display:none
    }
    .embed-panel article.mobile.active,.instructions-panel article.mobile.active{
        display:block
    }
    header.main{
        height:3.75em;
        padding:1em 4em
    }
    header.main .open-menu{
        left:1.25em;
        top:1em
    }
    header.main .open-embed{
        height:1.75em;
        overflow:hidden;
        right:1.25em;
        text-indent:-9999em;
        top:1em;
        width:1.866666667em
    }
    header.main .open-embed .embed-code-icon{
        left:0;
        margin:0;
        position:absolute;
        top:0
    }
    header.main .kantar-logo{
        height:1.75em;
        margin:.25em auto
    }
    section.content{
        top:3.75em
    }
    section.content .fit-width{
        left:.5em;
        right:.5em
    }
    section.content .left,section.content .left-middle,section.content .middle,section.content .right{
        padding:0 .5em
    }
    section.content .scroll{
        top:3.25em
    }
    section.content header.secondary{
        height:3.25em;
        left:-.5em;
        right:-.5em
    }
    section.content header.secondary h1,section.content header.secondary h2{
        font-size:1em;
        line-height:1em;
        padding:1.25em 0 1em
    }
    section.content .bars ul li,section.content .legend ul li{
        left:.5em;
        right:.5em
    }
    section.content footer.main{
        padding:0
    }
    section.content footer.main .fit-width{
        left:0;
        right:0
    }
    section.content footer.main .left{
        background:#191919;
        padding:0;
        width:100%
    }
    section.content footer.main nav.compare{
        display:none
    }
    section.content footer.main nav.compare+.table{
        display:table
    }
    section.content footer.main .label{
        background:#424242;
        height:50%;
        left:0;
        margin:0;
        line-height:1.5em;
        padding:1em;
        position:absolute;
        text-align:center;
        top:0;
        width:50%
    }
    section.content footer.main .label:after{
        content:"";
        border:.75em solid transparent;
        border-top-color:#424242;
        height:0;
        left:50%;
        margin:0 -.75em;
        position:absolute;
        top:100%;
        width:0;
        z-index:2
    }
    section.content footer.main .label time{
        font-size:.8em
    }
    section.content footer.main .label .icon{
        display:none!important
    }
    section.content footer.main .label .markers-wrapper{
        display:block;
        height:100%;
        left:0;
        overflow:hidden;
        padding:0 50%;
        position:absolute;
        top:100%;
        width:100%
    }
    section.content footer.main .label .markers-wrapper .markers{
        bottom:auto;
        cursor:pointer;
        cursor:grab;
        height:3.5em;
        left:auto;
        margin:0;
        position:relative;
        right:auto;
        top:0!important;
        width:1000px
    }
    section.content footer.main .label .markers-wrapper .markers.ui-draggable-dragging{
        cursor:pointer;
        cursor:grabbing
    }
    section.content footer.main .label .markers-wrapper .markers .marker{
        float:left;
        margin:1.25em .75em;
        left:auto!important;
        position:relative;
        top:auto
    }
    section.content footer.main .label .markers-wrapper .markers .marker:first-child{
        margin-left:-1px
    }
    section.content footer.main .label .markers-wrapper .markers .marker:last-child{
        margin-right:0
    }
    section.content footer.main .label.bottom,section.content footer.main .label.to{
        left:50%
    }
    section.content footer.main .label.bottom .markers-wrapper,section.content footer.main .label.to .markers-wrapper{
        border-left:#000 solid 1px
    }
    section.content .legend ul li{
        padding-right:0
    }
    section.content .legend ul li .icons{
        display:none!important
    }
    section.content .snapshot+footer.main .middle{
        display:none
    }
    section.content .snapshot+footer.main .label{
        width:100%
    }
    section.content .snapshot+footer.main .label.bottom{
        left:100%
    }
    section.content .snapshot+footer.main .label.bottom .compare{
        background:url(../images/compare.png) center/100% no-repeat;
        height:2em;
        left:-1.5em;
        margin:-1em;
        opacity:1;
        overflow:hidden;
        text-align:left;
        text-indent:-9999em;
        top:1.75em;
        position:absolute;
        width:2em
    }
    .svg section.content .snapshot+footer.main .label.bottom .compare{
        background-image:url(../images/compare.svg)
    }
    body.compare section.content .snapshot+footer.main .label{
        width:50%
    }
    body.compare section.content .snapshot+footer.main .label time{
        font-size:.8em
    }
    body.compare section.content .snapshot+footer.main .label.top{
        padding-left:0
    }
    body.compare section.content .snapshot+footer.main .label.bottom{
        left:50%;
        padding-right:0
    }
    body.compare section.content .snapshot+footer.main .label.bottom .compare{
        background-image:url(../images/close-menu.png);
        left:0
    }
    .svg body.compare section.content .snapshot+footer.main .label.bottom .compare{
        background-image:url(../images/close-menu.svg)
    }
    section.content .range .graph{
        top:1.5em;
        left:2.5em;
        right:.5em
    }
    section.content .range .graph .marker.y{
        margin-left:-2.8125em;
        text-align:left;
        width:2em
    }
    section.content .range .graph .marker.x-max,section.content .range .graph .marker.x-min{
        display:none
    }
    section.content .range .filter.right{
        padding:0 .5em
    }
    section.content .range+footer.main .left{
        width:100%
    }
    section.content .range+footer.main .middle{
        display:none
    }
}
@media screen and (max-width:360px){
    .container>.about-panel,.container>nav.menu{
        max-width:100%
    }
    section.content .snapshot .left{
        left:0;
        width:35%
    }
    section.content .snapshot .middle{
        left:35%;
        width:65%
    }
}
.csstransforms body.menu-open .container>nav{
    -webkit-transform:translate(100%,0);
    -ms-transform:translate(100%,0);
    transform:translate(100%,0)
}
.no-csstransforms body.menu-open .container>nav{
    margin-left:0
}
.csstransforms body.menu-open .container .panel{
    -webkit-transform:translate(4em,0);
    -ms-transform:translate(4em,0);
    transform:translate(4em,0)
}
.no-csstransforms body.menu-open .container .panel{
    margin-left:4em
}
body.menu-open .container .panel .mask{
    height:100%;
    opacity:.8;
    transition:height 0s linear,opacity .4s cubic-bezier(.645,.045,.355,1)
}
.csstransforms body.about-open .container>.about-panel{
    -webkit-transform:translate(100%,0);
    -ms-transform:translate(100%,0);
    transform:translate(100%,0)
}
.no-csstransforms body.about-open .container>.about-panel{
    margin-left:0
}
.csstransforms body.about-open .container .panel{
    -webkit-transform:translate(4em,0);
    -ms-transform:translate(4em,0);
    transform:translate(4em,0)
}
.no-csstransforms body.about-open .container .panel{
    margin-left:4em
}
body.about-open .container .panel .mask{
    height:100%;
    opacity:.8;
    transition:height 0s linear,opacity .4s cubic-bezier(.645,.045,.355,1)
}
body.embed-open .container>.embed-panel{
    opacity:1;
    -webkit-transform:translate(0);
    -ms-transform:translate(0);
    transform:translate(0);
    visibility:visible
}
body.embed-open .container .panel .mask{
    height:100%;
    opacity:.8;
    transition:height 0s linear,opacity .4s cubic-bezier(.645,.045,.355,1)
}
body.instructions-open .container>.instructions-panel{
    opacity:1;
    -webkit-transform:translate(0);
    -ms-transform:translate(0);
    transform:translate(0);
    visibility:visible
}
body.instructions-open .container .panel .mask{
    height:100%;
    opacity:.8;
    transition:height 0s linear,opacity .4s cubic-bezier(.645,.045,.355,1)
}
body.compare section.content .legend ul li .icons{
    display:block
}
body.compare section.content footer.main .label .icon{
    display:inline-block;
    zoom:1
}
body.compare section.content footer.main .label.bottom time{
    display:block
}