/*
****************************************************************
Other Styles
****************************************************************
*/
/*--------------------------------------------------------------
=== GRID - 12cols ===
col-xs	[] <= 768px
col-md	[] >= 769px
--------------------------------------------------------------*/
@media (max-width:768px) {
  .col-xs-12 { flex-basis:100%;}
  .col-xs-11 { flex-basis:91.66666667%;}
  .col-xs-10 { flex-basis:83.33333333%;}
  .col-xs-9 { flex-basis:75%;}
  .col-xs-8 { flex-basis:66.66666667%;}
  .col-xs-7 { flex-basis:58.33333333%;}
  .col-xs-6 { flex-basis:50%;}
  .col-xs-5 { flex-basis:41.66666667%;}
  .col-xs-4 { flex-basis:33.33333333%;}
  .col-xs-3 { flex-basis:25%;}
  .col-xs-2 { flex-basis:16.66666667%;}
  .col-xs-1 { flex-basis:8.33333333%;}

  .xs-offset-left-1 { margin-left:8.33333333%;}
  .xs-offset-left-2 { margin-left:16.66666667%;}
  .xs-offset-left-3 { margin-left:25%;}
  .xs-offset-left-4 { margin-left:33.33333333%;}
  .xs-offset-left-5 { margin-left:41.66666667%;}
  .xs-offset-left-6 { margin-left:50%;}
  .xs-offset-left-7 { margin-left:58.33333333%;}
  .xs-offset-left-8 { margin-left:66.66666667%;}
  .xs-offset-left-9 { margin-left:75%;}
  .xs-offset-right-1 { margin-right:8.33333333%;}
  .xs-offset-right-2 { margin-right:16.66666667%;}
  .xs-offset-right-3 { margin-right:25%;}
  .xs-offset-right-4 { margin-right:33.33333333%;}
  .xs-offset-right-5 { margin-right:41.66666667%;}
  .xs-offset-right-6 { margin-right:50%;}
  .xs-offset-right-7 { margin-right:58.33333333%;}
  .xs-offset-right-8 { margin-right:66.66666667%;}
  .xs-offset-right-9 { margin-right:75%;}
}
@media (min-width:769px) {
  .col-md-12 { flex-basis:100%;}
  .col-md-11 { flex-basis:91.66666667%;}
  .col-md-10 { flex-basis:83.33333333%;}
  .col-md-9 { flex-basis:75%;}
  .col-md-8 { flex-basis:66.66666667%;}
  .col-md-7 { flex-basis:58.33333333%;}
  .col-md-6 { flex-basis:50%;}
  .col-md-5 { flex-basis:41.66666667%;}
  .col-md-4 { flex-basis:33.33333333%;}
  .col-md-3 { flex-basis:25%;}
  .col-md-2 { flex-basis:16.66666667%;}
  .col-md-1 { flex-basis:8.33333333%;}

  .md-offset-left-1 { margin-left:8.33333333%;}
  .md-offset-left-2 { margin-left:16.66666667%;}
  .md-offset-left-3 { margin-left:25%;}
  .md-offset-left-4 { margin-left:33.33333333%;}
  .md-offset-left-5 { margin-left:41.66666667%;}
  .md-offset-left-6 { margin-left:50%;}
  .md-offset-left-7 { margin-left:58.33333333%;}
  .md-offset-left-8 { margin-left:66.66666667%;}
  .md-offset-left-9 { margin-left:75%;}
  .md-offset-right-1 { margin-right:8.33333333%;}
  .md-offset-right-2 { margin-right:16.66666667%;}
  .md-offset-right-3 { margin-right:25%;}
  .md-offset-right-4 { margin-right:33.33333333%;}
  .md-offset-right-5 { margin-right:41.66666667%;}
  .md-offset-right-6 { margin-right:50%;}
  .md-offset-right-7 { margin-right:58.33333333%;}
  .md-offset-right-8 { margin-right:66.66666667%;}
  .md-offset-right-9 { margin-right:75%;}
}


/*--------------------------------------------------------------
=== COMMON LAYOUT ===
--------------------------------------------------------------*/
.fl-wrap { flex-wrap: wrap;}
.fl-col { flex-direction: column;}
.fl-i-center { align-items: center;}
.fl-j-center { justify-content: center;}

.w-100 { width: 100%;}

.pull-left { float: left;}
.pull-right { float: right;}
.center {  margin-left: auto; margin-right: auto;}

#page ul li { position: relative; padding-left: 4rem; margin-bottom: .5rem;}
#page ul li:before { content: ""; position: absolute; left: 1.8rem; top: .6em; width: 4px; height: 4px; border-radius: 100%; background: var(--blue-dark);}
ol li { margin-left:24px; margin-bottom: .5rem;}
#page p:not(:last-child), #page ul, #page ol { margin-bottom: calc(var(--mb-base) * 1.5);}

.content-img:not(:first-child) { margin-top: calc(var(--mb-base) * 2.5);}
.content-img:not(:last-child) { margin-bottom: calc(var(--mb-base) * 2.5);}
.img-center img, .img-center picture, .img-center svg { margin-left: auto; margin-right: auto;}

@media (max-width:768px) {
  .row { flex-direction: column;}

  .xs-fl-col { flex-direction: column;}
  .xs-fl-wrap { flex-wrap: wrap;}
  .xs-fl-i-center { align-items: center;}
  .xs-fl-j-center { justify-content: center;}

  .xs-visible { display: block!important;}
  .xs-hidden { display: none!important;}
  .md-visible { display: none!important;}
  .xs-no-pull { float: none!important;}
}
@media (min-width:769px) {
  .xs-visible { display: none!important;}
  .md-visible { display: block!important;}
  .md-hidden { display: none!important;}
}



/*--------------------------------------------------------------
=== PRINT ===
--------------------------------------------------------------*/
@media print {
  .hidden-print { display:none!important;}
}


/*--------------------------------------------------------------
=== TYPOGRAPHY & COLORS ===
--------------------------------------------------------------*/
.text-left { text-align:left;}
.text-right { text-align:right;}
.text-center { text-align:center;}
.text-center img { margin-left: auto; margin-right: auto;}
.text-justify { text-align:justify;}
.text-nowrap { white-space:nowrap;}
.text-lowercase { text-transform:lowercase;}
.text-uppercase { text-transform:uppercase;}
.text-capitalize { text-transform:capitalize;}
@media (max-width: 768px) {
  .xs-text-center { text-align:center;}
}

h1, .h1 {} /* on the first screen */
h2, .h2 {} /* on the first screen */
h3, .h3 {} /* on the first screen */
h4, .h4 { margin-bottom: 1rem; line-height: 1.2; font-weight: 600;} /* resources */
h5, .h5 { margin-bottom: .2em; line-height: 1.3; font-weight: 600;} /* */
h6, .h6 { font-size: 3rem; line-height: 1.35; font-weight: 400;} /* news */
h7, .h7 { display: block; margin-bottom: .5rem; font-weight: 700;}
@media (max-width:768px) {
  h4, .h4 { font-size: 2.4rem;}
  h5, .h5 { font-size: 2.2rem;}
  h6, .h6 { font-size: 2.2rem;}
}
@media (min-width:769px) {
  h4, .h4 { font-size: 2.8rem;}
  h5, .h5 { font-size: 2.2rem;}
  h6, .h6 { font-size: 2.2rem;}
}
@media (min-width: 1440px) {
  h4, .h4 { font-size: 3.2rem;}
  h5, .h5 { font-size: 2.6rem;}
  h6, .h6 { font-size: 2.6rem;}
}
@media (min-width: 1920px) {
  h4, .h4 { font-size: 3.6rem;}
  h5, .h5 { font-size: 3rem;}
  h6, .h6 { font-size: 3rem;}
}

a { color: var(--aqua); text-decoration: none; cursor: pointer;}
a, a *, a:after { transition: .25s ease-in-out;}
a:hover, a:focus { color: var(--hightlight);}
sup, sub { position:relative; font-size:.7em; vertical-align:baseline;}
sup { top:-.5em;}
sub { bottom:-.25em;}
strong, b, .text-bold { font-weight: 600;}
.txt-w-medium { font-weight: 500;}

small, .text-small { font-size:.85em;}
big, .text-big { font-size: 1.33em; line-height: 1.25em;}

.text-tr-none { text-transform: none!important;}


.text-light { font-weight: 300;}
.text-normal { font-weight: 400;}
.text-medium { font-weight: 500;}
.text-semiBold { font-weight: 600;}



/*--------------------------------------------------------------
=== HEADER ===
--------------------------------------------------------------*/
header.sticky-header { background-color: rgba(255,255,255,1); box-shadow: 0 .4rem .8rem rgba(0,0,0,.25);}

@media (max-width:768px) {
  header.sticky-header { padding: .5rem 0;}
  header.sticky-header #logo { width: 15rem; min-width: 15rem; margin: 0;}
}
@media (min-width:769px) {
  header.sticky-header { padding: .5rem 0 0;}
  header.sticky-header #logo { width: 20rem; margin-bottom: .5rem;}
  header.sticky-header #nav { margin-top: 0; background: none;}
  header.sticky-header #main-nav > li { padding-top: .8rem;}
}


  /*--------------------------------------------------------------
  === NAVIGATION ===
  --------------------------------------------------------------*/
.nav-open { overflow: hidden;}
.nav-open header { background: #fff;}
.nav-open .nav-control span { position: absolute;}
.nav-open .nav-control span:nth-child(1) { transform: rotate(45deg);}
.nav-open .nav-control span:nth-child(2) { top: 21px; width: 0%; left: 50%;}
.nav-open .nav-control span:nth-child(3) { transform: rotate(-45deg);}

@media (max-width:1159px) {
  .nav-open .menu-menu-container { height: calc(100vh - 9.5rem); overflow: auto; padding: 8.75rem 0 5rem;}
  .nav-open .sticky-header .menu-menu-container { height: calc(100vh - 6.2rem);}
  #main-nav { flex-direction: column; margin-left: 45px; max-width: 130px;}
  #main-nav li { width: 100%;}
  #main-nav a {}
  #main-nav a:hover, #main-nav a:focus, #main-nav .current-menu-item > a { color: var(--hightlight);}
  #main-nav > li { position: relative;}
  #main-nav > li > a { padding: 1.5rem 0 1.5rem .625rem; line-height: 1.1;}
  #main-nav > li > a:after { position: absolute; top: 4rem; width: 0%; height: 2px; border-radius: 2px; background: var(--hightlight); content: ""; transition: .25s ease-in-out;}
  #main-nav > li.current-menu-item > a:after { width: 100%;}

  #main-nav .sub-menu { visibility: hidden; position: absolute; top: 2rem; left: 150px; width: calc(100vw - 195px - 16px); /*transition: .25s ease-in-out;*/ max-height: 0; overflow: hidden;}
  #main-nav li.current-menu-item .sub-menu { visibility: visible; max-height: 100rem;}
  #main-nav .sub-menu a { padding: .75rem 0;}
}
@media (min-width: 769px) and (max-width:1159px) {
  .menu-menu-container { top: 13rem;}
  .nav-open .menu-menu-container { height: calc(100vh - 13rem);}
}
@media (min-width:1160px) {
  header.sticky-header #main-nav .sub-menu { top: calc(var(--nav-height) - 1.5rem);}
}



/*--------------------------------------------------------------
=== FOOTER ===
--------------------------------------------------------------*/
footer { position: relative; font-weight: 600; overflow: hidden; background: linear-gradient(275.09deg, var(--aqua) -11.96%, var(--blue) 53.96%, var(--blue-dark) 119.87%);}

.footer-nav { display: flex;}
.footer-nav a { display: block; position: relative;}

.footer-nav a:not(:first-child) { padding-left: 2rem;}
.footer-nav a:not(:last-child) { padding-right: 2rem;}
.footer-nav a:not(:last-child):after { content: ""; position: absolute; right: 0; top:50%; transform: translateY(-50%); width: 1px; height: 1.1em; background: #fff;}

.footer-bot { justify-content: space-between; line-height: 1.5;}

footer, footer a { color: #fff;}
footer a:hover, footer a:focus { color: var(--blue-bright);}

footer:after { position: absolute; background: url("../img/curve-to-footer-logo.svg") right center / auto 100% no-repeat; content: "";}

footer .address, footer .email { line-height: 1.5;}

@media (max-width:768px) {
  footer { padding: 10rem 0 6.5rem;}
  footer .row { gap: .8rem!important;}

  footer .email { margin-top: calc(var(--mb-base) * 1.6);}
  footer .social-links { margin-top: calc(var(--mb-base) * 1.5);}

  .footer-bot { margin-top: 58px;}

  .footer-logo { margin-top: 122px; width:235px;}
  /*footer:after { top: 35%; bottom: 0; width: 27vw;}*/
  footer:after { bottom: -18px; right: -86px; width: 354px; height: 377px;}
}
@media (min-width:769px) {
  footer { padding: 17.5rem 0 6rem;}
  footer .row { justify-content: flex-end;}

  footer .email { margin-top: calc(var(--mb-base) * 2);}

  footer .footer-bot { margin-top: calc(var(--mb-base) * 6); justify-content: flex-start; gap: 4rem;}

  footer:after { top: -9%; bottom: -33%; right: -4.5rem; width: 76.3rem;}
  .footer-logo { position: absolute; top:50%; /*margin-right: calc(-50vw + 1418px / 2 + 2.5rem);*/ width: 30.4rem;}

}

@media (max-width:768px) {
  footer { font-size: 2rem;}
  .footer-bot, .footnotes { font-size: 1.4rem; line-height: 1.5;}
}
@media (min-width:769px) {
  footer { font-size: 2.2rem;}
  .footer-bot, .footnotes { font-size: 1.4rem; line-height: 1.5;}
}
@media (min-width: 1440px) {
  footer { font-size: 2.4rem;}
  .footer-bot, .footnotes { font-size: 1.6rem;}
}
@media (min-width: 1920px) {
  footer { font-size: 2.6rem;}
  .footer-bot, .footnotes { font-size: 1.8rem;}
}



/*--------------------------------------------------------------
=== BUTTONS & SEPARATORS & ANCHORS ===
--------------------------------------------------------------*/
.btn { display: inline-block; cursor: pointer; border: 0;}

.btn-default, .btn-join { display: inline-flex; align-items: center;}
.btn-default { padding: .6rem .8rem .6rem 1rem; line-height: 1.2; font-weight: 600; color: var(--blue-dark); border: 2px solid var(--hightlight);} /* + */
.btn-default:hover, .btn-default:focus { color: var(--hightlight);}
.btn-default .ico-btn, .btn-join .ico-btn { position: relative; display: block; vertical-align: middle; margin-left: .6em;}


.btn-default .ico-btn:before, .btn-default .ico-btn:after, .btn-join .ico-btn:before, .btn-join .ico-btn:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; transition: .25s ease-in-out;}
.btn-default .ico-btn:before, .btn-join .ico-btn:before { background: url("../img/ico-btn-hightlight.svg") center / contain no-repeat;}
.btn-default .ico-btn:after, .btn-join .ico-btn:after  { opacity: 0; background: url("../img/ico-btn-hightlight.svg") center / contain no-repeat;}
.btn-join .ico-btn:after { background-image: url("../img/ico-btn-aqua.svg");}
.btn-default:hover .ico-btn:before, .btn-join:hover .ico-btn:before { opacity: 0;}
.btn-default:hover .ico-btn:after, .btn-join:hover .ico-btn:after { opacity: 1;}

.btn-default.w-dark-bg, .w-dark-bg .btn-default { color: #fff; border: 1px solid var(--blue-bright);}
.btn-default.w-dark-bg:hover, .btn-default.w-dark-bg:focus, .w-dark-bg .btn-default:hover, .w-dark-bg .btn-default:focus { color: #fff; border-color: #fff;}
.team-click.w-dark-bg .btn-default:hover, .team-click.w-dark-bg .btn-default:focus,
.join-our-team_wrapper.w-dark-bg .btn-default:hover, .join-our-team_wrapper.w-dark-bg .btn-default:focus { color: var(--blue-bright)!important;}
.btn-default.w-dark-bg .ico-btn:before, .w-dark-bg .btn-default .ico-btn:before { background: url("../img/ico-btn-blueBright.svg") center / contain no-repeat;}
.btn-default.w-dark-bg .ico-btn:after, .w-dark-bg .btn-default .ico-btn:after { background: url("../img/ico-btn-white.svg") center / contain no-repeat;}

@media (max-width:768px) {
  .btn-default { font-size: 1.8rem; border-radius: var(--brdrd);}
  .btn-default .ico-btn, .btn-join .ico-btn  { width: 1.1rem; height: 2.2rem;}
}
@media (min-width:769px) {
  .btn-default { font-size: 2rem; border-radius: var(--brdrd);}
  .btn-default .ico-btn, .btn-join .ico-btn  { width: 1.5rem; height: 2.9rem;}
}
@media (min-width: 1440px) {
  .btn-default { font-size: 2.2rem;}
}
@media (min-width: 1920px) {
  .btn-default { font-size: 2.8rem;}
}


.anchor { position: absolute; margin-top: -60px;}

.social-links { display: flex;}
.social-link { display: flex; justify-content: center; align-items: center; border-radius: 5px; background: var(--blue-bright); overflow: hidden;}
.social-link .social-title { position: absolute; font-size: 12px; font-weight: 300; opacity: 0;}

.social-ico { position: relative;}
.social-ico:before, .social-ico:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; content: ""; transition: .25s ease-in-out; background-position: center; background-size: contain; background-repeat: no-repeat;}
.social-link:hover. social-ico:before, .social-link:focus social-ico:before { opacity: 1;}
.social-link:hover .social-ico:after, .social-link:focus .social-ico:after { opacity: 0;}


.social-link.in .social-ico:before { background-image: url("../img/icon-in-white.svg");}
.social-link.in .social-ico:after { background-image: url("../img/icon-in-blueDark.svg");}

.social-link.x .social-ico:before { background-image: url("../img/icon-x-white.svg");}
.social-link.x .social-ico:after { background-image: url("../img/icon-x-blueDark.svg");}

@media (max-width:768px) {
  .social-link { width: 60px; height: 60px;}
  .social-link:not(:last-child) { margin-right: 3rem;}
  .social-link.in .social-ico { width: 36px; height: 34px;}
  .social-link.x .social-ico { width: 37px ;height: 38px;}
}
@media (min-width:769px) {
  .social-link { width: 7.2rem; height: 6.8rem;}
  .social-link:not(:last-child) { margin-right: 4.1rem;}
  .social-link.in .social-ico { width: 4rem; height: 3.8rem;}
  .social-link.x .social-ico { width: 4rem ;height: 4.1rem;}
}


/*--------------------------------------------------------------
=== BLOCKs ===
--------------------------------------------------------------*/

@media (max-width:768px) {
  .img-wrapper { margin-top: calc(var(--mb-base) * 1); margin-bottom: calc(var(--mb-base) * 1);}
}
@media (min-width:769px) {
  .img-wrapper { margin-top: calc(var(--mb-base) * 2); margin-bottom: calc(var(--mb-base) * 4);}
}

/* --- section Join */
.join_img, .join_img img { border-radius: var(--brdrd);}
.join_img img { overflow: hidden;}
@media (max-width:768px) {
  .join_img { margin: 10rem -16px -5rem;}
}
@media (min-width:769px) {
  .join { position: relative;}
  .join:before { z-index: 1; position: absolute; top: -5.1rem; right: 0; width: 86%; max-width: 170.8rem; height: 10.2rem; background: url("../img/join-top.svg") left top / cover no-repeat; content: "";}
  .join_img { z-index: 2; position: relative; margin-top: calc(-8% - 15rem); margin-right: -50px;}

  .join picture { z-index: 1; position: relative;}

}
@media (min-width:1418px) {
  .join_img {margin-right: calc(-50vw + 1418px / 2 - 41px);}
}


/* --- LINE to Section Title */ /* + */
.section-title.w-line, .subsection-title.w-line { position: relative; padding-top: 2.3rem;}
.section-title.w-line:before, .subsection-title.w-line:before { position: absolute; top: 0; width: 25rem; height: 2px; border-radius: 2px; content: ""; background: var(--hightlight);}
.w-dark-bg .section-title.w-line:before, .w-dark-bg .subsection-title.w-line:before { background: var(--blue-bright);}
.section-title.w-line.text-center:before, .subsection-title.w-line.text-center:before { left:50%; transform: translateX(-50%);}




/* section-title-group */
.section-title-group { margin-bottom: 5rem;}
.section-title-group .section-title { margin-bottom: .5rem!important;}


/* --- LATEST NEWS */ /* + */
.news-latest, .gr-blue2-lt { position: relative; overflow: hidden;}
.news-latest .container, .gr-blue2-lt .container { z-index: 1; position: relative;}
.news-latest:before, .gr-blue2-lt:before  { z-index: 0; position: absolute; left: 0; right: 0; top: 0; height: 80rem; content: ""; background: linear-gradient(153.52deg, #BDD1FE 7%, #FFF 39.01%);}

.news-item { display: block;}
.news-item:not(:last-child) { margin-bottom: calc(var(--mb-base) * 3);}
.news-item .date { line-height: 1.5; font-weight: 600; text-transform: uppercase;}
.news-item .date {}
section:not(.w-dark-bg)  .news-item .date {  color: var(--blue);}
section:not(.w-dark-bg)  .news-item:hover .date, section:not(.w-dark-bg)  .news-item:focus .date {  color: var(--hightlight);}
section.w-dark-bg .news-item .date { color: #fff;}

@media (max-width: 768px) {
  .news-item .date { font-size: 1.6rem;}
}
@media (min-width:769px) {
  .news-latest { padding: 23rem 0 18rem;}
  .news-item { display: flex;}
  .news-item .date { flex: 0 0 25%; padding-right: 2rem; font-size: 1.8rem;}
}
@media (min-width: 1440px) {
  .news-item .date { font-size: 2.2rem;}
}
@media (min-width: 1920px) {
  .news-item .date { font-size: 2.3rem;}
}


/*--------------------------------------------------------------
=== page INVESTOR   ===
--------------------------------------------------------------*/
/* press-releases */
.press-releases .section-title { margin-bottom: calc(var(--mb-base) * 3)!important;}
.press-releases .btn-row { margin-top: calc(var(--mb-base) * 3);}

@media (max-width:768px) {
}
@media (min-width:769px) {
  .press-releases { padding: 15.7rem 0 14rem;}
  .press-releases:after { right: -15.5rem;}
  .press-releases .news-item .news-title { flex: 0 0 60%;}
}


/* stock-events */
.stock-events .subsection .subsection-title { margin-bottom: calc(var(--mb-base) * 1.5)!important;}
.stock-title { color: var(--blue);}
.stock-title, .stock-date, .stock-event-date { font-weight: 600;}
.stock-value {  margin: 1rem 0!important;}

.stock-events .events .btn-row { margin-top: calc(var(--mb-base) * 2.5);}


@media (max-width:768px) {
  .stock-events .subsection { margin-top: calc(var(--mb-base) * 4.5);}
  .stock-events .row-1 .col:first-child .subsection:first-child { margin-top: 0!important;}
}
@media (min-width:769px) {
  .stock-events .row-2 { margin-top: calc(var(--mb-base) * 9);}
}

@media (max-width:768px) {
  .stock-title, .stock-event-date { font-size: 1.6rem;}
  .stock-date { font-size:1.4rem;}
}
@media (min-width:769px) {
  .stock-title, .stock-event-date { font-size: 1.8rem;}
  .stock-date { font-size:1.4rem;}
}
@media (min-width: 1440px) {
  .stock-title, .stock-event-date { font-size: 2.2rem;}
  .stock-date { font-size: 1.6rem;}
}
@media (min-width: 1920px) {
  .stock-title, .stock-event-date { font-size: 2.6rem;}
  .stock-date { font-size: 1.8rem;}
}

/* stock-quote-chart */
@media (max-width:768px) {
  .stock-quote-chart .col-1 { padding: 1rem 0;}
}
@media (min-width:769px) {
  .stock-quote-chart .col-1 { padding-top: 1.8%;}
}


/* investor links */
.investor-links { z-index: 4; position: relative; padding: 2.5rem 0; line-height: 1.45; font-weight: 600; text-transform: uppercase;}
.investor-links .row, .investor-links .link-item { display: flex; gap: 1rem; align-items: center;}
.investor-links .link-item { position: relative;}

.investor-links .link-item:before, .investor-links .link-item:after { display: block; content: ""; background-size: contain; background-position: center; background-repeat: no-repeat; transition: .25s ease-in-out;}
.investor-links .link-item:before {}
.investor-links .link-item:after { opacity: 0; position: absolute; left: 0;}

.investor-links .link-item:hover:before, .investor-links .link-item:focus:before { opacity: 0;}
.investor-links .link-item:hover:after, .investor-links .link-item:focus:after { opacity: 1;}

.investor-links .link-print:before, .investor-links .link-print:after { width: 5.2rem; height: 5.2rem;}
.investor-links .link-contact:before, .investor-links .link-contact:after { width: 3.4rem; height: 3.4rem;}
.investor-links .link-rss:before, .investor-links .link-rss:after { width: 4.9rem; height: 4.9rem;}
.investor-links .link-email:before, .investor-links .link-email:after { width: 3.9rem; height: 3.1rem;}

.investor-links .link-print:before { background-image: url("../img/ico-print.svg");}
.investor-links .link-print:after { background-image: url("../img/ico-print-blueH.svg");}

.investor-links .link-contact:before { background-image: url("../img/ico-contact.svg");}
.investor-links .link-contact:after { background-image: url("../img/ico-contact-blueH.svg");}

.investor-links .link-rss:before { background-image: url("../img/ico-rss.svg");}
.investor-links .link-rss:after { background-image: url("../img/ico-rss-blueH.svg");}

.investor-links .link-email:before { background-image: url("../img/ico-email.svg");}
.investor-links .link-email:after { background-image: url("../img/ico-email-blueH.svg");}

@media (max-width:768px) {
  .investor-links .row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 2rem;}
  .investor-links .link-item { width: calc(50% - 2rem);}
}
@media (min-width:769px) {
  .investor-links .link-item:not(:last-child) { margin-right: 8rem;}
}

@media (max-width:768px) {
  .investor-links { font-size: 1.4rem;}
}
@media (min-width:769px) {
  .investor-links { font-size: 1.4rem;}
}
@media (min-width: 1440px) {
  .investor-links { font-size: 1.6rem;}
}
@media (min-width: 1920px) {
  .investor-links { font-size: 1.8rem;}
}


/* --- section FOCUSED */
.focused {}
.focused-row { margin-top: 5rem; gap: 0;}
.focused-item-1 .focused-item-wrapper { background: linear-gradient(61.02deg, rgba(239, 252, 255, 0.5) 18.75%, rgba(186, 242, 255, 0.5) 82.18%);}
.focused-item-2 .focused-item-wrapper { background: linear-gradient(241.02deg, rgba(192, 211, 254, 0.7) 17.61%, rgba(218, 248, 255, 0.65) 69.9%);}
.focused-item-3 .focused-item-wrapper { background: linear-gradient(241.02deg, #C0D3FE 20.17%, rgba(192, 211, 254, 0.3) 72.85%);}

.focused-item-wrapper { position: relative; padding-top: 100%; width: 100%; border-radius: 100%;}
.focused-item-inner { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; text-align: center;}

.focused-item-1 .focused-item-inner * { max-width: 331px;}
.focused-item-2 .focused-item-inner * { max-width: 300px;}
.focused-item-3 .focused-item-inner * { max-width: 350px;}

.focused-item .dots-line { margin-bottom: 2rem; display: flex; align-items: center; gap: .9rem;}
.focused-item .dots-line i { display: block; border-radius: 100%; background: #fff;}

.focused-item_text { line-height: 1.38; font-weight: 600;}
.focused-item_info { margin-top: 2rem; line-height: 1.35; font-weight: 500; font-style: italic;}

@media (max-width:768px) {
  .focused { padding-top: 8rem;}
  .focused-item { margin-top: -2.5rem; margin-bottom: -2.5rem;}
  .focused-item-inner { padding: 4rem 4rem 6rem; justify-content: center;}
  .focused-item .dots-line i { width: 2.8rem; height: 2.8rem;}
  .focused-item-1 .dots-line i:nth-child(2), .focused-item-3 .dots-line i:nth-child(2) { width: 2.2rem; height: 2.2rem;}
  .focused-item-1 .dots-line i:nth-child(1), .focused-item-3 .dots-line i:nth-child(3) { width: 1.6rem; height: 1.6rem;}

  .focused-item_text { font-size: 1.7rem;}
  .focused-item_info { font-size: 1.7rem;}
}
@media (min-width:769px) {
  .focused { padding-top: 12rem;}
  .focused-row {}
  .focused-item { width: 35%;}
  .focused-item-wrapper { padding-top: calc(100% + 3rem); width: calc(100% + 3rem);}
  .focused-item-2 .focused-item-wrapper { margin-left: -1.5rem;}
  .focused-item-3 .focused-item-wrapper { margin-left: -3rem;}
  .focused-item-inner { padding: 20% 4rem 4rem;}
  .focused-item .dots-line i { width: 3.4rem; height: 3.4rem;}
  .focused-item-1 .dots-line i:nth-child(2), .focused-item-3 .dots-line i:nth-child(2) { width: 2.8rem; height: 2.8rem;}
  .focused-item-1 .dots-line i:nth-child(1), .focused-item-3 .dots-line i:nth-child(3) { width: 2.2rem; height: 2.2rem;}

  .focused-item_text { font-size: 2.3rem;}
  .focused-item_info { font-size: 2rem;}

}


/* --- section VISION-MISSION */
.vision-mission { background: linear-gradient(286.81deg, var(--blue) 7.76%, var(--blue-medium) 57.09%); overflow: hidden;}
.vision-mission  .row-1 .col-1 *, .vision-mission  .row-2 .col-1 * { max-width: 530px;}
.vision-mission  .row-1 .col-2 * { max-width: 605px;}
.vision-mission h3.subsection-title { margin-bottom: calc(var(--mb-base) * 1.5 / 2);}
@media (max-width:768px) {
  .vision-mission  .subsection { margin-bottom: 4rem;}
  .vision-mission  .row-2 .col-1 { padding-top: 4rem;}
  .vision-mission  .row-2 .col-2 { margin-top: -5rem; margin-bottom: -5rem;}
}
@media (min-width:769px) {
  .vision-mission  .row-2 { margin-top: 7rem;}
  .vision-mission  .row-2 .col-1 { padding-top: 15.7rem;}
}


/* --- bubble */
.bubble { line-height: 1.35; font-weight: 600; text-align: center; color: var(--blue-dark)!important; display: flex; align-items: center; justify-content: center; padding: 17% 16.5% 16% 15.5%;}
.bubble-inner {}

.bubble-1 { width: 46.5rem; height: 46.5rem; background: url("../img/bubble-1.svg") center / contain no-repeat;}
.bubble-2 { width: 47.5rem; height: 47.5rem; background: url("../img/bubble-2.svg") center / contain no-repeat;}
.bubble-green {}
.bubble-purple {}

@media (max-width:768px) {
  .bubble { font-size: 1.6rem; width: 36rem; height: 36rem;}
  .bubble-inner { width: 85%;}
  .bubble-1 { margin-left: -19%;}
  .bubble-2 { margin-top: -24%; margin-left: 10%;}
}
@media (min-width:769px) {
  .vision-mission { padding-bottom: 7.2rem;}
  .bubble { font-size: 1.8rem;}
  .bubble-1 { margin-left: -12%;}
  .bubble-2 { margin: -40% 0 0 28%;}
}
@media (min-width: 1440px) {
  .bubble { font-size: 2rem;}
}
@media (min-width: 1920px) {
  .bubble { font-size: 2.2rem;}
}


/* --- TEAM ITEM */
.team-wrapper { display: flex; flex-wrap: wrap; justify-content: center;}
.team-item { margin: 4.5rem 1.5rem; flex: 0 0 calc(33.33% - 3rem);}
.team-wrapper .team-item { cursor: pointer;}
.team-item .item-img, .team-item .item-img picture, .team-item .item-img img { border-radius: var(--brdrd-sm); overflow: hidden;}
.team-item .item-img { z-index: 1; position: relative; padding-bottom: 100%; transition: .25s ease-in-out; background: url("../img/team-na.webp") center / cover no-repeat;}
.team-wrapper .team-item:hover .item-img { filter: brightness(112%);}

.team-item .item-img picture, .team-item .item-img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}

.team-item .item-text { z-index: 2; position: relative; margin: -4rem 1.6rem 0; padding: 2.4rem 2rem; background: linear-gradient(180deg, rgba(5, 78, 160, 0.8) 0%, #015FB0 48.56%, rgba(30, 68, 136, 0) 100%);}
.team-item .item-text:before { position: absolute; left: 0; right: 0; top: 0; height: 1px; content: ""; background: var(--blue-bright);}
.team-item:hover .item-text { background: linear-gradient(180deg, rgba(0, 94, 198, 0.8) 0%, #0472D1 48.56%, rgba(30, 68, 136, 0) 100%);}
.team-item:hover .item-text:before { background: var(--hightlight);}

.name { line-height: 1.35; font-weight: 600;}
.position { line-height: 1.35; font-weight: 500;}
.team-item .special { line-height: 1.35; font-weight: 500; font-style: italic; color: var(--blue-medium);}

@media (max-width:768px) {
  .team-item { flex: 0 0 100%; width: 336px;}
  .name { font-size: 1.6rem;}
  .position { font-size: 1.3rem;}
  .team-item .special { font-size: 1.3rem;}
}
@media (min-width:769px) {
  .team-wrapper { margin: 5rem -1.5rem; width: calc(100% + 3rem);}
  .name { font-size: 1.8rem;}
  .position { font-size: 1.5rem;}
  .team-item .special { font-size: 1.5rem;}
}
@media (min-width: 1440px) {
  .name { font-size: 2rem;}
  .position { font-size: 1.6rem;}
  .team-item .special { font-size: 1.6rem;}
}
@media (min-width: 1920px) {
  .name { font-size: 2.2rem;}
  .position { font-size: 1.8rem;}
  .team-item .special { font-size: 1.8rem;}
}
@media (min-width: 769px) and (min-resolution: 1.5dppx) {
  .team-item .item-img { background-image: url("../img/team-na@2x.webp");}
}


/* --- LEADERSHIP */
.leadership { position: relative; overflow: hidden; background: linear-gradient(106.57deg, var(--blue-dark) 7.58%, var(--blue-medium) 92.24%);}
.leadership .container { z-index: 1; position: relative;}

.leadership .section-title { margin-bottom: var(--mb-base)!important;}
.leadership .team-wrapper { margin-top: 7rem;}
@media (max-width:768px) {
  .leadership .team-wrapper { justify-content: center;}
  .leadership .subsection-title { margin-top: 4rem; padding-top: 1.3rem;}
}
@media (min-width:769px) {
  .leadership { padding: 15.4rem 0 20rem;}
  /*.leadership:before, .leadership .bio:before { z-index: 0; position: absolute; left: -34vw; top: -3vw; bottom: 0; width: 170vw; background: url("../img/curve-leadership.svg") center / contain no-repeat; content: "";}*/
  .leadership:before, .leadership .bio:before { z-index: 0; position: absolute; left: -10vw; top: 0; bottom: 0; width: 120vw;  background: url("../img/curve-leadership.svg") center / cover no-repeat; content: "";}
  .leadership .section-title { max-width: 55%;}
  .leadership .subsection-title { padding-top: 2rem;}
}


/* -- BOARD */
.board { position: relative; padding-bottom: 0;}
.board .team-wrapper .team-item { border-top: 1px solid var(--hightlight);}

.board .team-item * { z-index: 1; position: relative;}
.board .team-wrapper .team-item:before { z-index: 0; position: absolute; left: 0; right: 0; top: 0; height: 9.6rem; content: ""; background: linear-gradient(168deg, #DAF8FF 0%, #FFFFFF 50%);}
.board .position, .board .special { margin-top: .5rem;}

.board .team-item:hover { border-top-color: var(--blue-bright);}
.board .team-item:hover:before  { background: linear-gradient(168deg, #BAF2FF -4%, #FFFFFF 50%);}

@media (max-width:768px) {
  .board .team-wrapper { margin: 0 -8px;}
  .board .team-wrapper .team-item { margin: 1.75rem 8px;  padding: 1.2rem 1rem 0; flex: 0 0 calc(50% - 16px); width: calc(50% - 16px);}
}
@media (min-width:769px) {
  .board .team-item { position: relative; margin-bottom: 3.8rem; padding: 1.8rem 2rem 0; min-height: 9.6rem;}
}

/* --- BIO */
body.popup-open { overflow: hidden;}
body.popup-open:before { z-index: 1; position: fixed; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: var(--blue-dark);}
body.popup-open .container { z-index: auto;}
.bio {z-index: 10000;position: fixed;top: 0;bottom: 0;left: -1px;right: -2px;margin: 0; display: flex;}

.leadership .bio { background: var(--blue-dark);}
.board .bio { background: var(--blue); color: #fff;}

.bio .bio-wrapper {position: relative;}

.bio-item {flex: auto; margin: 0;}

.bio .col-1 {
  flex: 0 0 420px;
  position: relative;
  margin-right: 40px;
}
.bio .col-2 {
  flex-grow: 1;
}
.bio .item-img {
  width: 420px;
}
.bio-name { margin-bottom: 0!important;}
.bio-position { font-weight: 400!important;}
.bio-text { padding-right: 2rem; width: 100%; line-height: 1.38;}

@media (max-width:768px) {
  .bio-text { font-size: 1.5rem;}
}
@media (min-width:769px) {
  .bio-text { font-size: 1.5rem;}
}
@media (min-width: 1440px) {
  .bio-text { font-size: 1.7rem;}
}
@media (min-width: 1920px) {
  .bio-text { font-size: 1.9rem;}
}

.close {
  position: relative;
  width: 3.6rem;
  height: 3.6rem;
  cursor: pointer;
  border-radius: 100%;
  background: var(--blue-bright);
}
.bio .close {
  position: absolute;
  right: 22px;
  top: 44px;
}
.close:before, .close:after {
  content: "";
  position: absolute;
  left: 10%;
  top: 45%;
  width: 80%;
  height: 3px;
  border-radius: 2px;
  background: var(--blue-dark);
  transition: .25s ease-in-out;
}
.close:hover { background: var(--lavandar-light);}
.close:hover:before, .close:hover:after { /*background: #fff;*/ rotate: 180deg;}
.close::before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}
.bio .slider-controls {
  position: absolute;
  bottom: -7rem;
}
.slider-controls a {
  position: relative;
  display: inline-block;
  margin-left: .5rem;
  width: 23px;
  height: 24px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMyAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjMgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yLDEwLjVjLTAuOCwwLTEuNSwwLjctMS41LDEuNXMwLjcsMS41LDEuNSwxLjVWMTAuNXogTTIyLjEsMTMuMWMwLjYtMC42LDAuNi0xLjUsMC0yLjFsLTkuNS05LjUNCgljLTAuNi0wLjYtMS41LTAuNi0yLjEsMGMtMC42LDAuNi0wLjYsMS41LDAsMi4xbDguNSw4LjVsLTguNSw4LjVjLTAuNiwwLjYtMC42LDEuNSwwLDIuMWMwLjYsMC42LDEuNSwwLjYsMi4xLDBMMjIuMSwxMy4xeiBNMiwxMg0KCXYxLjVoMTlWMTJ2LTEuNUgyVjEyeiIvPg0KPC9zdmc+DQo=);
  }
.slider-controls a:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMyAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjMgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMwMEY0RkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yLDEwLjVjLTAuOCwwLTEuNSwwLjctMS41LDEuNXMwLjcsMS41LDEuNSwxLjVWMTAuNXogTTIyLjEsMTMuMWMwLjYtMC42LDAuNi0xLjUsMC0yLjFsLTkuNS05LjUNCgljLTAuNi0wLjYtMS41LTAuNi0yLjEsMGMtMC42LDAuNi0wLjYsMS41LDAsMi4xbDguNSw4LjVsLTguNSw4LjVjLTAuNiwwLjYtMC42LDEuNSwwLDIuMWMwLjYsMC42LDEuNSwwLjYsMi4xLDBMMjIuMSwxMy4xeiBNMiwxMg0KCXYxLjVoMTlWMTJ2LTEuNUgyVjEyeiIvPg0KPC9zdmc+DQo=);
}
.slider-controls .prev {
  transform: rotate(-180deg);
}

@media (max-width:768px) {
  .bio { position: fixed; left: 0; right: 0; top: 0; bottom: 0;}
  .bio .bio-wrapper { padding: 0;}
  .bio-item { width: auto; position: absolute; left: 16px; right: 16px; top: 8rem; bottom: 6rem; overflow: auto;}
  .bio .col-1 { flex: auto; margin-right: 0;}
  .bio .item-img { width: 100%; max-width: 336px; height: auto; margin: 0 auto;}
  .bio-text { margin-top: calc(var(--mb-base) * 1);}
  .bio .close { top: 22px;}
  .bio .slider-controls { left: .5rem; bottom: 2.1rem;}
}
@media (min-width:769px) {
  .bio { align-items: center; justify-content: center;}
  .bio .bio-wrapper { margin: 7rem 0 9rem;}
  .board .bio { align-items: center;}
  .board .bio .bio-wrapper {
   position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 5rem;
  }
  .board .bio .slider-controls { bottom: 0;}
  .leadership .bio .bio-wrapper { position: relative;}
  .leadership .bio-item { display: flex;}
  .bio-text { margin-top: calc(var(--mb-base) * 2);}
  .leadership .bio-text { padding-right: 1rem;max-height: calc(100vh - 40rem); overflow: auto;}
  .board .bio-text { height: 25rem; max-height: calc(100vh - 40rem); overflow: auto;}

  .leadership .bio .close { top: 2rem;}

  .leadership .bio .slider-controls { left: 500px;}
}


  /* --- CONTACT */
.contact { font-weight: 500;}
.contact .row-1 p { margin-bottom: calc(var(--mb-base) * 1.75)!important;}
.contact .map-wrapper { position: relative; border-radius: var(--brdrd); overflow: hidden;}
.contact .map-wrapper > * { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}

.contact .row-2 .col { border-radius: var(--brdrd);}
.contact .row-2 .col-2 { padding: 3rem; background: rgba(255,255,255,.9);}

@media (max-width:768px) {
  .contact { background: url("../img/contact-m.webp") center bottom / 100% auto no-repeat;}
  .contact .row-1 { gap: 0;}
  .contact .map-wrapper { height: 50vw;}
}
@media (min-width:769px) {
  .contact { background: url("../img/contact.webp") center bottom / 100% auto no-repeat;}
  .contact .row-2 { margin-top: 26rem; height: 31.2rem;}
  .contact .row-2 .col-2 { display: flex; flex-direction: column; justify-content: center;}
  .contact .map-wrapper { height: 100%;}
}
@media (min-width: 769px) and (min-resolution: 1.5dppx) {
  .contact { background-image: url("../img/contact@2x.webp");}
}


/*--------------------------------------------------------------
=== FOOTNOTES ===
--------------------------------------------------------------*/
.footnotes { margin: calc(var(--mb-base) * 2.5) 0 calc(var(--mb-base) * 4);}


/* --- PAGE Science */
.science_intro .footnotes { margin-top: calc(var(--mb-base) * 3.5)!important;}
.in-hs { margin-bottom: 0!important; background: var(--blue-light-tint);}
.in-hs:after { display: none!important;}

@media (max-width:768px) {
}
@media (min-width:769px) {
  .in-hs .decorative-wrapper { z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;}
  .in-hs .antibody-bg { position: absolute; top:-6rem; right: -13rem; width: 52.4rem; height: 51.8rem; transform: rotate(-150deg); opacity: .6;}
  .in-hs .container { z-index: 1; position: relative;}
}


/*--------------------------------------------------------------
=== WHITE BOX ===
--------------------------------------------------------------*/
.white-box { padding: 4rem; border-radius: var(--brdrd-sm); background: #fff;}
.white-box picture, .white-box img { border-radius: var(--brdrd); overflow: hidden;}

/*--------------------------------------------------------------
=== BOX ROUNDED ===
--------------------------------------------------------------*/
.box-rounded { padding: 5rem; border-radius: var(--brdrd-sm); overflow: hidden;}
.box-rounded, .box-rounded .row { gap: calc(var(--gap) * 2);}


/*--------------------------------------------------------------
=== PAGE Patients ===
--------------------------------------------------------------*/
/*.patients_intro { padding-bottom: 0;}*/
/* clinical-trials */
.clinical-trials {}
.clinical-trials .box-rounded { background: var(--blue-light-tint);}
.page-content .clinical-trials .subsection { margin-top: 0!important;}
.page-content .clinical-trials .subsection:not(:last-child) { margin-bottom: calc(var(--mb-base) * 2.5);}


.patients_bottom-img, .patients_bottom-img img { border-radius: var(--brdrd-sm) var(--brdrd-sm) 0 0; overflow: hidden;}
@media (max-width:768px) {
  .patients_bottom-img, .patients_bottom-img img {}
  .patients_bottom-img picture, .patients_bottom-img img { width: 100vw; height: 54vw; object-position: center; object-fit: cover;}
}
@media (min-width:1515px) {
  .patients_bottom-img, .patients_bottom-img img {}
}


/*--------------------------------------------------------------
=== PAGE Career ===
--------------------------------------------------------------*/

/* quotes */
.quotes { padding: 0!important; gap: 0;}
.quote { position: relative; display: flex; justify-content: flex-end; align-items: center;}

.quote-img, .quote-img img { z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; object-position: center;}

.quote-content { z-index: 1; position: relative; display: flex; flex-direction: column; border-radius: var(--brdrd); background: rgba(255,255,255,.86);}
.quote-content:after { position: absolute; left: 0; right: 0; bottom: 0; height: 1.2rem; content: ""; background: var(--aqua); border-radius: 0 0 var(--brdrd) var(--brdrd);}

.quote-content blockquote { flex-grow: 1;  font-weight: 600; line-height: 1.25;}
.quote-author { position: relative; margin-top: 3rem; padding-top: 1.2rem;}
.quote-author:before { position: absolute; left: 0; top: 0; width: 18rem; height: 2px; content: ""; border-radius: 2px; background: var(--aqua);}

.quote-2 .quote-content:after,
.quote-2 .quote-author:before { background: var(--hightlight);}

.quote-3 .quote-content:after,
.quote-3 .quote-author:before { background: var(--lavander);}

.quote-4 .quote-content:after,
.quote-4 .quote-author:before { background: var(--yellow);}

@media (max-width:768px) {
  .quotes { margin-bottom: -8rem;}
  .quote { margin-bottom: 14rem; padding: 73.2vw 16px 0;}
  .quote-content { padding: 3rem 1.3rem 2rem; width: 100%; margin-bottom: -7rem;}
}
@media (min-width:769px) {
  .quote { padding: 5.2vw 4% 4.5vw 0;}
  .quote-content { padding: 3rem 2rem 2rem; width: 50%; max-width: 441px; height: 100%;}
}
@media (min-width:769px) and (max-width:1099px) {
  .quotes.row { display: block;}
  .quote { padding: 11.4vw 8% 10vw 0;}
}
@media (max-width:768px) {
}
@media (min-width:769px) {
}
@media (min-width: 1440px) {
}
@media (min-width: 1920px) {
  .quote .position { font-size: 1.6rem;}
}


/* w-curveBlue-right */
.w-curveBlue-right { position: relative; overflow: hidden;}
.w-curveBlue-right .container { z-index: 2; position: relative;}
@media (max-width:768px) {
}
@media (min-width:769px) {
  .w-curveBlue-right:before { z-index: 1; position: absolute; top: -2%; bottom: -5%; left: 13.6%; right: -13.6%; content: ""; background: url("../img/curveBlue.svg") right center / cover no-repeat;}
}
@media (min-width:1921px) {
  .w-curveBlue-right:before { width: 1920px; left: 17%; /*right: -262px;*/ top: -35px; bottom: -88px;}
}

/* values */
.values { position: relative;}
.values .col {}

.values .section-title { margin-bottom: 7.8rem;}
.values .section-title.w-line:before { background: var(--blue-bright);}

.value-title { margin-bottom: .5rem; position: relative; padding-top: 1.2rem;}
.value-title:before { z-index: 0; position: absolute; left: 0; right: 0; top: 0; height: 6px; content: ""; border-radius: 6px; background: var(--blue);}

.col-2 .value-title:before { background: var(--aqua);}
.col-3 .value-title:before { background: var(--lavander);}
.col-4 .value-title:before { background: var(--yellow);}
.col-5 .value-title:before { background: var(--hightlight);}

.value-ico img { margin: auto;}

@media (max-width:768px) {
  .values .col { margin-left: auto; margin-right: auto; width: 265px;}
  .values .col:not(:last-child) { margin-bottom: 4rem;}
  .value-ico img { height: 13.7rem;}
}
@media (min-width:769px) and (max-width: 949px) {
  .values .row { flex-wrap: wrap;}
  .values .col { width: 30%!important;}
  .value-ico img { height: 10rem!important;}
}
@media (min-width:769px) {
  .values { padding-top: 18rem; padding-bottom: 13rem;}
  .values:before { z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background: linear-gradient(0deg, #DAF8FF 3.41%, #FFFFFF 30.74%);}
  .values .row { gap: calc(1rem + 3.4%);}
  .values .col { width: 20%;}
  .value-title { min-height: 12.7rem;}
  .value-ico img { height: 13.7rem;}
}
@media (min-width: 1440px) {
  .value-title { font-size: 2.6rem; min-height: 14.8rem;}
}
@media (max-width: 1235px) {
  .value-item br.xs-hidden { display: none;}
}


/* smaller bulleted copy */
@media (max-width:768px) {
  .text-bull-sm { font-size: 1.8rem; line-height: 1.35;}
}
@media (min-width:769px) {
  .text-bull-sm { font-size: 2rem; line-height: 1.35;}
}
@media (min-width: 1440px) {
  .text-bull-sm { font-size: 1.8rem;}
}
@media (min-width: 1920px) {
  .text-bull-sm { font-size: 2.2rem;}
}


/* good-fit */
.good-fit { position: relative;}
.good-fit:before { z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background: linear-gradient(180deg, #BDD1FE -10.73%, #FFFFFF 20.25%);}

.good-fit .section-title { margin-bottom: 2rem;}
.good-fit ul { margin-left: auto; margin-right: auto; max-width: 1096px;}

@media (max-width:768px) {
}
@media (min-width:769px) {
  .good-fit { padding-bottom: 30rem;}
}


/* competitive-benefits */
.competitive-benefits .section-title:before { background: var(--blue-bright);}
.competitive-benefits .row { justify-content: center;}
.competitive-benefits .row ul { margin-bottom: 0!important; max-width: 532px;}

@media (max-width:768px) {
  .competitive-benefits { padding-bottom: 0;}
  .competitive-benefits .row { gap: 0;}
}
@media (min-width:769px) {
}


/* join-our-team */
.join-our-team { background: url("../img/join-our-team.webp") center bottom / 250% auto no-repeat;}
@media (max-width:768px) {
  .join-our-team { padding-top: 8rem; padding-bottom: 110vw;}
}
@media (min-width:769px) {
  .join-our-team { padding: 9vw 0 8vw; background-size: cover;}
}
@media (min-width: 769px) and (min-resolution: 1.5dppx) {
  .join-our-team { background-image: url("../img/join-our-team@2x.webp");}
}


.join-our-team_wrapper { border-radius: var(--brdrd); background: linear-gradient(311.12deg, var(--aqua) 0%, var(--blue) 69.47%);}

.join-our-team .section-title { margin-bottom: 1.8rem;}

@media (max-width:768px) {
  .join-our-team_wrapper { padding: 3.3rem 2.3rem 4rem;}
}
@media (min-width:769px) {
  .join-our-team_wrapper { padding: 3.3rem 2.3rem 4rem; width: 49.6rem;}
  .join-our-team .btn-row { margin-top: 4.5rem;}
}


/*--------------------------------------------------------------
=== PAGE Pipeline ===
--------------------------------------------------------------*/

@media (max-width:768px) {
  .pipeline-notes { margin-top: 1.5rem; font-size: 1.4rem; line-height: 1.5;}
}
@media (min-width:769px) {
  .pipeline-wrapper { margin-top: 2rem;}
  .pipeline-notes { margin-top: 3rem; font-size: 1.8rem; line-height: 1.5;}
}

.pipeline-wrapper .row { gap: 0;}
.pipeline-thead { align-items: flex-end; text-align: center; border-bottom: .5rem solid #004799;}
.pipeline-item { border-bottom: .2rem solid rgba(0,166,207,.3);}
.pipeline-thead .th, .pipeline-item > * { padding: .5rem;}

.pipeline-item .item-line { padding-left: 0; padding-right: 0;}
.pipeline-item .item-line div { position: relative; margin-left: -1px; height: 4.8rem; border-radius: 0 4.8rem 4.8rem 0; background: linear-gradient(270deg, var(--blue-medium) 0%, var(--blue-dark) 102.1%);}
#pipeline-item-2.pipeline-item .item-line div, #pipeline-item-3.pipeline-item .item-line div { background: linear-gradient(272.75deg, var(--aqua) 2.29%, var(--blue) 97.71%);}

@media (max-width:889px) {
  .pipeline-wrapper { border-top: .5rem solid #004799;}
  .pipeline-wrapper .row { padding-top: 1.5rem;  padding-bottom: 1.5rem; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}

  .pipeline-item .item-title { order: 1; font-size: 2.4rem; line-height: 1.15; font-weight: 600;}
  .pipeline-item .item-status { order: 2; font-size: 1.6rem; line-height: 1.3; font-weight: 500; display: flex; align-items: center;}
  .pipeline-item .item-moa { order: 4; flex: 0 0 100%;}
  .pipeline-item .moa-1 { font-size: 1.6rem; line-height: 1.3; font-weight: 700;}
  .pipeline-item .moa-2 { font-size: 1.4rem; line-height: 1.3; font-weight: 500;}
  .pipeline-item .item-line { order: 3; flex: 0 0 100%;}
  .pipeline-item .item-ind, .pipeline-item .item-potential-ind, .pipeline-item .item-region { display: none;}

  .pipeline-item .item-control { display: none;}
}
@media (min-width:890px) {
  .pipeline-item { align-items: center; min-height: 15.4rem; border-bottom: .2rem solid rgba(0,166,207,.3);}
  .pipeline-item > div { padding-top: 1rem; padding-bottom: 1rem;}

  .pipeline-thead .th:nth-child(1), .pipeline-thead .th:nth-child(2),
  .pipeline-item > div:nth-child(1), .pipeline-item > div:nth-child(2) { flex: 0 0 15%;}
  .pipeline-thead .th:nth-child(5), .pipeline-thead .th:nth-child(6), .pipeline-thead .th:nth-child(7),
  .pipeline-item > div:nth-child(5), .pipeline-item > div:nth-child(6), .pipeline-item > div:nth-child(7){ flex: 0 0 12%;}

  .pipeline-thead .th:nth-child(3), .pipeline-thead .th:nth-child(4) { flex: 0 0 17%;}
  .pipeline-item > div:nth-child(4) { flex: 0 0 34%;}

  .pipeline-thead .th,
  .pipeline-item .item-title, .pipeline-item .item-moa, .pipeline-item .item-ind, .pipeline-item .item-potential-ind, .pipeline-item .item-region { flex: 0 0 14.2857%;}
  .pipeline-item .item-line { flex: 0 0 28.5714%;}

  .pipeline-item .item-moa { position: relative; min-height: 15.4rem; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; border-right: 2px solid rgba(0,166,207,.3);}
  .pipeline-item .item-moa:before { z-index: 0; position: absolute; left: 40%; right: 0; top: 0; bottom: 0; content: ""; background: linear-gradient(273.71deg, #DAF8FF -26.03%, #FFFFFF 46.52%);}
  .pipeline-item .item-moa div { z-index: 1; position: relative;}

  .pipeline-thead .th { font-size: 1.6rem; line-height: 1.3; font-weight: 500;}
  .pipeline-item .item-title { font-size: 2.4rem; line-height: 1.15; font-weight: 600;}
  .pipeline-item .moa-1 { font-size: 2rem; line-height: 1.3; font-weight: 700;}
  .pipeline-item .moa-2 { font-size: 1.5rem; line-height: 1.3; font-weight: 500;}
  .pipeline-item .item-ind, .pipeline-item .item-potential-ind, .pipeline-item .item-region { font-size: 2rem; line-height: 1.3; font-weight: 500; text-align: center;}

  .th-program, .pipeline-item .item-title { padding-left: 3.8rem!important; text-align: left!important;}
  .pipeline-item .item-control { position: absolute; margin-left: -3.8rem; width: 2.6rem; height: 2.6rem; overflow: hidden; background: url("../img/arr-circle.svg") center / contain no-repeat;}
  .pipeline-item .item-control span { font-size: 12px; font-weight: 300; opacity: 0;}

  .pipeline-item .item-control:before, .pipeline-item .item-control:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; transition: .25s ease-in-out;}
  .pipeline-item .item-control:before { background: url("../img/arr-circle.svg") center / contain no-repeat;}
  .pipeline-item .item-control:after  { opacity: 0; background: url("../img/arr-circle-hover.svg") center / contain no-repeat;}
  .pipeline-item .item-control:hover:before { opacity: 0;}
  .pipeline-item .item-control:hover:after { opacity: 1;}
}
@media (min-width:890px) and (max-width: 1080px) {
  .pipeline-thead .th { font-size: 1.2rem;}
  .pipeline-item .item-title { font-size: 2rem;}
  .pipeline-item .moa-1 { font-size: 1.5rem;}
  .pipeline-item .moa-2 { font-size: 1.2rem;}
  .pipeline-item .item-ind, .pipeline-item .item-potential-ind, .pipeline-item .item-region { font-size: 1.6rem;}
}




/* CR-001 */
.cr-001 { background: linear-gradient(108.54deg, #20285C 12.26%, #005EB0 91.97%);}
.cr-001 .row-1 { margin-bottom: 2.5rem;}
.cr-001 .subsection-2 .subsection-title { margin-bottom: 2.2rem;}
@media (max-width:768px) {
  .cr-001 .subsection-2 { margin-top: 5rem;}
  .cr-001 br { display: none;}
}
@media (min-width:769px) {
  .cr-001 { padding-bottom: 14rem;}
  .cr-001 .row-1 .col-1 { padding-right: 6rem;}
  .cr-001 .row-1 .img-wrapper { margin: -7rem -3rem 0 0;}
  .cr-001 .subsection-2 { margin-top: 9rem;}
  .cr-001 .row-2 { align-items: center;}
  .cr-001 .row-2 .img-wrapper { margin: 1.2rem 0 0 -5rem;}
}

/* CR-002 & CR-003 */

@media (max-width:768px) {
  .cr-002-cr-003 br { display: none;}
  .cr-002-cr-003 .col-2 .img-wrapper { margin-top: -3rem;}
}
@media (min-width:769px) {
  .cr-002-cr-003 .col-2 .img-wrapper { margin: -6rem -5rem 0 0;}
}


/* advancing-pipeline */
.advancing-pipeline {}
.advancing-pipeline_wrapper { border-radius: var(--brdrd); background: rgba(255,255,255,.9);}
.advancing-pipeline .section-title { margin-bottom: 1rem;}

@media (max-width:768px) {
  .advancing-pipeline_wrapper { padding: 4.2rem 2.3rem 3.7rem;}
  .advancing-pipeline { padding-bottom: 115vw; background: url("../img/advancing-pipeline-m.webp") center bottom no-repeat;}
  .advancing-pipeline .btn-row { margin-top: 2.2rem;}
}
@media (min-width:769px) {
  .advancing-pipeline_wrapper { padding: 4.2rem 3rem 3.7rem;}
  .advancing-pipeline { /*padding: 40rem 0 13.6rem;*/ padding: 20.5vw 0 8.553vw; background: url("../img/advancing-pipeline.webp") center top / 100% auto no-repeat;}
  .advancing-pipeline_wrapper { width: 49.6rem;}
  .advancing-pipeline .btn-row { margin-top: 4.2rem;}
}
@media (min-width:769px) and (min-resolution: 1.5dppx) {
  .advancing-pipeline { background-image: url("../img/advancing-pipeline@2x.webp");}
}


/* team-click & .blue-gr-w-curve */ /* + */
.team-click, .blue-gr-w-curve { position: relative; overflow: hidden; background: linear-gradient(106.57deg, #20285C 7.58%, #005EB0 92.24%);}
.team-click .container, .blue-gr-w-curve .container { z-index: 1; position: relative;}
.team-click:after, .blue-gr-w-curve:after { position: absolute; background: url("../img/curve2.svg") left center / auto 100% no-repeat; content: "";}
.team-click .section-title { margin-bottom: 0!important;}
@media (max-width:768px) {
  .team-click .btn-row { margin-top: 2.7rem;}
}
@media (min-width:769px) {
  .team-click:after, .blue-gr-w-curve:after { top: -9%; right: -4.5rem; width: 77.2rem; height: 82.4rem;}
  .team-click .btn-row { margin-top: 6.5rem;}
}


/* unleashing-key */
.unleashing-key { padding-bottom: 0; overflow: hidden;}
@media (max-width:768px) {
  .unleashing-key { padding-top: 0;}
  .unleashing-key .img-wrapper { margin-left: -40px; margin-right: -40px;}
}
@media (min-width:769px) {
  .unleashing-key { padding-top: 10rem;}
  .unleashing-key .img-wrapper img { margin: auto;}
}


/*--------------------------------------------------------------
=== PAGE Patients ===
--------------------------------------------------------------*/
/* RESOURCES */
.section.resources { padding-top: 8.2rem; background: linear-gradient(227.55deg, #DAF8FF -3.65%, #FFFFFF 34.5%, #FFFFFF 70.56%, rgba(192, 211, 254, 0.3) 102.15%);}
.section.resources .section-title.w-line:before { background: var(--blue-bright);}

.resource-title { color: var(--blue);}
.resource-img { position: relative; display: flex; justify-content: center; align-items: center; padding: 1rem; min-height: 16.7rem; border-radius: var(--brdrd-sm); background: #fff; box-shadow: 0 0 .8rem .7rem rgba(153,221,237,.3);}
.resource-img:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; border-radius: var(--brdrd-sm); overflow: hidden;}
a.resource-img:hover { box-shadow: 0 0 .8rem .7rem rgba(153,221,237,.5);}
a.resource-img:hover:after { background: rgba(0,0,0,.05);}

@media (max-width:768px) {
  .resource-item { margin: var(--mv) 0 calc(var(--mv) * 1);}
  .resource-img { padding: 3rem; max-width: 340px;}
  .resource-item-2 .resource-img img { width: 200px;}
}
@media (min-width:769px) {
  .resource-item { margin: var(--mv) 0; align-items: center;}
  .resource-img { flex: 0 0 31.75%;}
  .resource-content { flex-grow: 1;}
}
@media (min-width: 769px) and (max-width: 1514px) {
  .resource-img { padding: 3rem;}
}