@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;500&display=swap");
.container-wrap .container,
#page-header-bg .container {
max-width: calc(100% - 180px) !important;
}
@media screen and (max-width: 690px) and (min-width: 480px) {
.container-wrap .container,
#page-header-bg .container {
max-width: calc(100% - 50px) !important;
}
} @media only screen and (min-width: 1500px) {
.container-wrap .container,
#page-header-bg .container {
max-width: calc(100% - 230px) !important;
}
}
@media only screen and (min-width: 1900px) {
.container-wrap .container,
#page-header-bg .container {
max-width: 1600px !important;
}
}
#slide-out-widget-area.fullscreen-alt {
background-image: linear-gradient(to top, #2440a3, #2d66d1) !important;
}
#slide-out-widget-area.fullscreen-alt {
text-align: left;
padding: 40px;
}
#slide-out-widget-area.fullscreen .off-canvas-social-links.line-shown:after,
#slide-out-widget-area.fullscreen-alt
.off-canvas-social-links.line-shown:after {
content: none;
display: none !important;
}
#slide-out-widget-area.fullscreen-alt .inner .widget.widget_nav_menu li a,
#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
color: white !important;
}
.container-wrap {
background: white;
}
.smalltext p {
font-family: "MyriadPro-Regular";
font-size: 20px;
font-weight: normal;
line-height: 1.2;
letter-spacing: 0.2px;
text-align: center;
}
@media (max-width: 1450px) {
.smalltext p {
font-size: 16px;
}
}
h2.subtitle-0 {
font-family: "MyriadPro-Light" !important;
font-weight: 300 !important;
font-size: 40px !important;
line-height: 1.13 !important;
letter-spacing: 0.4px !important;
text-align: center !important;
text-transform: none !important;
}
.subtitle-2 h2,
.subtitle-2 h3 {
font-family: "MyriadPro-Light" !important;
font-weight: 300 !important;
font-size: 30px !important;
line-height: 1.13 !important;
letter-spacing: 0.3px !important;
text-align: center !important;
text-transform: none !important;
}
.subtitle-1 p {
font-size: 30px;
line-height: 1.2;
}
.subtitle-1 sup {
font-size: 1em;
}
@media (max-width: 1450px) {
.subtitle-1 p {
font-size: 20px;
}
}
.maxwidthimage {
max-width: 310px !important;
margin: 0 auto !important;
height: auto !important;
width: 100% !important;
}
@media (max-width: 1450px) {
.maxwidthimage {
max-width: 210px !important;
}
}
.minimageheight img {
height: 80px !important;
width: auto !important;
}
.minheightimage {
min-height: 400px;
}
body #page-header-bg h1 {
font-family: "Montserrat";
font-weight: 500;
font-size: 60px;
font-style: normal;
line-height: 1.1em;
letter-spacing: 9.6px;
color: #ffffff;
margin: 0 0 30px 0 !important;
}
.nectar-milestone .number h2 {
font-family: "Montserrat";
font-weight: 100;
}
body .nectar-milestone .subject {
font-size: 30px;
line-height: 1.2;
}
body .nectar-button {
box-shadow: none !important;
}
#intro.hero h1 img {
width: 900px;
height: auto;
max-width: 100%;
}
#page-header-bg .subheader,
.nectar-box-roll .overlaid-content .subheader {
display: block;
max-width: 900px;
font-family: "MyriadPro-Light";
font-weight: 300;
font-size: 40px;
line-height: 1.13;
letter-spacing: 0.4px;
} #header-outer.transparent header#top nav > ul > li > a,
#header-outer.transparent
header#top
nav
ul
#search-btn
a
span.icon-salient-search,
#header-outer.transparent
nav
> ul
> li
> a
> .sf-sub-indicator
[class^="icon-"],
#header-outer.transparent
nav
> ul
> li
> a
> .sf-sub-indicator
[class*=" icon-"],
#header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart,
.ascend
#boxed
#header-outer.transparent
.cart-menu
.cart-icon-wrap
.icon-salient-cart {
opacity: 1 !important;
}
body #header-outer.side-widget-open,
body[data-header-color="dark"] #header-outer.side-widget-open {
background: none !important;
} .contact-info {
font-family: "MyriadPro-Regular";
font-weight: 400;
font-size: 20px !important;
line-height: 1.2 !important;
letter-spacing: 0.2px !important;
}
@media (max-width: 1450px) {
.contact-info {
font-size: 16px !important;
}
}
.contact-info h2 {
font-size: 22px !important;
line-height: 2 !important;
letter-spacing: 3.3px !important;
margin-bottom: 30px !important;
}
.contact-list {
margin: 0 0 55px 0 !important;
list-style: none !important;
}
.contact-list-item {
list-style: none !important;
margin: 0 0 15px 0 !important;
padding: 0 0 0 42px !important;
position: relative;
min-height: 30px;
font-family: "MyriadPro-Regular";
font-weight: 400;
font-size: 20px !important;
line-height: 1.2 !important;
letter-spacing: 0.2px !important;
}
@media (max-width: 1450px) {
.contact-list-item {
font-size: 16px !important;
}
}
.contact-list-item a {
text-decoration: underline;
}
.contact-list-item::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 27px;
height: 30px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.contact-list-item--place::before {
background-image: url(//tissium.com/wp-content/themes/salient-child/gfx/place.svg);
}
.contact-list-item--mail {
padding-top: 4px !important;
}
.contact-list-item--mail::before {
background-image: url(//tissium.com/wp-content/themes/salient-child/gfx/mail.svg);
}
.contact-list-item--phone {
padding-top: 4px !important;
}
.contact-list-item--phone::before {
background-image: url(//tissium.com/wp-content/themes/salient-child/gfx/phone.svg);
}
.contact-list-item--legal::before {
background-image: url(//tissium.com/wp-content/themes/salient-child/gfx/legal.svg);
} .press-row {
display: flex;
flex-wrap: wrap;
padding-top: 60px;
padding-bottom: 60px;
}
.press-row > .col {
margin-bottom: 100px;
margin-right: 1.5%;
}
.press-row > .col .press-card {
padding-right: 15px;
}
.press-filters {
padding: 210px 0 0 0;
}
.press-filters ul {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.press-filters li {
list-style: none !important;
margin: 0 50px 0 0;
padding: 0;
}
.press-filters li a,
.press-filters li span {
font-family: "MyriadPro-Light";
font-size: 30px;
font-weight: 300;
line-height: 1.13;
letter-spacing: 0.3px;
color: #2d66d1;
}
.press-filters li.active a,
.press-filters li.active span {
font-family: "MyriadPro-Regular";
font-weight: 400;
}
.press-downloads {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.press-downloads li {
list-style: none;
margin-bottom: 20px;
}
.press-downloads li a {
display: inline-block;
background: url(//tissium.com/wp-content/themes/salient-child/gfx/papel.svg) 0 5px no-repeat;
background-size: 40px auto;
padding-left: 54px;
min-height: 50px;
}
.press-image {
display: block;
max-width: 100%;
height: auto;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
margin: 0 0 40px 0 !important;
}
.press-category {
font-family: "MyriadPro-Regular";
font-size: 20px;
font-weight: normal;
font-style: italic;
line-height: 1.2;
letter-spacing: 0.2px;
color: #2d66d1;
margin: 0 0 20px 0;
}
.press-title,
h2.press-title {
font-family: "MyriadPro-Light";
font-size: 25px;
font-weight: 300;
line-height: 1.2;
letter-spacing: 0.25px;
color: #000000;
text-transform: none;
margin: 0 0 20px 0;
}
@media (max-width: 1450px) {
.press-title,
h2.press-title {
font-size: 20px;
}
}
.press-date {
color: #000000;
font-family: "MyriadPro-Regular";
font-size: 20px;
font-weight: normal;
line-height: 1.2;
letter-spacing: 0.2px;
margin: 0 0 16px 0;
}
.press-readmore {
font-family: "MyriadPro-Regular";
font-size: 20px;
font-weight: normal;
line-height: 1.2;
letter-spacing: 0.2px;
color: #2d66d1;
}
@media (max-width: 1450px) {
.press-date,
.press-readmore,
.press-category {
font-size: 16px;
}
}
.press-pagination {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 100%;
padding-left: 150px;
padding-right: 150px;
font-family: "MyriadPro-Light";
font-size: 30px;
font-weight: 300;
line-height: 1.13;
letter-spacing: 0.3px;
text-align: center;
margin: 80px 0 140px 0;
color: #2d66d1;
}
.press-pagination .page-numbers {
display: inline-block;
width: 40px;
text-align: center;
}
.press-pagination .page-numbers.current {
font-family: "MyriadPro-Regular";
font-weight: 400;
color: #2d66d1;
}
.press-pagination .next,
.press-pagination .prev {
position: absolute;
top: 0;
width: auto;
white-space: nowrap;
}
.press-pagination .prev {
left: 0;
}
.press-pagination .next {
right: 0;
text-align: right;
}
@media (max-width: 800px) {
.press-pagination {
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
}
.press-pagination .page-numbers {
display: none;
}
.press-pagination .prev,
.press-pagination .next {
display: block;
position: static;
}
} body .row .col.publications {
font-family: "MyriadPro-Regular";
font-size: 20px;
font-weight: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: 0.2px;
text-align: left !important;
color: black;
}
@media (max-width: 1450px) {
body .row .col.publications {
font-size: 16px;
}
}
body .row .col.publications .vc_column-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
body .row .col.publications hr {
border: 0;
border-bottom: 1px solid black;
}
body .row .col.publications h3 {
font-family: "MyriadPro-Light";
font-size: 25px;
font-weight: 300;
font-style: normal;
line-height: 1.2;
letter-spacing: 0.25px;
color: black;
text-align: left;
text-transform: none;
}
@media (max-width: 1450px) {
body .row .col.publications h3 {
font-size: 20px;
}
}
body .row .col.publications h4 {
font-family: "MyriadPro-Regular";
font-size: 20px;
font-weight: normal;
font-style: italic;
line-height: 1.2;
letter-spacing: 0.2px;
color: black;
text-align: left;
}
@media (max-width: 1450px) {
body .row .col.publications h4 {
font-size: 16px;
}
} .custom-grid--1 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(2, 500px);
grid-column-gap: 22px;
grid-row-gap: 22px;
text-align: left !important;
}
.custom-grid--1 .custom-grid-item {
background: #2d66d1;
color: #ffffff;
font-family: "MyriadPro-Light";
font-size: 25px;
font-weight: 300;
line-height: 1.2;
letter-spacing: 0.25px;
}
@media (max-width: 1450px) {
.custom-grid--1 .custom-grid-item {
font-size: 20px;
}
}
.custom-grid .custom-grid-item-title {
font-family: "Montserrat";
font-size: 22px;
font-weight: bold;
line-height: 2;
letter-spacing: 3.3px;
color: #ffffff;
}
.custom-grid .custom-grid-item-content span {
white-space: nowrap;
}
.custom-grid .custom-grid-item-content {
padding: 40px;
}
.custom-grid .custom-grid-item-image {
min-height: 100%;
}
.custom-grid .custom-grid-item-image img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
object-position: center center;
}
.custom-grid--1 .custom-grid-item:first-child {
grid-area: 1 / 1 / 2 / 8;
display: flex;
}
.custom-grid--1 .custom-grid-item:first-child .custom-grid-item-image,
.custom-grid--1 .custom-grid-item:first-child .custom-grid-item-content {
width: 50%;
min-width: 50%;
}
.custom-grid--1 .custom-grid-item:first-child .custom-grid-item-content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
}
.custom-grid--1 .custom-grid-item:nth-child(2) {
grid-area: 1 / 8 / 2 / 13;
display: flex;
flex-direction: column;
}
.custom-grid--1 .custom-grid-item:nth-child(2) .custom-grid-item-image,
.custom-grid--1 .custom-grid-item:nth-child(2) .custom-grid-item-content {
height: 50%;
min-height: 50%;
}
.custom-grid--1 .custom-grid-item:nth-child(3) {
grid-area: 2 / 1 / 3 / 9;
display: flex;
flex-direction: row-reverse;
}
.custom-grid--1 .custom-grid-item:nth-child(3) .custom-grid-item-image {
width: 40%;
min-width: 40%;
}
.custom-grid--1 .custom-grid-item:nth-child(3) .custom-grid-item-content {
width: 60%;
min-width: 60%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
}
.custom-grid--1 .custom-grid-item:nth-child(4) {
grid-area: 2 / 9 / 3 / 13;
background-image: linear-gradient(to top, #2440a3, #2d66d1);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center !important;
}
@media (min-width: 1600px) {
.custom-grid .custom-grid-item-content {
padding: 50px;
}
}
@media only screen and (max-width: 999px) {
.custom-grid--1 {
display: flex;
flex-direction: column;
}
.custom-grid--1 .custom-grid-item {
width: 100%;
height: 100%;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 680px) {
.custom-grid--1 .custom-grid-item:first-child,
.custom-grid--1 .custom-grid-item:nth-child(3) {
flex-direction: column;
}
.custom-grid--1 .custom-grid-item:first-child .custom-grid-item-image,
.custom-grid--1 .custom-grid-item:first-child .custom-grid-item-content,
.custom-grid--1 .custom-grid-item:nth-child(3) .custom-grid-item-image,
.custom-grid--1 .custom-grid-item:nth-child(3) .custom-grid-item-content {
min-width: 100%;
width: 100%;
}
}
.custom-grid--2 {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(3, 500px);
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.custom-grid--2 .custom-grid-item {
background: #2d66d1;
color: #ffffff;
font-family: "MyriadPro-Light";
font-size: 25px;
font-weight: 300;
line-height: 1.2;
letter-spacing: 0.25px;
text-align: left !important;
}
@media (max-width: 1450px) {
.custom-grid--2 .custom-grid-item {
font-size: 20px;
}
}
.custom-grid--2 .custom-grid-item .custom-grid-item-image img {
object-fit: cover;
height: 100%;
width: 100%;
display: block;
object-position: left center;
margin: 0;
}
.custom-grid--2 .custom-grid-item .custom-grid-item-content {
padding: 40px;
}
.custom-grid--2 .custom-grid-item:nth-child(1) {
grid-area: 1 / 1 / 2 / 6;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}
.custom-grid--2 .custom-grid-item:nth-child(1) .custom-grid-item-image {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
}
.custom-grid--2 .custom-grid-item:nth-child(1) .custom-grid-item-content {
position: relative;
z-index: 10;
max-width: 480px;
}
.custom-grid--2 .custom-grid-item:nth-child(2) {
grid-area: 1 / 6 / 2 / 13;
display: flex;
}
.custom-grid--2 .custom-grid-item:nth-child(2) .custom-grid-item-image {
width: 50%;
min-width: 50%;
}
.custom-grid--2 .custom-grid-item:nth-child(2) .custom-grid-item-content {
width: 50%;
min-width: 50%;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}
.custom-grid--2 .custom-grid-item:nth-child(3) {
grid-area: 2 / 1 / 3 / 13;
display: flex;
flex-direction: row-reverse;
}
.custom-grid--2 .custom-grid-item:nth-child(3) .custom-grid-item-image {
width: 70%;
min-width: 70%;
}
.custom-grid--2 .custom-grid-item:nth-child(3) .custom-grid-item-content {
width: 30%;
min-width: 30%;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}
.custom-grid--2 .custom-grid-item:nth-child(4) {
grid-area: 3 / 1 / 4 / 8;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}
.custom-grid--2 .custom-grid-item:nth-child(4) .custom-grid-item-image {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
}
.custom-grid--2 .custom-grid-item:nth-child(4) .custom-grid-item-content {
position: relative;
z-index: 10;
max-width: 380px;
}
.custom-grid--2 .custom-grid-item:nth-child(5) {
grid-area: 3 / 8 / 4 / 13;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
}
.custom-grid--2 .custom-grid-item:nth-child(5) .custom-grid-item-image {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
}
.custom-grid--2 .custom-grid-item:nth-child(5) .custom-grid-item-content {
position: relative;
z-index: 10;
max-width: calc(100% - 180px);
}
.custom-grid--2 .custom-grid-item:nth-child(6) {
grid-area: 4 / 1 / 5 / 13;
display: flex;
flex-direction: row;
}
.custom-grid--2 .custom-grid-item:nth-child(6) .custom-grid-item-image {
width: 70%;
min-width: 70%;
}
.custom-grid--2 .custom-grid-item:nth-child(6) .custom-grid-item-content {
width: 30%;
min-width: 30%;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}
@media (min-width: 1900px) {
.custom-grid--2 .custom-grid-item .custom-grid-item-content {
padding: 75px;
}
}
@media only screen and (max-width: 1020px) {
.custom-grid--2 {
display: flex;
flex-direction: column;
}
.custom-grid--2 .custom-grid-item {
width: 100%;
height: 100%;
margin-bottom: 20px;
min-height: 400px;
}
.custom-grid--2 .custom-grid-item:nth-child(5) .custom-grid-item-content {
max-width: 430px;
}
}
@media only screen and (max-width: 790px) {
.custom-grid--2 .custom-grid-item:nth-child(2),
.custom-grid--2 .custom-grid-item:nth-child(3),
.custom-grid--2 .custom-grid-item:nth-child(6) {
display: flex;
flex-direction: column;
}
.custom-grid--2 .custom-grid-item:nth-child(2) .custom-grid-item-image,
.custom-grid--2 .custom-grid-item:nth-child(2) .custom-grid-item-content,
.custom-grid--2 .custom-grid-item:nth-child(3) .custom-grid-item-image,
.custom-grid--2 .custom-grid-item:nth-child(3) .custom-grid-item-content,
.custom-grid--2 .custom-grid-item:nth-child(6) .custom-grid-item-image,
.custom-grid--2 .custom-grid-item:nth-child(6) .custom-grid-item-content  {
width: 100%;
min-width: 100%;
}
} .careers-row {
padding: 230px 0 !important;
text-align: center;
}
.careers-row h2 {
margin-bottom: 45px;
}
ul.careers {
list-style: none !important;
margin: 0 0 68px 0 !important;
text-align: center;
}
ul.careers li {
list-style: none !important;
margin: 0 0 20px !important;
padding: 0 !important;
font-size: 30px !important;
line-height: 1.2 !important;
} .portfolio-data {
display: grid;
grid-template-columns: repeat(2, 370px);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: calc(100% - 740px);
grid-row-gap: 190px;
position: relative;
}
.portfolio-data-item {
text-align: left !important;
}
.portfolio-data-header {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 795px;
height: 795px;
z-index: -1;
margin-top: -80px;
pointer-events: none;
}
.portfolio-data-header img {
display: block;
width: 100%;
height: auto;
}
.portfolio-data-item-header {
position: relative;
padding-bottom: 27px;
margin-bottom: 27px;
}
.portfolio-data-item-header .portfolio-data-item-title {
margin-bottom: 0 !important;
white-space: nowrap;
}
.portfolio-data-item-body,
.portfolio-data-item-aside {
font-family: "MyriadPro-Regular";
font-size: 20px;
font-weight: normal;
}
@media (max-width: 1450px) {
.portfolio-data-item-body,
.portfolio-data-item-aside {
font-size: 16px;
}
}
.portfolio-data-item-aside {
margin-top: 24px;
}
.portfolio-data-item-aside ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
.portfolio-data-item-aside ul li {
list-style: none !important;
margin: 0 0 24px 0 !important;
padding: 0 !important;
}
.portfolio-data-item-aside ul li:last-child {
margin-bottom: 0 !important;
}
.portfolio-data-item--nerve {
grid-area: 1 / 1 / 2 / 2;
}
.portfolio-data-item-header::before {
pointer-events: none;
}
.portfolio-data-item--nerve .portfolio-data-item-header::before {
content: "";
display: block;
width: 574px;
height: 121px;
background: url(//tissium.com/wp-content/themes/salient-child/gfx/portfolio-lines-nerve.svg) 0 0 no-repeat;
position: absolute;
bottom: calc(-50% - 27px);
left: 0;
}
.portfolio-data-item--gastrointestinal {
grid-area: 1 / 2 / 2 / 3;
}
.portfolio-data-item--gastrointestinal .portfolio-data-item-header::before {
content: "";
display: block;
width: 574px;
height: 121px;
background: url(//tissium.com/wp-content/themes/salient-child/gfx/portfolio-lines-gastrointestinal.svg) 0 0 no-repeat;
position: absolute;
bottom: calc(-50% - 27px);
right: 0;
}
.portfolio-data-item--ent {
grid-area: 2 / 1 / 3 / 2;
}
.portfolio-data-item--ent .portfolio-data-item-header::before {
content: "";
display: block;
width: 574px;
height: 121px;
background: url(//tissium.com/wp-content/themes/salient-child/gfx/portfolio-lines-ent.svg) 0 0 no-repeat;
position: absolute;
bottom: calc(-50% - 27px);
left: 0;
}
.portfolio-data-item--cardiovascular {
grid-area: 2 / 2 / 3 / 3;
}
.portfolio-data-item--cardiovascular .portfolio-data-item-header::before {
content: "";
display: block;
width: 574px;
height: 121px;
background: url(//tissium.com/wp-content/themes/salient-child/gfx/portfolio-lines-cardiovascular.svg) 0 0 no-repeat;
position: absolute;
bottom: calc(-50% - 27px);
right: 0;
}
@media screen and (max-width: 1330px) {
.portfolio-data {
margin-left: 0;
margin-right: 0;
grid-template-columns: repeat(2, 310px);
grid-column-gap: calc(100% - 620px);
grid-row-gap: 30px;
}
.portfolio-data-header {
width: 500px;
margin-top: 35px;
}
.portfolio-data-item-header {
padding-bottom: 15px;
margin-bottom: 15px;
}
.portfolio-data-item--nerve .portfolio-data-item-header::before,
.portfolio-data-item--ent .portfolio-data-item-header::before,
.portfolio-data-item--gastrointestinal .portfolio-data-item-header::before,
.portfolio-data-item--cardiovascular .portfolio-data-item-header::before {
width: 420px;
height: 68px;
background-size: 474px 68px;
background-position: right center;
overflow: hidden;
bottom: -30px;
}
.portfolio-data-item--nerve .portfolio-data-item-header::before {
background-image: url(//tissium.com/wp-content/themes/salient-child/gfx/nerve-tablet.svg);
}
.portfolio-data-item--ent .portfolio-data-item-header::before {
background-image: url(//tissium.com/wp-content/themes/salient-child/gfx/ent-tablet.svg);
}
.portfolio-data-item--gastrointestinal .portfolio-data-item-header::before {
background-image: url(//tissium.com/wp-content/themes/salient-child/gfx/gastro-tablet.svg);
background-position: left center;
}
.portfolio-data-item--cardiovascular .portfolio-data-item-header::before {
background-image: url(//tissium.com/wp-content/themes/salient-child/gfx/cardio-tablet.svg);
background-position: left center;
}
.portfolio-data-item--nerve .portfolio-data-item-header::before,
.portfolio-data-item--ent .portfolio-data-item-header::before {
left: 0;
}
.portfolio-data-item--gastrointestinal .portfolio-data-item-header::before,
.portfolio-data-item--cardiovascular .portfolio-data-item-header::before {
right: 0;
}
}
@media screen and (max-width: 999px) {
.portfolio-data {
display: block;
}
.portfolio-data-header {
position: relative;
top: 0;
left: 0;
transform: none;
height: auto;
margin: -70px auto 0;
max-width: 100%;
}
.portfolio-data-item {
margin-bottom: 60px;
}
.portfolio-data-item:last-child {
margin-bottom: 0;
}
.portfolio-data-item-body,
.portfolio-data-item-aside {
max-width: 280px;
width: 100%;
font-family: "MyriadPro-Regular";
font-size: 14px;
font-weight: normal;
line-height: 1.29;
letter-spacing: 0.14px;
}
.portfolio-data-item--nerve .portfolio-data-item-header::before,
.portfolio-data-item--ent .portfolio-data-item-header::before,
.portfolio-data-item--gastrointestinal .portfolio-data-item-header::before,
.portfolio-data-item--cardiovascular .portfolio-data-item-header::before {
width: 440px;
background-position: center right;
overflow: hidden;
right: auto !important;
left: 0;
bottom: -25px !important;
max-width: 100%;
}
.portfolio-data-item--gastrointestinal .portfolio-data-item-header::before,
.portfolio-data-item--cardiovascular .portfolio-data-item-header::before {
transform: scale(-1, 1);
background-position: center left;
}
} .aboutus-infographic {
max-width: 620px;
margin: 0 auto;
}
.aboutus-infographic-item {
position: relative;
border-top: 2px solid black;
border-bottom: 2px solid black;
text-align: left !important;
margin-bottom: -2px !important;
padding-top: 50px;
padding-bottom: 50px;
}
.aboutus-infographic-item-header,
.aboutus-infographic-item-body {
max-width: 660px;
padding: 0 100px;
}
.aboutus-infographic-item-header {
margin-bottom: 20px;
}
.aboutus-infographic-item-body {
font-family: "MyriadPro-Regular";
font-size: 20px;
font-weight: normal;
line-height: 1.2;
letter-spacing: 0.2px;
}
@media (max-width: 1450px) {
.aboutus-infographic-item-body {
font-size: 16px;
}
}
.aboutus-infographic-item-icon {
display: block;
position: absolute;
background-color: white;
background-position: center center;
background-repeat: no-repeat;
width: 189px;
height: 189px;
z-index: 10;
border-radius: 200px;
}
.aboutus-infographic-item--1 {
border-top: 0;
}
.aboutus-infographic-item--1::before {
content: "";
display: block;
width: 190px;
height: 50%;
border-top: 2px solid black;
border-bottom: 2px solid black;
border-left: 2px solid black;
position: absolute;
left: -130px;
bottom: -2px;
}
.aboutus-infographic-item--1::after {
content: "";
display: block;
width: 320px;
height: 320px;
position: absolute;
left: -290px;
bottom: -150px;
z-index: -1;
background: url(//tissium.com/wp-content/themes/salient-child/gfx/aboutus-infographic-1.jpg) 0 0 no-repeat;
background-size: contain;
}
.aboutus-infographic-item--1 .aboutus-infographic-item-icon {
left: -220px;
bottom: -80px;
background-image: url(//tissium.com/wp-content/themes/salient-child/gfx/story1.svg);
}
.aboutus-infographic-item--2 {
border-right: 2px solid black;
border-radius: 0 130px 130px 0;
padding-right: 130px;
margin-right: -130px;
}
.aboutus-infographic-item--2::after {
content: "";
display: block;
width: 338px;
height: 338px;
position: absolute;
right: -130px;
top: 50%;
transform: translate(0, -50%);
z-index: -1;
background: url(//tissium.com/wp-content/themes/salient-child/gfx/aboutus-infographic-2.jpg) 0 0 no-repeat;
background-size: contain;
}
.aboutus-infographic-item--2 .aboutus-infographic-item-icon {
right: -55px;
top: 50%;
transform: translate(0, -50%);
background-image: url(//tissium.com/wp-content/themes/salient-child/gfx/story2.svg);
}
.aboutus-infographic-item--2 .aboutus-infographic-item-icon::after {
content: "";
display: block;
width: 60px;
height: 2px;
background: black;
position: absolute;
right: 100%;
top: 50%;
z-index: -1;
transform: translate(0, -50%);
}
.aboutus-infographic-item--3 {
border-left: 2px solid black;
border-radius: 130px 0 0 130px;
padding-left: 130px;
margin-left: -130px;
}
.aboutus-infographic-item--3 .aboutus-infographic-item-icon {
left: -55px;
top: 50%;
transform: translate(0, -50%);
background-image: url(//tissium.com/wp-content/themes/salient-child/gfx/story3.svg);
}
.aboutus-infographic-item--3 .aboutus-infographic-item-icon::after {
content: "";
display: block;
width: 60px;
height: 2px;
background: black;
position: absolute;
left: 100%;
top: 50%;
z-index: -1;
transform: translate(0, -50%);
}
.aboutus-infographic-item--3::after {
content: "";
display: block;
width: 338px;
height: 338px;
position: absolute;
left: -130px;
top: 50%;
transform: translate(0, -50%);
z-index: -1;
background: url(//tissium.com/wp-content/themes/salient-child/gfx/aboutus-infographic-3.jpg) 0 0 no-repeat;
background-size: contain;
}
.aboutus-infographic-item--4 {
border-bottom: 0;
}
.aboutus-infographic-item--4::before {
content: "";
display: block;
width: 190px;
height: 50%;
border-top: 2px solid black;
border-bottom: 2px solid black;
border-right: 2px solid black;
position: absolute;
right: -130px;
top: -2px;
}
.aboutus-infographic-item--4::after {
content: "";
display: block;
width: 320px;
height: 320px;
position: absolute;
right: -290px;
top: -150px;
z-index: -1;
background: url(//tissium.com/wp-content/themes/salient-child/gfx/aboutus-infographic-4.jpg) 0 0 no-repeat;
background-size: contain;
}
.aboutus-infographic-item--4 .aboutus-infographic-item-icon {
right: -220px;
top: -80px;
background-image: url(//tissium.com/wp-content/themes/salient-child/gfx/story4.svg);
}
@media (max-width: 1450px) {
.aboutus-infographic {
max-width: 500px;
}
}
@media (max-width: 1100px) {
.aboutus-infographic {
max-width: calc(100% - 380px);
}
.aboutus-infographic-item-icon {
width: 144px;
height: 144px;
background-size: 80px auto;
}
.aboutus-infographic-item--1 .aboutus-infographic-item-icon {
left: -190px;
bottom: -60px;
}
.aboutus-infographic-item--1::after {
width: 242px;
height: 242px;
left: -250px;
bottom: -110px;
}
.aboutus-infographic-item--2::after {
width: 256px;
height: 256px;
right: -115px;
margin-top: 5px;
}
.aboutus-infographic-item--3::after {
width: 242px;
height: 242px;
left: -108px;
}
.aboutus-infographic-item--4::after {
width: 256px;
height: 256px;
right: -260px;
top: -128px;
}
.aboutus-infographic-item--4 .aboutus-infographic-item-icon {
right: -200px;
top: -70px;
}
}
@media (max-width: 900px) {
.aboutus-infographic {
max-width: 100%;
}
.aboutus-infographic-item {
padding-top: 230px;
padding-bottom: 0;
}
.aboutus-infographic-item-header,
.aboutus-infographic-item-body {
max-width: 100%;
padding: 0;
}
.aboutus-infographic-item .aboutus-infographic-item-body::after {
content: "";
display: block;
margin: 22px auto 0;
background: url(//tissium.com/wp-content/themes/salient-child/gfx/chevron-down.svg) center center no-repeat;
width: 18px;
height: 18px;
background-size: contain;
}
.aboutus-infographic-item:last-child .aboutus-infographic-item-body::after {
content: none;
}
.aboutus-infographic-item-icon,
.aboutus-infographic-item::after {
position: absolute;
top: 0 !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
transform: translate(-50%, 0) !important;
margin-top: 0 !important;
}
.aboutus-infographic-item::after {
margin-top: -5px !important;
}
.aboutus-infographic-item-icon {
margin-top: 45px !important;
}
.aboutus-infographic-item-icon::after {
content: none !important;
}
.aboutus-infographic-item--1::before,
.aboutus-infographic-item--4::before {
display: none;
}
.aboutus-infographic-item--1,
.aboutus-infographic-item--2,
.aboutus-infographic-item--3,
.aboutus-infographic-item--4 {
border: 0 !important;
border-radius: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
} .aboutus-timeline {
padding: 250px 60px;
}
.aboutus-timeline-inner {
display: flex;
}
.aboutus-timeline-item {
width: calc(100% / 7 - 14px + 44px);
height: 74px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
background-image: linear-gradient(to left, #2440a3, #2d66d1);
color: white;
margin-right: -44px;
padding-left: 44px;
border-radius: 0 100px 100px 0;
z-index: 40;
}
.aboutus-timeline-item-title {
font-family: "MyriadPro-Light";
font-size: 30px;
font-weight: 300;
font-style: normal;
line-height: 1.13;
letter-spacing: 0.3px;
text-align: center;
color: white;
margin: 0 !important;
}
.aboutus-timeline-item--1 {
width: calc(7 * 14px);
height: calc(7 * 14px);
border-radius: 100px;
border: 3px solid #eff3f8;
z-index: 50;
margin-top: -10px;
padding-left: 0;
}
.aboutus-timeline-item--2 {
z-index: 40;
}
.aboutus-timeline-item--3 {
z-index: 35;
}
.aboutus-timeline-item--4 {
z-index: 30;
}
.aboutus-timeline-item--5 {
z-index: 25;
}
.aboutus-timeline-item--6 {
z-index: 20;
}
.aboutus-timeline-item--7 {
z-index: 15;
}
.aboutus-timeline-item--8 {
z-index: 10;
}
.aboutus-timeline-item-dates {
position: absolute;
width: 120%;
padding: 0 !important;
margin: 0 0 0 100px !important;
text-align: left !important;
overflow: hidden;
}
.aboutus-timeline-item-dates li {
list-style: none !important;
padding: 27px 0 27px 20px !important;
margin: 0 !important;
font-family: "MyriadPro-Regular";
font-size: 20px;
font-weight: normal;
line-height: 1.2;
letter-spacing: 0.2px;
color: black;
position: relative;
}
@media (max-width: 1450px) {
.aboutus-timeline-item-dates li {
font-size: 16px;
}
}
.aboutus-timeline-item-dates li::before {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 20px;
background: black;
position: absolute;
top: 30px;
left: 0;
}
.aboutus-timeline-item-dates li::after {
content: "";
display: block;
width: 2px;
height: 100%;
background: black;
position: absolute;
bottom: calc(100% - 35px);
left: 3px;
z-index: -1;
}
.aboutus-timeline-item--1 .aboutus-timeline-item-dates {
margin-left: 40px !important;
}
.aboutus-timeline-item--1 .aboutus-timeline-item-dates,
.aboutus-timeline-item--3 .aboutus-timeline-item-dates,
.aboutus-timeline-item--5 .aboutus-timeline-item-dates,
.aboutus-timeline-item--7 .aboutus-timeline-item-dates {
position: absolute;
top: 100%;
left: 0;
width: calc(100% + 20px);
}
.aboutus-timeline-item--2 .aboutus-timeline-item-dates,
.aboutus-timeline-item--4 .aboutus-timeline-item-dates,
.aboutus-timeline-item--6 .aboutus-timeline-item-dates,
.aboutus-timeline-item--8 .aboutus-timeline-item-dates {
position: absolute;
bottom: 100%;
left: 0;
margin-left: 50px !important;
}
.aboutus-timeline-item--2 .aboutus-timeline-item-dates li::after,
.aboutus-timeline-item--4 .aboutus-timeline-item-dates li::after,
.aboutus-timeline-item--6 .aboutus-timeline-item-dates li::after,
.aboutus-timeline-item--8 .aboutus-timeline-item-dates li::after {
bottom: auto;
top: 30px;
}
.aboutus-timeline-item--2 .aboutus-timeline-item-dates li:last-child,
.aboutus-timeline-item--4 .aboutus-timeline-item-dates li:last-child,
.aboutus-timeline-item--6 .aboutus-timeline-item-dates li:last-child,
.aboutus-timeline-item--8 .aboutus-timeline-item-dates li:last-child {
padding-bottom: 27px !important;
}
@media screen and (max-width: 1100px) {
.aboutus-timeline {
overflow-x: auto;
position: relative;
margin-left: -50vw;
left: 50%;
width: 100vw;
}
.aboutus-timeline-inner {
min-width: 1400px;
padding: 0 80px;
}
}
@media only screen and (max-width: 999px) and (min-width: 1px) {
.aboutus-timeline .aboutus-timeline-item .aboutus-timeline-item-dates {
margin-left: 100px !important;
}
.aboutus-timeline
.aboutus-timeline-item.aboutus-timeline-item--1
.aboutus-timeline-item-dates {
margin-left: 40px !important;
}
} .teammember {
padding: 0 15px 60px;
}
.teammember-image {
display: block;
margin: 0 auto 40px;
width: 212px;
height: auto;
max-width: 100%;
overflow: hidden;
border-radius: 200px;
}
.teammember-image img {
display: block;
margin: 0 !important;
}
.teammember-wbio .teammember-image,
.teammember-wbio .teammember-name,
.teammember-wbio .teammember-position {
cursor: pointer;
}
.teammember-wbio .teammember-image {
position: relative;
}
.teammember-wbio .teammember-image::before {
content: "";
display: block;
background: #2d66d1;
opacity: 0;
position: absolute;
width: 100%;
height: 0;
padding: 0 0 100% 0;
opacity: 0;
transition: opacity 0.3s linear;
}
.teammember-wbio .teammember-image::after {
content: "";
font-size: 100px;
font-weight: bold;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
color: white;
transition: opacity 0.3s linear;
}
.teammember-wbio:hover .teammember-image::before {
opacity: 0.5;
}
.teammember-wbio:hover .teammember-image::after {
opacity: 1;
}
.teammember .teammember-name {
font-family: "MyriadPro-Light" !important;
font-size: 30px !important;
font-weight: 300 !important;
line-height: 1.13 !important;
letter-spacing: 0.3px !important;
color: #000000 !important;
text-align: center !important;
margin: 0 0 12px 0 !important;
text-transform: none !important;
}
.teammember .teammember-position {
font-family: "MyriadPro-Regular" !important;
font-size: 20px !important;
font-weight: normal !important;
line-height: 1.2 !important;
letter-spacing: 0.2px !important;
text-align: center !important;
margin-bottom: 30px !important;
min-height: 50px !important;
}
.teammember .teammember-bio {
font-family: "MyriadPro-Regular" !important;
font-size: 20px !important;
font-weight: normal !important;
line-height: 1.2 !important;
letter-spacing: 0.2px !important;
text-align: left !important;
}
@media (max-width: 1450px) {
.teammember .teammember-position,
.teammember .teammember-bio {
font-size: 16px !important;
}
}
.teammember .teammember-links {
margin-top: 20px !important;
}
.teammember .teammember-links ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.teammember .teammember-links ul li {
list-style: none !important;
padding: 0 !important;
margin: 0 5px !important;
text-align: center;
}
.teammember .teammember-links ul li a span {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.teammember .teammember-links ul li .teammember-links-linkedin {
display: block;
width: 40px;
height: 40px;
background: url(//tissium.com/wp-content/themes/salient-child/gfx/linkedin.svg) 0 0 no-repeat;
background-size: contain;
}
.row-centered .row_col_wrap_12_inner {
justify-content: center !important;
} #footer-outer #copyright {
color: #000000;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.71;
}
#footer-outer #copyright > .container {
text-align: center;
display: flex;
flex-direction: column-reverse;
}
#menu-footer-menu li {
position: relative;
margin: 0 6px 6px !important;
}
#menu-footer-menu li a {
color: #000;
}
#menu-footer-menu li::before {
content: "|";
position: absolute;
top: 9px;
left: -9px;
}
#menu-footer-menu li:first-child {
}
#menu-footer-menu li:first-child::before {
content: none;
}
#copyright .social {
margin-top: 20px !important;
}
#copyright .social li {
margin: 0 6px !important;
}
#copyright .social a {
color: black;
width: 32px !important;
height: 32px !important;
}
#copyright .social a i {
width: 32px !important;
height: 32px !important;
line-height: 32px !important;
}
#copyright .social a i::before {
color: #eff3f8 !important;
position: relative;
z-index: 10;
display: block;
font-size: 14px !important;
}
#copyright .social a i::after {
opacity: 1 !important;
background-color: black;
border: 0 !important;
width: 32px !important;
height: 32px !important;
}
.vc_row.vc_row-o-equal-height>.span_12>.wpb_column >.vc_column-inner >.wpb_wrapper {
min-width: 100%;
} .list-section {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
list-style: none;
padding: 0;
margin: 0 -20px;
}
.list-section li {
padding: 0;
margin: 0 20px 60px;
height: 80px;
max-width: 250px;
list-style: none;
}
.list-section--2 li {
max-width: 180px;
height: 70px;
}
.list-section li a {
display: block;
}
.list-section li img {
width: 100%!important;
height: 100%!important;
object-fit: contain!important;
object-position: center center!important;
display: block!important;
} @media (min-width: 991px) {
.portfolio-data-item--cardiovascular {
transform: translate(-100%, 40px);
}
}
@media (min-width: 1331px) {
.portfolio-data-item--cardiovascular .portfolio-data-item-header::before {
width: 527px;
height: 171px;
background-image: url(//tissium.com/wp-content/themes/salient-child/gfx/portfolio-lines-cardiovascular-2.svg);
}
}
@media (max-width: 600px) {
.container-wrap .container,
#page-header-bg .container {
max-width: calc(100% - 40px) !important;
}
} :root {
--tissium-color-timeline-item: #ffffff;
--tissium-timeline-item-border-color: #D0D2FA;
--years-number: 14;
--years-blocks: 5;
}
.tissium-timeline {
padding: 250px 60px;
position: relative;
max-width: 1280px;
margin: 0 auto;
left: -60px;
}
.tissium-timeline-inner {
display: flex;
position: relative;
z-index: 250;
min-width: 1280px;
}
.tissium-timeline-continues {
position: absolute;
left: 60px;
top: 250px;
z-index:500;
min-width: 1280px;
}
.tissium-timeline-continues::before {
content: '';
display: block;
width: 50px;
height: 74px;
background-image: linear-gradient(270deg, #EEF3F9 0%, #CADFFF 100%);
position: absolute;
right: -10px;
top: 0;
z-index:500;
}
.tissium-timeline-years {
display: flex;
overflow: hidden;
box-shadow: 0 4px 8px 0 rgba(135, 190, 255, 0.25),
0 0 8px 4px rgba(192, 119, 243, 0.25);
border-radius: 100px 0 0 100px;
position: absolute;
z-index: 200;
width: 100%;
height: 74px;
top: 250px;
left: 60px;
min-width: 1280px;
}
.tissium-timeline-inner .tissium-timeline-item::before { display: block;
width: 18px;
height: 18px;
background-color: var(--tissium-color-timeline-item);
border-radius: 34px;
position: absolute;
bottom: -12px;
left: 100px;
}
.tissium-timeline-inner .tissium-timeline-item::after {
content: '';
display: block;
width: 42px;
height: 24px;
background-color: var(--tissium-color-timeline-item);
border-radius: 0;
position: absolute;
bottom: 0;
left: 90px;
}
.tissium-timeline-inner .tissium-timeline-item--2::after {
bottom: auto;
top: 0px;
left: 150px;
}
.tissium-timeline-inner .tissium-timeline-item--3::after {
left: 150px;
}
.tissium-timeline-inner .tissium-timeline-item--4::after {
bottom: auto;
top: 0px;
left: 150px;
}
.tissium-timeline-inner .tissium-timeline-item--5::after {
left: 30px;
}
.tissium-timeline-item {
width: calc(100% / var(--years-number) * 3 + 66px);
height: 74px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
background: white;
color: #001d5a;
margin-left: -44px;
padding-left: 22px;
padding-right: 66px;
border-radius: 100px 0 0 100px;
z-index: 40;
background-color: var(--tissium-color-timeline-item);
box-shadow: 0 4px 8px 0 rgba(135, 190, 255, 0.25),
0 0 8px 4px rgba(192, 119, 243, 0.25);
}
.tissium-timeline-item:has(.tissium-timeline-item-title span:first-child) {
width: calc(100% / var(--years-number) * 1 + 66px);
}
.tissium-timeline-item:has(.tissium-timeline-item-title span:nth-child(2)) {
width: calc(100% / var(--years-number) * 2 + 66px);
}
.tissium-timeline-item:has(.tissium-timeline-item-title span:nth-child(3)) {
width: calc(100% / var(--years-number) * 3 + 66px);
}
.tissium-timeline-item:has(.tissium-timeline-item-title span:nth-child(4)) {
width: calc(100% / var(--years-number) * 4 + 66px);
}
.tissium-timeline-item:last-child:has(.tissium-timeline-item-title span) {
width: calc(100% / var(--years-number) * 2 + 66px);
}
.tissium-timeline-item--1 {
--tissium-color-timeline-item: #FCFDFF; margin-left: 0;
}
.tissium-timeline-item--2 {
--tissium-color-timeline-item: #f6faff;
--tissium-timeline-item-border-color: #E1D7F7;
}
.tissium-timeline-item--3 {
--tissium-color-timeline-item: #e8f1ff;
}
.tissium-timeline-item--4 {
--tissium-color-timeline-item: #d6e6ff;
--tissium-timeline-item-border-color: #E1D7F7;
}
.tissium-timeline-item--5 {
--tissium-color-timeline-item: #CADFFF; }
.tissium-timeline .tissium-timeline-inner .tissium-timeline-item {
box-shadow: none;
background: transparent;
}
.tissium-timeline .tissium-timeline-inner .tissium-timeline-item-header {
opacity: 0;
pointer-events: none;
}
.tissium-timeline .tissium-timeline-item .tissium-timeline-item-title {
margin: 0 !important;
opacity: 0.8;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 42px;
}
.tissium-timeline .tissium-timeline-item .tissium-timeline-item-title {
color: #001d5a;
font-family: "Montserrat", sans-serif;
font-weight: bold;
font-size: 20px;
letter-spacing: 0.8px;
line-height: 22px;
}
.tissium-timeline-item ul {
position: absolute;
width: 120%;
padding: 34px 0 0 0 !important;
margin: 0 0 0 100px !important;
text-align: left !important;
}
.tissium-timeline-item ul::before {
content: '';
display: block;
width: 24px;
height: 24px;
background-color: var(--tissium-color-timeline-item);
border-color: var(--tissium-timeline-item-border-color);
border-width: 3px;
border-style: solid;
border-radius: 34px;
position: absolute;
top: -16px;
left: -12px;
}
.tissium-timeline-item ul::after {
content: "";
display: block;
width: 2px;
background: black;
position: absolute;
top: 0;
left: 3px;
z-index: -1;
height: 64px;
}
.tissium-timeline-item--2 ul,
.tissium-timeline-item--4 ul{
padding-top: 0!important;
padding-bottom: 34px!important;
}
.tissium-timeline-item--2 ul::before,
.tissium-timeline-item--4 ul::before{
bottom: -16px;
top: auto;
}
.tissium-timeline-item--2 ul::after,
.tissium-timeline-item--4 ul::after {
bottom: 0;
top: auto;
}
.tissium-timeline-item ul li {
list-style: none !important;
padding: 27px 0 0 20px !important;
margin: 0 !important;
font-family: "MyriadPro-Regular";
font-size: 20px;
font-weight: normal;
line-height: 1.2;
letter-spacing: 0.2px;
color: black;
position: relative;
}
@media (max-width: 1450px) {
.tissium-timeline-item ul li {
font-size: 16px;
}
}
.tissium-timeline-item ul li::before {
content: "";
display: block;
width: 12px;
height: 12px;
border-radius: 20px;
position: absolute;
top: 30px;
left: -5px;
background: var(--tissium-color-timeline-item);
border: 3px solid #324A7B;
}
.tissium-timeline-item ul li::after {
content: "";
display: block;
width: 2px;
height: calc(100% - 15px);
background: black;
position: absolute;
top: 45px;
left: 3px;
z-index: -1;
}
.tissium-timeline-item--1 ul li:last-child::after,
.tissium-timeline-item--3 ul li:last-child::after,
.tissium-timeline-item--5 ul li:last-child::after {
content: none;
}
.tissium-timeline-item--1 ul {
margin-left: 40px !important;
}
.tissium-timeline-item--1 ul,
.tissium-timeline-item--3 ul {
position: absolute;
top: 100%;
left: 70px;
width: calc(100% + 20px);
}
.tissium-timeline-item--2 ul,
.tissium-timeline-item--4 ul {
position: absolute;
bottom: 100%;
left: 120px;
margin-left: 50px !important;
}
body .tissium-timeline-inner .tissium-timeline-item.tissium-timeline-item--5 ul {
position: absolute;
top: 100%;
left: -52px;
width: calc(100% + 120px);
margin-left: 100px!important;
}
.tissium-timeline-item--2 ul li::after,
.tissium-timeline-item--4 ul li::after,
.tissium-timeline-item--6 ul li::after,
.tissium-timeline-item--8 ul li::after {
bottom: auto;
top: 45px;
}
.tissium-timeline-item--2 ul li:last-child,
.tissium-timeline-item--4  ul li:last-child,
.tissium-timeline-item--6 ul li:last-child,
.tissium-timeline-item--8 ul li:last-child {
padding-bottom: 27px !important;
}
@media screen and (max-width: 1630px) {
.tissium-timeline {
overflow-x: auto;
position: relative;
margin-left: -50vw;
left: 50%;
width: 100vw;
max-width: 100vw;
}
.tissium-timeline-continues {
min-width: 100vw;
}
} .tissium-timeline-inner .tissium-timeline-item {
opacity: 0;
transform: translate(30px, 0px);
transition: all .3s;
}
.tissium-timeline-item--2 {
transition-delay: .2s;
}
.tissium-timeline-item--3 {
transition-delay: .4s;
}
.tissium-timeline-item--4 {
transition-delay: .6s;
}
.tissium-timeline-item--5 {
transition-delay: .8s;
}
body.using-mobile-browser .tissium-timeline-inner .tissium-timeline-item,
.animated-in.triggered-animation .tissium-timeline-inner .tissium-timeline-item {
opacity: 1;
transform: translate(0, 0);
}