.form-control:focus,.form-control,.has-error .form-control:focus,.has-error .form-control,.has-success .form-control,.has-success .form-control:focus{
	box-shadow: none;
}
:root {
	--blue: #3362ce;
	--lightblue: #3b83fc;
	--aliceblue:#f0f8ff;
	--b2: #2e3192;
	--gray: #777777;
	--black: #0a0a0a;
	--g2: #f2f2f2;
}
.red{
	color: #ff0000;
}
.orange{
	color: #fa8b15;
}
.gray{
	color: #777;
}
.mtop10,.mt-10{
	margin-top: 10px;
}
.mtop15,.mt-15{
	margin-top: 15px;
}
.mtop20,.mt-20{
	margin-top: 20px;
}
.mtop30,.mt-30{
	margin-top: 30px;
}
.mtop40,.mt-40{
	margin-top: 40px;
}
.mtop50,.mt-50{
	margin-top: 50px;
}
.mbottom10,.mb-10{
	margin-bottom: 10px;
}
.mbottom15,.mb-15{
	margin-bottom: 15px;
}
.mbottom20,.mb-20{
	margin-bottom: 20px;
}
.mbottom30,.mb-30{
	margin-bottom: 30px;
}
.mbottom40,.mb-40{
	margin-bottom: 40px;
}
.mbottom50,.mb-50{
	margin-bottom: 50px;
}
img {
	height: auto;
	max-width: 100%;
}
.show-center,.ServiceShowPic {
	font-size:0.95em;
	text-align:center;
	line-height:1.7em !important;
	color:#666666;
}
.show-center img,.ServiceShowPic img {
	margin:auto;
}
.show-left,.ServiceShowleftPic {
	text-align:center;
	color:#666666;
	display:inline-block;
}
.show-right,.ServiceShowrightPic {
	text-align:center;
	color:#666666;
	display:inline-block;
}
.show-center,.show-left,.show-right, .ServiceShowPic,.ServiceShowrightPic,.ServiceShowleftPic {
	font-size:0.95em;
	text-align:center;
	line-height:1.7em !important;
}
.show-center img,.show-left img,.show-right img, .ServiceShowPic img,.ServiceShowrightPic img,.ServiceShowleftPic img {
	display:block;
	max-width:100%;
	height:auto;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}
.Reference,.reference{
	font-size: 0.95em;
	color: #666666;
}
.Reference p,.reference p{
	margin-bottom: 10px;
}
.Reference ol,.reference ol{
	margin-bottom: 15px;
	padding-left: 15px;
}
@media only screen and (min-width:992px) {
	.ServiceShowrightPic,.show-right{
		float: right;
		margin-left:15px;
	}
	.ServiceShowleftPic,.show-left{
		float: left;
		margin-right:15px;
	}
}
table{
	margin-bottom:25px;
	width:100%;
	border:1px solid #ddd
}
.table-bordered {
	border: 1px solid #ddd;
	width: 95%;
	margin: 20px auto;
}
table p,table td ul,table td ol{
	margin-bottom:15px
}
table td ul:last-child,table td ol:last-child,table td p:last-child,table td ul:last-child>li:last-child,table td ol:last-child>li:last-child{
	margin-bottom:0
}
table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td,.table>thead>tr>th,table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{
	padding:10px 8px;
	border-top:1px solid #ddd;
	vertical-align:middle;
	line-height:1.428571429
}
.service-table tr:first-child,.service-tr,.service-table.table-striped tr:first-child{
	background: #d3e5ff !important;
	color: #000000 !important;
}
.service-td{
	background:#d6efe1!important;
}
.service-table tr:first-child a,.service-tr a{
	color:#fff
}
.service-table tr:first-child td,.service-table tr:first-child th,.table-bordered .service-tr td,.service-tr td{
	border:none
}
.service-table.table-striped>tbody>tr:nth-child(1)>td,.service-table.table-striped>tbody>tr:nth-child(1)>th{
	background-color:transparent
}
.table-vertical tr>td:nth-child(even){
	/*background:#f9f9f9;*/
}
.table-vertical tr>td:nth-child(odd){
	/*background:#f3f8f5;*/
}
.service-table.table-vertical tr:first-child td{
	background: none !important;
}
@media (max-width: 760px) {
	table>thead>tr>th, table>tbody>tr>th, table>tfoot>tr>th, table>thead>tr>td, table>tbody>tr>td, table>tfoot>tr>td{
		display: block;
		width: 100%;
		border: none;
	!important;
	}
	table tr{
		border-bottom: 1px solid #ddd;
	}
}
ul.border-box>li{
	margin-bottom:0
}
ul.border-box{
	padding:15px 15px 15px 30px
}
.border-box{
	border:1px solid #3362ce;
	padding:15px;
	border-radius:5px
}
.bg-box{
	background:#e9eff9;
	padding:10px 15px;
	border-radius:5px
}
.service-box ul,.service-box ol,.product-box ul,.product-box ol{
	margin-bottom: 20px;
}
.service-box ul ul,.product-box ul ul{
	margin-bottom: 10px;
}
.ullist{
	list-style: none;
	padding-left: 0;
}
.ullist>li{
	position: relative;
	padding-left: 25px;
}
.ullist>li:before{
	content: "●";
	position: absolute;
	left: 0;
	top: 0;
}
.ulcheck{
	list-style: none;
	padding-left: 0;
}
.ulcheck>li{
	position: relative;
	padding-left: 25px;
}
.ulcheck>li:before{
	content: "\e927";
	font-family: "icomoon";
	position: absolute;
	left: 0;
	top: 0;
	color: #999;
	font-size: 14px;
}
.control-form input[type=radio], .control-form input[type=checkbox] {
	margin: 7px 0 0 0;
	line-height: normal;
}
@media (min-width: 992px){
	.col-md-9.service-box{
		padding-left: 50px;
	}
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-100%,0,0)
	}
	to {
		opacity: 1;
		transform: none
	}
}
.fadeInLeft {
	animation-name: fadeInLeft
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translate3d(100%,0,0)
	}
	to {
		opacity: 1;
		transform: none
	}
}
.fadeInRight {
	animation-name: fadeInRight
}
.index-one,.index-two,.index-four,.index-five,.index-six,.index-seven, .index-eight {
	padding-top:80px !important;
	padding-bottom: 80px !important;
}
@media(min-width: 992px) {
	.index-one{
		display: flex;
	}
	.one-box{
		width: 60%;
	}
	.one-bg{
		width: 40%;
	}
}
.index-one{
	overflow:hidden;
}
.one-bg>.right-pic{
	background: url(../images/index-one-1.jpg) no-repeat center;
	background-size: cover;
	height: 100%;
	min-height: 250px;
	display: block;
	color: #fff;
	font-size: 0.99em;
	transition: all ease .4s;
	padding: 60px 20px 30px;
	margin: 0;
	opacity: .85;
}
.one-bg>.right-pic h2, .one-bg>.right-pic p{
	color: #fff;
}
.one-bg>.right-pic:hover,.one-bg>.right-pic:focus{
	opacity: 1;
}
.one-list{
	display: flex;
	padding-left: 140px;
	position: relative;
	align-items: center;
	min-height: 120px;
}
.one-list h3{
	margin-bottom: 10px;
	font-size: 1.4em;
}
.one-box .one-list:nth-child(2){
	background: #e8f0fd;
	border-top-left-radius: 80px;
	border-bottom-left-radius: 80px;
}
.one-box .one-list:nth-child(2)>span{
	background: #e8f0fd;
}
.one-list p{
	color:var(--black);
	font-size: 0.99em;
	margin-bottom: 0;
	line-height: 1.55em;
}
.one-list span{
	display: inline-block;
	width: 120px;
	height: 120px;
	border-radius: 100px;
	position: absolute;
	left: 0;
	top: 0;
	background: #f4f4f4;
	text-align: center;
	line-height: 120px;
}
.index-five .index-title{
	margin-bottom: 30px;
}
.index-title{
	text-align: center;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
	color: var(--black);
	margin-bottom: 25px;
}
.index-text{
	text-align: center;
	color: var(--black);
	margin-bottom: 50px !important;
	font-size: 1.1em;
}
@media (min-width: 992px) {
	.index-title{
		font-size:2.33em;
	}
	.two-box{
		display: flex;
		margin-right: -10px;
		margin-left: -10px;
		flex-wrap: nowrap;
	}
	.two-box div[class*="col-md"]{
		padding-right: 10px;
		padding-left: 10px;
	}
}
@media (max-width: 992px) {
	.index-title{
		font-size: 1.5em;
	}
}
.two-box div[class*="col-md"]{
	margin-bottom: 30px;
}
.two-box a{
	display: block;
	height: 100%;
	background: #f4f8fd;
	text-align: center;
	transition: all ease .4s;
	padding-bottom: 20px;
	position: relative;
}
.two-box a:hover{
	background: #fff;
	box-shadow: 0 0 20px #ddd;
}
.index-four .two-pic{
	height: 300px;
}
.two-pic{
	position: relative;
	height: 250px;
	overflow: hidden;
	margin-bottom: 15px;
}
.two-pic img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	min-width: 100%;
	min-height: 100%;
	max-width: 130%;
	opacity: .8;
	transition: all ease .4s;
}
.index-four .two-pic img{
	max-width: 110%;
}
.two-box h3{
	font-size: 1.15em;
	color: #0a0a0a;
	transition: all ease .4s;
	margin-bottom: 0;
	min-height: 53px;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
}
.index-four .two-box h3{
	min-height: 80px
}
.two-box a:hover h3{
	color: #3362ce;
}
.two-box a:hover .two-pic img{
	opacity: 1;
}
.index-three{
	background-image: url(../images/index-three-bg.jpg);
	background-image: -webkit-image-set( url("../images/index-three-bg.webp") 1x,url(../images/index-three-bg.webp) 2x,url(../images/index-three-bg-xs.webp) 3x );
	background-image: image-set( url("../images/index-three-bg.webp") 1x,url(../images/index-three-bg.webp) 2x,url(../images/index-three-bg-xs.webp) 3x );
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 220px;
	background-attachment: fixed;
	opacity: .85;
	transition: all ease .4s;
}
.index-three:hover,.index-three:focus{
	opacity: 1;
}
.foot-box{
	background: #3362ce;
	background-size: cover;
	color: #fff;
	padding-top: 50px;
	margin-top: 60px;
	font-size: .96em;
}
.foot-box .small-title{
	font-size: 2.2rem;
	color: #fff;
}
.foot-box .foot-contact{
	list-style: none;
	padding: 0;
	margin-bottom: 25px;
}
.foot-box .foot-contact li{
	padding-left: 30px;
	position: relative;
}
.foot-box li{
	margin-bottom: 10px;
}
.foot-box li:before{
	font-family: 'icomoon';
	position: absolute;
	left: 0;
	font-size: 15px;
	color: #fff;
}
.foot-tel:before{
	content: "\e97f";
}
.foot-fax:before{
	content: "\e93a";
}
.foot-box li.foot-email:before{
	content: "\e939";
}
.foot-add:before{
	content: "\e906";
}
.foot-box a{
	color: #fff;
}
.foot-box a:hover,.foot-box a:focus{
	color: #fff;
	text-decoration: underline;
}
.foot-box ul{
	list-style: none;
	padding-left: 0;
}
.share-box{
	margin-bottom: 30px;
}
.share-box a{
	font-size: 16px;
	color: #3362ce;
	margin-right: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	background: #fff;
	height: 34px;
	border-radius: 5px;
}
.share-box a:hover,.share-box a:focus{
	color: #fff;
	background: #3b83fc;
	text-decoration: none;
}

.foot-form{
	position: relative;
	margin-bottom: 25px;
}
.foot-form .form-control{
	background: #e9f1fe;
}
.foot-form .form-control:hover,.foot-form .form-control:focus{
	background:rgba(255,255,255,.92);
}
.foot-form button{
	background: #fff;
	color: #3362ce;
	outline: none;
	border: none;
	/*height: 40px;*/
	/*line-height: 40px;*/
	border-radius: 5px;
	padding: 0 30px;
}
.foot-copy{
	text-align: center;
	background: #fff;
	color: #3362ce;
	padding: 15px 0;
	margin-top: 20px;
	border-top: 1px solid rgba(255,255,255,.1);
}
.backtop{
	position: fixed;
	right: 5px;
	bottom: 50px;
	cursor: pointer;
	color: #3362ce;
	z-index: 20;
	background:none;
	text-align: center;
	width: 50px;
	height: 50px;
	font-weight: bold;
	line-height: 51px;
	border: 2px solid #3362ce;
	font-size: 22px;
	opacity: .7;
	transition: all ease .4s;
}
.backtop:hover{
	opacity:1;
}
.side-title{
	background: #3362ce;
	color: #fff;
	padding: 10px;
	font-size: 2rem;
	margin-bottom: 0;
	font-weight: normal;
}
.side-title a,.side-title a:hover,.side-title a:focus{
	color: #fff;
}
.side-nav{
	margin-bottom: 50px;
}
ul.navMenu{
	padding-top: 15px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 30px;
	box-shadow: 0 10px 10px #ebf1e8;
}
.navMenu> li {
	display: block;
	margin: 0 0 10px 0;
	/*border-bottom: 1px solid #ddd;*/
	position: relative;
	padding-left: 5px;
	line-height: 1em
}
.navMenu>li.open>ul.sub-menu{
	display: block;
}
.navMenu>li.open>ul.sub-menu>li.open>ul.sub-menu{
	display: block;
}
.navMenu>li>a {
	display: inline-block;
	overflow: hidden;
	color:#203552;
	transition: all .3s;
	position: relative;
	text-decoration: none;
	padding:0;
	width: 87%;
	line-height: 1.56em;
	font-weight: bold;
}
.navMenu>li>a:hover{
	color: #222;
}
.arrow:before {
	cursor: pointer;
	content: "\e97d";
	float: right;
	padding:0 8px;
	display: inline;
	font-family: "icomoon";
	color: #617590;
}
.arrow.open:before {
	cursor: pointer;
	float: right;
	padding:0 8px;
	display: inline;
	font-family: "icomoon";
	content: "\e92e";
	color: #617590;
}
.navMenu> li>span.arrow:before{
	padding:4px 8px;
}
.navMenu>li>a:before{
	position: absolute;
	top: 5px;
	left: 0;
	font-family: "icomoon";
	font-weight: 900;
	color: #666;
}
.navMenu>li>ul.sub-menu{
	margin-top: 10px;
}
.navMenu>li>ul.sub-menu>li>ul.sub-menu{
	margin: 7px 0;
}
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu {
	list-style: none;
	padding: 0;
	display: none;
}
.navMenu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{
	color: #222;
}
.navMenu>li>ul.sub-menu>li>ul.sub-menu>li>a:before{
	color: #333;
}
.navMenu>li ul.sub-menu li{
	margin-bottom: 7px;
}
.navMenu>li ul.sub-menu>li>a{
	display: inline-block;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	width: 85%;
	color: #2a394e;
}
.navMenu>li>ul.sub-menu>li>a:hover{
	color: #222;
}
.navMenu>li>ul.sub-menu>li>a:before{
	top: 3px;
	position: absolute;
	left: 0;
	color: #222;
}
.navMenu>li>ul.sub-menu .sub-menu li>a {
	display: inline-block;
	padding-left: 15px;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	width: 85%;
	/*color: #3362ce;*/
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu{
	list-style: none;
	font-size: .95em;
	padding: 5px 0 0 5px;
	display: none;
	margin-top: 0;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a{
	color: #555;
	padding-left: 15px;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a:before{
	content: '';
}
.navMenu>li>ul.sub-menu .sub-menu li>a:before{
	content: ' ';
	top: 0;
	position: absolute;
	left: 0;
	color: #ddd;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu .sub-menu {
	padding: 8px;
	margin-bottom: 0;
	background: #eeeeee;
}
.second-banner{
	max-height: 520px;
	min-height: 400px;
	height: 60vh;
	display: flex;
	align-items: center;
	margin-bottom: 35px;
	color: #fff;
	text-align: center;
}
.service-banner{
	background:  linear-gradient(rgb(0 53 177 / 59%), rgba(0, 0, 255, 0.1)),url(../images/services-bg.jpg);
	background:  linear-gradient(rgb(0 53 177 / 59%), rgba(0, 0, 255, 0.1)),-webkit-image-set( url("../images/services-bg.webp") 1x,url(../images/services-bg.webp) 2x,url(../images/services-bg-xs.webp) 3x );
	background:  linear-gradient(rgb(0 53 177 / 59%), rgba(0, 0, 255, 0.1)), image-set(url(../images/services-bg.webp) 1x, url(../images/services-bg.webp) 2x, url(../images/services-bg-xs.webp) 3x);
	background-size: cover;
}
.resources-banner{
	background-image:  linear-gradient(rgb(0 53 177 / 59%), rgba(0, 0, 255, 0.1)),url(../images/resources-bg.jpg);
	background-image:  linear-gradient(rgb(0 53 177 / 59%), rgba(0, 0, 255, 0.1)),-webkit-image-set( url("../images/resources-bg.webp") 1x,url(../images/resources-bg.webp) 2x,url(../images/resources-bg-xs.webp) 3x );
	background-image:  linear-gradient(rgb(0 53 177 / 59%), rgba(0, 0, 255, 0.1)),image-set( url("../images/resources-bg.webp") 1x,url(../images/resources-bg.webp) 2x,url(../images/resources-bg-xs.webp) 3x );
	background-size: cover;
}
.product-banner{
	background-image: url(../images/services-bg.jpg);
	background-image: -webkit-image-set( url("../images/product-bg.webp") 1x,url(../images/product-bg.webp) 2x,url(../images/product-bg-xs.webp) 3x );
	background-image: image-set( url("../images/product-bg.webp") 1x,url(../images/product-bg.webp) 2x,url(../images/product-bg-xs.webp) 3x );
	background-size: cover;
}
.about-banner{
	background: linear-gradient(rgba(0, 0, 255, 0.1), rgba(0, 0, 255, 0.1)),url(../images/about-us-bg.jpg);
	background: linear-gradient(rgba(0, 0, 255, 0.1), rgba(0, 0, 255, 0.1)),-webkit-image-set( url("../images/about-us-bg.webp") 1x,url(../images/about-us-bg.webp) 2x,url(../images/about-us-bg-xs.webp) 3x );
	background: linear-gradient(rgba(0, 0, 255, 0.1), rgba(0, 0, 255, 0.1)),image-set( url("../images/about-us-bg.webp") 1x,url(../images/about-us-bg.webp) 2x,url(../images/about-us-bg-xs.webp) 3x );
	background-size: cover;
}
.career-banner{
	background-image: url(../images/careers-bg.jpg);
	background-image: -webkit-image-set( url("../images/careers-bg.webp") 1x,url(../images/careers-bg.webp) 2x,url(../images/careers-bg-xs.webp) 3x );
	background-image: image-set( url("../images/careers-bg.webp") 1x,url(../images/careers-bg.webp) 2x,url(../images/careers-bg-xs.webp) 3x );
	background-size: cover;
}
.contact-banner{
	background-image: url(../images/contact-us-bg.jpg);
	background-image: -webkit-image-set( url("../images/contact-us-bg.webp") 1x,url(../images/contact-us-bg.webp) 2x,url(../images/contact-us-bg-xs.webp) 3x );
	background-image: image-set( url("../images/contact-us-bg.webp") 1x,url(../images/contact-us-bg.webp) 2x,url(../images/contact-us-bg-xs.webp) 3x );
	background-size: cover;
}
.second-title{
	font-family: 'arial-bold',Arial, sans-serif, serif;
	font-size: 2.4em;
	margin-top: 120px;
	margin-bottom: 25px;
	line-height: 1.55em;
}
.bread-box{
	padding: 0 0 10px 0;
	margin-bottom: 0;
}
.bread-box .breadcrumb>.active,.bread-box .breadcrumb a {
	color: #fff;
}
.bread-box .breadcrumb{
	background: none;
	margin: 0;
	padding: 0;
	color: #fff;
}
.bread-box .breadcrumb>li{
	margin-bottom: 10px;
}
.bread-box .breadcrumb>li+li:before{
	color: #fff;
	padding: 0 5px;
	font-size: .9em;
}
@media(min-width: 992px) {
	.title-name{
		font-size: 3.5rem;
	}
	.solutions-page .title-name{
		font-size: 2.9rem;
	}
}
@media(max-width: 992px) {
	.title-name{
		font-size: 2.6rem;
	}
	.solutions-page .title-name{
		font-size: 2.1rem;
	}
}
.title-name{
	margin-bottom: 25px;
	margin-top: 0;
	position: relative;
	color: #3362ce;
}
@media(min-width: 992px) {
	.service-one{
		display: flex;
		flex-wrap: wrap;
	}
}
.service-one{
	margin-top: 30px;
}
.service-one a{
	display: block;
	border: 1px solid #3362ce;
	padding-bottom: 20px;
	border-radius: 10px;
	overflow:hidden;
	height: 100%;
	text-align: center;
	position: relative;
}
.service-one div[class*="col-md"]{
	margin-bottom: 35px;
}
.service-one h2{
	color: var(--black);
	font-size: 1.9rem;
	padding: 0 20px;
	transition: all ease .4s;
}
.service-pic{
	position: relative;
	margin-bottom: 50px;
}
.service-pic>img{
	opacity: .7;
	transition: all ease .4s;
}
.service-pic>span{
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -30px;
}
.service-one a:hover .service-pic>img{
	opacity: 1
}
.service-one a:hover h2{
	color: #3362ce;
}
.about-one{
	display: flex;
	flex-wrap: wrap;
	background-image: url(../images/about-us-1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 80px 0;
	margin-bottom: 50px;
	margin-top: 30px;
}
.about-more{
	display: inline-block;
	padding: 15px 40px;
	background:#3362ce;
	color: #fff;
	font-size: 1.1em;
	border-radius: 5px;
	font-weight: bold;
}
.about-more:hover,.about-more:focus{
	color: #fff;
	background: #3362ce;
}
.about-two h2{
	font-size: 2em;
	font-weight: bold;
	color: #3362ce;
	text-transform: capitalize;
}
.justify-content-left{
	justify-content: left !important;
}
@media(min-width: 992px) {
	.about-three{
		display: flex;
		flex-wrap: wrap;
	}
}
.about-list{
	text-align: center;
}
.about-three>div[class*="col-md"]{
	margin: 20px 0 30px 0;
}
.about-list h3{
	margin-bottom: 0;
}
.about-list h3>span{
	display: inline-block;
	width: 200px;
	height: 0;
	line-height: 50px;
	border-bottom: 50px solid #f7f7f7;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
}
.about-inner{
	background: #f7f7f7;
	padding: 40px 30px;
	position: relative;
	height: 310px;
}
@media (max-width:1028px){
	.about-inner{
		height: auto;
	}
}
.about-inner p{
	position: relative;
	z-index: 2;
	color: #3362ce;
	line-height: 1.55em;
	padding: 0 10px;
}
.about-inner:before{
	content: '';
	position: absolute;
	left: 20px;
	bottom: 20px;
	top: 20px;
	right: 20px;
	border: 1px solid transparent;
	background: linear-gradient(#f7f7f7,#f7f7f7) padding-box, repeating-linear-gradient(-45deg,#ccc 0, #3362ce 0.3em,#f7f7f7 0,#f7f7f7 0.6em);
	z-index: 0;
}
.list-filter{
	margin-bottom: 20px;
}
.search-item{
	display: inline-block;
	padding: 2px 15px;
	background: #3362ce;
	color: #fff;
	border-radius: 30px;
	transition: all ease .3s;
}
.search-item>span{
	font-size: .7em;
	vertical-align: middle;
	font-weight: normal;
}
.search-item:hover{
	background: #000;
	cursor: pointer;
}
.product-search{
	display: block;
	margin-bottom: 40px;
	padding: 20px;
	border: 1px solid #ddd;
	box-shadow: 0 0 10px #ddd;
}
.product-search button{
	display: block;
	width: 100%;
	text-align: center;
	background: #3362ce;
	color: #fff;
	border: none;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
}
.pro-list a{
	display: block;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #ccc;
	color: #555;
}
.pro-list a .big-title{
	margin-bottom: 15px
}
.pro-list a ul{
	list-style: none;
	padding-left: 0;
	font-size: 0.99em;
	margin-bottom: 0;
}
.pro-list a ul>li{
	margin-bottom: 3px;
}
.pro-list a:hover .big-title{
	color: #333;
}
.pro-more,.pro-in{
	display: inline-block;
	padding: 4px 14px;
	border:1px solid #3362ce;
	color: #3362ce;
	border-radius: 30px;
	font-size: .9em;
	line-height: 1.45em;
	margin-bottom: 10px;
	transition: all ease .4s;
}
.pro-list a:hover .pro-more,.pro-in:hover{
	background: #3362ce;
	color: #fff;
}
@media(min-width: 992px) {
	.pro-more{
		float: right;
	}
	.pro-list a ul>li{
		width: 45%;
		display: inline-block;
	}
	.pro-list a ul>li:last-child{
		width: 90%
	}
}
.identify-box{
	position: relative;
}
.identify-box .check-fa {
	position: absolute;
	top: 15px;
	right: 150px;
	font-size: 22px;
	color: #048ca9;
}
.identify-box img{
	position: absolute;
	top:5px;
	right:5px;
	height:40px;
	cursor:pointer;
	border: none;
	width: 120px;
}
.inquiry-part{
	margin-top: 30px;
}
label>span{
	color: red;
}
.form-control,input.form-control,select.form-control{
	border: 1px solid #bcccf1;
	color: #222;
	font-size: 1.75rem;
	height: 50px;
	background: #eef3fa;
	transition: all ease .4s;
}
.input-group .input-group-addon:hover{
	cursor: pointer;
}
.form-control:hover,.form-control:focus{
	border: 1px solid #bcccf1;
	outline: none;
	background: #fff;
}
.form-control::-webkit-input-placeholder {
	color: #888;
	font-size: 1.6rem;
}
.form-control:-moz-placeholder {
	color: #888;
	font-size: 1.6rem;
}
.form-control::-moz-placeholder {
	color: #888;
	font-size: 1.6rem;
}
.form-control:-ms-input-placeholder {
	color: #888;
!important;
	font-size: 1.6rem;
}
.form-control::-ms-input-placeholder {
	color: #888;
	font-size: 1.6rem;
}
.form-control::placeholder {
	color: #888;
	font-size: 1.6rem;
}
@media(min-width: 992px) {
	.contact-part{
		display: flex;
		align-items: center;
	}
}
.contact-part{
	margin-top: 40px;
}
.contact-part div[class*="col-md"]{
	margin-bottom: 20px;
}
.contact-part div[class*="col-md"]:last-child{
	margin-bottom: 0;
}
.contact-box{
	background: rgba(255,255,255,.1);
	color: #3362ce;
	padding: 15px 10px 25px 80px;
	box-shadow: 0.2px 0.5px 5px rgba(0, 0, 0, 0.1), 2px 5px 20px rgba(0, 0, 0, 0.08);
	transition: all ease .4s;
	position: relative;
	margin-bottom: 20px;
}
.contact-box>span{
	font-size: 30px;
	margin-top: -15px;
	position: absolute;
	left: 20px;
	top: 50%;
	display: inline-block;
	color: #3362ce;
}
.contact-box a{
	color: #3362ce;
}
.contact-box:hover{
	background: rgba(255,255,255,0);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
.contact-box h2{
	color: #3362ce;
	margin-bottom: 10px;
}
@media (min-width: 992px) {
	.careers-box{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
}
.careers-one{
	background: #f7f7f7;
	padding: 25px 25px 10px 35px;
}
.careers-one ul,.careers-detail>ul{
	list-style: none;
	padding-left: 0;
}
.careers-one ul>li,.careers-detail>ul>li{
	position: relative;
	padding-left: 30px;
}
.careers-one ul>li:before,.careers-detail>ul>li:before{
	content: "●";
	display: inline-block;
	width: 12px;
	height: 12px;
	/*background: url(../images/careers-icon.png) no-repeat center;*/
	background-size: cover;
	position: absolute;
	left: 0;
}
.careers-box table a{
	color: #4c4c4c;
}
.careers-box .big-title,.careers-box table a:hover,.note-text{
	color: #3362ce;
}
.careers-detail{
	background-color:#f7f7f7;
	padding: 30px 30px 20px 30px;
	background-image:url(../images/logo-gray.svg);
	background-repeat: no-repeat;
	background-position: 90% 30%;
	background-size: 450px;
}
.career-item{
	background: linear-gradient(126deg, #f5f7fd, #c5d5f9);
	border-radius: 10px;
	padding: 5px 30px;
	margin-bottom: 10px;
}
.career-item a h4{
	margin-bottom: 5px;
	color: #0a0a0a;
	padding: 12px 0;
	font-size: 2rem;
	font-weight: normal;
}
.career-item a:hover h4{
	color: #3362ce;
}
.career-item p{
	margin-bottom: 5px;
	text-align: right;
}
.inquiry-part input[type=checkbox], .inquiry-part input[type=radio]{
	margin-top: 8px;
}
.inquiry-part .form-group .checkbox:last-child{
	margin-bottom: 0;
}
.inquiry-submit{
	padding: 10px 26px;
	background: #3362ce;
	color: #fff;
	margin-top: 20px;
	border-radius: 5px;
	border: none;
	width: 100%;
	transition: all ease .4s;
}
.inquiry-submit:hover,.inquiry-submit:focus{
	background: #3b83fc;
	color: #fff;
}
.side-inquiry .side-title{
	margin-bottom: 20px;
	margin-left: -10px;
	margin-right: -10px;
}
.side-inquiry .inquiry-part{
	margin-top: 15px;
}
.side-inquiry .form-group{
	margin-bottom: 15px;
}
.side-inquiry{
	background: rgba(255,255,255,.1);
	box-shadow: 0 10px 10px #ebf1e8;
	padding: 0 10px 20px 10px;
}
.side-inquiry div[class*="col-md"]{
	width: 100%;
}
.side-inquiry .col-md-offset-4{
	margin: 0;
}
@media(min-width: 992px) {
	.contact-inquiry{
		padding-right: 50px;
	}
	.contact-inquiry .col-md-offset-4{
		margin-left: 0;
	}
}
.contact-inquiry{
	margin-bottom: 50px;
}
.product-page{
	text-align: right;
	margin-top: 50px;
}
.pagination>li>a, .pagination>li>span{
	margin-right: 10px;
	border-radius: 20px;
	min-width: 40px;
	height: 40px;
	text-align: center;
	color: #3362ce;
	line-height: 36px;
	display: inline-block;
	float: none;
	position: static;
	padding: 0 12px;
}
.pagination>li>a:hover{
	background: #3362ce;
	color: #fff;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
	background: #3362ce;
	border: 1px solid #3362ce;
}
.pagination>li:first-child>a, .pagination>li:first-child>span,.pagination>li:last-child>a, .pagination>li:last-child>span{
	border-radius: 20px;
}
.slide-ul{
	list-style: none;
	padding: 0;
	border-bottom: 1px solid #3362ce;
	margin-bottom: 0;
	margin-top: 60px;
	text-align: center
}
.slide-ul li{
	text-align:center;
	background-color:#3362ce;
	font-size:17px;
	display: inline-block;
	margin-bottom:-1px;
	margin-right: -5px;
	cursor:pointer;
	padding:15px 30px;
	border: 1px solid #3362ce;
	color: #fff;
	font-weight:bold;
}
.slide-ul li.cur{
	background:#f7f7f7;
	color:#3362ce;
	border-bottom: 1px solid #f7f7f7
}
.slide-content{
	clear:both;
	width:100%;
	overflow: hidden;
	border: 1px solid #3362ce;
	border-top: none;
	margin-bottom: 30px
}
.slide-list{
	width: 300%;
	overflow: hidden;
	display: flex;
	background:#f7f7f7;
}
.slide-list .tabCon{
	display:inline-block;
	float:left;
	width:100%;
	padding: 40px 20px;
}
@media(min-width: 992px) {
	.service-bottom{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.related-box .row{
		display: flex;
		flex-wrap: wrap;
	}
}
.related-box{
	margin-top: 30px;
}
.related-box div[class*="col-md"]{
	margin-bottom: 20px;
}
.related-box a{
	padding: 5px 10px;
	border-radius: 5px;
	background: #eef3fa;
	color: #777;
	height: 100%;
	display: flex;
	align-items: center;
	width: 100%;
	transition: all ease .4s;
}
.related-box a:hover,.related-box a:focus{
	background: #e2e8f5;
	color: #3362ce;
}
@media(min-width: 992px) {
	.product-detail .row{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.product-detail .row{
		margin-left: 0;
		margin-right: 0;
	}
	.product-detail div[class*="col-md"]{
		padding-left: 0;
		padding-right: 0;
	}
}
.product-detail .row{
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.product-detail div[class*="col-md"]{
	padding-bottom: 15px;
}
.pro-inquiry{
	margin-top: 80px;
	background: rgba(255,255,255,.1);
	box-shadow: 0 0 10px #ebf1e8;
	padding: 40px 6%;
}
.pro-inquiry .huge-title{
	font-size: 1.6em;
	margin-bottom: 30px;
}
@media(min-width: 992px) {
	.detail-size{
		justify-content: center;
		display: flex;
		flex-wrap: wrap;
	}
	.detail-size .big-title{
		width: 160px;
	}
	.next-list{
		display: flex;
		flex-wrap: wrap;
	}
}
.next-list{
	margin-bottom: 10px;
}
.next-list div[class*="col-md"]{
	margin-bottom: 15px;
}
.next-list a{
	display: block;
	padding: 6px 10px;
	background: #f1f6ed;
	color: #3362ce;
	line-height: 1.45em;
	transition: all ease .4s;
}
.next-list a:hover,.next-list a:focus{
	box-shadow: 0 0 10px #ddd;
	background: #fff;
}
.detail-size select{
	width: 160px;
}
.detail-inquiry{
	display: inline-block;
	padding: 8px 25px;
	background: #3362ce;
	color: #fff;
	border-radius: 30px;
	border: 1px solid #3362ce;
	transition: all ease .4s;
}
.detail-inquiry:hover,.detail-inquiry:focus{
	background: #fff;
	color: #3362ce;
}
.note-warning{
	background: #f9f9f9;
	color: #555;
	padding: 8px 10px;
	border-radius: 5px;
	display: flex;
	margin: 30px 0;
	border: 1px solid #ddd;
	font-size: .9em;
	line-height: 1.4em;
}
.note-warning span:first-child{
	font-size: 1.1em;
	color: #e68124;
	margin-right: 8px;
	display: inline-block;
}
.grecaptcha-badge{
	opacity: 0;
}
.inquiry-note{
	font-size: .9em;
	line-height: 1.4em
}
.inquiry-note label{
	cursor: pointer
}

/* filters */
.resources-content-list-box .list-item{display: none;}
.resources-content-list-box .list-item.shows{
	display: block;
}
.filter-menu{padding-top: 15px; padding-left: 5px; margin-bottom: 30px; box-shadow: 0 10px 10px #ebf1e8;}
.filter-menu li{border: 0; padding-right: 10px; display: block; margin: 0; padding-bottom: 10px; position: relative; padding-left: 5px; line-height: 1em;}
.filter-menu li a.active{color: #3b83fc;}
.filter-menu li a{padding: 5px 20px; display: inline-block; overflow: hidden; color: #203552; transition: all .3s; position: relative; text-decoration: none; line-height: 1.56em; font-weight: bold; width: 100%;}
.filter-menu li a input{margin-right:10px;}
.resources #resourcelist .resource{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;float:left;overflow:hidden;}
.resource-wrapper{overflow: hidden; position: relative !important; margin-bottom: 30px; border: 1px solid #3362ce; padding-bottom: 15px; border-radius: 10px; height: 100%; text-align: center;}
@media(max-width: 768px) { .resource{width: 100%;} }
.resource .resource-bg{ background: linear-gradient(180deg, #3362ce, transparent);height: 238px;overflow: hidden;}
.resource img{position: relative; object-fit: cover; width: -webkit-fill-available; height: -webkit-fill-available; overflow: hidden;}
@media(max-width: 768px) {
	#resourcelist .resource{ width: 100%;}
	.resource img{ position: relative; max-width: 100%; height: 300px; width: 100%; object-fit: cover; }
}
.resource h2{color: var(--black); font-size: 1.6rem; height: 120px; padding: 0 20px; width:50%; margin: 0 auto;transition: all ease .4s;}
@media(max-width: 1200px) {.resource h2{ height: 80px;font-size: 1.2rem;} }
.resource a .res-more{ display: inline-block; padding: 10px 40px; border:1px solid #3362ce; background: #3362ce; color: #fff; border-radius: 30px; font-size: .9em; line-height: 1.45em; margin-bottom: 10px; transition: all ease .4s; cursor: pointer; }
.resource-wrapper:hover .res-more, .resource a:hover .res-more:hover{ background: #ffffff; color: #3362ce; }
.resource-wrapper:hover{box-shadow: 0 10px 10px #ebf1e8;box-shadow: 1px 3px 15px #cfd5e5;}
.resource-wrapper:hover img{ transform: scale(1.1);transition: all 0.3s ease-in-out; }
.resource-wrapper:hover h2{ color:#3362ce;}
.resource-wrapper .vertical-align{display: table;}
.resource-wrapper .vertical-align h2{    display: table-cell;vertical-align: middle; }
.resource-wrapper .tit{ display: flex;justify-content: center;}
.resource-wrapper .tit .type{ position: absolute; top: 199px; background: #000000b0; color: #ffffff; padding: 5px 10px; margin: 0 auto;font-size: 14px; }
.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
/*.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}*/
.row:after,.clearfix:after{clear:both;}
.resource_pagination{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.ui-pagination-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.ui-pagination-container .ui-pagination-page-item {
	font-size: 14px;
	padding: 6px 12px;
    line-height: 1.428571429;
	background: #fff;
	border: 1px solid #ddd;
	color: #e26455;
	margin: 0 2px;
	text-decoration: none;
	margin-bottom: 12px;
	transition: color 0s;
}
.ui-pagination-container .ui-pagination-page-item:hover {
	border-color: #e26455;
	color: #e26455;
	text-decoration: none;
	transition: color 0s;
}
.ui-pagination-container .ui-pagination-page-item.active {
	background: #e26455;
	border-color: #e26455;
	color: #fff;
	cursor: default;
}

@media(max-width: 992px) {  .service-box.clear{display: block;}  }

/*Solutions table phase*/
.phase{ border:1px solid #3360cb; background-color:#1f63d4; font-size: 5px; padding: 0 8px; margin-right: 8px; }
.phase-blank{ border:1px solid #bcccf1; font-size: 5px; padding: 0 8px; margin-right: 8px; }
.phase-linear{ border:1px solid #3360cb; background: linear-gradient(to right, #1f63d4, #ffffff); font-size: 5px; padding: 0 8px; margin-right: 8px; }
.blue-bg{background: #2363D5; padding: 10px;color: #fff;text-align: center;margin-bottom: 30px}
.gray-bg{background: #f3f3f3; padding: 20px; border-radius: 10px; margin: 0 0 20px;}
.aliceblue-bg{background: #f0f8ff;padding: 20px;border-radius: 10px;margin: 0 0 20px;}
.aliceblue-bg-text{background: #f0f8ff;padding: 5px 20px;border-radius: 10px;}
.white-bg{background: #ffffff;}
.gray-bg p, .aliceblue-bg p, .gray-bg ul, .aliceblue-bg ul{margin-bottom:10px;}

@media (max-width:992px){.flex-box{display: block !important;}  }
.flex-box{display: flex;align-items: center;}
.flex-box .list-item{border: 2px solid #3362ce; width: 100%; padding: 10px; margin: 0 0 10px 0;}
.list-item ul,.list-item p{margin-bottom:10px;}
.bg-img{margin: 0 0 20px 0;}
.bg-img div[class*="col-md"]{background-size: 98% 100%; background-repeat: no-repeat; padding-top: 160px; height: 445px;}
.bg-img div[class*="col-md"] p{margin-bottom:10px;}
.workflow-box{display: flex; justify-content: space-between; text-align: center; } .workflow-box>div{ margin-bottom: 25px; } .workflow-box p{ height: 120px; display: flex; align-items: center; justify-content: center; }
.arrow-right:before{content: ''; display: inline-block; width: 30px; height: 20px; background: url(../img/right-arrow.png) no-repeat center; background-size: contain; margin-top: 80px;}
.round-left{background-image: url("../img/round-left.jpg");background-size: 300px 350px;background-repeat: no-repeat;background-position: right;padding: 70px 30px 70px 10px;height: 341px;}
.round-left p, .round-left ul li {font-size: 14px;line-height: 17px;}
.round-right{background-image: url("../img/round-right.jpg");background-size: 300px 350px;background-repeat: no-repeat;background-position: left;padding: 60px 0 20px 40px;height: 341px;}
.round-right ul li {margin-bottom: 5px;font-size: 13px;line-height: 22px;}
.round-right p {margin-bottom: 20px;font-size: 14px;}
.center-list{ background-image: url("../img/center-list.jpg"); background-size: auto; background-position: center; padding: 10px; }
.center-list p{background:linear-gradient(to bottom, #8f8ad5, #6579ee); border-radius: 50px; border: 5px solid #fff; box-shadow: 0 5px 5px #dededd; font-size: 14px;line-height: 19px; text-align: center; color: #fff; font-weight: bolder; padding: 10px; }
.pl-20{padding-left: 20%;}
@media (max-width:1400px){.round-left p, .round-right p{margin-bottom: 0;}}
@media (max-width:600px){.center-list{background-image: none;}}
.border-blue{border: 2px solid #2363D5;height: 335px; box-shadow: 10px 10px #dcdcdc;}
.square-box{display: table; border: 1px solid #d8dce4; border-left: 10px solid #2363D5; border-radius: 0 50px 50px 0;margin: 10px 0;width: 100%} .square-box.light-blue{ border-left: 10px solid #7dacff;}
.square-box:last-child{margin-bottom: 30px}
.square-box .table-cell{display: table-cell; vertical-align: middle; padding: 10px;}.square-box .table-cell:first-child{width: 300px;}
.bg-img2, .bg-img3{margin: 0 0 20px 0;}
.bg-img2 div[class*="col-md"]{ background-size: 98% 90%; background-repeat: no-repeat; height: 450px; } .bg-img2 div[class*="col-md"] p{font-size: 15px;line-height: 19px;}
.bg-img2 div[class*="col-md"].top p:first-child{ position: absolute; top: 0; padding-top: 70px; color: #fff; padding-right: 50px; }.bg-img2 div[class*="col-md"].top p:last-child{ position: absolute; top: 0; padding-top: 170px; color: #333; padding-right: 40px; }
.bg-img2 div[class*="col-md"].bottom p:last-child{ position: absolute; bottom: 0; padding-bottom: 90px; padding-right: 50px; }  .bg-img2 div[class*="col-md"].bottom p:first-child{color: #333333;padding-right: 40px;padding-top: 70px;}
.bg-img3 div[class*="col-md"]{background-size: 220px 300px;background-repeat: no-repeat;padding-top: 40px;padding-right: 30px;height: 330px;} .bg-img3 div[class*="col-md"] p{width: 180px;font-size: 14px;line-height: 18px;} .bg-img3 div[class*="col-md"] ul{font-size: 14px;line-height: 18px;}
.mainbox { margin-top: 10px; margin-bottom: 25px; display: flex; justify-content: center; }.mainbox span{ display: inline-block; height: 4px; background-color: #3362ce; width: 90px; overflow: hidden; border-radius: 50px; position: relative; }.mainbox span:after{ content: ''; position: absolute; left: 0; top: -1.1px; height: 7px; width: 8px; background-color: #fff; -webkit-animation: move 5s infinite linear; }
@-webkit-keyframes move { 0% { transform: translateX(-1px) } 50% { transform: translateX(85px) } 100% { transform: translateX(-1px) } } @keyframes move { 0% { transform: translateX(-1px) } 50% { transform: translateX(85px) } 100% { transform: translateX(-1px) } }
/*replace Front-page div*/
.read-more span{display: inline-block; background: #dce5fd; color: #3362ce; transition: all ease .4s; border-radius: 5px; font-size: 1.1em;padding: 10px 20px; margin-bottom: 20px; margin-left: 20px; }
.index-comprehensive .read-more span{display: inline-block; background: #dce5fd; color: #3362ce; transition: all ease .4s; border-radius: 5px; font-size: 1.1em;padding: 10px 20px; margin-bottom: 20px; margin-left: 0;  }
.read-more:hover span{ background: #3362ce; color: #ffffff;}
.type-item{ box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.09); margin-bottom: 15px; background: none !important; text-align: left; position: relative; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border-radius: .25rem; }
.type-item a{ padding: 20px 20px 20px 30px; background: none; font-weight: bolder; color: var(--black);text-align: center;font-size: 1.1em; }
.type-item a:hover{ padding: 20px 20px 20px 30px; background-color: #ffffff; font-weight: bolder; color: var(--black);  }
.index-therapies .therapies-item{padding: 20px 15px 5px 25px;}
.index-molecule .molecule-item{box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.09);border-radius: 15px; overflow: hidden;}
.index-molecule .col-md-4{margin-bottom: 30px;}
.index-molecule .col-md-4:hover .molecule-item{box-shadow: none;}
.index-molecule .col-md-4:hover .read-more span{ background: #3362ce; color: #ffffff;}
.index-molecule .molecule-item .molecule-item-img:before{ position: absolute; content: ''; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; bottom: 0; right: 0; transform: scale(0); transition: .5s; z-index: 1; }
.molecule-item-text{ padding: 20px 20px 10px;height: 200px;}
.index-molecule>div[class*='col-']:nth-child(1) .molecule-item-text,
.index-molecule>div[class*='col-']:nth-child(2) .molecule-item-text,
.index-molecule>div[class*='col-']:nth-child(3) .molecule-item-text { height: 175px;}
@media (max-width: 1200px) {.molecule-item-text{ height: 225px;}
	.index-molecule>div[class*='col-']:nth-child(1) .molecule-item-text,
	.index-molecule>div[class*='col-']:nth-child(2) .molecule-item-text,
	.index-molecule>div[class*='col-']:nth-child(3) .molecule-item-text { height: 200px;}
}
@media (max-width: 1000px) {.molecule-item-text{ height: 150px;}
	.index-molecule>div[class*='col-']:nth-child(1) .molecule-item-text,
	.index-molecule>div[class*='col-']:nth-child(2) .molecule-item-text,
	.index-molecule>div[class*='col-']:nth-child(3) .molecule-item-text { height: 125px;}
}
.targets-pic img{width: 100%;}
.targets-text{height: 400px;overflow-y: scroll}
.targets-text::-webkit-scrollbar{ width: 10px; box-sizing: border-box; height: 10px; }
.targets-text::-webkit-scrollbar-thumb { height: 5px; border-radius: 5px; background-color: #3362ce; }
.targets-text::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px #ffffff; border-radius: 10px; background: #ffffff; }
.index-comprehensive .col-md-3:hover .shadow-bg{box-shadow: none;}
.index-comprehensive .col-md-3:hover .read-more span{ background: #3362ce; color: #ffffff;}
.comprehensive-pic{padding: 40px 0;}
.comprehensive-pic span{font-size: 70px; color: #3362ce;}
.shadow-bg{ box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.09); text-align: center;border-radius: 15px; overflow: hidden;}
.comprehensive-item{ height:180px;text-align: center;}
@media (min-width: 1000px) and (max-width: 1400px) {.comprehensive-item{ height:220px;}}
@media (max-width: 1000px) {.comprehensive-item{ height: 180px;}}
.comprehensive-item	h3{text-align: center;background: #3362ce;color: #ffffff;padding: 10px 20px;font-size: 17px;}
.comprehensive-item ul{text-align: left;margin: 0 20px;}
@media (max-width: 1400px) { .comprehensive-item ul {font-size: 15.5px;margin: 0;}  }
@media (max-width: 1000px) { .comprehensive-item ul {font-size: 16.5px;margin: 15px;}  .index-comprehensive .shadow-bg {margin-bottom: 20px;}  }
.comprehensive-item .read-more span{margin: 20px 0;}
@media (max-width:1600px){ .comprehensive-item .read-more span{margin: 20px 0; position: absolute;bottom: 10px;right: 50px;}  }
@media (min-width: 992px) and (max-width: 1200px) {
	.comprehensive-item ul li{font-size: 14px;margin-bottom: 0;}
	.targets-text{height: 282px;}
}
@media (min-width: 1250px) and (max-width: 1390px) {
	.targets-text{height: 372px;}
	.targets-pic{height: 372px;overflow: hidden;}
}
@media (min-width: 1400px) {
	.targets-text{height: 400px;}
	.targets-pic{height: 400px;overflow: hidden;}

}
@media (max-width:1000px){
	.molecule-item-img img{min-width: 100%}
	.one-bg>.right-pic{height: auto;}
	.img{width: 100% !important}
	.type-item:first-child{margin-top:20px;}
}
ul.small-text li{font-size:15px;}
.service-box .box-border{border: 2px solid #3362ce;padding: 20px 20px 0;height:412px;}
@media (min-width: 992px) and (max-width: 1200px) {.service-box .box-border{height:auto;}}
@media (max-width: 992px) {.service-box .box-border{height:406px;}}
.pl-0{padding-left: 0 !important;}
.pr-10{padding-right: 10px !important;}
.small-text-box p{margin-bottom: 10px;}
.small-text-box ul li{margin-bottom: 5px;}
.mb-5{margin-bottom: 5px !important;}
.ul-table>li{ position: relative;padding-left: 25px;display: inline-table;width: 49%;line-height: 1.2; }
.ul-table-4>li{ position: relative;display: inline-table;width: 24%;line-height: 1.2; }
.ul-table-4>li:before{ content: "•";font-size: 20px;padding-right: 10px;margin-left: -20px;}

@media(min-width: 1200px) {
	.tag-center{
		display: flex;
		grid-column-gap: 20px;
		justify-content: center;
		max-width: 920px;
		margin: auto;
	}
	.development-box .row{
		display: flex;
		flex-wrap: wrap;
	}
	.development-box .show-center{
		height: 100%;
		width: 100%;
		position: relative;
		overflow: hidden;
		min-height: 60px;
	}
	.development-box .show-center img{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		max-width: 110%;
		margin-bottom: 0;
	}
	.development-box .row>div[class*="col-md-10"] p{
		margin-bottom: 10px;
	}
	.development-box .row>div[class*="col-md"]:last-child p:last-child{
		margin-bottom: 20px;
	}
	.development-box .row{
		position: relative;
	}
	.development-box .row:after{
		content: '';
		display: inline-block;
		width: 20px;
		height: 30px;
		background: url(../img/down-arrow.png) no-repeat center;
		background-size: contain;
		position: absolute;
		bottom: -10px;
		left: 7.2%;
	}
	.development-box .row:last-child:after{
		display: none;
	}
}
.download-box {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.download-box a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	column-gap: 10px;
	padding: 6px 16px;
	border-radius: 5px;
	background: #3362ce;
	color: #fff;
	font-family: 'arial-bold';
}

.download-box a:after {
	content: "\e92f";
	font-family: 'icomoon' !important;
	font-size: 18px;
	margin-bottom: 2px;
}

.download-box a:hover {
	background: #3b83fc;
	color: #fff;
}

#price-inquiry {
	display: none;
}
.service-row{
	margin-bottom:20px;
}
.service-row div p{
	margin-bottom:5px;
}
.service-row div ul{
	margin-bottom:5px;
}
.service-row div ul li{
	margin-bottom:5px;
}

/* start-solution-page:Breast Cancer Therapeutic Development*/
/*.challenges ul li:before{content: url(../img/icon-arrow.svg);display: inline-block;width: 12px;height: 12px;margin-right: 10px;}*/
/*end-solution-page:Breast Cancer Therapeutic Development*/

.table-responsive .service-table .phase-column{
	width: 150px;
}

/*New-footer-style*/
.footer{
	width: 100%;
	height: auto;
	background: #5e5e60;
	position: relative;
}
.footer:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	background: url(../images/logo-icon.svg) no-repeat center right/auto 110%;
	opacity: .2;
	z-index: 0;
}
.footer .maincon{
	position: relative;
	z-index: 5;
}
.footer p{
	color: #fff;
	margin-bottom: 5px;
	font-size: 16px;
}
.footer li{
	color: #fff;
	margin-bottom: 5px;
	font-size: 15px;
}
.footer a{
	color: #fff;
	font-size: 15px;
}
.footer label{
	color: #fff;
}
.footer a:hover{
	color: #f25346;
}
.footer .foottitle{
	color: #fff;
	font-size: 22px;
	margin-bottom: 20px;
	display: block;
	font-family: 'arial-bold';
}
.foot-info{
	width: 100%;
	margin: auto;
	max-width: 100%;
	height: auto;
	padding: 40px 0px 50px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	/* border-bottom: 1px solid #979797; */
}
.foot-nav{
	width: 600px;
	position: relative;
	z-index: 1;
}
.foot-nav-list{
	width: auto;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: 100px;
	margin-bottom: 30px;
}
.foot-nav-list ul{
	padding-left: 19px;
}
.foot-nav-list ul li{
	list-style: disc;
}
.foot-form{
	width: calc(100% - 600px);
}
.foot-form .form_control {
	width: 100%;
	height: 48px;
	border: 1px solid #fff;
	background: #F9F9F9;
	padding: 0px 10px;
	margin-bottom: 0px;
	font-size: 16px;
	color: #000;
	box-shadow: none;
	border-radius: 6px;
}
.foot-form .forms label{
	display: none;
}
.foot-form .forms .form-check label{
	display: block;
	font-weight: normal;
	font-size: 15px;
}
.foot-form .forms .form_control{
	height: 52px;
	border-radius: 4px;
}
.foot-form .forms .form_group {
	margin-bottom: 18px;
}
.foot-form .forms .form-check {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 15px;
}
.foot-form .forms textarea.form_control{
	height: 100px;
}
.foot-form .forms textarea.form_control.title {
	height: 52px;
	padding-top: 14px;
}
.foot-form  .forms .submit-btn:hover{
	background: #fff;
	color: #3362ce;
}
.foot-form .row{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0px -10px;
}
.foot-form .row:before{
	content: none;
}
.foot-form .row:after{
	content: none;
}
.foot-form .row>div{
	padding: 0px 10px;
}
.foot-form .row>.col-lg-6{
	width: 50%;
}
.foot-form .row>.col-lg-12{
	width: 100%;
}
.footer .forms .submit-btn {
	padding: 8px 60px;
	background: #f25346;
	color: #fff;
	border: none;
	outline: none;
	border-radius: 4px;
	font-family: 'arial-bold';
	font-size: 18px;
}
.foot-contact-info{
	width: auto;
	margin: 0px 0px;
	max-width: 300px
}
.foot-contact p{
	padding-left: 30px;
	position: relative;
	margin-bottom: 10px;
	font-size: 15px;
}
.foot-contact p:before{
	content: '';
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: absolute;
	left: 0px;
	top: 3px;
}
.foot-contact p:nth-child(1):before{
	background-image: url(../images/foot-address.svg);
}
.foot-contact p:nth-child(2):before{
	background-image: url(../images/foot-phone.svg);
}
.foot-contact p:nth-child(3):before{
	background-image: url(../images/foot-email.svg);
}
.foot-logo{
    width: 100%;
    /* padding: 30px 0px; */
    display: flex;
    align-items: start;
    justify-content: center;
    column-gap: 30px;
    position: relative;
    z-index: 1;
    flex-direction: column;
    margin-bottom: 30px;
}
.foot-logo img{
	width: auto;
	height: 80px;
}
.foot-logo p{
	max-width: 500px;
	margin-bottom: 0px;
	line-height: 1.4;
	display: flex;
	align-items: center;
	font-size: 15px;
	margin-top: 20px;
}
.foot-share-box{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}
.foot-link-icon{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 50px;
}
.foot-link-icon a{
	color: #fff;
	font-size: 25px;
	transition: all 0s;
}
.foot-link-icon a:hover{
	color: #f25346;
	transition: all 0s;
}
.copyright{
	width: 100%;
	height: auto;
	padding: 15px 0px;
}
.copyright p{
	text-align: center;
	padding: 0px 0px;
	margin-bottom: 0px;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
}
@media (max-width: 1200px){
	.foot-nav{width: auto;}
	.foot-info{display: block;}
	.foot-nav-list{display: block;}
	.foot-logo{display: block;}
	.foot-logo p{margin-top: 20px;}
	.foot-form{width: 100%;}
	.foot-contact{margin-bottom: 40px}
}

/*New-footer-style end*/

/*index: new most common breast cancer types*/
.index-types {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	width: 100%;
}

@media (max-width: 1024px) {
	.index-types {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 576px) {
	.index-types {
		grid-template-columns: 1fr;
	}
}

.type-card {
	background-color: white;
	border-radius: 15px;
	padding: 30px 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	color: inherit;
}

.type-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.type-image {
	width: 80px;
	height: 80px;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.type-title {
	font-weight: bold;
	line-height: 1.4;
}

.type-card:hover .type-title {
	color: #f25346;
}

/*index: new targets and pathways*/
.index-targets{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
.index-targets .image-column {
	width: 30%;
	height: 100%;
	position: relative;
	padding-right: 20px;
}

.index-targets .image-container {
	width: 100%;
	position: relative;
}

.index-targets .main-image {
	width: 100%;
	border-radius: 15px;
	display: block;
	position: relative;
	z-index: 1;
}

.index-targets .gray-block {
	position: absolute;
	width: 90%;
	height: 90%;
	background-color: #dbdbdb85;
	bottom: -18px;
	right: -18px;
	z-index: 0;
	border-radius: 15px;
}

.index-targets .list-column {
	width: 32%;
	padding: 0 15px;
}

.index-targets .list-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
	color: inherit;
}

.index-targets .list-text {
	font-weight: bold;
	display: flex;
	align-items: center;
}

.index-targets .list-text::before {
	content: "•";
	margin-right: 10px;
	font-size: 20px;
}

.index-targets .plus-icon {
	width: 30px;
	height: 30px;
	background-color: #ffffff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	font-size: 10px;
}

.index-targets .plus-icon::before,
.index-targets .plus-icon::after {
	content: "";
	position: absolute;
	background-color: #3a6ad0;
	transition: all 0.3s ease;
}

.index-targets .plus-icon::before {
	width: 10px;
	height: 2px;
}

.index-targets .plus-icon::after {
	width: 2px;
	height: 10px;
}

.index-targets .list-item:hover .list-text{
	color: #3a6ad0;
}

.index-targets .list-item:hover .plus-icon {
	transform: scale(1.1);
	background-color: #3a6ad0;
}

.index-targets .list-item:hover .plus-icon::before,
.index-targets .list-item:hover .plus-icon::after {
	content: "";
	position: absolute;
	background-color: #fff;
	transition: all 0.3s ease;
}

@media (max-width: 992px) {
	.index-targets .image-column {
		width: 100%;
		margin-bottom: 30px;
	}
	.index-targets .image-container {
		max-width: 400px;
		margin: 0 auto;
	}
	.index-targets .list-column {
		width: 50%;
	}
}

@media (max-width: 768px) {
	.index-targets .list-column {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background-color: #3a6ad0 !important;
}
/*page:Efficacy Evaluation for Breast Cancer Drugs*/

.flow-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 100%;
	gap: 0;
}

.flow-container .flow-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	padding: 1% 2% 1% 1%;
	width: 218px;
	min-height: 80px;
	text-align: center;
	font-weight: bold;
	clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
	margin-right: -20px;
}

.flow-container .flow-item:last-child {
	clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
}

.flow-container .flow-item:first-child {
	clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
	z-index: 4;
}

.flow-container .flow-item-1 {
	background-color: #0d3b73;
	z-index: 4;
	margin-bottom: 30px;
}

.flow-container .flow-item-2 {
	background-color: #11a578;
	margin-top: 30px;
	z-index: 3;
}

.flow-container .flow-item-3 {
	background-color: #0e8bac;
	z-index: 2;
	margin-bottom: 30px;
}

.flow-container .flow-item-4 {
	background-color: #1a5599;
	margin-top: 30px;
	z-index: 1;
}

@media (max-width: 1000px) {
	.flow-container .flow-item {
		font-size: 14px;
		margin-right: 0;
		margin-top: 0 !important;
		padding: 5px !important;
		width: 180px !important;
		clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%, 0% 50%);
		margin-bottom: 0;
	}
}
@media (max-width: 768px) {
	.flow-container {
		flex-direction: column;
		align-items: center;
		gap: 0px;
	}

	.flow-container .flow-item {
		justify-content: left !important;
		margin-right: 0;
		margin-top: 0 !important;
		padding: 5px 20px !important;
		width: 300px !important;
		clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%, 0% 50%);
		margin-bottom: 0;
	}

	.flow-container .flow-item:first-child {
		clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
	}

	.flow-container .flow-item:last-child {
		clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
	}
}

@media (max-width: 350px) {
	.flow-container .flow-item {
		width: 100%;
		font-size: 13px;
		padding: 10px 25px;
	}
}

/*resources page:search button*/
.resources-side-search{
	width: 100%;
	height: auto;
	padding: 20px 15px 20px;
	position: relative;
}
.resources-side-search .resources-side-search-btn{
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	color: #e26455;
	cursor: pointer;
}
.resources-side-search .resources-side-search-btn:hover{
	color: #f25346;
}
.resources-side-search .resources-side-search-btn:before{
	content: "\e994";
	font-family: 'icomoon' !important;
}
.resources-content-list .results-box{
	width: 100%;
	height: auto;
	padding: 12px 0px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	margin-bottom: 30px;
}
.resources-content-list .results-box p{
	font-size: 15px;
	margin-bottom: 0px;
	font-family: 'arial-bold';
}
.resources-side-search .resources-side-search-text{
	width: 100%;
	height: 40px;
	border: 1px solid #e1e1e1;
	border-radius: 0px;
	box-shadow: none;
	outline: none;
	background: none;
	padding: 0px 35px 0px 5px;
}
.filter-condition-list{
	width: 100%;
	height: auto;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: 30px;
	flex-wrap: wrap;
}
.filter-condition-list span{
	width: auto;
	height: auto;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: 10px;
	padding: 8px 15px;
	background: #e26455 !important;
	color: #fff;
	margin-bottom: 20px;
	border-radius: 200px;
	font-size: 14px;
	cursor: pointer;
	box-shadow: none;
	flex-direction: row;
}
.filter-condition-list span:hover{
	background: #e6590d !important;
}
.filter-condition-list span:after{
	content: '\2716';
}
.filter-condition-list span.reset-all{
	background: #3362ce !important;
}
.filter-condition-list span.reset-all:hover{
	background: #e6590d !important;
}
.set-ref-page-css {
	padding: 20px;
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
	margin-bottom: 25px;
}
.set-ref-page-css > div {
	width: 80%;
	padding: 20px;
	border-radius: 20px;
	display: flex;
	align-items: center;
	min-height: 220px;
}
.set-ref-page-css > div:nth-child(1) {
	margin-bottom: 25px;
	border: 1px solid #93ACE5;
}
.set-ref-page-css > div:nth-child(2) {
	border: 1px solid #EFABA3;
}
.set-ref-page-css > div > div ul {
	margin: 0;
}
.set-ref-page-css > div > div ul li {
	line-height: 23px;
}
.set-ref-page-css > div > div img {
	margin: 0;
	border-radius: 10px;
	min-height: 150px;
}
.set-ref-page-css > div .ServiceShowPic {
	margin: 0;
}
.set-ref-page-css > div:nth-child(1) > .col-md-1 {
	width: 40px;
	height: 40px;
	background-image: linear-gradient(120deg, #446FD2, #b3c7f4);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	margin-right: 20px;
}
.set-ref-page-css > div:nth-child(2) > .col-md-1 {
	width: 40px;
	height: 40px;
    background-image: linear-gradient(120deg, #E9867B, #f7d4d0);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	margin-left: 20px;
}
.set-ref-page-css > div:nth-child(2) .col-md-6 {
	padding-right: 0;
}
.target-in-cancer-css {
	display: flex;
	flex-wrap: wrap;
	gap: 80px;
	row-gap: 30px;
}
.target-in-cancer-css > div {
	background: url(../images/targets-in-icon.png) no-repeat left;
	background-size: 100%;
	height: 60px;
	flex: 1 1 calc(100% / 4);
	text-align: center;
	padding-left: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.workflow-of-monoclonal-css {
    width: 100%;
	display: flex;
	justify-content: center;
}
.workflow-of-monoclonal-content {
	width: 75%;
}
.workflow-of-monoclonal-content > .item {
	display: flex;
	gap: 20px;
	margin: 5px 0;
}
.workflow-of-monoclonal-content > .item .item-l {
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
}
.workflow-of-monoclonal-content > .item .item-l > span:nth-child(1) {
	display: inline-block;
	width: 46px;
	height: 60px;
}
.workflow-of-monoclonal-content > .item .item-l > span:nth-child(2) {
	display: inline-block;
	width: 46px;
	height: 45px;
	background: url(../img/workflow-jt-icon.png) no-repeat center;
	background-size: contain;
	margin-top: 10px;
}
.workflow-of-monoclonal-content > .item:nth-child(1) .item-l > span:nth-child(1) {
	background: url(../img/Workflow-of-Monoclonal-Antibody-1.png) no-repeat center;
	background-size: contain;
}

.workflow-of-monoclonal-content > .item:nth-child(2) .item-l > span:nth-child(1) {
	background: url(../img/Workflow-of-Monoclonal-Antibody-2.png) no-repeat center;
	background-size: contain;
}

.workflow-of-monoclonal-content > .item:nth-child(3) .item-l > span:nth-child(1) {
	background: url(../img/Workflow-of-Monoclonal-Antibody-3.png) no-repeat center;
	background-size: contain;
}

.workflow-of-monoclonal-content > .item:nth-child(4) .item-l > span:nth-child(1) {
	background: url(../img/Workflow-of-Monoclonal-Antibody-4.png) no-repeat center;
	background-size: contain;
}

.workflow-of-monoclonal-content > .item:nth-child(5) .item-l > span:nth-child(1) {
	background: url(../img/Workflow-of-Monoclonal-Antibody-5.png) no-repeat center;
	background-size: contain;
}

.workflow-of-monoclonal-content > .item:nth-child(6) .item-l > span:nth-child(1) {
	background: url(../img/Workflow-of-Monoclonal-Antibody-6.png) no-repeat center;
	background-size: contain;
}
.workflow-of-monoclonal-content > .item .item-r {
	padding: 5px;
	width: 90%;
}
.workflow-of-monoclonal-content > .item .item-r > p {
	font-weight: bolder;
	margin-bottom: 10px;
}
.workflow-of-monoclonal-content > .item .item-r > ul {
	display: flex;
	flex-wrap: wrap;
}
.workflow-of-monoclonal-content > .item .item-r > ul > li {
	width: 50%;
	margin-bottom: 2px;
}
.workflow-of-monoclonal-content > .item:last-child .item-l > span:nth-child(2)  {
	display: none;
}

.mainsection6{
	/* width: 100%; */
	height: auto;
	/* padding: 80px 0px 90px; */
	padding-bottom: 50px;
	/* background: #f6f6f3; */
}
.mainsection6-list{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.mainsection6-list .list-item{
	width: calc(50% - 15px);
	background: #fff;
	padding: 0px 25px 25px;
}
.mainsection6-list .list-item .list-info{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #ccc;
}
.mainsection6-list .list-item:last-child{
	padding-bottom: 30px;
}
.mainsection6-list .list-item .list-info{
	width: 100%;
	height: 100%;
	position: relative;
	padding-bottom: 40px;
}
.mainsection6-list .list-item .list-info > p {
	color: #333 !important;
}
.mainsection6-list .list-item .list-info h3{
	font-size: 18px;
	line-height: 1.4;
	color: #1d1d1f;
	margin-bottom: 10px;
	min-height: 48px;
	font-family: 'arial-bold';
	font-weight: normal;
}
.mainsection6-list .list-item .list-info h3:hover{
	color: #e26455;
}
.mainsection6-list .list-item .list-info .list-btn{
	color: #e26455;
	font-size: 14px;
	position: absolute;
	left: 0px;
	bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 4px;
}
.mainsection6-list .list-item .list-info .list-btn:after{
	content: '\e910';
    font-family: 'icomoon' !important;
    font-size: 15px;
    font-weight: normal;
}
.mainsection6-list .list-item .list-info .list-btn:hover{
	color: #f25346;
}
.mainsection6-list .list-item:nth-child(1){
	padding-top: 25px;
}
.mainsection6-list .list-item:nth-child(2){
	padding-top: 25px;
}
.mainsection6-list .list-item:nth-child(5){
	padding-bottom: 10px;
}
.mainsection6-list .list-item:nth-child(6){
	padding-bottom: 10px;
}
.mainsection6-list .list-item:nth-child(5) .list-info{
	border-bottom: none;
}
.mainsection6-list .list-item:nth-child(6) .list-info{
	border-bottom: none;
}

.search-top-container-fill {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000000ab;
}
.head-nav .search-icon-container {
	cursor: pointer;
	color: #fff;
}
.head-nav.isStuck .search-icon-container {
	cursor: pointer;
	color: #3362ce;
}
.search-top-container-fill form {
	text-align: center;
	width: 40%;
	margin: 0 auto;
	position: absolute;
	height: 170px;
	border-radius: 20px;
	background: #fff;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
}
.search-top-container-fill form > i {
	position: absolute;
	color: #000;
	right: 15px;
	top: 10px;
	font-size: 28px;
	font-style: normal;
	cursor: pointer;

}

.search-top-container-fill .search-top {
	width: 58%;
	max-width: 600px;
	min-width: 300px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #3362ce;
	border-radius: 60px;
}
.search-top-container-fill .search-top input.form-control {
    color: #3362ce;
	border-color: #3362ce;
	width: 100%;
	border: none !important;
}
.search-top-container-fill .search-top input.form-control::placeholder {
	color: #3362ce;
}
.search-top-container-fill .search-top .search-btn {
	color: #3362ce;
	border-color: #3362ce;
	border: none !important;
	padding: 0 15px;
}
.aliceblue-bg-text-row > div {
	margin-bottom: 20px;
}

.contact-part-add-css {
	display: flex;
	flex-direction: column-reverse;
}

.contact-part-add-css #contact-us {
	display: flex;
	justify-content: space-between;
}
.contact-part-add-css #contact-us .contact-box {
	width: 32%;
}
.contact-part-add-css #contact-us .contact-box > span {
	top: 38px;
}
.contact-part-add-css #contact-us .contact-box > div p {
	margin-bottom: 10px;
}

.foot-contact .list-item {
    margin-bottom: 10px;
}
.foot-contact .list-item p:before {
    background-image: none;
}
.foot-contact .list-item p {
    margin-bottom: 5px;
}
.foot-contact .list-item:nth-child(1) > p.style1:before {
    background-image: url(../images/foot-address.svg) !important;
}
.foot-contact .list-item:nth-child(2) > p.style1:before {
    background-image: url(../images/foot-phone.svg) !important;
}
.foot-contact .list-item:nth-child(3) > p.style1:before {
    background-image: url(../images/foot-email.svg) !important;
}
.index-eight-content > div > div {
    position: relative;
}
.index-eight-content .pic {
	filter: brightness(0.7);
	border-radius: 5px;
	overflow: hidden;
}
.index-eight-content .pic img {
	height: 450px;
    object-fit: cover;
    border-radius: 5px;
	transform: scale(1.0);
	transition: all .3s;
}
.index-eight-content > div > div:hover .pic img {
	transform: scale(1.1);
	transition: all .3s;
}
.index-eight-content .text {
	width: 100%;
	height: auto;
	padding: 0 20px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 3;
	color: #fff;
}
.index-eight-content .text h3 {
	color: #fff;
}
.index-eight-content a {
	color: #fff;
}
.index-eight-content a:hover {
	color: #e26455;
	/* text-decoration: underline; */
}


.foot-contact-list-box {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 5px;
    margin-bottom: 30px;
    border-bottom: 1px solid #979797;
}
.foot-contact-list-box .list-item {
    width: 24%;
    margin-bottom: 10px;
}
.foot-contact-list-box .list-item .foottitle {
    font-size: 18px;
    margin-bottom: 15px;
    color: #fff;
    display: block;
}
.foot-contact-list-box .list-item p {
    padding-left: 25px;
    position: relative;
    margin-bottom: 10px;
    color: #fff;
	font-size: 15px;
}
.foot-contact-list-box .list-item p:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0px;
    top: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
}
.foot-contact-list-box .list-item p:nth-child(1):before {
    background-image: url(../images/foot-email.svg);
}
.foot-contact-list-box .list-item p:nth-child(2):before {
    background-image: url(../images/foot-phone.svg);
}
.foot-contact-list-box .list-item p:nth-child(3):before {
    background-image: url(../images/foot-address.svg);
}
.case-study-img-container {
	display: flex;
	align-items: center;
}
.case-study-img-container > div {
	width: 50%;
}
.case-study-img-container > div:nth-child(1) > p {
    text-align: center;
    /* padding: 0 33px; */
    width: 82%;
    margin-top: 7px;
	font-weight: bold;
}
.case-study-img-container > div:nth-child(2) > p {
	text-align: center;
    /* padding: 0 33px; */
    width: 78%;
    margin-top: 7px;
	font-weight: bold;
}
.case-study-css {
	padding: 15px;
	border: 2px solid #DDDDDD;
	border-bottom-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	margin-bottom: 20px;
	transition: all .6s;
}
.case-study-css:hover {
	transition: all .6s;
	border: 2px solid #3362ce;
	/* background: #D3E5FF; */
}
.case-study-css ul {
	margin-bottom: 10px;
}
.case-study-css .ullist-color {
	/* background: #D3E5FF; */
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}
.case-study-css .ullist-color > li {
	width: 50%;
}
.case-study-css .ullist-color > li:last-child {
	margin-bottom: 0;
}
.case-study-css .ullist-color > li > strong {
	margin-right: 5px;
}
.case-study-css .ullist-margin {
	margin-left: 25px;
}
.case-study-css .ullist-add-list-style > li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	background: url(../images/symbol-icon.png) no-repeat;
	display: inline-block;
	width: 28px;
	height: 14px;
	background-size: 20px;
}