[class*=" i-"],
[class^=i-] {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.i-search {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNDg1LjIxMyA0ODUuMjEzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODUuMjEzIDQ4NS4yMTM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDcxLjg4Miw0MDcuNTY3TDM2MC41NjcsMjk2LjI0M2MtMTYuNTg2LDI1Ljc5NS0zOC41MzYsNDcuNzM0LTY0LjMzMSw2NC4zMjFsMTExLjMyNCwxMTEuMzI0ICAgIGMxNy43NzIsMTcuNzY4LDQ2LjU4NywxNy43NjgsNjQuMzIxLDBDNDg5LjY1NCw0NTQuMTQ5LDQ4OS42NTQsNDI1LjMzNCw0NzEuODgyLDQwNy41Njd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTM2My45MDksMTgxLjk1NUMzNjMuOTA5LDgxLjQ3MywyODIuNDQsMCwxODEuOTU2LDBDODEuNDc0LDAsMC4wMDEsODEuNDczLDAuMDAxLDE4MS45NTVzODEuNDczLDE4MS45NTEsMTgxLjk1NSwxODEuOTUxICAgIEMyODIuNDQsMzYzLjkwNiwzNjMuOTA5LDI4Mi40MzcsMzYzLjkwOSwxODEuOTU1eiBNMTgxLjk1NiwzMTguNDE2Yy03NS4yNTIsMC0xMzYuNDY1LTYxLjIwOC0xMzYuNDY1LTEzNi40NiAgICBjMC03NS4yNTIsNjEuMjEzLTEzNi40NjUsMTM2LjQ2NS0xMzYuNDY1Yzc1LjI1LDAsMTM2LjQ2OCw2MS4yMTMsMTM2LjQ2OCwxMzYuNDY1ICAgIEMzMTguNDI0LDI1Ny4yMDgsMjU3LjIwNiwzMTguNDE2LDE4MS45NTYsMzE4LjQxNnoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNNzUuODE3LDE4MS45NTVoMzAuMzIyYzAtNDEuODAzLDM0LjAxNC03NS44MTQsNzUuODE2LTc1LjgxNFY3NS44MTZDMTIzLjQzOCw3NS44MTYsNzUuODE3LDEyMy40MzcsNzUuODE3LDE4MS45NTV6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}

.i-rotate {
    background-image: url(/img/icon-rotate.svg)
}

.i-reset {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTUuMzA0IDQ5NS4zMDQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5NS4zMDQgNDk1LjMwNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPHBhdGggZD0iTTM4OC4wODEsMzEwLjg4OWwtOC43OTctOC43ODdjLTIxLjQyNiw1MS42MjUtNzIuMzQ4LDg4LjA0Ny0xMzEuNjM3LDg4LjA0N2MtNDUuNTU1LDAtMTEzLjM1NC0zMS40OTYtMTM1LjEyNS05OC41MDYgICBoMTIuMDE0YzYuOTQzLDAsMTMuMTk1LTQuMTY2LDE1Ljg3My0xMC42MDljMi42NTItNi4zOTgsMS4yMDctMTMuNzcxLTMuNzQ4LTE4LjcwM2wtNTMuNjUyLTUzLjY2MiAgIGMtMy4zMzgtMy4zNDYtNy43MzYtNS4wMTYtMTIuMTM3LTUuMDE2Yy00LjM5MSwwLTguNzg3LDEuNjctMTIuMTMzLDUuMDE2TDUuMDQsMjYyLjMzYy00LjkzNCw0LjkyNC02LjM4NSwxMi4zMDUtMy43MzIsMTguNzAzICAgYzIuNjQ4LDYuNDMsOC45MDYsMTAuNjA5LDE1Ljg2OSwxMC42MDloMjQuNDE4YzEwLjgwMSw0OS41OTIsNjIuNzc5LDE2Ny4xMDUsMjA2LjA1MywxNjcuMTA1ICAgYzkwLjM3NywwLDE2Ny40MzQtNTcuMTk1LDE5Ny40ODItMTM3LjE5M2MtNi40NDUsMi44MjYtMTMuNDE4LDQuNC0yMC42NjQsNC40QzQxMC43MTYsMzI1Ljk1NSwzOTcuNzg2LDMyMC41OTksMzg4LjA4MSwzMTAuODg5eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPHBhdGggZD0iTTI5NC40MDcsMjQ3LjY1MmMwLTI1LjgyNi0yMC45MzUtNDYuNzYyLTQ2Ljc2LTQ2Ljc2MmMtMjUuODIyLDAtNDYuNzU4LDIwLjkzNi00Ni43NTgsNDYuNzYyICAgYzAsMjUuODIsMjAuOTM2LDQ2Ljc2LDQ2Ljc1OCw0Ni43NkMyNzMuNDcyLDI5NC40MTIsMjk0LjQwNywyNzMuNDczLDI5NC40MDcsMjQ3LjY1MnoiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik00OTMuOTkzLDIxNC4yNjZjLTIuNjc4LTYuNDM4LTguOTMtMTAuNjA1LTE1Ljg3My0xMC42MDVoLTI0LjI1NGMtMi41MjktMTEuODQ2LTEyLjU0Ny01MC4xNzgtMzkuMjM2LTg0LjU3ICAgYy0zOC43NjQtNDkuOTUzLTk4Ljk4Mi04Mi41MzMtMTY2Ljk4Mi04Mi41MzNjLTkwLjM3OSwwLTE2Ny40NjUsNTcuMjExLTE5Ny41LDEzNy4yMjNjNi40NjUtMi44NSwxMy40NjMtNC40MywyMC43MjUtNC40MyAgIGMxMy43ODMsMCwyNi43MDMsNS4zNTksMzYuMzg1LDE1LjA3NGw4Ljc2Niw4Ljc1NmMyMS40MzctNTEuNjE3LDcyLjM0NC04OC4wMzMsMTMxLjYyNS04OC4wMzMgICBjOTcuNjIzLDAsMTMxLjIwNyw4Ni4zOTUsMTM1LjEyNyw5OC41MTRoLTEyLjAxNGMtNi45NjMsMC0xMy4yMTEsNC4xODItMTUuODY3LDEwLjYwNWMtMi42NDgsNi4zOTUtMS4yMDMsMTMuNzg3LDMuNzQyLDE4LjcwNyAgIGw1My42ODQsNTMuNjU0YzMuMzUyLDMuMzU1LDcuNzQ2LDUuMDI1LDEyLjE0Niw1LjAyNWM0LjM5NSwwLDguNzg1LTEuNjcsMTIuMTM3LTUuMDI1bDUzLjY1NC01My42NTQgICBDNDk1LjIsMjI4LjA0NSw0OTYuNjUxLDIyMC42Niw0OTMuOTkzLDIxNC4yNjZ6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPC9zdmc+Cg==)
}

.i-faster {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1NyA1NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTcgNTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8cGF0aCBkPSJNNTYuNTc1LDI3LjY4M2wtMjctMTljLTAuMzA2LTAuMjE2LTAuNzAzLTAuMjQyLTEuMDM2LTAuMDdDMjguMjA4LDguNzg0LDI4LDkuMTI3LDI4LDkuNXYxNy43NzdMMS41NzUsOC42OTQgIEMxLjI3LDguNDgxLDAuODcyLDguNDUzLDAuNTM5LDguNjI1QzAuMjA4LDguNzk3LDAsOS4xNCwwLDkuNTEzdjM3Ljk3NWMwLDAuMzczLDAuMjA4LDAuNzE2LDAuNTM5LDAuODg4ICBDMC42ODUsNDguNDUsMC44NDMsNDguNDg3LDEsNDguNDg3YzAuMjAyLDAsMC40MDMtMC4wNjIsMC41NzUtMC4xODJMMjgsMjkuNzIzVjQ3LjVjMCwwLjM3MywwLjIwOCwwLjcxNiwwLjUzOSwwLjg4OCAgQzI4LjY4NSw0OC40NjMsMjguODQzLDQ4LjUsMjksNDguNWMwLjIwMiwwLDAuNDA0LTAuMDYyLDAuNTc1LTAuMTgzbDI3LTE5QzU2Ljg0MiwyOS4xMzEsNTcsMjguODI1LDU3LDI4LjUgIFM1Ni44NDIsMjcuODY5LDU2LjU3NSwyNy42ODN6IiBmaWxsPSIjRkZGRkZGIi8+Cjwvc3ZnPgo=)
}

.i-slower {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1NyA1NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTcgNTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8cGF0aCBkPSJNNTYuNTc1LDI3LjY4M2wtMjctMTljLTAuMzA2LTAuMjE2LTAuNzAzLTAuMjQyLTEuMDM2LTAuMDdDMjguMjA4LDguNzg0LDI4LDkuMTI3LDI4LDkuNXYxNy43NzdMMS41NzUsOC42OTQgIEMxLjI3LDguNDgxLDAuODcyLDguNDUzLDAuNTM5LDguNjI1QzAuMjA4LDguNzk3LDAsOS4xNCwwLDkuNTEzdjM3Ljk3NWMwLDAuMzczLDAuMjA4LDAuNzE2LDAuNTM5LDAuODg4ICBDMC42ODUsNDguNDUsMC44NDMsNDguNDg3LDEsNDguNDg3YzAuMjAyLDAsMC40MDMtMC4wNjIsMC41NzUtMC4xODJMMjgsMjkuNzIzVjQ3LjVjMCwwLjM3MywwLjIwOCwwLjcxNiwwLjUzOSwwLjg4OCAgQzI4LjY4NSw0OC40NjMsMjguODQzLDQ4LjUsMjksNDguNWMwLjIwMiwwLDAuNDA0LTAuMDYyLDAuNTc1LTAuMTgzbDI3LTE5QzU2Ljg0MiwyOS4xMzEsNTcsMjguODI1LDU3LDI4LjUgIFM1Ni44NDIsMjcuODY5LDU2LjU3NSwyNy42ODN6IiBmaWxsPSIjRkZGRkZGIi8+Cjwvc3ZnPgo=);
    transform: rotateY(180deg)
}

.i-info {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0ODguOSA0ODguOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg4LjkgNDg4Ljk7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8cGF0aCBkPSJNMjM5LjE1LDBjMzEuOSwwLDU3LjcsMjUuOCw1Ny43LDU3LjdzLTI1LjgsNTcuNy01Ny43LDU3LjdzLTU3LjctMjUuOC01Ny43LTU3LjdTMjA3LjI1LDAsMjM5LjE1LDB6IE0yOTEuNjUsMTUxLjZoLTEuNSAgICBoLTkyLjhoLTMuNGMtMTksMC0zNC4zLDE1LjQtMzQuMywzNC4zbDAsMGMwLDE5LDE1LjQsMzQuMywzNC4zLDM0LjNoMy40djIwMGgtMzcuN3Y2OC43aDE2OS42di02OC43aC0zNy41VjE1MS42SDI5MS42NXoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+Cg==)
}

.initial-loader {
    width: 100%;
    height: 100%;
    background: #111;
    position: absolute;
    z-index: 10;
    overflow: hidden
}

.image-wrapper {
    height: 100%;
    left: -200%;
    right: -200%;
    margin: auto
}

.image-wrapper,
.spinner {
    display: none;
    position: absolute
}

.spinner {
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -15px
}

.spinner>div {
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.spinner .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.spinner .rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes stretchdelay {

    0%,
    40%,
    to {
        -webkit-transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes stretchdelay {

    0%,
    40%,
    to {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.customer-mode .image-wrapper,
.image-mode .image-wrapper {
    display: block
}

.image-mode .initial-loader {
    background: #000
}

.regular-mode .spinner {
    display: block
}

body {
    margin: 0;
    padding: 0;
    font-family: Open Sans, sans-serif
}

*,
:after,
:before {
    box-sizing: border-box
}

.spread {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.hide {
    display: none !important
}

.canvas-container {
    background: transparent
}

.canvas-container canvas {
    display: block;
    vertical-align: top
}

#stats {
    top: 0;
    left: 0
}

#about,
#stats {
    position: absolute
}

#about {
    color: #fff;
    bottom: 5px;
    left: 5px;
    font-style: italic
}

a,
a:visited {
    text-decoration: none
}

.top-section {
    position: absolute;
    left: 4px;
    top: 8px
}

.logo {
    position: absolute;
    left: 0;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAoCAYAAAAyhCJ1AAAHuElEQVR42u2ceWwUVRjAqRIMh4BGo2ChLYVuW44/5FI0hkBaaKG1SKFCW6ClEoqERiNHBQwoISoSUQPBqyAhBpVI5bTGCIYo8gdIuC1H6e52d7vT7nbbbg97fH5vZjqd2Z1ru9PdQWaSX7aFmW935v32zfu+96Z9+hibsRnbg7dZXo4zLkKYG6Afcgj5LUz8hUwwWiL8IkQgtxAII0Z3oBMZbgbTkNZXAseSIYjR12gFfYjwbU8lMKfHQd2KxICxZ5m4GEYL6EeEfcGI4H4tMWBsmZwIdqMF9CPC0jCKUB7Wk/d6var+Lcj3iNBbo4udIzZGln8jY0PNHomMkMU8awS4lsSoIBrcBfGcCNZ53HuVanFSWxEIgEbkOnIQmS92cfDnyABjimHpkgBfb2sQrz8b67EeHm9DziLrkadERDD5fdOThgHlsEFNUyvUeFskcTY2g9qtfkuGmAglWohQHOQFrkCG8mXA1+EaNNw1ngh/ayjCUA1iEVL454yNMcyvR0h+BpxXLwJF1SCUJE6nU50F7W3gKU5iRMDBIrmlsO+1SQ8iENzI4AdMBEIWv6LnJ0LKSHD8/D1QNdqI0NnaBJ610xkRCgQi5OhFBMIfvJgPigiEJ3m9glcgQmoUOI7sF4pgt4GzskJA9b270NlUD51eeTooC9QVPUeLUJOXwBchVU8iEGZoKMI9FSJ0aixCE1KCfMPynYq4+bxxglUgwtxRYP/0bRShlhOh+vQxsCyaCNacqRyW7ClQ9+aLyrzxAt4SxtIiULnxYGFE6ECe720RXkeiWMYgbyEumf13qBCBDLqe4MWVYhjvViPXIyQjIxRiRfOkkhPBLnGN5N6/hCdCmUCEtFiwfVAEVC1PhLNlYJkTE3T6WJ3NidCOTOptEbJE9l8ks3+pChHMPfiMcg0xLsBYciI4xNJE9gsgdcxxnggnfccJVUXpAhGct27g2CEqOBFwoOjoriq2IDEhFYFcGPYbKLX/URUiVGosQnQIRNguc8wPPBHe9ZtDWJUCFA4GORHuloNlwQSwZk/msCyehN3+NFV0iWBbyInQjESGo0eQu2/u1WCMQDKQIQGIoMTYQEXA1748xiItMses44nwnp8IK2biANEuzBRcbgHOWpeqrOHfC7+Ae7mJnmfgTTg1IgN7W4RzxHiWI0i5wkVfqoEIDo1FSAxAhHbkH/Y8y9millL8Z0nPQVJIJNNPhKXTgLJUapI+Nh/djSLE0z0CT4R65CE9ZQ2tGqWP4RQhUMp8qotz/UTArIAyV2gignf/ZrrE7CoQiFCnVd1cKxFMD5gIJL182EeEl9h0rlsGHA/QItR5JHG669SVl7dloggJ4FqeyJftvF5EqOm6JWgkQjjHCGo/30KxySdslHFsOtfdUPPioao4B6o250mzKQ8aP1slwPvVOoC2Vp95hnRahNr8BL4IR/Ugwl5kgMikk5wIFDKd1OolmEEGaQGIUIjMloiVigzSWAQyjhgoMQMZh7T5lZrTYuniEgf5XSF99GxI8hPBlTOS/r/aPIEIa0MhwiG2bsBnPjJVIWYo6wgJGqaPNnafR73MJrXfJok1CUOQVmF1MRYch7/E28M9cFbcpm8TjtL9jBAyItRvzaAnmQQiZEcy5eVlAhHWhEKE4h7GDKUI43ujjsBOOcv1DP1ERBgkKsKxg0yqSKeOLnCUHQbLHAURtmcBdHRwEnS4bODKjWbKy0sEIky8X0XQuqAU00sijFNKlSVuD02+twX7ni3MwLArS7hTDubk4dIi5MdBw0fLBL1BB2VmFqb4ixBzv4rQxi5suanACZWzjxUqYpmRRwIoKHWdxyW5GovEgNEpFGE02HauBcpTL5iBdBz4GKwrk8CaPQXMaWPoxq9bPQk8G1PAe+AdaK+4IiwmXToNrmWxzDzD4njBolVNHmwJgwhquR6GaWjfEnOhQszBIj3CKYEI6WOgak0aUA1eYf2AzEiS6enKu1B9+QK0V16Hzvpa/Oq3i6aOrX+WgjtvNC2CYxEnQouW6+/0KsI1HYigtOTuJxERdvuKYF2dCpS3JaiCUvPJz7HXMDHzDAu4eQanIUIIRGD3Py5XTUWe9hGh2H+lUhQ4r1wAqtYlulpJSYTOpkZo2FVA1xB8RLiopQgbZU50YxhFuMkT4XKIRKBEziVRIe5KHxGSRZetz4oEa+Z4qCrOBvu+HVB9/gydQVCeBnCiHIKBYU0VtJw5BN6SYvCsn8nUD5ab6NsCmXCin3Ji4p7TUgRSF/hRgvk9jPk4clImrho+4Ymwk5306mmsE13pHlsMOi6xX4nYcnpkj0zs931EmKL4LAPeLujFKXNHgW1bITh+PwWdDW5oPrKLHjDSg0LesnU+9Mxjd6yvdfugRy8816D7zy+SOah/wAXTS3MqpoWk8fNJGpkguyDFszIRswzu+C+MR4t0vGn9pBOZZCLVRMer8WCdZ+Ifu8H4mwj6FqExGBFI9+/KJ2miiXmIJUPy2CLjautbBDJO+BD5FfGoEYFMJDlzE8Cehd/6DBOzVD1ddP8rZGyA5CL9jautXwn8fsbXycjhIP5+wh2kkI0VYdwO7n8xIlgpVpF1BH6LWLq5imxDUpChYrGM7f8nShJ5mhm5gaxABhgNb2y9IsB/xR0EtZH1EsAAAAAASUVORK5CYII=) no-repeat;
    height: 40px;
    width: 130px;
    color: #fff
}

.announce-top {
    position: absolute;
    left: 9px;
    top: 75px;
    color: #f7ead2;
    white-space: nowrap;
    transition: text-shadow .1s
}

.announce-top:hover {
    text-shadow: 3px 0 8px #827b6e, -4px 0 8px #827b6e
}

.announce-top>* {
    border-bottom: 1px solid;
    margin-left: 6px
}

.logo-desc {
    position: absolute;
    bottom: -13px;
    left: 14px;
    font-size: 13px;
    opacity: .5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dialog-info {
    position: absolute;
    left: 1px;
    bottom: 50px;
    background: rgba(0, 0, 0, .38);
    padding: 9px 10px;
    border-radius: 2px;
    color: #fff;
    border: 1px solid #666;
    max-width: 300px;
    font-size: 14px
}

.dialog-info-legend>* {
    margin-left: 5px;
    position: relative
}

.img-active-area:after {
    content: "";
    border: 1px solid #2f2f2f;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAtCAYAAADRLVmZAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AkaDwcRxomVoAAABFhJREFUaN7VmU1LG1sch59zZmImaZJDo0ZaHUGwiJCFGzcVKqLtSrop9PPctevuuvEDtCC4cuXKTaG0iCKSKqilrRgcZ4zJxHFm7uIS6fXlxsmdifYsE8g8+c3v/3qEUiokpjM1NcX+/j4HBwf/+lwIgRCCMAwJw3geJ+OCVkph2/Y1aIBMJsPw8DBKKYQQDwvcNM0boQHy+Tyzs7OMjIwgZTyP1ONSG8C27Ru/d12XtbU1jo+P49IpHvD/Uhvg9PSUer1OEAT4vv9wrNLy920nCAI8z4sNOhbwdtBRjhACKeWdAlgmbZM7Kygl+Xye0dFRcrlcW3iZZFBGBS8Wi7x48YJSqZSs4lfVFkKg6zqapkXO11JKdF3n8+fPWJbVHcUvU5SuUy6XmZubQ9ejJaxUKsXMzAyjo6OcnZ0RBEEy6bAVlL/bRNM0SqUSQ0NDkRUPw5CvX79Sr9fv1BaITnuVcrnMwcHBNfBCoYCUEsdx8DwvklUMwyAIAs7Pz5NR/Lag9H0fy7I6eoNBEFCv15PN46Zpxpa7u1qAlFI4jnNrEdE0DU3TkFIipSSVSpFKpWLrDDsCvykor3p1cHCQV69e0dvbi1KKZ8+e8fr1a3K53P2Bt6uUQghyuRzr6+t4nkculyObzaKUiq2ljRycSimUUmxsbFyDbdnBMAxs2+b09JTp6Wmq1Srfvn1jd3c3UvDFCl4oFHAch1QqRTqdvuz4Hj9+zNOnT6nVaszPz6PrOouLi/T19XF0dMTx8XGsnSGAZhjGX1EUv7i4QAjBmzdv0DSNer3O3NwcHz58wDAMJiYmePLkCSsrK2xubvLjx49I+TzRQcL3fSqVCpZloZSiv78fIQTb29t8/PiRYrFIb28vlUqFIAiQUhIEQWyDcmTFhRCUSiV+/frF0dERxWKR+fl5KpUKW1tbvH//nkwmw/7+Pt+/fycMQwYGBhgZGcGyrPsbJGzbJp/P02w2aTQaNBoN9vb2+PLlC+/evSObzTI5OcnAwAAXFxcYhsH4+DjPnz+np6fn/q3SKtE/f/6kWq3iuu7lULy6ukqtVkPXdfr6+picnOTTp09te49ErdIK0Gazieu6eJ5Hs9nE930Mw+Dly5cMDQ2xs7NDo9FA13XOzs7Y3t7m5OTk/jwOkE6nSafT10q+pmlks1mmpqZwXZe9vT1c1+Xw8JBarRa74npcP3R+fs7Ozg7Ly8tUq1WEEHiel0gq7AjccZwby34QBFiWheM4l/uTJHaGHfcqtm1fG9lu259kMhnGxsYwTTPWPqVjq7Tg2/XkSikWFhYIw5C3b99eZp97BS8UCm3Bfd9naWnpzkueSMujTmZO0zQB2i6CNE3j0aNHhGF4p8k9cXD4Z4lv2/a1FrdbR/yfGwnTNBkeHr7xFuJBg7cC8HfrdGuIFnHdAXX7D4g4L6+6aZ/Ywa+qn1TwJgIeNW12bSEUx+LoQYM/uBVc1K3XHwWeJPQfbZW/AQq7HMZRF3qaAAAAAElFTkSuQmCC) no-repeat 50%/46px
}

.dialog-info-desc {
    margin-bottom: 7px
}

.dialog-info-link {
    color: cyan
}

.dialog-info-close {
    position: absolute;
    right: 0;
    top: 0;
    color: #a5a5a5;
    font-family: monospace;
    cursor: pointer;
    padding: 2px 4px 3px 5px
}

.color-peer:before {
    background: #f40
}

.color-peer-near:before {
    background: #00b2b3
}

.color-peer-dist:before {
    background: #ff0
}

.color-active:before {
    background: #fff
}

.color-peer-pillar:before {
    background: cyan
}

.data-clock {
    position: absolute;
    right: 1px;
    bottom: 1px;
    color: #fff;
    border: 1px solid grey;
    text-align: center
}

.data-clock-time {
    padding: 3px 13px
}

.data-live {
    display: none;
    color: #fff;
    border: 1px solid hsla(0, 0%, 100%, .4);
    margin-bottom: 8px;
    text-align: center;
    width: 111px
}

.data-live-count {
    font-size: 36px;
    text-align: center;
    transition: all 1s;
    text-shadow: 0 0 0 transparent
}

.data-live-text {
    font-size: 13px
}

.live-counter-up {
    text-shadow: 2px 2px 10px rgba(0, 156, 0, .7), -2px 2px 10px rgba(0, 156, 0, .7), 2px -2px 10px rgba(0, 156, 0, .7), -2px -2px 10px rgba(0, 156, 0, .7)
}

.live-counter-down {
    text-shadow: 2px 2px 10px rgba(155, 0, 0, .7), -2px 2px 10px rgba(155, 0, 0, .7), 2px -2px 10px rgba(155, 0, 0, .7), -2px -2px 10px rgba(155, 0, 0, .7)
}

.customer-mode .top-section,
.image-mode .data-clock,
.image-mode .top-section {
    display: none
}

.customer-mode .data-live {
    display: block
}

.controls-area {
    position: absolute;
    bottom: 6px;
    left: 5px;
    background: #000
}

.version {
    position: absolute;
    bottom: 0;
    color: #7b7b7b;
    font-size: 13px;
    cursor: default;
    right: -47px
}

.controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.controls>* {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    cursor: pointer;
    background: #000;
    border: 1px solid #fff;
    padding: 3px;
    opacity: .4;
    border-radius: 1px;
    transition: opacity .1s;
    width: 35px;
    height: 28px;
    position: relative
}

.controls>:hover {
    opacity: .6
}

.controls i {
    width: 100%;
    height: 100%;
    display: block
}

.controls-custom.active,
.controls-rotate.active {
    opacity: 1
}

.controls-search-input {
    background: #3b7642
}

.controls-info-dialog {
    background: rgba(0, 0, 0, .73);
    position: absolute;
    bottom: 137%;
    left: 0;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 7px 13px;
    display: none;
    cursor: default;
    white-space: nowrap;
    font-family: sans-serif;
    font-size: 13px
}

.controls-info:hover .controls-info-dialog {
    display: block
}

.controls-info-dialog:before {
    content: "";
    position: absolute;
    left: 5px;
    bottom: -20px;
    width: 0;
    height: 0;
    border: 10px solid #fff;
    border-color: #fff transparent transparent
}

.controls-info-dialog:after {
    content: "";
    position: absolute;
    left: 5px;
    bottom: -18px;
    width: 0;
    height: 0;
    border: 10px solid #fff;
    border-color: #000 transparent transparent
}

.controls-legend {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 0
}

.controls-legend:before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    width: 10px;
    height: 10px;
    border-radius: 10px
}

@media (max-width:500px) {
    .controls>* {
        width: 26px;
        height: 22px
    }
}

.image-mode .controls-area {
    display: none
}