html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
        'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%;
}
.body-editor {
    overflow: hidden;
}

.body-light {
    background-color: #fff;
    color: #000;
}
.body-dark {
    background-color: #000;
    color: #fff;
}

/* scrollbar */
*::-webkit-scrollbar-track {
    background-color: #ccc;
}
*::-webkit-scrollbar {
    width: 6px;
    background-color: #ccc;
}
*::-webkit-scrollbar-thumb {
    background-color: #575757;
}

#root {
    height: 100%;
}
.App {
    height: 100%;
}
.__dbk__gutter.Horizontal.visGutter {
    height: initial;
}

.vis-widget_prev {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    padding: 0 !important;
}

.ui-menu {
    background: #eee;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #aaa;
    color: #111;
    padding: 0;
}

.ui-menu-item {
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 3px 1em 3px 0.4em;
    cursor: pointer;
}
.ui-menu-item::marker {
    list-style-image: none;
    list-style-type: none;
    margin: 0;
}
.ui-menu-item:hover {
    background-color: #ccc;
}
.vis-tooltip {
    pointer-events: none;
}
/**
 *  ioBroker.vis-2
 *  https://github.com/ioBroker/ioBroker.vis
 *
 *  Copyright (c) 2022-2023 Denis Haev https://github.com/GermanBluefox,
 *  Creative Common Attribution-NonCommercial (CC BY-NC)
 *
 *  http://creativecommons.org/licenses/by-nc/4.0/
 *
 * Short content:
 * Licensees may copy, distribute, display and perform the work and make derivative works based on it only if they give the author or licensor the credits in the manner specified by these.
 * Licensees may copy, distribute, display, and perform the work and make derivative works based on it only for noncommercial purposes.
 * (Free for non-commercial use).
 */

/* Reset all fonts settings */
body,
html {
    font-style: normal;
    font-stretch: normal;
    text-shadow: none;
    text-transform: none;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-indent: 0;
    display: inline-block;
    text-align: start;
    font: 1em Arial;
}

/* set font as in editor */
#vis_container {
    font-family: Arial, sans-serif;
}

.vis-widget {
    position: absolute;
    overflow: hidden;
}

.vis-view {
    top: 0;
    min-height: 100%;
    min-width: 100%;
}

.vis-editmode-steal-style:hover {
    box-shadow: 0 0 15px 8px #002aad;
}

.vis-editmode-widget-shadow {
    border: 1px dotted #0d72b8;
    position: relative;
}

.vis-editmode-helper,
.editmode-helper {
    width: 100%;
    height: 100%;
    z-index: 600;
    opacity: 0.1;
    background-image: /* tint image */
        linear-gradient(to right, rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0.75)),
        /* checkered effect */ linear-gradient(to right, black 50%, white 50%),
        linear-gradient(to bottom, black 50%, white 50%);
    background-blend-mode: normal, difference, normal;
    background-size: 1em 1em;
}

.vis-editmode-overlay {
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
}
.vis-editmode-overlay-not-selected:hover {
    background: #ada400a0;
    box-shadow: 0 0 15px 4px #ada400;
}

.vis-editmode-overlay-move-button {
    position: absolute;
    top: calc(50% - 8px);
    font-size: 1.5em;
    opacity: 0.7;
    cursor: pointer;
    z-index: 1204;
}

.vis-editmode-overlay-move-button:hover {
    transform: scale(2);
}

.vis-editmode-overlay-absolute {
    position: absolute;
}

.vis-editmode-selected.vis-editmode-overlay {
    /* background-color: green; */
    z-index: 1001;
}

.vis-editmode-selected.vis-editmode-selected-background.vis-editmode-overlay {
    background-color: green;
}

.vis-editmode-widget-name {
    font-size: 10px !important;
    background: #002e4f;
    border-radius: 3px 3px 0 0;
    position: absolute !important;
    top: -14px;
    left: 0 !important;
    padding: 1px 16px 1px 3px;
    font-family: Arial, Helvetica, sans-serif !important;
    overflow: visible !important;
    text-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: unset !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-align: left !important;
    font-variant: unset !important;
}
.vis-editmode-widget-name-long {
    padding: 1px 50px 1px 3px;
}
.vis-editmode-widget-name.dark {
    background: black;
    color: white;
}
.vis-editmode-widget-name.light {
    background: white;
    color: black;
}
.vis-editmode-widget-name.vis-editmode-widget-name-bottom {
    top: -0;
    border-radius: 0 0 3px 3px;
    opacity: 0.5;
    z-index: 1002;
}
.vis-editmode-widget-name.vis-editmode-widget-name-selected.dark {
    background: #ffc733;
    color: black;
}
.vis-editmode-widget-name.vis-editmode-widget-name-selected.light {
    background: #0064c0;
    color: #ffffff;
}

.vis-editmode-select-rect {
    border: 1px dashed white;
    background-color: #f00;
    opacity: 0.1;
}

.vis-widget-body {
    width: 100%;
    height: 100%;
}

.vis-anchor {
    position: absolute;
    top: 0;
    right: 2px;
    /* font-size: 10px;*/
    width: 13px;
    height: 13px;
    cursor: pointer;
    transition: transform 0.1s;
}
.vis-anchor:hover {
    transform: scale(2);
    color: #f00;
}
.vis-anchor:active {
    transform: scale(1.7);
    color: #f00;
}
.vis-anchor-enabled {
    color: #0b9512;
}
.vis-anchor-disabled {
    opacity: 0.7;
}
.vis-expand {
    transform: rotate(90deg);
    position: absolute;
    top: 0;
    right: 17px;
    /* font-size: 10px;*/
    width: 13px;
    height: 13px;
    cursor: pointer;
    transition: transform 0.1s;
}
.vis-expand:hover {
    transform: scale(2) rotate(90deg);
    color: #f00;
}
.vis-expand:active {
    transform: scale(1.7) rotate(90deg);
    color: #f00;
}
.vis-expand-enabled {
    color: #0b9512;
}
.vis-expand-disabled {
    opacity: 0.7;
}

.vis-new-line {
    position: absolute;
    top: 0;
    right: 34px;
    /* font-size: 10px;*/
    width: 13px;
    height: 13px;
    cursor: pointer;
    transition: transform 0.1s;
}
.vis-new-line:hover {
    transform: scale(2);
    color: #f00;
}
.vis-new-line:active {
    transform: scale(1.7);
    color: #7c7c7c;
}
.vis-new-line-enabled {
    color: #ed00ff;
}
.vis-new-line-disabled {
    opacity: 0.7;
}

.vis-view-column {
    flex: 1 0 0;
    max-width: 500px;
    min-width: 100px;
    min-height: 100%;
    position: relative;
}

.vis-view-column-edit {
    border: 1px dashed #888888;
    box-sizing: border-box;
}

.vis-editmode-widget-move-buttons {
    background: #002e4f;
    border-radius: 3px 3px 0 0;
    position: absolute;
    top: -13px;
    right: 0;
    overflow: visible;
    height: 13px;
    width: 45px;
    font-size: 12px;
}
.vis-editmode-widget-move-buttons.dark {
    background: black;
    color: white;
}
.vis-editmode-widget-move-buttons.light {
    background: white;
    color: black;
}
.vis-editmode-widget-move-buttons.vis-editmode-widget-name-bottom {
    top: -0;
    border-radius: 0 0 3px 3px;
    opacity: 0.5;
    z-index: 1002;
}

.vis-editmode-move-button {
    position: absolute;
    top: 0;
    left: 16px;
    width: 13px;
    height: 13px;
    cursor: pointer;
    transition: transform 0.1s;
    display: inline-block;
}
.vis-editmode-move-button svg {
    width: 13px;
    height: 13px;
}
.vis-editmode-move-button:hover {
    transform: scale(2);
    color: #f00;
}
.vis-editmode-move-button:active {
    transform: scale(1.7);
    color: #f00;
}
.vis-editmode-widget-number {
    position: absolute;
    top: -1.5px;
    left: 10px;
    font-size: 11px;
}

.vis-signals-blink {
    animation: vis-blink-animation 1s steps(5, start) infinite;
}
@keyframes vis-blink-animation {
    to {
        visibility: hidden;
    }
}
/* ------------------------ Backgrounds styles ---------------------------*/
.no_background {
    background: none !important;
}

.hq-background-blue-marine-lines {
    background-image: url(./oblique-line-bk-BsWl-H7h.png);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNDI4Q0JEIi8+PHN0b3Agb2Zmc2V0PSIwLjIiIHN0b3AtY29sb3I9IiMyNzYyODYiLz48c3RvcCBvZmZzZXQ9IjAuMzMiIHN0b3AtY29sb3I9IiMyMjRlNzIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDAzMjkiLz48L3JhZGlhbEdyYWRpZW50PjxyZWN0IHg9IjAlIiB5PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iIzAwMDMyOSIgLz48cmVjdCB4PSIwJSIgeT0iLTg5cHgiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIxMC44MiUiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
    background-image:
        url(./oblique-line-bk-BsWl-H7h.png),
        -webkit-gradient(
                radial,
                50% 350,
                0,
                50% 350,
                156,
                color-stop(0%, #428cbd),
                color-stop(20%, #276286),
                color-stop(33%, #224e72),
                color-stop(100%, #000329)
            );
    background-image: -webkit-radial-gradient(
        center 350px,
        50% 105.41%,
        #428cbd 0,
        #276286 20%,
        #224e72 33%,
        #000329 100%
    );
    background-image:
        url(./oblique-line-bk-BsWl-H7h.png),
        -moz-radial-gradient(center 350px, circle, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
    background-image:
        url(./oblique-line-bk-BsWl-H7h.png),
        -ms-radial-gradient(center 350px, circle, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
    background-image: -o-radial-gradient(center 350px, 50% 105.41%, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
    background-image: url(./oblique-line-bk-BsWl-H7h.png),
        radial-gradient(50% 105.41% at center 350px, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
}

.hq-background-blue-marine {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNDI4Q0JEIi8+PHN0b3Agb2Zmc2V0PSIwLjIiIHN0b3AtY29sb3I9IiMyNzYyODYiLz48c3RvcCBvZmZzZXQ9IjAuMzMiIHN0b3AtY29sb3I9IiMyMjRlNzIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDAzMjkiLz48L3JhZGlhbEdyYWRpZW50PjxyZWN0IHg9IjAlIiB5PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iIzAwMDMyOSIgLz48cmVjdCB4PSIwJSIgeT0iLTg5cHgiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIxMC44MiUiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(
        radial,
        50% 350,
        0,
        50% 350,
        156,
        color-stop(0%, #428cbd),
        color-stop(20%, #276286),
        color-stop(33%, #224e72),
        color-stop(100%, #000329)
    );
    background-image: -webkit-radial-gradient(
        center 350px,
        50% 105.41%,
        #428cbd 0,
        #276286 20%,
        #224e72 33%,
        #000329 100%
    );
    background-image: -moz-radial-gradient(center 350px, circle, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
    background-image: -ms-radial-gradient(center 350px, circle, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
    background-image: -o-radial-gradient(center 350px, 50% 105.41%, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
    background-image: radial-gradient(50% 105.41% at center 350px, #428cbd 0, #276286 20%, #224e72 33%, #000329 100%);
}

.hq-background-radial-blue {
    background: rgb(160, 199, 229);
    background: -moz-linear-gradient(
        left,
        rgba(160, 199, 229, 1) 1%,
        rgba(179, 206, 226, 1) 46%,
        rgba(192, 211, 224, 1) 100%
    );
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(1%, rgba(160, 199, 229, 1)),
        color-stop(46%, rgba(179, 206, 226, 1)),
        color-stop(100%, rgba(192, 211, 224, 1))
    );
    background: -webkit-linear-gradient(
        to left,
        rgba(160, 199, 229, 1) 1%,
        rgba(179, 206, 226, 1) 46%,
        rgba(192, 211, 224, 1) 100%
    );
    background: -o-linear-gradient(
        to left,
        rgba(160, 199, 229, 1) 1%,
        rgba(179, 206, 226, 1) 46%,
        rgba(192, 211, 224, 1) 100%
    );
    background: -ms-linear-gradient(
        to left,
        rgba(160, 199, 229, 1) 1%,
        rgba(179, 206, 226, 1) 46%,
        rgba(192, 211, 224, 1) 100%
    );
    background: linear-gradient(
        to left,
        rgba(160, 199, 229, 1) 1%,
        rgba(179, 206, 226, 1) 46%,
        rgba(192, 211, 224, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0c7e5', endColorstr='#c0d3e0', GradientType=1);
}

.hq-background-gradient-box {
    margin: 0 0 16px 0;
    background-color: #e5edf6;
    background-image: url(./box-radial-BUlTBdcA.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    border-top: 1px solid #c7d1dc;
    border-right: 1px solid #c8d2dd;
    border-bottom: 1px solid #ced9e4;
    border-left: 1px solid #c8d2dd;
}

.hq-background-h-gradient-black-0 {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(0, 0, 0, 0)),
        color-stop(100%, rgba(0, 0, 0, 0.65))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-black-1 {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(0, 0, 0, 0.65)),
        color-stop(100%, rgba(0, 0, 0, 0))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-black-2 {
    background: rgb(181, 189, 200); /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(181, 189, 200, 1) 0%,
        rgba(130, 140, 149, 1) 36%,
        rgba(40, 52, 59, 1) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(181, 189, 200, 1)),
        color-stop(36%, rgba(130, 140, 149, 1)),
        color-stop(100%, rgba(40, 52, 59, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(181, 189, 200, 1) 0%,
        rgba(130, 140, 149, 1) 36%,
        rgba(40, 52, 59, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        rgba(181, 189, 200, 1) 0%,
        rgba(130, 140, 149, 1) 36%,
        rgba(40, 52, 59, 1) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
        top,
        rgba(181, 189, 200, 1) 0%,
        rgba(130, 140, 149, 1) 36%,
        rgba(40, 52, 59, 1) 100%
    ); /* IE10+ */
    background: linear-gradient(
        to bottom,
        rgba(181, 189, 200, 1) 0%,
        rgba(130, 140, 149, 1) 36%,
        rgba(40, 52, 59, 1) 100%
    ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5bdc8', endColorstr='#28343b', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-black-3 {
    background: rgb(40, 52, 59); /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(40, 52, 59, 1) 0%,
        rgba(130, 140, 149, 1) 64%,
        rgba(181, 189, 200, 1) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(40, 52, 59, 1)),
        color-stop(64%, rgba(130, 140, 149, 1)),
        color-stop(100%, rgba(181, 189, 200, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(40, 52, 59, 1) 0%,
        rgba(130, 140, 149, 1) 64%,
        rgba(181, 189, 200, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        rgba(40, 52, 59, 1) 0%,
        rgba(130, 140, 149, 1) 64%,
        rgba(181, 189, 200, 1) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
        top,
        rgba(40, 52, 59, 1) 0%,
        rgba(130, 140, 149, 1) 64%,
        rgba(181, 189, 200, 1) 100%
    ); /* IE10+ */
    background: linear-gradient(
        to bottom,
        rgba(40, 52, 59, 1) 0%,
        rgba(130, 140, 149, 1) 64%,
        rgba(181, 189, 200, 1) 100%
    ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28343b', endColorstr='#b5bdc8', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-black-4 {
    background: rgb(69, 72, 77); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(69, 72, 77, 1)),
        color-stop(100%, rgba(0, 0, 0, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-black-5 {
    background: rgb(0, 0, 0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(69, 72, 77, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(0, 0, 0, 1)),
        color-stop(100%, rgba(69, 72, 77, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(69, 72, 77, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(69, 72, 77, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(69, 72, 77, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(69, 72, 77, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#45484d', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-orange-0 {
    background: rgb(250, 198, 149); /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(250, 198, 149, 1) 0%,
        rgba(245, 171, 102, 1) 47%,
        rgba(239, 141, 49, 1) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(250, 198, 149, 1)),
        color-stop(47%, rgba(245, 171, 102, 1)),
        color-stop(100%, rgba(239, 141, 49, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(250, 198, 149, 1) 0%,
        rgba(245, 171, 102, 1) 47%,
        rgba(239, 141, 49, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        rgba(250, 198, 149, 1) 0%,
        rgba(245, 171, 102, 1) 47%,
        rgba(239, 141, 49, 1) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
        top,
        rgba(250, 198, 149, 1) 0%,
        rgba(245, 171, 102, 1) 47%,
        rgba(239, 141, 49, 1) 100%
    ); /* IE10+ */
    background: linear-gradient(
        to bottom,
        rgba(250, 198, 149, 1) 0%,
        rgba(245, 171, 102, 1) 47%,
        rgba(239, 141, 49, 1) 100%
    ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac695', endColorstr='#ef8d31', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-orange-1 {
    background: rgb(239, 141, 49); /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(239, 141, 49, 1) 0%,
        rgba(245, 171, 102, 1) 53%,
        rgba(250, 198, 149, 1) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(239, 141, 49, 1)),
        color-stop(53%, rgba(245, 171, 102, 1)),
        color-stop(100%, rgba(250, 198, 149, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(239, 141, 49, 1) 0%,
        rgba(245, 171, 102, 1) 53%,
        rgba(250, 198, 149, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        rgba(239, 141, 49, 1) 0%,
        rgba(245, 171, 102, 1) 53%,
        rgba(250, 198, 149, 1) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
        top,
        rgba(239, 141, 49, 1) 0%,
        rgba(245, 171, 102, 1) 53%,
        rgba(250, 198, 149, 1) 100%
    ); /* IE10+ */
    background: linear-gradient(
        to bottom,
        rgba(239, 141, 49, 1) 0%,
        rgba(245, 171, 102, 1) 53%,
        rgba(250, 198, 149, 1) 100%
    ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef8d31', endColorstr='#fac695', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-orange-2 {
    background: rgb(255, 168, 76); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 168, 76, 1) 0%, rgba(255, 123, 13, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(255, 168, 76, 1)),
        color-stop(100%, rgba(255, 123, 13, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(255, 168, 76, 1) 0%,
        rgba(255, 123, 13, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 168, 76, 1) 0%, rgba(255, 123, 13, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 168, 76, 1) 0%, rgba(255, 123, 13, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 168, 76, 1) 0%, rgba(255, 123, 13, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c', endColorstr='#ff7b0d', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-orange-3 {
    background: rgb(255, 123, 13); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 123, 13, 1) 0%, rgba(255, 168, 76, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(255, 123, 13, 1)),
        color-stop(100%, rgba(255, 168, 76, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(255, 123, 13, 1) 0%,
        rgba(255, 168, 76, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 123, 13, 1) 0%, rgba(255, 168, 76, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 123, 13, 1) 0%, rgba(255, 168, 76, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 123, 13, 1) 0%, rgba(255, 168, 76, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7b0d', endColorstr='#ffa84c', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-blue-0 {
    background: rgb(240, 249, 255); /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(240, 249, 255, 1) 0%,
        rgba(203, 235, 255, 1) 47%,
        rgba(161, 219, 255, 1) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(240, 249, 255, 1)),
        color-stop(47%, rgba(203, 235, 255, 1)),
        color-stop(100%, rgba(161, 219, 255, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(240, 249, 255, 1) 0%,
        rgba(203, 235, 255, 1) 47%,
        rgba(161, 219, 255, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        rgba(240, 249, 255, 1) 0%,
        rgba(203, 235, 255, 1) 47%,
        rgba(161, 219, 255, 1) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
        top,
        rgba(240, 249, 255, 1) 0%,
        rgba(203, 235, 255, 1) 47%,
        rgba(161, 219, 255, 1) 100%
    ); /* IE10+ */
    background: linear-gradient(
        to bottom,
        rgba(240, 249, 255, 1) 0%,
        rgba(203, 235, 255, 1) 47%,
        rgba(161, 219, 255, 1) 100%
    ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f9ff', endColorstr='#a1dbff', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-blue-1 {
    background: rgb(161, 219, 255); /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(161, 219, 255, 1) 0%,
        rgba(203, 235, 255, 1) 53%,
        rgba(240, 249, 255, 1) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(161, 219, 255, 1)),
        color-stop(53%, rgba(203, 235, 255, 1)),
        color-stop(100%, rgba(240, 249, 255, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(161, 219, 255, 1) 0%,
        rgba(203, 235, 255, 1) 53%,
        rgba(240, 249, 255, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        rgba(161, 219, 255, 1) 0%,
        rgba(203, 235, 255, 1) 53%,
        rgba(240, 249, 255, 1) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
        top,
        rgba(161, 219, 255, 1) 0%,
        rgba(203, 235, 255, 1) 53%,
        rgba(240, 249, 255, 1) 100%
    ); /* IE10+ */
    background: linear-gradient(
        to bottom,
        rgba(161, 219, 255, 1) 0%,
        rgba(203, 235, 255, 1) 53%,
        rgba(240, 249, 255, 1) 100%
    ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1dbff', endColorstr='#f0f9ff', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-blue-2 {
    background: rgb(184, 198, 223); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(184, 198, 223, 1)),
        color-stop(100%, rgba(109, 136, 183, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(184, 198, 223, 1) 0%,
        rgba(109, 136, 183, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(184, 198, 223, 1) 0%, rgba(109, 136, 183, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8c6df', endColorstr='#6d88b7', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-blue-3 {
    background: rgb(109, 136, 183); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(109, 136, 183, 1) 0%, rgba(184, 198, 223, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(109, 136, 183, 1)),
        color-stop(100%, rgba(184, 198, 223, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(109, 136, 183, 1) 0%,
        rgba(184, 198, 223, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(109, 136, 183, 1) 0%, rgba(184, 198, 223, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(109, 136, 183, 1) 0%, rgba(184, 198, 223, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(109, 136, 183, 1) 0%, rgba(184, 198, 223, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d88b7', endColorstr='#b8c6df', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-blue-4 {
    background: rgb(207, 231, 250); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(207, 231, 250, 1)),
        color-stop(100%, rgba(99, 147, 193, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(207, 231, 250, 1) 0%,
        rgba(99, 147, 193, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(207, 231, 250, 1) 0%, rgba(99, 147, 193, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfe7fa', endColorstr='#6393c1', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-blue-5 {
    background: rgb(99, 147, 193); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(99, 147, 193, 1) 0%, rgba(207, 231, 250, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(99, 147, 193, 1)),
        color-stop(100%, rgba(207, 231, 250, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(99, 147, 193, 1) 0%,
        rgba(207, 231, 250, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(99, 147, 193, 1) 0%, rgba(207, 231, 250, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(99, 147, 193, 1) 0%, rgba(207, 231, 250, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(99, 147, 193, 1) 0%, rgba(207, 231, 250, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6393c1', endColorstr='#cfe7fa', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-blue-6 {
    background: rgb(167, 207, 223); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(167, 207, 223, 1) 0%, rgba(35, 83, 138, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(167, 207, 223, 1)),
        color-stop(100%, rgba(35, 83, 138, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(167, 207, 223, 1) 0%,
        rgba(35, 83, 138, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(167, 207, 223, 1) 0%, rgba(35, 83, 138, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(167, 207, 223, 1) 0%, rgba(35, 83, 138, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(167, 207, 223, 1) 0%, rgba(35, 83, 138, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7cfdf', endColorstr='#23538a', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-blue-7 {
    background: rgb(35, 83, 138); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(35, 83, 138, 1) 0%, rgba(167, 207, 223, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(35, 83, 138, 1)),
        color-stop(100%, rgba(167, 207, 223, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(35, 83, 138, 1) 0%,
        rgba(167, 207, 223, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(35, 83, 138, 1) 0%, rgba(167, 207, 223, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(35, 83, 138, 1) 0%, rgba(167, 207, 223, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(35, 83, 138, 1) 0%, rgba(167, 207, 223, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23538a', endColorstr='#a7cfdf', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-yellow-0 {
    background: rgb(254, 252, 234); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(254, 252, 234, 1)),
        color-stop(100%, rgba(241, 218, 54, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(254, 252, 234, 1) 0%,
        rgba(241, 218, 54, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(254, 252, 234, 1) 0%, rgba(241, 218, 54, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcea', endColorstr='#f1da36', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-yellow-1 {
    background: rgb(241, 218, 54); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(241, 218, 54, 1) 0%, rgba(254, 252, 234, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(241, 218, 54, 1)),
        color-stop(100%, rgba(254, 252, 234, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(241, 218, 54, 1) 0%,
        rgba(254, 252, 234, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(241, 218, 54, 1) 0%, rgba(254, 252, 234, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(241, 218, 54, 1) 0%, rgba(254, 252, 234, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(241, 218, 54, 1) 0%, rgba(254, 252, 234, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1da36', endColorstr='#fefcea', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-yellow-2 {
    background: rgb(241, 231, 103); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(241, 231, 103, 1) 0%, rgba(254, 182, 69, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(241, 231, 103, 1)),
        color-stop(100%, rgba(254, 182, 69, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(241, 231, 103, 1) 0%,
        rgba(254, 182, 69, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(241, 231, 103, 1) 0%, rgba(254, 182, 69, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(241, 231, 103, 1) 0%, rgba(254, 182, 69, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(241, 231, 103, 1) 0%, rgba(254, 182, 69, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e767', endColorstr='#feb645', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-yellow-3 {
    background: rgb(254, 182, 69); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(254, 182, 69, 1) 0%, rgba(241, 231, 103, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(254, 182, 69, 1)),
        color-stop(100%, rgba(241, 231, 103, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(254, 182, 69, 1) 0%,
        rgba(241, 231, 103, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(254, 182, 69, 1) 0%, rgba(241, 231, 103, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(254, 182, 69, 1) 0%, rgba(241, 231, 103, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(254, 182, 69, 1) 0%, rgba(241, 231, 103, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb645', endColorstr='#f1e767', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-green-0 {
    background: rgb(180, 221, 180); /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(180, 221, 180, 1) 0%,
        rgba(131, 199, 131, 1) 17%,
        rgba(82, 177, 82, 1) 33%,
        rgba(0, 138, 0, 1) 67%,
        rgba(0, 87, 0, 1) 83%,
        rgba(0, 36, 0, 1) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(180, 221, 180, 1)),
        color-stop(17%, rgba(131, 199, 131, 1)),
        color-stop(33%, rgba(82, 177, 82, 1)),
        color-stop(67%, rgba(0, 138, 0, 1)),
        color-stop(83%, rgba(0, 87, 0, 1)),
        color-stop(100%, rgba(0, 36, 0, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(180, 221, 180, 1) 0%,
        rgba(131, 199, 131, 1) 17%,
        rgba(82, 177, 82, 1) 33%,
        rgba(0, 138, 0, 1) 67%,
        rgba(0, 87, 0, 1) 83%,
        rgba(0, 36, 0, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        rgba(180, 221, 180, 1) 0%,
        rgba(131, 199, 131, 1) 17%,
        rgba(82, 177, 82, 1) 33%,
        rgba(0, 138, 0, 1) 67%,
        rgba(0, 87, 0, 1) 83%,
        rgba(0, 36, 0, 1) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
        top,
        rgba(180, 221, 180, 1) 0%,
        rgba(131, 199, 131, 1) 17%,
        rgba(82, 177, 82, 1) 33%,
        rgba(0, 138, 0, 1) 67%,
        rgba(0, 87, 0, 1) 83%,
        rgba(0, 36, 0, 1) 100%
    ); /* IE10+ */
    background: linear-gradient(
        to bottom,
        rgba(180, 221, 180, 1) 0%,
        rgba(131, 199, 131, 1) 17%,
        rgba(82, 177, 82, 1) 33%,
        rgba(0, 138, 0, 1) 67%,
        rgba(0, 87, 0, 1) 83%,
        rgba(0, 36, 0, 1) 100%
    ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4ddb4', endColorstr='#002400', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-green-1 {
    background: rgb(0, 36, 0); /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(0, 36, 0, 1) 0%,
        rgba(0, 87, 0, 1) 17%,
        rgba(0, 138, 0, 1) 33%,
        rgba(82, 177, 82, 1) 67%,
        rgba(131, 199, 131, 1) 83%,
        rgba(180, 221, 180, 1) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(0, 36, 0, 1)),
        color-stop(17%, rgba(0, 87, 0, 1)),
        color-stop(33%, rgba(0, 138, 0, 1)),
        color-stop(67%, rgba(82, 177, 82, 1)),
        color-stop(83%, rgba(131, 199, 131, 1)),
        color-stop(100%, rgba(180, 221, 180, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(0, 36, 0, 1) 0%,
        rgba(0, 87, 0, 1) 17%,
        rgba(0, 138, 0, 1) 33%,
        rgba(82, 177, 82, 1) 67%,
        rgba(131, 199, 131, 1) 83%,
        rgba(180, 221, 180, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        rgba(0, 36, 0, 1) 0%,
        rgba(0, 87, 0, 1) 17%,
        rgba(0, 138, 0, 1) 33%,
        rgba(82, 177, 82, 1) 67%,
        rgba(131, 199, 131, 1) 83%,
        rgba(180, 221, 180, 1) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
        top,
        rgba(0, 36, 0, 1) 0%,
        rgba(0, 87, 0, 1) 17%,
        rgba(0, 138, 0, 1) 33%,
        rgba(82, 177, 82, 1) 67%,
        rgba(131, 199, 131, 1) 83%,
        rgba(180, 221, 180, 1) 100%
    ); /* IE10+ */
    background: linear-gradient(
        to bottom,
        rgba(0, 36, 0, 1) 0%,
        rgba(0, 87, 0, 1) 17%,
        rgba(0, 138, 0, 1) 33%,
        rgba(82, 177, 82, 1) 67%,
        rgba(131, 199, 131, 1) 83%,
        rgba(180, 221, 180, 1) 100%
    ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002400', endColorstr='#b4ddb4', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-green-2 {
    background: rgb(205, 235, 142); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(205, 235, 142, 1) 0%, rgba(165, 201, 86, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(205, 235, 142, 1)),
        color-stop(100%, rgba(165, 201, 86, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(205, 235, 142, 1) 0%,
        rgba(165, 201, 86, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(205, 235, 142, 1) 0%, rgba(165, 201, 86, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(205, 235, 142, 1) 0%, rgba(165, 201, 86, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(205, 235, 142, 1) 0%, rgba(165, 201, 86, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdeb8e', endColorstr='#a5c956', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-green-3 {
    background: rgb(165, 201, 86); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(165, 201, 86, 1) 0%, rgba(205, 235, 142, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(165, 201, 86, 1)),
        color-stop(100%, rgba(205, 235, 142, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(165, 201, 86, 1) 0%,
        rgba(205, 235, 142, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(165, 201, 86, 1) 0%, rgba(205, 235, 142, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(165, 201, 86, 1) 0%, rgba(205, 235, 142, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(165, 201, 86, 1) 0%, rgba(205, 235, 142, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5c956', endColorstr='#cdeb8e', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-green-4 {
    background: rgb(254, 254, 253); /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(254, 254, 253, 1) 0%,
        rgba(220, 227, 196, 1) 42%,
        rgba(174, 191, 118, 1) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(254, 254, 253, 1)),
        color-stop(42%, rgba(220, 227, 196, 1)),
        color-stop(100%, rgba(174, 191, 118, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(254, 254, 253, 1) 0%,
        rgba(220, 227, 196, 1) 42%,
        rgba(174, 191, 118, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        rgba(254, 254, 253, 1) 0%,
        rgba(220, 227, 196, 1) 42%,
        rgba(174, 191, 118, 1) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
        top,
        rgba(254, 254, 253, 1) 0%,
        rgba(220, 227, 196, 1) 42%,
        rgba(174, 191, 118, 1) 100%
    ); /* IE10+ */
    background: linear-gradient(
        to bottom,
        rgba(254, 254, 253, 1) 0%,
        rgba(220, 227, 196, 1) 42%,
        rgba(174, 191, 118, 1) 100%
    ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefd', endColorstr='#aebf76', GradientType=0); /* IE6-9 */
}

.hq-background-gray-0 {
    background: rgb(63, 76, 107); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(63, 76, 107, 1) 0%, rgba(63, 76, 107, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(63, 76, 107, 1)),
        color-stop(100%, rgba(63, 76, 107, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(63, 76, 107, 1) 0%,
        rgba(63, 76, 107, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(63, 76, 107, 1) 0%, rgba(63, 76, 107, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(63, 76, 107, 1) 0%, rgba(63, 76, 107, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(63, 76, 107, 1) 0%, rgba(63, 76, 107, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f4c6b', endColorstr='#3f4c6b', GradientType=0); /* IE6-9 */
}

.hq-background-gray-1 {
    background: rgb(238, 238, 238); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(238, 238, 238, 1)),
        color-stop(100%, rgba(238, 238, 238, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(238, 238, 238, 1) 0%,
        rgba(238, 238, 238, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-gray-0 {
    background: rgb(206, 220, 231); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(206, 220, 231, 1) 0%, rgba(89, 106, 114, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(206, 220, 231, 1)),
        color-stop(100%, rgba(89, 106, 114, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(206, 220, 231, 1) 0%,
        rgba(89, 106, 114, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(206, 220, 231, 1) 0%, rgba(89, 106, 114, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(206, 220, 231, 1) 0%, rgba(89, 106, 114, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(206, 220, 231, 1) 0%, rgba(89, 106, 114, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cedce7', endColorstr='#596a72', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-gray-1 {
    background: rgb(89, 106, 114); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(89, 106, 114, 1) 0%, rgba(206, 220, 231, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(89, 106, 114, 1)),
        color-stop(100%, rgba(206, 220, 231, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(89, 106, 114, 1) 0%,
        rgba(206, 220, 231, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(89, 106, 114, 1) 0%, rgba(206, 220, 231, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(89, 106, 114, 1) 0%, rgba(206, 220, 231, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(89, 106, 114, 1) 0%, rgba(206, 220, 231, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#596a72', endColorstr='#cedce7', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-gray-2 {
    background: rgb(242, 245, 246); /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(242, 245, 246, 1) 0%,
        rgba(227, 234, 237, 1) 37%,
        rgba(200, 215, 220, 1) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(242, 245, 246, 1)),
        color-stop(37%, rgba(227, 234, 237, 1)),
        color-stop(100%, rgba(200, 215, 220, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(242, 245, 246, 1) 0%,
        rgba(227, 234, 237, 1) 37%,
        rgba(200, 215, 220, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        rgba(242, 245, 246, 1) 0%,
        rgba(227, 234, 237, 1) 37%,
        rgba(200, 215, 220, 1) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
        top,
        rgba(242, 245, 246, 1) 0%,
        rgba(227, 234, 237, 1) 37%,
        rgba(200, 215, 220, 1) 100%
    ); /* IE10+ */
    background: linear-gradient(
        to bottom,
        rgba(242, 245, 246, 1) 0%,
        rgba(227, 234, 237, 1) 37%,
        rgba(200, 215, 220, 1) 100%
    ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f6', endColorstr='#c8d7dc', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-gray-3 {
    background: rgb(200, 215, 220); /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(200, 215, 220, 1) 0%,
        rgba(227, 234, 237, 1) 63%,
        rgba(242, 245, 246, 1) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(200, 215, 220, 1)),
        color-stop(63%, rgba(227, 234, 237, 1)),
        color-stop(100%, rgba(242, 245, 246, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(200, 215, 220, 1) 0%,
        rgba(227, 234, 237, 1) 63%,
        rgba(242, 245, 246, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        rgba(200, 215, 220, 1) 0%,
        rgba(227, 234, 237, 1) 63%,
        rgba(242, 245, 246, 1) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
        top,
        rgba(200, 215, 220, 1) 0%,
        rgba(227, 234, 237, 1) 63%,
        rgba(242, 245, 246, 1) 100%
    ); /* IE10+ */
    background: linear-gradient(
        to bottom,
        rgba(200, 215, 220, 1) 0%,
        rgba(227, 234, 237, 1) 63%,
        rgba(242, 245, 246, 1) 100%
    ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8d7dc', endColorstr='#f2f5f6', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-gray-4 {
    background: rgb(216, 224, 222); /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(216, 224, 222, 1) 0%,
        rgba(174, 191, 188, 1) 22%,
        rgba(153, 175, 171, 1) 33%,
        rgba(142, 166, 162, 1) 50%,
        rgba(130, 157, 152, 1) 67%,
        rgba(78, 92, 90, 1) 82%,
        rgba(14, 14, 14, 1) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(216, 224, 222, 1)),
        color-stop(22%, rgba(174, 191, 188, 1)),
        color-stop(33%, rgba(153, 175, 171, 1)),
        color-stop(50%, rgba(142, 166, 162, 1)),
        color-stop(67%, rgba(130, 157, 152, 1)),
        color-stop(82%, rgba(78, 92, 90, 1)),
        color-stop(100%, rgba(14, 14, 14, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(216, 224, 222, 1) 0%,
        rgba(174, 191, 188, 1) 22%,
        rgba(153, 175, 171, 1) 33%,
        rgba(142, 166, 162, 1) 50%,
        rgba(130, 157, 152, 1) 67%,
        rgba(78, 92, 90, 1) 82%,
        rgba(14, 14, 14, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        rgba(216, 224, 222, 1) 0%,
        rgba(174, 191, 188, 1) 22%,
        rgba(153, 175, 171, 1) 33%,
        rgba(142, 166, 162, 1) 50%,
        rgba(130, 157, 152, 1) 67%,
        rgba(78, 92, 90, 1) 82%,
        rgba(14, 14, 14, 1) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
        top,
        rgba(216, 224, 222, 1) 0%,
        rgba(174, 191, 188, 1) 22%,
        rgba(153, 175, 171, 1) 33%,
        rgba(142, 166, 162, 1) 50%,
        rgba(130, 157, 152, 1) 67%,
        rgba(78, 92, 90, 1) 82%,
        rgba(14, 14, 14, 1) 100%
    ); /* IE10+ */
    background: linear-gradient(
        to bottom,
        rgba(216, 224, 222, 1) 0%,
        rgba(174, 191, 188, 1) 22%,
        rgba(153, 175, 171, 1) 33%,
        rgba(142, 166, 162, 1) 50%,
        rgba(130, 157, 152, 1) 67%,
        rgba(78, 92, 90, 1) 82%,
        rgba(14, 14, 14, 1) 100%
    ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8e0de', endColorstr='#0e0e0e', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-gray-5 {
    background: rgb(254, 255, 232); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(254, 255, 232, 1) 0%, rgba(214, 219, 191, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(254, 255, 232, 1)),
        color-stop(100%, rgba(214, 219, 191, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(254, 255, 232, 1) 0%,
        rgba(214, 219, 191, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(254, 255, 232, 1) 0%, rgba(214, 219, 191, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(254, 255, 232, 1) 0%, rgba(214, 219, 191, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(254, 255, 232, 1) 0%, rgba(214, 219, 191, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feffe8', endColorstr='#d6dbbf', GradientType=0); /* IE6-9 */
}

.hq-background-h-gradient-gray-6 {
    background: rgb(214, 219, 191); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(214, 219, 191, 1) 0%, rgba(254, 255, 232, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(214, 219, 191, 1)),
        color-stop(100%, rgba(254, 255, 232, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(214, 219, 191, 1) 0%,
        rgba(254, 255, 232, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(214, 219, 191, 1) 0%, rgba(254, 255, 232, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(214, 219, 191, 1) 0%, rgba(254, 255, 232, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(214, 219, 191, 1) 0%, rgba(254, 255, 232, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6dbbf', endColorstr='#feffe8', GradientType=0); /* IE6-9 */
}

.hq-background-aluminium1 {
    background:
        -webkit-radial-gradient(
            center,
            circle,
            rgba(255, 255, 255, 0.35),
            rgba(255, 255, 255, 0) 20%,
            rgba(255, 255, 255, 0) 21%
        ),
        -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 21%),
        -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
    background:
        -moz-radial-gradient(
            center,
            circle,
            rgba(255, 255, 255, 0.35),
            rgba(255, 255, 255, 0) 20%,
            rgba(255, 255, 255, 0) 21%
        ),
        -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 21%),
        -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
    background:
        -ms-radial-gradient(
            center,
            circle,
            rgba(255, 255, 255, 0.35),
            rgba(255, 255, 255, 0) 20%,
            rgba(255, 255, 255, 0) 21%
        ),
        -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 21%),
        -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
    background:
        -o-radial-gradient(
            center,
            circle,
            rgba(255, 255, 255, 0.35),
            rgba(255, 255, 255, 0) 20%,
            rgba(255, 255, 255, 0) 21%
        ),
        -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 21%),
        -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
    background:
        radial-gradient(
            center,
            circle,
            rgba(255, 255, 255, 0.35),
            rgba(255, 255, 255, 0) 20%,
            rgba(255, 255, 255, 0) 21%
        ),
        -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 21%),
        -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
    background-size:
        10px 10px,
        10px 10px,
        100% 100%;
    background-position:
        1px 1px,
        0px 0px,
        center center;
}

.hq-background-aluminium2 {
    background:
        -webkit-radial-gradient(center, circle farthest-corner, rgba(255, 255, 255, 0) 50%, rgba(200, 200, 200, 1)),
        -webkit-radial-gradient(
                center,
                circle,
                rgba(255, 255, 255, 0.35),
                rgba(255, 255, 255, 0) 20%,
                rgba(255, 255, 255, 0) 21%
            ),
        -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 21%),
        -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
    background:
        -moz-radial-gradient(center, circle farthest-corner, rgba(255, 255, 255, 0) 50%, rgba(200, 200, 200, 1)),
        -webkit-radial-gradient(
                center,
                circle,
                rgba(255, 255, 255, 0.35),
                rgba(255, 255, 255, 0) 20%,
                rgba(255, 255, 255, 0) 21%
            ),
        -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 21%),
        -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
    background:
        -ms-radial-gradient(center, circle farthest-corner, rgba(255, 255, 255, 0) 50%, rgba(200, 200, 200, 1)),
        -webkit-radial-gradient(
                center,
                circle,
                rgba(255, 255, 255, 0.35),
                rgba(255, 255, 255, 0) 20%,
                rgba(255, 255, 255, 0) 21%
            ),
        -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 21%),
        -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
    background:
        -o-radial-gradient(center, circle farthest-corner, rgba(255, 255, 255, 0) 50%, rgba(200, 200, 200, 1)),
        -webkit-radial-gradient(
                center,
                circle,
                rgba(255, 255, 255, 0.35),
                rgba(255, 255, 255, 0) 20%,
                rgba(255, 255, 255, 0) 21%
            ),
        -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 21%),
        -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
    background:
        radial-gradient(center, circle farthest-corner, rgba(255, 255, 255, 0) 50%, rgba(200, 200, 200, 1)),
        -webkit-radial-gradient(
                center,
                circle,
                rgba(255, 255, 255, 0.35),
                rgba(255, 255, 255, 0) 20%,
                rgba(255, 255, 255, 0) 21%
            ),
        -webkit-radial-gradient(center, circle, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 21%),
        -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
    background-size:
        100% 100%,
        10px 10px,
        10px 10px,
        100% 100%;
    background-position:
        top center,
        1px 1px,
        0px 0px,
        top center;
}

.hq-background-colorful {
    background: linear-gradient(limegreen, transparent), linear-gradient(90deg, skyblue, transparent),
        linear-gradient(-90deg, coral, transparent);
    background-blend-mode: screen;
}

/* by Atle Mo (design), Lea Verou */
.hq-background-carbon-fibre1 {
    background:
        radial-gradient(black 15%, transparent 16%) 0 0,
        radial-gradient(black 15%, transparent 16%) 8px 8px,
        radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 0 1px,
        radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 8px 9px;
    background-color: #282828;
    background-size: 16px 16px;
}

/* by Atle Mo (design), Sébastien Grosjean */
.hq-background-carbon-fibre {
    background:
        linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
        linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
        linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
        linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
        linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
        linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-color: #131313;
    background-size: 20px 20px;
}

/* by Tab Atkins Jr */
.hq-background-bricks {
    background-color: silver;
    background-image: linear-gradient(335deg, #b00 23px, transparent 23px),
        linear-gradient(155deg, #d00 23px, transparent 23px), linear-gradient(335deg, #b00 23px, transparent 23px),
        linear-gradient(155deg, #d00 23px, transparent 23px);
    background-size: 58px 58px;
    background-position:
        0px 2px,
        4px 35px,
        29px 31px,
        34px 6px;
}

/* by Sarah Backhouse */
.hq-background-lined-paper {
    background-color: #fff;
    background-image: linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
        linear-gradient(#eee 0.1em, transparent 0.1em);
    background-size: 100% 1.2em;
}

.hq-background-blueprint-grid {
    background-color: #269;
    background-image: linear-gradient(white 2px, transparent 2px), linear-gradient(90deg, white 2px, transparent 2px),
        linear-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.3) 1px, transparent 1px);
    background-size:
        100px 100px,
        100px 100px,
        20px 20px,
        20px 20px;
    background-position:
        -2px -2px,
        -2px -2px,
        -1px -1px,
        -1px -1px;
}

.hq-background-blue-flowers {
    background-image: url(./flowers-BisNn2GI.jpg);
}