@import url('https://fonts.googleapis.com/css?family=Arya:400,700&subset=latin-ext');

html, body {
    margin: 0;
    height: 100%;
}

body {
    font: bold 24px 'Arya', sans-serif;
}

svg {
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    image-rendering: optimizeQuality;
    fill-rule: evenodd;
    clip-rule: evenodd;
}

.item {
    position: relative;
    width: 100%;
    padding-bottom: 51.042%;
    margin: 0 auto;
}

.item > img, .item > svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.owl-nav {
    margin-top: 0 !important;
}

.owl-dots {
    height: 5.208%
}

.item .highcharts {
    position: absolute;
    top: 12%;
    bottom: 13%;
    left: 14%;
    right: 14%;
}

.owl-prev, .owl-next {
    position: absolute;
    top: 43%;
    font-size: 150px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    display: none !important;
}

.owl-prev {
    left: 10px;
}

.owl-next {
    right: 10px;
}

body:hover .owl-prev, body:hover .owl-next {
    display: block !important;
}

.navbtn {
    width: 5vw;
    height: 5vw;
    display: block;
    opacity: .8;
}

#footer {
    pointer-events: none;
}

#footer * {
    pointer-events: all;
}