@charset "UTF-8";

@font-face {
    font-family: 'Proxima Nova', 'Helvetica Neue Light';
    src: url('/fonts/helveticaneue-light-webfont.eot');
    src: url('/fonts/helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/helveticaneue-light-webfont.woff') format('woff'),
         url('/fonts/helveticaneue-light-webfont.ttf') format('truetype'),
         url('/fonts/helveticaneue-light-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue Medium';
    src: url('/fonts/helveticaneue-medium-webfont.eot');
    src: url('/fonts/helveticaneue-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/helveticaneue-medium-webfont.woff') format('woff'),
         url('/fonts/helveticaneue-medium-webfont.ttf') format('truetype'),
         url('/fonts/helveticaneue-medium-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('/fonts/proximanova-light-webfont.eot');
    src: url('/fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/proximanova-light-webfont.woff') format('woff'),
         url('/fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('/fonts/proximanova-light-webfont.svg#ProximaNovaLight') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('/fonts/proximanova-lightitalic-webfont.eot');
    src: url('/fonts/proximanova-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/proximanova-lightitalic-webfont.woff') format('woff'),
         url('/fonts/proximanova-lightitalic-webfont.ttf') format('truetype'),
         url('/fonts/proximanova-lightitalic-webfont.svg#ProximaNovaLightItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('/fonts/proximanova-reg-webfont.eot');
    src: url('/fonts/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/proximanova-reg-webfont.woff') format('woff'),
         url('/fonts/proximanova-reg-webfont.ttf') format('truetype'),
         url('/fonts/proximanova-reg-webfont.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('/fonts/proximanova-regitalic-webfont.eot');
    src: url('/fonts/proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/proximanova-regitalic-webfont.woff') format('woff'),
         url('/fonts/proximanova-regitalic-webfont.ttf') format('truetype'),
         url('/fonts/proximanova-regitalic-webfont.svg#ProximaNovaRegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('/fonts/proximanova-sbold-webfont.eot');
    src: url('/fonts/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/proximanova-sbold-webfont.woff') format('woff'),
         url('/fonts/proximanova-sbold-webfont.ttf') format('truetype'),
         url('/fonts/proximanova-sbold-webfont.svg#ProximaNovaSemibold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('/fonts/proximanova-sbold-webfont.eot');
    src: url('/fonts/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/proximanova-sbold-webfont.woff') format('woff'),
         url('/fonts/proximanova-sbold-webfont.ttf') format('truetype'),
         url('/fonts/proximanova-sbold-webfont.svg#ProximaNovaSemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('/fonts/proximanova-sbolditalic-webfont.eot');
    src: url('/fonts/proximanova-sbolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/proximanova-sbolditalic-webfont.woff') format('woff'),
         url('/fonts/proximanova-sbolditalic-webfont.ttf') format('truetype'),
         url('/fonts/proximanova-sbolditalic-webfont.svg#ProximaNovaSemiboldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('/fonts/proximanova-sbolditalic-webfont.eot');
    src: url('/fonts/proximanova-sbolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/proximanova-sbolditalic-webfont.woff') format('woff'),
         url('/fonts/proximanova-sbolditalic-webfont.ttf') format('truetype'),
         url('/fonts/proximanova-sbolditalic-webfont.svg#ProximaNovaSemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('/fonts/proxima_nova_black-webfont.eot');
    src: url('/fonts/proxima_nova_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/proxima_nova_black-webfont.woff') format('woff'),
         url('/fonts/proxima_nova_black-webfont.ttf') format('truetype'),
         url('/fonts/proxima_nova_black-webfont.svg#ProximaNovaBlack') format('svg');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('/fonts/proxima_nova_extrabold-webfont.eot');
    src: url('/fonts/proxima_nova_extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/proxima_nova_extrabold-webfont.woff') format('woff'),
         url('/fonts/proxima_nova_extrabold-webfont.ttf') format('truetype'),
         url('/fonts/proxima_nova_extrabold-webfont.svg#ProximaNovaExtrabold') format('svg');
    font-weight: 900;
    font-style: normal;
}

body {
    font-family: 'Proxima Nova';
    color: #292929; font-weight: 300; font-size: 18px; line-height: 1.35;
    background: #ffffff; width: 100%; height: 100%;
}

.donut-title {text-anchor: middle; font-size: 80px; fill: #999999;}
.donut-value {text-anchor: middle; font-size: 200px;}
.donut {opacity: 1; transition: 0.3s opacity;}
.donut.inactive {opacity: 0.25;}

.world-stat .country {
    pointer-events: auto; cursor: pointer; transition: .3s all; transition-timing-function: linear;
}
.world-stat .country:hover {stroke: #000000;}
.world-stat .country.inactive {opacity: .25; stroke: none !important;}
.world-stat .country.active {opacity: 1; stroke: red !important;}        

.axis .tick line {stroke: #777777; opacity: .2;}
.axis .tick:first-child line {stroke: #000000; opacity: 1;}
.axis .domain {opacity: 0;}

.scale-space .axis .tick text {font-size: 12px;}

.slider-space .track, .slider-space .track-inset, .slider-space .track-overlay {
    stroke-linecap: round;
}
.slider-space .track {stroke: #adadad; stroke-opacity: 0.3; stroke-width: 12px;}
.slider-space .track-inset {stroke: #ededed; stroke-width: 10px; }
.slider-space .track-overlay {
    stroke: none; stroke-width: 2px;
    pointer-events: stroke; stroke-width: 50px; stroke: transparent; cursor: pointer;
}
.slider-space .handle {
    fill: #ffffff; stroke: #000000; stroke-opacity: 0.5; stroke-width: 1.25px;
}
.slider-space rect {fill: steelblue;}
.slider-space text {font-size: 22px; fill: #777777;}

.heatmap-locator {opacity: 0; fill: red; transition: .25s all;}

.webstat {position: relative;}
.tooltip {
    pointer-events: none; position: absolute; top: 0; left: 0; background: rgba(255,255,255,.85);
    padding: 10px 15px; min-width: 160px; border-radius: 6px; border: 1px solid #000000;
    line-height: 1.3; opacity: 0; transition: .25s opacity;
}
.webstat .tooltip .title {
    font-weight: 600; font-size: 22px; margin-bottom: 5px;
}