/*search*/
#goodcover {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 1000%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: 0.70;
	filter: alpha(opacity=80);
}

.close1 {
	padding: 20px;
	position: absolute;
	top: 0;
	right: 0;
}

#closebt {
	float: right;
}

#closebt img {
	width: 22px;
}

#searchkey::-webkit-input-placeholder {
	color: #aaa !important;
}

.auto-container {
	padding: 0 30px;
}

/*input*/
#code-s {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	z-index: 1002;
}

.searchtxt {
	width: 750px;
	height: 150px;
	overflow: hidden;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	padding: 30px;
	text-align: center;
	border-radius: 8px;
}

.search-input {
	margin: 0 10px;
	border: 0;
	outline: none;
	font-size: 16px;
	height: 45px;
	padding-left: 20px;
	width: calc(100% - 130px);
	float: left;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #ddd;
}

.searchtxt select {
	height: 47px;
	border: 0;
	font-size: 16px;
	color: #fff;
	outline: none;
	padding: 0 10px;
	float: left;
	background-color: rgba(0, 0, 0, 0);
}

.searchtxt .btn {
	height: 45px;
	clear: both;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	background-color: #BF529E;
	border: 0px;
	outline: none;
	cursor: pointer;
	margin-top: 0;
	line-height: 45px;
}

.searchtxt .btn:hover {
	color: #FFF;
	transition: background-color .3s;
	background: #BF529E;
}

/*search-css*/
.submit_search button {
	border: none;
	cursor: pointer;
	margin: 0 auto;
	outline: none;
	background-color: transparent;
}

.submit_search button:before {
	content: "\f002";
	font-family: FontAwesome;
	font-size: 22px;
	color: #444;
}

.label-box {
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}

.searchtxt input:-internal-autofill-selected {
	background-color: rgba(0, 0, 0, 0);
}

.searchtxt input::placeholder {
	color: #fff;
}

.menu-top-container {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 100%;
}

.menu-top-container .navi-menu-li-4 {
	/* position: relative; */
}
.menu-top-container .navi-menu-3 {
	/* position: relative; */
}
.menu-top-container .navi-menu-li-3 a, .menu-top-container .navi-menu-li-4 a {
	color: #000 !important;
	font-weight: bold !important;
}
.menu-top-container .navi-menu-2 > .navi-menu-li-2:last-child .navi-menu-5 {
	left: 270px;
}

.menu-top-container .navi-menu-5 {
	display: none;
	position: absolute;
	left: 300px;
	top: 30px;
	width: 60%;
	background: #2e353ee9;
	/* border: 1px solid #ddd; */
	padding: 8px;
	z-index: 99;
	/* height: 300px; */
	min-height: 200px;
	/* max-height: 400px; */
	overflow: auto;
	box-shadow: 3px 5px 18px 0px rgba(0, 0, 0, 0.55);
	height: 95%;
}

.menu-top-container .navi-menu-5 > li {
	display: flex;
    align-items: center;
    width: 100%;
    line-height: 25px;
	color: #fff;
}
.menu-top-container .navi-menu-5 > li > a {
	padding-left: 4px;
	color: #fff !important;
	font-weight: normal !important;
}

.menu-top-container .navi-menu-5::-webkit-scrollbar {
    width: 5px; 
    height: 5px; 
}
 
.menu-top-container .navi-menu-5::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
.menu-top-container .navi-menu-5::-webkit-scrollbar-thumb {
    background: #c3c3c3;
    border-radius: 10px; 
}
 
.menu-top-container .navi-menu-5::-webkit-scrollbar-thumb:hover {
    background: #a3a3a3;
}

.menu-top-container .navi-menu-li-4:hover .navi-menu-5 {
	display: flex;
    /* flex-wrap: wrap; */
	flex-direction: column;
	overflow: auto;
}
.menu>ul>li:nth-child(3) > .navi-menu-2 > .navi-menu-li-2:nth-child(2) > .navi-menu-3 > .navi-menu-li-3:nth-child(1) > .navi-menu-4 > .navi-menu-li-4:nth-child(2) > .navi-menu-5 {
	flex-wrap: wrap;
	width: 100%;
}
.menu>ul>li:nth-child(3) > .navi-menu-2 > .navi-menu-li-2:nth-child(2) > .navi-menu-3 > .navi-menu-li-3:nth-child(1) > .navi-menu-4 > .navi-menu-li-4:nth-child(2) > .navi-menu-5 > li {
	width: 50%;
}

@media (min-width: 1250px) {
	#cssmenu {
		font-family: 'Poppins Light', sans-serif;
		margin-top: 15px;
		float: right;
	}

	.header-top {
		position: relative;
		background-color: #BF529E;
		height: 40px;
	}

	.auto-container {
		position: static;
		margin: 0 auto;
	}

	.top-left {
		position: relative;
		float: left;
	}

	.top-left ul li {
		position: relative;
		margin-right: 30px;
		font-size: 12px;
		color: #ffffff;
		padding: 10px 0px;
		font-weight: 500;
		display: inline-block;
	}

	.top-left ul li:last-child {
		margin-right: 0px;
	}

	.top-left ul li a {
		color: #ffffff;
		font-weight: 500;
		-webkit-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		transition: all 300ms ease;
		text-decoration: none;
	}

	.top-left ul li .icon {
		margin-right: 10px;
		color: #fff;
		font-size: 16px;
	}

	.top-left ul li a:hover {
		color: #ffb200;
	}

	.top-right {
		position: relative;
		float: right;
		padding: 10px 0px;
	}

	.social-icon-one {
		position: relative;
	}

	.social-icon-one li {
		position: relative;
		margin-left: 12px;
		display: inline-block;
	}

	.social-icon-one li.share {
		color: #ffffff;
		margin-left: 0px;
	}

	.social-icon-one li a {
		position: relative;
		text-decoration: none;
		font-size: 16px;
		display: inline-block;
		color: rgba(255, 255, 255, 1);
		-webkit-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		transition: all 300ms ease;
	}

	.social-icon-one li a:hover {
		color: #ffb200;
	}

	.social-icon-one li.follow {
		position: relative;
		color: #fff;
		font-size: 16px;
		margin-left: 0px;
		font-weight: bold;
	}

	.auto-header {
		height: 75px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.logo {
		width: 230px;
	}



	.fixed {
		position: fixed;
		z-index: 999;
		background: #fff;
		display: inline-block;
		width: 100%;
		margin: 0 auto;
		background-color: #fcfcfc;
		border-bottom: 1px #f9f9f9 solid;
	}

	/***====================================================================about index====================================================================***/
	.container_left {
		width: 50%;
		height: auto;
		overflow: hidden;
		float: left;
	}

	.container_left span {
		display: block;
		width: 90%;
	}

	.container_left h1 {
		font-size: 36px;
		font-weight: bold;
		color: #BF529E;
		font-family: Century Gothic;
	}

	.container_left p {
		line-height: 28px;
		color: #444;
	}



	.container_bg_about {
		width: 100%;
		/*background-position: center;*/
		height: 450px;
		border-radius: 8px;
		float: left;
		/*background: url(../images/about_bg.jpg);*/
		/*background-repeat: no-repeat;*/
		/*background-size: cover;*/
	}

	.container_bg_about img {
		width: 100%;
		object-fit: cover;
	}

	.auto-services {
		width: 100%;
		background: #f5f5f5;
		height: auto;
		overflow: hidden;
	}

	.auto-services-c {
		max-width: 1200px;
		margin: 70px auto;
	}

	.auto-services-c h1 {
		font-size: 36px;
		font-weight: bold;
		color: #BF529E;
		font-family: Century Gothic;
		text-align: center;
	}

	.auto-services-c h1 a {
		color: #BF529E;
		text-decoration: none;
	}

	.auto-services-c h1 a:hover {
		color: #BF529E;
		text-decoration: none;
	}

	.auto-services-c p {
		line-height: 32px;
		text-align: center;
	}

	.row-index {
		width: 25%;
		height: auto;
		overflow: hidden;
		display: inline-block;
		float: left;
	}

	.title-black {
		margin-bottom: 30px;
	}

	.title-white {
		margin-bottom: 20px;
		padding-top: 55px;
	}

	.title-white a {
		color: #fff;
	}

	.title-top-arr,
	.title-bottom-arr {
		display: block;
		margin: auto;
		width: 79px;
		height: 28px;
	}

	.title-top-arr {
		background: url(../images/title-top-arr.png) no-repeat;
	}

	.title-bottom-arr {
		background: url(../images/title-bottom-arr.png) no-repeat;
	}

	.index-items a {
		display: block;
		color: #fff;
	}

	.index-items .col-md-6 {
		position: relative;
		padding: 0;
		min-height: 450px;
		color: #fff;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.index-items .col-md-6 .item-gray-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0.3;
		transition: all ease .5s;
	}

	.index-items .col-md-6 .item-blue-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #10449d;
		opacity: 0.5;
		transition: all ease .5s;
	}

	.index-items .col-md-6 .item-yellow-bg {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: #FF9900;
		opacity: 0;
		transition: all ease 1s;
	}

	.index-items .col-md-6 .items-content {
		position: absolute;
		z-index: 99;
		top: 0;
		width: 90%;
		height: 100%;
		padding: 20px;
	}

	.index-items .col-md-6 .items-content h2 {
		width: 90%;
		margin: 10px auto;
		text-align: center;
		font-size: 22px;
		line-height: 28px;
	}

	.index-items .col-md-6 .items-content h2 a {
		color: #fff;
	}

	.index-items .col-md-6 .items-content p {
		margin: 0 auto;
		text-align: center;
		line-height: 26px;
	}

	.index-items .col-md-6:hover .item-blue-bg {
		opacity: 0
	}

	.index-items .col-md-6:hover .item-yellow-bg {
		opacity: 0.4;
	}

	.index-items-1 a:first-child .col-md-6 {
		background-image: url(../images/img01.png);
	}

	.index-items-2 a:last-child .col-md-6 {
		background-image: url(../images/img02.png);
	}

	.index-items-3 a:first-child .col-md-6 {
		background-image: url(../images/img03.png);
	}

	.index-items-4 a:last-child .col-md-6 {
		background-image: url(../images/img04.png);
	}


	.auto-contact {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-top: 50px;
	}

	.contact_index_left {
		width: 50%;
		height: auto;
		overflow: hidden;
		float: left;
		background: #FFF;
	}

	.contact_right {
		display: block;
		width: 80%;
		margin-left: 10%;
	}

	.contact_index_left h1 {
		font-size: 36px;
		font-weight: bold;
		color: #BF529E;
		font-family: Century Gothic;
	}

	.contact_index_left p {
		font-weight: bold;
		padding-top: 50px;
	}

	.list-style-two {
		position: relative;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.list-style-two li {
		position: relative;
		font-size: 16px;
		font-weight: 400;
		padding-left: 50px;
		margin-bottom: 20px;
		color: #444;
		line-height: 36px;
		list-style: none !important;
	}

	.list-style-two li .icon {
		position: absolute;
		left: 0px;
		width: 25px;
		height: 25px;
		color: #FFF;
		font-size: 16px;
		line-height: 1em;
		text-align: center;
		background-color: #BF529E;
		border-radius: 100%;
		line-height: 25px;
		top: 5px;
	}

	.list-style-two li a {
		color: #BF529E;
		text-decoration: none;
	}

	.list-style-two li a:hover {
		color: #BF529E;
		text-decoration: none;
	}

	.list-style-services {
		position: relative;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.list-style-services li {
		position: relative;
		font-size: 16px;
		font-weight: 400;
		padding-left: 50px;
		margin-bottom: 20px;
		color: #444;
		line-height: 36px
	}

	.list-style-services li .icon {
		position: absolute;
		left: 0px;
		width: 38px;
		height: 38px;
		color: #FFF;
		font-size: 16px;
		line-height: 1em;
		text-align: center;
		background-color: #BF529E;
		border-radius: 100%;
		line-height: 25px;
	}

	.list-style-services li a {
		color: #444;
		text-decoration: none;
	}

	.list-style-two li a:hover {
		color: #BF529E;
		text-decoration: none;
	}


	.social-icon-two {
		padding-top: 10px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		height: auto;
		overflow: hidden;
	}

	.social-icon-two li {
		margin-right: 20px;
		margin-left: 0px;
		float: left;
		list-style: none !important;
	}

	.social-icon-two li a {
		color: #BF529E;
		font-size: 22px;
	}

	.social-icon-two li a:hover {
		color: #bbbbbb;
	}

	.container_bg_contact {
		width: 50%;
		height: 640px;
		float: left;
		background: url(../images/contact_bg.png);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.bottom_cop {
		width: 100%;
		padding: 20px 0;
		text-align: center;
		color: #FFF;
		background-color: #BF529E;
		font-size: 14px;
	}


}


@media (max-width: 1249px) {
	#cssmenu {
		font-family: 'Poppins Light', sans-serif;
		margin-top: 15px;
		float: right;
	}

	.header-top {
		position: relative;
		background-color: #BF529E;
		height: auto;
		overflow: hidden;
	}

	.auto-container {
		position: static;
		max-width: 100%;
		padding: 0px 15px;
		margin: 0 auto;
	}


	.top-left {
		position: relative;
		float: left;
	}

	.top-left ul li {
		position: relative;
		margin-right: 30px;
		font-size: 12px;
		color: #ffffff;
		padding: 10px 0px;
		font-weight: 500;
		display: inline-block;
		float: left;
	}

	.top-left ul li:last-child {
		margin-right: 0px;
	}

	.top-left ul li a {
		color: #ffffff;
		font-weight: 500;
		-webkit-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		transition: all 300ms ease;
		text-decoration: none;
	}

	.top-left ul li .icon {
		margin-right: 10px;
		color: #fff;
		font-size: 16px;
	}

	.top-left ul li a:hover {
		color: #ffb200;
	}

	.top-right {
		position: relative;
		float: right;
		padding: 10px 0px;
	}

	.social-icon-one {
		position: relative;
	}

	.social-icon-one li {
		position: relative;
		margin-right: 12px;
		display: inline-block;
	}

	.social-icon-one li.share {
		color: #ffffff;
		margin-left: 0px;
	}

	.social-icon-one li a {
		position: relative;
		font-size: 16px;
		display: inline-block;
		color: rgba(255, 255, 255, 1);
		-webkit-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		transition: all 300ms ease;
	}

	.social-icon-one li a:hover {
		color: #ffb200;
	}

	.social-icon-one li.follow {
		position: relative;
		color: #fff;
		font-size: 16px;
		margin-left: 0px;
		font-weight: bold;
	}

	.auto-header {
		max-width: 100%;
		margin: 0 auto;
	}

	.logo {
		width: 230px;
	}



	.search-input {
		border: 0;
		outline: none;
		font-size: 16px;
		height: 45px;
		padding-left: 20px;
		width: 100%;
		float: left;
		margin-bottom: 20px;
		background-color: rgba(0, 0, 0, 0);
		color: #fff;
		border: 1px solid #ddd;
		margin-right: 3px;
	}

	.searchtxt select {
		height: 47px;
		border: 0;
		font-size: 16px;
		color: 444;
		outline: none;
		padding: 0 10px;
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}



	.submit_search button {
		border: none;
		cursor: pointer;
		/*float: right;*/
		outline: none;
		background-color: transparent;
		margin: 19px 32px;
	}

	.submit_search button:before {
		content: "\f002";
		font-family: FontAwesome;
		font-size: 22px;
		color: #444;
	}



	.fixed {
		position: fixed;
		z-index: 999;
		background: #fff;
		display: inline-block;
		width: 100%;
		margin: 0 auto;
		background-color: #fcfcfc;
		border-bottom: 1px #f9f9f9 solid;
	}

	.auto-about {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 50px;
		padding: 80px 0;
	}

	.container_left {
		width: 100%;
		height: auto;
		overflow: hidden;
		float: left;
	}

	.container_left span {
		display: block;
		width: 90%;
		margin-left: 5%;
		padding-top: 10%;
	}

	.container_left h1 {
		font-size: 28px;
		font-weight: bold;
		color: #BF529E;
		font-family: Century Gothic;
	}

	.container_left p {
		line-height: 28px;
		color: #444;
	}


	.container_bg_about {
		width: 50%;
		/*background-position: center;*/
		height: 640px;
		float: left;
		/*background: url(../images/about_bg.jpg);*/
		/*background-repeat: no-repeat;*/
		/*background-size: cover;*/
		display: none;
	}

	.auto-services {
		width: 100%;
		background: #f5f5f5;
		height: auto;
		overflow: hidden;
	}

	.auto-services-c {
		max-width: 100%;
		margin: 70px auto;
	}

	.auto-services-c h1 {
		font-size: 28px;
		font-weight: bold;
		color: #BF529E;
		font-family: Century Gothic;
		text-align: left;
	}

	.auto-services-c h1 a {
		color: #BF529E;
		text-decoration: none;
	}

	.auto-services-c h1 a:hover {
		color: #BF529E;
		text-decoration: none;
	}

	.auto-services-c p {
		line-height: 32px;
		text-align: left;
	}

	.row-index {
		width: 100%;
		height: auto;
		overflow: hidden;
		display: inline-block;
		float: left;
	}

	.title-black {
		margin-bottom: 30px;
	}

	.title-white {
		margin-bottom: 20px;
		padding-top: 55px;
	}

	.title-white a {
		color: #fff;
	}

	.title-top-arr,
	.title-bottom-arr {
		display: block;
		margin: auto;
		width: 79px;
		height: 28px;
	}

	.title-top-arr {
		background: url(../images/title-top-arr.png) no-repeat;
	}

	.title-bottom-arr {
		background: url(../images/title-bottom-arr.png) no-repeat;
	}

	.index-items a {
		display: block;
		color: #fff;
	}

	.index-items .col-md-6 {
		position: relative;
		padding: 0;
		min-height: 450px;
		color: #fff;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.index-items .col-md-6 .item-gray-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0.3;
		transition: all ease .5s;
	}

	.index-items .col-md-6 .item-blue-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #10449d;
		opacity: 0.5;
		transition: all ease .5s;
	}

	.index-items .col-md-6 .item-yellow-bg {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: #FF9900;
		opacity: 0;
		transition: all ease 1s;
	}

	.index-items .col-md-6 .items-content {
		position: absolute;
		z-index: 99;
		top: 0;
		width: 90%;
		height: 100%;
		padding: 20px;
	}

	.index-items .col-md-6 .items-content h2 {
		width: 90%;
		margin: 10px auto;
		text-align: center;
		font-size: 22px;
		line-height: 28px;
	}

	.index-items .col-md-6 .items-content h2 a {
		color: #fff;
	}

	.index-items .col-md-6 .items-content p {
		margin: 0 auto;
		text-align: center;
		line-height: 26px;
	}

	.index-items .col-md-6:hover .item-blue-bg {
		opacity: 0
	}

	.index-items .col-md-6:hover .item-yellow-bg {
		opacity: 0.4;
	}

	.index-items-1 a:first-child .col-md-6 {
		background-image: url(../images/img01.png);
	}

	.index-items-2 a:last-child .col-md-6 {
		background-image: url(../images/img02.png);
	}

	.index-items-3 a:first-child .col-md-6 {
		background-image: url(../images/img03.png);
	}

	.index-items-4 a:last-child .col-md-6 {
		background-image: url(../images/img04.png);
	}


	.auto-contact {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-top: 0px;
	}

	.contact_index_left {
		width: 100%;
		height: auto;
		overflow: hidden;
		float: left;
		background: #FFF;
	}

	.contact_right {
		display: block;
		margin-left: 10%;
	}

	.contact_index_left h1 {
		font-size: 28px;
		font-weight: bold;
		color: #BF529E;
		font-family: Century Gothic;
	}

	.contact_index_left p {
		font-weight: bold;
		padding-top: 20px;
	}

	.list-style-two {
		position: relative;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.list-style-two li {
		position: relative;
		font-size: 16px;
		font-weight: 400;
		padding-left: 50px;
		margin-bottom: 20px;
		color: #444;
		line-height: 36px
	}

	.list-style-two li .icon {
		position: absolute;
		left: 0px;
		width: 25px;
		height: 25px;
		color: #FFF;
		font-size: 16px;
		line-height: 1em !important;
		text-align: center;
		background-color: #BF529E;
		border-radius: 100%;
		padding: 5px;
		line-height: 25px;
		top: 5px;

	}

	.list-style-two li a {
		color: #BF529E;
		text-decoration: none;
	}

	.list-style-two li a:hover {
		color: #BF529E;
		text-decoration: none;
	}

	.list-style-services {
		position: relative;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.list-style-services li {
		position: relative;
		font-size: 16px;
		font-weight: 400;
		padding-left: 50px;
		margin-bottom: 20px;
		color: #444;
		line-height: 36px
	}

	.list-style-services li .icon {
		position: absolute;
		left: 0px;
		width: 38px;
		height: 38px;
		color: #FFF;
		font-size: 16px;
		line-height: 1em;
		text-align: center;
		background-color: #BF529E;
		border-radius: 100%;
		padding: 5px;
		line-height: 25px;
	}

	.list-style-services li a {
		color: #444;
		text-decoration: none;
	}

	.list-style-two li a:hover {
		color: #BF529E;
		text-decoration: none;
	}


	.social-icon-two {
		padding-top: 10px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		height: auto;
		overflow: hidden;
	}

	.social-icon-two li {
		margin-right: 20px;
		margin-left: 0px;
		float: left;
	}

	.social-icon-two li a {
		color: #BF529E;
		font-size: 22px;
	}

	.social-icon-two li a:hover {
		color: #bbbbbb;
	}

	.container_bg_contact {
		width: 50%;
		height: 640px;
		float: left;
		background: url(../images/contact_bg.png);
		background-repeat: no-repeat;
		background-size: cover;
		display: none;
	}

	.bottom_cop {
		width: 100%;
		padding: 20px 0;
		text-align: center;
		color: #FFF;
		background-color: #BF529E;
		font-size: 14px;
	}

}

.container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 15px;
}

.post-holder {
	border-bottom: 1px #f6f6f6 solid;
	margin: 10px 0;
}

.post-content {
	margin-bottom: 10px;
	padding-top: 5px;
}

.post-content .h1 {
	font-size: 18px;
	margin: 0;
	padding: 10px 0;
}

.post-content .h1 a {
	color: #BF529E;
	text-decoration: none;
}

.post-content p {
	margin: 0;
	padding: 0;
}

.svg-box {
	display: flex;
	justify-content: center;
}

.tag-info {
	margin: 30px 0 10px !important;
	padding: 0 !important;
	font-weight: bold !important;
}

.pdf-right {
	text-align: right;
}

.pdf-right a {
	font-weight: bold;
	color: #BF529E !important;
}

.social-icon-two li a {
	text-decoration: none;
}


.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

.pagination>li {
	display: inline;
}

.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #BF529E;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #BF529E;
	border-color: #BF529E;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}


.customer_review blockquote {
	margin-left: 0;
	margin-right: 0;
}

.customer_review .title {
	font-weight: bold;
}

.customer_review .star i {
	color: #fbbf21;
}

.customer_review .star {
	margin: 3px 0;
}

.customer_review .star span {
	margin-left: 5px;
}

.customer_review {
	color: #333;
	font-size: 14px;
}

.QA-text {
	/* display: none; */
}

.QA-box.open .QA-text {
	display: block;
	color: #666;
}

.QA-title {
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
	color: #BF529E;
}

.QA-title.menu-dropdown-icon:before {
	padding: 0 0 0 10px;
	margin-top: -3px;
}


/*2022-11*/
.products-tabs .tab-show-area {
	position: relative;
	width: 100%;
}

.products-tabs .tab-show-area .nav-tabs {
	border-bottom: 0;
	position: relative;
	z-index: 100;
}

.products-tabs .nav-tabs>li {
	margin-bottom: 0;
	position: relative;
}

.products-tabs .nav-tabs>li>a {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-top: 2px solid #ffffff;
	border-bottom: none;
}

.products-tabs .nav-tabs>li.active>a,
.products-tabs .nav-tabs>li.active>a:focus,
.products-tabs .nav-tabs>li.active>a:hover {
	background-color: #BF529E;
	color: #fff;
}

.products-tabs .tab-content {
	margin-top: 1px;
}

.products-tabs table th {
	background: #BF529E;
	color: #fff;
	text-transform: uppercase;
	text-align: left
}

table {
	margin-bottom: 15px;
}

@media (min-width:768px) {
	.col-sm-6 {
		float: left;
	}

	.col-sm-6 {
		width: 50%;
	}
}

@media (min-width:992px) {

	.col-md-3,
	.col-md-4,
	.col-md-8 {
		float: left;
	}

	.col-md-8 {
		width: 66.66666667%;
	}

	.col-md-4 {
		width: 33.33333333%;
	}

	.col-md-3 {
		width: 25%;
	}
}

@media (min-width:1200px) {
	.col-lg-4 {
		float: left;
	}

	.col-lg-4 {
		width: 33.33333333%;
	}
}

.products-tabs table {
	background-color: transparent;
	font-size: 15px;
}

.products-tabs table th {
	text-align: left;
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

.fade.in {
	opacity: 1;
}

.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	background-color: #fff;
}

.nav>li {
	position: relative;
	display: block;
}

.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px;
}

.nav>li>a:hover,
.nav>li>a:focus {
	text-decoration: none;
	background-color: #eee;
}

.nav-tabs {
	border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
	float: left;
	margin-bottom: -1px;
}

.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	/* border-radius:4px 4px 0 0; */
}

.nav-tabs>li>a:hover {
	border-color: #eee #eee #ddd;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.tab-content>.tab-pane {
	display: none;
}

.tab-content>.active {
	display: block;
}

.nav:before,
.nav:after {
	display: table;
	content: " ";
}

.nav:after {
	clear: both;
}

.red {
	color: red;
}

.pronote {
	font-size: 15px;
	padding: 5px 10px 5px 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #efefef;
	font-style: italic;
	display: inline-block;
	margin-top: 20px;
}

.products-tabs .tab-show-area {
	position: relative;
	width: 100%;
}

.products-tabs .tab-show-area .nav-tabs {
	position: relative;
	z-index: 100;
}

.products-tabs .tab-show-area .tabs_line {
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #000;
	bottom: 0;
	z-index: 99;
}

.products-tabs .nav-tabs>li {
	margin-bottom: 0;
	position: relative;
}

.products-tabs .nav-tabs>li>a {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	border-left: 0 solid #fff;
	border-right: 0 solid #fff;
	border-top: 2px solid #fff;
	border-bottom: 0;
}

.products-tabs .nav-tabs>li.active>a,
.products-tabs .nav-tabs>li.active>a:focus,
.products-tabs .nav-tabs>li.active>a:hover {
	background-color: #BF529E;
	border-bottom: 0;
}

.products-tabs .tab-content {
	margin-top: 1px;
}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 30px;
}

a {
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

a:hover {
	color: #3B7BF7;
	text-decoration: none;
}

@media (min-width: 769px) and (max-width: 1279px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
}

@media (max-width: 1249px) {
	.menu-top-container .show-on-mobile .menu-dropdown-icon {
		position: relative;
	}
}

@media (max-width: 900px) {
	.add-css-row-main {
		flex-wrap: wrap;
	}

	.add-css-row-main>div.col-md-3 {
		width: 50%;
		margin-bottom: 20px;
	}

	.add-css-row-main .page-box11 .ullist {
		max-height: 300px;
		overflow: auto;
		min-height: 260px;
	}
}

@media (max-width: 768px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}

	.auto-header {
		padding-right: 0 !important;
	}

	.menu-top-container #ClickMe {
		margin: 1px 10px;
	}

	.add-service-portfolio>.col-md-4 {
		min-height: auto !important;
	}

	.add-hvr-float-container .support-box h3 a {
		font-size: 12px;
	}

	.menu-top-container .show-on-mobile .menu-dropdown-icon .navi-menu-2 {
		flex-direction: column;
		overflow: auto;
		height: 500px;
	}

	.menu-top-container .show-on-mobile .menu-dropdown-icon .navi-menu-2::-webkit-scrollbar {
		width: 5px;
	}

	.menu-top-container .show-on-mobile .menu-dropdown-icon .navi-menu-2::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	.menu-top-container .show-on-mobile .menu-dropdown-icon .navi-menu-2::-webkit-scrollbar-thumb {
		background: #b3b3b3;
		border-radius: 5px;
	}
	.menu>ul>li:nth-child(2) > .navi-menu-2 {
		display: flex;
		flex-wrap: initial !important;
	}
	.ullist-number {
		margin-left: 0 !important;
	}
	.ullist-number>li {
		/* flex-direction: column; */
		/* margin-bottom: 10px; */
	}
	.ullist-number>li span {
		margin-right: 10px !important;
		/* display: flex;
        align-items: center;
        justify-content: center; */
	}
	.img-float-none {
		float: none !important;
		display: block !important;
		margin: 20px auto !important;
	}
	.section-hot-product .hot-product-content {
		flex-direction: column;
		align-items: center !important;
	}
	.section-hot-product .hot-product-content .swiper-slide {
		width: 92% !important;
	}
	.product-table1.ke-zeroborder tr td, .product-table1.ke-zeroborder tr th {
		width: 25%;
		padding: 7px;
	}
	.product-table1.ke-zeroborder {
		table-layout: fixed;
	}
	.row-flex-column-768 {
		flex-direction: column;
	}
	.img-height-set {
		height: 300px !important;
	}
	.page-box35-768-1 {
		flex-direction: column;
	}
	.page-box35-768-2 {
		flex-direction: column-reverse;
	}
	

	.add-css-row-main>div.col-md-3 {
		padding: 3px;
	}

	/*.row_product.img-list > ul {
		text-align: center;
	}
	.row_product.img-list > ul > li.col-md-4 {
		width: 80%;
		margin-bottom: 10px;
	}*/
	row_product.img-list>ul {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
	}

	.row_product.img-list>ul>li.col-md-4 {
		width: 50%;
		padding: 0 10px;
		margin-bottom: 20px;
	}

	.row_product.img-list>ul>li.col-md-4 a {
		font-size: 18px;
	}

	.row_product.img-list .indexcontentunit {
		display: flex !important;
	}

	#code-s .searchtxt {
		width: 90%;
		height: 200px;
		display: flex;
		flex-direction: column;
		/* align-items: center; */
		justify-content: center;
		padding: 7px;
	}

	#code-s .searchtxt .label-box {
		flex-wrap: wrap;
	}

	/*.menu-dropdown-icon:hover ul.navi-menu-2 {*/
	/*	display: flex !important;*/
	/*}*/
	.product-banner .container .tankbannerright {
		text-align: center;
	}

	.product-banner .container .tankbannerright img {
		width: 350px;
	}

	.target-list.target-list-add-c3b {
		width: 100%;
	}
}

@media (max-width: 400px) {

	.logo-add {
		width: 150px;
	}
}

.products-tabs table {
	border-collapse: collapse;
	margin: 1.25em 0 0;
	width: 100%;
}

.products-tabs table tr,
table th,
table td {
	border: none;
	font-size: 1em;
}

.products-tabs table th,
table td {
	padding: 10px 12px;
	text-align: left;
}

.products-tabs table th {
	background: #BF529E;
	color: #fff;
	text-transform: uppercase;
}

.products-tabs table tr td {
	background: #fff;
	color: #333;
}

.product-summary table tr td {
	white-space: normal;
	word-break: break-all;
}

.products-tabs table tr td a {
	color: #000;
	text-decoration: none;
}

.products-tabs table tr td a:hover {
	color: #BF529E;
}

.products-tabs table tr td:last-child a {
	color: #fff;
	text-decoration: none;
}

.products-tabs table tr:nth-of-type(2n+2) td {
	background: #F1F2F2;
}

.inquiry_btn {
	padding: 0.3em 0.8em;
	clear: both;
	color: #FFF;
	text-decoration: none;
	border-radius: 5px;
	font-size: 14px;
	display: inline-block;
}

.inquiry_btn:hover {
	color: #FFF;
	transition: background-color .3s;
	border-radius: 5px;
	background: #BF529E;
}

.filter {
	padding: 15px 0;
}

.filter ul {
	display: table;
	margin: 0;
	padding: 0;
}

.filter ul li {
	float: left;
	width: 24%;
}

.filter ul li select {
	margin-right: 1%;
	margin-bottom: 10px;
	width: 220px;
	padding: 0;
	font-size: 16px;
	font-family: 'Poppins Light', sans-serif;
}

.add-service-portfolio>.col-md-4 {
	min-height: 260px;
}

.products-tabs .loading-site {
	text-align: center;
	width: 150px;
	height: 50px;
	left: 0;
	position: fixed !important;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0px 0px 16px #ccc;
}



.gene_filter {
	display: table;
	width: 100%;
	margin-top: 10px !important;
}

.filter ul li select {
	margin-right: 10px;
	margin-bottom: 10px;
	width: 220px;
	padding: 0;
}

ul.gene_filter li div[class*="col-md"] select {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}

@media (max-width: 768px) {
	.filter ul li select {
		width: 100%;
	}
}

.page-box {
	display: flex;
	flex-wrap: wrap;
}

.page-item {
	border: 1px solid #BF529E;
	border-radius: 16px;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	text-align: center;
}

.page-box>.col-md-4 {
	padding-bottom: 20px;
}

.page-box2 {
	display: flex;
	align-items: center;
	line-height: 40px;
	margin: 10px 0;
}

.page-box2 span {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #fff;
	background-color: #BF529E;
	border-radius: 50%;
	z-index: 10;
	position: relative;
}

.page-box2 a {
	margin: 0;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 1px 1px 10px #ddd;
	height: 40px;
	width: 100%;
	padding: 0 15px;
	margin-left: -5px;
}

.protocols-title {
	width: 100%;
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	cursor: pointer;
	position: relative;
	overflow: hidden;

}

.protocols-title span {
	position: relative;
	z-index: 10;
}

/* .protocols-title .shadow{
	background-color: #fff;
	opacity: 0.6;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s linear;
} */

.protocols-item {
	margin-bottom: 20px;
	margin-top: 30px;
}

.protocols-item span {
	display: block;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background-color: #f5f5f5;
	transition: all .3s linear;
	font-weight: bold;
}

.protocols-item:hover span {
	background-color: #BF529E;
	color: #fff;
}

.protocols-link {
	background-color: #f5f5f5;
	padding: 10px 20px;
	height: 300px;
	position: absolute;
	bottom: -300px;
	left: 0;
	z-index: 20;
	transition: all 0.4s linear;
	width: 100%;
}

.protocols-link a {
	background-color: #fff;
	display: block;
	border-radius: 4px;
	margin: 5px;
	padding: 0px 10px;
}

.protocols-link a:hover {
	color: #fff;
	background-color: #BF529E;
}

.protocols-item:hover .protocols-link {
	display: block;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
}

/* .protocols-item:nth-child(1) .protocols-link{
	background: #BF529E;
}
.protocols-item:nth-child(2) .protocols-link{
	background: #f5b200;
}
.protocols-item:nth-child(3) .protocols-link{
	background: #36b9ad;
}
.protocols-item:nth-child(4) .protocols-link{
	background: #3693b5;
} */

/* .protocols-item:hover .protocols-title{
	color: #fff;
} */

.protocols-link p {
	padding: 0;
}

.protocols-item:nth-child(1) .protocols-link,
.protocols-item:nth-child(2) .protocols-link {
	overflow: hidden;
}

.protocols-item:nth-child(1) .protocols-link p,
.protocols-item:nth-child(2) .protocols-link p {
	float: left;
	width: 50%;
}



.cap-title {
	text-transform: uppercase;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 20px;
	display: block;
}

.specific-checkbox li {
	font-size: 14px;
	margin-bottom: 5px;
	list-style: none
}

.specific-checkbox b {
	font-size: 15px;
	color: #fff;
	display: block;
	padding: 3px 10px;

}

.specific-radio {
	display: inline-block;
	/* padding-left: 20px; */
	padding-right: 20px;
	margin-bottom: 10px;
	/* padding-top: 5px */
}

.radio-inline.other .specify {
	display: none;
}

.radio-inline.other.show .specify {
	display: inline-block;
}

.specific-radio input[type=radio] {
	margin: 10px 0
}

.specify {
	font-family: 'lato', Arial, sans-serif;
	display: inline-block;
	min-width: 320px;
	height: 34px;
	background: 0;
	border: 1px solid #aeb3bc;
	outline: 0;
	/* background-color: #f7f7f7; */
	padding: 0 10px;
}

.specific-btn {
	display: inline-block;
	text-align: center;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 30px;

}

.specific-btn span {
	display: inline-block;
	text-align: center;
	padding: 0.5em 1em;
	font-size: 18px;
	clear: both;
	text-decoration: none;
	border: 0px;
	cursor: pointer;
	border: 2px #BF529E solid;
	font-weight: bold;
	border-radius: 8px;
	color: #fff;
	background-color: #BF529E;
	box-shadow: 2px 4px 8px #888;
}

.specific-btn span:hover {
	background-color: #fff;
	color: #BF529E;
}





.ball {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: red;
	border-radius: 50%;
	transition: transform 1s linear;
}

#container {
	position: relative;
}

.radio-inline {
	margin-right: 15px;
	padding: 5px 10px;
}

.radio-inline input {
	position: relative;
	top: 1px;
}


/* .specific-inquiry-btn{
	display: inline-block;
    text-align: center;
    padding: 1em 3em;
    clear: both;
    color: #fff;
    text-decoration: none;
    background-color: #BF529E;
    border: 0px;
    cursor: pointer;
    border: 2px #BF529E solid;
    font-weight: bold;
	margin: 20px 0;
}

.specific-inquiry-btn:hover {
    background: #fff;
    color: #444;
    transition: background-color .3s;
    border: 2px #BF529E solid;
    font-weight: bold;
} */

.specific-checkbox li {
	display: flex;
	/* padding: 15px; */
	margin-top: 15px;
}


.specific-checkbox li p {
	width: 139px;
	flex-shrink: 0;
}

.product-enter a {
	/* padding: 25px;
	border: 3px solid #BF529E;
	border-radius: 24px;
	text-align: center;
	margin: 0 20px;
	display: block;
	margin-top: 30px; */
	display: block;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

.product-enter {
	max-width: 800px;
	margin: auto;
	display: flex;
	text-align: center;
}

.product-enter img {
	width: 130px;
}


.select-box {
	position: relative;
}

.select-box::before {
	content: '';
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #666;
	position: absolute;
	top: 19px;
	right: 10px;
}

.page-box3 {
	display: flex;
	width: 100%;
	height: 300px;
	position: relative;
	margin: 10px;
	border-radius: 16px;
	overflow: hidden;
}

.page-box3 img {
	object-fit: cover;
	width: 100%;
}

.page-box3 span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 300px;
	line-height: 300px;
	height: 50px;
	color: #000;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	width: 100%;
	height: 100%;
	text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
	/* background-color: rgba(255,255,255,0.6); */
}

.page-box3:hover span {
	color: #BF529E;
}



.ullist1 {
	margin: 0px
}

.ullist1 li {
	list-style: none !important;
	background-image: url(../img/star-icon.png);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	background-size: 15px;
	padding-left: 24px;
}

.ullist1 .ullist1 li {
	background-image: none;
	list-style: circle !important;
	padding-left: 0;
}

.ullist1 .ullist1 {
	margin-left: 18px;
}

.ollist li {
	list-style-type: decimal
}

.ollist li>ul>li {
	list-style-type: lower-latin
}

/*
.Reference li {
	word-wrap: break-word;
	word-break: break-all;
}
*/

.page_left {
	position: relative;
}

.page_left img {
	height: auto;
}

.page_left table img {
	object-fit: cover !important;
    height: revert-layer !important;
}

.resource-item img {
	display: block;
}

.page_left h2 {
	font-size: 24px;
	margin: 25px 0 15px;
	color: #bf529e;
	font-style: italic;

}

.page_left h2.pro_tag {
	color: #bf529e;
	font-style: normal;
	font-size: 18px;
	margin: 15px 0;
}

.tab_cont.product-summary .page-line2 {
	display: none;
}

.page_left h3 {
	font-size: 20px;
	margin: 15px 0;
}

.page_left .h5 {
	font-size: 14px;
}

.page-box5 {
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.page-box6 img {
	width: 100%;
}

.page-box6 a {
	font-weight: bold;
	text-align: center;
	padding: 10px;
	color: #bf529e;
	background-color: #fff;
	border: 1px solid #bf529e;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.3;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-box6 a:hover {
	background-color: #bf529e;
	color: #fff;
}

.page-box7 {
	text-align: center;
	background-color: #f7f7f7;
	border-right: 16px;
	border: 2px solid #bf529e;
	margin-bottom: 20px;
	padding: 20px;
	height: calc(100% - 20px);
}

.page-box7 img {
	height: 70px;
}

/*
	.page-tab {
		top: 140px !important;
	}
*/
/*.page-tab{display: none;}*/
.page-tab.active {
	display: block;
}

.page-tab {
	position: sticky;
	/*	top: 80px;*/
	background-color: #fff;
	/*  box-shadow: 2px 2px 4px #ddd;*/
	padding: 15px 15px 5px 0px;
	border-bottom: 3px solid #bf529e;
	z-index: 10;
	margin-bottom: 15px;
}

.page-tab span {
	padding: 4px 7px;
	display: inline-block;
	margin-bottom: 10px;
	/*	background-color: #444;*/
	cursor: pointer;
	color: #bf529e;
}

.page-tab span:hover,
.page-tab span.page-tab-choose {
	background-color: #bf529e;
	color: #fff;
}


.page-box4 {
	background-color: #deebf7;
	border-radius: 16px;
	padding: 10px 20px;
	margin: 20px 0;
}

.page-box8 {
	padding: 0 20px 20px;
	margin-top: 20px;
	border-radius: 16px;
	border: 1px solid #bf529e;
	height: calc(100% - 20px);
}


.page-box9 {
	position: relative;
}

.page-box9 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(255, 255, 255, 0.6);
	font-size: 20px;
	text-align: center;
	padding: 30px;
	font-weight: bold;
}

.page-box9 img {
	height: auto;
}

.page-box10 {}

.page-box10 span {
	position: relative;
	color: #fff;
	padding: 7px 20px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 8px;
	display: inline-block;
	margin: 7px 0;
}

.page-box11 {
	height: 100%;
	margin: 0;
}

.page-box11 .title {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 15px;
	background-color: #bf529e;
	line-height: 16px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
}






.page-box11 .title a {
	color: #fff;
	text-align: center;
}

.page-box11 .ullist {
	padding: 15px 15px 15px 35px;
	height: calc(100% - 45px);
	margin: 0;
	border: 1px solid #bf529e;
}

.table-more {
	text-align: center;
}

.table-more span {
	cursor: pointer;
	display: inline-block;
	padding: 5px 15px;
	margin: 15px 0;
	background: #bf529e;
	color: #fff;
}

.table-more.active span:last-child {
	display: inline-block;
}

.table-more.active span:first-child {
	display: none;
}

.table-more span:last-child {
	display: none;
}

.product-table1 th {
	background-color: #bf529e;
}

.product-table1 tr:nth-of-type(2n+2) td {
	background: #fff;
}

.product-table1 {
	margin-bottom: 20px !important;
	margin-top: 20px !important;
}





/*Plugin CSS*/
.str_wrap {
	overflow: hidden;
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	position: relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	white-space: nowrap;
}

.str_wrap.str_active {}

.str_move {
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 0;
	cursor: move;
}

.str_move_clone {
	display: inline-block;

	vertical-align: top;
	position: absolute;
	left: 100%;
	top: 0;
}

.str_vertical .str_move_clone {
	left: 0;
	top: 100%;
}

.str_down .str_move_clone {
	left: 0;
	bottom: 100%;
}

.str_vertical .str_move,
.str_down .str_move {
	white-space: normal;
	width: 100%;
}

.str_static .str_move,
.no_drag .str_move,
.noStop .str_move {
	cursor: inherit;
}

.str_wrap img {
	max-width: none !important;
}

.new {
	padding: 100px 0 100px;
	background-color: #f7f7f7;

}

.new a {
	margin: 2vw;
}

.new a:hover {
	color: #BF529E;
}

.new img {
	width: 25vw;
	border-radius: 8px;
	border: 1px solid #ddd;
}


.jq22 a {
	cursor: pointer;
	position: relative;
	/* display:inline-block */
}

.jq22-item {
	background-color: #fff;
	position: absolute;
	right: 4px;
	bottom: 40px;
	width: 25vw;
	padding: 0 20px 0;
	border-radius: 12px;
	z-index: 10;
}



.jq22-item h4 {
	font-size: 18px;
	padding: 10px 0;
}

.jq22-item h4 i {
	float: right;
	font-size: 18px;
}

.jq22-item p {
	font-size: 14px;
	line-height: 1.5;
	white-space: normal;
	display: none;
	margin-bottom: 20px;
}

.jq22 a:hover p {
	display: block;
	color: #616161;
}

.advantage-item span {
	font-size: 60px;
	font-weight: 300;
	color: #BF529E;
}

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

.advantage-item h4 {
	margin: 0;
	font-size: 20px;
}

.events {
	background-color: #fff;
	padding: 80px 0;
}

.index-contact {
	text-align: center;
}

.index-contact span {
	font-size: 16px;
	font-weight: bold;
	color: #BF529E;
}

.index-contact h3 {
	font-size: 34px;
	margin: 5px 0 10px;
}

.white {
	background-color: #fff;
}

@media (max-width:1500px) {
	.jq22-item h4 {
		font-size: 14px;
	}
}

@media (max-width:1300px) {
	.events .ex_area .ex_arrow.trun_right {
		right: 0 !important;
	}

	.events .ex_area .ex_arrow.trun_left {
		left: 0 !important;
	}

}

@media (max-width:1200px) {
	.new img {
		width: 50vw;
	}

	.jq22-item {
		bottom: 2vw;
		width: 100%;
	}

	.jq22 a {
		display: inline-block;
	}

	.filter ul li {
		width: 49%;
	}

}

@media (max-width:700px) {
	.new img {
		width: 80vw;
	}

	.jq22-item {
		bottom: 5vw;
		width: 100%;
	}
}


.advantage-item img {
	height: 60px;
	margin-bottom: 15px;
}

.about-index {
	padding: 100px 0;
}

.index-title {
	font-size: 36px;
	margin-bottom: 20px;
	margin-top: 0;
}

.about-img img {
	border-radius: 8px;
}


.banner-btn {
	color: #fff;
	padding: 10px 20px;
	margin-top: 30px;
	background-color: #BF529E;
	display: inline-block;
}








footer {
	background-color: #111;
	color: #fff;
	padding: 80px 0 0;
}

.sub-box {
	margin: 16px 0 20px;
	display: flex;
}

.sub-box input {
	padding: 10px 15px;
	width: 190px;
}

.sub-box a {
	background-color: #BF529E;
	padding: 6px 15px;
	color: #fff;
	display: inline-block;
	border: 1px solid #BF529E;
}


.sub-box a:hover {
	border: 1px solid #BF529E;
	color: #111;
	background-color: #fff;
}

.footer-link a,
.footer-link li {
	font-size: 14px;
	line-height: 30px;
	color: #fff;
}

.footer-link .ullist a {
	color: #fff;
}

.footer-link i {
	width: 20px;
	text-align: center;
}

.footer-link a:hover {
	color: #BF529E;
}

footer .h3 {
	font-size: 18px;
	color: #fff;
	margin: 20px 0;
	font-weight: bold;
}

.social {
	overflow: hidden;

}

.social li {
	float: left;
}

.social a {
	padding: 0 10px;
	display: inline-block;
	color: #fff;
}

footer .bottom {
	text-align: center;
	font-size: 14px;
	color: #aaa;
	padding: 20px 0;
	border-top: 1px solid #666;
	margin-top: 40px;
}


#formID li {
	margin: 0;
	padding: 0;
}


.searchtxt select option {
	color: #000;
}

.related_product>div,
.related_services>div {
	float: left;
	width: 49%;
	margin: 5px 0;
	margin-right: 1%;
	font-size: 14px;
	min-height: 46px;
	line-height: 1.2;
	border: 1px solid #ddd;
	display: flex;
	align-items: center;
	padding: 5px 10px;
}

@media (max-width:1024px) {

	.related_product>div,
	.related_services>div {
		width: 99%;
	}
}


.specific-select {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px 10px;
	cursor: pointer;
}

.specific-option {
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 4px;
	padding: 5px 0;
	display: none;
	position: absolute;
	width: 100%;
	top: 40px;
	z-index: 100;
}

.specific-box {
	position: relative;
}

.specific-box.active .specific-option {
	display: block;
}

.radio-inline label {
	display: inline-block;
	width: calc(100% - 40px);
}

.radio-inline {
	cursor: pointer;
}

.radio-inline:hover {
	background-color: #f5f5f5;
}

.product-pdf {
	position: absolute;
	top: -40px;
	right: 15px;
}

.specific-section {
	border: 2px solid #BF529E;
	border-radius: 16px;
	position: relative;
	margin-top: 60px;
}

.specific-section>div {
	flex-grow: 1;
}

.specific-section .title {
	background-color: #BF529E;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	border-radius: 8px;
	position: absolute;
	top: -25px;
	left: 30px;
	box-shadow: 2px 4px 16px #888;
}

.target-list.target-list-add-c3b {
	display: flex;
	flex-direction: column;
	width: 500px;
	text-align: left;
}

.target-list.target-list-add-c3b>a {
	border: 1px solid #BF529E !important;
	border-radius: 4px !important;
	color: #BF529E !important;
	background: #fff;
	margin-bottom: 10px;
}

.target-list.target-list-add-c3b>a:hover {
	background: #BF529E !important;
	color: #fff !important;
}

.c3b-add-p>strong:first-child {
	padding-left: 25px;
	display: block;
	/* border-left: 3px solid #bf529e; */
	/* height: 20px; */
	/* line-height: 20px; */
	/* padding-left: 15px; */
	background: url("../img/star-icon.png") no-repeat left 5px;
	background-size: 18px;
	color: #bf529e;
	/*font-style: oblique;*/
	font-size: 16px;
}

@media (max-width:992px) {

	.specific-section {
		margin-top: 60px;
	}

	.product-pdf {
		top: -70px;
	}

	.ullist-add-steps .doarea_box .textbox-border {
		justify-content: center;
	}
}


.specific-box {
	margin: 20px 0;
}

.inquiry-desc.active {
	border: 2px solid #BF529E;
}

.specific-desc {
	display: flex;
	padding: 30px 30px 10px;
	width: 100%;
}


.filter>form>span>ul>li>.col-md-4 {
	display: none;
}

.filter>form>span>ul>li>.col-md-8 {
	width: 100%;
}

.filter>form>span>ul>li select {
	width: 97%;
	margin-bottom: 15px;
	padding: 7px 10px;
	border: 0;
	font-size: 13.3px;
	border: 1px solid #bf529e;
	margin-right: 0 !important;
}

.tab-pane>.filter {
	padding-bottom: 0;
}



.table-style1 td {
	background-color: #fff !important;
}

.table-style1 a {
	font-weight: bold;
}

.search-radio input {
	position: relative;
	top: 1px;
}

.search-radio {
	margin-right: 15px;
}

.page-banner {
	/*background: url(../images/services_bg.png) no-repeat;*/
	background: url(../images/banner-4.jpg) no-repeat;
	height: 200px;
	background-size: cover;
	background-position: center;
}

.page-link i {
	margin-right: 5px;
}

.navi-menu-li-2 {
	position: relative;
}

.navi-menu-li-2 .arrow {
	position: absolute;
	right: 0px;
	top: 5px;
	padding: 5px;
	cursor: pointer;
	font-size: 18px;
	transition: all .2s linear;
}

.navi-menu-li-2 .arrow::after {
	content: '\f107';
	font-family: 'FontAwesome';

}

#filterformselect-array-kits li {
	padding: 0;
}

.clean-btn {
	background-color: #f5f5f5;
	margin-top: 15px;
	padding: 5px 15px;
	border-radius: 4px;
	display: inline-block;
	cursor: pointer;
}

.clean-btn:hover {
	background-color: #bf529e;
	color: #fff;
}

.navi-menu-li-3>a {
	font-size: 15px;
	padding: 2px 0;
}

.page-box12 {
	border: 2px solid #bf529e;
	border-radius: 12px;
	align-items: center;
	padding: 0 20px 20px 20px;
	margin: 35px 0 15px;
}

.page-box12 h3 {
	font-size: 16px;
	color: #fff;
	background-color: #bf529e;
	border-radius: 8px;
	padding: 10px 15px;
	display: inline-block;
	position: relative;
	top: -20px;
	margin: 0;
}

.page-box12 p {
	padding: 0;
}

.page-tab2 {
	display: none;
}

.page-tab2.active {
	display: block;
}

.page-tab2 {
	position: sticky;
	top: 80px;
	background-color: #fff;
	/*  box-shadow: 2px 2px 4px #ddd;*/
	padding: 15px 15px 5px 0px;
	border-bottom: 3px solid #bf529e;
	z-index: 999;
	margin-bottom: 15px;
}

.page-tab2 span {
	padding: 7px 10px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	/*	background-color: #111;*/
	cursor: pointer;
	color: #bf529e;
}

.page-tab2 span:hover,
.page-tab2 span.page-tab-choose {
	background-color: #bf529e;
	color: #fff;
}

.tab_nav {
	border-bottom: 1px solid #bf529e;
	padding: 15px 0px;
}

.tab_nav span {
	display: inline-block;
	margin-right: 10px;
	border: 1px solid #ccc;
	padding: 5px 10px;
	border-radius: 5px;
	cursor: pointer;
}

.tab_nav span.tab_choosebg {
	background-color: #bf529e;
	color: #fff;
	border: 1px solid #bf529e;
}

/*            .tab_cont{display: none;}*/
.tab_cont.active {
	display: block !important;
}

.resource-item {
	margin-bottom: 15px;
	border: 1px solid #ddd;
	display: block;
}

.resource-item span {
	background-color: #f7f7f7;
	text-align: center;
	display: block;
	padding: 10px;
}

.resource-item:hover span {
	background-color: #bf529e;
	color: #fff;
}

.page-line {
	display: none;
}

.page-line2 {
	display: inline-block;
	margin: 20px 0 30px 0;
	border: 2px solid #bf529e;
	width: 160px;
}

.related-tab span {
	display: inline-block;
	padding: 5px 10px;
	background-color: #f5f5f5;
	cursor: pointer;
	margin-bottom: 10px;
}

.related-tab span.active,
.related-tab span:hover {
	color: #fff;
	background-color: #bf529e;
}

.related-box>div {
	display: none;
}

.related-box>div.open {
	display: block;
}

#filterformselect-antibodies div {
	/* padding-right: 10px; */
}

.related_services {
	overflow: hidden;
}

#tab-p {
	margin-top: 0;
}


.page_left .hvr-float>a {
	height: 220px;
	display: flex;
}

.page_left .hvr-float>a img {
	width: 100%;
	object-fit: cover;
}

.hvr-float {
	width: 100%;
}


.page-box13 .title {
	font-size: 14px;
	font-weight: bold;
	padding: 7px 15px;
	background-color: #bf529e;
	color: #fff;
}

.page-box13 p {
	padding: 15px;
}

.page-box13 {
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
	min-height: 280px;
}





/* padcasts */



.introduction_area {
	background-color: #f2f2f2;
	border: 1px solid #efefef;
	padding: 20px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.introduction_video {
	display: none;
	margin-top: 15px;
}



.apple-podcasts {
	text-align: right;
}

.video-img {
	display: flex;
	padding-right: 0 !important;
}

.video-img img {
	object-fit: cover;
	width: 100%;
	/* height: 182px !important; */
}

.videoarea {
	position: relative;
	margin-right: 0 10px;
}

.playarea {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	display: table;
	padding: 15px;
	width: 100%;
	height: 100%;
	/* min-height: 140px; */
}

.player {
	/* display: table; */
	width: 100%;
	/* justify-content: center; */
	position: relative;
	margin-top: 10px;
}

.playarea .small_player_area {
	display: block;
	width: 100%;
	position: relative;
}

@media (min-width: 1680px) {
	.player_share_icon {
		display: inline-block;
		float: right;
	}
}

.player_share_icon img {
	width: 160px;
	display: inline-block;
}

.player_share_icon a {
	display: inline-block;
	margin-left: 20px;
	margin-top: 10px;
}

.introductionlist {
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	/* height: 300px; */
	overflow-y: auto;
}

.introductionlist,
.introductionlist ul,
.introductionlist li {
	margin: 0px;
	padding: 0;
	list-style: none;
}

.introductionlist ul li {
	border-bottom: 1px solid #efefef;
	padding: 15px;
	font-weight: bold;
	position: relative;
}

.introductionlist ul li i {
	display: none;
}

.video-title {
	cursor: pointer;
	margin-right: 75px;
}

.voice {
	position: relative;
	margin-left: 10px;
}

.voice span {
	position: absolute;
	bottom: 0;
	display: inline-block;
	width: 3px;
	height: 12px;
	background-color: #cccccc;
}

.introductionlist ul li:hover .voice span,
.introductionlist ul .choosebg .voice span {
	background-color: #bf529e;
}

.voice span:nth-child(1) {
	left: 0;
	animation: voice-1 0.7s ease infinite;
}

.voice span:nth-child(2) {
	left: 6px;
	animation: voice-1 1.5s ease infinite;
}

.voice span:nth-child(3) {
	left: 12px;
	animation: voice-1 2s ease infinite;
}

.voice span:nth-child(4) {
	left: 18px;
	animation: voice-1 1.3s ease infinite;
}

.voice span:nth-child(5) {
	left: 24px;
	animation: voice-1 1s ease infinite;
}

.voice span:nth-child(6) {
	left: 30px;
	animation: voice-1 0.5s ease infinite;
}

@keyframes voice-1 {
	0% {
		transform: scaleY(0.2);
		transform-origin: 0 12px;
	}

	50% {
		transform: scaleY(1);
		transform-origin: 0 12px;
	}

	100% {
		transform: scaleY(0.3);
		transform-origin: 0 12px;
	}
}

@media (min-width: 769px) {
	.introductionlist ul li .duration {
		position: absolute;
	}
}

.introductionlist ul li .duration {
	right: 15px;
	top: 15px;
	font-size: 15px;
	font-weight: normal;
	color: #cccccc;
}

.introductionlist ul li:hover,
.introductionlist ul .choosebg {
	background-color: #f8f8f8;
	color: #bf529e;
}

.introductionlist ul li i {
	display: none;
}

.introductionlist ul .choosebg i {
	display: inline-block;
}

.introductionlist ul .choosebg .introduction_video {
	display: flex;
}


.coa-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #00000077;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
}

.coa-box {
	background-color: #fff;
	border-radius: 8px;
	padding: 30px;
	width: 800px;
}

.page-box14 {
	align-items: center;
	display: flex;
	margin: 0;
	margin-top: 20px;
}

.page-box14 div {

	padding: 20px;
}

.page-box15 {
	background-color: #fff;
	box-shadow: 0px 0px 8px #ddd;
	padding: 20px;
	height: calc(100% - 10px);
	border-radius: 4px;
	position: relative;
}

.page-box15-box {
	padding: 20px 0 0;
	display: flex;
}

.page-box15 h3 {
	display: inline-block;
	position: absolute;
	top: -35px;
	font-size: 20px;
	left: 0px;
	border-radius: 4px;
	background-color: #bf529e;
	color: #fff;
	padding: 7px 20px;
	left: 10px;
}

.page-box16 h3 {
	color: #bf529e;
	font-size: 24px !important;
	line-height: 1.5;

}

.page-box16 h2 {
	font-size: 20px !important;
	color: #fff !important;
	font-style: normal;
	margin-top: 15px;
}

.page-box16 {
	padding: 80px 50px;
	background: url(../img/5-1-2-1-1-Complement-Component-C1-5.jpg) no-repeat;
	background-size: cover;
	color: #000;
	margin: 80px 0 20px;
}

.page-box16 .hr {
	display: inline-block;
	margin-top: 15px;
	border-top: 4px solid #bf529e;
	width: 40px;
}

.page-box16 a {
	color: #bf529e !important;
}

.page-box16 a:hover {
	color: #3B7BF7 !important;
}



.page-box17 {
	display: flex;
	background-color: #f6f6f6;
	justify-content: flex-end;
	align-items: center;
}

.page-box17 h4 {
	line-height: 1.5;
	font-size: 22px;
	margin-bottom: 20px;
}

.page-box17>div {
	padding: 30px 0;
	width: 900px;
}

.page-box17 .col-md-3 {
	text-align: center;
}

.page-box17 img {
	margin: auto;
}

.page-box18 {
	margin: 20px 0;
	padding-top: 30px;
}

.page-box18 h3 {
	display: flex;
	align-items: center;
	font-size: 22px !important;
}

.page-box18 img {
	margin-right: 10px;
}


.page-box18-item {
	display: block;
	text-align: center;
	background-color: #fff;
	border-radius: 8px;
	font-weight: bold;
}


.page-box18-item img {
	border-radius: 8px;
	width: 100%;
}

.page-box18-item span {

	border-radius: 4px;
	margin-top: 10px;
}

.page-box18-item span:hover {
	background-color: #bf529e;
	color: #fff;
}

.page-box18 .col-md-4 {
	overflow: visible;
}



.page-box18-item span {
	display: block;
	height: 52px;
	line-height: 1.3;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px 0;
}

.view-list span {
	display: block;
	padding: 5px 0;
	cursor: pointer;
	font-size: 14px;
	color: #444;
	position: relative;
	padding-left: 20px;
	line-height: 1.5;
}

.view-list span::before {
	font-family: FontAwesome;
	content: '\f178';
	color: #bf529e;
	position: absolute;
	left: 0;
	top: 5px;
}

.view-list span:hover {
	color: #bf529e;
}

.page-view {
	background-color: #fff;
	box-shadow: 0px 0px 16px #ddd;
	padding: 20px;
	height: auto;
	margin-bottom: 10px;
}

.view-title {
	color: #bf529e;
	scroll-margin-top: 100px;
}

.page-left {
	line-height: 1.8;
}

.page-view h3 {
	color: #bf529e;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}

.page-left h3 {
	font-size: 18px;
}

.page-left h3 a {
	color: #fff;
}


.page-box19 {

	margin: 60px 0 20px;
}

.page-box19 h3 {
	font-size: 20px;
	display: flex;
	align-items: center;
	margin-top: 0;
}

.page-box19 h3 img {
	margin-right: 10px;
}

.page-box19-text {
	margin: 10px 0;
	display: flex;
	align-items: center;
}

.page-box19 .col-md-4 img {
	border-radius: 8px;
}


.page-box19-text span {
	background-color: #bf529e;
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

.page-line {
	display: none;
	border-top: 4px solid #bf529e;
	width: 150px;
	margin-top: 60px;
}

.tank-page a {
	color: #bf529e;
	/*	font-weight: bold;*/
}

.tank-page a:hover {
	color: #3B7BF7;
}


.textboxstyle-area span {
	padding: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: center;
	display: block;
	margin: auto !important;
	background-color: #bf529e;
	color: #fff;
	width: 50%;
}

.textboxstyle-area .box-radius_titarea {
	padding: 15px 15px 5px 15px;
	display: block;
	margin-bottom: 10px;
	position: relative;
	border: 1px solid #bf529e;
	border-radius: 5px;
}


.flow-chart {
	margin-bottom: 15px;
	display: flex;
	flex-wrap: wrap;
}

.flow-chart .fcunit span.bgcolor-green {
	background-color: #bf529e;
}

.flow-chart .fcunit span.bgcolor-yellow {
	background-color: #eadf00;
	color: #000;
}

.flow-chart .fcunit span.bgcolor-yellow a {
	color: #000;
}

.flow-chart .fcunit {
	height: 100%;
}


.flow-chart div[class*="col"] {
	position: relative;
	margin-bottom: 20px;
}

.flow-chart .fcunit {
	display: block;
	position: relative;
	margin-top: 30px;
}

.flow-chart .fcunit span {
	background-color: #bf529e;
	color: #fff;
	padding: 10px 10px 10px 90px;
	line-height: 22px;
	display: flex;
	align-content: center;
	align-items: center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
	width: 500px;
}

.flow-chart .fcunit span a {
	color: #fff;
	display: inline-block;
}

.flow-chart .fcunit span b {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 10px;
	bottom: 0;
	display: inline-block;
	line-height: 60px;
	font-size: 60px;
	vertical-align: bottom;
	color: #ddd;
	letter-spacing: -4px;
	font-style: italic;
}

.flow-chart .fcunit p {
	padding: 10px;
	margin-bottom: 0;
	/*border:1px solid #ddd;*/
	border-radius: 5px;
	border-top-left-radius: 0;
	border: 1px solid #bf529e;
	margin-top: 0;
}

.flow-chart .fcunit ul {
	padding: 10px;
}

.flow-chart .fcunit ul li {
	margin-bottom: 0px;
	margin-left: 15px;
}

.flow-chart div[class*="col"]:hover .fcunit {
	border: 1px solid #f3e04e;
}

.flow-chart div[class*="col"]:hover .fcunit span {
	background-color: #f3e04e;
	color: #000;
}

.flow-chart div[class*="col"]:hover span a,
.flow-chart div[class*="col"]:hover .fcunit span b {
	color: #000;
}

/*@media (min-width: 993px){
.flow-chart .fcunit{width:88%;}
.flow-chart div[class*="col"]:after{content:"→"; position: absolute;top:100px;right:0;width:50px;}
}
@media (max-width: 992px){
.flow-chart .fcunit{width:100%;}
.flow-chart div[class*="col"]:after{content:"↓"; position: relative; display: block; text-align: center;width:100%;margin-top:10px;}
}*/


.product-banner {
	display: none;
	background: url(../images/product-banner.jpg) no-repeat;
	background-size: cover;
	padding: 40PX 0;
	color: #fff;
}

.product-banner #service-inquiry {
	color: #fff;
}

.product-banner h1 {
	margin-bottom: 40px;
}

.page-box20 a {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	text-align: center;
	display: block;
}

.img-box {
	display: flex;
}

.img-box img {
	object-fit: cover;
	width: 100%;
}

.page-box20 .img-box {
	height: 200px;
	width: 100%;
	display: flex;

}

.page-box20 .img-box img {
	object-fit: cover;
	width: 100%;
}

.page-box20 span {
	display: block;
	padding: 10px;
}

.page-box20 a:hover {
	border: 1px solid #bf529e;
}

.product-contact {
	background: url(../images/product1.jpg) no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding: 30PX 0;
	color: #fff;
	margin: 80px 0 40px;
}

.product-contact a {
	color: #fff;
	margin-top: 40px;
}

.product-contact h3 {
	font-size: 30px;
}

.page-box21 {
	margin: 60px auto;
}

.page-box22 a {
	color: #fff;
	margin-top: 20px;
}

.page-box22 p {
	padding: 0;
	letter-spacing: -.3px;
}

.page-box23 {
	position: relative;
	padding-left: 40px;
	margin: 20px 0;
}

.page-box23 img {
	width: 30px;
	position: absolute;
	top: -5px;
	left: 0;
}

.page-box23 h3 {
	margin: 20px 0 0px;
}

.faq-item h3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f7f7f7;
	transition: all .2s linear;
	padding: 15px 15px;
	cursor: pointer;
	font-size: 18px;
}

.faq-item.open h3,
.faq-item:hover h3 {
	background-color: #bf529e;
	color: #fff;
}

.faq-item.open h3 i {
	transform: rotate(180deg);
}

.faq-item.open h3 a,
.faq-item:hover h3 a {
	color: yellow;
}

.faq-item.open h3 a:hover,
.faq-item:hover h3 a:hover {
	color: #3B7BF7;
}

.faq-item p {
	display: none;
	padding: 0 15px;
}

.faq-item ul {
	display: none;
	margin-left: 35px;
}

.faq-item.open p,
.faq-item.open ul {
	display: block;
}

.company-list .btn {
	color: #fff;
}

.company-list {
	background-color: #f7f7f7;
	padding: 60px;
	display: none;
}

.page-box24 {
	background: linear-gradient(to right, rgba(17, 83, 135, 1) 0%, rgba(105, 195, 233, 1) 100%);
	color: #fff;
	font-size: 18px;
	padding: 10px;
	display: flex;
	align-items: center;
	font-weight: bold;
	margin: 10px 0;
}

.page-box24 img {
	margin-right: 20px;
	flex-shrink: 0;
}



.pagerow_pt_unit {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	display: flex;
}

.pagerow_pt {
	margin-bottom: 40px;
}

.pagerow_pt_unit img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pagerow_pt div[class*="col-md"]>a {
	/* min-height: 64px; */
	display: block;
	margin-bottom: 10px;
	text-align: center;
	padding: 10px;
}

.pagerow_pt div[class*="col-md"]>a:hover {
	background-color: #bf529e;
	color: #fff;
}



.textboxstylecont {
	border: 1px solid #ddd;
	border-radius: 16px;
	margin: 30px 0;
	padding: 0 20px 20px 20px;
	height: calc(100% - 50px);
}

.textboxstylecont span {
	border-radius: 8px;
	background-color: #bf529e;
	color: #fff;
	display: inline-block;
	padding: 7px 15px;
	position: relative;
	left: 10px;
	top: -15px;
}

.textboxstylecont span a {
	color: #fff;

}

.ullist-number {
	margin-left: 40px;
	line-height: 30px;
}

.ullist-number>li {
	display: flex;
	margin-bottom: 15px;
}

.ullist-number>li span {
	flex: 0 0 45px;
	margin-right: 30px;
	margin-top: 6px;
	width: 45px;
	height: 30px;
	line-height: 30px;
	background-color: #bf529e;
	color: #fff;
	text-align: center;
	border-radius: 6px;
}

.ullist-number>li h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
}

.page-box25 img {
	border-radius: 8px;
}

.page-box25 {
	margin: 30px 0;
}



.page-box26 {
	border: 3px solid #eee;
	border-radius: 16px;
	margin: 30px 0;
}

.page-box26 h3 {
	padding: 20px;
	color: #fff;
	font-size: 20px;
	background-color: #bf529e;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.page-box26 p {
	margin-left: 20px;
}

.page-box26 img {
	margin-top: 40px;
}

.page-box26 a {
	margin: 20px;
	color: #fff;
}

.page-box26:hover {
	border-color: #bf529e;
}

.page-box27 {
	text-align: center;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	padding: 20px;
	height: 100%;
	margin-bottom: 30px;
	display: block;
	color: #444 !important;
}

.page-box27:hover h3 {
	color: #bf529e;
}

.page-box27 img {
	width: 70%;
	margin: auto;
}

.page-box27 span {
	display: block;
}

.page-box27 h3 {
	font-size: 20px;
	min-height: 44px;
}

.page-box28 {
	display: block;
}

.page-box28 .img-box::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #00000066;
	transition: all .3s linear;
}

.page-box28 .img-box {
	height: 300px;
	width: 100%;
	position: relative;
	display: flex;
	border-radius: 8px;
	overflow: hidden;
}

.page-box28 .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;

}

.page-box28 {
	text-align: center;
	/*	font-size: 20px;*/
	transition: all .3s linear;
	color: #444 !important;
	transform: scale(1);
	position: relative;
	z-index: 0;
	box-shadow: none;
	background-color: #fff;
	border-radius: 8px;
	margin-bottom: 40px;
}

.page-box28 strong {
	display: block;
	padding: 15px 0;
}

.page-box28:hover {
	transform: scale(1.2);
	z-index: 1;
	box-shadow: 0px 0px 16px #ddd;
}

.page-box28:hover .img-box::before {
	opacity: 0;
}


@media (min-width: 992px) {
	.list-box {
		display: flex;
		flex-wrap: wrap;
	}
}



.list-box p.nohref {
	display: flex;
	align-items: center;
	border: 1px solid #ddd;
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	position: relative;
	transition: all ease .4s;
	text-align: left;
	overflow: hidden;
	margin: 0 0 20px;
	height: calc(100% - 20px);
}

.list-box p.nohref:before {
	position: absolute;
	content: '';
	z-index: -1;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	width: 0;
	height: 100%;
	opacity: 1;
	border: solid 2px #bf529e;
	transition: all ease .4s
}

.list-box p:hover {
	border: 1px solid transparent;
	background-color: #bf529e;
}

.list-box p:hover a {
	color: #fff;
}

.list-box a:hover {
	right: 0;
	width: 100%;
	border-radius: 5px
}


.page-box29 {
	border: 1px solid #ddd;
	border-radius: 16px;
	margin: 30px 0;
	padding: 0 20px 20px 20px;
}

.page-box29 span a {
	border-radius: 8px;
	background-color: #bf529e;
	color: #fff;
	display: inline-block;
	padding: 7px 15px;
	position: relative;
	left: 10px;
	top: -15px;
}

.page-box30 img {
	width: 100%;
	border-radius: 12px;
}

.page-box30 h3 {
	margin: 20px 0 20px;
}

.page-box30 {
	line-height: 2;
}

.page-box30>div {
	margin-bottom: 20px;
}

.page-box30 {
	margin-top: 30px;
}

.page-box31 {
	padding: 20px;
	background-color: #f5f5f5;
	height: 100%;
	margin-top: 20px;
}

.page-box32 img {
	width: 100%;
}

.page-box32 {
	margin: 20px 0;
}

.page-box34 {
	position: relative;
	padding-left: 40px;
	margin: 30px 0 0px;
}

.page-box34 img {
	position: absolute;
	left: 0;
	top: 0px;
}

.page-box34 h3 {
	padding: 10px 0;
	margin: 0 !important;
}

.Specifications-box {
	padding: 40px 0;
	background: url(../images/Specifications-bg.jpg) no-repeat;
	background-attachment: fixed;
	background-size: cover;
	color: #fff;
	margin-bottom: 40px;
}

.Specifications-box a {
	margin-top: 100px;
}

.find-tab {
	overflow: hidden;
	border-bottom: 1px solid #ddd;

}

.find-tab span {
	float: left;
	padding: 10px 0;
	margin-right: 20px;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	border-bottom: 2px solid #bf529e00;
}

.find-tab span:hover,
.find-tab span.active {
	border-bottom: 2px solid #bf529e;
	color: #bf529e;
}

.find-item {
	display: none;
}

.find-item.open {
	display: block;
}

.find-item .img-box {
	height: 300px;
}

.find-item .img-box img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.find-item .col-md-6:first-child {
	padding: 0 30px;
}

.page-box35 {
	background-color: #f5f5f5;
	display: flex;
	align-items: center;
	margin: 30px 0;
}

.page-box35 .col-md-3 {
	padding: 0;
}

.page-box35 .col-md-9 {
	padding: 0 40px;
}

.page-box36 {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	height: calc(100% - 20px);
}

.page-box36>div:last-child {
	padding: 20px;
}



.arrow-container {
	display: flex;
	gap: 20px;
}

.arrow {
	position: relative;
	padding: 10px 20px 10px 40px;
	background-color: var(--arrow-color);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: bold;
}

.arrow::before {
	content: '';
	position: absolute;
	top: 50%;
	right: -30px;
	width: 0;
	height: 0;
	border-top: 36px solid transparent;
	border-bottom: 36px solid transparent;
	border-left: 30px solid var(--arrow-color);
	transform: translateY(-50%);
	z-index: 2;
}

/*.arrow::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0px;
	width: 0;
	height: 0;
	border-top: 36px solid transparent;
	border-bottom: 36px solid transparent;
	border-left: 30px solid #fff;
	transform: translateY(-50%);
	z-index: 1;
  }*/


.page-box37 {
	height: calc(100% - 20px);
	margin-bottom: 20px;
	border-radius: 12px;
	border: 1px solid #ddd;
	overflow: hidden;
}

.page-box37 h3 {
	color: #fff;
	background-color: #bf529e;
	font-size: 16px;
	padding: 15px;
	margin: 0;
}

.page-box37>div {
	padding: 20px;
}

.page-box37 p {
	padding: 0;
}

.caseimg-add {
	padding: 10px;
}

.caseimg-add img {
	object-fit: contain;
	height: 100%;
}

.caserow div[class*="col"] .caseimg-add {
	height: 280px !important;
}

.subscribe-now-button {
	border: 1px solid rgba(191, 82, 158, 0.53);
	padding: 4px 12px;
	margin-left: 20px;
	font-size: 16px;
	font-style: normal;
	color: #fff !important;
	background-color: #BF529E;
	border-radius: 5px;
	vertical-align: middle;
	padding-left: 30px;
	background-image: url(../img/file-white.png);
	background-repeat: no-repeat;
	background-position: 7px 6px;
	background-size: 20px;
}

.subscribe-now-button:hover {
	background-image: url(../img/file-color.png);
	color: #BF529E !important;
	background-color: #fff;
}

.Workflow-container .advanced .img-box-WorkflowPic {
	display: flex;
	align-items: center;
	justify-content: center;
}

.Workflow-container .advanced .img-box-add-4 {
	margin-top: 100px;
}

.Workflow-container .advanced .img-box-WorkflowPic-add-4 {
	flex-direction: column;
	padding: 0 100px;
}

.Workflow-container .advanced .img-box-WorkflowPic-add-4>img:nth-child(2) {
	margin-top: 80px;
}

.Workflow-container .advanced .img-box-add-4 .img-text-box {
	margin-top: 230px;
}

.Workflow-container .advanced .img-box-WorkflowPic img {
	object-fit: scale-down;
	max-height: 700px;
	height: 100%;
	width: 100%;
}

.Workflow-container .advanced {
	border: 1px solid #ccc;
	border-radius: 10px;
}

.Workflow-container .advanced_content-in {
	padding: 20px !important;
}

.Workflow-container .owl-item {
	text-align: center;
}

.Workflow-container .owl-item .img-text-box {
	margin-top: 20px;
}

.Workflow-container .owl-nav {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}

.Workflow-container .owl-nav .owl-next {
	float: right;
}

.whychoose-add .whychoose-filter-img {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(191, 82, 158, 0.6);
	left: 0;
	top: 0;
	z-index: 1;
	border-radius: 20px;
}

.whychoose-add .whychoose-item .wunit>img,
.whychoose-add .whychoose-item .wunit>p {
	position: relative;
	z-index: 2;
}

.page_left .row.pro_list2>.col-md-7 {
	display: flex;
	align-items: center;
}

.page_left .row.pro_list2>.col-md-7 .pro_list_img2 {
	margin-top: 0 !important;
}

.add-hvr-float-container {
	display: flex !important;
	width: 100% !important;
}

.add-hvr-float-container .hvr-float:first-child {
	margin-right: 20px;
}

.add-hvr-float-container .hvr-float>a {
	height: 260px;
}

.modal-all-container {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
}

.modal-all-container .modal-dialog {
	background: #fff;
	width: 350px;
	border-radius: 8px;
	position: absolute;
	left: 50%;
	top: 33%;
	transform: translate(-50%, -50%);
	padding: 20px;
}

.modal-all-container .modal-dialog .modal-header {
	text-align: right;
}

.modal-all-container .modal-dialog .modal-footer {
	text-align: right;
}

.modal-all-container .modal-dialog .modal-footer .btn {
	line-height: 38px;
}

.modal-all-container .modal-dialog .modal-body {
	padding: 20px 0;
}

.modal-all-container .modal-dialog .modal-header .close {
	border: none;
	padding: 0;
	font-size: 22px;
}

.menu-top-container .span-icon-jt-add {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	font-size: 20px;
	color: #fff;
	right: 5px;
	top: 13px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}

.menu-top-container .span-icon-jt-add::after {
	content: '\f107';
	font-family: 'FontAwesome';
}

.ls-dot.ls-dot-add {
	/*padding-left: 10px;*/
}

.ls-dot.ls-dot-add>li {
	list-style: none !important;
	background-image: url(../img/star-icon.png);
	background-repeat: no-repeat;
	background-position: 3px 7px;
	background-size: 15px;
	padding-left: 24px;
}

.page-tab-choose-img {
	padding: 4px 7px;
	display: inline-block;
	margin-bottom: 10px;
	cursor: pointer;
	color: #bf529e;
}

.page-tab-choose-img.page-tab-choose {
	background-color: #bf529e;
	color: #fff;
}

.ol-add-banner-li {
	/* margin-bottom: 20px; */
	margin-top: 30px;
	/* background: #fff; */
	max-width: 350px;
	padding: 0px;
	border-radius: 10px;
}

.ol-add-banner-li li {
	color: #000;
	/*font-size: 18px;*/
	/*font-weight: 700;*/
	/*margin: 10px 0;*/
	background: rgba(255, 255, 255, 0.5);
	display: block;
	padding: 5px 0;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: 0 10px;
	font-weight: bold;
	padding: 5px 10px;
	border: 1px dotted #fff;
	margin: 15px 0;
	border-radius: 4px;
	transition: all .2s ease-in-out;
}

.ol-add-banner-li li a {
	color: #000;
	font-weight: 700;
	margin-left: 10px;
	font-size: 16px;
	/*filter: drop-shadow(1px 1px 0px #fff);*/
}

.ol-add-banner-li li:hover {
	background: #bf529e;
	transition: all .2s ease-in-out;
	border: 1px solid #bf529e;
}

.ol-add-banner-li li:hover,
.ol-add-banner-li li:hover a {
	color: #fff;
	transition: all .2s ease-in-out;
}

.product-banner .container .tank-banner .tank-text {
	margin-top: 50px !important;
}

.product-banner .container .tankbannerright>a {
	font-weight: bold;
	text-align: center;
	display: inline-block;
	color: #fff;
	font-size: 16px;
}

.product-banner .container .tank-banner-right {
	text-align: right;
	padding: 30px 0px;
}

/*.col-md-5.tank-banner > .tank-text {*/
/*	margin-top: 0 !important;*/
/*}*/
.container-jq22 {
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.container-jq22 .jq22.active {
	display: inline-block;
	animation: scroll 60s linear infinite;
}

.ullist-add-steps {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0;
}

.ullist-add-steps .doarea_box {
	height: 100%;
	padding-bottom: 30px;
	padding-left: 20px;
	min-height: 280px;
}

.ullist-add-steps .doarea_box .textbox-border {
	color: #000;
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	border: 1px solid rgba(216, 101, 181, 0.5);
	border-radius: 8px;
	padding: 20px 20px 20px 30px;
	position: relative;
	box-shadow: 5px 7px 7px 0 rgba(216, 101, 181, 0.3);
	cursor: pointer;
	transition: transform .2s;
}

.ullist-add-steps .doarea_box .textbox-border:hover {
	transform: scale(1.06);
	transition: transform .2s;
}

.ullist-add-steps .doarea_box .textbox-border .num {
	position: absolute;
	width: 35px;
	height: 35px;
	top: 38%;
	left: -18px;
	background-color: #bf529e;
	color: #fff;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}

.ullist-add-steps .doarea_box .textbox-border p {
	padding: 0px;
	margin: 0px;
	word-wrap: break-word;
}

.row.row-workflow-2 .img-box-WorkflowPic>img {
	width: 30%;
}

.row.row-workflow-3 .img-box-WorkflowPic>img {
	width: 27%;
	margin: 0 30px;
}

.row.row-workflow-4 .img-box-WorkflowPic>img {
	width: 70%;
}

.row.row-workflow-5 .img-box-WorkflowPic>img {
	width: 30%;
}

.row.row-workflow-6 .img-box-WorkflowPic>img {
	width: 40%;
}

.owl-stage-outer .owl-stage {
	display: flex;
	align-items: center;
}



@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}




.caserow {
	display: flex;
	flex-wrap: wrap;
}

.caserow div[class*="col"] {
	padding-bottom: 20px;
}

.caserow div[class*="col"] .caseunit {
	text-align: center;
	font-size: 0.8em;
	border: 1px solid #dee2e6;
	border-radius: 20px;
	height: 100%;
	margin-top: 10px;
	margin: 10px auto;
}

.caserow div[class*="col"] .caseimg {
	height: 220px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.caserow div[class*="col"] .caseimg img {
	margin: auto;
	display: block;
	max-width: 100%;
}


.inqunotice .google-policies {
	color: #000;
}

.inqunotice .price-con,
.inqunotice .price-con a,
.salearea .price-con,
.salearea .price-con a {
	color: #000;
}

.salearea {
	margin-bottom: 20px;
}

.services-container .page_right .salearea {
	display: none;
}

.section-hot-product {
	width: 100%;
	padding: 50px 0;
}
.section-hot-product .hot-product-title {
	text-align: center;
	color: #BF529E;
	font-size: 40px;
	margin-bottom: 40px;
}
.section-hot-product .hot-product-content {
	max-width: 1260px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
}
.section-hot-product .hot-product-content .swiper-slide {
	width: 24%;
    margin-bottom: 20px;
    padding: 20px;
	box-shadow: 0px 0px 10px 7px rgba(200, 200, 200, 0.3);
	text-align: center;
	border-radius: 7px;
}
.section-hot-product .hot-product-content .swiper-slide .product-item {
	display: block;
}
.section-hot-product .hot-product-content .swiper-slide .product-item img {
	transform: scale(1);
	transition: all 0.2s;
}
.section-hot-product .hot-product-content .swiper-slide .product-item:hover img {
	transform: scale(1.1);
	transition: all 0.2s;
}
.section-hot-product .hot-product-content .swiper-slide .product-item:hover p {
	color: #BF529E;
}
.section-hot-product .hot-product-content .swiper-slide .product-item > p {
	padding: 0 20px 0 10px;
	height: 70px;
	font-size: 15px;
	margin-top: 22px;
	font-weight: bold;
}
.section-hot-product .hot-product-content .swiper-slide .product-item > p > span {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; /* For modern browsers */
    -webkit-line-clamp: 2; /* Limit it to 2 lines */
	font-weight: normal;
    margin-top: 5px;
}
.section-hot-product .hot-product-content .swiper-slide .product-item-img {
	width: 100%;
}
.section-hot-product .hot-product-content .swiper-slide .product-item-img > img {
	width: 100%;
	min-height: 180px;
    object-fit: contain;
	max-height: 180px;
}
.section-partner {
	background-color: #f7f7f7;
}
.section-partner > h2 {
	text-align: center;
    font-size: 40px;
    margin-bottom: 80px;
}
.social .iconfont.icon-blogger {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/blogger.png) no-repeat;
	background-size: 14px;
    vertical-align: middle;
}
.service-style-1001-container a {
	color: #fff;
}
.service-style-1001-container .inner > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.service-style-1001-container .inner > a:hover h3 {
	color: #3B7BF7;
	text-decoration: underline;
}
.service-style-1001-container .inner > a > i.fa-angle-right {
	font-size: 20px;
	/* margin-right: 20px; */
	margin-top: 7px;
}
.service-style-1001-all > table tr:nth-child(2n + 1) td {
	background: #fafafa;
}
.downloadarea-add-css .downunit .downtit > p a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.fulltankbg-add-css .col-md-2 strong {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 10px;
	padding-right: 10px;
}
.btn.btn-thanksgiving {
	background: #c10505 !important;
    border: none !important;
}
.btn.btn-thanksgiving:hover {
	color: #fff !important;
}

.why-choose-us > div > p:first-child {
	padding-left: 26px;
	background: url(../images/g-icon.png) no-repeat left center;
	background-size: 18px;
}