@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url(/static/static_shared/scilan-icons/scilan.css);

html {
	font-size: 24px;
}

.Roboto {
	font-family: 'Roboto', sans-serif;
}

body {
	font: 400 1rem/1.5 'Roboto', sans-serif;
	color: #545454;
}

img {
	max-width: 100%;
	display: block;
}


.transition,
a,
button,
input,
.button,
.btn,
a:after,
button:after,
.button:after,
.btn:after,
a:before,
button:before,
.button:before,
.btn:before {
	transition: all ease 0.35s;
	-webkit-transition: all ease 0.35s;
}

.text-primary {
	color: #4042e2 !important;
}

.text-dark {
	color: #545454 !important;
}

.btn-primary {
	background-color: #4042e2 !important;
	border-color: #4042e2 !important;
}

.btn-primary:hover {
	background-color: #1a0f91 !important;
	border-color: #1a0f91 !important;
}



.form-control {
	border-radius: 0;
	border-color: #4042e2;
}

a {
	color: #4042e2;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: #1a0f91;
	text-decoration: underline;
}

h2 {

	font-size: 2rem;
	font-weight: 700;
}

.item-box {
	text-align: center;
}


@media (min-width: 1200px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1170px;
	}
}

.nav-partRight .btn-signin {
	color: #fff;
	background-color: #4042E2;
	padding: 0.35rem 1.4rem;

	font-weight: 500;
	font-size: 0.75rem;
}

.nav-partRight .btn-signin:hover {

	background-color: #1a0f91;
}

.company-logo {
	max-width: 218px;
}

.company-logo img {
	max-width: 100%;
}

.btn-topOvision {
	color: #545454;
	font-weight: 600;
	line-height: 1;
	font-size: 0.75rem;
	position: relative;
	padding: 0.75rem 0.2rem;
}

.navbar .navbar-nav > li {
	padding-left: 0.8rem;
	padding-right: 0.8rem;
}

.navbar-light .navbar-nav .nav-link,
.navbar .navbar-nav a {
	line-height: 1;
	font-size: 0.75rem;
	font-weight: 600;
	position: relative;
	color: #545454;
}

.btn-topOvision:after,
.navbar .navbar-nav a:after {
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	height: 2px;
	background: #4042e2;
	content: "";
	opacity: 0;
}

.navbar .navbar-nav .active > .nav-link,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link.show,
.navbar .navbar-nav .show > .nav-link,
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav a:hover,
.navbar .navbar-nav a.active {
	color: #4042e2;
}

.btn-topOvision:hover {
	text-decoration: none;
}

.btn-topOvision:hover:after,
.navbar .navbar-nav a:hover:after,
.navbar .navbar-nav a.active:after {
	opacity: 1;
}


.nav-partRight {
	order: 1;
}

@media (min-width:992px) {
	.navbar .navbar-nav .nav-link {
		padding: 0.75rem 0.2rem;
	}



}

.jumbotron {
	padding-top: 3rem;
	padding-bottom: 20rem;
	margin-bottom: 0;
	border-radius: 0;
	background: #eff5f9 url(/static/images/welcome-bg.svg) no-repeat bottom -5px center;
	background-size: 100% auto;
}

.jmbtrnJoinTeam {
	background: #eff5f9 url(/static/images/join-team-bg.svg) no-repeat bottom -5px center;
	background-size: 100% auto;
}

@media (min-width: 768px) {
	.jumbotron {
		padding-top: 3rem;
		padding-bottom: 20rem;
	}

	.jumbotron .container {
		max-width: 907px;
	}
}

.jumbotron p:last-child {
	margin-bottom: 0;
}

.jumbotron h1, .jumbotron .jumbotron-heading {
	font-size: 3rem;
	font-weight: 700;
}



.jumbotron .highlight-text {}

.btn-largeSize {
	font-weight: 800;
	font-size: 1.285rem;
	padding: 0.5rem 1.85rem;
}


.product-lab .lead,
.team-science .lead,
.researchers .lead,
.jumbotron .lead {
	font-weight: 400;
	font-size: 1rem;
}


.researchers {
	padding-top: 6rem;
	padding-bottom: 6rem;
}



.team-science {
	padding-top: 4rem;
	padding-bottom: 4rem;
	background: #eff5f9;
	background: #eff5f9 url(/static/images/thumb-teamScience.svg) no-repeat left -90px bottom;
	background-size: 600px;
}

.team-science .tDescription {
	padding-top: 6rem;
}

.team-science .item-box {
	border: 2px solid rgba(0, 0, 0, 0);
	box-shadow: 0 0 25px 5px rgba(64, 66, 226, 0.05);
	margin: 15px 0;
	position: relative;
}

.team-science .item-box:hover {
	border-color: #4042e2;
}

.team-science .item-box .invisible-link {
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.team-science .item-box .invisible-link span {
	opacity: 0;
	display: none;
}

.team-science .item-box h3 {
	font-size: 1.4rem;
	font-weight: 600;
	padding-bottom: 2rem;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.team-science .item-box h3 .icons {
	font-size: 0.75rem;
	position: relative;
	top: 5px;
}


.brands {
	background: #f8f8fb;
	padding: 1.5rem 0;
}

.Scrolling-wrap {
	overflow-x: auto;
	white-space: nowrap;
	display: flex;
	text-align: center;
	justify-content: space-around;
}

.Scrolling-wrap::-webkit-scrollbar {
	height: 0.4rem;
}

.Scrolling-wrap::-webkit-scrollbar-track {
	/*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
	background: rgba(0, 0, 0, 0);
}

.Scrolling-wrap::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.05);
	border-radius: 10px;

}

.Scrolling-wrap .brand-logo {
	display: inline-block;
}



.product-lab {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.product-lab .lead {
	max-width: 670px;
	margin: auto;
	margin-bottom: 3rem;
	margin-top: 1rem;
}

.product-lab .item-box .lab-logo {
	border: 2px solid rgba(35, 145, 235, 0.30);
	padding: 0.2rem 0.3rem;
	width: 220px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	margin: auto;
	margin-bottom: 2rem;
}

.product-lab .item-box .lab-logo:hover {
	box-shadow: 0 0 20px 5px rgba(64, 66, 226, 0.15);
	border-color: #4042e2;
}

.product-lab .item-box .lab-logo img {
	max-height: 80%;
}

.openings {
	padding: 4rem 0;
}

.openings .accordion .opening {
border: none; background: none; padding: 0;	border-bottom: 1px solid rgba(0, 0, 0, 0.075); 
}
.openings .accordion .opening .card-header,
.openings .accordion .opening .card-body{border: none; background: none; padding: 0;}

.openings .accordion .btn-link {
	font-size: 1.5rem;
	font-weight: 600;
	text-decoration: none;
	padding: 1.5rem 0;
	line-height: 1;
	border-radius: 0;
	color: #4042e2;
	position: relative;

}

.openings .accordion .btn-link i {
	position: absolute;
	right: 0;
	font-size: 0.45rem;
	top: 50%;
	margin-top: -2px;
}

.openings .accordion .btn-link[aria-expanded=true] i:before {
	content: "\e909";
}

.openings .accordion .btn-link:hover {
	color: #1a0f91
}

.openings .accordion .btn-link:focus {
	outline: none;
	box-shadow: none;
}

.openings .accordion .opening h4 {
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #4042e2;
	margin: 0;
	padding: 1.5rem 0;
}

.openings .accordion .opening p {
	margin: 0;
	padding-bottom: 1.5rem;
}

.openings .accordion .opening .openingContent {
	padding-bottom: 2rem;
}

.openings .accordion .opening .cstm-bullet {}

.openings .accordion .opening .cstm-bullet li {
	padding: 0 0 1rem 1.5rem;
}

.openings .accordion .opening .cstm-bullet li:before {
	content: "\2022";
	font-weight: bold;
	display: inline-block;
	width: 1rem;
	margin-left: -1rem;
	color: #4042e2;
	font-size: 2rem;
	line-height: 1.2rem;
	height: 1rem;
	text-align: center;
	position: relative;
	left: -0.5rem;
	top: 0.3rem;
}

.openings .wrap-img {
	max-width: 360px;
	margin: auto;
	margin-top: 1.5rem;
}

.signup-page {
	padding: 6rem 0;
}

.signup-page .wrap-img {
	max-width: 500px;
	margin-right: auto;
    height: 315px;
    display: flex;
    align-items: flex-end;
}

.signup-page .wrap-img img{
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: space-around;
}

.signup-page .wrap-form {
	max-width: 580px;
	margin-left: auto;
}

.signup-page .wrap-form h2 {
	color: #4042e2;
	text-transform: uppercase;
	text-align: left;
	font-size: 3rem;
	margin: 0;
	padding-bottom: 2rem;
}

.signup-page .wrap-form .form-control {
	font-weight: 600;
	padding: .53rem 1.5rem;
	height: auto;
	margin-bottom: 1.3rem;
	font-size: 1.25rem;
	border-width: 2px;
}

.signup-page .wrap-form .form-control::-webkit-input-placeholder {
	/* Edge */
	color: #545454;
}

.signup-page .wrap-form .form-control:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #545454;
}

.signup-page .wrap-form .form-control::placeholder {
	color: #545454;
}

.signup-page .wrap-form .form-control:Focus {
	border-color: #1a0f91;
	color: #1a0f91;
}

.signup-page .wrap-form .formCTA {
	text-align: right;
}

.signup-page .wrap-form .formCTA a {
	margin-left: 0.5rem;
	color: #545454;
}

.signup-page .wrap-form .formCTA a:hover {
	color: #4042e2;
}

.signup-page .wrap-form .formCTA .btn-signin {
	width: 270px;
	font-weight: 500;
	text-align: center;
	font-size: 1.25rem;
	padding: .55rem 1.5rem;
	margin-bottom: 1rem;
}

footer {

	padding-bottom: 1rem;
}

.ftr-cstcol {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	width: 100%;
}

.cstcol-company {
	margin-left: 3rem;
}

.cstcol-contact {
	margin-left: 1.5rem;
}

.cstcol-scilanSAS {
	margin-left: auto;
	flex-grow: 0;
	white-space: nowrap;
}

footer h5 {
	font-size: 1rem;
	font-weight: 500;
	color: #4042e2;
}

footer address,
footer copyright,
footer p,
footer p a,
footer ul.nav li a {
	padding: 0.1rem 0;
	font-weight: 300;
	font-size: 0.73333rem;
	color: #565759;
}

footer p a {
	display: inline-block;
	text-decoration: none;
	position: relative;
}

footer p a:after {
	position: absolute;
	bottom: 6px;
	left: 0;
	right: 0;
	height: 1px;
	background: #565759;
	content: "";
	opacity: 1;
}

footer p a:hover,
footer ul.nav li a:hover {
	color: #4042e2;
	text-decoration: none;
}

footer p a:hover:after {
	background: #4042e2;
}

footer .social-icon {
	padding-top: 1.0rem;
	text-align: right;
	padding-right: 0.54rem;
}

footer .social-icon a {
	width: 35px;
	height: 35px;
	border-radius: 5px;
	background: #e8eff5;
	text-align: center;
	font-size: 0.7rem;
	line-height: 40px;
	display: inline-block;
	text-decoration: none;
}

footer .social-icon a:hover {
	background: #4042e2;
	color: #fff;
}

@media (min-width:1200px) and (max-width:1366px) {
	.jumbotron {
		background-size: 100% auto;
	}

	/* .team-science .container{ max-width: inherit;}*/

	.team-science .col-cst-teamItems {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.jumbotron {
		background-size: 100% auto;
		padding-bottom: 14rem;
	}

	.team-science {
		padding-bottom: 10rem;
		background-position: left -50px bottom;
		background-size: 400px;
	}

	.team-science .tDescription {
		padding: 0;
	}
}

@media(max-width:991px) {
	h2 {
		font-size: 1.5rem;
	}

	.navbar-collapse {
		order: 2;
	}

	.nav-partRight {
		display: flex;
	}

	.navbar-light .navbar-toggler {
		border: none;
		border-radius: 0;
		color: #4042e2 !important
	}

	.navbar-light .navbar-toggler:focus {
		outline: none;
	}

	.navbar-light .navbar-toggler[aria-expanded=true] .scilan-bars:before {
		content: "\e905";
	}

	.navbar .navbar-nav > li {
		border-top: 1px solid rgba(0, 0, 0, 0.05);
		display: block;
		margin: 0 !important;
	}

	.btn-topOvision:after,
	.navbar .navbar-nav a:after {
		opacity: 0;
		display: none;
	}

	.jumbotron {
		background-size: 100% auto;
		padding-bottom: 13rem;
	}

	.product-lab .item-box {
		padding-bottom: 15px;
	}

	.brands {
		padding: 3rem 0;
	}

	.Scrolling-wrap {
		display: block;
	}

	.cstcol-logo {
		flex: 0 0 100%;
		max-width: 100%;
		padding-bottom: 30px;
	}

	.cstcol-logo .ftrLogo {
		max-width: 150px;
		margin: auto;
	}

	footer .social-icon {
		text-align: center;
		padding-right: 0;
	}

	.cstcol-company {
		margin: 0;
	}

	.researchers {
		padding-top: 3rem;
		padding-bottom: 3rem;
		text-align: center;
	}

	.company-logo {
		padding: 0;
		display: block;
	}

	.navbar {
		padding: 0.2rem !important;
	}

	.navbar-nav {
		padding-top: 0.5rem;
	}

	.container {
		max-width: inherit;
	}


	.team-science {
		padding-bottom: 9rem;
		padding-top: 3rem;
		text-align: center;
		background-size: 300px;
		background-position: center bottom;
	}

	.team-science .tDescription {
		padding: 0;
	}

	.team-science .item-box {
		max-width: 400px;
		margin: 15px auto;
	}
}

@media(max-width:767px) {

	.jmbtrnJoinTeam,
	.jumbotron {
		background: #eff5f9 url(/static/images/welcome-mbl-bg.svg) no-repeat center bottom;
		background-size: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 15rem;
	}

	.jmbtrnJoinTeam {
		background-image: url(/static/images/join-team-mbl-bg.svg);
		background-size: 100% auto;
	}

	.ftr-cstcol:not(.cstcol-logo) {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.cstcol-contact {
		margin-left: 0;
	}

	.researchers .wrap-img {
		padding-top: 1.5rem;
	}

	.signup-page {
		padding: 3rem 0;
	}

	.signup-page .wrap-img {
		display: block;
		margin: 0 auto;
	}

	.signup-page .wrap-form {
		margin: auto;
		padding-top: 2.5rem;
	}
	.jmbtrnJoinTeamFtr .jumbotron-heading{ line-height: 1;} 
	.jmbtrnJoinTeamFtr .jumbotron-heading span{ display: block;}
}

@media(max-width:567px) {
	.jumbotron {
		padding-bottom: 10rem;
	}

	.btn-jumbotron {
		font-size: 1rem;
	}

	.product-lab .item-box {
		max-width: 300px;
		margin: 15px auto;
	}

	.openings .accordion .btn-link {
		font-size: 0.95rem;
	}

	.openings .accordion .btn-link i {
		font-size: 0.3rem
	}
}
@media(min-width:441px) and (max-width:555px){
	.company-logo {
		max-width: 150px;
	}

	.btn-signin {
		padding: 0.25rem .5rem;
	}

	.navbar-toggler {
		padding: .15rem .75rem;
	}
	
}
@media(max-width:440px) {

	.company-logo {
		max-width: 150px;
	}

	.btn-signin {
		padding: 0.25rem .5rem;
	}

	.navbar-toggler {
		padding: .15rem .75rem;
	}

	.signup-page .wrap-form .formCTA a {
		display: block;
	}
}

@media(max-width:379px) {

	.company-logo {
		max-width: 100px;
	}

	.nav-partRight .btn-signin {
		padding: 0.25rem .5rem;
	}

	.navbar-toggler {
		padding: .15rem .75rem;
	}

	.jumbotron {
		padding-top: 1.5rem;
	}
}

/* tweaks */

body .signup-page, .signup-page .wrap-form .form-control {
	font-size: 0.75rem;
}

body .legalese {
	font-size: 0.75rem;
}

body .legalese .last-updated{
	color: darkgray;
	padding-bottom: 1.5rem;
}

/* error-page */

.error-page {
	padding: 6rem 0rem;
}

.error-page .wrap-img {
	max-width: 500px;
	margin-right: auto;
    height: 315px;
    display: flex;
    align-items: flex-end;
}

.error-page .wrap-img img{
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: space-around;
}

.error-page .wrap-form {
    position: absolute;
    bottom: 0px;
}

/* remove team science border on hover */
.team-science .item-box:hover {
	border: none;
}

.team-science .transition {
	transition: none;
	-webkit-transition: none;
}

/* logos ticker */
#logos {
	overflow: hidden;
}

.suga-container {
  /*background: $primary-color;*/
  padding: .2em;
  /*max-width: 770px;*/
  /*margin: 5em auto;*/
  /*box-shadow: 3px 3px 0px $secondary-color;*/
  /*border: 2px solid $secondary-color;*/
  border-radius: 5px;
}

.suga-container li {
  list-style: none;
}

.suga-container:before, .suga-container:after {
  box-sizing: border-box;
}

/*.suga-slider-wrap {*/
  /*overflow: hidden;*/
  /*margin: 1em;*/
/*}*/

/*.suga-slider-group {*/
/*  &:before,*/
/*  &:after {*/
/*    content: " ";*/
/*    display: table;*/
/*  }*/

/*  &:after {*/
/*    clear: both;*/
/*  }*/
/*}*/

.suga-slide {
  float: left;
  position: relative;
  margin-left: 0;
  padding-right: 28px;
}

#payment-form {
	margin-top: 100px;
}

/* alignemnt of actions icons in internal tables */
table.table tbody td.actions {
	display: inline-flex;
	justify-content: space-between;
	width: 100%;
}