* {
    margin: 0;
}

/*Meyer Reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: inherit;
    font: inherit;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1.4; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1, h2, h3, h4, h5, h6,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    font-family: TitlingGothic, Roboto, Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 1rem;
}

b, strong {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

/*----- Custom Global Css -----*/
:root {
    --main-bg-color: var(--degoo-dark);
    --card-bg-color: var(--degoo-dark);
    --card-bg-color-light: var(--degoo-dark-2);
    --card-bg-color-2: #ffffff;
    --degoo-blue: #1976b8;
    --degoo-light-blue: #179fda;
    --error-red: #DA3325;
    --main-text-color: #959292;
    --main-text-color-blue: #1976b8;
    --menu-text-color: #999999;
    --text-color-dark: #000000;
    --text-color-bright: #ffffff;
    --icon-filter-grey: invert(69%) sepia(26%) saturate(0%) hue-rotate(183deg) brightness(82%) contrast(96%);
    --icon-filter-blue: invert(37%) sepia(69%) saturate(807%) hue-rotate(167deg) brightness(93%) contrast(94%);
    --icon-filter-white: invert(100%) sepia(4%) saturate(0%) hue-rotate(253deg) brightness(105%) contrast(105%);
    --icon-filter-black: brightness(0) saturate(100%);
    --icon-filter-turquoise: invert(88%) sepia(71%) saturate(5557%) hue-rotate(125deg) brightness(91%) contrast(89%);
    --icon-filter-bright: var(--icon-filter-white);
    --icon-filter-dark: var(--icon-filter-black);
    --menu-bg-color: var(--degoo-dark);
    --file-manager-disabled-button-filter: none;
    --file-viewer-hover-info-bg-color: rgba(40, 37, 37, 0.8);
    --bottom-action-text-color: var(--degoo-blue);
    --bottom-action-icon-filter: var(--icon-filter-blue);
    --degoo-dark-0: #241e1e;
    --degoo-dark: #282525;
    --degoo-dark-1: #353030;
    --degoo-dark-2: #3f3939;
    --degoo-light: #ECEAE7;
    --degoo-light-1: #b6b6b6;
    --degoo-turquoise: #28DCDB;
    --degoo-turquoise-hover: #51FFFE;
    --degoo-orange: #FF955A;
    --degoo-orange-hover: #ffc09d;
    --degoo-purple: #C0A4E4;
    --degoo-purple-hover: #ccb6e9;
    --toolbar-bg-color: linear-gradient(0, rgba(40, 37, 37, 0) 0%, rgba(40, 37, 37, 0.5) 10%, var(--main-bg-color) 100%);
    --border-standard: solid 1px #403a3a;
    --input-border: solid 1px #959292;
    --card-box-shadow: none;
    --device-hover: invert(98%) sepia(92%) saturate(5256%) hue-rotate(126deg) brightness(90%) contrast(95%);
}

html {
    height: 100%;
    font-size: 62.5%;
    background-color: var(--main-bg-color);
}

body {
    color: var(--text-color-bright);
    background-color: var(--main-bg-color);
    min-height: 100%;
    font-size: 1.6rem;
    overflow-x: hidden;
}

main {
    height: 100%;
    width: 100%;
}

h1 {
    font-size: 2.4em;
    margin-bottom: 0.5rem;
}

h1.huge {
    font-size: 2.7em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.4em;
}

h4 {
    font-size: 1.2em;
}

h6 {
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

p {
    line-height: 1.4em;
    margin-bottom: 1.4rem;
    margin-top: 1.4rem;
}

h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,
h2 + h1, h2 + h3, h2 + h4, h2 + h5, h2 + h6,
h3 + h1, h3 + h2, h3 + h4, h3 + h5, h3 + h6,
h4 + h1, h4 + h2, h4 + h3, h4 + h5, h4 + h6,
h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h6,
h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5,
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
    margin-top: 4rem;
}

small {
    font-size: 1.4rem;
}

input {
    box-shadow: none !important;
}

input[type="file"],
input[type="month"],
input[type="number"],
input[type="time"],
input[type="week"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"] {
    height: 3rem;
    margin-top: 1.7rem;
    border: 0 !important;
    border-color: transparent !important;
    border-bottom: var(--input-border) !important;
    -webkit-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
    background-color: var(--card-bg-color) !important;
    color: #FFFFFF !important;
    font-size: 1.6rem;
    padding: 0;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"] {
    max-width: 40rem;
    width: 100%;
}

.input {
    border: 0;
    border-color: transparent;
    border-bottom: var(--input-border);
    background-color: var(--card-bg-color);
    padding: 1rem 2rem;
}

input.input-round, .input-round {
    background-color: var(--degoo-dark-2) !important;
    border: 0 !important;
    -webkit-border-radius: 2rem !important;
    -ms-border-radius: 2rem !important;
    border-radius: 2rem !important;
    text-indent: 2rem !important;
}

input.input-round-big, .input-round-big {
    background-color: var(--degoo-dark-2) !important;
    border: 0 !important;
    -webkit-border-radius: 2rem !important;
    -ms-border-radius: 2rem !important;
    border-radius: 2rem !important;
    text-indent: 2rem !important;
    padding: 1.1rem 0 !important;
    font-size: 1.6rem !important;
    margin-top: 1.3rem !important;
    height: 2.2rem !important;
}

.input-round:hover {
    background-color: var(--main-text-color);
}

label + input {
    margin-top: 0 !important;
}

input:not([type="hidden"]) + label {
    margin-top: 1rem !important;
}

input::placeholder {
    color: var(--main-text-color);
}

input:focus, input:-webkit-autofill:focus {
    outline: none;
    box-shadow: 0 0 0.3rem 0.3rem var(--degoo-turquoise);
}

input + button, select + input {
    margin-left: 1rem;
}

label {
    font-size: 1.4rem;
    color: var(--main-text-color);
}

label.label-white {
    color: var(--text-color-bright);
}

legend {
    color: var(--text-color-bright);
}

fieldset + fieldset {
    margin-top: 3rem;
}

select {
    background-color: var(--degoo-dark-2) !important;
    color: var(--text-color-bright) !important;
    border: 0 !important;
    padding: 0 1rem !important;
    border-radius: 2rem !important;
}

select.select-big {
    height: 4.4rem !important;
}

select.select-fluid {
    width: initial !important;
}

a {
    cursor: pointer;
    color: #FFFFFF;
}

a.btn {
    color: #ffffff;
    vertical-align: middle;
}

a:active, a:visited {
    color: #ffffff;
    text-decoration: none;
}

a:hover {
    color: #ffffff;
    text-decoration: underline;
}

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

button {
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-border-radius: 2rem;
    -ms-border-radius: 2rem;
    border-radius: 2rem;
    padding: 1rem 2rem;
    min-width: 7rem;
    text-align: center;
    -webkit-transition: background-color .2s ease, color 0.2s ease;
    -ms-transition: background-color .2s ease, color 0.2s ease;
    -o-transition: background-color .2s ease, color 0.2s ease;
    transition: background-color .2s ease, color 0.2s ease;
    font-size: 1.6rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    border: solid 0.1rem #ffffff;
    background-color: var(--degoo-dark);
    color: #FFFFFF;
    /*box-shadow: 0.2rem 0.2rem 0.4rem #000000;
    box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.4);*/
}

button.close {
    min-width: initial;
}

.button {
    display: inline-block;
    -webkit-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-border-radius: 2rem;
    -ms-border-radius: 2rem;
    border-radius: 2rem;
    padding: 1rem 2rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    min-width: 7rem;
    text-align: center;
    -webkit-transition: background-color .2s ease, color 0.2s ease;
    -ms-transition: background-color .2s ease, color 0.2s ease;
    -o-transition: background-color .2s ease, color 0.2s ease;
    transition: background-color .2s ease, color 0.2s ease;
    font-size: 1.6rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    border: solid 0.1rem #ffffff;
    background-color: var(--degoo-dark);
    color: #FFFFFF;
    /*box-shadow: 0.2rem 0.2rem 0.4rem #000000;
    box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.4);*/
}

.button.hide {
    display: none;
}

.button-small {
    font-size: 1.2rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.75rem 1rem;
}

button:hover, button:focus, .button:hover, .button:focus {
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: none;
}

.button-fill {
    display: inline-block;
    padding: 1rem 0;
    width: 100%;
}

.button-transparent {
    background-color: transparent;
}

.button-turquoise {
    border: 1px solid var(--degoo-turquoise);
    background-color: var(--degoo-turquoise);
    color: var(--degoo-dark) !important;
}

.button-turquoise:active, .button-turquoise:visited {
    border: 1px solid var(--degoo-turquoise);
    background-color: var(--degoo-turquoise);
    color: var(--degoo-dark) !important;
}

.button-turquoise:hover {
    border: 1px solid var(--degoo-turquoise-hover);
    background-color: var(--degoo-turquoise-hover);
    color: var(--degoo-dark) !important;
}


.button-white {
    border: 1px solid white;
    background-color:white;
    color: var(--degoo-dark) !important;
}

.button-white:active, .button-white:visited {
    border: 1px solid white;
    background-color: white;
    color: var(--degoo-dark) !important;
}

.button-white:hover {
    border: 1px solid #ECEAE7;
    background-color: #ECEAE7;
    color: var(--degoo-dark) !important;
}


.button-orange {
    border: 1px solid var(--degoo-orange);
    background-color: var(--degoo-orange);
    color: var(--degoo-dark) !important;
}

.button-orange:active, .button-orange:visited {
    border: 1px solid var(--degoo-orange);
    background-color: var(--degoo-orange);
    color: var(--degoo-dark) !important;
}

.button-orange:hover, .button-orange:focus {
    border: 1px solid var(--degoo-orange-hover);
    background-color: var(--degoo-orange-hover);
    color: var(--degoo-dark) !important;
}

.button-purple {
    border: 1px solid var(--degoo-purple);
    background-color: var(--degoo-purple);
    color: var(--degoo-dark) !important;
}

.button-purple:active, .button-purple:visited {
    border: 1px solid var(--degoo-purple);
    background-color: var(--degoo-purple);
    color: var(--degoo-dark) !important;
}

.button-purple:hover, .button-purple:focus {
    border: 1px solid var(--degoo-purple-hover);
    background-color: var(--degoo-purple-hover);
    color: var(--degoo-dark) !important;
}

button:focus {
    outline: 0;
}

.blur {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    filter: blur(10px);
}

.round-corners {
    -webkits-border-radius: 2rem;
    -ms-border-radius: 2rem;
    border-radius: 2rem;
}

.card {
    background-color: var(--card-bg-color);
    -webkit-border-radius: 2rem;
    -ms-border-radius: 2rem;
    border-radius: 2rem;
    padding: 2rem;
}

.card-light {
    background-color: var(--card-bg-color-light);
}

.card + .card {
    margin-left: 1rem;
}

.card-light {
    background-color: var(--degoo-dark-2);
}

.card-info {
    background-color: var(--degoo-turquoise);
}

.card-success {
    background-color: var(--degoo-purple);
}

.card-warning {
    background-color: var(--degoo-orange);
}

.card-error {
    background-color: var(--error-red);
}

card.info.card-hover:hover {
    background-color: var(--degoo-turquoise-hover);
}

.card-big {
    padding: 5rem;
}

.card a {
    color: var(--degoo-turquoise);
}

.card.card-info a,
.card.card-success a,
.card.card-warning a,
.card.card-error a {
    color: #ffffff;
}

.color-main {
    color: var(--main-text-color);
}

a.color-main {
    color: var(--main-text-color);
}

form {
    height: 100%;
}

hr {
    border: 0;
    border-top: 1px solid var(--degoo-dark-2);
    margin: 0;
}

.hr-light {
    border-top: 1px solid var(--main-text-color);
}

.hr {
    overflow: hidden;
    text-align: center;
}

.hr:before,
.hr:after {
    background-color: var(--main-text-color);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.hr:before {
    right: 0.5em;
    margin-left: -50%;
}

.hr:after {
    left: 0.5em;
    margin-right: -50%;
}

.section-dark-0 {
    background-color: var(--degoo-dark-0);
}

.section-dark {
    background-color: var(--degoo-dark);
}

.section-dark-1 {
    background-color: var(--degoo-dark-1);
}

.section-dark-2 {
    background-color: var(--degoo-dark-2);
}

.section-light {
    background-color: var(--degoo-light);
    color: var(--degoo-dark-2);
}

.section-light .pop {
    color: white;
    text-shadow: 3px 1px 6px var(--degoo-dark-2);
}

.dot-container {
    position: relative;
}

.dot-container-no-overflow {
    position: relative;
    overflow: hidden;
}

.dot {
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    overflow: hidden;
}

.dot-xl {
    height: 350px;
    width: 350px;
}

.dot-l {
    height: 280px;
    width: 280px;
}

.dot-m {
    height: 158px;
    width: 158px;
}

.dot-s {
    height: 74px;
    width: 74px;
}

.dot-turquoise {
    background-color: var(--degoo-turquoise);
}

.dot-purple {
    background-color: var(--degoo-purple);
}

.dot-orange {
    background-color: var(--degoo-orange);
}

.brand {
    background-image: url('/Content/Images/degoo_logo_150.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0;
    height: 51px;
    width: 150px;
    vertical-align: middle;
}

.brand-dark {
    background-image: url('/Content/Images/degoo_logo_150_dark.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0;
    height: 51px;
    width: 150px;
    vertical-align: middle;
}

.brand-link {
    float: right;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

#welcome {
    background-image: url('/Content/Images/degoo_uhm_19.jpg?v=210118');
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    min-height: 700px;
    max-height: none;
    padding-bottom: 10rem;
    text-shadow: 0 0 20px #000000;
}

#welcome .space {
    margin-top: 15rem;
}

.form-card {
    padding: 4rem 6rem 3rem 6rem;
}

#footer {
    background: var(--degoo-dark-2);
    border: none;
    border-color: transparent;
    -webkit-border-radius: 0;
        -ms-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
        -ms-box-shadow: none;
            box-shadow: none;
    color: var(--text-color-bright);
    height: auto;
    min-height: 500px;
}

#footer .container {
    padding-top: 10rem;
}

#footer .container span {
    display: inline-block;
    margin: 6px 10px;
}

#footer .container span:first-child {
    margin-left: 0;
}

#footer .container span:last-child {
    margin-right: 0;
}

#footer .image {
    background-image: url('/Content/Images/layout-images-20180618.png');
    display: inline-block;
}

#footer .email {
    background-position: 0 -142px;
    height: 29px;
    width: 24px;
}

#footer .help {
    background-position: -24px -142px;
    height: 29px;
    width: 26px;
}

#footer .twitter {
    background-position: -50px -142px;
    height: 29px;
    width: 29px;
}

#footer .facebook {
    background-position: -79px -142px;
    height: 29px;
    width: 29px;
}

#footer .mixpanel {
    vertical-align: 10px;
}

.alert-inline {
    display: inline-block;
}

.avoid-banner {
    padding-top: 150px;
}

.btn[class*="span"] {
    float: none;
    margin-left: 0;
}

.cookie-notification {
    bottom: 3rem;
    font-size: 1.6rem;
    left: 50%;
    transform: translateX(-50%);
    color: var(--degoo-dark);
    position: fixed;
    text-align: center;
    width: 940px;
}

.cookie-notification-bg {
    background-color: var(--degoo-light);
    -webkits-border-radius: 2rem;
    -ms-border-radius: 2rem;
    border-radius: 2rem;
    display: inline-block;
}

.cookie-notification-wrapper {
    margin: 1rem 3rem;
    text-align: right;
}

.cookie-notification-text {
    display: inline-block;
}

.cookie-notification #accept-cookies {
    margin-left: 3rem;
}

.dropdown.dropup .dropdown-menu {
    top: inherit;
    bottom: 100%;
}

.dropdown-language {
    color: #333;
    display: inline-block;
    font-size: 14px;
    text-align: left;
}

.dropdown-language a {
    color: #333 !important;
}

.g-signin {
    background-image: url('/Content/Images/g-signin.png');
    background-color: #ffffff;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 2rem;
    display: inline-block;
    height: 46px;
    transition: none;
    width: 191px;
}

.g-photos-connect {
    background-image: url('/Content/Images/g-photos-connect.png');
    background-color: #ffffff;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 2rem;
    display: inline-block;
    height: 46px;
    transition: none;
}

.g-signin:active, .g-signin:hover {
    background-position: 0 -46px;
    background-color: #eeeeee;
}

.push-right .dropdown-language .dropdown-menu {
    left: auto;
    right: 0;
}

.dropdown-language i {
    vertical-align: middle;
}

.form-validation-summary {
    display: inline-block;
    float: none;
    padding-bottom: 12px;
    text-align: left;
}

.help-block {
    color: inherit;
    font-size: 14px;
}

[class*="icon-"] {
    vertical-align: -2px;
}

.image-language {
    display: inline-block;
    height: 24px;
    width: 24px;
}

.image-language-large {
    display: inline-block;
    height: 48px;
    width: 48px;
}

[class*="image-features-"] {
    background-image: url('/Content/Images/features-20200228.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 192px;
    max-width: 100%;
}

.image-features-wifi-battery {
    background-position: 0 0;
    width: 384px;
}

.image-features-platforms {
    background-position: 0 -192px;
    width: 384px;
}

.image-features-cloud-lock {
    background-position: 0 -384px;
    width: 192px;
}

.image-features-cloud-upload {
    background-position: -192px -384px;
    width: 192px;
}

.image-features-feed {
    background-position: 0 -576px;
    width: 192px;
}

.image-features-ds {
    background-position: -192px -576px;
    width: 192px;
}

.js-show {
    display: none;
}

.language-selection .image-language-large {
    margin: 10px 15px;
}

.margin-2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.margin-one {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

.margins a + a {
    margin-left: 1em;
}

.modal-backdrop {
    z-index: 1029;
}

.notification {
    color: var(--degoo-dark);
    top: 80px;
    font-size: 1.6rem;
    font-weight: bold;
    left: 50%;
    margin-left: -200px;
    position: fixed;
    text-align: center;
    width: 400px;
    z-index: 1051;
}

.notification .card:after {
    color: var(--degoo-dark);
    content: 'Click to close';
    font-size: 1.2rem;
    padding-left: 1rem;
}

.link {
    cursor: pointer;
}

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

.push-center .thumbnails {
    display: inline-block;
}

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

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

.row.bottom {
    bottom: 20px;
    position: absolute;
}

.space-out {
    margin-top: 3.3rem !important;
}

.space-out-less {
    margin-top: 1.7rem !important;
}

.space-out-more {
    margin-top: 10rem !important;
}

.space-out-horizontal {
    margin-left: 1.6rem !important;
    margin-right: 1.6rem !important;
}

.tooltip {
    z-index: 2000 !important;
}

.wrapper {
    display: inline-block;
}

#partner-spash {
    background-image: url('/Content/Images/PartnerLandingPage/background-1.png');
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}   

#partner-reference .text-and-icon {
    padding: 10px;
}

#partner-reference .text-and-icon p {
    padding-left: 15px;
}

.grid-item p span {
    font-size: 20px;
}

#partner-demo {
    background: black;
    color: white;
}

#post-address {
    display: flex;
    flex-direction: row;
}

#post-address p {
    margin-right: 40px;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
    grid-column-gap: 50px;
    margin-top: 50px;
}

.grid-container h1 {
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: -5px;
}

.grid-item {
    margin-bottom: 50px;
}

.grid-item p {
    font-size: 16px;
}

.text-light {
    color: var(--degoo-light-1);
}

.text-grey {
    color: var(--menu-text-color);
}

.text-and-icon {
    display: grid;
    grid-template-columns: 50px auto;
}

.text-and-icon img {
    align-self: center;
}

.textblock {
    padding: 10px;
    display: flex;
    flex-direction: column;
    font-size: 16px;
}

.textblock p:first-child {
    font-size: 20px;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .cookie-notification {
        width: 1170px;
    }

    .space-out-desktop {
        margin-top: 2.1em !important;
    }

    .space-out-huge-desktop {
        margin-top: 20rem !important;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    form #register.span3 {
        width: 180px;
    }

    .cookie-notification {
        width: 724px;
    }
}

@media (min-width: 768px) {
    .banner-login {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }
}

@media (max-width: 767px) {
    body {
        padding-left: 0;
        padding-right: 0;
    }

    h1 {
        font-size: 30px;
        line-height: 40px;
    }

    h2 {
        font-size: 24px;
        line-height: 40px;
    }

    #welcome .space {
        margin-top: initial;
    }

    form #register.span3 {
        width: 100%;
    }

    #footer {
        text-align: center;
    }

    #footer .container {
        padding-top: 5rem;
    }

    #footer .span4 {
        margin-top: 5rem;
    }

    #footer .push-right {
        text-align: center;
    }

    .avoid-banner {
        padding-top: 50px;
    }

    .banner-login {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .brand-start {
        margin-top: 20px;
    }

    .brand-start.push-right {
        text-align: center;
    }

    .brand-start p {
        margin-top: 0;
    }

    .container, .container-fluid {
        padding-bottom: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .cookie-notification {
        bottom: 0;
        width: 100%;
        text-align: left;
    }

    .cookie-notification-bg {
        -webkit-border-radius: 2rem 2rem 0 0;
        -ms-border-radius: 2rem 2rem 0 0;
        border-radius: 2rem 2rem 0 0;
        width: 100%;
    }

    .cookie-notification-wrapper {
        margin: 2rem 3rem 1rem;
        text-align: center;
    }

    .cookie-notification-text {
        text-align: left;
    }

    .form-card {
        margin-top: 6rem;
        padding: 3rem 4rem 2rem 4rem;
    }

    .notification {
        left: 0;
        top: 0;
        margin-left: 0;
        width: 100%;
    }

    .notification .card {
        -webkit-border-radius: 0 0 2rem 2rem;
        -ms-border-radius: 0 0 2rem 2rem;
        border-radius: 0 0 2rem 2rem;
    }

    .push-center-phone {
        text-align: center;
    }

    .social {
        margin-top: 15px;
        text-align: center;
    }

    div[id^="partner-"] .container {
        padding-bottom: 0px;
    }

    .img-fill-phone {
        width: 100%;
    }

    .row {
        padding: 0 2rem;
    }

    .row-wrapper {
        padding-left: 1rem;
        padding-right: 1rem;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .row-wrapper::-webkit-scrollbar {
        display: none;
      }

    .row-wrapper [class*="span"] {
        flex: 0 0 auto;
        margin-left: 1rem;
        margin-right: 1rem;
        width: 75%;
    }
}
.modal-body label {
    color: #ffffff;
}

.modal-body a {
    color: var(--degoo-turquoise);
}

/* Layout ID's */
.section {
    background-repeat: no-repeat;
    height: auto;
    -ms-image-rendering: -moz-crisp-edges;
    -o-image-rendering: -moz-crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: bicubic;
    min-height: 100%;
    position: relative;
    width: 100%;
}

.section .container {
    padding-bottom: 150px;
    padding-top: 150px;
}

.common-section {
    background: var(--degoo-dark);
}

.common-section .container {
    padding-bottom: 150px;
}

.common-section h2 {
    margin-top: 0;
}

.common-section a {
    -webkit-transition: color 0.3s;
       -moz-transition: color 0.3s;
        -ms-transition: color 0.3s;
         -o-transition: color 0.3s;
            transition: color 0.3s;
}

.common-section a:hover {
    color: #333;
    text-decoration: none;
}

.section-degoo {
    background: #1361a6;
    border: none;
    border-color: transparent;
    -webkit-border-radius: 0;
        -ms-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
        -ms-box-shadow: none;
            box-shadow: none;
    color: #eee;
}

.section-inline {
    min-height: initial;
}

.section-inline .container {
    padding-bottom: 150px;
    padding-top: 120px;
}

.section-inline .container.avoid-banner  {
    padding-top: 250px;
}

.section-inline .container.inner {
    padding-top: 50px;
}

.section-inline-small .container {
    padding-bottom: 3rem;
    padding-top: 3rem;
}

.section p {
    margin-top: 70px;
}

.section p + p {
    margin-top: 35px;
}

.keep-paragraph p {
    margin-bottom: 1em;
    margin-top: 1em;
}

.keep-paragraph p + p {
    margin-bottom: 1em;
    margin-top: 1em;
}

#email-badges {
    max-height: 8.5em;
    overflow-x: hidden;
    overflow-y: auto;
}

#email-badges-legend {
    font-size: 0.9em;
}

/* Style attributes */

form {
    height: 100%;
}

form input[type="radio"] {
    margin-right: 0.5rem;
    vertical-align: -0.2rem;
}

textarea {
    -moz-resize: vertical;
     -ms-resize: vertical;
      -o-resize: vertical;
         resize: vertical;
}

#google-photos {
    background-color: #DCDBE1;
    background-image: url('/Content/Images/gphoto.jpg');
    background-position: center left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    min-height: 100%;
    max-height: none;
    padding-bottom: 10rem;
    font-weight: bold;
}

#google-photos small {
    font-weight: normal;
}

/* Style classes */
.chat {
    height: 42px;
    margin: -21px 0 0 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 50%;
    width: 153px;
    z-index: 1031;
}

.form-inline .input-round, .form-inline .input-round-big {
    margin-top: 0 !important;
}

.form-btn {
    display: inline;
    margin: 0;
}

#email-badges p.email {
    border: 1px solid #ccc;
    -ms-border-radius: 4px;
        border-radius: 4px;
    font-size: 0.8em;
    margin: 0 2px 2px 2px;
    padding: 0 10px 0 3px;
}

#email-badges p.email:after {
    color: #333;
    content: "\00d7";
    margin-left: 8px;
    -ms-text-shadow: none;
        text-shadow: none;
}

#email-badges a {
    color: #fff !important;
}

#invite-add {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe {
    width: 100% !important;
}

.form-invisible {
    height: 0;
    margin: 0;
    visibility: hidden;
    display: none;
}

.hero {
    font-size: 1.8rem;
}

.huge {
    font-size: 2.7em;
    line-height: 1.2em;
}

[class*="icon-"] {
    vertical-align: -2px;
}

.hero [class*="icon-"] {
    vertical-align: -1px;
}

.superhero [class*="icon-"] {
    vertical-align: 1px;
}

small [class*="icon-"] {
    vertical-align: -3px;
}

.image {
    background-image: url('/Content/Images/layout-images-20180618.png');
    background-repeat: no-repeat;
    display: inline-block;
    max-width: 100%;
}

.image-partners {
    background-image: url('/Content/Images/partners-20140912.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 72px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
    margin: 0;
    width: 0;
}

.image-partners:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0);
}

.image-micbizspa {
    background-position: 0 0;
    margin: 0 16px;
    width: 174px;
}

.image-aws {
    background-position: -174px 0;
    width: 206px;
}

.image-installfourj {
    background-position: -380px 0;
    margin: 0 25px;
    width: 158px;
}

.image-advint {
    background-position: -538px 0;
    width: 206px;
}

.image-jprofiler {
    background-position: -744px 0;
    margin: 0 25px;
    width: 158px;
}

.image-plumbr {
    background-position: -902px 0;
    margin: 0 16px;
    width: 174px;
}

.image-social {
    background-image: url('/Content/Images/social-networks-20190114.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    vertical-align: -2px;
    width: 14px;
}

.image-facebook {
    background-position: -14px 0;
}

.image-twitter {
    background-position: 0 0;
}

.image-original-backup {
    background-position: 0 0;
}

.image-bonus-backup {
    background-position: 0 -30px;
}

.image-download {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 180px;
    width: 228px;
}

.image-press {
    background-image: url('/Content/Images/press-images-20131108.png');
    background-repeat: no-repeat;
    display: inline-block;
}

.image-exclamation {
    background-position: 0 0;
    height: 48px;
    width: 48px;
}

.image-question {
    background-position: -48px 0;
    height: 48px;
    width: 48px;
}

.image-png {
    background-position: -96px 0;
    height: 32px;
    width: 32px;
}

.image-about {
    background-image: url('/Content/Images/about.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 192px;
    max-width: 100%;
    vertical-align: middle;
    width: 192px;
}

.image-business {
    background-position: 0 0;
}

.image-help {
    background-position: -192px 0;
}

.image-team {
    background-image: url('/Content/Images/team-20191108.png');
    background-position: 0 -996px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 166px;
    max-width: 100%;
    vertical-align: middle;
    width: 166px;
}

.image-carl {
    background-position: 0 0;
}

.image-mattias {
    background-position: -166px 0;
}

.image-erik {
    background-position: 0 -166px;
}

.image-daniel {
    background-position: -166px -166px;
}

.image-adalberto {
    background-position: -332px -166px;
}

.image-agustin {
    background-position: -166px -332px;
}

.image-waseef {
    background-position: 0 -498px;
}

.image-neil {
    background-position: -166px -498px;
}

.image-murad{
    background-position: -166px -664px;
}

.image-jovan {
    background-position: -332px -664px;
}

.image-jose {
    background-position: 0 -830px;
}

.image-teodor {
    background-position: -166px -830px;
}

.image-mashrukh {
    background-position: -332px -830px;
}

.iblock {
    display: inline-block;
    vertical-align: top;
}

.input-big .add-on,
.input-big .btn,
.input-big input {
    height: 30px;
    line-height: 30px;
}

.input-big button.btn {
    height: 40px;
}

.invite-progress {
    background: url('/Content/Images/invite-images-20171108.png') repeat-x;
    background-position: 0 -82px;
    display: block;
    height: 64px;
    margin: 0 50px 0 32px;
    position: relative;
    text-align: center;
}

.invite-progress .text {
    bottom: -22px;
    display: inline;
    font-size: 12px;
    margin-left: -50px;
    position: absolute;
    width: 100px;
}

.invite-rocket {
    background: url('/Content/Images/invite-images-20171108.png') no-repeat;
    background-position: 0 0;
    display: inline-block;
    height: 32px;
    margin-left: -16px;
    position: absolute;
    top: 9px;
    width: 32px;
    z-index: 2;
}

.invite-galaxy {
    background: url('/Content/Images/invite-images-20171108.png') no-repeat;
    background-position: 0 -32px;
    display: inline-block;
    height: 50px;
    position: absolute;
    right: -25px;
    top: 0;
    width: 50px;
    z-index: 1;
}

.media {
    display: flex;
    align-items: center;
    padding-top: 3rem;
}

.modal-backdrop {
    z-index: 1029;
}

.more {
    text-decoration: none;
}

/* Mimic sup */
.more:after {
    color: #999;
    content: " ?";
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
    top: -0.5em;
    position: relative;
}

.muted a {
    color: #999;
    text-decoration: underline;
}

.navbar-degoo {
    color: #fff;
}

.navbar-degoo .navbar-inner {
    background: var(--degoo-dark);
    background-color: var(--degoo-dark);
    border: none;
    border-color: transparent;
    -webkit-border-radius: 0;
        -ms-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
        -ms-box-shadow: none;
            box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}

.navbar-degoo-top .navbar-inner {
    -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.5);
    min-height: 51px;
    -ms-opacity: 1;
    opacity: 1;
    padding-left: 40px;
    padding-right: 40px;
}

.navbar-degoo-invisible .navbar-inner {
    background-color: transparent;
    background-image: none;
    border-width: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    filter: none;
}

.navbar-degoo-invisible.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.navbar-degoo-invisible + #content-wrapper .avoid-banner {
    padding-top: 0 !important;
}

.navbar-degoo .brand,
.navbar-degoo .nav > li > a {
    color: inherit;
    -webkit-text-shadow: none;
        -ms-text-shadow: none;
            text-shadow: none;
    -webkit-transition: all linear 150ms;
       -moz-transition: all linear 150ms;
        -ms-transition: all linear 150ms;
         -o-transition: all linear 150ms;
            transition: all linear 150ms;
}

.navbar-degoo .brand {
    background-image: url('/Content/Images/degoo_logo_150.png');
    background-position: 0 0 /*-175px -109px*/;
    background-repeat: no-repeat;
    height: 51px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0;
    width: 150px;
}

.navbar-degoo-top .brand {
    background-position: 0 0;
    height: 51px;
    margin-left: 0;
    padding: 0;
    width: 150px;
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
}

.navbar-degoo-invisible .brand {
    background-position: 0 -200px;
}

.navbar-degoo-invisible .brand-text {
    color: #1976b8;
    font-weight: bold;
    text-transform: uppercase;
}

.navbar-degoo .nav > li > a {
    margin-bottom: 8px;
    margin-top: 8px;
}

.navbar-degoo-top .nav > li > a {
    /*padding: 30px 20px 10px;*/
}

.navbar-degoo-top .brand.pull-right {
    float: right;
}

.navbar-degoo .btn-nav {
    margin-top: 12px;
}

.navbar-degoo-top .btn-nav {
    margin-top: 9px;
}

.navbar-degoo .btn-nav.btn-large {
    margin-top: 29px;
}

.navbar-degoo .lang-nav {
    margin-left: 20px;
    margin-top: 16px;
}

.navbar-degoo .nav > li > a > i {
    vertical-align: -5%;
}

.navbar-degoo .brand:hover,
.navbar-degoo .nav > li > a:hover {
    color: inherit;
    -webkit-text-shadow: 0 0 5px #bed0f1;
        -ms-text-shadow: 0 0 5px #bed0f1;
            text-shadow: 0 0 5px #bed0f1;
}

.navbar-degoo .nav > li > a:focus,
.navbar-degoo .nav > li > a:hover {
    background-color: transparent;
    color: inherit;
}

.navbar-degoo .nav .active > a,
.navbar-degoo .nav .active > a:hover,
.navbar-degoo .nav .active > a:focus {
    background-color: transparent;
    color: inherit;
    -webkit-box-shadow: none;
        -ms-box-shadow: none;
            box-shadow: none;
    -webkit-text-shadow: 0 0 5px #bed0f1;
        -ms-text-shadow: 0 0 5px #bed0f1;
            text-shadow: 0 0 5px #bed0f1;
}

.navbar-degoo .navbar-link {
    color: inherit;
}

.navbar-degoo .navbar-link:hover {
    color: inherit;
}

.navbar-degoo .divider-vertical {
    border-left-color: #eee;
    border-right-color: #ddd;
}

.navbar-degoo .nav li.dropdown.open > .dropdown-toggle,
.navbar-degoo .nav li.dropdown.active > .dropdown-toggle,
.navbar-degoo .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: transparent;
    color: inherit;
}

.navbar-degoo .nav li.dropdown > .dropdown-toggle .caret {
    border-bottom-color: initial;
    border-top-color: initial;
}

.navbar-degoo .nav li.dropdown > .dropdown-menu {
    background-color: #3f3939;
    color: #ffffff;
    -webkit-text-shadow: none;
    -ms-text-shadow: none;
    text-shadow: none;
    border-radius: 2rem;
}

.navbar-degoo .nav li.dropdown > .login-menu {
    padding: 26px 15px 0 14px;
}

.navbar-degoo .nav li.dropdown > .dropdown-menu a {
    font-size: 1em !important;
    color: #ffffff;
}

.navbar-degoo .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-degoo .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-degoo .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-bottom-color: initial;
    border-top-color: initial;
}

.navbar-degoo-top .lang-nav {
    margin-top: 38px;
}


.navbar-degoo .btn-navbar:hover,
.navbar-degoo .btn-navbar:active,
.navbar-degoo .btn-navbar.active,
.navbar-degoo .btn-navbar.disabled,
.navbar-degoo .btn-navbar[disabled] {
    color: inherit;
}

.navbar-degoo-top .modal {
    color: #333;
}

.next-section {
    bottom: 0;
    height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.ns {
    bottom: 15px;
    height: 38px;
    position: absolute;
    text-align: center;
    width: 100%;
    
}

.obsolete {
    color: var(--main-text-color);
    text-decoration: line-through;
}

label.plan {
    vertical-align: top;
}

.plan-button {
    margin-bottom: 20px;
    margin-top: 40px;
}

.point-left {
    margin-left: 280px;
    margin-top: 10px;
    position: absolute;
}

.pointer {
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
        -ms-border-radius: 7px;
         -o-border-radius: 7px;
            border-radius: 7px;
    -webkit-box-shadow: 0 0 1px #1f86c7;
       -moz-box-shadow: 0 0 1px #1f86c7;
        -ms-box-shadow: 0 0 1px #1f86c7;
         -o-box-shadow: 0 0 1px #1f86c7;
            box-shadow: 0 0 1px #1f86c7;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
    height: auto;
    padding: 13px;
    position: fixed;
    width: 200px;
}

.pointer-none {
    display: none;
}

.pointer-chrome {
    bottom: 20px;
    left: 10px;
}

.pointer-chrome .pointer-arrow {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: -3px;
    background-image: url("/Content/Images/glyphicons-halflings.png");
    background-position: -312px -96px;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.pointer-opera {
    right: 20px;
    top: 100px;
}

.pointer-opera .pointer-arrow {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("/Content/Images/glyphicons-halflings.png");
    background-position: -289px -96px;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.popover {
    background-color: var(--degoo-dark-1);
    color: #ffffff;
}

.popover-title {
    background-color: var(--degoo-dark-2);
}

.product {
    margin-top: 2rem;
    text-shadow: none;
}

.product .header {
    -webkit-border-radius: 2rem 2rem 0 0;
    -ms-border-radius: 2rem 2rem 0 0;
    border-radius: 2rem 2rem 0 0;
    background-color: #ffffff;
    color: var(--degoo-dark);
    line-height: 4rem;
    padding: 4rem 5rem 3rem;
}

.product .header h6, .product .header p {
    margin: 0;
}

.product .header h1 {
    margin: 1rem 0;
}

.product .header-ultimate {
    background-color: var(--degoo-turquoise);
}

.product .header-enterprise {
    background-color: var(--degoo-purple);
    color: #ffffff;
}

.product .header-ultimate .color-main {
    color: var(--degoo-dark);
}

.product .header-enterprise .color-main {
    color: #ffffff;
}

.product .feature {
    font-size: 1.6rem;
    padding-top: 4rem;
    background-color: var(--degoo-dark-1);
}

.product .feature + .feature {
    padding-top: 2rem;
}

.product .feature .icon {
    display: inline-block;
    margin-left: 2rem;
    width: 2rem;
    height: 24px;
    vertical-align: middle;
    text-align: right;
}

.product .feature .icon .icon-done {
    background-image: url('/Content/Images/icon_done.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.product .feature .icon .icon-warning {
    background-image: url('/Content/Images/icon_warning.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.product .feature .text {
    display: inline-block;
    margin-left: 1rem;
    margin-right: 1rem;
    vertical-align: middle;
}

.product .feature .text sup {
    font-size: 1rem;
    color: var(--main-text-color);
}

.product .cta {
    background-color: var(--degoo-dark-1);
    -webkit-border-radius: 0 0 2rem 2rem;
    -ms-border-radius: 0 0 2rem 2rem;
    border-radius: 0 0 2rem 2rem;
    padding: 3rem 5rem 2rem 5rem;
}

.product .price {
    font-weight: bold;
}

.product .price-disabled {
    font-weight: normal;
    text-decoration: line-through;
    color: var(--degoo-light);
}

.product .disabled .text {
    color: var(--main-text-color);
    text-decoration: line-through;
}

.navbar .press-banner .nav {
    display: inline-block;
    float: none;
}

.navbar .press-banner .nav > li > a {
    font-size: 18px;
    padding: 19px 36px 15px;
}

.navbar .press-banner .lang-nav {
    margin-left: 0;
    margin-top: 26px;
}

.push-justify {
    text-align: justify;
}

.push-middle {
    vertical-align: middle;
}

.showboard {
    color: var(--degoo-dark-2);
    padding: 9rem 8rem;
    opacity: 0.5;
    position: relative;
}

.showboard + .showboard {
    margin-top: 1rem;
}

.showboard-turquoise {
    background-color: var(--degoo-turquoise);
}

.showboard-orange {
    background-color: var(--degoo-orange);
}

.showboard-purple {
    background-color: var(--degoo-purple);
}

.showboard-text {
    text-align: left;
    margin-right: 154px;
}

.showboard-arrow {
    display: inline-block;
    background-image: url('../Content/Images/arrow_right.png');
    background-position: center center;
    height: 54px;
    width: 54px;
    text-align: right;
    position: absolute;
    right: 50px;
    top: 50%;
    margin-top: -28px;
    opacity: 0;
}

.showboard.active, .showboard.active .showboard-arrow {
    opacity: 1;
}

.showboard:hover, .showboard:hover .showboard-arrow {
    opacity: 1;
    cursor: pointer;
}

.showboard-target {
    display: none;
}

.showboard-target.active {
    display: initial;
}

.superhero {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.5em;
}

.table.table-invisible th,
.table.table-invisible td {
    border: none;
}

.table .push-center {
    text-align: center;
}

.table .push-right {
    text-align: right;
}

.table .table-grey {
    background-color: #f9f9f9;
}

.table-wider th, .table-wider td {
    padding: 3rem;
}

.table-wide th, .table-wide td {
    padding: 16px;
}

.table-wide tbody + thead > tr > th {
    padding-top: 100px;
}

.table-wide th.push-center, .table-wide td.push-center {
    text-align: center;
}

.table-wide th.push-right, .table-wide td.push-right {
    text-align: right;
}

.team-explanation {
    margin-top: 1em;
}

.team-explanation h2 {
    margin-bottom: 0 !important;
}

.team-explanation p {
    margin-top: 0 !important;
}

.text-normal {
    font-weight: normal;
}

.thumb-square {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 220px;
}

.thumbnails-form .thumbnail {
    cursor: pointer;
    position: relative;
}

.thumbnails-form .thumbnail:hover {
    background-color: #1361a6;
    color: #ffffff;
}

.thumbnails-form .thumbnail.active {
    background-color: inherit;
    background-color: rgba(24,187,94,0.1);
    border: 1px solid #1dbb5e;
    color: #222;
}

.thumbnails-form .thumbnail h1,
.thumbnails-form .thumbnail h2,
.thumbnails-form .thumbnail h3,
.thumbnails-form .thumbnail h4,
.thumbnails-form .thumbnail h5,
.thumbnails-form .thumbnail h6,
.thumbnails-form .thumbnail p {
    -ms-text-shadow: none !important;
        text-shadow: none !important;
}

.thumbnails-large {
    font-size: 1.4em;
    line-height: 40px;
}

.thumbnails-large .info {
    color: #444;
    font-size: 0.6em;
    line-height: 14px;
    margin-bottom: 0;
}

.thumbnails-large .thumbnail {
    padding: 22px 24px;
}

.thumbnails-large .thumbnail.active .info {
    color: #fff;
}

.thumbnails-light {
    margin-bottom: 0;
}

.thumbnails-light .thumbnail {
    background-color: #fafafa;
}

.thumbnail.current {
    background-color: #e1f7e9;
    border: 1px solid #08a350;
}

.thumbnail.completed {
    background-color: initial;
    color: #999;
    text-decoration: line-through;
}

.thumbnail.completed .btn,
.thumbnail.completed .btn:hover {
    cursor: default;
    background-color: #999;
    background-image: none;
    -ms-opacity: 0.65;
        opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
        -ms-box-shadow: none;
            box-shadow: none;
}

.tribute span {
    display: inline-block;
    margin-top: 20px;
}


/* Specific styles for certain screen resolutions */

@media (min-width: 1200px) {
    #affix-terms {
        width: 370px;
    }

    .thumb-square {
        width: 270px;
    }
}

/* Specific style for tablets */
@media (max-width: 979px) and (min-width: 768px) {
    #download .container {
        min-height: 814px;
    }

    /* Prevent inputs to become to wide in IE */
    input, textarea {
        width: 148px;
    }

    #affix-terms {
        width: 228px;
    }

    .thumb-square {
        width: 166px;
    }
}

@media (max-width: 1500px) {
    .superhero h1 {
        font-size: 1.9em;
    }

    .section-inline .container {
        padding-bottom: 100px;
        padding-top: 75px;
    }

    .header-with-border {
        width: 650px;
    }
}

@media (min-width: 768px) {
    .flex-center-desktop {
        display: flex;
        align-items: center;
    }

    .container-fluid .row-fluid .showboard {
        margin-left: -20px;
    }
}

/* Specific style for phones and tablets */
@media (max-width: 979px) {
    .keep-distance {
        padding-top: 30px;
    }

    .navbar-fixed-top {
        margin-bottom: 0;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-left: 0;
        margin-right: 0;
    }

    .navbar-degoo-top .brand {
        background-image: url('/Content/Images/layout-images-20180618.png');
        background-position: -175px -109px;
        background-repeat: no-repeat;
        height: 33px;
        margin-bottom: 10px;
        margin-top: 14px;
        padding: 0;
        width: 51px;
    }

    .navbar-degoo-invisible .brand {
        background-position: -226px -109px;
    }
}

/* Specific style for phones */
@media (max-width: 767px) {
    body {
        padding-left: 0;
        padding-right: 0;
    }

    h1 {
        font-size: 30px;
        line-height: 40px;
    }

    h2 {
        font-size: 24px;
        line-height: 40px;
    }

    h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .section {
        height: auto !important;
        max-height: none !important;
        min-height: 300px !important;
    }

    .section p {
        margin-top: 20px;
    }

    .section p + p {
        margin-top: 10px;
    }

    .section .container {
        padding-bottom: 60px;
		padding-top: 20px !important;
	}

    #download {
        min-height: initial;
    }

    #download .container {
        min-height: initial;
    }

    #download .middle {
        margin-top: inherit;
        position: inherit;
        top: inherit;
    }

    #secure {
        background-position: -1032px bottom;
    }

    #automatic {
        background-position: 40% 50%;
    }

    #plan p, .section#plan p + p {
        margin-top: 1.5em;
    }

    #social-media .container {
        padding-top: 30px;
    }

    #terms {
        text-align: inherit;
    }

    #affix-terms {
        width: auto;
    }

    #scrolling-banner {
        display: none;
        visibility: hidden;
    }

    #social {
        bottom: 30px;
        right: 0;
        text-align: center;
        width: 100%;
    }


    .affix {
        position: static;
        top: 0;
        width: auto;
    }

    .chat {
        bottom: 0;
        margin: 0;
        top: auto;
    }

    .copyright {
        text-align: left;
    }

    .dropdown-backdrop {
        z-index: -1;
    }

    .fill {
        height: initial;
        position: inherit;
    }

    .fill > .row {
        margin-top: inherit !important;
        top: inherit;
    }

    .fill img {
        margin-top: 0;
    }

    .hero {
        font-size: inherit;
    }

    .iblock {
        display: initial;
    }

    div.iblock {
        display: block;
    }

    .navbar-degoo-top {
        position: absolute;
    }

    .navbar-inner, .navbar-fixed-bottom .navbar-inner {
        padding: 0;
    }

    .navbar-degoo-top {
        position: inherit;
    }

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

    .push-right {
        text-align: inherit;
    }

    .product .feature + .feature {
        padding-top: 1rem;
    }

    .more-arrow {
        text-align: center;
    }

    .showboard {
        display: none;
    }

    .showboard-target {
        display: initial;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .superhero {
        font-size: inherit;
    }

    .thumb-square {
        margin-top: 12px;
        margin-bottom: 12px;
        width: 100%;
    }

    .header-with-border {
        width: 300px;
    }

    .header-with-border h1 {
        letter-spacing: 10px;
    }

    #top-logo {
        margin-right: 0;
    }

    .grid-container h1 {
        font-size: 26px;
    }
}

@media (max-width: 320px) {
    .header-with-border {
        width: 250px;
    }
}

@media print {
    .brand-start {
        text-align: center;
    }

    .brand-start img {
        content: url("/Content/Images/DEGOO_LOGO_BLUE_RGB.png");
    }

    .resize-for-print {
        width: 250px;
    }
}