html {
font-size: 16px !important;
}
body {
overflow-x: hidden;
}
sup {
top: 0;
}
.genScript-overview-2022 sup {
font-size: .75rem;
vertical-align: super;
}
.genScript-overview-2022 .color-white {
color: #fff;
}
.genScript-overview-2022 .pText i:not(.iconfont) {
font-style: italic;
}
.genScript-overview-2022 .banner {
height: 34.375rem;
background: url(/gsimages/protein/banner-protein.jpg) no-repeat;
color: #fff;
background-size: 100%;
}
.genScript-overview-2022 .imgBanner {
color: #fff;
}
.genScript-overview-2022 .banner-text {
height: 25rem;
}
.genScript-overview-2022 .imgBanner-text {
left: 50%;
transform: translate(-50%, 0);
height: 25rem;
}
.genScript-overview-2022 .banner-title {
font-size: 2.5rem;
line-height: 1.5;
font-weight: normal;
}
.genScript-overview-2022 .banner-sub-title {
margin-top: 1.875rem;
font-size: 1.375rem;
line-height: 1.5;
color: #fff;
}
.genScript-overview-2022 .LinkNav-box {
width: 100%;
background: #fff;
border-bottom: 1px solid #d3d3d3;
z-index: 100;
transition: all 0.5s;
}
.genScript-overview-2022 .top-80 {
top: 3.75rem;
}
.genScript-overview-2022 .top-0 {
top: 0;
}
.genScript-overview-2022 .LinkNav {
background: #fff;
}
.genScript-overview-2022 .LinkNav .LinkNav-row {
display: flex;
align-items: center;
justify-content: space-between;
height: 60px;
}
.genScript-overview-2022 .LinkNav .LinkNav-nav,
.genScript-overview-2022 .LinkNav nav {
padding: 0;
}
.genScript-overview-2022 .LinkNav .nav-link {
margin-right: 2.5rem;
font-size: 1.125rem;
color: #333;
height: 3.75rem;
line-height: 3.75rem;
padding: 0;
}
.genScript-overview-2022 .mb-navs .nav-link {
margin-right: 20px;
font-size: 1rem;
color: #333;
padding: 10px 0;
height: auto;
line-height: 1.5;
}
.genScript-overview-2022 .nav-link.active,
.genScript-overview-2022 .LinkNav .nav-link:hover {
color: #0590b1 !important;
border-bottom: 2px solid #0590b1;
}
.genScript-overview-2022 .LinkNav .LinkNav-button-link {
padding: 0 1.875rem;
background: #0590b1;
display: inline-block;
height: 2.25rem;
line-height: 2.25rem;
color: #fff;
font-size: 1.125rem;
}
.genScript-overview-2022 .LinkNav .LinkNav-button-link:hover {
background: #0599be;
}
.genScript-overview-2022 .NumberOverview .overview-box {
display: flex;
flex-direction: column;
}
.genScript-overview-2022 .NumberOverview .overview-text {
font-size: 2.5rem;
color: #0590b1;
margin-bottom: 2.5rem;
text-align: center;
}
.genScript-overview-2022 .NumberOverview .overview-description {
color: #666;
font-size: 1rem;
line-height: 1.5;
text-align: center;
}
.genScript-overview-2022 .NumberOverview .divider {
height: 140px;
transform: translate(-26%, -30%) rotate(30deg);
border-right: 1px solid #d3d3d3;
}
.genScript-overview-2022 .ColumnCard .card {
border: none;
border-radius: 0;
}
.genScript-overview-2022 .ColumnCard .ColumnCard-img-box {
position: relative;
}
.genScript-overview-2022 .card:hover .ColumnCard-img-box strong {
background-color: rgba(5, 144, 177, 0.6);
}
.genScript-overview-2022 .ColumnCard .img-top-title {
position: absolute;
/* top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 1.375rem; */
top: 0;
left: 0;
/* transform: translate(0%, 50%); */
color: #fff;
font-size: 1.375rem;
width: 100%;
height: 100%;
text-align: center;
line-height: 5.625rem;
}
.genScript-overview-2022 .ColumnCard .icon-top-title {
color: #fff;
font-size: 1.375rem;
text-align: left;
line-height: 1.5;
}
.genScript-overview-2022 .ColumnCard .card-img-top {
height: 5.625rem;
border-radius: 0;
}
.genScript-overview-2022 .ColumnCard .ColumnCard-body {
padding: 1.875rem 1.5rem;
height: 18.75rem;
}
.genScript-overview-2022 .square {
display: inline-block;
width: .3125rem;
height: .3125rem;
background: #333;
margin-right: 0.5rem;
margin-top: 0.5rem;
}
.genScript-overview-2022 .ColumnCard .card-text {
color: #666;
line-height: 1.5;
text-align: left;
}
.genScript-overview-2022 .OvertopTable .margin-td-left,
.genScript-overview-2022 .OvertopTable .margin-td-middle,
.genScript-overview-2022 .OvertopTable .margin-td-right {
background: #f3f3f3;
}
.genScript-overview-2022 .OvertopTable .margin-td-left {
width: 20px;
}
.genScript-overview-2022 .OvertopTable .margin-td-middle {
width: 10px;
}
.genScript-overview-2022 .OvertopTable .margin-td-right {
width: 30px;
}
.genScript-overview-2022 .OvertopTable .td-b-solid {
border-bottom: 1px solid #d3d3d3;
}
.genScript-overview-2022 .OvertopTable td {
font-size: 14px;
line-height: 1.5;
}
.genScript-overview-2022 .OvertopTable .td-left {
background: #f3f3f3;
color: #333;
text-align: left;
}
.genScript-overview-2022 .OvertopTable td:nth-child(2) {
padding-left: 0;
}
.genScript-overview-2022 .OvertopTable td:nth-child(2),
.genScript-overview-2022 .OvertopTable td:nth-child(3),
.genScript-overview-2022 .OvertopTable td:nth-child(5),
.genScript-overview-2022 .OvertopTable td:nth-child(7) {
width: 25%;
vertical-align: middle;
font-size: 0.875rem;
}
.genScript-overview-2022 .OvertopTable td:nth-child(3),
.genScript-overview-2022 .OvertopTable td:nth-child(5),
.genScript-overview-2022 .OvertopTable td:nth-child(7) {
color: #fff;
border-bottom: 1px solid #fff;
text-align: center;
}
.genScript-overview-2022 .OvertopTable td:nth-child(3) {
background: #76c693;
}
.genScript-overview-2022 .OvertopTable td:nth-child(5) {
background: #34a0a3;
}
.genScript-overview-2022 .OvertopTable td:nth-child(7) {
background: #1f6191;
}
.genScript-overview-2022 .OvertopTable tr:first-child .margin-td-left,
.genScript-overview-2022 .OvertopTable tr:first-child .margin-td-middle,
.genScript-overview-2022 .OvertopTable tr:first-child .margin-td-right,
.genScript-overview-2022 .OvertopTable tr:last-child .margin-td-left,
.genScript-overview-2022 .OvertopTable tr:last-child .margin-td-middle,
.genScript-overview-2022 .OvertopTable tr:last-child .margin-td-right {
background: #fff;
}
.genScript-overview-2022 .OvertopTable .td-button {
margin: 20px;
padding: 0 20px;
cursor: pointer;
}
.genScript-overview-2022 .OvertopTable .overtop-td {
padding: 20px;
border-radius: 10px 10px 0 0;
font-weight: bold;
}
.genScript-overview-2022 .OvertopTable .td-arrow {
position: relative;
border-radius: 0 0 10px 10px;
}
.genScript-overview-2022 .OvertopTable .td-arrow::after {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 0);
content: "";
width: 0;
height: 0;
display: inline-block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.genScript-overview-2022 .OvertopTable td:nth-child(3).arrow-active::after {
border-top: 20px solid #76c693;
}
.genScript-overview-2022 .OvertopTable td:nth-child(5).arrow-active::after {
border-top: 20px solid #34a0a3;
}
.genScript-overview-2022 .OvertopTable td:nth-child(7).arrow-active::after {
border-top: 20px solid #1f6191;
}
.genScript-overview-2022 .OvertopTable .td-button {
font-size: 14px;
height: 2.5rem;
line-height: 2.5rem;
text-align: center;
color: #fff;
border: 1px solid #fff;
padding: 0 2.5rem;
white-space: nowrap;
}
.genScript-overview-2022 .OvertopTable td:nth-child(3).arrow-active a.td-button, .genScript-overview-2022 .OvertopTable .td-button1:hover {
background: #fff !important;
color: #76c693 !important;
}
.genScript-overview-2022 .OvertopTable td:nth-child(5).arrow-active a.td-button, .genScript-overview-2022 .OvertopTable .td-button2:hover {
background: #fff;
color: #34a0a3;
}
.genScript-overview-2022 .OvertopTable td:nth-child(7).arrow-active a.td-button, .genScript-overview-2022 .OvertopTable .td-button3:hover {
background: #fff;
color: #1f6191;
}
.genScript-overview-2022 .ResourcesRow .resource-body {
background: #fff;
height: 14.375rem;
padding-left: 0;
}
.genScript-overview-2022 .ResourcesRow .resource-img {
width: 10.375rem;
height: 14.375rem;
}
.genScript-overview-2022 .ResourcesRow .resource-detail {
padding: 30px;
}
.genScript-overview-2022 .ResourcesRow .resource-title {
margin-bottom: 0.9375rem;
line-height: 1.5;
color: #0590b1;
font-size: 1rem;
}
.genScript-overview-2022 .ResourcesRow .resource-desc {
font-size: 0.875rem;
line-height: 1.5;
margin-bottom: 2.5rem;
}
.genScript-overview-2022 .ResourcesRow .resource-link {
display: inline-block;
padding: 0 1.25rem;
line-height: 2.375rem;
height: 2.375rem;
border: 1px solid #1d73dd;
color: #1d73dd;
}
.genScript-overview-2022 .ResourcesRow .resource-link:hover {
background: #1d73dd;
color: #fff;
}
.genScript-overview-2022 .ResourcesRow .link-row {
width: 100%;
height: 3.125rem;
line-height: 3.125rem;
padding: 0 1.25rem 0 1.875rem;
background: #fff;
color: #333;
font-size: 1rem;
margin-bottom: 0.625rem;
}
.genScript-overview-2022 .ResourcesRow .link-row:hover {
background: #1d73dd;
color: #fff;
}
.genScript-overview-2022 .ResourcesRow a.link-row:last-child {
margin-bottom: 0;
}
.genScript-overview-2022 .ResourcesRow .link-text {
flex: 1;
margin-left: 0.625rem;
}
.genScript-overview-2022 .ResourcesRow .iconfont {
font-size: 20px;
}
.genScript-overview-2022 .ResourcesRow .iconfont.link-left {
font-size: 30px;
}
.genScript-overview-2022 .ResourcesRow .slide-arrows {
right: 40px;
bottom: 10px;
cursor: pointer;
max-height: 40px;
display: flex;
align-items: center;
}
.genScript-overview-2022 .ResourcesRow .slide-arrow {
font-size: 30px !important;
}
.genScript-overview-2022 .ResourcesRow .slide-arrow:hover {
color: #1d73dd;
}
.genScript-overview-2022 .ResourcesRow .left-arrow {
transform: rotate(180deg);
margin-top: -3px;
margin-right: 10px;
}
.genScript-overview-2022 .QuoteSupport .support-row {
color: #333;
justify-content: center;
}
.genScript-overview-2022 .QuoteSupport .iconfont.support-icon {
color: #1d73dd;
font-size: 2.5rem;
margin-right: 0.25rem;
margin-top: -20px;
}
.genScript-overview-2022 .QuoteSupport .support-title {
font-size: 1rem;
margin-bottom: 0.625rem;
}
.genScript-overview-2022 .QuoteSupport .support-desc {
font-size: 0.875rem;
}
.genScript-overview-2022 .genScriptForm .required-label::before {
content: "*";
color: #e54d42;
font-size: 100%;
}
.genScript-overview-2022 .genScriptForm .required-label::before {
content: "*";
color: #e54d42;
font-size: 100%;
}
.genScript-overview-2022 .genScriptForm .form-control,
.genScript-overview-2022 .genScriptForm .custom-select {
border-radius: 0;
border: 1px solid #d3d3d3;
color: #666;
font-size: 1rem;
}
.genScript-overview-2022 .genScriptForm .form-control.is-valid:focus,
.genScript-overview-2022 .genScriptForm.was-validated .form-control:valid:focus,
.genScript-overview-2022 .genScriptForm .form-control:focus {
box-shadow: none;
border: 1px solid #1d73dd;
}
.genScript-overview-2022 .genScriptForm .form-control.is-invalid:focus,
.genScript-overview-2022 .genScriptForm.was-validated .form-control:invalid:focus {
box-shadow: none;
}
.genScript-overview-2022 .genScriptForm .form-control.is-valid,
.genScript-overview-2022 .genScriptForm.was-validated .form-control:valid,
.genScript-overview-2022 .genScriptForm .custom-select.is-valid,
.genScript-overview-2022 .genScriptForm.was-validated .custom-select:valid {
border-color: #d3d3d3;
background: none;
}
.genScript-overview-2022 .genScriptForm .form-row {
margin-bottom: 1.875rem;
}
.genScript-overview-2022 .genScriptForm .form-row label {
color: #333333;
display: block;
float: none;
width: 100%;
font-size: 1rem;
}
.genScript-overview-2022 .genScriptForm .invalid-feedback {
font-size: 0.875rem;
transition: all 0.5s;
}
.genScript-overview-2022 .genScriptForm .custom-select.is-valid:focus,
.genScript-overview-2022 .genScriptForm.was-validated .custom-select:valid:focus,
.genScript-overview-2022 .genScriptForm .custom-select.is-invalid:focus,
.genScript-overview-2022 .genScriptForm.was-validated .custom-select:invalid:focus {
box-shadow: none;
border: 1px solid #1d73dd;
}
.genScript-overview-2022 .genScriptForm .form-row {
padding: 0 5px;
}
.genScript-overview-2022 .genScriptForm .form-row>.col,
.genScript-overview-2022 .genScriptForm .form-row>[class*="col-"] {
padding-left: 0;
padding-right: 15px;
}
.genScript-overview-2022 .genScriptForm .form-row>.col:last-child,
.genScript-overview-2022 .genScriptForm .form-row>[class*="col-"]:last-child {
padding-right: 0;
padding-left: 15px;
}
.genScript-overview-2022 .genScriptForm .genScriptForm-submit {
padding: 0 3.75rem;
}
.genScript-overview-2022 .genScriptForm .genScriptForm-submit:focus {
outline: none;
}
.genScript-overview-2022 .boxTitle {
color: #333;
font-size: 1.875rem;
line-height: 1.5;
font-weight: normal;
text-align: center;
}
.genScript-overview-2022 .pText,
/* .genScript-overview-2022 p, */
.genScript-overview-2022 .ul-list li,
.genScript-overview-2022 .side-tabs li {
position: relative;
font-size: 0.875rem;
color: #333;
line-height: 1.5;
}
.genScript-overview-2022 .mt-100 {
margin-top: 6.25rem;
}
.genScript-overview-2022 .mr-30 {
margin-right: 1.875rem;
}
.genScript-overview-2022 .ml-30 {
margin-left: 1.875rem;
}
.genScript-overview-2022 .mt-40 {
margin-top: 2.5rem;
}
.genScript-overview-2022 .insert-menu-top {
margin-top: 8.75rem;
}
.genScript-overview-2022 .mb-100 {
margin-bottom: 6.25rem;
}
.genScript-overview-2022 .mb-80 {
margin-bottom: 5rem;
}
.genScript-overview-2022 .mb-60 {
margin-bottom: 3.75rem;
}
.genScript-overview-2022 .mb-40 {
margin-bottom: 2.5rem;
}
.genScript-overview-2022 .content-banner {
height: 200px;
background: url(/gsimages/protein/image-NEWLYLaunchedTurboCHOTMSystem.jpg) no-repeat;
color: #fff;
font-size: 2rem;
background-size: 100%;
}
.genScript-overview-2022 .mb-30 {
margin-bottom: 1.875rem;
}
.genScript-overview-2022 .mt-30 {
margin-top: 1.875rem;
}
.genScript-overview-2022 .mt-50 {
margin-top: 3.125rem;
}
.genScript-overview-2022 .mb-100 {
margin-bottom: 100px;
}
.genScript-overview-2022 .mb-20 {
margin-bottom: 20px;
}
.genScript-overview-2022 .mt-60 {
margin-top: 3.75rem;
}
.genScript-overview-2022 .mb-50 {
margin-bottom: 3.125rem;
}
.genScript-overview-2022 .py-60 {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
.genScript-overview-2022 .p-30 {
padding: 1.875rem;
}
.genScript-overview-2022 .pt-20 {
padding-top: 20px;
}
.genScript-overview-2022 .bg-grey {
background: #f3f3f3;
}
.genScript-overview-2022 .fade-in-card {
color: #fff;
}
.genScript-overview-2022 .fade-in-card,
.genScript-overview-2022 .fadeIconCard {
height: 16.875rem;
}
.genScript-overview-2022 .fade-in-card .card-item,
.genScript-overview-2022 .fadeIconCard .card-item {
height: 100%;
}
.genScript-overview-2022 .fade-in-card .card-item-bg1 {
background: url(/gsimages/protein/image-TurboCHOTMHighThroughput.jpg) no-repeat;
}
.genScript-overview-2022 .fade-in-card .card-item-bg2 {
background: url(/gsimages/protein/image-TurboCHOTMExpress.jpg) no-repeat;
}
.genScript-overview-2022 .fade-in-card .card-item-bg3 {
background: url(/gsimages/protein/image-TurboCHOTMHighPerformance.jpg) no-repeat;
}
.genScript-overview-2022 .card-title {
font-size: 32px;
line-height: 1.5;
}
.genScript-overview-2022 .toggle-card,
.genScript-overview-2022 .up-card {
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 3.75rem;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.genScript-overview-2022 .toggle-card {
opacity: 0;
background: #0590b1;
/* transition: all 1s; */
transition: opacity 1s;
}
.genScript-overview-2022 .card-text {
font-size: 1rem;
line-height: 1.5;
}
.genScript-overview-2022 .card-link {
height: 2.375rem;
line-height: 2.375rem;
padding: 0 2.5rem;
border: 1px solid #fff;
font-size: 1rem;
margin-top: 1.875rem;
}
.genScript-overview-2022 .detail-link {
height: 3.125rem;
line-height: 3.125rem;
/* padding: 0 2.5rem; */
width: 11.25rem;
color: #fff;
background: #0590b1;
font-size: 1.125rem;
}
.genScript-overview-2022 .detail-link:hover {
background: #066077;
}
.genScript-overview-2022 .content-banner:hover,
.genScript-overview-2022 .card-item:hover {
background: #0590b1;
}
.genScript-overview-2022 .content-banner:hover .toggle-card,
.genScript-overview-2022 .card-item:hover .toggle-card {
opacity: 1;
}
.genScript-overview-2022 .content-banner:hover .card-title,
.genScript-overview-2022 .card-item:hover .card-title {
display: none;
}
.genScript-overview-2022 .reagents-box {
width: 100%;
background: url(/gsimages/protein/image-covid-19.jpg) no-repeat;
height: 15.625rem;
color: #fff;
background-size: 100%;
}
.genScript-overview-2022 .reagents-box .reagents-box-title {
font-size: 2rem;
line-height: 1.5;
margin-top: -0.875rem;
text-align: center;
}
.genScript-overview-2022 .reagents-box .reagents-box-description {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 1.875rem;
color: #fff;
}
.genScript-overview-2022 .reagents-box .reagents-link {
width: 11.25rem;
height: 2.5rem;
line-height: 2.5rem;
border: 1px solid #fff;
color: #fff;
font-size: 1.125rem;
}
.genScript-overview-2022 .reagents-box .reagents-link:hover {
color: #0590b1;
background: #fff;
}
.genScript-overview-2022 .genScriptForm {
background: #fff;
padding: 1.875rem;
}
.genScript-overview-2022 .testimonials-img-box {
color: #333;
margin: 0 2.75rem;
border-right: 1px dashed #d3d3d3;
}
.genScript-overview-2022 .testimonials-text {
background: #f3f3f3;
}
.genScript-overview-2022 .testimonials-text::before {
position: absolute;
top: 50%;
left: 0;
transform: translate(-100%, -50%);
content: "";
width: 0;
height: 0;
display: inline-block;
border-top: 15px solid transparent;
border-right: 20px solid #f3f3f3;
border-bottom: 15px solid transparent;
}
.genScript-overview-2022 .testimonials-text .pText {
font-size: 1.125rem;
}
.genScript-overview-2022 .testimonials-img-box .testimonials-img {
width: 6.25rem;
height: 6.25rem;
}
.genScript-overview-2022 .testimonials-img-box .testimonials-img-title {
font-size: 1.125rem;
line-height: 1.5;
margin-top: 1.25rem;
margin-bottom: .375rem;
text-align: center;
}
.genScript-overview-2022 .testimonials-img-box .testimonials-img-desc {
font-size: 0.875rem;
line-height: 1.5;
text-align: center;
}
.genScript-overview-2022 .quotes {
font-size: 50px;
color: #333;
}
.genScript-overview-2022 .pText-quote {
padding-left: 30px;
}
.genScript-overview-2022 .pText-quote::before {
font-family: "iconfont" !important;
content: "\e653";
font-size: 50px;
position: absolute;
transform: translate(0, -70%);
left: 0;
}
.genScript-overview-2022 .pText-quote::after {
font-family: "iconfont" !important;
content: "\e654";
font-size: 50px;
position: absolute;
transform: translate(-10px, -120%);
top: 100%;
}
.genScript-overview-2022 .target-fix {
position: relative;
top: -140px;
display: block;
height: 0;
overflow: hidden;
}
.genScript-overview-2022 .system-box {
color: #333;
}
.genScript-overview-2022 .system-box .system-icon {
font-size: 8.125rem;
}
.genScript-overview-2022 .system-box .iconfont {
font-size: 5rem;
color: #0590b1;
}
.genScript-overview-2022 .system-box .system-title {
margin: .9375rem 0;
font-size: 1.125rem;
}
.genScript-overview-2022 .system-box .system-des {
font-size: .875rem;
line-height: 1.5;
}
.genScript-overview-2022 .services-links {
justify-content: center;
}
.genScript-overview-2022 .services-links .services-link {
/* width: 11.25rem; */
height: 3.125rem;
padding: 0 1.25rem;
line-height: 3.125rem;
text-align: center;
font-size: 1.125rem;
white-space: nowrap;
text-transform: capitalize;
}
.genScript-overview-2022 .content-links .content-link {
height: 2.5rem;
line-height: 2.5rem;
padding: 0 2.5rem;
font-size: 1rem;
white-space: nowrap;
text-align: center;
}
.genScript-overview-2022 .content-title {
font-size: 20px;
color: #666;
}
.genScript-overview-2022 .content-links .content-link-left,
.genScript-overview-2022 .services-links .services-link-left {
border: 1px solid #0590b1;
color: #0590b1;
}
.genScript-overview-2022 .services-links .services-link-left {
margin-right: 6.25rem;
}
.genScript-overview-2022 .services-links .services-link-left:hover,
.genScript-overview-2022 .content-links .content-link-left:hover {
background: #0590b1;
color: #fff;
}
.genScript-overview-2022 .services-links .services-link-right,
.genScript-overview-2022 .content-links .content-link-right {
color: #fff;
background: #0590b1;
}
.genScript-overview-2022 .services-links .services-link-right:hover {
background: #066077;
}
.genScript-overview-2022 .collapseNormalInfo .collapse-title {
color: #333;
font-weight: normal;
height: auto;
padding: .4375rem 1.25rem;
}
.genScript-overview-2022 .imgModal .imgModal-img {
margin: 1.875rem auto;
width: 37.5rem;
}
.genScript-overview-2022 .collapseNormalInfo .collapse-content {
padding: 0
}
.genScript-overview-2022 .collapseNormalInfo .collapse-content-body {
padding: 2.5rem 1.875rem;
}
.genScript-overview-2022 .collapseNormalInfo .collapseNormalInfo-item {
margin-bottom: 1.875rem;
}
.genScript-overview-2022 .collapseNormalInfo .collapse-arrow {
font-size: 1.25rem;
transform: rotate(-90deg);
}
.genScript-overview-2022 .collapseNormalInfo .collapse-arrow-up {
font-size: 1.25rem;
transform: rotate(-90deg);
}
.genScript-overview-2022 .collapseNormalInfo .collapse-arrow-down {
font-size: 1.25rem;
transform: rotate(90deg);
}
.genScript-overview-2022 .pTitle {
font-size: 1rem;
color: #333;
line-height: 1.5;
font-weight: bold;
}
.genScript-overview-2022 .px-15 {
padding: 0 15px;
}
.genScript-overview-2022 .rotate-90 {
transform: rotate(90deg) !important;
}
.genScript-overview-2022 .rotate-down-90 {
transform: rotate(-90deg) !important;
}
.genScript-overview-2022 .pNote {
position: relative;
padding-left: 1.875rem;
font-size: .875rem;
color: #666;
}
.genScript-overview-2022 .pNote::before {
font-family: "iconfont" !important;
content: "\e618";
font-size: 24px;
position: absolute;
transform: translate(5px, -25%);
left: 0;
}
.genScript-overview-2022 .tab-content {
padding: 3.75rem 1.875rem;
}
.genScript-overview-2022 .Paper-content {
margin: 0;
}
.genScript-overview-2022 .Paper-content .resource-body {
background: #fff;
height: 14.375rem;
margin: 0;
}
.genScript-overview-2022 .Paper-content .resource-img {
width: 10.375rem;
height: 14.375rem;
padding-right: 0;
border: 1px solid #d3d3d3;
}
.genScript-overview-2022 .Paper-content .resource-detail {
padding: 30px;
background: #f3f3f3;
height: 14.375rem;
flex: 1;
}
.genScript-overview-2022 .Paper-content .resource-title {
margin-bottom: 0.9375rem;
line-height: 1.5;
color: #0590b1;
font-size: 1rem;
}
.genScript-overview-2022 .Paper-content .resource-desc {
font-size: 0.875rem;
line-height: 1.5;
margin-bottom: 2.5rem;
}
.genScript-overview-2022 .Paper-content .resource-link {
display: inline-block;
padding: 0 1.25rem;
line-height: 2.25rem;
height: 2.25rem;
border: 1px solid #1d73dd;
color: #1d73dd;
white-space: nowrap;
}
.genScript-overview-2022 .Paper-content .resource-link:hover {
background: #1d73dd;
color: #fff;
}
.genScript-overview-2022 sup.new,
.genScript-overview-2022 .text-red,
.genScript-overview-2022 sup.text-red {
color: #F41D27;
}
.genScript-overview-2022 .basicTable td a {
text-decoration: none;
}
.genScript-overview-2022 .border-b {
border-bottom: 1px solid #d3d3d3;
}
.genScript-overview-2022 .border {
border: 1px solid #d3d3d3;
}
.genScript-overview-2022 .ul-box .ul-box-item {
padding: 0px 15px;
height: 40px;
line-height: 40px;
font-size: 14px;
list-style: none;
border-left: 4px solid #d3d3d3;
margin-bottom: 30px;
box-shadow: 0 0 5px #e9e9e9;
cursor: pointer;
}
.genScript-overview-2022 .ul-box .ul-box-item:hover {
color: #1D73DD;
border-left: 4px solid #1D73DD;
margin-bottom: 30px;
box-shadow: 0 0 5px rgb(29 115 221 / 20%);
background-color: #f3f8fc;
}
.genScript-overview-2022 .stars {
padding-left: 0;
display: flex;
align-items: center;
}
.genScript-overview-2022 .pFrom {
color: #999;
font-size: 12px;
}
.genScript-overview-2022 .number-card .number-title {
height: 6.5625rem;
padding: 1.25rem;
font-size: .875rem;
line-height: 1.5;
}
.genScript-overview-2022 .number-card .number-card-text {
padding: 1.875rem 1.25rem;
border-top: 1px solid #d3d3d3;
}
.genScript-overview-2022 .advertising-card {
width: 18.75rem;
/* height: 12.5rem; */
padding: 1.875rem;
margin-top: 1.875rem;
text-align: center;
color: #fff;
margin-right: 0;
}
.genScript-overview-2022 .advertising-card .advertising-title {
font-weight: 600;
font-size: 1rem;
}
.genScript-overview-2022 .advertising-card .advertising-des {
font-size: .875rem;
line-height: 1.5;
margin: .9375rem 0;
color: #fff;
}
.genScript-overview-2022 .advertising-card .advertising-link {
height: 1.875rem;
line-height: 1.875rem;
font-size: .875rem;
border: 1px solid #fff;
padding: 0 1.25rem;
color: #fff;
}
.genScript-overview-2022 .advertising-card .advertising-link:hover {
background: #fff;
color: #0590b1;
}
.genScript-overview-2022 .advertising-card1 {
background: url(/gsimages/protein/image-ads1.jpg) repeat-y;
}
.genScript-overview-2022 .advertising-card2 {
background: url(/gsimages/protein/image-ads2.jpg) repeat-y;
}
.genScript-overview-2022 .title-card .title-card-title,
.genScript-overview-2022 .text-card .text-card-title {
height: 5rem;
background: #0743a1;
color: #fff;
padding: 0 30px;
font-size: 1.25rem;
}
.genScript-overview-2022 .title-card .title-card-title {
line-height: 5rem;
}
.genScript-overview-2022 .text-card .text-card-title {
line-height: 1.5;
}
.genScript-overview-2022 .title-card .title-card-body,
.genScript-overview-2022 .text-card .text-card-body {
padding: 30px;
border-top: none;
}
.genScript-overview-2022 .title-card .title-card-body {
border: 1px solid #d3d3d3;
}
.genScript-overview-2022 .study-card .card-title-img {
width: 100%;
}
.genScript-overview-2022 .study-card .study-card-desc {
font-size: 0.875rem;
line-height: 1.5;
margin-bottom: 1.875rem;
margin-top: .625rem;
}
.genScript-overview-2022 .study-card-body {
height: 15.3125rem;
border: 1px solid #d3d3d3;
padding: 1.875rem;
}
.genScript-overview-2022 .FormModal .modal-body {
position: relative;
border-radius: 0;
padding: 0;
}
.genScript-overview-2022 .FormModal .modal-content,
.genScript-overview-2022 .imgModal .modal-content {
border-radius: 0;
border: none;
}
.genScript-overview-2022 .FormModal .FormModal-text {
background: #1d73dd;
padding: 0 44px !important;
color: #fff;
/* max-width: 470px; */
}
.genScript-overview-2022 .FormModal .FormModal-sub-title {
font-size: 1.375rem;
color: #fff;
}
.genScript-overview-2022 .FormModal .FormModal-sub-desc {
color: #fff;
}
.genScript-overview-2022 .FormModal .FormModal-title {
display: inline-block;
background: #fff;
padding: 16px 20px;
border-radius: 0 0 10px 10px;
font-size: 18px;
color: #1d73dd;
}
.genScript-overview-2022 .square-top-0 .square {
margin-top: 0;
}
.genScript-overview-2022 .fadeIconCard .card-item {
border: 1px solid #1d73dd;
padding: 1.875rem;
display: flex;
align-items: center;
justify-content: center;
color: #1d73dd;
}
.genScript-overview-2022 .fadeIconCard .toggle-card {
padding: 1.875rem;
}
.genScript-overview-2022 .fadeIconCard .toggle-card,
.genScript-overview-2022 .fadeIconCard .up-card {
flex-direction: column;
padding: 1.25rem;
}
.genScript-overview-2022 .fadeIconCard .iconfont-symbol {
width: 7.5rem;
height: 7.5rem;
margin-bottom: 2.5rem;
}
.genScript-overview-2022 .fadeIconCard .card-text {
font-size: .875rem;
text-align: left;
color: #fff;
}
.genScript-overview-2022 .container.breadcrumbs {
max-width: 87.5rem !important;
line-height: 1.5em;
padding: 15px 10px;
}
.genScript-overview-2022 .container.breadcrumbs p {
margin-bottom: 0;
font-size: 0.875rem;
}
.genScript-overview-2022 .container.breadcrumbs p a,
.genScript-overview-2022 .container.breadcrumbs p {
color: #cccccc;
}
.genScript-overview-2022 .container.breadcrumbs p a:hover {
cursor: pointer;
text-decoration: underline;
}
.genScript-overview-2022 .flex-1 {
flex: 1;
}
.genscript_level_3-2022 .boxTitle {
color: #333;
font-size: 1.875rem;
line-height: 1.5;
font-weight: normal;
text-align: left;
}
.genScript-overview-2022 button.close span {
font-size: 28px;
color: #fff;
width: 22px;
height: 22px;
border: 2px solid #fff;
border-radius: 100%;
display: inline-block;
line-height: 22px;
box-sizing: content-box;
transform: translate(10px, 0);
}
.genScript-overview-2022 .modal-close {
transform: translate(100%, -4px) rotate(45deg);
font-size: 30px;
color: #fff;
position: absolute;
right: 0;
top: 0;
}
.genScript-overview-2022 .overview-left {
padding-right: 2.8125rem;
}
.genScript-overview-2022 .pb-60 {
padding-bottom: 60px;
}
.genScript-overview-2022 .doubleHeadTable tbody tr:nth-child(odd) {
background: #fff;
}
.genScript-overview-2022 .doubleHeadTable tbody tr:nth-child(even) {
background: #FAFAFA;
}
.genScript-overview-2022 .list-decimal {
list-style: decimal;
}
.genScript-overview-2022 .resource-icon {
font-size: 1.25rem;
}
.genScript-overview-2022 .doc-link {
width: 1rem;
}
.genScript-overview-2022 .ColumnCard .ColumnCard-icon-box {
height: 5rem;
}
.genScript-overview-2022 .ColumnCard-icon-box .icon-top-title {
font-size: 1.125rem;
font-weight: normal;
}
.genScript-overview-2022 .ColumnCard .iconfont-symbol {
font-size: 5.625rem;
}
.genScript-overview-2022 .pText-small {
font-size: 12px;
color: #333;
line-height: 1.5;
}
.genScript-overview-2022 .title-card .title-card-body {
background: #fff;
}
.genScript-overview-2022 .figure-box {
display: flex;
margin-top: 2rem;
margin-bottom: 2rem;
}
.genScript-overview-2022 .figure-title {
font-size: 22px;
font-weight: bold;
line-height: 1.5;
}
.genScript-overview-2022 .figure-box .figure-description {
width: 100%;
padding: 0 0 0 20px;
}
.genScript-overview-2022 .fadeIconCard .card-title {
font-size: 1.125rem;
}
.genScript-overview-2022 .ColumnCard .ColumnCard-text-box {
flex-direction: column;
color: #fff;
text-align: center;
height: 9.375rem;
}
.genScript-overview-2022 .ColumnCard .text-top-title {
font-size: 1.75rem;
line-height: 1.5;
margin-bottom: 0;
color: #fff;
}
.genScript-overview-2022 .ColumnCard .text-top-subTitle {
font-size: 1.125rem;
line-height: 1.5;
margin-bottom: .375rem;
color: #fff;
}
.genScript-overview-2022 .ColumnCard .text-top-desc {
font-size: .875rem;
line-height: 1.5;
margin-bottom: 0;
color: #fff;
}
.genScript-overview-2022 .fadeIconCard .card-link {
margin-top: 1.25rem;
color: #fff;
}
.genScript-overview-2022 .ColumnCard .ColumnCard-text-body {
height: 9.375rem;
overflow: hidden;
}
.genScript-overview-2022 .ColumnCard .ColumnCard-text-img {
width: 100%;
}
.genScript-overview-2022 .ul-list,
.genScript-overview-2022 .side-tabs {
/* padding-left:0; */
}
.genScript-overview-2022 .ul-list li {
position: relative;
margin-bottom: 0.5rem;
list-style: none;
}
.genScript-overview-2022 .ul-list li:before,
.genScript-overview-2022 .side-tabs li:before {
content: ' ';
position: absolute;
display: inline-block;
width: .3125rem;
height: .3125rem;
background: #0590b1;
left: -1rem;
top: .6rem;
transform: translate(0, -50%);
}
.genScript-overview-2022 .support-text-box {
padding: 40px 60px;
}
.genScript-overview-2022 .support-text-box .support-title {
font-size: 2.25rem;
line-height: 1.5;
color: #fff;
}
.genScript-overview-2022 .support-text-box .support-desc {
font-size: .875rem;
line-height: 1.5;
color: #fff;
margin: 1.25rem 0 3.125rem 0;
}
.genScript-overview-2022 .tools-icon {
font-size: 1.875rem;
margin-right: .625rem;
}
.genScript-overview-2022 .tools-text {
font-size: 1.375rem;
}
.genScript-overview-2022 .tools-trait-icon {
font-size: 3.75rem;
}
.genScript-overview-2022 .tools-trait-title {
width: 100%;
font-size: 1.125rem;
color: #000102;
margin-bottom: .625rem;
}
.genScript-overview-2022 .tools-trait-desc {
width: 100%;
font-size: .875rem;
color: #000102;
line-height: 1.5;
}
.genScript-overview-2022 .tools-trait-text {
margin-left: 1.25rem;
}
.genScript-overview-2022 .carousel-indicators {
top: 100%;
transform: translate(0, 30px);
}
.genScript-overview-2022 .carousel-item-left-img {
width: 25rem;
}
.genScript-overview-2022 .support-text-box .support-link {
height: 3.125rem;
line-height: 3.125rem;
/* padding: 0 2.5rem; */
width: 11.25rem;
color: #fff;
border: 1px solid #fff;
font-size: 1.125rem;
text-align: center;
}
.genScript-overview-2022 .publications-carousel-title {
font-size: 1.875rem;
margin-bottom: .9375rem;
}
.genScript-overview-2022 .px-80 {
padding: 0 5rem;
}
.genScript-overview-2022 .pb-80 {
padding-bottom: 80px;
}
.genScript-overview-2022 .pt-60 {
padding-top: 60px;
}
.genScript-overview-2022 .carousel-control-next,
.genScript-overview-2022 .carousel-control-prev {
width: 5%;
}
.genScript-overview-2022 .carousel-control-next-icon,
.genScript-overview-2022 .carousel-control-prev-icon {
width: 40px;
height: 40px;
}
.genscript_level_3-2022 .quote-support .boxTitle {
text-align: left;
}
.genscript_level_3-2022 .banner-text {
height: 16.25rem;
}
.genScript-overview-2022 .container.breadcrumbs {
max-width: 87.5rem !important;
line-height: 1.5em;
padding: 15px 10px;
}
.genScript-overview-2022 .container.breadcrumbs p {
margin-bottom: 0;
font-size: 0.875rem;
}
.genScript-overview-2022 .container.breadcrumbs p a,
.genScript-overview-2022 .container.breadcrumbs p {
color: #cccccc;
}
.genScript-overview-2022 .container.breadcrumbs p a:hover {
cursor: pointer;
text-decoration: underline;
}
.genScript-overview-2022 .mt-80 {
margin-top: 5rem;
}
.genScript-overview-2022 .banner-img-mb {
display: none;
}
.genScript-overview-2022 .h-200 {
height: 12.5rem;
}
.genScript-overview-2022 .h-180 {
height: 11.25rem;
}
.genScript-overview-2022 .h-270 {
height: 16.875rem;
}
.genScript-overview-2022 .text-decoration-underline {
text-decoration: underline;
}
/* peptide add */
.genScript-overview-2022 .service-box {
position: relative;
}
.genScript-overview-2022 .service-box-item {
height: 100%;
padding: 10px 30px 30px;
border: 1px solid #00a0ea;
color: #00A0EA;
text-align: center;
background: #FFFFFF;
}
.genScript-overview-2022 .service-box-item a {
color: #00A0EA;
display: block;
}
.genScript-overview-2022 .service-box-item .iconfont {
font-size: 120px;
}
.genScript-overview-2022 .service-box-item:hover {
background: #00A0EA;
color: #FFFFFF;
}
.genScript-overview-2022 .service-box-item:hover a {
color: #FFFFFF;
}
.genScript-overview-2022 .mrb-lg-30 {
margin-bottom: 30px;
}
.genScript-overview-2022 .peptide-aq .fade-in-card,
.genScript-overview-2022 .peptide-aq .fadeIconCard,
.genScript-overview-2022 .peptide-ap .fade-in-card,
.genScript-overview-2022 .peptide-ap .fadeIconCard {
height: 11.25rem;
}
.genScript-overview-2022 .peptide-aq .toggle-card,
.genScript-overview-2022 .peptide-aq .up-card,
.genScript-overview-2022 .peptide-ap .toggle-card,
.genScript-overview-2022 .peptide-ap .up-card {
padding: 2.5rem;
background: #00A0EA;
}
.genScript-overview-2022 .peptide-aq .fade-in-card .card-item-bg1 {
background: url(/gsimages/peptide/solubility-testing-service-peptide-2022.jpg) no-repeat;
background-size: 100%;
}
.genScript-overview-2022 .peptide-aq .fade-in-card .card-item-bg2 {
background: url(/gsimages/peptide/image-tfar-emoval-service-free-peptide-2022.jpg) no-repeat;
background-size: 100%;
}
.genScript-overview-2022 .peptide-aq .fade-in-card .card-item-bg3 {
background: url(/gsimages/peptide/image-tfar-emoval-service-free-peptide-2022.jpg) no-repeat;
background-size: 100%;
}
.genScript-overview-2022 .peptide-ap .fade-in-card .card-item-bg1 {
background: url(/gsimages/peptide/image-drug-discovery-peptide-2022.jpg) no-repeat;
background-size: 100%;
}
.genScript-overview-2022 .peptide-ap .fade-in-card .card-item-bg2 {
background: url(/gsimages/peptide/image-vaccine-development-peptide-2022.jpg) no-repeat;
background-size: 100%;
}
.genScript-overview-2022 .peptide-ap .fade-in-card .card-item-bg3 {
background: url(/gsimages/peptide/image-AntibodyGeneration.jpg) no-repeat;
background-size: 100%;
}
.genScript-overview-2022 .peptide-ap .fade-in-card .card-item-bg4 {
background: url(/gsimages/peptide/image-cancer-therapy-peptide-2022.jpg) no-repeat;
background-size: 100%;
}
.genScript-overview-2022 .resource-box a {
padding: 10px;
padding-left: 20px;
display: inline-block;
color: #333333;
font-size: 18px;
}
.genScript-overview-2022 .resource-box a .iconfont {
position: absolute;
left: 0;
top: 0;
font-size: 30px;
}
.genScript-overview-2022 .resource-box a:hover {
color: #00A0EA;
}
/*promotion box*/
.genScript-overview-2022 .promotion-item-title {
text-align: center;
font-weight: bold;
font-size: 24px;
padding: 25px 30px;
color: #ffffff;
display: block;
}
.genScript-overview-2022 a.promotion-item-title:hover {
color: #FFFFFF;
}
.genScript-overview-2022 .promotion-item-title.promotion-bg1 {
background: #37a8d4;
}
.genScript-overview-2022 .promotion-item-title.promotion-bg2 {
background: #6688e1;
}
.genScript-overview-2022 .promotion-item-title.promotion-bg3 {
background: #0667b6;
}
/*step box*/
.genScript-overview-2022 .step-box {
padding: 15px;
border: 1px solid #0590b1;
height: 100%;
font-size: 14px;
text-align: center;
line-height: 1.5em;
}
.genScript-overview-2022 .step-box:before {
content: "";
width: 0;
height: 0;
border-style: solid dashed dashed dashed;
border-width: 10px;
border-color: transparent transparent white #0590b1;
font-size: 16px;
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
}
.genScript-overview-2022 .step-box:after {
content: "";
width: 0;
height: 0;
border-style: solid dashed dashed dashed;
border-width: 8px;
border-color: transparent transparent transparent white;
font-size: 16px;
position: absolute;
right: -11px;
top: 50%;
transform: translateY(-50%);
}
.genScript-overview-2022 .step-box-row>div:last-child .step-box:before,
.genScript-overview-2022 .step-box-row>div:last-child .step-box:after {
display: none;
}
.genScript-overview-2022 .icon-img {
width: 90px;
height: 90px;
}
.genScript-overview-2022 .collapse-link {
height: 2.5rem;
line-height: 2.5rem;
padding: 0 2.5rem;
margin-top: 1.875rem;
border: 1px solid #0590b1;
color: #0590b1;
}
.genScript-overview-2022 .collapse-link:hover {
background: #0590b1;
color: #fff;
}
.genScript-overview-2022 .search-store input::-webkit-input-placeholder {
/* Edge */
color: #c3c8cb;
}
.genScript-overview-2022 .search-store input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #c3c8cb;
}
.genScript-overview-2022 .search-store input::placeholder {
color: #c3c8cb;
}
.genScript-overview-2022 .search-store input {
flex: 1;
margin-right: 20px;
background: transparent;
color: #333;
font-family: "Montserrat", "Poppins", sans-serif;
line-height: 20px;
background: none;
outline: none;
border: none;
}
.genScript-overview-2022 .search-store {
height: 40px;
border: 1px solid #d3d3d3;
position: relative;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: space-between;
flex: 1;
}
.genScript-overview-2022 .search-store .iconfont {
font-size: 24px;
color: #333;
padding: 0;
border: none;
background-color: transparent;
outline: none;
}
.genScript-overview-2022 .pAnnotation {
font-size: 18px;
color: #333;
line-height: 1.5;
}
.genScript-overview-2022 .pAnnotation .iconfont.a-website-Proteinserviceicons-32 {
font-size: 22px;
}
.genScript-overview-2022 .row-link {
height: 40px;
line-height: 40px;
border: 1px solid #00A0E9;
background: transparent;
color: #00A0E9;
padding: 0 40px;
font-size: 1.125rem;
}
.genScript-overview-2022 .row-link:hover {
background: #00A0E9;
color: #fff;
}
.genScript-overview-2022 .promotions-title {
font-size: 1.25rem;
color: #333;
font-weight: bold;
}
/* Updated on 07.05 Erin */
/* imgLinkCards start */
.genScript-overview-2022 .img-link-card {
height: 180px;
}
.genScript-overview-2022 .img-link-card .card-title {
position: absolute;
left: 15px;
right: 15px;
top: 50%;
transform: translate(0, -50%);
text-align: center;
line-height: 1.5;
font-size: 22px;
padding: 0 30px;
color: #fff;
text-decoration: underline;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
cursor: pointer;
}
.genScript-overview-2022 .img-link-card:hover .card-title {
background: rgba(45, 168, 102, 0.5);
}
/* imgLinkCards end */
/* application-text start */
.genScript-overview-2022 .application-box .application-text {
padding: 0px 15px;
height: 40px;
line-height: 40px;
font-size: 14px;
list-style: none;
border-left: 4px solid #1d73dd;
margin-bottom: 30px;
box-shadow: 0 0 15px #d3d3d3;
}
.genScript-overview-2022 .application-box .application-row:nth-last-child(-n + 2) .application-text {
margin-bottom: 0;
}
.genScript-overview-2022 .application-text.text-decoration-underline:hover,
.genScript-overview-2022 .application-text-link:hover {
background-color: #f3f8fc;
box-shadow: 0 0 15px #8eb9ee;
}
/* application-text end */
/* imgLinkCards & textLinkCards end */
/* imgDescLinkCards & textDescLinkCards start */
.genScript-overview-2022 .imgDescLinkCards .card-item {
height: 100%;
color: #fff;
}
.genScript-overview-2022 .imgDescLinkCards .card-title,
.genScript-overview-2022 .textDescLinkCards .card-title {
line-height: 1.5;
margin-bottom: 0;
}
.genScript-overview-2022 .img-desc-link-card.h-270 .card-title,
.genScript-overview-2022 .img-desc-link-card.h-200 .card-title,
.genScript-overview-2022 .text-desc-link-card.h-270 .card-title,
.genScript-overview-2022 .text-desc-link-card.h-200 .card-title {
font-size: 32px;
}
.genScript-overview-2022 .img-desc-link-card.h-180 .card-title,
.genScript-overview-2022 .img-desc-link-card.h-180 .card-title,
.genScript-overview-2022 .text-desc-link-card.h-180 .card-title,
.genScript-overview-2022 .text-desc-link-card.h-180 .card-title {
font-size: 22px;
}
.MB-subject .textDescLinkCards .card-item {
background: #fff;
color: #2da866;
border: 1px solid #2da866;
height: 100%;
}
.MB-subject .img-desc-link-card .card-link:hover,
.MB-subject .text-desc-link-card .card-link:hover {
background: #fff;
color: #2da866;
border: 1px solid #2da866;
}
/* imgDescLinkCards & textDescLinkCards end */
/* application-text start */
.genScript-overview-2022 .application-box .application-text {
padding: 0px 15px;
height: 40px;
line-height: 40px;
font-size: 14px;
list-style: none;
border-left: 4px solid #1d73dd;
margin-bottom: 30px;
box-shadow: 0 0 15px #d3d3d3;
}
.genScript-overview-2022 .application-box .application-row:nth-last-child(-n + 2) .application-text {
margin-bottom: 0;
}
.genScript-overview-2022 .application-text.text-decoration-underline:hover,
.genScript-overview-2022 .application-text-link:hover {
background-color: #f3f8fc;
box-shadow: 0 0 15px #8eb9ee;
}
/* application-text end */
/* colorTh colorTd start */
.genScript-overview-2022 .colorTable-th,
.genScript-overview-2022 .colorTable-td {
color: #ffffff;
padding: 1.25rem 0;
border: none;
}
.genScript-overview-2022 .colorTable-th {
border-radius: 1.25rem 1.25rem 0 0;
}
.genScript-overview-2022 .colorTable-td {
border-radius: 1.25rem 0 0 1.25rem;
}
.genScript-overview-2022 .colorTable-thbg1,
.genScript-overview-2022 .colorTable-tdbg1 {
background: #76c693;
}
.genScript-overview-2022 .colorTable-thbg2,
.genScript-overview-2022 .colorTable-tdbg2 {
background: #34a0a3;
}
.genScript-overview-2022 .colorTable-thbg3,
.genScript-overview-2022 .colorTable-tdbg3 {
background: #1f6191;
}
.genScript-overview-2022 .colorTable-thbg4,
.genScript-overview-2022 .colorTable-tdbg4 {
background: #684d92;
}
/* colorTh colorTd end */
/* 閸氬嫭婀囬崝锛勫殠娑撳顣介懝锟 start */
/* CRISPR 0743a1 */
.CRISPR-subject .Paper-content .resource-link,
.CRISPR-subject .ResourcesRow .resource-link {
border: 1px solid #0743a1;
color: #0743a1;
white-space: nowrap;
}
.CRISPR-subject .Paper-content .resource-link:hover,
.CRISPR-subject .ResourcesRow .resource-link:hover {
background: #0743a1;
color: #fff;
}
.CRISPR-subject .Paper-content .resource-title a {
color: #0743a1;
}
.CRISPR-subject .services-links .services-link-right {
color: #fff;
background: #0743a1;
}
.CRISPR-subject .services-links .services-link-right:hover {
background: #082d68;
}
.CRISPR-subject .tabListByServe .tab-active {
border: 1px solid #0743a1;
border-bottom: none;
background-color: #fff;
color: #0743a1;
}
.CRISPR-subject .tabListByServe .tab-title:hover {
color: #0743a1;
}
.CRISPR-subject .tabListByServe .tabListByServe-content {
border-top: 0.0625rem solid #0743a1;
}
.CRISPR-subject .btn-primary-ghost-normal {
border: 1px solid #0743a1;
color: #0743a1 !important;
background: transparent;
font-size: .875rem;
}
.CRISPR-subject .btn-primary-ghost-normal:hover {
border: 1px solid #2471eb;
color: #2471eb !important;
background: #e8f1fc;
}
.CRISPR-subject .noBorderTable tbody tr:nth-child(odd) {
background-color: #FAFAFA;
}
.CRISPR-subject .noBorderTable tbody tr:nth-child(even) {
background-color: #fff;
}
.CRISPR-subject .LinkNav .LinkNav-button-link {
background: #0743a1;
}
.CRISPR-subject .LinkNav .LinkNav-button-link:hover {
background: #2471eb;
}
.CRISPR-subject .services-links .services-link {
width: 16.25rem;
height: 3.125rem;
line-height: 3.125rem;
text-align: center;
font-size: 1.125rem;
}
.CRISPR-subject .services-links .services-link-left {
border: 1px solid #0743a1;
color: #0743a1;
margin-right: 6.25rem;
}
.CRISPR-subject .services-links .services-link-left:hover {
background: #0743a1;
color: #fff;
}
.CRISPR-subject .nav-link.active, .CRISPR-subject .LinkNav .nav-link:hover {
color: #0743a1 !important;
border-bottom: 2px solid #0743a1;
}
/* Peptide 0743a1 */
.Peptide-subject .ColumnCard .ColumnCard-icon-box,
.Peptide-subject .card-item:hover,
.Peptide-subject .toggle-card,
.Peptide-subject .detail-link,
.Peptide-subject .LinkNav .LinkNav-button-link,
.Peptide-subject .services-links .services-link-right {
background: #00A0E9;
}
.Peptide-subject .services-links .services-link-right:hover {
background: #0885BB;
}
.Peptide-subject .detail-link:hover,
.Peptide-subject .LinkNav .LinkNav-button-link:hover,
.Peptide-subject .services-links .services-link-right:hover {
background: #0885BB;
}
.Peptide-subject .services-links .services-link-left {
border: 1px solid #00A0E9;
color: #00A0E9;
margin-right: 6.25rem;
}
.Peptide-subject .fadeIconCard .up-card {
flex-direction: column;
padding: 1.875rem;
}
.Peptide-subject .fadeIconCard .card-title {
font-size: 1.125rem;
color: #00A0E9;
}
.Peptide-subject .card-link {
/* color: #fff !important; */
}
.Peptide-subject .card-link:hover {
color: #00A0E9 !important;
background: #fff;
border: 1px solid #00A0E9;
}
.Peptide-subject .card-item:hover .card-item {
border: 1px solid #00A0E9;
color: #fff;
text-align: left;
}
.Peptide-subject .card-item:hover .card-text {
color: #fff;
}
.Peptide-subject .nav-link.active,
.Peptide-subject .LinkNav .nav-link:hover {
color: #00A0E9 !important;
border-bottom: 2px solid #00A0E9;
}
.Peptide-subject .fadeIconCard .card-item {
border: 1px solid #00A0E9;
}
.Peptide-subject .custom-card-resource .card-180 {
width: 11.25rem;
background: #00a0e9;
font-size: 1.5rem;
margin-bottom: 30px;
text-decoration: underline;
}
.Peptide-subject .custom-card-resource .fade-in-card {
height: 11.25rem;
margin-bottom: 1.875rem;
}
.Peptide-subject .custom-card-resource .up-card {
width: 100%;
}
.Peptide-subject .custom-card-resource .card-180:hover {
background-color: #0885BB;
border: 1px solid #0885BB;
}
.genScript-overview-2022.Peptide-subject .card-item a {
color: #ffffff;
}
.Peptide-subject .step-box:before {
border-color: transparent transparent white #00A0E9;
}
.Peptide-subject .step-box {
border: 1px solid #00A0E9;
}
.Peptide-subject .img-link-card:hover .card-title {
background: rgba(8, 133, 187, 0.5);
}
.Peptide-subject .text-card .text-card-title {
background-color: #0885BB;
}
/* Oligo 2270CC */
.Oligo-subject .title-card .title-card-body {
padding: 1.875rem 1.5rem;
height: 22.8125rem;
border-color: transparent;
}
.Oligo-subject .LinkNav .LinkNav-button-link,
.Oligo-subject .services-links .services-link-right,
.Oligo-subject .ColumnCard .ColumnCard-icon-box,
.Oligo-subject .toggle-card, .Oligo-subject .detail-link {
background: #2270CC;
}
.Oligo-subject .LinkNav .LinkNav-button-link:hover {
background: #033f86;
}
.Oligo-subject .services-links .services-link-left {
border: 1px solid #2270CC;
color: #2270CC;
margin-right: 6.25rem;
}
.Oligo-subject .services-links .services-link-left:hover {
border: 1px solid #2270CC;
color: #ffffff;
background: #2270CC;
}
.Oligo-subject .services-links .services-link-right:hover {
background: #033f86;
}
.Oligo-subject .nav-link.active,
.Oligo-subject .LinkNav .nav-link:hover {
color: #2270CC !important;
border-bottom: 2px solid #2270CC;
}
.Oligo-subject .ul-list li:before,
.Oligo-subject .side-tabs li:before,
.Oligo-subject .title-card .title-card-title {
background: #2270CC;
}
.Oligo-subject .Paper-content .resource-title,
.Oligo-subject .Paper-content .resource-title a,
.Oligo-subject .advertising-card .advertising-link:hover {
color: #2270CC;
}
.Oligo-subject .Paper-content .resource-link {
border: 1px solid #2270CC;
color: #2270CC;
}
.Oligo-subject .Paper-content .resource-link:hover,
.Oligo-subject .collapse-link:hover {
background: #2270CC;
color: #fff;
}
.Oligo-subject .figure-title {
color: #2270CC;
}
.Oligo-subject .collapse-link {
height: 2.5rem;
line-height: 2.5rem;
padding: 0 2.5rem;
margin-top: 1.875rem;
border: 1px solid #2270CC;
color: #2270CC;
}
/* Gene MB 2DA866 */
.MB-subject .nav-link.active,
.MB-subject .LinkNav .nav-link:hover {
color: #2DA866 !important;
border-bottom: 2px solid #2DA866;
}
.MB-subject .btn-primary-ghost-normal {
border: 1px solid #2DA866;
color: #2DA866 !important;
background: transparent;
font-size: .875rem;
}
.MB-subject .btn-primary-ghost-normal:hover {
border: 1px solid #2DA866;
color: #2DA866 !important;
background: #e8f1fc;
}
.MB-subject .LinkNav .LinkNav-button-link,
.MB-subject .services-links .services-link-right,
.MB-subject .ColumnCard .ColumnCard-icon-box,
.MB-subject .toggle-card,
.MB-subject .detail-link,
.MB-subject .text-card .text-card-title {
background: #2DA866;
}
.MB-subject .services-links .services-link-left:hover {
background: #2DA866;
color: #fff;
}
.MB-subject .LinkNav .LinkNav-button-link:hover,
.MB-subject .services-links .services-link-right:hover {
background: #00923c;
}
.MB-subject .services-links .services-link-left {
border: 1px solid #2DA866;
color: #2DA866;
margin-right: 6.25rem;
}
.MB-subject .collapse-link {
height: 2.5rem;
line-height: 2.5rem;
padding: 0 2.5rem;
margin-top: 1.875rem;
border: 1px solid #2DA866;
color: #2DA866;
}
.MB-subject .Paper-content .resource-title,
.MB-subject .Paper-content .resource-title a {
color: #2DA866;
}
.MB-subject .Paper-content .resource-link {
border: 1px solid #2DA866;
color: #2DA866;
}
.MB-subject .Paper-content .resource-link:hover,
.MB-subject .collapse-link:hover {
background: #2DA866;
color: #fff;
}
.MB-subject .fadeIconCard .card-item {
border: 1px solid #2DA866;
color: #2DA866;
}
.MB-subject .card-item:hover {
background: #2DA866;
color: #fff;
}
.MB-subject .step-box:before {
border-color: transparent transparent white #2da866;
}
.MB-subject .step-box {
border: 1px solid #2da866;
}
/* .MB-subject .card-item:hover .card-link {
color: #fff;
} */
.MB-subject .fadeIconCard .card-title {
color: #2DA866;
}
.MB-subject .fadeIconCard .card-link:hover {
background: #fff;
color: #2DA866;
border: 1px solid #2DA866;
}
.MB-subject .ColumnCard .ColumnCard-box:nth-child(1) .ColumnCard-text-box {
background: #5bbf7f;
}
.MB-subject .ColumnCard .ColumnCard-box:nth-child(2) .ColumnCard-text-box {
background: #34a0a3;
}
.MB-subject .ColumnCard .ColumnCard-box:nth-child(3) .ColumnCard-text-box {
background: #259bbf;
}
.MB-subject .ColumnCard .ColumnCard-box:nth-child(4) .ColumnCard-text-box {
background: #1677be;
}
.MB-subject .support-text-box {
background: #2DA866;
}
.MB-subject .tools-text,
.MB-subject .tools-trait-icon {
color: #2DA866;
}
.MB-subject .support-text-box .support-link:hover {
background: #fff;
color: #2DA866;
}
.MB-subject .publications-carousel-title,
.MB-subject .tools-icon {
color: #2DA866;
}
.MB-subject .carousel-indicators li {
width: 0.625rem;
height: 0.625rem;
border: 1px solid #2da866;
border-radius: 100%;
opacity: 1;
}
.MB-subject .carousel-indicators .active {
background: #2da866;
}
.genScript-overview-2022 .custom-card-orf .card-180 {
width: 11.25rem;
background: #2DA866;
margin-bottom: 30px;
font-size: 1.875rem;
color: #ffffff;
}
.MB-subject .custom-card.custom-card-orf .fade-in-card {
height: 11.25rem;
margin-bottom: 1.875rem;
}
.MB-subject .custom-card.custom-card-orf .up-card {
width: 100%;
}
.MB-subject .custom-card.custom-card-orf .up-card:hover {
background-color: #0A7F40;
border: 1px solid #0A7F40;
color: #ffffff;
}
.MB-subject .custom-card-orf .services-link {
width: auto;
padding: 0 1.5rem;
}
/* Protein 0590B1 */
.Protein-subject .ColumnCard .ColumnCard-box:nth-child(1) .ColumnCard-text-box {
background: #5bbf7f;
}
.Protein-subject .ColumnCard .ColumnCard-box:nth-child(2) .ColumnCard-text-box {
background: #34a0a3;
}
.Protein-subject .ColumnCard .ColumnCard-box:nth-child(3) .ColumnCard-text-box {
background: #259bbf;
}
.Protein-subject .ColumnCard .ColumnCard-box:nth-child(4) .ColumnCard-text-box {
background: #1677be;
}
/* Antibody 52388C */
.Antibody-subject .nav-link.active,
.Antibody-subject .LinkNav .nav-link:hover {
color: #52388C !important;
border-bottom: 2px solid #52388C;
}
.Antibody-subject .LinkNav .LinkNav-button-link,
.Antibody-subject .services-links .services-link-right,
.Antibody-subject .content-links .content-link-right,
.Antibody-subject .ColumnCard .ColumnCard-icon-box,
.Antibody-subject .toggle-card,
.Antibody-subject .detail-link,
.Antibody-subject .text-card .text-card-title {
background: #52388C;
}
.Antibody-subject .services-links .services-link-left:hover,
.Antibody-subject .content-links .content-link-left:hover {
background: #52388c;
color: #fff;
}
.Antibody-subject .LinkNav .LinkNav-button-link:hover,
.Antibody-subject .services-links .services-link-right:hover,
.Antibody-subject .content-links .content-link-right:hover {
background: #6744b5;
}
.Antibody-subject .services-links .services-link-left {
margin-right: 6.25rem;
}
.Antibody-subject .content-links .content-link-left {
margin-right: 1.875rem;
}
.Antibody-subject .services-links .services-link-left,
.Antibody-subject .content-links .content-link-left {
border: 1px solid #52388c;
color: #52388c;
}
.Antibody-subject .services-links .services-link-left:hover,
.Antibody-subject .content-links .content-link-left:hover {
border: 1px solid #52388c;
color: #ffffff;
background: #52388c;
}
.Antibody-subject .services-links .services-link-left:hover {
margin-right: 6.25rem;
}
.Antibody-subject .Paper-content .resource-title {
color: #52388c;
}
.Antibody-subject .card-link:hover {
background-color: #fff;
color: #52388c !important;
}
.Antibody-subject .step-box {
border: 1px solid #52388c;
}
.Antibody-subject .step-box:before {
border-color: transparent transparent white #52388c;
}
.Antibody-subject .card:hover .ColumnCard-img-box strong {
background-color: rgba(82 56 140, .6);
}
.Antibody-subject .btn-primary-ghost-normal {
border: 1px solid #52388c;
color: #52388c !important;
background: transparent;
font-size: .875rem;
}
.Antibody-subject .btn-primary-ghost-normal:hover {
border: 1px solid #52388C;
color: #52388c !important;
background: rgba(82, 56, 140, 0.1);
}
.Antibody-subject .Paper-content .resource-link {
border: 1px solid #52388c;
color: #52388c;
}
.Antibody-subject .Paper-content .resource-link:hover {
background: rgba(82, 56, 140, 0.1);
color: #52388c;
}
/* Cell 1F57E8 */
.Cell-subject .collapse-link,
.Cell-subject .Paper-content .resource-link {
border: 1px solid #1F57E8;
color: #1F57E8;
}
.Cell-subject .nav-link.active, .Cell-subject .LinkNav .nav-link:hover {
color: #1F57E8 !important;
border-bottom: 2px solid #1F57E8;
}
.Cell-subject .LinkNav .LinkNav-button-link,
.Cell-subject .services-links .services-link-right,
.Cell-subject .ColumnCard .ColumnCard-icon-box,
.Cell-subject .content-banner:hover, .Cell-subject .card-item:hover,
.Cell-subject .toggle-card {
background: #1F57E8;
}
.Cell-subject .Paper-content .resource-title,
.Cell-subject .Paper-content .resource-title a {
color: #1F57E8;
}
.Cell-subject .collapse-link:hover {
background: #1F57E8;
color: #fff;
}
.Cell-subject .LinkNav .LinkNav-button-link:hover {
background: #083199;
}
.Cell-subject .ColumnCard .ColumnCard-box:nth-child(1) .ColumnCard-text-box {
background: #5bbf7f;
}
.Cell-subject .ColumnCard .ColumnCard-box:nth-child(2) .ColumnCard-text-box {
background: #34a0a3;
}
.Cell-subject .ColumnCard .ColumnCard-box:nth-child(3) .ColumnCard-text-box {
background: #259bbf;
}
.Cell-subject .ColumnCard .ColumnCard-box:nth-child(4) .ColumnCard-text-box {
background: #1677be;
}
/* Catalog product 26B7BC */
/* ML Mutagenesis 64B322 */
.ML-subject .nav-link.active,
.ML-subject .LinkNav .nav-link:hover {
color: #0E9999 !important;
border-bottom: 2px solid #0E9999;
}
.ML-subject .LinkNav .LinkNav-button-link,
.ML-subject .services-links .services-link-right,
.ML-subject .ColumnCard .ColumnCard-icon-box,
.ML-subject .toggle-card,
.ML-subject .detail-link {
background: #0E9999;
}
.ML-subject .title-card .title-card-title,
.ML-subject .text-card .text-card-title {
background: #0E9999;
}
.ML-subject .LinkNav .LinkNav-button-link:hover {
background: #076b6b;
}
.ML-subject .Paper-content .resource-link {
border: 1px solid #0E9999;
color: #0E9999;
}
.ML-subject .Paper-content .resource-title {
color: #0E9999;
}
.ML-subject .Paper-content .resource-link:hover,
.ML-subject .services-links .services-link-left:hover {
border: 1px solid #076b6b;
color: #fff;
background: #076b6b;
}
.ML-subject .fade-in-card .card-item-bg4 {
background: url(/gsimages/mb/img-site-directed-mutagenesis-2022.jpg) no-repeat;
}
.ML-subject .fade-in-card .card-item-bg5 {
background: url(/gsimages/mb/img-htpsite-directed-mutagenesis-2022.jpg) no-repeat;
}
.ML-subject .fade-in-card .card-item-bg1 {
background: url(/gsimages/mb/img-gene-variant-libraries-2022.jpg) no-repeat;
}
.ML-subject .fade-in-card .card-item-bg2 {
background: url(/gsimages/mb/img-precision-mutant-libraries-2022.jpg) no-repeat;
}
.ML-subject .fade-in-card .card-item-bg3 {
background: url(/gsimages/mb/img-htpsite-directed-mutagenesis2-2022.jpg) no-repeat;
}
.promotion-links .content-links .content-link-left,
.promotion-links.services-links .services-link-left {
border: 1px solid #1d73dd;
color: #1d73dd;
}
.promotion-links .services-link-left {
margin-right: 6.25rem;
}
.promotion-links.services-links .services-link-left:hover,
.promotion-links .content-links .content-link-left:hover {
background: #1d73dd;
color: #fff;
}
.promotion-links.services-links .services-link-right,
.promotion-links .content-links .content-link-right {
color: #fff;
background: #1d73dd;
}
.promotion-links.services-links .services-link-right:hover {
background: #004B95
}
/* 閸氬嫭婀囬崝锛勫殠娑撳顣介懝锟 end */
@media (max-width: 1920px) {
.genscript_level_3-2022 .banner {
background-size: auto !important;
}
}
/* XL Device :1200px 婢堆冪€?/
@media (min-width: 2020px) {
.linkNav-nav-mb {
display: none;
}
.genScript-overview-2022 .insert-menu-top {
margin-top: 8.75rem;
}
.genScript-overview-2022 .imgBanner {
height: 34.375rem;
overflow: hidden;
}
.genScript-overview-2022 .banner-img {
width: 100%;
margin-bottom: -20px;
}
.genscript_level_3-2022 .imgBanner {
height: 25rem;
overflow: hidden;
}
.genscript_level_3-2022 .banner-img {
width: 100%;
margin-bottom: -20px;
}
}
@media (min-width: 991px) {
.linkNav-nav-mb {
display: none;
}
.genScript-overview-2022 .insert-menu-top {
margin-top: 8.75rem;
}
}
@media (min-width: 1536px) {
.genScript-overview-2022 .container.LinkNav {
width: 1410px !important;
max-width: 1410px !important;
padding-right: 0;
}
}
@media (min-width: 1200px) {
.genScript-overview-2022 .container {
max-width: 75rem !important;
padding-left: .9375rem;
padding-right: .9375rem;
}
}
@media (min-width: 1537px)and (max-width: 1920px) {
.genScript-overview-2022 .banner {
background-size: auto;
}
}
@media (min-width: 1281px) and (max-width: 1536px) {
.genScript-overview-2022 .container.LinkNav {
width: 75rem !important;
max-width: 75rem !important;
padding-right: 0;
}
.genScript-overview-2022 .reagents-box {
background-size: auto;
}
.genScript-overview-2022 .container.breadcrumbs {
max-width: 75rem !important;
padding: 15px 15px;
}
.genScript-overview-2022 {
background: #fff;
}
.genScript-overview-2022 .banner {
height: 25rem;
background-size: auto;
}
.genScript-overview-2022 .imgBanner {
height: 25rem;
overflow: hidden;
}
.genScript-overview-2022 .banner-img {
transform: translate(-50%);
margin-left: 50%;
}
.genScript-overview-2022 .banner-text {
height: 16.25rem;
}
.genScript-overview-2022 .linkNav-nav-mb {
display: none;
}
.genScript-overview-2022 .insert-menu-top {
margin-top: 8.75rem;
}
}
@media (max-width: 1024px) {
.linkNav-nav-mb {
display: block;
}
.LinkNav-nav {
display: none;
}
.genScript-overview-2022 .content-banner {
margin-bottom: 0;
background-size: auto;
}
.genScript-overview-2022 .banner-img {
height: 25rem;
max-width: initial;
transform: translate(-25%, 0);
}
.genScript-overview-2022 .reagents-box .reagents-box-description {
padding: 0 .9375rem;
text-align: center;
}
.genScript-overview-2022 .testimonials-img-box {
border-right: none;
}
.genScript-overview-2022 .testimonials-text {
margin-top: 1.875rem;
padding: 1.875rem 0;
}
.genScript-overview-2022 .testimonials-text::before {
top: 0;
left: 50%;
transform: translate(-50%, -100%);
content: "";
width: 0;
height: 0;
display: inline-block;
border-right: 15px solid transparent;
border-bottom: 20px solid #f3f3f3;
border-left: 15px solid transparent;
}
.genScript-overview-2022 .NumberOverview .divider {
border-color: transparent;
}
.genScript-overview-2022 .fade-in-card {
height: 12.5rem;
}
.genScript-overview-2022 .ResourcesRow .link-row {
line-height: 1.5;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.genScript-overview-2022 .container.LinkNav {
width: 1110px;
}
.genScript-overview-2022 .container.breadcrumbs {
max-width: 1110px !important;
padding: 15px 15px;
}
.genScript-overview-2022 .banner {
height: 25rem;
background-size: auto;
}
.genScript-overview-2022 .banner-img {
height: 25rem;
max-width: initial;
transform: translate(-50%, 0);
margin-left: 50%;
}
.genScript-overview-2022 .banner-text {
height: 16.25rem;
}
.genScript-overview-2022 .insert-menu-top {
margin-top: 8.75rem;
}
.genScript-overview-2022 .reagents-box,
.genScript-overview-2022 .fade-in-card .card-item-bg1,
.genScript-overview-2022 .fade-in-card .card-item-bg2,
.genScript-overview-2022 .fade-in-card .card-item-bg3,
.genScript-overview-2022 .fade-in-card .card-item-bg4,
.genScript-overview-2022 .fade-in-card .card-item-bg5 {
background-size: auto;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
.genScript-overview-2022 img {
max-width: 100%;
}
.genScript-overview-2022 .container.LinkNav {
width: 962px;
max-width: 962px !important;
padding-right: 0;
}
.genScript-overview-2022 .banner {
height: 25rem;
background-size: auto;
}
.genScript-overview-2022 .banner-img {
height: 25rem;
max-width: initial;
transform: translate(-25%, 0);
}
.genScript-overview-2022 .banner-text {
height: 16.25rem;
}
.genScript-overview-2022 .LinkNav .nav-link {
margin-right: 1.25rem;
}
.genScript-overview-2022 .insert-menu-top {
margin-top: 8.75rem;
}
.LinkNav-nav {
display: none;
}
}
/* MD Device :768px 楠炶櫕婢?/
@media (min-width: 481px) and (max-width: 991px) {
.genScript-overview-2022 .container.breadcrumbs {
width: 90vw !important;
}
.genScript-overview-2022 img {
max-width: 100%;
}
.genScript-overview-2022 .container.LinkNav {
width: 90vw;
}
body {
width: 100vw;
}
.genScript-overview-2022 .banner {
height: 25rem;
background-size: auto;
}
.genScript-overview-2022 .banner-img {
width: auto;
height: 25rem;
max-width: initial;
transform: translate(-25%, 0);
}
.genScript-overview-2022 .banner-title {
font-size: 2rem;
}
.genScript-overview-2022 .LinkNav-nav {
display: none;
}
.genScript-overview-2022 .linkNav-nav-mb .arrow-down {
font-size: 2.5rem;
}
.genScript-overview-2022 .linkNav-nav-mb .mb-navs {
height: 12.5rem;
}
.genScript-overview-2022 .overview-left {
padding-right: 0;
}
.genScript-overview-2022 .contact-img {
width: 22.5rem;
margin: 0 auto;
}
.genScript-overview-2022 .genScriptForm .form-row>.col:last-child,
.genScript-overview-2022 .genScriptForm .form-row>[class*="col-"]:last-child {
padding-left: 0;
margin-top: 1.875rem;
}
.genScript-overview-2022 .genScriptForm .form-row>.col,
.genScript-overview-2022 .genScriptForm .form-row>[class*="col-"] {
padding-right: 0;
}
.genScript-overview-2022 .reagents-box {
background-size: auto;
}
.genScript-overview-2022 .insert-menu-top {
margin-top: 5rem;
}
.genScript-overview-2022 .NumberOverview .overview-text {
font-size: 2.25rem;
margin-bottom: 0;
}
.genScript-overview-2022 .genScriptForm .form-row label,
.genScript-overview-2022 .genScriptForm .form-control,
.genScript-overview-2022 .genScriptForm .custom-select,
.genScript-overview-2022 .ResourcesRow .resource-title {
font-size: .875rem
}
.genScript-overview-2022 .ResourcesRow .link-row {
line-height: inherit;
}
.genScript-overview-2022 .ResourcesRow-left {
margin-bottom: 1.875rem;
}
.genScript-overview-2022 .toggle-card,
.genScript-overview-2022 .up-card {
padding: 1.25rem;
}
.genScript-overview-2022 .table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.genScript-overview-2022 .pText-quote::after {
transform: translate(-10px, -50%);
}
.tabListByServe li.tab-title-item:first-child {
margin-left: 30px;
}
.tabListByServe li.tab-title-item {
margin-left: 30px;
}
/* step box */
.genScript-overview-2022 .step-box-row>div,
.Antibody-subject .step-box-row>div {
padding: 15px;
}
.genScript-overview-2022 .step-box:before {
border-style: solid dashed dashed dashed;
border-width: 10px;
border-color: #0590b1 transparent transparent white;
left: 50%;
top: auto;
bottom: -15px;
transform: translateX(-50%) translateY(0);
}
.Antibody-subject .step-box:before {
border-color: #52388c transparent transparent white;
}
.genScript-overview-2022 .step-box:after {
border-style: solid dashed dashed dashed;
border-width: 8px;
border-color: white transparent transparent transparent;
left: 50%;
top: auto;
bottom: -11px;
transform: translateX(-50%) translateY(0);
}
.genScript-overview-2022 .step-box br {
display: none;
}
.genScript-overview-2022 .Paper-content .resource-body {
margin: 0;
margin-bottom: 30px;
}
}
/* MD Device :768px 楠炶櫕婢?/
@media (max-width: 480px) {
.genScript-overview-2022 img {
max-width: 100%;
}
.genScript-overview-2022 .container.LinkNav {
width: 90vw;
}
.genScript-overview-2022 .services-links .services-link {
font-size: .875rem;
}
body {
width: 100vw;
}
.genScript-overview-2022 .banner {
height: 25rem;
background-size: auto;
}
.genScript-overview-2022 .banner-img {
width: auto;
height: 25rem;
max-width: initial;
transform: translate(-25%, 0);
}
.genScript-overview-2022 .LinkNav-nav {
display: none;
}
.genScript-overview-2022 .linkNav-nav-mb .arrow-down {
font-size: 2.5rem;
}
.genScript-overview-2022 .linkNav-nav-mb .mb-navs {
height: 12.5rem;
}
.genScript-overview-2022 .overview-left {
padding-right: 0;
}
.genScript-overview-2022 .NumberOverview .divider {
height: 40px;
border-color: transparent;
transform: rotate(0deg);
}
.genScript-overview-2022 .fade-in-card {
margin-bottom: 1.875rem;
height: 12.5rem;
}
.genScript-overview-2022 .fade-in-card .toggle-card,
.genScript-overview-2022 .fade-in-card .up-card {
background-size: 100%;
padding: 0;
}
.genScript-overview-2022 .contact-img {
width: 12.5rem;
margin: 0 auto;
}
.genScript-overview-2022 .genScriptForm .form-row>[class*="col-"]:last-child {
margin-top: 1.875rem;
padding-left: 0;
}
.genScript-overview-2022 .genScriptForm .form-row>.col,
.genScript-overview-2022 .genScriptForm .form-row>[class*="col-"] {
padding-right: 0;
}
.genScript-overview-2022 .ResourcesRow .carousel {
margin-bottom: 1.875rem;
}
.genScript-overview-2022 .Paper-content .resource-body {
margin: 0;
margin-bottom: 30px;
}
.genScript-overview-2022 .ResourcesRow .resource-detail {
padding: 10px;
}
.genScript-overview-2022 .ResourcesRow .resource-title {
margin-bottom: 8px;
line-height: 1.2;
color: #0590b1;
font-size: 14px;
}
.genScript-overview-2022 .ResourcesRow .resource-desc {
font-size: 12px;
line-height: 1.5;
margin-bottom: 1.5rem;
}
.genScript-overview-2022 .QuoteSupport .support-row {
justify-content: flex-start;
padding-left: 5rem;
}
.genScript-overview-2022 .reagents-box {
background-size: auto;
}
.genScript-overview-2022 .insert-menu-top {
margin-top: 5rem;
}
.tabListByServe li.tab-title-item:first-child {
margin-left: 30px;
}
.tabListByServe li.tab-title-item {
margin-left: 30px;
}
/* step box */
.genScript-overview-2022 .step-box-row>div,
.Antibody-subject .step-box-row>div {
padding: 15px;
}
.genScript-overview-2022 .step-box:before {
border-style: solid dashed dashed dashed;
border-width: 10px;
border-color: #0590b1 transparent transparent white;
left: 50%;
top: auto;
bottom: -15px;
transform: translateX(-50%) translateY(0);
}
.MB-subject .step-box:before {
border-color: #2da866 transparent transparent white;
}
.Antibody-subject .step-box:before {
border-color: #52388c transparent transparent white;
}
.Peptide-subject .step-box:before {
border-color: #00A0E9 transparent transparent white;
}
.genScript-overview-2022 .step-box:after {
border-style: solid dashed dashed dashed;
border-width: 8px;
border-color: white transparent transparent transparent;
left: 50%;
top: auto;
bottom: -11px;
transform: translateX(-50%) translateY(0);
}
.genScript-overview-2022 .step-box br {
display: none;
}
}
@media (max-width: 767px) {
.dlyNs {
display: inline-block !important;
}
.dlyB {
display: none !important;
}
.genScript-overview-2022 .banner-title {
font-size: 1.5rem;
}
.genScript-overview-2022 .banner-sub-title {
font-size: 1rem;
}
}
@media (min-width: 767px) {
.dlyNs {
display: none !important;
}
.dlyB {
display: block !important;
}
}
/* common.css start */
/*
.genScript-overview-2022 h3{
font-weight: 700;
font-size: 1.2em;
margin-top: 1.2em;
line-height: 1.45em;
color: #333333;
} */
.genScript-overview-2022 .align-items-initial {
align-items: initial !important;
}
.genScript-overview-2022 table.gridtable tr .module-right, .module-right {
text-align: right;
}
.genScript-overview-2022 .top-zero {
margin-top: 0;
padding-top: 0;
}
.genScript-overview-2022 .h40 {
height: 3rem;
}
.genScript-overview-2022 .module-center {
text-align: center;
}
.genScript-overview-2022 .button-face {
font-size: 18px;
padding: 11px 25px;
text-align: center;
text-decoration: none !important;
}
.genScript-overview-2022 .button-ghost {
border: 1px solid;
}
.genScript-overview-2022 .img-detail-block .img-font {
padding: 60px 0 40px 0;
display: flex;
}
.genScript-overview-2022 .ml-100 {
margin-left: 100px;
}
.genScript-overview-2022 .red-color {
color: red !important;
}
.genScript-overview-2022.MB-subject .button-ghost {
color: #2da866;
background-color: #fff;
border-color: #2da866;
}
.genScript-overview-2022.MB-subject .button-ghost:hover {
color: #fff;
background-color: #2da866;
border-color: #2da866;
}
.genScript-overview-2022.MB-subject .button-primary {
color: #fff;
background-color: #2da866;
}
.genScript-overview-2022.MB-subject .button-primary:hover {
background-color: #2da866;
}
.genScript-overview-2022.MB-subject .tools-box>div.active h3.mb-color {
color: #2da866;
}
.genScript-overview-2022.MB-subject .tools-box-details-border {
border-color: #2da866;
background: #fefffc;
}
.genScript-overview-2022.MB-subject .img-mask-mb {
border-color: #2da866;
}
.genScript-overview-2022.MB-subject .img-detail-block {
border-color: #2da866 !important;
position: relative;
}
.genScript-overview-2022.MB-subject .img-detail-block .title {
color: #2da866 !important;
font-weight: 500 !important;
font-style: normal !important;
font-size: 18px !important;
}
.genScript-overview-2022.MB-subject .img-detail-block .detail-back {
background: #2da866;
color: #fff;
position: absolute;
top: 0;
left: 0;
padding: 1rem 1rem;
}
.genScript-overview-2022 .ul-list {
list-style: none !important;
padding: 0 15px;
}
.genScript-overview-2022 .ul-list li {
position: relative;
margin-bottom: 0.5rem;
}
.genScript-overview-2022 .ul-list-left li {
text-align: left;
}
.genScript-overview-2022 .ul-list li:before {
content: ' ';
position: absolute;
display: inline-block;
width: 0.375rem;
height: 0.375rem;
background: #333;
left: -1rem;
top: 1px;
margin-top: 0.375rem;
}
.genScript-overview-2022 .accordion-group {
margin-bottom: 6px;
border: 1px solid #dddddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #ffffff;
}
.genScript-overview-2022 .accordion-group .accordion-heading {
border-radius: 4px;
background: #fafafa;
}
.genScript-overview-2022 .accordion-toggle-title {
font-size: 14px;
line-height: 1.4em;
font-weight: 700;
/*color:#58585b;*/
}
.genScript-overview-2022 .accordion-heading .accordion-toggle {
display: block;
padding: 8px 26px 8px 20px;
}
.genScript-overview-2022 .accordion-heading .accordion-toggle:hover,
.genScript-overview-2022 .accordion-heading .accordion-toggle:visited {
text-decoration: none;
background: #f5f5f5;
}
.genScript-overview-2022 .container-fluid {
padding-left: 0;
padding-right: 0
}
.genScript-overview-2022 .accordion-inner {
padding: 20px 25px;
border-top: 1px solid #e5e5e5;
}
.genScript-overview-2022 .accordion-heading {
position: relative;
}
.genScript-overview-2022 .accordion-heading i.caret2 {
position: absolute;
right: 20px;
top: 18px;
display: inline-block;
width: 0;
height: 0;
vertical-align: middle;
border-top: 5px dashed;
border-top: 5px solid\9;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
transition: all 0.5s;
-mox-transtion: all 0.5s;
-webkit-transition: all 0.5s;
}
.genScript-overview-2022 .accordion-heading i.active {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.genScript-overview-2022 .accordion-heading i.caret2-bottom {
border-bottom: 5px dashed;
border-top: 0px;
}
.h10 {
height: 10px;
clear: both;
}
.genScript-overview-2022 .mtop-10 {
margin-top: 10px;
}
.genScript-overview-2022 .button-face-size,
.genScript-overview-2022 .button-face-size:hover {
font-size: 1.1em;
padding: 8px 24px;
font-weight: normal;
}
.genScript-overview-2022 .button-center {
width: 100%;
text-align: center;
margin-top: 60px;
}
.genScript-overview-2022 .button-face {
width: 11.25rem;
height: 3.125rem;
/* line-height: 3.125rem; */
text-align: center;
font-size: 1.125rem;
color: #fff;
background: #0066cc;
}
.genScript-overview-2022 .button-face:hover {
background-color: #126db3;
font-size: 1.125rem;
}
.genScript-overview-2022.MB-subject .button-face-mb {
background: #2DA866 !important;
border-color: #2DA866 !important;
}
.genScript-overview-2022.MB-subject .button-face-mb:hover {
background: #00923c !important;
border-color: #00923c !important;
}
.genScript-overview-2022 .gene-color {
color: #2da866;
}
.genScript-overview-2022 .custom-card-list {
padding: 1.25rem;
margin: 0.625rem 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
}
.genScript-overview-2022 .custom-card-list:hover {
background-color: #f1f7fb;
border-left-color: #143894;
}
.genScript-overview-2022 .custom-card-list h4 {
margin-top: 0;
margin-bottom: 5px;
}
.genScript-overview-2022 .custom-card-list h4 a {
color: #404040;
}
.genScript-overview-2022 .custom-card-list h4 a:hover {
color: #126db3;
}
.genScript-overview-2022 .custom-card-list p:last-child {
margin-bottom: 0;
}
.genScript-overview-2022 .custom-card-list code {
border-radius: 3px;
}
.genScript-overview-2022 .custom-card-listwarning {
border-left-color: #aa6708;
}
.genScript-overview-2022 .custom-card-listwarning h4 {
color: #aa6708;
}
.genScript-overview-2022 .list-box {
position: relative;
}
.genScript-overview-2022 .list-box-item {
width: 100%;
position: relative;
text-align: center;
font-size: 16px;
line-height: 1.2em;
padding: 17px 30px;
color: #1d73dd;
border: 1px solid #1d73dd;
margin-bottom: 30px;
cursor: pointer;
}
.genScript-overview-2022 .list-box-item:hover {
border: 1px solid #1D73DD;
color: #1D73DD;
background: rgba(29, 115, 221, 0.1)
}
.genScript-overview-2022 .mt-10 {
margin-top: 10px !important;
}
.genScript-overview-2022 .mt-20 {
margin-top: 20px !important;
}
.genScript-overview-2022 .category-box {}
.genScript-overview-2022 .category-box .category-title {
height: 90px;
line-height: 90px;
font-size: 1.25rem;
color: #ffffff;
padding: 0 40px;
margin-bottom: 0 !important;
}
/* button main start */
.genScript-overview-2022 .button-sub,
.genScript-overview-2022 .button-main {
line-height: 1;
white-space: nowrap;
text-decoration: none;
text-transform: capitalize;
text-align: center;
cursor: pointer;
}
.genScript-overview-2022 .button-lg {
min-width: 180px;
padding: 15px 40px;
font-size: 18px;
}
.genScript-overview-2022 .button-md {
min-width: 180px;
padding: 11px 30px;
font-size: 16px;
}
.genScript-overview-2022 .button-sm {
min-width: 180px;
padding: 9px 20px;
font-size: 14px;
}
.genScript-overview-2022 .button-sub {
border: 1px solid #0590b1;
color: #0590b1;
}
.genScript-overview-2022 .button-sub:hover {
background: #0590b1;
color: #fff;
}
.genScript-overview-2022 .button-main {
color: #fff;
background: #0590b1;
}
.genScript-overview-2022 .button-main:hover {
background: #066077;
}
.genScript-overview-2022 .button-main-blue-034198 {
background: #034198!important;
}
.genScript-overview-2022 .button-main-blue-034198:hover {
background: #0856c5!important;
}
/* button main end */
/* common.css end */