@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');

:root, html body {
  --font-family: 'Inter', sans-serif;
  --color-header-white: rgba(255, 255, 255, 1);
  --section-background-color: rgba(255, 255, 255, 1);
  --section-border-radius-min: 0;
  --color-text: #000;
  --color-text-secondary: #414446;    
  --gap: 2rem;
  --color-fill-primary: #E5602C;
  --color-fill-secondary:#1A2636;
  --color-brand: #1A2636;
  --color-secondary: #1A2636;
  --color-page-background: #fbfbfb;
  --color-link: #E5602C;
  --section-padding: var(--gap);
  --color-page-footer-background: #fff;
  --page-content-horizontal-padding: max(calc(52vw - var(--width-container) / 2), var(--gap));
  --section-border-radius: 0.25rem;
  --section-box-shadow: 0;
  --focusable-box-shadow: -webkit-box-shadow: 0 rgba(0,0,0,0);  
  --bold: 700; 
  --field-text-color: var(--color-brand);
  --field-read-only-background-color: #ffffff;    
  --field-hover-text-color: #1A2636;
  --field-focus-text-color: #1A2636; 
  --field-label-color: var(--color-brand);

  
  /* Buttons */
  --button-secondary-color: var(--color-secondary);
  --button-primary-background-color: var(--color-link);
  --button-secondary-border-color: var(--color-brand);
  --button-primary-hover-background-color: #00548D;
  /* SECONDARY */
  --button-secondary-background-color: #eeeee7;
  --button-secondary-border-color: var(--color-secondary);
  --button-secondary-color: var(--color-secondary);
  --button-secondary-hover-background-color: #00548D;
  --logo-width: 300px;
}

html {
  scroll-behavior: smooth;
}

header.main-header {
      	background: var(--color-header-white);
      	text-transform: uppercase;
      	height: 8rem;  		
}

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-brand);
  	text-transform: none;
}

.main-header nav.signed-out.desktop .button.flat > a {
    color: var(--color-link);
    /*border: 1px solid var(--color-link);*/
}

header.page-header {
    background: var(--color-brand);
    color: var(--color-header-white);
    border-left: 40px solid var(--color-link);
}

.button.primary {
  	font-weight: 400!important;
}

.button.secondary {
	color: var(--color-brand)!important;
	border: 1px solid var(--color-brand)!important;
  	background: var(--color-header-white)!important;
}

.button.flat {
    color: var(--color-link)!important;
    border: 1px solid var(--color-link)!important;
  	font-weight: 400!important;
}

.stepper .step.current > .link .bullet {
	font-family: 'Inter', sans-serif;
}

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: var(--color-brand); 
    text-transform: none;
}

.field > .label-text, .field.label > .label-text, .label-text {
	font-weight: 700!important;
  	font-size: 16px!important;
}

.field > .input::placeholder {
  color: red!important;
  font-size: 1.2em;
  font-style: italic;
}

.breadcrumbs, .breadcrumbs a  {
    color: var(--color-header-white)!important;
  	text-transform: none;
  	font-size: 12px;
  	padding-left: 20px;
}

main h1 { 
  	font-family: var(--font-family);
    color: var(--color-header-white)!important; 
    font-weight: 700;
    font-size: 30px;  
}

main h2 {   
   font-family: var(--font-family);
   color: var(--color-brand)!important; 
   font-weight: 700;
   padding-bottom: 15px;
   font-size: 36px;   
}

main h3 {  
   font-family: var(--font-family);
   font-weight: 700!important; 
   color: var(--color-link)!important; 
   text-transform: uppercase;
}

main h4 {
    font-family: var(--font-family);
    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;
}
div.page-section {
  	border-radius: var(--section-border-radius-min);
}
.hamburger-menu .hamburger-toggle {
  	color: var(--color-link);
}
main .landing-content {
    padding-top: 32px;
    padding-bottom: 32px!important;
}

header img {
    width: 300px!important;
    height: auto!important;
}
.main-logo.link > img {
    display: block;
    width: 300px!important;
  	height: auto;
}

@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;
}


/*restricted-offerings-list*/
main .restricted-offerings-list {
    background-color: var(--section-background-color);
    border-radius: var(--section-border-radius-min);
    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;
}
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: 58px;
    padding-bottom: 20px;
    background: var(--color-page-footer-background);
    border-right: 45px solid var(--color-link);
  
}
.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;
}
@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(--color-secondary);
  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;
}
body .main-header.clean-layout {
  box-shadow: none;
  width: 100%;
  
}
.page-content.invest > header:first-of-type {
	background: transparent!important;
}

main .page-content.invest:before {
  background-color: var(--section-background-color);
}
main .page-content.invest header:first-of-type > h2 {
  font-size: 24px;
  font-weight: 500;
  font-family: var(--font-family-heading);
  color: #53565a;
  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);
}
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-secondary);
  border-color: var(--color-secondary);
}

.page-content.offering-details > .offering-details-aside > .offering-details-nav a {
	font-family: 'Roboto', sans-serif;
}

.page-content.offering-details > .offering-details-aside > .offering-details-nav a:hover  {
  color: var(--color-link); 
  padding-left: 5px; 
  transition-duration:.3s;
}

/*column*/
.row {
  	 display: flex;
     justify-content: space-between;
}

.custom-html .col-30 {
	flex-basis: 32%;
    width: 32%;
  	text-align: center;
}

.custom-html .col-50 {
	flex-basis: 48%;
    width: 48%;
   	text-align: left;
}

 @media (max-width: 960px)  {
 .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
   .custom-html .col-50 {
	flex-basis: 100%!important;
    width: 100%!important;
   	text-align: left;
}
   .borderwhite {
   	border: none!important;
     padding: 0!important;
   }
}
/*column*/


.landingcontact {
	text-align: center;
  padding: 40px;
}
.landingcontact p {
	font-size: 24px;
}

.page-content.invest::before {
	background: var(--color-brand)!important;
  	/*background: #DEECFA!important;*/
}

.page-content.invest .main-logo.link > img {
	filter: grayscale(1) brightness(1000%)ж
}
 
 .landing-article .page-section {
	padding: 0!important;
}

.blueblock {
	background: var(--color-brand);
  	color: var(--color-header-white);
  	padding: 40px;
  	border-left: 40px solid var(--color-link);
}

.blueblock .borderwhite {
	border-right: 3px solid #fff;
  	padding: 40px;
  	font-weight: 400;
}

.blueblock h2, .blueblock h2 small {
	color: var(--color-header-white)!important;
}

.blueblock h2 {
	font-size: 48px!important;
    font-family: 'Inter', serif;
  	text-transform: uppercase;
    font-weight: 700;
}

.blueblock h2 small {
	font-size: 16px;
}

.stepper .link.disable .bullet, body .stepper .step.current > .link .label, body .stepper .step.complete .link .label  {
	font-family: 'Roboto', sans-serif;
  	color: var(--color-link);
}

.main-footer header a.main-logo img {
	width: 150px!important;
}

.hamburger-menu.open .hamburger-menu-content {
	background: #fff;
}
body .main-header .hamburger-menu-content .menu-link {
	font-size: 16px;
}
main .page-content.invest header:first-of-type > h2 {
	padding-top: 50px;
  	color: var(--color-brand);
  	font-weight: 700;
  	font-family: var(--font-family);
}
.stepper .step.complete .link .bullet {
	background-color: var(--color-link)!important;
}
.stepper .step.current > .link { color: var(--color-header-white)!important; }
.stepper .step.current > .link .bullet {
  border: 1px solid var(--color-link)!important;
  color: var(--color-link)!important;
  font-weight: 700;
  box-shadow:none!important;
}

body .stepper .link .label {color: #DEECFA;}

.profile-details-page .side-menu-list li.menu-item:last-child {
  display: none;
}

footer nav.menu.horizontal > ul > li > a {
	color: var(--color-text)!important;
	font-weight: normal;
}

footer nav.menu.horizontal > ul > li > a:hover {
	color: var(--color-fill-primary)!important;
}