:root {
    --body-text: #292d55;

    --bs-primary: #c1a991;
    --bs-secondary: #9b9db1;
    --bs-success: #7bc790;
    --bs-dark: #3b3f64;
    --bs-light: #dfe0e6;

    --bs-primary-hover: #af9882;
    --bs-dark-hover: #373a5d;

    --border-radius: .675rem;
    --box-shadow: drop-shadow(-0.07px 3.999px 8px rgba(79,83,123,0.2));

    --btn-border-radius: 2.75rem;
    --btn-primary-shadow: 0 0 0 0.25rem rgba(193, 169, 145, 0.5);
    --btn-dark-shadow: 0 0 0 0.25rem rgba(59, 63, 100, 0.74);

    --input-border-radius: 2.75rem;
}

body {
    font-family: 'Gilroy';
    font-weight: 300;
    color: var(--body-text);
    font-size: 1.25rem;
}

a {
    color: var(--bs-dark);
}

a:hover, a:focus {
    color: var(--bs-primary);
}

.text-primary {
    color: var(--bs-primary) !important;
}

.text-success {
    color: var(--bs-success) !important;
}

.btn {
    padding: .875rem 2.75rem;
    border-width: 3px;
    border-radius: var(--btn-border-radius);
    font-size: 1.25rem;
    letter-spacing: 1px;
    font-weight: 500;
}

.btn-outline-primary {
    border-color: var(--bs-primary);
    color: var(--bs-white);
}

.btn-outline-primary:hover, .btn-outline-primary:focus {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
}

.btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:focus:active {
    box-shadow: var(--btn-primary-shadow);
}

.btn-primary {
    border-color: var(--bs-primary);
    color: var(--bs-white);
    background-color: var(--bs-primary);
}

.btn-primary:hover, .btn-primary:focus {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary-hover);
}

.btn-primary:focus, .btn-primary:active, .btn-primary:focus:active {
    box-shadow: var(--btn-primary-shadow);
}

.btn-dark {
    border-color: var(--bs-dark);
    background-color: var(--bs-dark);
}

.btn-dark:hover, .btn-dark:focus {
    border-color: var(--bs-dark);
    background-color: var(--bs-dark-hover);
}

.btn-dark:focus, .btn-dark:active, .btn-dark:focus:active {
    box-shadow: var(--btn-dark-shadow);
}

.form-label {
    font-size: 1.5rem;
    color: var(--bs-dark);
    opacity: .5;
    font-weight: 600;
    padding-left: .5rem;
    margin-bottom: 1.25rem;
}

.form-control {
    border-radius: var(--input-border-radius);
    padding: .75rem 2.75rem;
    font-size: 1.5rem;
    color: var(--bs-secondary);
    font-weight: 500;
    border: none;
}

.form-control:disabled {
    border: 1px solid transparent;
}

.form-control:not(:disabled) {
    border: 1px solid var(--bs-light);
}

.copy-input {
    position: relative;
}

.copy-input__input {
    position: relative;
    z-index: 0;
}

.copy-input__success {
    display: none;
    padding-left: 1.5rem;
    margin-top: .25rem;
}

.copy-input__icon {
    position: absolute;
    z-index: 1;
    top: 1rem;
    right: 1.5rem;
    font-size: 1.75rem;
    cursor: pointer;
    color: var(--bs-dark);
    opacity: .74;
    border: none;
    background: none;
    padding: 0;
    width: 2rem;
    height: 2rem;
    background-color: var(--bs-light);
    border-radius: 100%;
}

.copy-input__icon:hover {
    opacity: 1;
}

.edit-input {
    position: relative;
}

.edit-input__input {
    position: relative;
    z-index: 0;
}

.edit-input__icon {
    position: absolute;
    z-index: 1;
    top: 1rem;
    right: 1.5rem;
    font-size: 1.75rem;
    cursor: pointer;
    color: var(--bs-dark);
    opacity: .74;
    border: none;
    background: none;
    padding: 0;
    width: 2rem;
    height: 2rem;
    background-color: var(--bs-light);
    border-radius: 100%;
}

.edit-input__icon:hover {
    opacity: 1;
}

.list-group {
    filter: var(--box-shadow);
    border-radius: var(--border-radius);
}

.list-group-item {
    font-size: 1.5rem;
    font-weight: 600;
    border: none;
    border-bottom: 1px solid var(--bs-light);
    color: var(--bs-dark);
    padding: 1.25rem 3rem 1.5rem 2.5rem;
}

.list-group-item:first-child {
    padding-top: 2rem;
}

.list-group-item:last-child {
    border: none;
    padding-bottom: 2rem;
}

.list-group-item.active {
    background-color: var(--bs-white);
    color: var(--bs-dark);
    border-bottom: 1px solid var(--bs-light);
    cursor: default;
}

.list-group-item-action {

}

.table {

}

.table>thead {
    border-color: var(--bs-light);
}

.table>tbody {
    border-color: var(--bs-light);
}

.table th, .table td {
    padding: 1rem 2rem;
    border-color: var(--bs-light) !important;
    font-weight: 600;
    color: var(--bs-dark);
    font-size: .75rem;
}

.table tr:last-child td {
    border: none;
}

@media (min-width: 768px) {
    .table th, .table td {
        font-size: 1.25rem;
    }
}

.table th:not(:last-child), .table td:not(:last-child) {
    border-right: 1px solid var(--bs-light) !important;
}

.table td {
    opacity: .74;
}

.section {
    padding: 4rem 0;
}

@media (min-width: 769px) {
    .section {
        padding: 8.125rem 0;
    }
}

.title {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: bold;
    font-size: 3rem;
    color: var(--bs-dark);
    margin-bottom: 2.5rem;
}

@media (min-width: 769px) {
    .title {
        margin-bottom: 5rem;
        font-size: 4.125rem;
    }
}

.title__decor {
    display: block;
    font-size: 1.875rem;
    color: var(--bs-primary);
}

.app-header {

}

.app-header__navbar {
    padding: 1.5rem 0;
    filter: var(--box-shadow);
}

.app-header__logo {
    max-width: 9rem;
    margin-right: 1.5rem;
}

@media (min-width: 992px) {
    .app-header__logo {
        max-width: initial;
        margin-right: 4.375rem;
    }
}

.app-header__dashboard-link {
    font-size: 1.5rem;
    height: 3.75rem;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: 500;
    margin-right: .75rem;
}

@media (min-width: 992px) {
    .app-header__dashboard-link {
        padding-right: 2rem;
        border-right: 1px solid #c9cdda;
        margin-right: 2rem;
    }
}

.app-header__dashboard-link-icon {
    font-size: 1.5rem;
}

@media (min-width: 992px) {
    .app-header__dashboard-link-icon {
        font-size: 1.875rem;
        margin-right: 1.5rem;
    }
}

.app-header__dashboard-link-text {
    display: none;
}

@media (min-width: 992px) {
    .app-header__dashboard-link-text {
        display: flex;
    }
}

.app-header__navbar-toggler {
    font-size: 2rem;
    color: var(--bs-dark) !important;
    display: flex;
    align-items: center;
}

.app-header__navbar-toggler span {
    display: none;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 800;
    opacity: .5;
    margin-right: 1rem;
}

@media (min-width: 992px) {
    .app-header__navbar-toggler span {
        display: inline-block;
    }
}

.app-header__navbar-toggler i {
    font-size: 1.5rem;
}

@media (min-width: 992px) {
    .app-header__navbar-toggler i {
        font-size: 2rem;
    }
}

.app-main {
    min-height: calc(100vh - 6.875rem);
    padding-top: 3rem;
}

@media (min-width: 992px) {
    .app-main {
        padding-top: 6.75rem;
    }
}

.app-main--login {
    padding-top: 0;
}

.preview {
    background-image: url(../images/preview_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 9.5rem 0 7rem;
}

.preview__inner {

}

.preview__title {
    font-size: 4rem;
    margin-bottom: 3.75rem;
}

@media (min-width: 768px) {
    .preview__title {
        font-size: 5.125rem;
    }
}

.preview__text {
    margin-bottom: 3.75rem;
    color: var(--bs-white);
}

@media (min-width: 1200px) {
    .preview__text:before {
        display: inline-block;
        content: '-';
        color: var(--bs-primary);
        font-weight: 500;
        margin-left: -1rem;
    }
}

.preview__video-link {

}

.mission {
    padding-bottom: 0;
}

.mission__inner {

}

.mission__content {

}

.mission__text-content {

}

@media (min-width: 1200px) {
    .mission__text-content {
        padding-top: 5rem;
        padding-left: 4rem;
    }
}

.mission__title {
    margin-bottom: 3rem;
}

.mission__list {

}

.mission__list-item {
    margin-bottom: 2.75rem;
}

@media (min-width: 768px) {
    .mission__list-item {
        position: relative;
        padding-left: 3.75rem;
    }
}

@media (min-width: 1200px) {
    .mission__list-item {
        margin-bottom: 1.5rem;
        font-size: 1.125rem;
    }
}

@media (min-width: 1400px) {
    .mission__list-item {
        margin-bottom: 2.75rem;
        font-size: 1.25rem;
    }
}

.mission__list-item ol {
    margin-top: 2.75rem;
    font-weight: 600;
}

@media (min-width: 1200px) {
    .mission__list-item ol {
        margin-top: 1.5rem;
    }
}

.mission__list-item .fw-bolder {
    font-weight: 800 !important;
}

.mission__list-item-count {
    margin-right: 1rem;
    font-weight: 600;
}

@media (min-width: 768px) {
    .mission__list-item-count {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.roadmap {

}

.roadmap__timeline {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

@media (min-width: 1200px) {
    .roadmap__timeline {
        justify-content: space-between;
    }
}

@media (min-width: 1400px) {
    .roadmap__timeline {
        background-image: url(../images/timeline_bg.png);
        background-repeat: no-repeat;
        background-size: 85% auto;
        background-position: bottom 1.7rem right 4.5rem;
    }
}

.roadmap__timeline-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 5.875rem;
    height: 5.875rem;
    border-radius: 100%;
    border: .5rem solid var(--bs-white);
    background-color: var(--bs-dark);
    filter: var(--box-shadow);
    color: var(--bs-white);
    font-weight: 800;
    line-height: 1.25;
    cursor: pointer;
    margin-bottom: 1.5rem;
}

.roadmap__timeline-item:before {
    position: absolute;
    bottom: -.5rem;
    width: 1.5rem;
    height: 1.5rem;
    content: '';
    display: block;
    background-color: var(--bs-dark);
    transform: rotate(57deg) skew(25deg, 0deg);
    opacity: 0;
    z-index: 0;
}

@media (min-width: 992px) {
    .roadmap__timeline-item:before {
        bottom: -.75rem;
        width: 2rem;
        height: 2rem;
    }
}

.roadmap__timeline-item:hover:before {
    opacity: 1;
}

.roadmap__timeline-item--active {
    position: relative;
    background-color: var(--bs-primary);
}

.roadmap__timeline-item--active:before {
    opacity: 1 !important;
    background-color: var(--bs-primary);
}

@media (min-width: 992px) {
    .roadmap__timeline-item {
        width: 7.875rem;
        height: 7.875rem;
    }
}

@media (min-width: 1400px) {
    .roadmap__timeline-item--1 {

    }

    .roadmap__timeline-item--2 {

    }

    .roadmap__timeline-item--3 {
        margin-top: 3.25rem;
    }

    .roadmap__timeline-item--4 {
        margin-top: 2rem;
    }

    .roadmap__timeline-item--5 {
        margin-bottom: 1.875rem;
    }

    .roadmap__timeline-item--6 {
        margin-top: 3.25rem;
    }
}

.roadmap__timeline-item-content {
    position: relative;
    z-index: 1;
}

.roadmap__timeline-item-header {
    font-size: 1rem;
}

@media (min-width: 992px) {
    .roadmap__timeline-item-header {
        font-size: 1.5rem;
    }
}

.roadmap__timeline-item-footer {
    font-size: 1.25rem;
}

@media (min-width: 992px) {
    .roadmap__timeline-item-footer {
        font-size: 1.875rem;
    }
}

.roadmap__timeline-tab:not(:first-child) {
    display: none;
}

.roadmap__timeline-tab-title {
    font-size: 1.75rem;
    font-weight: bold;
    margin-bottom: 2.75rem;
}

.roadmap__timeline-tab-content {

}

@media (min-width: 1400px) {
    .roadmap__timeline-tab-content {
        font-size: 1.125rem;
        padding-right: 3rem;
    }
}

.roadmap__timeline-tab-image {
    overflow: hidden;
}

.roadmap__timeline-tab-image img {
    border-radius: var(--border-radius);
}

@media (min-width: 1400px) {
    .roadmap__timeline-tab-image {
        padding-top: 4.75rem;
    }
}

.start {
    background-image: url(../images/start_bg.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left 3rem;
    background-color: #f4f5ff;
    padding: 4.25rem;
}

.start__title {
    font-size: 2rem;
    margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .start__title {
        font-size: 2.5rem;
    }
}

.start_doc-link {
    width: 100%;
    max-width: 300px;
}

.start_text {
    max-width: 770px;
    margin: 0 auto 2.5rem;
}

.team {

}

.team__title {

}

.team-card {
    border: none;
    filter: var(--box-shadow);
    border-radius: var(--border-radius);
	display: flex;
    align-items: center;
    text-align: center;
/* 	padding-top: 1.5em; */
	/*  position: absolute; */
}

.team-card__image {
    border-radius: var(--border-radius);
	max-width: 300px;
	/* min-height: 300px; */
	padding-top: 0.5em;
	background-size: auto;
	display: flex;
  
  justify-content: center;
  align-items: center;
  
  overflow: hidden;
  
  position: relative;

}
.slavateam {
	padding-top: 0.5em;
}

.team-card__body {
    padding: 1.125rem 1.875rem 1.25rem;
}

.team-card__title {
    font-size: 1.375rem;
    font-weight: 800;
    margin-bottom: 2rem;
}

.team-card__text {
    margin-bottom: 0;
	font-size: 1rem;
}

.team-card__footer {
    padding: 1.25rem 1.875rem 1.875rem;
    border-radius: var(--border-radius) !important;
}

.team-card__footer a {
    font-size: 1.25rem;
    color: var(--body-text);
    text-decoration: none;
    margin: 0 .75rem;
    opacity: .5;
}

.team-card__footer a:hover, .team-card__footer a:focus {
    opacity: 1;
}

.login-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 2.5rem 0;
    border-bottom: 1px solid var(--bs-secondary);
}

.login-page {
    padding-top: 6.875rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(../images/login-page_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: calc(100vh - 6.875rem);
}

.login-page__title {
    font-size: 1.375rem;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .login-page__title {
        font-size: 2.875rem;
        margin-bottom: 3.75rem;
    }
}

.login-page__text {
    font-size: 1.125rem;
    color: var(--bs-secondary);
    font-weight: 800;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .login-page__text {
        font-size: 1.675rem;
        margin-bottom: 2.375rem;
    }
}

.login-page__connect {
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    .login-page__connect {
        margin-bottom: 9.125rem;
    }
}

.login-page__metamask {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login-page__metamask-text {
    display: inline-block;
    border-bottom: 1px solid var(--bs-dark);
    font-weight: 800;
    opacity: .8;
    margin-bottom: 1.5rem;
}

.login-page__metamask-install {

}

.dashboard-header {
    position: fixed;
    width: 100%;
    height: auto;
    border-bottom: 1px solid var(--bs-light);
    padding: 1.5rem 0;
    background-color: var(--bs-white);
    z-index: 1050;
}

@media (min-width: 1200px) {
    .dashboard-header {
        padding: 2.5rem 0;
    }
}

.dashboard-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-header__back-site {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.dashboard-header__back-site-icon {
    font-size: 1.25rem;
    color: var(--bs-primary);
}

@media (min-width: 1200px) {
    .dashboard-header__back-site-icon {
        display: none !important;
    }
}

.dashboard-header__back-site-text {
    display: none;
}

@media (min-width: 1200px) {
    .dashboard-header__back-site-text {
        display: block;
        text-decoration: underline;
        font-size: 1.5rem;
    }
}

.dashboard-header__logo {
    max-width: 8rem;
}

@media (min-width: 1200px) {
    .dashboard-header__logo {
        max-width: initial;
    }
}

.dashboard-header__logo img {
    display: block;
}

.dashboard-header__user {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.dashboard-header__user-icon {
    font-size: 1.25rem;
    margin-right: .75rem;
}

@media (min-width: 1200px) {
    .dashboard-header__user-icon {
        font-size: 2rem;
        margin-right: 1.25rem;
    }
}

.dashboard-header__user-text {
    font-size: 1rem;
    font-weight: 500;
}

@media (min-width: 1200px) {
    .dashboard-header__user-text {
        font-size: 1.5rem;
    }
}

.dashboard-header__nav-toggler {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-sizing: border-box;
    border: none;
    background: none;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--border-radius);
}

@media (min-width: 1200px) {
    .dashboard-header__nav-toggler {
        display: none;
    }
}

.dashboard-header__nav-toggler:focus {
    border: 1px solid var(--bs-dark);
}

.dashboard {
    padding-top: 6rem;
}

.dashboard__inner {

}

.dashboard__title {
    font-size: 2rem;
    margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .dashboard__title {
        font-size: 2.75rem;
        margin-bottom: 3.75rem;
    }
}

@media (min-width: 1200px) {
    .dashboard__sidebar {
        display: block !important;
    }
}

.dashboard__navbar {

}

.dashboard__nav {

}

.dashboard__nav-item {

}

.dashboard__nav-item span {
    opacity: .74;
}

.dashboard__nav-item:hover span, .dashboard__nav-item.active span {
    opacity: 1;
}

.dashboard__nav-item i {
    color: var(--bs-primary);
}

.dashboard__page-content {
    padding: 0 0 5rem;
}

@media (min-width: 768px) {
    .dashboard__page-content {
        padding: 0 0 5rem;
    }
}

@media (min-width: 1200px) {
    .dashboard__page-content {
        padding-left: 4rem;
    }
}

.dashboard-farming {

}

.dashboard-farming__header {

}

@media (min-width: 768px) {
    .dashboard-farming__header {
        display: flex;
        height: 4.375rem;
        margin-bottom: 4.5rem;
    }
}

.dashboard-farming__balance {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--bs-light);
}

@media (min-width: 768px) {
    .dashboard-farming__balance {
        border-bottom: none;
        border-right: 1px solid var(--bs-light);
        padding-right: 4.375rem;
        margin-right: 4.375rem;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.dashboard-farming__balance-icon {
    margin-right: 1.25rem;
}

.dashboard-farming__balance-icon img {

}

.dashboard-farming__balance-info {

}

.dashboard-farming__balance-title {
    font-size: 1.5rem;
    line-height: 1;
    color: var(--bs-dark);
    opacity: .5;
    font-weight: 600;
    margin-bottom: .75rem;
}

.dashboard-farming__balance-value {
    font-size: 1.875rem;
    line-height: 1;
    font-weight: 800;
}

.dashboard-farming__status {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--bs-light);
}

@media (min-width: 768px) {
    .dashboard-farming__status {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.dashboard-farming__status-icon {
    margin-right: 1.25rem;
}

.dashboard-farming__status-icon img {

}

dashboard-farming__status-info {

}

.dashboard-farming__status-title {
    font-size: 1.5rem;
    line-height: 1;
    color: var(--bs-dark);
    opacity: .5;
    font-weight: 600;
    margin-bottom: .75rem;
}

.dashboard-farming__status-value {
    display: inline-block;
    position: relative;
    font-size: 1.875rem;
    line-height: 1;
    font-weight: 800;
    color: var(--bs-success);
}

.dashboard-farming__status-value:after {
    position: absolute;
    top: -.125rem;
    right: -.75rem;
    display: block;
    content: '';
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    background-color: var(--bs-success);
}

.dashboard-farming__address {

}

.dashboard-settings {

}

.dashboard-settings__title {
    font-size: 2rem;
    margin-bottom: 3rem;
    opacity: .74;
    font-weight: 800;
}

.dashboard-ref {

}

.dashboard-ref__header {
    margin-bottom: 2.875rem;
}

@media (min-width: 768px) {
    .dashboard-ref__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.dashboard-ref__title {
    font-size: 2rem;
    margin-bottom: 1rem;
    opacity: .74;
    font-weight: 800;
}

@media (min-width: 768px) {
    .dashboard-ref__title {
        margin-bottom: 0;
    }
}

.dashboard-ref__table {
    border: 1px;
    padding: 1rem;
    filter: drop-shadow(-0.07px 3.999px 8px rgba(79,83,123,0.2));
}

.dashboard-ref__address {
    margin-bottom: 3rem;
}

.app-footer {
    padding: 2.5rem 0;
    background-color: var(--bs-dark);
}