@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html,
body {
    margin: 0;
    padding: 0;
}

html {

    /* prevent adjustments of font size after orientation changes on some mobile devices */
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
         text-size-adjust: 100%;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: var(--deltalab-base-background-color, #fff);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: var(--deltalab-base-font-size, 16px);
    line-height: var(--deltalab-base-line-height, 1.5);
    color: var(--deltalab-base-text-color, #000);
}

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
}

body {
    font-family: var(--deltalab-base-font-family, -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 var(--deltalab-heading-margin-bottom, .8em);
    padding: 0;
    font-family: var(--deltalab-heading-font-family, inherit);
    font-weight: var(--deltalab-heading-font-weight, var(--deltalab-font-weight-medium, bold));
    line-height: var(--deltalab-heading-line-height, 1.2);
}

a {
  -webkit-text-decoration: var(--deltalab-link-text-decoration, none);
          text-decoration: var(--deltalab-link-text-decoration, none);
  -webkit-text-decoration-skip: objects;
  color: var(--deltalab-link-color, var(--deltalab-color-primary, hsl(210, 100%, 50%)));
  -webkit-transition: color var(--deltalab-speed, 0.1s) var(--deltalab-easing, ease-out);
  transition: color var(--deltalab-speed, 0.1s) var(--deltalab-easing, ease-out);
  cursor: pointer;
}

a:hover {
    color: var(--deltalab-link-hover-color, hsl(210, 100%, 25%));
}

a:focus {
    -webkit-box-shadow: 0 0 0 var(--deltalab-outline-width, .2rem) var(--deltalab-outline-color, hsl(210, 100%, 85%));
            box-shadow: 0 0 0 var(--deltalab-outline-width, .2rem) var(--deltalab-outline-color, hsl(210, 100%, 85%));
    outline: none;
    color: var(--deltalab-link-focus-color, hsl(210, 100%, 25%));
}

a:active {
    color: var(--deltalab-link-active-color, hsl(210, 100%, 25%));
}

img,
canvas,
svg,
audio,
video {
  border-style: none;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

img { display: block; }

svg:not(:root) {
  overflow: hidden;
}

iframe {
  margin: 0;
  padding: 0;
  border: 0;
}

p {
    margin: 0 0 var(--deltalab-block-element-margin, 1rem);
    padding: 0;
}

hr {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: var(--deltalab-hr-height, 1px);
    overflow: visible;
    margin-top: var(--deltalab-block-element-margin, 1rem);
    margin-bottom: var(--deltalab-block-element-margin, 1rem);
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border: 0;
    background-color: var(--deltalab-hr-color, rgba(0,0,0,.1));
}

table {
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--deltalab-block-element-margin, 1rem);
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    padding: var(--deltalab-table-cell-padding-vertical, 0.5rem) var(--deltalab-table-cell-padding-horizontal, 0.75rem);
    text-align: inherit;
    vertical-align: top;
}

th {
    background-color: var(--deltalab-table-heading-background-color, transparent);
    font-weight: var(--deltalab-table-heading-font-weight, bold);
    color: var(--deltalab-table-heading-color, #000);
}

::-moz-selection {
    background-color: var(--deltalab-selection-background-color, hsl(210, 100%, 90%));
    text-shadow: none;
}

::selection {
    background-color: var(--deltalab-selection-background-color, hsl(210, 100%, 90%));
    text-shadow: none;
}

template { display: none; }


/* Langs */
.lang-button {
    margin-right: 1rem;
}

.lang-button-floating {
   position: sticky;
   bottom: 2rem;
   right: 1rem;
   float: right;
}

@media (max-width: 640px) {
    .lang-button {
        display: none;
    }
}

@media (min-width: 640px) {
    .lang-button-floating {
        display: none;
    }
}
/* Langs end */

.deltalab-button {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    font-weight: bold;
    color: inherit;
    text-transform: none;
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 var(--deltalab-button-padding, 2em);
    vertical-align: middle;
    font-size: .65em;
    line-height: 4em;
    letter-spacing: .1em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.deltalab-button-outline {
    background: rgba(0, 0, 0, 0);
    border: 1px currentColor solid;
    color: currentColor;
}

.deltalab-button:not(:disabled) { cursor: pointer; }

.deltalab-button:disabled {
    opacity: .8;
}

.deltalab-button:hover {
    text-decoration: none;
}

.deltalab-button-primary {
    background-color: var(--deltalab-button-primary-background, hsl(210, 100%, 50%));
    color: var(--deltalab-button-primary-color, #fff);
}

.deltalab-button-primary:hover,
.deltalab-button-primary:focus {
    background-color: var(--deltalab-button-primary-background-hover, var(--deltalab-button-primary-background, hsl(210, 100%, 50%)));
    color: var(--deltalab-button-primary-color-hover, var(--deltalab-button-primary-color, #fff));
}

.deltalab-button-primary:active,
.deltalab-button-primary.deltalab-active {
    background-color: var(--deltalab-button-primary-background-active, var(--deltalab-button-primary-background, hsl(210, 100%, 50%)));
    color: var(--deltalab-button-primary-color-active, var(--deltalab-button-primary-color, #fff));
}

.deltalab-button-danger {
    background-color: var(--deltalab-button-danger-background, red);
    color: var(--deltalab-button-danger-color, #fff);
}

.deltalab-button-danger:hover,
.deltalab-button-danger:focus {
    background-color: var(--deltalab-button-danger-background-hover, var(--deltalab-button-danger-background, red));
    color: var(--deltalab-button-danger-color-hover, var(--deltalab-button-danger-color, #fff));
}

.deltalab-button-danger:active,
.deltalab-button-danger.deltalab-active {
    background-color: var(--deltalab-button-danger-background-active, var(--deltalab-button-danger-background, red));
    color: var(--deltalab-button-danger-color-active, var(--deltalab-button-danger-color, #fff));
}

.deltalab-button-large {
    padding: 0 var(--deltalab-button-large-padding-horizontal, 30px);
    line-height: var(--deltalab-button-large-font-size, 3rem);
    font-size: var(--deltalab-button-large-line-height, 1.2rem);
}

[deltalab-container],
deltalab-container {
    display: block;
    padding-left: var(--deltalab-container-padding, 30px);
    padding-right: var(--deltalab-container-padding, 30px);
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: var(--deltalab-container-max-width, 1200px);
    border-radius: 5px;
}

[deltalab-container="small"],
deltalab-container[size="small"] {
    max-width: var(--deltalab-container-small-max-width, 900px);
}

[deltalab-container="large"],
deltalab-container[size="large"] {
    max-width: var(--deltalab-container-small-max-width, 1600px);
}

deltalab-container::before,
deltalab-container::after {
    content: "";
    display: table;
}

deltalab-container deltalab-container {
    padding-left: 0;
    padding-right: 0;
}

deltalab-dropdown {
    position: relative;
    display: inline-block;
}

deltalab-dropdownbox {
    position: absolute;
    min-width: 200px;
    top: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

deltalab-dropdown[open="true"] deltalab-dropdownbox {
    display: block;
    opacity: 1;
    pointer-events: auto;
}

deltalab-grid {
  display: -ms-grid;
  display: grid;
  grid-gap: var(--deltalab-grid-gap, 20px);
}

.deltalab-grid-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); }

.deltalab-grid-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); }

.deltalab-grid-4 { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); }

.deltalab-grid-5 { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); }

.deltalab-grid-6 { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); }

/* deltalab-grid['collapse'] {
    grid-gap: 0;
} */

/* Phone landscape and bigger */

@media (min-width: 640px) {

    .deltalab-grid-2\@s { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); }
    .deltalab-grid-3\@s { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); }
    .deltalab-grid-4\@s { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); }
    .deltalab-grid-5\@s { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); }
    .deltalab-grid-6\@s { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); }
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {

    .deltalab-grid-2\@m { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); }
    .deltalab-grid-3\@m { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); }
    .deltalab-grid-4\@m { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); }
    .deltalab-grid-5\@m { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); }
    .deltalab-grid-6\@m { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); }
}

/* Desktop and bigger */

@media (min-width: 1200px) {

    .deltalab-grid-2\@l { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); }
    .deltalab-grid-3\@l { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); }
    .deltalab-grid-4\@l { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); }
    .deltalab-grid-5\@l { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); }
    .deltalab-grid-6\@l { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); }
}

/* Large screen and bigger */

@media (min-width: 1600px) {

    .deltalab-grid-2\@xl { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); }
    .deltalab-grid-3\@xl { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); }
    .deltalab-grid-4\@xl { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); }
    .deltalab-grid-5\@xl { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); }
    .deltalab-grid-6\@xl { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); }
}

deltalab-offcanvas {
    display: block;
    position: fixed;
    background: var(--deltalab-offcanvas-background, rgba(0,0,0,.1));
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-touch-action: none;
        touch-action: none;
    opacity: 0;
    pointer-events: none;
    z-index: 1000;
}

deltalab-offcanvas > deltalab-content {
    position: absolute;
    top: 0;
    bottom: 0;
    background: var(--deltalab-offcanvas-content-background, #000);
    color: var(--deltalab-offcanvas-content-color,  #fff);
    min-width: 300px;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

deltalab-offcanvas[flip] > deltalab-content {
    right: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
}

deltalab-offcanvas[open] {
    opacity: 1;
    pointer-events: auto;
}

deltalab-offcanvas[open] > deltalab-content {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

deltalab-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

deltalab-row > * { margin: 0; }

deltalab-row > * > :last-child { margin-bottom: 0; }

/* Horizontal */

deltalab-row { margin-left: calc(-1 * var(--deltalab-row-gutter-horizontal, 20px)); }

deltalab-row > * { padding-left: var(--deltalab-row-gutter-horizontal, 20px); }

/* Vertical */

deltalab-row + .deltalab-row,
deltalab-row > .deltalab-row-margin,
* + .deltalab-row-margin { margin-top: var(--deltalab-row-gutter-vertical, 20px); }

/*
 * Small
 */

/* Horizontal */

.deltalab-row-small { margin-left: calc(-1 * var(--deltalab-row-small-gutter-horizontal, 10px)); }

.deltalab-row-small > * { padding-left: var(--deltalab-row-small-gutter-horizontal, 10px); }

/* Vertical */

deltalab-row + .deltalab-row-small,
.deltalab-row-small > .deltalab-row-margin,
* + .deltalab-row-margin-small { margin-top: var(--deltalab-row-small-gutter-vertical, 10px); }

/*
 * Large
 */

/* Horizontal */

.deltalab-row-large { margin-left: calc(-1 * var(--deltalab-row-large-gutter-horizontal, 3vw)); }

.deltalab-row-large > * { padding-left: var(--deltalab-row-large-gutter-horizontal, 3vw); }

/* Vertical */

deltalab-row + .deltalab-row-large,
.deltalab-row-large > .deltalab-row-margin,
* + .deltalab-row-margin-small { margin-top: var(--deltalab-row-large-gutter-vertical, 3vw); }

/*
 * xLarge
 */

/* Horizontal */

.deltalab-row-xlarge { margin-left: calc(-1 * var(--deltalab-row-xlarge-gutter-horizontal, 5vw)); }

.deltalab-row-xlarge > * { padding-left: var(--deltalab-row-xlarge-gutter-horizontal, 5vw); }

/* Vertical */

deltalab-row + .deltalab-row-xlarge,
.deltalab-row-xlarge > .deltalab-row-margin,
* + .deltalab-row-margin-small { margin-top: var(--deltalab-row-xlarge-gutter-vertical, 5vw); }

deltalab-row[collapse] { margin-left: 0; }

deltalab-row[collapse] > * { padding-left: 0; }

deltalab-row + deltalab-row[collapse],
deltalab-row[collapse] > .deltalab-row-margin { margin-top: 0; }

deltalab-row[match] > *,
.deltalab-row-item-match {
    display: flex;
    flex-wrap: wrap;
}

deltalab-row[match] > * > :not([class*='deltalab-width']),
.deltalab-row-item-match > :not([class*='deltalab-width']) {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    flex: auto;
}

deltalab-parallax {
    display: block;
}

deltalab-svg {
    display: block;
}

deltalab-svg[inline] {
    display: inline-block;
}

deltalab-svg > svg,
deltalab-svg:not([preserve]) [fill*='#']:not(.deltalab-preserve) { fill: currentcolor; }

deltalab-svg:not([preserve]) [stroke*='#']:not(.deltalab-preserve) { stroke: currentcolor; }

/*
 * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
 */

deltalab-svg > svg { -webkit-transform: translate(0,0); transform: translate(0,0); }

.deltalab-color-primary { color: var(--deltalab-color-primary, blue) !important; }

.deltalab-color-success { color: var(--deltalab-color-succcess, green) !important; }

.deltalab-color-danger { color: var(--deltalab-color-danger, red) !important; }

.deltalab-color-warning { color: var(--deltalab-color-warning, orange) !important; }

.deltalab-color-muted { color: var(--deltalab-color-muted, #6d6f79) !important; }

.deltalab-color-contrast { color: var(--deltalab-color-contrast, #fff) !important; }

.deltalab-bgcolor-primary { background-color: var(--deltalab-color-primary, blue) !important; }

.deltalab-bgcolor-success { background-color: var(--deltalab-color-succcess, green) !important; }

.deltalab-bgcolor-danger { background-color: var(--deltalab-color-danger, red) !important; }

.deltalab-bgcolor-warning { background-color: var(--deltalab-color-warning, orange) !important; }

.deltalab-bgcolor-muted { background-color: var(--deltalab-color-muted, #6d6f79) !important; }

.deltalab-bgcolor-contrast { background-color: var(--deltalab-color-warning, #fff) !important; }

.deltalab-input,
.deltalab-select,
.deltalab-textarea,
.deltalab-radio,
.deltalab-checkbox {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
}

.deltalab-input { overflow: visible; }

.deltalab-select { text-transform: none; }

.deltalab-select optgroup {
    font: inherit;
    font-weight: bold;
}

.deltalab-textarea { overflow: auto; }

.deltalab-input[type="search"]::-webkit-search-cancel-button,
.deltalab-input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

.deltalab-input[type="number"]::-webkit-inner-spin-button,
.deltalab-input[type="number"]::-webkit-outer-spin-button { height: auto; }

.deltalab-input::-moz-placeholder,
.deltalab-textarea::-moz-placeholder { opacity: 1; }

.deltalab-radio:not(:disabled),
.deltalab-checkbox:not(:disabled) { cursor: pointer; }

.deltalab-fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.deltalab-input,
.deltalab-textarea { margin: 0; }

.deltalab-input,
.deltalab-select,
.deltalab-textarea {
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 var(--deltalab-form-padding-horizontal, 10px);
    background: 0 var(--deltalab-form-background, #fff);
    color: var(--deltalab-form-color, inherit);
}

.deltalab-input,
.deltalab-select:not([multiple]):not([size]) {
    height: var(--deltalab-form-height);
    vertical-align: middle;
    display: inline-block;
}

.deltalab-input:not(input),
.deltalab-select:not(select) { line-height: var(--deltalab-form-line-height);}

.deltalab-select[multiple],
.deltalab-select[size],
.deltalab-textarea {
    padding-top: var(--deltalab-form-padding-vertical, 4px);
    padding-bottom: var(--deltalab-form-padding-vertical, 4px);
    vertical-align: top;
}

/* Focus */

.deltalab-input:focus,
.deltalab-select:focus,
.deltalab-textarea:focus {
    outline: none;
}

.deltalab-input::-ms-input-placeholder { color: var(--deltalab-form-placeholder-color) !important;}

.deltalab-input::-webkit-input-placeholder { color: var(--deltalab-form-placeholder-color);}

.deltalab-input::-moz-placeholder { color: var(--deltalab-form-placeholder-color);}

.deltalab-input:-ms-input-placeholder { color: var(--deltalab-form-placeholder-color);}

.deltalab-input::placeholder { color: var(--deltalab-form-placeholder-color);}

.deltalab-textarea::-ms-input-placeholder { color: var(--deltalab-form-placeholder-color) !important;}

.deltalab-textarea::-webkit-input-placeholder { color: var(--deltalab-form-placeholder-color);}

.deltalab-textarea::-moz-placeholder { color: var(--deltalab-form-placeholder-color);}

.deltalab-textarea:-ms-input-placeholder { color: var(--deltalab-form-placeholder-color);}

.deltalab-textarea::placeholder { color: var(--deltalab-form-placeholder-color);}

.deltalab-form-large { font-size: var(--deltalab-form-large-font-size);}

.deltalab-form-large:not(textarea):not([multiple]):not([size]) {
    height: var(--deltalab-form-large-height);
    padding-left: var(--deltalab-form-large-padding-horizontal);
    padding-right: var(--deltalab-form-large-padding-horizontal);
}

.deltalab-form-large:not(select):not(input):not(textarea) { line-height: var(--deltalab-form-large-line-height);}

.deltalab-form-danger,
.deltalab-form-danger:focus {
    color: var(--deltalab-form-danger-color, red);
}

.deltalab-form-success,
.deltalab-form-success:focus  {
    color: var(--deltalab-form-success-color, green);
}

.deltalab-form-blank {
    background: none;
    border: none;
}

.deltalab-legend {
    width: 100%;
    color: inherit;
    padding: 0;
    font-size: var(--deltalab-form-legend-font-size, 1rem);
    line-height: var(--deltalab-form-legend-line-height, 1.4);
}

.deltalab-section {
    padding-top: var(--deltalab-section-padding, 3vh);
    padding-bottom: var(--deltalab-section-padding, 3vh);
}

.deltalab-section-large {
    padding-top: calc(2 * var(--deltalab-section-large-padding, 3vh));
    padding-bottom: calc(2 * var(--deltalab-section-large-padding, 3vh));
}

.deltalab-section-xlarge {
    padding-top: calc(4 * var(--deltalab-section-large-padding, 3vh));
    padding-bottom: calc(4 * var(--deltalab-section-large-padding, 3vh));
}

.deltalab-flex { display: flex; }

.deltalab-flex-inline { display: inline-flex; }

.deltalab-flex::before,
.deltalab-flex::after,
.deltalab-flex-inline::before,
.deltalab-flex-inline::after { display: none; }

.deltalab-flex-left { justify-content: flex-start; }

.deltalab-flex-center { justify-content: center; }

.deltalab-flex-right { justify-content: flex-end; }

.deltalab-flex-between { justify-content: space-between; }

.deltalab-flex-around { justify-content: space-around; }

.deltalab-flex-stretch { align-items: stretch; }

.deltalab-flex-top { align-items: flex-start; }

.deltalab-flex-middle { align-items: center; }

.deltalab-flex-bottom { align-items: flex-end; }

.deltalab-flex-row { flex-direction: row; }

.deltalab-flex-row-reverse { flex-direction: row-reverse; }

.deltalab-flex-column { flex-direction: column; }

.deltalab-flex-column-reverse { flex-direction: column-reverse; }

.deltalab-flex-nowrap { flex-wrap: nowrap; }

.deltalab-flex-wrap { flex-wrap: wrap; }

.deltalab-flex-wrap-reverse { flex-wrap: wrap-reverse; }

.deltalab-flex-wrap-stretch { align-content: stretch; }

.deltalab-flex-wrap-top { align-content: flex-start; }

.deltalab-flex-wrap-middle { align-content: center; }

.deltalab-flex-wrap-bottom { align-content: flex-end; }

.deltalab-flex-wrap-between { align-content: space-between; }

.deltalab-flex-wrap-around { align-content: space-around; }

.deltalab-flex-first { order: -1;}

.deltalab-flex-last { order: 99;}

/* Phone landscape and bigger */

@media (min-width: 640px) {

    .uk-flex-first\@s { order: -1; }
    .uk-flex-last\@s { order: 99; }

}

/* Tablet landscape and bigger */

@media (min-width: 960px) {

    .uk-flex-first\@m { order: -1; }
    .uk-flex-last\@m { order: 99; }

}

/* Desktop and bigger */

@media (min-width: 1200px) {

    .uk-flex-first\@l { order: -1; }
    .uk-flex-last\@l { order: 99; }

}

/* Large screen and bigger */

@media (min-width: 1600px) {

    .uk-flex-first\@xl { order: -1; }
    .uk-flex-last\@xl { order: 99; }

}

.deltalab-flex-none { flex: none; }

.deltalab-flex-auto { flex: auto; }

.deltalab-flex-1 { flex: 1; }

.deltalab-align-center {
  text-align: center;
}

.deltalab-align-justified {
  text-align: justify;
}

.deltalab-align-left {
  text-align: left;
}

.deltalab-align-right {
  text-align: right;
}

.deltalab-position-absolute { position: absolute; }

.deltalab-position-relative { position: relative; }

.deltalab-position-fixed { position: fixed; }

.deltalab-position-top-left {
    position: absolute;
    top: 0;
    left: 0;
}

.deltalab-position-top-right {
    position: absolute;
    top: 0;
    right: 0;
}

.deltalab-position-bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
}

.deltalab-position-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
}

h1,
.deltalab-size-1 {
  font-size: var(--deltalab-font-size-1, 2.5rem);
}

h2,
.deltalab-size-2 {
  font-size: var(--deltalab-font-size-2, 2rem);
}

h3,
.deltalab-size-3 {
  font-size: var(--deltalab-font-size-3, 1.75rem);
}

h4,
.deltalab-size-4 {
  font-size: var(--deltalab-font-size-4, 1.5rem);
}

h5,
.deltalab-size-5 {
  font-size: var(--deltalab-font-size-5, 1rem);
}

h6,
.deltalab-size-6 {
  font-size: var(--deltalab-font-size-6, 0.875rem);
}

.deltalab-size-large {
  font-size: var(--deltalab-font-size-large, var(--deltalab-font-size-4, 1.5rem));
  line-height: 1.25;
}

.deltalab-size-xlarge {
  font-size: var(--deltalab-font-size-xlarge, 3.5rem);
  line-height: 1.25;
}

small,
.deltalab-size-small {
  font-size: var(--deltalab-font-size-small, var(--deltalab-font-size-6, 0.875rem));
}

/**
 * margins
 */

.deltalab-margin { margin-bottom: var(--deltalab-block-element-margin, 1rem); }

* + .deltalab-margin { margin-top: var(--deltalab-block-element-margin, 1rem) !important; }

.deltalab-margin-top {
    margin-top: var(--deltalab-block-element-margin, 1rem) !important;
}

.deltalab-margin-bottom {
    margin-bottom: var(--deltalab-block-element-margin, 1rem) !important;
}

.deltalab-margin-left {
    margin-left: var(--deltalab-block-element-margin, 1rem) !important;
}

.deltalab-margin-right {
    margin-right: var(--deltalab-block-element-margin, 1rem) !important;
}

.deltalab-margin-small { margin-bottom: var(--deltalab-block-element-margin-small, .6rem); }

* + .deltalab-margin-small { margin-top: var(--deltalab-block-element-margin-small, .6rem) !important; }

.deltalab-margin-small-top {
    margin-top: var(--deltalab-block-element-margin-small, .6rem) !important;
}

.deltalab-margin-small-bottom {
    margin-bottom: var(--deltalab-block-element-margin-small, .6rem) !important;
}

.deltalab-margin-small-left {
    margin-left: var(--deltalab-block-element-margin-small, .6rem) !important;
}

.deltalab-margin-small-right {
    margin-right: var(--deltalab-block-element-margin-small, .6rem) !important;
}

.deltalab-margin-large { margin-bottom: var(--deltalab-block-element-margin-large, 3rem); }

* + .deltalab-margin-large { margin-top: var(--deltalab-block-element-margin-large, 3rem) !important; }

.deltalab-margin-large-top {
    margin-top: var(--deltalab-block-element-margin-large, 3rem) !important;
}

.deltalab-margin-large-bottom {
    margin-bottom: var(--deltalab-block-element-margin-large, 3rem) !important;
}

.deltalab-margin-large-left {
    margin-left: var(--deltalab-block-element-margin-large, 3rem) !important;
}

.deltalab-margin-large-right {
    margin-right: var(--deltalab-block-element-margin-large, 3rem) !important;
}

.deltalab-margin-remove { margin: 0 !important; }

.deltalab-margin-remove-top { margin-top: 0 !important; }

.deltalab-margin-remove-bottom { margin-bottom: 0 !important; }

.deltalab-margin-remove-left { margin-left: 0 !important; }

.deltalab-margin-remove-right { margin-right: 0 !important; }

.deltalab-margin-remove-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.deltalab-margin-remove-adjacent + * { margin-top: 0 !important; }

.deltalab-margin-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.deltalab-margin-auto-top { margin-top: auto !important; }

.deltalab-margin-auto-bottom { margin-bottom: auto !important; }

.deltalab-margin-auto-left { margin-left: auto !important; }

.deltalab-margin-auto-right { margin-right: auto !important; }

.deltalab-margin-auto-vertical {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

/**
 * paddings
 */

.deltalab-padding { padding: var(--deltalab-padding, 1rem); }

.deltalab-padding-small { padding: var(--deltalab-padding-small, .6rem); }

.deltalab-padding-large { padding: var(--deltalab-padding-large, 3rem); }

.deltalab-padding-remove { padding: 0 !important; }

.deltalab-padding-remove-top { padding-top: 0 !important; }

.deltalab-padding-remove-bottom { padding-bottom: 0 !important; }

.deltalab-padding-remove-left { padding-left: 0 !important; }

.deltalab-padding-remove-right { padding-right: 0 !important; }

.deltalab-padding-remove-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.deltalab-padding-remove-horizontal {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.deltalab-text-bold {
    font-weight: bold !important
}

.deltalab-text-normal {
    font-weight: normal !important
}

.deltalab-text-upper {
    text-transform: uppercase!important;
    letter-spacing: .1em!important;
}

.deltalab-text-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

th.deltalab-text-truncate,
td.deltalab-text-truncate { max-width: 0; }

.deltalab-text-pacing-loose {
    letter-spacing: .05em !important;
}

.deltalab-text-pacing-looser {
    letter-spacing: .1em !important;
}

[class*='deltalab-child-width'] > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
}

.deltalab-child-width-1-2 > * { width: 50%; }

.deltalab-child-width-1-3 > * { width: calc(100% * 1 / 3.001); }

.deltalab-child-width-1-4 > * { width: 25%; }

.deltalab-child-width-1-5 > * { width: 20%; }

.deltalab-child-width-1-6 > * { width: calc(100% * 1 / 6.001); }

.deltalab-child-width-auto > * { width: auto; }

.deltalab-child-width-expand > :not([class*='deltalab-width']) {
    flex: 1;
    min-width: 1px;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {

    .deltalab-child-width-1-1\@s > * { width: 100%; }
    .deltalab-child-width-1-2\@s > * { width: 50%; }
    .deltalab-child-width-1-3\@s > * { width: calc(100% * 1 / 3.001); }
    .deltalab-child-width-1-4\@s > * { width: 25%; }
    .deltalab-child-width-1-5\@s > * { width: 20%; }
    .deltalab-child-width-1-6\@s > * { width: calc(100% * 1 / 6.001); }

    .deltalab-child-width-auto\@s > * { width: auto; }
    .deltalab-child-width-expand\@s > :not([class*='deltalab-width']) {
        flex: 1;
        min-width: 1px;
    }

}

/* Tablet landscape and bigger */

@media (min-width: 960px) {

    .deltalab-child-width-1-1\@m > * { width: 100%; }
    .deltalab-child-width-1-2\@m > * { width: 50%; }
    .deltalab-child-width-1-3\@m > * { width: calc(100% * 1 / 3.001); }
    .deltalab-child-width-1-4\@m > * { width: 25%; }
    .deltalab-child-width-1-5\@m > * { width: 20%; }
    .deltalab-child-width-1-6\@m > * { width: calc(100% * 1 / 6.001); }

    .deltalab-child-width-auto\@m > * { width: auto; }
    .deltalab-child-width-expand\@m > :not([class*='deltalab-width']) {
        flex: 1;
        min-width: 1px;
    }

}

/* Desktop and bigger */

@media (min-width: 1200px) {

    .deltalab-child-width-1-1\@l > * { width: 100%; }
    .deltalab-child-width-1-2\@l > * { width: 50%; }
    .deltalab-child-width-1-3\@l > * { width: calc(100% * 1 / 3.001); }
    .deltalab-child-width-1-4\@l > * { width: 25%; }
    .deltalab-child-width-1-5\@l > * { width: 20%; }
    .deltalab-child-width-1-6\@l > * { width: calc(100% * 1 / 6.001); }

    .deltalab-child-width-auto\@l > * { width: auto; }
    .deltalab-child-width-expand\@l > :not([class*='deltalab-width']) {
        flex: 1;
        min-width: 1px;
    }

}

/* Large screen and bigger */

@media (min-width: 1600px) {

    .deltalab-child-width-1-1\@xl > * { width: 100%; }
    .deltalab-child-width-1-2\@xl > * { width: 50%; }
    .deltalab-child-width-1-3\@xl > * { width: calc(100% * 1 / 3.001); }
    .deltalab-child-width-1-4\@xl > * { width: 25%; }
    .deltalab-child-width-1-5\@xl > * { width: 20%; }
    .deltalab-child-width-1-6\@xl > * { width: calc(100% * 1 / 6.001); }

    .deltalab-child-width-auto\@xl > * { width: auto; }
    .deltalab-child-width-expand\@xl > :not([class*='deltalab-width']) {
        flex: 1;
        min-width: 1px;
    }

}

[class*='deltalab-width'] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

/* Halves */

.deltalab-width-1-2 { width: 50%; }

/* Thirds */

.deltalab-width-1-3 { width: calc(100% * 1 / 3.001); }

.deltalab-width-2-3 { width: calc(100% * 2 / 3.001); }

/* Quarters */

.deltalab-width-1-4 { width: 25%; }

.deltalab-width-3-4 { width: 75%; }

/* Fifths */

.deltalab-width-1-5 { width: 20%; }

.deltalab-width-2-5 { width: 40%; }

.deltalab-width-3-5 { width: 60%; }

.deltalab-width-4-5 { width: 80%; }

/* Sixths */

.deltalab-width-1-6 { width: calc(100% * 1 / 6.001); }

.deltalab-width-5-6 { width: calc(100% * 5 / 6.001); }

/* Auto */

.deltalab-width-auto { width: auto; }

/* Expand */

.deltalab-width-expand {
    flex: 1;
    min-width: 1px;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {

    /* Whole */
    .deltalab-width-1-1\@s { width: 100%; }

    /* Halves */
    .deltalab-width-1-2\@s { width: 50%; }

    /* Thirds */
    .deltalab-width-1-3\@s { width: calc(100% * 1 / 3.001); }
    .deltalab-width-2-3\@s { width: calc(100% * 2 / 3.001); }

    /* Quarters */
    .deltalab-width-1-4\@s { width: 25%; }
    .deltalab-width-3-4\@s { width: 75%; }

    /* Fifths */
    .deltalab-width-1-5\@s { width: 20%; }
    .deltalab-width-2-5\@s { width: 40%; }
    .deltalab-width-3-5\@s { width: 60%; }
    .deltalab-width-4-5\@s { width: 80%; }

    /* Sixths */
    .deltalab-width-1-6\@s { width: calc(100% * 1 / 6.001); }
    .deltalab-width-5-6\@s { width: calc(100% * 5 / 6.001); }

    /* Auto */
    .deltalab-width-auto\@s { width: auto; }

    /* Expand */
    .deltalab-width-expand\@s {
        flex: 1;
        min-width: 1px;
    }

}

/* Tablet landscape and bigger */

@media (min-width: 960px) {

    /* Whole */
    .deltalab-width-1-1\@m { width: 100%; }

    /* Halves */
    .deltalab-width-1-2\@m { width: 50%; }

    /* Thirds */
    .deltalab-width-1-3\@m { width: calc(100% * 1 / 3.001); }
    .deltalab-width-2-3\@m { width: calc(100% * 2 / 3.001); }

    /* Quarters */
    .deltalab-width-1-4\@m { width: 25%; }
    .deltalab-width-3-4\@m { width: 75%; }

    /* Fifths */
    .deltalab-width-1-5\@m { width: 20%; }
    .deltalab-width-2-5\@m { width: 40%; }
    .deltalab-width-3-5\@m { width: 60%; }
    .deltalab-width-4-5\@m { width: 80%; }

    /* Sixths */
    .deltalab-width-1-6\@m { width: calc(100% * 1 / 6.001); }
    .deltalab-width-5-6\@m { width: calc(100% * 5 / 6.001); }

     /* Auto */
    .deltalab-width-auto\@m { width: auto; }

    /* Expand */
    .deltalab-width-expand\@m {
        flex: 1;
        min-width: 1px;
    }

}

/* Desktop and bigger */

@media (min-width: 1200px) {

    /* Whole */
    .deltalab-width-1-1\@l { width: 100%; }

    /* Halves */
    .deltalab-width-1-2\@l { width: 50%; }

    /* Thirds */
    .deltalab-width-1-3\@l { width: calc(100% * 1 / 3.001); }
    .deltalab-width-2-3\@l { width: calc(100% * 2 / 3.001); }

    /* Quarters */
    .deltalab-width-1-4\@l { width: 25%; }
    .deltalab-width-3-4\@l { width: 75%; }

    /* Fifths */
    .deltalab-width-1-5\@l { width: 20%; }
    .deltalab-width-2-5\@l { width: 40%; }
    .deltalab-width-3-5\@l { width: 60%; }
    .deltalab-width-4-5\@l { width: 80%; }

    /* Sixths */
    .deltalab-width-1-6\@l { width: calc(100% * 1 / 6.001); }
    .deltalab-width-5-6\@l { width: calc(100% * 5 / 6.001); }

    /* Auto */
    .deltalab-width-auto\@l { width: auto; }

    /* Expand */
    .deltalab-width-expand\@l {
        flex: 1;
        min-width: 1px;
    }

}

/* Large screen and bigger */

@media (min-width: 1600px) {

    /* Whole */
    .deltalab-width-1-1\@xl { width: 100%; }

    /* Halves */
    .deltalab-width-1-2\@xl { width: 50%; }

    /* Thirds */
    .deltalab-width-1-3\@xl { width: calc(100% * 1 / 3.001); }
    .deltalab-width-2-3\@xl { width: calc(100% * 2 / 3.001); }

    /* Quarters */
    .deltalab-width-1-4\@xl { width: 25%; }
    .deltalab-width-3-4\@xl { width: 75%; }

    /* Fifths */
    .deltalab-width-1-5\@xl { width: 20%; }
    .deltalab-width-2-5\@xl { width: 40%; }
    .deltalab-width-3-5\@xl { width: 60%; }
    .deltalab-width-4-5\@xl { width: 80%; }

    /* Sixths */
    .deltalab-width-1-6\@xl { width: calc(100% * 1 / 6.001); }
    .deltalab-width-5-6\@xl { width: calc(100% * 5 / 6.001); }

    /* Auto */
    .deltalab-width-auto\@xl { width: auto; }

    /* Expand */
    .deltalab-width-expand\@xl {
        flex: 1;
        min-width: 1px;
    }

}

[hidden],
.deltalab-hidden { display: none !important; }

.deltalab-hidden-visually {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important
}

.deltalab-invisible {
    visibility: hidden !important;
}

.deltalab-visible {
    visibility: visible !important;
}

/* Phone landscape and bigger */

@media (min-width: 640px) {
    .deltalab-hidden\@s { display: none !important; }
}

/* Tablet landscape and bigger */

@media (min-width: 960px) {
    .deltalab-hidden\@m { display: none !important; }
}

/* Desktop and bigger */

@media (min-width: 1200px) {
    .deltalab-hidden\@l { display: none !important; }
}

/* Large screen and bigger */

@media (min-width: 1600px) {
    .deltalab-hidden\@xl { display: none !important; }
}

/*
 * Visible
 */

/* Phone portrait and smaller */

@media (max-width: 639px) {
    .deltalab-visible\@s { display: none !important; }
}

/* Phone landscape and smaller */

@media (max-width: 959px) {
    .deltalab-visible\@m { display: none !important; }
}

/* Tablet landscape and smaller */

@media (max-width: 1199px) {
    .deltalab-visible\@l { display: none !important; }
}

/* Desktop and smaller */

@media (max-width: 1599px) {
    .deltalab-visible\@xl { display: none !important; }
}

.deltalab-invisible { visibility: hidden !important; }

.deltalab-visible-toggle:not(:hover):not(:focus) .deltalab-hidden-hover:not(:focus-within) {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.deltalab-visible-toggle:not(:hover):not(:focus) .deltalab-invisible-hover:not(:focus-within) {
    opacity: 0 !important;
}

.deltalab-visible-toggle {
    -webkit-tap-highlight-color: transparent;
}

.deltalab-visible-toggle:focus { outline: none; }

@media (pointer: coarse) {
    .deltalab-hidden-touch { display: none !important; }
}

.deltalab-hidden-notouch { display: none !important; }

@media (pointer: coarse) {
    .deltalab-hidden-notouch { display: block !important; }
}

.deltalab-disabled { pointer-events: none; }

.deltalab-link-muted, 
.deltalab-link-muted:hover, 
.deltalab-link-muted:active, 
.deltalab-link-muted:visited 
{ color: inherit; }

.deltalab-overflow-hidden { overflow: hidden; }

.deltalab-display-block { display: block !important; }

.deltalab-display-inline { display: inline !important; }

.deltalab-display-inline-block { display: inline-block !important; }

.deltalab-border-circle { border-radius: 50%; }

.deltalab-svg,
.deltalab-svg:not(.deltalab-preserve) [fill*='#']:not(.deltalab-preserve) { fill: currentcolor; }

.deltalab-svg:not(.deltalab-preserve) [stroke*='#']:not(.deltalab-preserve) { stroke: currentcolor; }

/*
 * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
 */

.deltalab-svg { -webkit-transform: translate(0,0); transform: translate(0,0); }

.deltalab-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

:root {
    --deltalab-base-font-family: "Inter","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica","Helvetica Neue",Helvetica,Arial,sans-serif;
    --deltalab-color-primary: #04A7B7;
    --deltalab-color-contrast: #fff;
    --site-bg-accent: #f0f0f0;
    --site-bg-accent: #fff4e4; /* #FFEED6 #fcfbf8 */ 
    --site-bg-main: #fff;
    --site-frame-width: 4vw;

    --cb-bannerbox-maxwidth: 600px;
}

.deltalab-button {
    text-transform: uppercase;
    letter-spacing: .1em;
    border: 2px currentColor solid;
    font-size: 12px;
    font-weight: bold;
    padding: .2em 1.2em;
}

.deltalab-button-large {
    padding: 1em 2em;
}

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

html {
    background: var(--site-bg-accent);
}

body {
    border: var(--site-frame-width) var(--site-bg-accent) solid;
    border-top: calc(1.5 * var(--site-frame-width)) var(--site-bg-accent) solid;
    background: var(--site-bg-accent);
    padding: 0;
    margin: 0;
}

main {
    background-color: var(--site-bg-main);
    background-repeat: no-repeat;
    background-position: 60% 0; 
    background-size: 800px;
    min-height: 60vh;
    border-radius: 2px;
    -webkit-box-shadow: 3px 3px 40px 0 rgba(0,0,0,0.06);
            box-shadow: 3px 3px 40px 0 rgba(0,0,0,0.06);
    overflow: hidden;
}

.italic {
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.light {
    font-weight: 200;
}

.site-header {
    background: var(--site-bg-accent);
    padding: 20px 0  var(--site-frame-width) 0;
}

.site-logo {
    font-size: 1em;
}

.site-footer {
    font-size: 12px;
    margin-top: 40px;
}

.site-header,
main,
.site-footer {
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
}

.section-home-intro {
    min-height: 70vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.we-do {
    color: rgba(254, 144, 10, 0.855);
    font-size: 80px;
    line-height: 1;
    font-weight: 900;
}

.we-do-analytics {
    color: rgba(128, 0, 128, 0.555);
    font-size: 80px;
    line-height: 1;
    font-weight: 900;
}

.we-do-aegis {
    color: rgba(52, 152, 219, 0.855);
    font-size: 80px;
    line-height: 1;
    font-weight: 900;
}

.we-do-green-hosting {
    color: #50C878;
    font-size: 80px;
    line-height: 1;
    font-weight: 900;
}

.letter-move {
    color: rgb(255, 255, 255);
    font-size: 0;
    line-height: 1;
    font-weight: 900;
}

.letter-move span {
    font-size: 80px;
    display: inline-block;
    -webkit-animation: letter-move 4s ease-in-out infinite;
            animation: letter-move 4s ease-in-out infinite;
    will-change: transform;
}

.letter-move.letter-small span {
    font-size: 60px;
}

.letter-move span:nth-child(2) {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
}

.letter-move span:nth-child(3) {
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
}

.letter-move span:nth-child(4) {
    -webkit-animation-delay: 1.3s;
            animation-delay: 1.3s;
}

@-webkit-keyframes letter-move {
    0% {
        -webkit-transform: translate(-25%, 0);
                transform: translate(-25%, 0);
        text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    }
    50% {
        text-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    }
    100% {
        -webkit-transform: translate(33%, 0);
                transform: translate(33%, 0);
        text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    }
}

@keyframes letter-move {
    0% {
        -webkit-transform: translate(-25%, 0);
                transform: translate(-25%, 0);
        text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    }
    50% {
        text-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    }
    100% {
        -webkit-transform: translate(33%, 0);
                transform: translate(33%, 0);
        text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    }
}

.logo-panel > * > div {
    display: flex;
    padding: 4rem 3rem;
    border-left: 1px #eee solid;
    border-bottom: 1px #eee solid;
    height: 50px;
    align-items: center;
    justify-content: center;
}

.logo-panel img {
    max-height: 50px;
    width: auto;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}

.panel-box {
    position: relative;
    border: 5px rgba(0,0,0,0) solid;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
            box-shadow: 0 0 2px rgba(0,0,0,0.3);
    padding: 30px;
}

.panel-box:hover {
    border: 5px var(--deltalab-color-primary) solid;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.panel-box-selected {
    background-color: var(--deltalab-color-primary);
    color: var(--deltalab-color-contrast);
    -webkit-box-shadow: none;
            box-shadow: none;
}

.product-item {
    border: 2px var(--deltalab-color-primary) solid;
    color: #000;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    border-radius: 5px;
    margin-bottom: 5px !important;
}

.product-item:hover {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    z-index: 1;
}

.product-image {
    border-radius: 50%;
    background: #fff;
    border: 5px #fff solid;
}

.top-overlap {
    margin-top: 30px;
}

@media (min-width: 1200px) {

    body {
        --site-frame-width: 40px;
        --deltalab-container-padding: 50px;
    }

    .top-overlap {
        position: relative;
        margin-top: -25vh;
        min-height: 25vh;
        padding: 60px;
        background: #fff;
        z-index: 1;
    }
}

@media (max-width: 420px) {

    body {
        --site-frame-width: 0;
    }
    
    .site-header,
    .site-footer {
        padding-bottom: 20px;
        padding-left: var(--deltalab-container-padding, 20px);
        padding-right: var(--deltalab-container-padding, 20px);
    }

    .we-do {
        color: rgba(254, 144, 10, 0.855);
        font-size: 50px;
        line-height: 1;
        font-weight: 900;
    }

    .we-do-analytics {
        color: rgba(128, 0, 128, 0.555);
        font-size: 50px;
        line-height: 1;
        font-weight: 900;
    }

    .we-do-aegis {
        color: rgba(46, 204, 113, 0.855);
        font-size: 50px;
        line-height: 1;
        font-weight: 900;
    }

    .xlarge-alt {
        font-size: var(--deltalab-font-size-xlarge, 2.5rem);
        line-height: 1.25;
    }

    .letter-move.letter-small span,
    .letter-move span {
        font-size: 45px;
    }
}

[vue-view]{display:none}


/* Service cards logos */

.service-card-logo {
    width: 4rem;
    padding: 0.5rem;
    border-radius: 1rem;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
}

.service-card-logo-iris {
    background-color: black;
}

.service-card-logo-prometheus {
    background-color: antiquewhite;
}

.service-card-logo-doffice {
    background-color: aliceblue;
}