@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap'); :root, html body { --font-family: 'Montserrat', sans-serif; --font-title: 'Montserra', sans-serif; --color-header-white: #515765; --section-background-color: transparent; /*--section-box-shadow: 0 4px 6px 1px rgba(79, 88, 111, 0.06), 0 0 1px 1px rgba(79, 88, 111, 0.02);*/ --section-box-shadow: 0; --section-border-radius-min: 4px; --color-text: #4b4f5c; --gap: 2rem; --color-brand: #97c680; --color-secondary:#323442; --color-page-background: #fcfbfa; --color-link: rgb(113, 187, 120); --section-padding: var(--gap); --color-page-footer-background: #4b4f5c; --page-content-horizontal-padding: max(calc(52vw - var(--width-container) / 2), var(--gap)); --section-border-radius: 0.25rem; --header-height: 9rem; --color-text-secondary: #4f4f4d; /* Buttons */ --button-secondary-color: var(--color-secondary); --button-primary-background-color: var(--color-brand); --button-secondary-background-color: transparent; --button-secondary-border-color: var(--color-secondary); --button-primary-hover-background-color: var(--color-secondary-hover); /* SECONDARY */ --button-secondary-background-color: #fff; --button-secondary-border-color: var(--color-secondary); --button-secondary-color: var(--color-secondary); --button-secondary-hover-background-color: var(--color-secondary-fade); --logo-width: 120px; } header.main-header { --header-background-color: var(--color-header-white, #fff); /*box-shadow: var(--section-box-shadow);*/ } header.main-header .main-nav .menu-list, main .landing-article header, main .landing-content header.landing-about, main .landing-page .landing-hero-wrapper, main .landing-page .hero-image, main .landing-page .offerings-list-link { /* display: none !important;*/ } main .landing-page .landing-hero-wrapper, main .landing-article header, .hero-image, main .landing-content header.landing-about { display: none !important; } .main-header nav.main-nav .menu-link, .main-header nav.main-nav .menu-button, .main-header nav.menu.horizontal > ul > li { color: var(--color-page-background); } body .main-header .hamburger-menu-content .unregistered-buttons > .link, body .main-header .hamburger-menu-content .menu-link, body .main-header .hamburger-menu-content .menu-button { color: #000; } main .landing-page { padding-bottom: 0; margin-bottom: 0; } /*main h1 {*/ /* font-family: var(--font-family);*/ /* color: #fff;*/ /* !*background: var(--color-page-footer-background);*/ /* padding: 20px 50px;*!*/ /* font-weight: 400!important;*/ /* margin-bottom: -100px!important;*/ /* text-align: center;*/ /* font-size: 48px;*/ /*}*/ /*.page-header .title-wrapper > h1 {*/ /* margin-bottom: 160px!important;*/ /*}*/ /*.page-header .title-wrapper {*/ /* font-family: var(--font-family);*/ /* font-weight: 300;*/ /* margin-bottom: -230px;*/ /*}*/ main h2 { font-family: var(--font-title); color: var(--color-secondary); font-size: 48px; text-align: center; text-transform: uppercase; font-weight: 400; } h3, h3.title { font-family: var(--font-family); } main h4 { font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; text-align: center; margin-bottom: 16px; } main p {line-height: 1.3;} main p:not(:last-child) { margin-bottom: 24px; } main .landing-page .page-content.landing-content .landing-article p { max-width: unset; } .main-header .hamburger-menu-content .tablet-user-name { color: var(--color-brand)!important; } nav.menu > ul { align-items: stretch; flex-direction: row; flex-grow: 1; justify-content: flex-start; list-style: none; margin: 0; z-index: 1; margin-left: -30px!important; } div.page-section { border-radius: var(--section-border-radius-min); } .hamburger-menu .hamburger-toggle { color: var(--color-brand); } /*main .landing-content { padding-top: 32px; padding-bottom: 32px!important; }*/ .main-logo.link > img { display: block; width: var(--logo-width); } @media (max-width: 62.999rem) { :root, html body { --page-content-horizontal-padding: 1rem; --width-container: 100%; } } main .page-content.cols-1 > *:not(:last-child) { margin-bottom: 0; } body .button.primary { background: var(--color-brand); border-radius: 4px!important; padding: 20px 45px!important; } header .button.primary { background: url("/file/public/arrow-rounf.svg") left center no-repeat; } header .button.primary:hover { padding-left: 10px; background: transparent!important; } header img { height: auto!important; } /*restricted-offerings-list*/ /* main .restricted-offerings-list { display: none; background-color: var(--section-background-color); border-radius: var(--section-border-radius-min); */ /*box-shadow: var(--section-box-shadow);*/ /* padding: 74px 15px 80px 15px; text-align: center; } main .restricted-offerings-list p { max-width: 558px; margin-left: auto; margin-right: auto; margin-bottom: 23px; } */ body .landing-page .restricted-offerings-list { display: flex; flex-direction: column; align-items: center; margin: var(--gap-large) auto; padding: var(--gap); } main .landing-page .restricted-offerings-list .actions { align-items: center; display:flex; justify-content: center; gap: var(--gap-small); } main .landing-page .restricted-offerings-list .actions .link { border-width: 0; min-height: 2.5rem!important; padding: 0.75rem 1rem!important; } main .actions { max-width: 366px; margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; } /*FOOTER*/ body .main-footer { padding-top: 10px; padding-bottom: 10px; } .main-footer header { position: relative; } .main-footer .main-nav { position: relative; top: -46px; } .main-footer .main-nav a { font-weight: bold; } .main-footer .custom-html { position: absolute; left: 0; top: 23px; width: 100%; text-align: center; } .main-footer .main-logo img{ filter: brightness(0) invert(1); width: 100px!important; } @media (max-width: 62.999rem) { .main-footer nav.menu.horizontal { position: inherit; } .main-footer nav.menu > ul { flex-direction: initial; } .main-footer .custom-html { top: unset; bottom: -62px; } body .main-footer { padding-bottom: 60px; } } /* RADIO */ label > input + .radio-button { --size: 1.25rem; --radio-border-color: #545e65; border: var(--checkbox-border-width) solid var(--radio-border-color); border-radius: 50%; /*box-shadow: var(--focusable-box-shadow);*/ color: var(--color-secondary); } label > input:checked:not(:disabled) + .radio-button { border-color: var(--color-secondary); } label > input:checked + .checkbox-tick { color: var(--color-secondary); border-color: var(--color-secondary); } /* INVESTMENTS FLOW ----------------------------------------------------------- */ main .page-content.invest aside { z-Index: 20; /*background: var(--color-brand);*/ background: rgba(255, 255, 255, .1); } main .page-content.invest aside::-webkit-scrollbar { width: 8px; } main .page-content.invest aside::-webkit-scrollbar-thumb { background: var(--color-secondary); border-radius: 10px; } body .main-header.clean-layout { box-shadow: none; width: 100% } main .page-content.invest:before { background-color: var(--section-background-color); } main .page-content.invest header:first-of-type > h2 { font-size: 24px!important; font-weight: 500; font-family: var(--font-title); color: var(--color-secondary); text-transform: uppercase; } body .stepper { --complete-background-color: var(--color-secondary); } body .stepper .step.current > .link .label, body .stepper .step.complete .link .label { /*color: var(--color-secondary);*/ color: #fff } body .stepper .link .label { color: #7f7f7f; } body label.option.client-radio-option input:checked + span, body label.option.investor-radio-option input:checked + span { background-color: var(--color-header-white); border-color: var(--color-header-white); } .team-contacts > div { color: #fff; display: grid; grid-template-rows: 10fr 1fr 1fr 2fr 1fr 1fr; background-color: var(--color-page-background); position: relative; margin: var(--gap-small); width: 320px; } .row { display: flex; justify-content: center; } .custom-html .col-30 { flex-basis: 30%; width: 30%; text-align: center; padding: 30px; border-radius: 8px; margin: 20px; } .custom-html .col-30 hr { width: 20%; height: 2px; border-radius: 8px; background: #8AC790; margin: 20px auto 0 auto; text-align: center; } .custom-html .col-50 { flex-basis: 48%; width: 48%; text-align: left; padding: 20px 10px; vertical-align: middle; } .landing-team { margin-top: 15px; display: flex; justify-content: space-between; } .item-title { padding: 15px 15px 0 15px; font-size: 16px; color: var(--color-secondary); text-align: center; font-weight: 600!important; } .content { font-size: 13px; } .team-item { flex-basis: 32%; width: 32%; border: 1px solid var(--color-page-background); background: #fff; } .team-item b { padding-left: 20px; } .v-center { vertical-align: center; margin: 0; } a.link.primary.button:hover, li.menu-item.primary.button:hover { background: #65a96b!important; color: #fff!important; font-weight: 400; } a.link.flat.button:hover, li.menu-item.flat.button:hover { /*background: #65a96b!important; color: #fff!important; font-weight: 400;*/ } .menu-list .flat.button a, .menu-list .primary.button a { min-width: 150px; text-align: center; display: inline-flex; align-items: center; justify-content: center; font-weight: bold!important; border-radius: 2px; } nav.signed-out.desktop .button.flat { /*border: 1px solid var(--color-brand);*/ color: var(--color-brand)!important; background: url("/file/public/arrow-rounf.svg") 5px center no-repeat!important; border: 0px solid transparent!important; padding: 0 0 0 15px!important; } nav.signed-out.desktop .button.flat:hover { color: var(--color-brand)!important; background: url("/file/public/arrow-rounf.svg") 15px center no-repeat!important; border: 0px solid transparent!important; padding: 0 0 0 15px!important; } li.menu-item.primary.button { /*border: 1px solid var(--color-brand);*/ color: var(--color-brand)!important; background: url("/file/public/arrow-rounf.svg") 5px center no-repeat!important; border: 0px solid transparent!important; padding: 0 0 0 20px!important; } li.menu-item.primary.button:hover { color: var(--color-brand)!important; background: url("/file/public/arrow-rounf.svg") 15px center no-repeat!important; border: 0px solid transparent!important; padding: 0 0 0 20px!important; } body .button:not(.pagination-item):not(.inline) { border-radius: 2px; min-width: 150px; text-align: center; display: inline-flex; align-items: center; justify-content: center; min-height: 2.5rem; padding: 0.6rem 1rem; } body .button.flat { border: 1px solid var(--color-brand); font-weight: bold; color: #fff; border-radius: 4px!important; background: var(--color-brand)!important; } .vertical { display: flex; /*align-items: center;*/ justify-content: center; flex-direction: column; width: 100%; margin: 0; min-height: 200px; } h3.title, main h2 { font-size: 28px; } .bggray { background: #fbfbfb; text-align: center; padding: 30px; font-size: 24px; } body .button.primary:hover { background: var(--color-secondary)!important; } main p:not(:last-child) { margin-bottom: 14px; line-height: 1.3; } /*media*/ @media (max-width: 960px) { .row { display: block; /*justify-content: space-between;*/ } main h2 {font-size: 30px;} .custom-html .col-30 { width: 100%!important; } .custom-html .col-50 { width: 100%!important; text-align: center; } .content { padding: 0px; } .landing-team { display: block; } .content p { font-size: 16px; text-align: left!important; line-height: 1.3; } .team-item { margin-bottom: 20px; } } @media (max-width: 1000px) { body .main-header .hamburger-menu-content .menu-link { font-size: 16px!important; } .main-header nav.signed-out.mobile .button { margin-bottom: 10px; } } .menu-item button.menu-button { text-align: left!important; display: inline; justify-content: start!important; padding-left: 30px!important; } .text-center { text-align: center!important; } .hamburger-menu-content .menu-item button.menu-button { /*margin-left: -25px;*/ display: inline!important; padding: 0 0 0 3px!important; } /*body .page-header, body .block-header, #root .page-content.offering-details > .block-header {*/ /* position: relative;*/ /* overflow: visible;*/ /* text-transform: uppercase;*/ /* min-height: 200px;*/ /* margin-top: calc(-1 * var(--gap));*/ /* !* display: flex; *!*/ /* justify-content: center;*/ /* align-items: center;*/ /*}*/ /*main .page-header {*/ /* !*height: 300px;*!*/ /* background-image: url("/file/public/eagleoz-color.jpg");*/ /* background-size: cover;*/ /* background-position: 50% 50%;*/ /* position: relative;*/ /* -webkit-user-select: none;*/ /* -moz-user-select: none;*/ /* -ms-user-select: none;*/ /* -webkit-animation: zoomin 10s ease-in infinite;*/ /* animation: zoomin 50s ease-in infinite;*/ /* transition: all 1s ease-in-out;*/ /* max-height: 300px;*/ /* overflow: hidden;*/ /*}*/ /*.page-header .title-wrapper { display: flex; flex-direction: column; justify-content: flex-start; top: 0; width: 100vw; padding: 0; margin: 0; z-index: 0; background-image: url(/file/public/eagleoz-color.jpg); background-size: cover; background-position: 50% 50%; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-animation: zoomin 10s ease-in infinite; animation: zoomin 50s ease-in infinite; transition: all .8s ease-in-out; } /* Zoom in Keyframes */ @-webkit-keyframes zoomin { 0% {transform: scale(1);} 50% {transform: scale(1.1);} 100% {transform: scale(1);} } @keyframes zoomin { 0% {transform: scale(1);} 50% {transform: scale(1.1);} 100% {transform: scale(1);} } /*End of Zoom in Keyframes */ /* Zoom out Keyframes */ @-webkit-keyframes zoomout { 0% {transform: scale(1);} 50% {transform: scale(0.67);} 100% {transform: scale(1);} } @keyframes zoomout { 0% {transform: scale(1);} 50% {transform: scale(0.67);} 100% {transform: scale(1);} }/*End of Zoom out Keyframes */ .main-header .main-logo { color: inherit; flex-shrink: 0; max-height: 8rem!important; max-height: var(--header-height); overflow: hidden; position: relative; } /*body .page-header, body .block-header, #root .page-content.offering-details > .block-header {*/ /* min-height: 300px;*/ /*}*/ .landing-article table tr td { border: 0px solid #fff; } .landing-page .page-content.landing-content { background: #fbfbfb url("/file/public/bronzeville50.png") no-repeat top center; } label.option.investor-radio-option > span .account-icon, .choose-investor form > button.option-like > svg { color: var(--color-brand)!important; } .stepper .step.current > .link .bullet{ box-shadow: none !important; } body .stepper .link .label { color: #fff; } .landing-page .page-content.landing-content .landing-article:nth-child(4n) .page-section { background: var(--color-brand)!important; color: #fff; } .landing-page .page-content.landing-content .landing-article:nth-child(4n) .page-section h2 { color: #fff!important; } .bggreen { background: var(--color-brand); padding: 30px; color: #fff; margin: 280px 0 20px 0; } .landing-page .page-content.landing-content .landing-article:nth-child(5n) .page-section { background: url("/file/public/eagleoz-slide.jpg") top left no-repeat; } .stepper .step .bullet { box-shadow: inset 0 0 0 0 var(--bullet-border)!important; } .investor-table.table tbody td.investor-investments { font-size: 16px!important; } @media (max-width: 960px) { /* .info { top: 50%; left: 50px; background: rgba(0, 0, 0, .4); padding: 20px; /* width: 80%; */ /* margin: auto; }*/ .custom-html .col-50-2 { flex-basis: 48%!important; width: 48%!important; text-align: left; } .vertical { display: flex; /*align-items: center;*/ justify-content: center; flex-direction: column; width: 100%; margin: 0; min-height: auto; } body .main-header .hamburger-menu-content .menu-link { color: #fff; } } .contacts { background: #fff; padding: 50px; border-radius: 8px; } /* .team-item img { border-radius: 200px; width: 180px; } */ .contacts div { width: 100%; text-align:center; font-size: 16px; } .contacts div b { font-size: 12px; } input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select, textarea { border-top: none!important; border-bottom: 2px solid #000!important; border-left: none!important; border-right: none!important; border-radius: 0!important; background: var( --color-page-background)!important; margin-bottom: 5px!important; } .radio-button { background: var( --color-page-background)!important; border: 2px solid #000; } .field.label > .label-text, .label-text { color: #000!important; font-size: 18px!important; } .react-tel-input .selected-flag { background: var( --color-page-background)!important; } .team .item-title { font-weight: 400; } .team .item-position { font-weight: 400; } .team { border-radius: 20px; } .team img {border-radius: 8px;} .page-content.offering-details > .offering-details-aside > .offering-details-nav a { color: #000!important; padding-bottom: 0.375rem; padding-bottom: var(--gap-tiny); padding-top: 0.375rem; padding-top: var(--gap-tiny); text-transform: uppercase; font-size: 12px; font-weight: 600; transition-duration: .5s; padding-left: 8px; } .page-content.offering-details > .offering-details-aside > .offering-details-nav a:hover { background: url("arrow.svg") left 5px no-repeat; padding-left: 10px; color: #555962; } main .page-content.invest::before { background: var(--color-header-white); } .stepper .step.current > .link .bullet { background: #4C9253!important; } .offering-brief .details .name, .offering-brief .details .issuer { color: var(--color-brand)!important; } @media (max-width: 1024px) { body .main-header .hamburger-menu-content .menu-link { padding-left: 40px; } } /* Offering page buttons */ @media (min-width: 63rem) { .offering-details > .offering-details-invest-block, .offering-details > .due-diligence-link, .offering-details > .save-pdf-form, .offering-details > .documents-link { display: none!important; } body .offering-details .offering-details-invest-block a, .offering-details .due-diligence-link, .offering-details .save-pdf-form, .offering-details .documents-link { padding: 0!important; } body .page-content.offering-details > .offering-details-aside { gap: var(--gap-tiny); } body .offering-details-aside .offering-details-invest-block a, body .offering-details-aside .due-diligence-link, body .offering-details-aside .save-pdf-form, body .offering-details-aside .documents-link { padding: 0!important; } body .offering-details-aside .offering-details-invest-block a { padding: 0 0 var(--gap-tiny)!important; } body .page-content.offering-details > .offering-details-aside > .offering-details-nav { padding-top: var(--gap-tiny); } } .profile-details-page .side-menu-list li.menu-item:last-child { display: none; }
2025 © Eagle Infinite Investments