html,
body {
  position: relative;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  line-height: 1.7;
}

header,
nav {
    display: block;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

img {
    border: 0;
}

body{
    margin: 0;
}

h1,h2,h3{
    font-family: 'Pharma', sans-serif;
    font-weight: bold;
}

p{
	margin: 10px 0;
}

@media print {

    *,
    *:before,
    *:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: rgba(69, 135, 223, 1);
    text-decoration: none;
}

a:hover,
a:focus {
    color: #23527c;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

img {
    vertical-align: middle;
}

ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

ul ul {
    margin-bottom: 0;
}

ul li{
    list-style-type: none;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:    #bbb; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:    #bbb; }

::-moz-placeholder { /* Mozilla Firefox 19+ */   color:    #bbb; }

:-ms-input-placeholder { /* Internet Explorer 10-11 */   color:    #bbb; }

*::-webkit-scrollbar{-webkit-appearance:none;}/*!sc*/
*::-webkit-scrollbar:vertical{width:12px;}/*!sc*/
*::-webkit-scrollbar:horizontal{height:12px;}/*!sc*/
*::-webkit-scrollbar-track{background-color:'#fff',;}/*!sc*/
*::-webkit-scrollbar-thumb{background-color:'#fff',;}/*!sc*/
*::-webkit-scrollbar-thumb:hover{background-color:'#fff',;}/*!sc*/


@font-face {
    font-family: 'Pharma';
    font-weight: normal;
    src:url('../fonts/Pharma.woff') format('woff'),
    url('../fonts/Pharma.ttf')  format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    font-weight: normal;
    src:url('../fonts/Poppins-Light.woff2') format('woff2'),
    url('../fonts/Poppins-Light.woff') format('woff'),
    url('../fonts/Poppins-Light.ttf')  format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    font-weight: bold;
    src:url('../fonts/Poppins-Regular.woff2') format('woff2'),
	url('../fonts/Poppins-Regular.woff') format('woff'),
    url('../fonts/Poppins-Regular.ttf')  format('truetype');
    font-display: swap;
}


.ullist,.ollist {margin:0px 0px 10px 19px;padding: 0;}
.ullist li {list-style: disc;}
.ollist li {list-style-type:decimal }
.ullist li >ul>li{list-style-type:circle}
.ollist li >ul>li {list-style-type:lower-latin }
.ullist .ullist li{list-style-type:circle}

.serviceshowpic img {margin:auto;}

.serviceshowpic,.serviceshowrightpic,.serviceshowleftpic {margin: 0; font-size:0.9em;text-align:center;line-height:1.7em !important;}
.serviceshowpic img,.serviceshowrightpic img,.serviceshowleftpic img {display:block;max-width:100%;height:auto;margin-bottom:8px;margin-left:auto;margin-right:auto;}
.serviceshowleftpic {float:left;margin-right:15px;text-align:center;color:#666666;display:inline-block;}
.serviceshowrightpic {float:right;margin-left:15px;text-align:center;color:#666666;display:inline-block;}

.table-responsive {
    margin: 15px 0;
}

#table-breakpoint h2{
	margin: 0;
	font-size: 18px;
}

#table-breakpoint p{
	margin: 0;
	margin-bottom: 10px;
}

.table-responsive th{
    background-color: rgb(51, 199, 204);
    color: #fff;
    padding: 10px;
}

.reviews-btn{
	padding: 10px;
	color: #fff;
    background-color: rgb(51, 199, 204);
	border: 0;
	cursor: pointer;
}

.table-responsive td{
    padding: 10px;
    border: 1px solid #ddd;
}

.table-responsive tr:nth-child(2n) td{
    background-color: #f7f7f7;
}

.project-notes {
    background-color: #f6f6f6;
    padding: 5px 10px;
    border-radius: 5px;
    color: #666;
    margin: 20px 5px;
    line-height: 26px;
    font-size: 14px;
}


.project-notes i {
    display: inline-block;
    padding-right: 5px;
    font-size: 17px;
    color: red;
}



.bread-crumb {
	position: relative;
	font-size: 15px;
	margin-bottom: 20px;
}

.bread-crumb li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	margin-right: 20px;
	line-height: 24px;
}

.bread-crumb li:last-child {
	margin-right: 0px;
}

.bread-crumb li:after {
	content: '\f101';
	font-family: 'FontAwesome';
	position: absolute;
	right: -17px;
    top: -2px;
	width: 10px;
	line-height: 26px;
	font-size: 15px;
}

.bread-crumb li:last-child:after {
	display: none;
}

.bread-crumb li a {

}

.bread-crumb li a:hover {
}



/* old */


table {
	border-collapse: collapse;
	margin: 0;
	width: 100%;
	border: 1px solid #ddd;
}

.table-responsive {
	width: 100%;
	margin-bottom: 15px;
}

@media (max-width: 460px) {
	.table-responsive {
		overflow-y: hidden;
		overflow-x: auto;
	}
}

table tr,
table th,
table td {
	border: none;
	border-bottom: 1px solid #ddd;
	font-size: .875rem;
}

table th,
table td {
	padding: 6px 12px;
	text-align: left;
	line-height: 22px;
}

table th {
	background: #dfdbe5;
	color: #222;
}

table tr td {
	background: #fff;
	color: #333;
}

table tr td a {
	text-decoration: none;
}

table tr:nth-of-type(2n+2) td {
	background: #f9f9f9;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
	font-size: .875rem;
	padding: 0;
}

table.bt tfoot th:before,
table.bt tfoot td:before,
table.bt tbody td:before {
	padding: 10px;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
	display: inline-block;
	padding: 2px 5px;
}

table.bt tfoot th:first-of-type:before,
table.bt tfoot th:first-of-type .bt-content,
table.bt tfoot td:first-of-type:before,
table.bt tfoot td:first-of-type .bt-content,
table.bt tbody td:first-of-type:before,
table.bt tbody td:first-of-type .bt-content {
	padding-top: 10px;
}

table.bt tfoot th:last-of-type:before,
table.bt tfoot th:last-of-type .bt-content,
table.bt tfoot td:last-of-type:before,
table.bt tfoot td:last-of-type .bt-content,
table.bt tbody td:last-of-type:before,
table.bt tbody td:last-of-type .bt-content {
	padding-bottom: 10px;
}


table.bt thead,
table.bt tbody th {
	display: none;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
	border: none;
	display: block;
	vertical-align: top;
}

table.bt tfoot th:before,
table.bt tfoot td:before,
table.bt tbody td:before {
	content: attr(data-th) ": ";
	font-weight: 700;
	width: 30%;
	display: inline-block;
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
	display: none;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
	vertical-align: top;
	width: 55%;
	display: inline-block;
	padding-top: 10px;
}

.inquiry_btn {
	padding: 0.3em 0.8em;
	clear: both;
	color: #FFF !important;
	background-color: rgb(51, 199, 204);
	text-decoration: none;
	font-size: 15px;
	display: inline-block;
}

.inquiry_btn:hover {
	color: #FFF;
	transition: background-color .3s;
	background: #403152;
}


.right_nav {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px 0;
	font-weight: 600;
	background: #f6f6f6;
}


.list_dl h2 {
	font-size: 16px;
	padding: 6px 15px;
	margin: 0 0 3px 0;
	color: #fff;
	background: rgb(51, 199, 204);
}

.navMenu>li {
	color: #444;
	background: #f6f6f6;
	line-height: 30px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	margin-bottom: 3px;
}

.navMenu>li:last-child {
	margin-bottom: 0px;
}

.navMenu>li>a {
	display: block;
	padding: 8px 20px 8px 15px;
	overflow: hidden;
	line-height: 1.5;
	transition: all .3s;
	position: relative;
	text-decoration: none;
    color: #333;
	font-size: 15px;
    border-left: 3px solid rgb(51, 199, 204);
}

.navMenu>li:last-child>a {
	border-bottom: 1px solid transparent;
}

.navMenu>li>a>i {
	font-size: 20px;
	float: left;
	font-style: normal;
	margin: 0 5px;
}

.navMenu li .arrow {
	display: inline;
	font-family: 'FontAwesome';		
}

.navMenu li .arrow:before {
	display: block;
	float: right;
	margin-top: 1px;
	margin-right: 1px;
	display: inline;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	font-family: 'FontAwesome';
	height: auto;
	content: "\f105";
	font-weight: 300;
	text-shadow: none;
	position: absolute;
    top: 5px;
	right: 0;
	padding: 0 10px;
}

.navMenu li.open .arrow:before {
	float: right;
	margin-top: 1px;
	margin-right: 1px;
	display: inline;
	font-family: 'FontAwesome';
	height: auto;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	content: "\f107";
	font-weight: 300;
	text-shadow: none;
	position: absolute;
    top: 5px;
	right: 0;
	padding: 0 10px;
}

.navMenu>li>a.active,
.navMenu>li>a:hover {
	border-left: 3px solid rgb(51, 199, 204);
}

.navMenu>li>ul.sub-menu,
.navMenu>li>ul.sub-menu>li>ul.sub-menu {
	display: none;
	list-style: none;
	clear: both;
	margin: 8px 0px 0px 10px;
	padding-bottom: 5px;
}

.navMenu>li.active>ul.sub-menu,
.navMenu>li>ul.sub-menu>li.active>ul.sub-menu {}

.navMenu>li>ul.sub-menu li {
	position: relative;
	background: none;
	margin: 0px;
	padding: 0px;
}
.navMenu>li>ul.sub-menu li .arrow:before {
	z-index: 1;
	top: 0;
	height: 26px;
    line-height: 26px;
}
.navMenu>li>ul.sub-menu li>a {
	display: block;
	padding: 5px 20px 5px 10px;
	font-size: 15px;
	line-height: 20px;
	color: #444;
	clear: both;
}

.navMenu>li>ul.sub-menu li ul li>a {
	font-size: 14px;
	color: #666;
}

.navMenu>li>ul.sub-menu li>a.active,
.navMenu>li>ul.sub-menu li>a:hover,
.navMenu>li>ul.sub-menu>li.active>a {
	color: #33c7cc;
	text-decoration: none;
}


.icon_1:before {
	content: "\f0ac";
}

.icon_2:before {
	content: "\f0ac";
}

.icon_3:before {
	content: "\f0ac";
}


.pro_list {
	width: 98%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px #e6e6e6 solid;
	padding: 10px 0;
	margin: 5px 0;
}

.pro_list_title {
	display: block;
	font-size: 18px;
	font-weight: 700;
}

.pro_list_title a {
	color: #2751a3;
	text-decoration: none;
}

.pro_list_title span {
	font-size: 15px;
	font-weight: normal;
}

.pro_inquriy_btn {
	float: right;
	display: inline-block;
	width: 200px;
}

.pro_inquriy_btn a {
	vertical-align: top;
	font-size: 15px;
	padding-left: 10px;
}

@media (min-width: 769px) and (max-width: 1279px) {
	.pro_list {
		width: 98%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px #e6e6e6 solid;
		padding: 10px 0;
		margin: 5px 0;
	}

	.pro_list_title {
		display: block;
		font-size: 18px;
		font-weight: 700;
	}

	.pro_list_title a {
		color: #2751a3;
		text-decoration: none;
	}

	.pro_list_title span {
		font-size: 15px;
		font-weight: normal;
	}

	.pro_inquriy_btn {
		float: right;
		display: inline-block;
		width: 200px;
	}

	.pro_inquriy_btn a {
		vertical-align: top;
		font-size: 15px;
		padding-left: 10px;
	}

	.inquiry_btn {
		padding: 0.3em 0.8em;
		clear: both;
		color: #FFF;

		text-decoration: none;

		font-size: 15px;
		display: inline-block;
		float: right;
	}

	.inquiry_btn:hover {
		color: #FFF;
		transition: background-color .3s;

	}
}

@media (max-width: 768px) {
	.pro_list {
		width: 98%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px #e6e6e6 solid;
		padding: 10px 0;
		margin: 5px 0;
	}

	.pro_list_title {
		display: block;
		font-size: 18px;
		font-weight: 700;
	}

	.pro_list_title a {
		color: #2751a3;
		text-decoration: none;
	}

	.pro_list_title span {
		font-size: 15px;
		font-weight: normal;
	}

	.pro_inquriy_btn {
		float: left;
		display: inline-block;
		width: 100%;
		margin: 5px 0;
	}

	.pro_inquriy_btn a {
		vertical-align: top;
		font-size: 15px;
		padding-left: 10px;
	}

	.inquiry_btn {
		padding: 0.3em 0.8em;
		clear: both;
		color: #FFF;

		text-decoration: none;

		font-size: 15px;
		display: inline-block;
		float: right;
	}

	.inquiry_btn:hover {
		color: #FFF;
		transition: background-color .3s;

	}
}


.related_title {
	font-size: 18px;
	font-weight: 700;
	padding: 20px 0;
}

.related_services li {
	width: 48%;
	display: inline-block;
	float: left;
	padding: 5px 0;
	font-size: 15px;
	background: url(../images/content.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 10px;
}

.related_services li a {
	color: #2751a3;
	text-decoration: none;
}

.related_services li a:hover {
	color: #6b8d00;
	text-decoration: none;
}

@media (min-width: 769px) and (max-width: 1279px) {
	.related_title {
		font-size: 18px;
		font-weight: 700;
		padding: 20px 0;
	}

	.related_services li {
		width: 100%;
		display: inline-block;
		float: left;
		padding: 5px 0;
		font-size: 15px;
		background: url(../images/content.png);
		background-repeat: no-repeat;
		padding-left: 20px;
		background-position: 0 10px;
	}

	.related_services li a {
		color: #2751a3;
		text-decoration: none;
	}

	.related_services li a:hover {
		color: #6b8d00;
		text-decoration: none;
	}
}

@media (max-width: 768px) {
	.related_title {
		font-size: 18px;
		font-weight: 700;
		padding: 20px 0;
	}

	.related_services li {
		width: 100%;
		display: inline-block;
		float: left;
		padding: 5px 0;
		font-size: 15px;
		background: url(../images/content.png);
		background-repeat: no-repeat;
		padding-left: 20px;
		background-position: 0 10px;
	}

	.related_services li a {
		color: #2751a3;
		text-decoration: none;
	}

	.related_services li a:hover {
		color: #6b8d00;
		text-decoration: none;
	}
}



.pro_datesheets {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: inline-block;
	margin: 0;
}

.pro_datesheets a {
	color: #333;
	text-decoration: none;
	padding-left: 10px;
	vertical-align: top;
}

.pro_datesheets a:hover {
	color: #6b8d00;
}



.Inquiry_container {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}

.Inquiry_container h1 {
	font-size: 36px;
	color: rgb(51, 199, 204);
	font-family: "Roboto Regular";
}

.Inquiry_form ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}

.Inquiry_form li {
	position: relative;
	width: 100%;
	display: inline-block;
}

.Inquiry_form label {
	width: 100%;
	display: inline-block;
	text-align: left;
	/*padding: 10px 0;*/
	font-size: 15px;
}

.Inquiry_form input {
	height: 38px;
	width: 96%;
	background: #f6f6f6;
	border: 0;
	padding-left: 10px;
	outline: none;
}

.Inquiry_form textarea {
	padding-left: 10px;
	width: 96%;
	background: #f6f6f6;
	border: 0;
	outline: none;
}

.Inquiry_form .submit {
	display: inline-block;
	text-align: center;
	padding: 1em 3em;
	clear: both;
	color: #fff;
	text-decoration: none;
	background-color: rgb(51, 199, 204);
	border: 0px;
	cursor: pointer;
	border: 2px rgb(51, 199, 204) solid;
	font-weight: 700;
	margin-top: 10px;
}

/* .Inquiry_form .submit:hover {
	background: #fff;
	color: #444;
	transition: background-color .3s;
	border: 1px rgb(51, 199, 204) solid;
	font-weight: 700;
} */

.Inquiry_form .Code {
	width: 50%;
}

.Inquiry_form textarea {
	font-family: 'Raleway', sans-serif;
	padding-top: 10px;
}

@media (min-width: 769px) and (max-width: 1279px) {
	.Inquiry_container {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 30px;
	}

	.Inquiry_container h1 {
		font-size: 36px;
		color: rgb(51, 199, 204);
		font-family: "Roboto Regular";
	}

	.Inquiry_form ul {
		list-style-type: none;
		list-style-position: outside;
		margin: 0px;
		padding: 0px;
	}

	.Inquiry_form li {
		position: relative;
		width: 100%;
		display: inline-block;
	}

	.Inquiry_form label {
		width: 100%;
		display: inline-block;
		text-align: left;
		padding: 10px 0;
		font-size: 15px;
	}

	.Inquiry_form input {
		height: 38px;
		width: 96%;
		background: #f6f6f6;
		border: 0;
		padding-left: 10px;
		outline: none;
	}

	.Inquiry_form textarea {
		padding-left: 10px;
		width: 96%;
		background: #f6f6f6;
		border: 0;
		outline: none;
	}

	.Inquiry_form .submit {
		display: inline-block;
		text-align: center;
		padding: 1em 3em;
		clear: both;
		color: #fff;
		text-decoration: none;
		background-color: rgb(51, 199, 204);
		border: 0px;
		cursor: pointer;
		border: 2px rgb(51, 199, 204) solid;
		font-weight: 700;
		margin-top: 10px;
	}

	.Inquiry_form .submit:hover {
		background: #fff;
		color: #444;
		transition: background-color .3s;
		border: 2px rgb(51, 199, 204) solid;
		font-weight: 700;
	}

	.Inquiry_form .Code {
		width: 50%;
	}

	.Inquiry_form textarea {
		font-family: 'Raleway', sans-serif;
		padding-top: 10px;
	}
}

@media (max-width: 768px) {
	.Inquiry_container {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 30px;
	}

	.Inquiry_container h1 {
		font-size: 36px;
		color: rgb(51, 199, 204);
		font-family: "Roboto Regular";
	}

	.Inquiry_form ul {
		list-style-type: none;
		list-style-position: outside;
		margin: 0px;
		padding: 0px;
	}

	.Inquiry_form li {
		position: relative;
		width: 100%;
		display: inline-block;
	}

	.Inquiry_form label {
		width: 100%;
		display: inline-block;
		text-align: left;
		padding: 10px 0;
		font-size: 15px;
	}

	.Inquiry_form input {
		height: 38px;
		width: 96%;
		background: #f6f6f6;
		border: 0;
		padding-left: 10px;
		outline: none;
	}

	.Inquiry_form textarea {
		padding-left: 10px;
		width: 96%;
		background: #f6f6f6;
		border: 0;
		outline: none;
	}

	.Inquiry_form .submit {
		display: inline-block;
		text-align: center;
		padding: 1em 3em;
		clear: both;
		color: #fff;
		text-decoration: none;
		background-color: rgb(51, 199, 204);
		border: 0px;
		cursor: pointer;
		border: 2px rgb(51, 199, 204) solid;
		font-weight: 700;
		margin-top: 10px;
	}

	.Inquiry_form .submit:hover {
		background: #fff;
		color: #444;
		transition: background-color .3s;
		border: 2px rgb(51, 199, 204) solid;
		font-weight: 700;
	}

	.Inquiry_form .Code {
		width: 50%;
	}

	.Inquiry_form textarea {
		font-family: 'Raleway', sans-serif;
		padding-top: 10px;
	}
}

.successinfo {
	line-height: 30px;
	line-height: 22px;
	color: #888888;
	padding-right: 20px;
	padding-bottom: 20px;
}

.successinfo table {
	border: 0 !important;
}

.successinfo .iconarea {}

.successinfo .iconarea .iconunit {
	text-align: center;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background-color: rgb(51, 199, 204);
	color: #ffffff;
	line-height: 40px;
	font-weight: 700;
	font-size: 22px;
	position: relative;
	z-index: 9;
}

.successinfo .tit {
	font-size: 20px;
	font-weight: 700;
	color: rgb(51, 199, 204);
	display: block;
}

.successinfo .iconarea .iconunit img {
	top: 10px;
	left: 5px;
	position: absolute;
	z-index: 10;
}

.Inquiry_success strong {
	display: inline-block;
	width: 22%;
}

.Inquiry_success li {
	padding-bottom: 5px;
	padding-top: 5px;
}


.contact_bottom {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: #f6f6f6;
	border-top: 1px solid rgb(51, 199, 204);
}

.contact_container {
	margin: 40px auto;
	padding: 0;
	position: relative;
	height: auto;
	overflow: hidden;
}

@media (min-width: 1400px) {
	.contact_container {
		width: 1154px;
	}
}

@media (min-width: 769px) and (max-width: 1399px) {
	.contact_container {
		max-width: 96%;
	}
}

@media (max-width: 768px) {
	.contact_container {
		max-width: 90%;
	}
}

.contact_item p {
	font-weight: 700;
	margin: 0 0 10px 0;
	font-size: 18px;
}

.contact_item input {
	border: 1px #727f1c solid;
	line-height: 35px;
	width: 90%;
	margin: 10px 0;
	padding-left: 10px;
}

.contact_item .btn {
	padding: 0.5em 2em;
	clear: both;
	color: #FFF;
	background-color: rgb(51, 199, 204);
	text-decoration: none;
	font-size: 15px;
	margin-bottom: 10px;
	display: inline-block;
}

.contact_item .btn:hover {
	color: #FFF;
	transition: background-color .3s;
	background: #94ae44;
}

.customer_bottom img {
	text-align: center;
}

.customer_bottom p {
	text-align: center;
	font-size: 15px;
}

@media (min-width: 1280px) {}

@media (min-width: 769px) and (max-width: 1279px) {}

@media (max-width: 768px) {}

.bottom_cop {
	width: 100%;
	padding: 10px 0;
	text-align: center;
	color: #FFF;
	background-color: rgb(51, 199, 204);
	font-size: 14px;
}


.services-container {
	position: static;
	max-width: 1200px;
	margin: 50px auto;
}

.services-container p {
	line-height: 30px;
	margin: 0;
	padding-bottom: 20px;
}

.services-container p a {
	color: #2f57a6;
	text-decoration: none;
}

.inpage_left {
	width: 800px;
	height: auto;
	overflow: hidden;
	display: inline-block;
}

.inpage_section_title {
	margin: 0 auto;
	font-family: "Roboto Regular";
	text-align: left;
}

.inpage_section_title h1 {
	font-size: 28px;
}

.inpage_section_title hr {
	height: 4px;
	width: 70px;
	text-align: left;
	position: relative;
	background: rgb(51, 199, 204);
	margin: 0 auto;
	margin-bottom: 20px;
	border: 0;
	display: inline-block;
}

.ServiceShowPic {
	font-size: 0.75em;
	text-align: center;
	line-height: 1.7em !important;
	color: #666666;
}

.ServiceShowPic img {
	margin: auto;
}

.ServiceShowleftPic {
	float: left;
	margin-top: 5px !important;
	margin-right: 15px !important;
	text-align: center;
	color: #666666;
	display: inline-block;
}

.ServiceShowrightPic {
	float: right;
	margin-top: 5px !important;
	margin-left: 15px !important;
	text-align: center;
	color: #666666;
	display: inline-block;
}

.ServiceShowPic,
.ServiceShowrightPic,
.ServiceShowleftPic {
	font-size: 0.9em;
	text-align: center;
	line-height: 1.7em !important;
}

.ServiceShowPic img,
.ServiceShowrightPic img,
.ServiceShowleftPic img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
}

.ullist {
	padding: 0px 0px 0px 19px;
	margin: 0px;
}

.ollist {
	padding: 0px 0px 0px 15px;
	margin: 0px;
}


.ullist li {
	list-style: disc !important;
}

.ullist .ullist {
	padding: 0px 0px 0px 19px;
}

.ullist .ullist li {
	list-style: circle !important;
}

.ollist li {
	list-style: decimal !important;
}

.ollist .ullist li {
	list-style: circle !important;
}

.ullist.listiconimg{
	padding: 0px 0px 15px 0px !important;
}
.listiconimg li{
	list-style: none !important;
	padding-left: 20px;
    background-image: url(../img/pic-icon-1.png);
    background-repeat: no-repeat;
    background-position: left top;
	margin: 5px 0;
}

.disc li{
	list-style: disc !important;
}
.roman li{
	list-style: lower-roman !important;
}

.decimal li {
	list-style: decimal !important;
}

.greek li {
	list-style: lower-greek !important;
}

.latin li {
	list-style: lower-latin !important;
}

.upper-latin li {
	list-style: upper-latin !important;
}

table .ullist,table .ullist {
	padding-bottom: 0;
}

.Reference {
	padding-bottom: 0px;
	font-size: 14px !important;
	line-height: 20px !important;
	color: #888888 !important;
}

.Referencemargin {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0px !important;
}

.Referencemargin strong {
	font-size: 14px !important;
}

.Referencemargin li {
	padding-bottom: 8px !important;
}

.tablecontentshow {
	margin: auto auto 15px auto;
}

.tablecontentshow td {
	padding: 5px 8px;
	line-height: 22px;
}

.tablecontentshow .servicetheadbg {
	background-color: rgb(51, 199, 204);
	color: #ffffff;
}

.table-responsive-overflow {
	width: 800px;
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

@media (min-width: 769px) and (max-width: 1279px) {
	.services-container {
		position: static;
		max-width: 95%;
		margin: 50px auto;
	}

	.services-container p {
		line-height: 30px;
		margin: 0;
		padding-bottom: 20px;
	}

	.services-container p a {
		color: #2f57a6;
		text-decoration: none;
	}

	.inpage_left {
		width: 60%;
		height: auto;
		overflow: hidden;
		display: inline-block;
	}

	.inpage_section_title {
		margin: 0 auto;
		font-family: "Roboto Regular";
		text-align: left;
	}

	.inpage_section_title h1 {
		font-size: 28px;
	}

	.inpage_section_title hr {
		height: 4px;
		width: 70px;
		text-align: left;
		position: relative;
		background: rgb(51, 199, 204);
		margin: 0 auto;
		margin-bottom: 20px;
		border: 0;
		display: inline-block;
	}

	.ServiceShowleftPic,
	.ServiceShowrightPic {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.ServiceShowleftPic img,
	.ServiceShowrightPic img {
		margin-bottom: 15px;
	}

	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
}

@media (max-width: 768px) {
	.services-container {
		position: static;
		max-width: 95%;
		margin: 50px auto;
	}

	.services-container p {
		line-height: 30px;
		margin: 0;
		padding-bottom: 20px;
	}

	.services-container p a {
		color: #2f57a6;
		text-decoration: none;
	}

	.inpage_left {
		width: 100%;
		height: auto;
		overflow: hidden;
		display: inline-block;
	}

	.inpage_section_title {
		margin: 0 auto;
		font-family: "Roboto Regular";
		text-align: left;
	}

	.inpage_section_title h1 {
		font-size: 28px;
	}

	.inpage_section_title hr {
		height: 4px;
		width: 70px;
		text-align: left;
		position: relative;
		background: rgb(51, 199, 204);
		margin: 0 auto;
		margin-bottom: 20px;
		border: 0;
		display: inline-block;
	}

	.ServiceShowleftPic,
	.ServiceShowrightPic {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.ServiceShowleftPic img,
	.ServiceShowrightPic img {
		margin-bottom: 15px;
	}

	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
}

.table-scroll {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-scroll .tablecontentshow {
	width: 1600px;
	margin: 0;
}

.Searchresult li {
	padding-bottom: 5px !important;
}

.Searchnoresult {
	line-height: 30px;
	line-height: 22px;
	color: #888888;
	padding-right: 20px;
	padding-bottom: 20px;
}

.Searchnoresult table {
	border: 0 !important;
}

.Searchnoresult .iconarea {}

.Searchnoresult .iconarea .iconunit {
	text-align: center;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background-color: #ff0000;
	color: #ffffff;
	line-height: 40px;
	font-weight: 700;
	font-size: 22px;
	position: relative;
	z-index: 9;
}

.Searchnoresult .tit {
	font-size: 20px;
	font-weight: 700;
	color: #ff0000;
	display: block;
}

.Searchnoresult .iconarea .iconunit img {
	top: 10px;
	left: 5px;
	position: absolute;
	z-index: 10;
}

.ke-zeroborder tr,.ke-zeroborder th,.ke-zeroborder td {
	border: 0;
}
.ke-zeroborder td {
	border-right: 1px solid #ddd;
	background: #fff !important;
}
.ke-zeroborder p {
	padding: 0 !important;
}
.ke-zeroborder img {
	padding: 0 !important;
	margin-bottom: 0 !important;
}

.E404 img {
	display: block;
	max-width: 100%;
	height: auto;
}

.E404 {
	width: 510px;
	margin: 70px auto auto auto;
	border: 0px solid #ff0000;
}

.E404 .Etit {
	font-size: 25px;
	line-height: 35px;
	color: #525151;
}

.E404 .content {
	color: #767676;
}

.E404 a {
	color: #525151;
	text-decoration: none;
}

.E404 .btn {
	border: 1px solid #dddddd;
	padding: 5px 10px 5px 10px;
	border-radius: 2px;
	margin-right: 10px;
	background-color: #f6f6f6;
}

.E404 .btn:hover {
	background-color: rgb(51, 199, 204);
	color: #ffffff;
}

@media only screen and (max-width: 1024px) {
	.E404 {
		width: 90%;
		margin: 0px auto auto auto;
		padding-left: 20px;
		padding-right: 20px;
	}
}


.index_bg {
	background-image: url(../images/banner-1.jpg);
	background: -webkit-image-set(url(../images/banner-1.webp) 1x);
	background: image-set(url(../images/banner-1.webp) 1x);

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.products_bg {
	background-image: url(../images/banner-2.jpg);
	background: -webkit-image-set(url(../images/banner-2.webp) 1x);
	background: image-set(url(../images/banner-2.webp) 1x);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.services_bg {
	background-image: url(../images/banner-3.jpg);
	background: -webkit-image-set(url(../images/banner-3.webp) 1x);
	background: image-set(url(../images/banner-3.webp) 1x);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.banner_inpage {
	width: 100%;
	margin: 0 auto 30px auto;

}

@media (min-width: 1280px) {
	.banner_inpage {
		min-height: 250px;
	}
}

@media (min-width: 769px) and (max-width: 1279px) {
	.banner_inpage {
		min-height: 250px;
	}

}

@media (max-width: 768px) {
	.banner_inpage {
		min-height: 200px;
	}
}


.bread-crumb {
	position: relative;
	font-size: 15px;
}

.bread-crumb li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	margin-right: 20px;
	color: #444;
	line-height: 24px;
}

.bread-crumb li:last-child {
	margin-right: 0px;
}

.bread-crumb li:after {
	content: '\f101';
	font-family: 'FontAwesome';
	position: absolute;
	right: -17px;
	width: 10px;
	line-height: 26px;
	font-size: 15px;
	color: #888;
}

.bread-crumb li:last-child:after {
	display: none;
}

.bread-crumb li a {
	color: #888;
	font-weight: 400;

	text-decoration: none;
}

.bread-crumb li a:hover {
	color: #444;
}


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

.contact-article .social-icon-two {
    text-align: left;
}

.social-icon-two li {
	margin-right: 7px;
	margin-left: 7px;
	display: inline-block;
}

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

.social-icon-two li .fa {
	width: 30px;
	height: 30px;
	color: #f6f6f6;
	font-size: 16px;
	line-height: 1em;
	background: rgb(51, 199, 204);
	text-align: center;
	padding-top: 8px;
}

.social-icon-two li a:hover .fa {
	background: #403152;
	color: #fff;
}

.follow-us {
	text-align: center;
}

@media (max-width: 768px) {
	.customer_bottom img {
		float: left;
		text-align: left;
	}
	.social-icon-two {
		margin: 0;
		text-align: left;
	}
	.social-icon-two li {
		margin-right: 14px;
    	margin-left: 0;
	}
	.follow-us {
		text-align: left;
	}
}


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

.list-style-two li {
	position: relative;
	font-size: 15px;
	font-weight: 400;
	padding-left: 30px;
	color: #444;
	line-height: 30px
}

.list-style-two li .icon {
	position: absolute;
	left: 0px;
	width: 24px;
	height: 24px;
	color: #444;
	font-size: 16px;
	line-height: 1em;
	text-align: center;
	padding-top: 5px;
}

.list-style-two li a {
	color: rgb(51, 199, 204);
	text-decoration: none;
}

.list-style-two li a:hover {
	font-weight: normal;
	color: #403152;
	text-decoration: none;
}

.bread-crumb li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    margin-right: 20px;
    color: #444;
    line-height: 24px;
}

.bread-crumb li a {
    color: #888;
    font-weight: 400;
    text-decoration: none;
}

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


.pagenav {
	text-align: right;
	font-size: 15px;
	text-decoration: none;
	margin-top: 20px;
	height: auto;
	overflow: hidden;
	padding: 10px 0;
}

.pagenav a {
	margin-left: 8px;
	color: #333;
	text-decoration: none;
	border: 1px #d3d3d3 solid;
	padding: 2px 10px;
	border-radius: 5px;
}

.pagenav a:hover,.pagenav li.active a {
	color: #fff !important;
	text-decoration: none;
	background: rgb(51, 199, 204);
	border: 1px rgb(51, 199, 204) solid;
}

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



/*=======2024-1-23========*/
.h2_tit{
	display: block;
	border-left:5px solid #32c7cc;
	padding-left:10px;
	background-color: #f8f8f8;
	padding-top:12px;
	padding-bottom:12px;
	margin-bottom:20px !important;

scroll-margin-top: 170px;
}
html, body { 
scroll-behavior:smooth;
 }
.h3_tit{
	display:block;
	padding-bottom:12px;
	margin-bottom:10px !important;
	position: relative;
	padding-left:20px;
}
.h3_tit:before{
	content:"";
	position: absolute;
	top:8px;
	left:0px;
	width:12px;
	height:12px;
	background-color:#000;
}
.h4_tit{
	display: inline-block;
	padding-top:12px;
	padding-bottom:12px;
	margin-bottom:10px !important;
	border-bottom:1px solid #1856b2;
}
.page-tab{
  position: sticky;
  top: 72px;
  background-color: #fff;
/*  box-shadow: 2px 2px 4px #ddd;*/
  padding: 15px 15px 5px 0px;
  border-bottom: 3px solid #32c7cc;
  margin-bottom: 20px;
  z-index: 1;
}

.page-tab span,.page-tab a{
  padding: 7px 10px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom:10px;
  background-color: #f5f5f5;
  cursor: pointer;
}

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

@media (min-width:1280px){
.page_tab_margin{
  scroll-margin-top: 130px;
}
}
@media screen and (min-width: 993px) and (max-width: 1279px){
.page_tab_margin{
  scroll-margin-top: 210px;
}
}
@media (max-width:992px){
.page_tab_margin{
  scroll-margin-top:160px;
}
}
/*pic & tit & content*/
@media(min-width: 992px) {
.pagerow{
	display:flex;flex-wrap:wrap;
	}
}
.pagerow div[class*="col-md"]{
padding-top:10px;
	padding-bottom:15px;
}

.pageunit{
	margin:auto auto 10px auto;
	padding:20px;
	height:200px;
	background-position: center center;
	background-size: cover;
	color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.pageunit p{
	z-index: 10;
	padding:0px;
	font-size:15px;
	text-align: left;
	line-height:1.3em !important;
}
.pageunit .unitbg{
	background-color: rgba(61,61,61,0.5);
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 0;
}
 
.pageunit img{
	max-width:100%;
	height:auto;
	display: block;
	margin:auto;
	position: absolute;
	left:0px;
	top:0px;
}
.pagerow div[class*="col-md"]:hover p{
	color:#000;
}
.pagerow div[class*="col-md"]:hover .unitbg{
	background-color: #32c7cc;
}
.pagerow div[class*="col-md"]:hover a{
	color:#f87806;
}
.link-tit{
	display: block;
	text-align: center;
}

/*pic & tit*/
@media(min-width: 992px) {
.pagerow_pt{
	display:flex;flex-wrap:wrap;
	}
}

.pagerow_pt div[class*="col-md"] a{
	display: block;
	margin-bottom:15px;
}
.pagerow_pt_unit {
    width: 100%;
    height: 175px;
    position: relative;
    margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagerow_pt_unit img{
	width: 100%;
	height:100%;
	object-fit: contain;
}
.pagerow_pt_unit_2 {
	width: 100%;
    height: 175px;
	  overflow: hidden;
    position: relative;
	margin-bottom:10px;
}
.pagerow_pt_unit_2 img{
	width: 100%;
	height:auto;
}
/*------------------*/
.service_list,.related_list{
	display: table;
	margin:0px 0px 20px 0px;
	padding:0px;
}
.service_list div[class*="col-md"]{
	padding-top:15px;
	cursor: pointer;
}
.service_list div[class*="col-md"] a{
    font-weight:bold;
	display: block;
	margin-bottom:10px;
	font-size:16px;
}
.service_list div[class*="col-md"]:hover{
	background-color: #f8f8f8;
}


/*Related Sections*/
@media(min-width: 992px) {
.related_list{
	display:flex;flex-wrap:wrap;
	}
}

.related_list div[class*="col-md"]{
	padding-top:5px;
	padding-bottom:5px;
	cursor: pointer;
}
.related_list div[class*="col-md"] a{
	display: block;
}
.related_list div[class*="col-md"]:hover{
	background-color: #f8f8f8;
}
/*CAR-T Cell Platforms*/
@media(min-width: 992px) {
.serpic_list{
	display:flex;flex-wrap:wrap;
	}
}
.serpic_list_unit{
	line-height:24px !important;
	color:#888;
	padding-top:15px;
	padding-bottom:15px;
	text-align: center;

}
.serpic_list_unit a{
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	margin-bottom:10px;
}
.serpic_list_unit .imgarea{
	width:100%;
	height:260px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom:10px;
	border:1px solid #eee;
}
.serpic_list_unit .imgarea img{
	width: 100%;
	height:100%;
	object-fit: contain;
}
.serpic_list_unit p{
	color:#444;
}
.horizontal-area{
	border-bottom:1px solid #efefef;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:0px;
	margin-right:0px;
}
.horizontal-area ul{
	margin-top:10px;
}
.horizontal-img-area{
	width:100%;
	height:170px;
	margin:auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.horizontal-img-area img{
	width: 100%;
	height:100%;
	object-fit: contain;
}

.tab_nav,.tab_nav2{
	position: relative;
}
.tab_nav h3,.tab_nav2 span{
	margin-top:10px;
	padding:8px;
	display: inline-block;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
	background-color: #f2f2f2;
	cursor: pointer;
	font-size: 15px !important;
	font-weight: normal !important;
	display: inline-block;
}

.tab_nav b:last-child{
	display:none;
}

.tab_nav .tab_choosebg b:first-child{
	display: none;
}

.tab_nav .tab_choosebg b:last-child{
	display:inline
}

.tab_nav2 span{
	margin-right: 10px;
}

.tab_nav span:hover,.tab_nav .tab_choosebg,.tab_nav2 span:hover,.tab_nav2 .tab_choosebg{
	background-color: #32c7cc;
	color:#fff;
					}
.tab_cont,.tab_cont2{
	padding:20px;
	margin-bottom:25px;
	position: relative;
	border:1px solid #efefef;
	display: none;
}


/*Related Products*/
@media(min-width: 992px) {
.relate-pro{
	display:flex;flex-wrap:wrap;
	}
}
.relate-pro {
  margin-bottom:20px;
}
.relate-pro img{
 margin-bottom:10px;
	display: block;
	max-width: 100%;
	height:auto;
}
.relate-pro div[class*="col-md"]{
	padding-top:25px;
	padding-bottom:25px;
}
.relate-pro div[class*="col-md"] a{
	color:#1d3d6f;
}
.relate-pro div[class*="col-md"]:hover{
	background-color: #32c7cc;
}
.relate-pro div[class*="col-md"]:hover .relatedpro_area{
		background-color: #fff;		
			}
.relate-pro div[class*="col-md"]:hover a{
	color:#000;
}
.relatedpro_area{
	width:100%;
	height:247px;
	display: flex;
	align-items: center;
	justify-content:center; 
	padding-bottom:0px;
	margin-bottom:10px;
	
}
.relatedpro_area img{
	width: 100%;
	height:100%;
	object-fit: contain;
	margin-bottom:0px;
}
/*published data*/
.published-list p{
	font-family:"Courier New", Courier, monospace !important;	
	font-size:0.8em;
	line-height:1.4em;
}
.pub-pic-area{
	display: flex;
	align-items: center;
	justify-content: center;
	height:300px;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
	padding:15px;
	border:1px solid #efefef;
	
}
.pub-pic-area img{
	width: 100%;
	height:100%;
	object-fit: contain;
}

.pub-big-pic-area{
	display: none;
	width:100%;
	height:100%;
	position: fixed;
	background-color:rgba(0,0,0,0.8);
	z-index: 10000;
	top:0px;
	left:0px;
	text-align: center;
}
.pub-big-pic-area .bigimgarea{
	display: flex;
		width:100%;
	height:100%;
	align-items: center;
	justify-content: center;
	z-index: 100000;
}
.pub-big-pic-area .close{
	display: inline-block;
	position: absolute;
	color:#fff !important;
	width:48px;
	height:48px;
	text-align: center;
	line-height:48px;
	top:0px;
	right:0px;
	font-size:30px;
	cursor: pointer;
}
.pub-big-pic-area .close:hover{
	background-color: #efefef;
	color:#000;
}