* {
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
    text-decoration: none;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ffff00;
    color: #000000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
    display: block;
    width: 100%;
    height: auto;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
/* FORM */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    outline: none;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
legend {
    border: 0;
    padding: 0;
}
textarea,
.textarea {
    overflow: auto;
}
.btn,
button,
input[type="submit"] {
    background-color: #000;
    border-radius: 100px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    border: none;
    line-height: 32px;
    padding: 2px 24px;
    display: inline-block;
}
.btn.btn-lg {
    font-size: 20px;
    padding: 12px 40px;
}
.form input:not([type=checkbox]):not([type=radio]),
.form select,
.form textarea,
.form .textarea {
    border-radius: 7px;
    width: 100%;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
}
.form textarea,
.form .textarea {
    height: auto;
    min-height: 80px;
    line-height: 20px;
    padding: 15px;
    resize: vertical;
}
.form .is-invalid input:not([type=checkbox]):not([type=radio]),
.form .is-invalid select,
.form .is-invalid textarea {
    border-color: #c1242e;
}
.text-danger {
    font-size: 14px;
    color: #c1242e;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
    padding: 0;
}
body {
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #333333;
    background-color: #fff;
}
p {
    margin-top: 0;
    margin-bottom: 15px;
}
h1, h2, h3, h4, h5, h6 {
    color: #007F00;
    margin: 0 0 15px;
    font-weight: 500;

}
h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 0;
}
/* LAYOUT */
.container {
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.flex, .flex-sm {
    display: flex;
}
.flex > li,
.flex .col,
.flex-sm > li,
.flex-sm .col {
    flex: 1;
    margin-left: 1.15%;
    margin-right: 1.15%;
}
.flex-justify {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.flex-justify > li,
.flex-justify .col {
    flex: 0 1 auto;
}
.flex-v-center {
    align-items: center;
    justify-content: center;
}
.flex-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.column {
    float: left;
    width: 100%;
}
.col-1 {
    max-width: 100%;
}
.col-2 {
    max-width: 50%;
}
.col-3 {
    max-width: 33%;
}
.col-4 {
    max-width: 25%;
}
.col-5 {
    max-width: 20%;
}
.col-6 {
    max-width: 16.66666%;
}
.radius-box {
    border-radius: 20px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.13);
}
/* TOP BAR */
.top-bar {
    background-color: #404041;
    color: #fea12b;
    height: 48px;
}
.top-bar-items li {
    text-align: right;
    font-size: 12px;
    padding: 16px 0 12px;
    display: block;
}
.top-bar-items li:first-child {
    text-align: left;
}
.top-bar-items li:last-child {
    text-align: right;
}
.top-bar-items li i {
    font-size: 16px;
    display: inline-block;
    vertical-align: text-top;
    margin: 0 4px;
}
.top-bar-items li a {
    color: #fea12b;
}
/* HEADER */
.site-header {
    background-color: #000000;
    height: 88px;
    -webkit-box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.17);
    box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.17);
    position: relative;
    z-index: 3;
}
.site-header .flex-sm > div {
    width: 100%;
}
.site-header > .flex-sm > .text-right {
    max-width: 190px;
}
/* BRANDING */
.brand {
    max-width: 260px;
    padding-top: 16px;
}
.brand a {
    display: block;
}
.brand svg {
    max-width: 150px;
}
.vision-2030 {
    max-width: 130px;
    padding: 22px 30px 0;
}
/* NAVIGATION */
.nav {
    position: relative;
    text-align: center;
}
.primary-menu {
    display: inline-block;
}
.primary-menu > li {
    float: left;
    position: relative;
    z-index: 1;
    padding-top: 19px;
    margin: 0 1px;
}
.primary-menu > li > a {
    font-size: 16px;
    color: #ffffff;
    display: block;
    padding: 0 14px;
    line-height: 50px;
    text-align: center;
    position: relative;
    z-index: 11;
}
.primary-menu > li.active > a,
.primary-menu > li:hover > a {
    color: #000;
}
.primary-menu > li.active > a:before,
.primary-menu > li:hover > a:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
    background-color: #ffffff;
    bottom: 6px;
    z-index: -1;
    border-radius: 4px;
}
.primary-menu > li ul {
    position: absolute;
    top: calc(100% - 9px);
    min-width: 190px;
    padding: 4px;
    left: 0;
    display: none;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    z-index: 10;
}
.primary-menu > li ul::before {
    content: "";
    display: block;
    left: -50px;
    position: absolute;
    right: -50px;
    top: -100px;
    bottom: -50px;
}
.primary-menu ul li {
    position: relative;
}
.primary-menu ul li a {
    display: block;
    text-align: left;
    padding: 6px 16px;
    color: #000000;
    font-weight: 500;
    white-space: nowrap;
    border-bottom: 1px solid #e3e3e3;
}
.primary-menu ul li:last-child a {
    border-bottom: none;
}
.primary-menu > ul > li:hover > a, .primary-menu ul ul > li:hover > a {
    background-color: #000;
    color: #fff;
}
.primary-menu ul li > ul {
    top: 0;
}
.primary-menu ul li:first-child a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.primary-menu ul li:last-child a {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.primary-menu li:hover > ul { /* .primary-menu > li:hover > ul */
    display: block;
}
.primary-menu li:hover > ul > li:hover > ul { /* .primary-menu > li:hover > ul > li:hover > ul */
    display: block;
    left: 100%;
    top: 0;
    transform: none;
}
/* ACCOUNT LINKS */
.account-links {
    background-color: #fff;
    overflow: hidden;
    display: inline-block;
    border-radius: 50px;
    padding: 0 10px;
    margin-top: 25px;
}
.account-links li {
    float: left;
    position: relative;
}
.account-links li a {
    display: block;
    padding: 8px 14px;
    font-size: 15px;
    color: #404041;
}
.account-links li:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: #404041;
    right: -1px;
    top: 12px;
}
/* BANNER */
.graph-container {
    overflow: hidden;
    position: relative;
    padding: 50px 15px;
    background: #fff;
    text-align: center;
}
.intro-graph {
    width: 100%;
    margin: 0 auto;
}
.intro-graph h1 {
    font-size: 50px;
    font-weight: 900;
    margin: 0 0 10px;
    text-transform: uppercase;
    color: #000000;
}
.intro-graph h3 {
    font-size: 20px;
    font-weight: normal;
    color: #000000;
}
.intro-graph > .flex {
    position: relative;
}
.intro-graph .arrow-direction {
    height: 10px;
    width: 0.5%;
    background-color: #336600;
    position: relative;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}
.intro-graph .arrow-direction::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 15px solid #336600;
    border-bottom: 14px solid transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    left: 100%;
}
.intro-graph .arrow-direction::before {
    content: "";
    background-color: #336600;
    width: 10px;
    right: 0;
    top: 0;
    height: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: absolute;
}
.intro-graph .arrow-direction.rotate::before {
    height: 14px;
}
.intro-graph .arrow-direction.rotate::after {
    rotate: 90deg;
    left: 99.2%;
    transform: unset;
    top: 34%;
}
.intro-graph .arrow-direction.move-down::before {
    height: 98px;
}
.intro-graph .arrow-direction.move-down::after {
    top: 90px;
    transform: rotate(90deg);
}
.intro-graph .col.col-1 {
    max-width: 210px;
}
.intro-graph .col.col-2 {
    max-width: 282px;
}
.intro-graph .col.col-3 {
    max-width: 520px;
}
.intro-graph .col.col-4 {
    max-width: 280px;
}
.intro-graph .startup-strategy {
    margin-top: 20px;
    height: 400px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-left: 50px;
    position: relative;
    visibility: hidden;
}
.intro-graph .startup-strategy::before {
    content: attr(data-title);
    position: absolute;
    color: #ffffff;
    top: 50%;
    left: 4px;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    text-orientation: upright;
    transform: translateY(-50%);
    font-size: 18px;
    z-index: 2;
}
.intro-graph .startup-strategy::after {
    content: "";
    display: block;
    background-color: #000000;
    top: 3px;
    position: absolute;
    bottom: 13px;
    width: 46px;
    left: 0;
    z-index: 1;
}
.intro-graph .graph-context.startup-strategy::after {
    background-color: #336600;
}
.intro-graph .graph-strategizing.startup-strategy::after {
    background-color: #7d6429;
}
.intro-graph .graph-financial.startup-strategy::after {
    background-color: #0000ff;
}
.intro-graph .startup-strategy li {
    flex: 0 1 70px;
    margin: 4px;
    height: 70px;
    line-height: 70px;
}
.intro-graph .startup-strategy li span {
    width: 70px;
    display: block;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    background-color: #ffffff;
    height: 70px;
    line-height: 70px;
}
.intro-graph .startup-strategy li img {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
.graph-container .col.last {
    position: absolute;
    width: 12%;
    top: 23px;
    right: 0;
    bottom: 12px;
    padding: 15px;
    visibility: hidden;
}
.graph-container .col.last h3 {
    font-weight: 800;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 24px;
}
/* SPECS */
.specs {
    max-width: 642px;
    width: 100%;
    display: flex;
    margin: -50px auto 60px;
    position: relative;
    z-index: 3;
    border-radius: 10px;
    overflow: hidden;
}
.specs li {
    width: 100%;
    padding: 18px 0 18px 12px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #f3f3f3 68%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, #f3f3f3 68%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, #f3f3f3 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=1); /* IE6-9 */
}
.specs li .ico-s {
    display: block;
    float: left;
    width: 47px;
    height: 47px;
    border-radius: 50px;
    background-color: #cccccc;
    text-align: center;
    line-height: 47px;
    font-size: 30px;
    margin-right: 10px;
}
.specs li strong {
    font-size: 28px;
    line-height: 28px;
    color: #fea12b;
    display: block;
}
.specs li span:not(.ico-s) {
    font-size: 13px;
    color: #333333;
}
/*=======================
    H O M E  P A G E
=======================*/
/* SECTION: (OVERVIEW) */
section {
    padding: 60px 0;
}
section .container {
    max-width: 976px;
}
section h4 {
    color: #fea12b;
    font-weight: 500;
    margin-bottom: 10px;
}
.section-white {
    padding: 40px 0 68px;
    color: #403f41;
}
.box-radius {
    background-color: #ffffff;
    border-radius: 30px;
    min-height: 350px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    padding: 40px;
    max-width: 1170px;
    margin: 20px auto;
}
h3.author {
    font-size: 20px;
    white-space: pre-wrap;
    font-weight: 600;
    text-align: center;
}
/* SECTION: (CONTACT) */
.section-contact {
    background-color: #f0f0f0;
    padding: 54px 0;
    color: #ffffff;
    font-size: 22px;
}
.section-contact .flex {
    background-color: #404041;
    border-radius: 20px;
    padding: 24px 70px 0;
}
.section-contact .flex .col:last-child {
    max-width: 242px;
}
ul.list-1 li,
ul.list-2 li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 25px;
    font-size: 13px;
    line-height: 17px;
}
ul.list-1 li:before,
ul.list-2 li:before {
    font-family: 'icomoon' !important;
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 25px;
    line-height: 15px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 3px;
    left: 0;
}
ul.list-1 li:before {
    content: "\e927";
    background-color: #fea12b;
    color: #333333;
}
ul.list-2 li:before {
    content: "\e926";
    background-color: #333333;
    color: #fea12b;
}
/*PLANS*/

/*==============================
    C O N T A C T  P A G E
==============================*/
.page-contact {
    background-color: #ffffff;
}
.section-form h3 {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 24px;
}
.section-form .container {
    max-width: 1366px;
}
.section-form .container > .flex {
    background-color: #fff;
    border-radius: 20px;
    padding: 3px 34px 40px;
}
.section-form .container > .flex > .col.first {
    max-width: 400px;
    position: relative;
    border-right: 1px solid #bdbdbd;
}
.section-form .container > .flex > .col.last {
    padding-left: 15px;
}
.form .fields h3 {
    text-transform: none;
    margin-top: 15px;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
}
.form .fields input,
.form .fields select,
.form .fields textarea {
    margin-bottom: 0;
}
.form label {
    display: block;
    font-weight: bold;
}
.field-wrap {
    padding: 10px;
}
.field-wrap.has-icon .field {
    padding-left: 50px;
    position: relative;
}
.field-wrap.has-icon input:not([type='checkbox']):not([type='radio']):not([type='file']),
.field-wrap.has-icon select,
.field-wrap.has-icon textarea {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
}
.form .field-wrap .field-icon {
    border-top-left-radius: 4px;
    background-color: #000;
    display: block;
    position: absolute;
    top: 0;
    bottom: 1px;
    left: 0;
    width: 50px;
    border-bottom-left-radius: 4px;
    border: 1px solid #e6e6e6;
    font-size: 22px;
    text-align: center;
    color: #fff;
}
.form .field-wrap .field-icon:before {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    display: inline-block;
}
.form .field-wrap .field-label {
    display: table;
    margin-bottom: 5px;
    min-height: 46px;
}
.form .field-wrap .field-label > span,
.form .field-wrap .field-label > label {
    font-weight: 500;
    vertical-align: bottom;
    display: table-cell;
}
.clearfix {
    display: block
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 0
}
.form fieldset {
    margin-bottom: 30px;
    border: 1px solid #cccccc;
    clear: both;
    margin-top: 30px;
}
.form fieldset legend {
    border: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
}
.form fieldset .field-wrap .field-label {
    min-height: auto;
}
form .action {
    position: fixed;
    right: 0;
    top: 40%;
}
form .action .btn, form .action button {
    border-radius: 0;
    display: block;
    padding: 10px 20px;
    color: #ffffff;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
}
form .action button {
    background-color: green;
}
/* SITE  SECURITY OVERVIEW */
.flex-grow-1,
.flex-grow-2 {
    flex-grow: 10;
}
.flex-grow-1.datasets h3 {
    display: none;
}
.flex-grow-1.datasets .table {
    table-layout: unset;
}
.flex-grow-1.datasets th {
    white-space: nowrap;
}
.flex-grow-1.datasets .table th:first-child,
.flex-grow-1.datasets .table td:first-child {
    width: 170px;
    max-width: 170px;
}
.flex-grow-2.datasets .table {
    table-layout: fixed;
}
.flex-grow-2.datasets .table th,
.flex-grow-2.datasets .table td {
    width: 100% !important;
    max-width: 170px;
}
.flex-grow-2.datasets .table td textarea {
    border-radius: 0;
    border: none;
}
/* CONTACT FORM */
.section-contact-form .container > .flex {
    background-color: #f4f4f4;
    border-radius: 20px;
    padding: 34px;
}
.section-contact-form .container form > .flex {
    margin-bottom: 20px;
}
.list-contact {
    max-width: 300px;
}
.list-contact li {
    margin-bottom: 12px;
    position: relative;
}
.list-contact li a {
    color: #333333;
}
.list-contact li span {
    color: #fea12b;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
    position: absolute;
    left: 0;
    top: 2px;
}
/* CHECKBOX / RADIO */
.field-group li {
    display: inline-block;
}
.cr-mark {
    display: block;
    position: relative;
    padding-left: 35px;
    margin: 0 8px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
}
.cr-mark input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.cr-mark span {
    position: absolute;
    top: 50%;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #d0d0d0;
    transform: translateY(-50%);
}
.radio-mark span {
    border-radius: 50%;
}
.cr-mark:hover input ~ span {
    background-color: #aaaaaa;
}
.cr-mark input:checked ~ span {
    background-color: #171615;
}
.cr-mark span:after {
    content: "";
    position: absolute;
    display: none;
}
.cr-mark input:checked ~ span:after {
    display: block;
}
.checkbox-mark span:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.radio-mark span::after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
    transform: translate(-50%, -50%);
}
/* TOOLTIP */
.tooltip {
    position: relative;
    padding: 0 10px;
    cursor: pointer;
}
.tooltip .icon-question {
    font-size: 16px;
}
.tooltip .tt-text {
    visibility: hidden;
    width: 320px;
    background-color: #333333;
    color: #ffffff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    line-height: 18px !important;
    z-index: 1;
    bottom: 30px;
    left: 50%;
    opacity: 0;
    transform: translate(-50%);
    font-size: 12px;
    padding: 13px;
    font-weight: 300;
}
.tooltip .tt-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333333 transparent transparent transparent;
}
.tooltip.right .tt-text {
    transform: translate(0, -50%);
    left: 100%;
    bottom: auto;
    top: 50%;
}
.tooltip.right .tt-text::after {
    transform: rotate(90deg);
    left: auto;
    right: 100%;
    top: 47%;
}
.tooltip.bottom .tt-text {
    transform: translate(-50%, 0);
    bottom: auto;
    top: 100%;
}
.tooltip.bottom .tt-text::after {
    transform: rotate(180deg);
    top: auto;
    bottom: 100%;
}
.tooltip.bottom .tt-text::after {
    transform: rotate(180deg);
    /* left: 50%; */
    top: auto;
    bottom: 100%;
}
.tooltip:hover .tt-text {
    visibility: visible;
    opacity: 1;
}
/*CONTEXT PAGE*/
/*==============================
    A U T H  P A G E S
==============================*/
.page-user-login .section-auth .flex {
    max-width: 768px;
    background-color: #ffffff;
    margin: 0 auto;
}
.page-user-register .radius-box {
    max-width: 768px;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 40px;
}
.page-user-register .flex {
    margin-bottom: 30px;
}
.section-auth h3 {
    font-size: 24px;
}
.mtb-40 {
    margin: 20px 0;
}
.section-auth .col.last {
    max-width: 292px;
}
.section-auth .col.first img {
    max-width: 286px;
    display: block;
    margin: 0 auto 22px;
}
a.link-1 {
    color: #404041;
    border-bottom: 1px solid #808081;
    display: inline-block;
}
.section-auth .field-wrap {
    margin-bottom: 24px;
    position: relative;
}
.field-wrap .ico {
    position: absolute;
    top: 15px;
    color: #404041;
}
.section-auth input:not([type='checkbox']):not([type='radio']):not([type='file']),
.section-auth select,
.section-auth textarea {
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #404041;
    height: 30px;
    font-size: 14px;
    width: 100%;
}
.page-user-login input {
    padding-left: 20px;
    padding-right: 20px;
}
/*Profile*/
.profile .flex {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}
.profile .flex .col:first-child {
    flex-grow: 0.6;
}
.profile h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 16px;
}
.profile .user-photo,
.profile .user-photo img {
    display: block;
    max-width: 200px;
    max-height: 200px;
    width: 100%;
    height: auto;
    border-radius: 250px;
    overflow: hidden;
    border: 1px solid #ffffff;
}
.box {
    padding: 1.5rem;
    border-radius: 0.375rem;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.box .field-wrap {
    margin-bottom: 20px;
    max-width: 500px;
}
.box .field-wrap label {
    display: block;
    margin-bottom: 4px;
}
.container.alerts {
    padding: 0;
    margin-bottom: 20px;
}
.alerts .alert {
    border-radius: 4px;
    background-color: #6ba66b;
    color: #ffffff;
    padding: 12px 20px;
}
.alerts .alert.message-info {
    background-color: #263fba;
}
.alerts .alert.message-warning {
    background-color: #9a941b;
}
.alerts .alert.message-success {
    background-color: #6ba66b;
}
.alerts .alert.message-error {
    background-color: #e14545;
}
.form .field-bg-yellow {
    background-color: #ffc000;
}
.form .field-bg-red {
    background-color: #ff0000;
}
.form .field-bg-pink {
    background-color: #9900cc;
}
.form .field-bg-brown {
    background-color: #996633;
}
.form .field-bg-green {
    background-color: #008000;
}
.form .field-bg-blue {
    background-color: #0099ff;
}
.form .field-bg-orange {
    background-color: #ff6600;
}
.form .field-bg-darkblue {
    background-color: #0000ff;
}
.form .field-bg-red,
.form .field-bg-pink,
.form .field-bg-blue,
.form .field-bg-brown,
.form .field-bg-green,
.form .field-bg-orange,
.form .field-bg-darkblue {
    color: #ffffff;
}
/*=================
    F O O T E R
==================*/
.site-footer {
    background-color: #ffffff;
    border-top: 10px #161616 solid;
}
.site-footer .container {
    max-width: 1100px;
    padding: 50px 0;
}
.site-footer .col.first {
    max-width: 270px;
}
.site-footer .col.first img {
    max-width: 170px;
    margin-bottom: 10px;
}
.site-footer h3.col-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.site-footer ul li a {
    font-size: 16px;
    color: #161616;
    display: block;
    white-space: nowrap;
}
.site-footer svg {
    max-width: 240px;
    margin-bottom: 15px;
}
.footer-links.col:first-child {
    padding-right: 12px;
    margin-right: 12px;
}
/* MENU LINKS */
.site-footer .contact-links li,
.site-footer .footer-links li {
    padding: 4px 0;
}
/* CONTACT LINKS */
.site-footer .contact-links li span {
    display: inline-block;
    font-size: 22px;
    margin-right: 10px;
    vertical-align: text-bottom;
}
.site-footer .contact-links li a {
    display: inline-block;
}
.site-footer .contact-links li:hover a,
.site-footer .contact-links li:nth-child(2):hover {
    color: #fea12b;
}
/* SOCIAL LINKS */
.site-footer .social-links {
    max-width: 210px;
}
.site-footer .social-links li a {
    font-size: 40px;
    color: #000000;
    cursor: pointer;
    display: block;
}
/* COPYRIGHT */
.copyright {
    background-color: #161616;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    color: #ffffff;
    padding: 20px 15px;
}
.copyright a {
    color: #fea12b;
    border-bottom: 1px #fea12b solid;
    cursor: pointer;
    display: inline-block;
}
/* MISC CLASSES */
.relative {
    position: relative;
}
.border-bottom input {
    border-bottom: 1px solid #cccccc !important;
    max-width: 30%;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.font-bold {
    font-weight: bold;
}
select.currency-dropdown {
    float: right;
    width: auto;
}
.form label[for="currency"] {
    margin-top: 10px;
}
/*Table*/
.page-start-up-cost .box-radius,
.page-cash-flow-projection .box-radius {
    max-width: 1366px;
}
.table {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 10px;
    table-layout: fixed;
}
.table:not(.no-overflow) {
    overflow: hidden;
}
.table tr {
    display: table-row;
    background: #ffffff;
}
.table th,
.table td {
    font-size: 14px;
    color: #666666;
    line-height: 1.2;
    padding: 10px 20px;
    border: 1px solid #e1e1e1;
    background-color: #f7f7f7;
    /*width: 50%;*/
}
.table td.form-control {
    padding: 0;
    background-color: #ffffff;
}
.table thead th,
.table tfoot:not(.trans) td {
    background-color: #000000;
    color: #ffffff;
    font-weight: 600;
    border: none;
}
.table tfoot:not(.trans) td {
    color: #575757;
    background-color: #e8e8e8;
}
.table tfoot:not(.trans) tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}
.table tfoot:not(.trans) tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}
.table.table-transparent {
    border-radius: 0;
}
.table.table-transparent td,
.table.table-transparent th {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: #000000;
}
.table.table-transparent th {
    font-weight: bold;
    color: #000000;
    text-align: left;
}
.table.table-transparent tr.row-orange td {
    background-color: #ffd965;

}
.table.table-transparent tr.row-lightblue td {
    background-color: #bdd6ee;
}
.table.table-transparent tr.row-blue td {
    background-color: #00b0f0;
}
.table.table-transparent tr.row-lightorange td {
    background-color: #ffe598;
}
.table.table-transparent tr.row-lightgreen td {
    background-color: #c5e0b3;
}
.table.table-transparent tr.row-lightyellow td {
    background-color: #fef2cb;
}
.table-clean th,
.table-clean td {
    border: none;
    background-color: transparent;
}
.form .table input[type="text"],
.form .table input[type="number"] {
    margin: 0;
    height: 36px;
    width: 100%;
    padding: 0 20px;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}
.highlight {
    background-color: #9966ff;
    padding: 10px;
    margin-bottom: 30px;
    border-radius: 10px;
}
.table-form h3 {
    font-size: 34px;
    font-weight: 800;
    line-height: 36px;
    text-align: center;
    margin-bottom: 24px;
    margin-top: 30px;
}
.highlight label {
    color: #ffffff;
    display: block;
    font-size: 18px;
    padding: 4px 10px 0;
}
.tblue {
    color: #0075bd;
}
button.repeatable {
    background-color: #000000;
    border-radius: 0;
    font-size: 23px;
    font-weight: 300;
    color: #ffffff;
    border: none;
    line-height: 20px;
    padding: 0 3px;
    float: right;
}
/* Sales and income table */
.table-sales-income tr th:first-child,
.table-sales-income tr td:first-child {
    width: 22%;
}
.table-sales-income tr th:nth-child(2),
.table-sales-income tr td:nth-child(2) {
    width: 30%;
}
.table-sales-income tr:first-child th:nth-child(2) {
    background-color: rgb(56, 155, 66);
    color: #ffffff;
}
.table-sales-income tr td:nth-child(6) {
    background-color: #575757;
    color: #ffffff;
    border-color: #626262;
}
.table-sales-income tr td:nth-child(7) {
    background-color: #464646;
    color: #ffffff;
    border-color: #515151;
}
.table-sales-income tr td:nth-child(8) {
    background-color: #313131;
    color: #ffffff;
    border-color: #403f3f;
}
td[data-currency]:after {
    content: attr(data-currency);
    display: inline-block;
    padding: 0 5px;
}
/* Table profit and loss */
.table th.tcol-1,
.table td.tcol-1 {
    width: 20%;
}
.table th.tcol-3,
.table td.tcol-3 {
    width: 27%;
}
.table td.td-blue,
.table .tr-blue td {
    background-color: rgb(0, 0, 102);
    border-color: #313131;
    color: #ffffff;
}
.table .tr-total td {
    background-color: rgb(190, 208, 235);
    color: #000000;
    font-weight: 700;
    border: none;
}
.table.table-profit-loss {
    table-layout: auto;
}
.table.table-profit-loss tbody tr td.vertical-text {
    width: 18%;
}
.table.table-profit-loss tr.tr-brown td {
    background-color: #f0f0f0;
    font-weight: bold;
}
.table.table-profit-loss td.year-1,
.table.table-profit-loss td.year-2,
.table.table-profit-loss td.year-3 {
    min-width: 126px;
}
.table.tbn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.table.bbn,
.table.bbn tfoot tr:last-child td {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
}
.table.tbn tbody tr:first-child td {
}
.table.bbn tfoot tr:last-child td {
    border-bottom: none;
}
/* Table Cash Flow */
.table.table-cash-flow {
    table-layout: unset;
}
.table.table-cash-flow th {
    padding: 5px 9px;
    font-size: 12px;
}
.table.table-cash-flow th strong {
    color: #ffffff;
}
.table.table-cash-flow td:not(:first-child):not(:nth-child(2)),
.table.table-cash-flow th:not(:first-child):not(:nth-child(2)) {
    width: 30px;
    max-width: 30px;
}
.table.table-cash-flow tr th:first-child,
.table.table-cash-flow tr td:first-child {
    max-width: 112px;
    width: 112px;
}
.table.table-cash-flow td:nth-child(2),
.table.table-cash-flow th:nth-child(2) {
    max-width: 30px;
    width: 30px;
}
.table.table-cash-flow tr td.row-total {
    background-color: #000000;
    color: yellow;
}
.table.table-cash-flow td:not(.form-control) {
    font-size: 12px;
    padding: 10px;
}
.table.table-cash-flow input[type="text"],
.table.table-cash-flow input[type="number"] {
    padding: 0 10px;
    font-size: 12px;
}
.table.table-cash-flow .heading td,
.table.table-cash-flow .heading th {
    text-align: center;
    font-size: 20px;
    color: #000000;
    border-radius: 0;
    background-color: transparent !important;
    border-top: 2px solid #444444;
    border-bottom: 2px solid #444444;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding: 10px;
}
.table.table-cash-flow .heading th strong {
    color: #000000;
}
.table.table-cash-flow tr td.td-blue,
.table.table-cash-flow tr.row-blue td:not(:nth-child(1)) {
    background-color: #2b4575;
    color: yellow;
    border-left: 1px solid #52a0ce;
}
.table.table-cash-flow tr td.td-lightblue,
.table.table-cash-flow tr.row-lightblue td:not(:nth-child(1)) {
    background-color: #0070c0;
    color: yellow;
    border-left: 1px solid #52a0ce;
}
.table.table-cash-flow tr td.td-black,
.table.table-cash-flow tr.row-black td:not(:nth-child(1)) {
    background-color: #000000;
    color: yellow;
    border-left: 1px solid #444444;
}
.table.table-cash-flow tr td.td-white {
    background-color: #ffffff;
    color: #000000;
}
/* Breakeven Analysis */
.page-breakeven .charts {
    margin-bottom: 30px;
}
.page-breakeven .table.table-cost-description,
.page-breakeven .table.table-cost-description tfoot tr:last-child td:first-child {
    border-bottom-left-radius: 0;
}
.page-breakeven .table.table-cost-description,
.page-breakeven .table.table-cost-description tfoot tr:last-child td:last-child {
    border-bottom-right-radius: 0;
}
.page-ratio-analysis .table .sub-total,
.page-ratio-analysis .table tr.row-blue th,
.page-ratio-analysis .table tr.row-blue td,
.page-balance-sheet .table tr.row-blue th,
.page-balance-sheet .table tr.row-blue td,
.page-breakeven .table tr.row-blue th,
.page-breakeven .table tr.row-blue td {
    background-color: #2b4575;
    color: yellow;
    border-left: 1px solid #52a0ce;
}
.page-balance-sheet .table tr.row-lightblue th,
.page-balance-sheet .table tr.row-lightblue td,
.page-breakeven .table tr.row-lightblue th,
.page-breakeven .table tr.row-lightblue td {
    background-color: #0070c0;
    color: yellow;
    border-left: 1px solid #52a0ce;
}
.page-balance-sheet .table tr.row-black th,
.page-balance-sheet .table tr.row-black td,
.page-breakeven .table tr.row-black th,
.page-breakeven .table tr.row-black td {
    background-color: #000000;
    color: #cccccc;
    border-left: 1px solid #444444;
}
.page-ratio-analysis .table tr.row-blank td,
.page-balance-sheet .table tr.row-blank th,
.page-balance-sheet .table tr.row-blank td,
.page-breakeven .table tr.row-blank th,
.page-breakeven .table tr.row-blank td {
    background-color: transparent;;
    border: none;
}
.page-balance-sheet .table tr.row-blue th:first-child,
.page-balance-sheet .table tr.row-black th:first-child,
.page-balance-sheet .table tr.row-lightblue th:first-child,
.page-breakeven .table tr.row-blue th:first-child,
.page-breakeven .table tr.row-black th:first-child,
.page-breakeven .table tr.row-lightblue th:first-child {
    border-left: none;
}
.page-balance-sheet .table tr.row-blue th:last-child,
.page-balance-sheet .table tr.row-black th:last-child,
.page-balance-sheet .table tr.row-lightblue th:last-child,
.page-breakeven .table tr.row-blue th:last-child,
.page-breakeven .table tr.row-black th:last-child,
.page-breakeven .table tr.row-lightblue th:last-child {
    border-right: none;
}
/* HR Plan */
.table-hr-plan {
    table-layout: unset;
}
.table.table-hr-plan thead th {
    background-color: #cc9900;
    border: 1px solid #e6ca78;
}
.table-hr-plan tr td:first-child,
.table-hr-plan tr th:first-child {
    max-width: 400px;
    width: 400px;
}
.table-hr-plan tr .col-number,
.table-hr-plan tr .year-1,
.table-hr-plan tr .year-2,
.table-hr-plan tr .year-3,
.table-hr-plan tr .row-total {
    max-width: 200px;
    width: 200px;
}
.table-hr-plan tfoot tr .col-number,
.table-hr-plan tfoot tr .year-1,
.table-hr-plan tr .year-2,
.table-hr-plan tr .year-3,
.table-hr-plan tr .row-total {
    background-color: #000000;
    color: #ffffff;
    border-color: #555555;
}
/*Pricing Model*/
.table-pricing-model tr.row-blank td {
    background-color: transparent;
    border: none;
}
.table-pricing-model tr td:first-child {
    max-width: 200px;
    width: 200px;
}
.table-pricing-model tr td.sub-total {
    background-color: #000000;
    color: yellow;
    text-align: center;
    max-width: 200px;
    width: 120px;
}
/*Positiong matrix*/
.table.table-positioning-matrix {
    table-layout: unset;
    text-align: center;
}
.table.table-positioning-matrix tr th,
.table.table-positioning-matrix tr td {
    max-width: 100px;
    width: 100px;
    font-size: 11px;
    padding: 12px 10px;
}
.table.table-positioning-matrix tr td.td-black,
.table.table-positioning-matrix tr td.td-blue {
    border: none;
}
.table.table-positioning-matrix tr .td-white {
    background-color: #ffffff;
}
.table.table-positioning-matrix tr .td-pink {
    background-color: #9933ff;
    color: #ffffff;
    border: none;
}
.table.table-positioning-matrix tr td.td-black {
    background-color: #000000;
    color: #ffffff;
}
.table.table-positioning-matrix tr td.td-blue {
    background-color: #0000cc;
    color: #ffffff;
}
.table.table-positioning-matrix tr td.td-black.form-control,
.table.table-positioning-matrix tr td.td-blue.form-control {
    padding: 0 5px 5px;
    border: none;
}
.table.table-positioning-matrix tr td.form-control {
    padding: 0;
}
.table.table-positioning-matrix tr td.form-control input {
    padding: 5px 10px;
    font-size: 11px;
    color: #333333;
    height: 30px;
}
.start-comp {
    text-align: center;
    margin: 20px 0;
}
.start-comp li {
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
}
.start-comp li:after {
    content: "";
    display: inline-block;
    border-radius: 50px;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    background-color: #000000;
    vertical-align: middle;
}
.start-comp li:last-child:after {
    background-color: #c70a0a;
}
/* Chart */
h3.chart-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
}
/*  Misc */
.table tr td.vertical-text {
    writing-mode: vertical-lr;
    text-orientation: upright;
    font-size: 23px !important;
    font-weight: 300;
}
.table tr td.horizontal-text {
    background-color: #eeeeee;
    font-size: 13px;
    font-weight:bold;
}
.datasets {
    padding: 20px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 30px;
}
.form .fields .datasets h3 {
    margin-top: 0;
    margin-bottom: 20px;
}
.datasets .dataset-item {
    background-color: #ececec;
    border-radius: 4px;
    margin-bottom: 15px;
    position: relative;
}
.datasets .dataset-item .delete-item.icon-close {
    position: absolute;
    background-color: red;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #ffffff;
    border-radius: 50px;
    left: calc(100% - 12px);
    top: -10px;
    font-size: 10px;
    cursor: pointer;
}
.datasets .dataset-item .field-wrap .field-label {
    min-height: auto;
}
.datasets .add-item.btn {
    background-color: green;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
}
/* Marketing Budget */
.table.table-marketing-budget {
    table-layout: unset;
}
.table.table-marketing-budget th,
.table.table-marketing-budget td:not(.form-control),
.table.table-marketing-budget input[type="number"] {
    padding-left: 10px;
    padding-right: 10px;
}
.table-marketing-budget .y1-total,
.table-marketing-budget .y2-total,
.table-marketing-budget .y3-total,
.table.table-marketing-budget th.y1,
.table.table-marketing-budget th.y2,
.table.table-marketing-budget th.y3,
.table.table-marketing-budget th.y4,
.table.table-marketing-budget td.y1,
.table.table-marketing-budget td.y2,
.table.table-marketing-budget td.y3,
.table.table-marketing-budget td.y4 {
    width: 100px;
}
.table-marketing-budget .y1-total.bg-orange,
.table-marketing-budget .y2-total.bg-orange,
.table-marketing-budget .y3-total.bg-orange {
    white-space: nowrap;
}
.table-marketing-budget .y1-total,
.table-marketing-budget .y2-total,
.table-marketing-budget .y3-total {
    background-color: #000000;
    color: #ffffff;
}
.table-marketing-budget .bg-orange {
    background-color: #ff9966;
    color: #000000;
}
.table-marketing-budget tbody tr td:last-child,
.table-marketing-budget .bg-yellow {
    background-color: #ffc000;
    color: #000000;
}
.table-marketing-budget tfoot tr td {
    background-color: #2f5496;
    color: #ffc000;
}
.notes-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.notes-list ul {
    flex: 1 0 21%;
    background-color: #ffffff;
    margin: 10px;
    border-radius: 5px;
    overflow: hidden;
}
.notes-list ul li.t-heading {
    padding: 8px 10px;
    background-color: rgb(229, 184, 184);
    font-weight: bold;
    color: #000000;
    display: block;
}
.notes-list ul li:not(.t-heading) {
    border-bottom: 1px solid #cccccc;
    padding: 5px 10px;
}
.notes-list ul li:last-child {
    border-bottom: none;
}
/*  Table Net Assets*/
.table-net-asset {
    margin-bottom: 0;
    table-layout: auto;
}
.no-radius {
    border-radius: 0;
}
.table-net-asset td[colspan="8"] {
    background-color: #666666;
    color: #ffffff;
}
.table-net-asset tr td:nth-child(2),
.table-net-asset tr td:nth-child(3),
.table-net-asset tr td:nth-child(4),
.table-net-asset tr th:nth-child(2),
.table-net-asset tr th:nth-child(3),
.table-net-asset tr th:nth-child(4) {
    min-width: 170px;
    width: 100px;
}
.table-net-asset tr.t-head td {
    background-color: #cccccc;
    color: #000000;
}
/* Key Success Factors */
.table.table-success-factor {
    margin-top: 30px;
}
.table.table-success-factor thead th {
    padding: 20px;
    font-size: 16px;
}
.table.table-success-factor input,
.table.table-success-factor textarea {
    border-radius: 0 !important;
}
.table.table-success-factor td.form-control {
    padding: 15px;
    background-color: #ddc8c8;
    vertical-align: top;
}
.table.table-success-factor thead th:first-child,
.table.table-success-factor tr td.form-control:first-child {
    max-width: 30%;
    width: 24%;
}
/* Operations Plan */
.datasets .table.table-operations-plan {
    table-layout: unset;
}
.datasets .table.table-operations-plan th {
    white-space: nowrap;
}
.page-operations-plan .datasets {
    padding: 0;
}
.datasets .table.table-operations-plan th,
.datasets .table.table-operations-plan td {
    padding: 3px 12px;
}
.image-copyrights span {
    color: #979494;
}
/* Emotic */
.face {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: green;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -80px auto;
    transform: scale(0.8);
    z-index: 9;
}
.face::before {
    content: "";
    position: absolute;
    top: 120px;
    width: 150px;
    height: 70px;
    background: yellow;
    border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
    transition: 0.5s;
}
.face:hover::before {
    top: 120px;
    width: 150px;
    height: 20px;
    background: yellow;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.eyes {
    position: relative;
    top: -30px;
    display: flex;
}
.eyes .eye {
    position: relative;
    width: 60px;
    height: 60px;
    display: block;
    background: #ffffff;
    margin: 0 15px;
    border-radius: 50%;
}
.eyes .eye::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background: #000000;
    border-radius: 50%;
}
/* Revenue Models */
.table-revenue-models {
    border-radius: 0;
    table-layout: unset;
}
.table-revenue-models tr th:first-child,
.table-revenue-models tr td:first-child {
    max-width: 300px;
    width: 300px;
}
.table-revenue-models td.form-control {
    padding: 10px;
    border: none;
    border-radius: 0;
}
.table-revenue-models textarea {
    border-radius: 0;
    border: 1px solid #cccccc;
}
.flow-revenue-models {
    width: 634px;
    height: 820px;
    margin: 0 auto;
    position: relative;
}
.flow-revenue-models li {
    display: flex;
    width: 460px;
    height: 88px;
    background-color: #666666;
    font-size: 16px;
    text-align: center;
    position: absolute;
    vertical-align: middle;
    color: #ffffff;
    padding: 15px;
    line-height: 20px;
    flex: 1;
    justify-content: center;
    align-items: center;
}
.flow-revenue-models li span {
    flex-grow: 1;
    display: block;
}
.flow-revenue-models li:nth-child(1) {
    background-color: #b16314;
    left: 50%;
    transform: translateX(-50%);
    top: 27px;
}
.flow-revenue-models li:nth-child(2) {
    background-color: #ffc000;
    right: -236px;
    top: 195px;
    transform: rotate(58deg);
}
.flow-revenue-models li:nth-child(3) {
    background-color: #990000;
    right: -236px;
    bottom: 195px;
    transform: rotate(-58deg);
}
.flow-revenue-models li:nth-child(4) {
    background-color: #008000;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    z-index: 2;
}
.flow-revenue-models li:nth-child(5) {
    background-color: #cc9900;
    left: -236px;
    bottom: 195px;
    transform: rotate(58deg);
    z-index: 1;
}
.flow-revenue-models li:nth-child(6) {
    background-color: #ff6600;
    left: -236px;
    top: 195px;
    transform: rotate(-58deg);
}
.box-revenue-model h4 {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    border-bottom: 1px solid #cccccc;
    padding: 14px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 20px;
}
.box-revenue-model {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.box-revenue-model textarea {
    width: 590px;
    height: 590px;
    border-radius: 300px;
    padding: 90px;
    margin: 0 auto;
    display: block;
    border: none;
    resize: none;
    text-align: center;
}
/* Value Proposition */
.as-table .page-value-proposition .flex {
    display: flex;
}
.as-table .page-value-proposition .flex .col {
    padding: 10px;
}
.page-value-proposition h4 {
    margin: 0 0 5px;
    font-size: 16px;
    color: #000000;
}
.page-value-proposition .customer-list li {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 10px;
    position: relative;
}
.page-value-proposition .customer-list li h4 {
    background-color: #cc9900;
    margin-bottom: 0;
    padding: 6px 10px 0;
}
.page-value-proposition .customer-list li .icon-arrow-right {
    font-size: 40px;
    transform: rotate(180deg);
    display: block;
    position: absolute;
    left: 30px;
    top: 40%;
}
.page-value-proposition .customer-list li textarea {
    border-radius: 0;
    border: none;
    background-color: #cc9900;
    height: 146px;
    padding-top: 0;
}
.page-value-proposition .customer-list li:first-child,
.page-value-proposition .customer-list li:last-child {
    width: 40%;
    margin: 0 auto;
}
.page-value-proposition .customer-list li:first-child {
    border-bottom: none;
    margin-bottom: -2px;
    z-index: 1;
}
.page-value-proposition .customer-list li:last-child {
    border-top: none;
    margin-top: -1px;
}
.page-value-proposition .customer-list li:nth-child(2) {
    text-align: right;
}
.page-value-proposition .customer-list li:nth-child(2) .middle-area {
    width: 50%;
    text-align: left;
    display: inline-block;
}
.table.table-value-proposition td {
    padding: 10px;
}
.table.table-value-proposition td textarea {
    border-radius: 0 !important;
    border: none;
    color: #ffffff;
}
.table-value-proposition tr.table-two td[rowspan="2"] textarea {
    height: 546px;
    background-color: red;
}
.table-value-proposition tr td:not([rowspan="2"]) textarea {
    height: 250px;
    background-color: green;
}
/* Page Primary */
.circles textarea {
    height: 500px !important;
    border-radius: 1000px;
    max-width: 500px;
    margin: 0 auto;
    font-size: 12px;
    padding: 90px;
    display: block;
    resize: none;
}
.circles > .flex {
    display: block;
    width: 50%;
    float: left;
}
.circles > .flex > .col-2 {
    max-width: 100%;
}
.form .circles .field-wrap .field-label,
.form .circles .field-wrap .field-label label {
    display: block;
    text-align: center;
}
.circles textarea.bg-yellow {
    background-color: #ffd966;
}
.circles textarea.bg-red {
    color: #ffffff;
    background-color: #ff0000;
}
.as-table .flex {
    display: block;
}
.as-table .col {
    margin: 0;
    width: 100%;
}
.form .as-table .field-wrap {
    display: flex;
    border-bottom: 1px solid #cccccc;
    align-items: center;
}
.form .as-table .flex:last-child .field-wrap {
    border: none;
}
.form .as-table .field-wrap .field-label {
    width: 20%;
    display: block;
    margin: 0;
}
.form .as-table .field-wrap .field {
    width: 80%;
    padding-left: 15px;
    border-left: 1px solid #cccccc;
}
.form .as-table .field-wrap .field textarea {
    border-radius: 0;
}
.form .as-table .as-table-head .field-label,
.form .as-table .as-table-head .field {
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
.datasets .table {
    table-layout: unset;
    border-collapse: unset;
}
.datasets .table td {
    border-bottom: 1px solid #cccccc;
    border-top: none;
    position: relative;
}
.datasets .table td input[type="checkbox"] {
    visibility: hidden;
}
.datasets .table td input[type="checkbox"] ~ span {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}
.datasets .table td input[type="checkbox"] ~ span:before {
    display: none;
}
.datasets .table td input[type="checkbox"]:checked ~ span {
    background-color: green;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    font-size: 18px;
}
.datasets .table td input[type="checkbox"]:checked ~ span:before {
    display: block;
}
.datasets .table td:not(:first-child) {
    border-left: none;
}
.datasets .table th:first-child,
.datasets .table td:first-child {
    width: 100%;
}
.datasets .table th:not(:first-child),
.datasets .table td:not(:first-child) {
    width: 75px;
}
.datasets .table .dataset-item .delete-item.icon-close {
    position: static;
    display: block;
}
/* Dashboard */
.su-dashboard #form-wrapper {
    max-width: 74%;
    float: left;
}
.su-dashboard .graphs-links {
    width: 24%;
    float: right;
}
.su-dashboard .graphs-links li {
    display: table;
    margin-bottom: 20px;
    width: 100%;
    padding-right: 15px;
    min-height: 158px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.su-dashboard .graphs-links li a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #000000;
    font-size: 15px;
    padding: 20px;
}
.su-dashboard .graphs-links li a span {
    display: block;
}
.su-dashboard .field-wrap {
    padding: 0;
}
.su-dashboard .flex .col {
    margin-right: 0;
}
.su-dashboard .form .field-wrap .field-label {
    min-height: 34px;
    font-size: 13px;
    margin-bottom: 0;
}
.su-dashboard textarea {
    min-height: 100px;
}
.su-dashboard .col.flex-boxes {
    flex-grow: 1;
}
.su-dashboard .flex-boxes .col {
    border: 1px solid #e3e3e3;
    border-radius: 9px;
    padding: 10px;
    font-size: 13px;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: #ffffff;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.su-dashboard .flex-boxes .label {
    /* font-size: 15px; */
    color: #000000;
    font-weight: 500;
    border-bottom: 1px solid #dfdfdf;
    background-color: #fbfbfb;
    margin: -10px -10px 5px -10px;
    padding: 10px;
    line-height: 18px;
}
.su-dashboard .flex-boxes .section-context .col {
    border: 1px solid #336600;
}
.su-dashboard .flex-boxes .section-strategy .col {
    border: 1px solid #7d6429;
}
.su-dashboard .flex-boxes .section-context .label {
    background-color: #336600;
    color: #ffffff;
}
.su-dashboard .flex-boxes .section-strategy .label {
    background-color: #7d6429;
    color: #ffffff;
}
.su-dashboard .flex-boxes .values {
    overflow-y: scroll;
    text-overflow: ellipsis;
    height: 200px;
}
.su-dashboard ol {
    padding-left: 14px;
    margin-bottom: 0;
}
.su-dashboard ol li {
}
.su-dashboard ol li::marker {
}
.width-1620 {
    max-width: 1620px;
    margin: 0 auto;
}
/* Page Payroll*/
.page-payroll .table thead th {
    font-weight: 400;
    border: 1px solid #808080;
    padding: 10px;
    text-align: left;
    font-size: 12px;
}
.page-payroll .table tfoot td {
    background-color: #cccccc;
}
.page-payroll .table .text-center {
    text-align: center;
}
/*Progress*/
progress {
    display: block;
}
progress[value] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 20px;
}
/*==========================
    R E S P O N S I V E
==========================*/
.print-text,
button.toggle-menu {
    display: none;
}
.user-logos {
    overflow: hidden;
    clear: both;
    margin-bottom: 30px;
}
.user-logos .trademark {
    max-width: 200px;
    overflow: hidden;
    max-height: 200px;
}
.user-logos .trademark img {
    display: block;
    max-height: 85px;
}
.user-logos .title {
    text-align: center;
}
.flex-justify {
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 1169px) {
    .intro-graph {
        max-width: 810px;
    }
    .intro-graph h1 {
        font-size: 30px;
        margin: 0;
    }
    .intro-graph h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .intro-graph .startup-strategy {
        height: 300px;
        padding-left: 28px;
    }
    .intro-graph .startup-strategy li {
        flex: 0 1 50px;
        margin: 4px;
        height: 50px;
        line-height: 50px;
    }
    .intro-graph .startup-strategy li span {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .intro-graph .startup-strategy::before {
        font-size: 13px;
        left: 5px;
    }
    .intro-graph .startup-strategy::after {
        width: 25px;
    }
    .intro-graph .col.col-1 {
        max-width: 80px;
    }
    .intro-graph .col.col-2 {
        max-width: 200px;
    }
    .intro-graph .col.col-3 {
        max-width: 260px;
    }
    .intro-graph .col.col-4 {
        max-width: 148px;
    }
    .intro-graph .arrow-direction.rotate::after {
        left: 98.4%;
    }
}
.action-btns {
    margin-top: 40px;
}
.action-btns button:not(.print-btn) {
    background-color: green;
}
@media (max-width: 980px) {
    .primary-menu > li > a {
        font-size: 13px;
        padding: 0 5px;
    }
}
@media (max-width: 767px) {
    .site-header {
        z-index: 10;
    }
    .vision-2030 {
        padding: 11px 30px 0;
    }
    .flex, .flex-justify:not(.social-links) {
        display: block;
        column-gap: 0;
    }
    .section-challenges .flex .col,
    .section-quote .flex > div,
    .flex > .col, .flex-justify:not(.social-links) > div {
        margin-left: 0;
        margin-right: 0;
    }
    .top-bar,
    .site-header .nav,
    .site-header > .flex-sm .account-links {
        display: none;
    }
    .site-header > .flex-sm > .text-right {
        max-width: 40px;
        padding-top: 18px;
    }
    .site-header {
        height: 70px;
    }
    .brand {
        max-width: none;
    }
    .brand a {
        display: block;
        margin-top: 0;
        padding: 0;
        max-width: 126px;
    }
    button.toggle-menu {
        background-color: transparent;
        width: 40px;
        height: 34px;
        border: 1px solid #565657;
        padding: 12px 8px;
        border-radius: 0;
        overflow: hidden;
        position: relative;
        display: block;
    }
    button.toggle-menu > span,
    button.toggle-menu:before,
    button.toggle-menu:after {
        content: "";
        display: block;
        height: 4px;
        background-color: #565657;
        position: absolute;
        left: 17%;
        width: 66%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    button.toggle-menu > span {
        top: calc(50% - 2.5px);
    }
    button.toggle-menu:before {
        bottom: 6px;
    }
    button.toggle-menu:after {
        top: 6px;
    }
    body.menu-active {
        overflow: hidden;
    }
    .menu-active button.toggle-menu:after,
    .menu-active button.toggle-menu:before {
        top: 14px;
    }
    .menu-active button.toggle-menu:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .menu-active button.toggle-menu:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .menu-active .toggle-menu span {
        width: 0;
    }
    .menu-active .site-header .nav {
        display: block;
        position: fixed;
        background-color: #ffffff;
        top: 70px;
        left: 0;
        right: 0;
        height: calc(100% - 70px);
        z-index: 10;
        padding-top: 40px;
    }
    .primary-menu > li {
        float: none;
    }
    .primary-menu > li:hover {
        z-index: 100;
        position: relative;
    }
    .primary-menu > li > a {
        font-size: 20px;
        padding: 0 5px;
        color: #333333;
    }
    .primary-menu > li ul {
        background-color: #ffffff;
    }
    /* BANNER */
    .intro-graph h1 {
        font-size: 45px;
        line-height: 54px;
    }
    .intro-graph h3 {
        font-size: 15px;
        line-height: 18px;
        font-weight: normal;
    }
    .banner-skew img {
        width: auto;
        height: 600px;
    }
    /*Graph*/
    .intro-graph h1 {
        font-size: 30px;
        line-height: 33px;
        margin-bottom: 7px;
    }
    .intro-graph h3 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 60px;
    }
    .intro-graph .startup-strategy {
        height: auto;
        padding-left: 0;
        flex-direction: row;
        margin-top: 60px;
    }
    .intro-graph .startup-strategy::before {
        top: -42px;
        left: 0;
        right: 0;
        background-color: #000000;
        writing-mode: unset;
        text-orientation: unset;
        transform: unset;
        font-size: 16px;
        padding: 5px;
    }
    .intro-graph .arrow-direction,
    .intro-graph .startup-strategy::after {
        display: none;
    }
    .intro-graph .startup-strategy li {
        flex: 0 1 62px;
        height: 62px;
        line-height: 62px;
    }
    .intro-graph .startup-strategy li span {
        width: 62px;
        height: 62px;
        line-height: 62px;
    }
    .intro-graph .col.col-1,
    .intro-graph .col.col-2,
    .intro-graph .col.col-3,
    .intro-graph .col.col-4 {
        max-width: 100%;
    }
    .graph-container .col.last {
        position: relative;
        width: 100%;
    }
    .specs {
        max-width: 92%;
        margin: -80px auto 20px;
        flex-wrap: wrap;
    }
    .specs li {
        flex: 0 50%;
        background: -moz-linear-gradient(45deg, #ffffff 0%, #f3f3f3 68%);
        background: -webkit-linear-gradient(45deg, #ffffff 0%, #f3f3f3 68%);
        background: linear-gradient(45deg, #ffffff 0%, #f3f3f3 68%);
    }
    section {
        padding: 40px 0;
    }
    .section-auth .flex .col.last {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .page-user-login .section-auth .flex {
        padding: 40px 0 !important;
    }
    /* Layout */
    #content {
        padding: 10px;
    }
    .box-radius {
        border-radius: 10px;
        min-height: 350px;
        padding: 20px 10px;
    }
    .table th, .table td {
        font-size: 12px;
        padding: 5px 10px;
    }
    .table-form h3 {
        font-size: 23px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .highlight {
        overflow: hidden;
    }
    .form .table input[type="text"],
    .form .table input[type="number"] {
        padding: 0 10px;
        font-size: 12px;
    }
    /* FOOTER */
    .site-footer {
        background-color: #161616;
        padding: 40px 20px 0;
    }
    .site-footer > .container {
        border-radius: 15px;
        background-color: #ffffff;
        padding: 22px;
    }
    .site-footer > .container > .flex-justify > .col {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .site-footer h3.col-title {
        margin-bottom: 0;
    }
}


 @media print {

fieldset {
  page-break-before: always !important;
  page-break-after: always !important;
}

 }