.tablebox{
	margin-bottom: 35px;
}
.product-tags{
	width: 100%;
	height: auto;
}
.product-tags div{
	margin-bottom: 15px;
	
}
.product-tags a{
	width: 100%;
	height: 100%;
	padding-left: 5px;
    display: inline-flex;
    color: #272727;
    background-color: #f2f3f9;
    font-size: 15px;
    line-height: 20px;
    padding: 8px 15px;
    align-items: center;
}
.product-tags a:hover{
	background: #2e9cd4;
	color: #fff;
}
.pagination>li>a, .pagination>li>span{
	font-size: 16px;
}
.Related{
	margin-top: 35px !important;
}
.pro_loading{
	position: relative;
}
.pro_loading:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	animation: spinnerFour 1s linear infinite;
	border: solid 7px transparent;
	border-top: solid 7px #2e9cd4;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	z-index: 3;
}
.fetching{
	position: relative;
}
.fetching:after {
	content: '';
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
    backdrop-filter: blur(1px);
    z-index: 2;
    background: rgba(255,255,255,.5);
}

@keyframes spinnerFour {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.successinfo {
	line-height: 30px;
	line-height: 22px;
	color: #888888;
	padding-right: 20px;
	padding-bottom: 20px;
}

.successinfo .iconarea {}

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

.successinfo .tit {
	font-size: 20px;
	font-weight: bold;
	color: #2e9cd4;
	display: block;
}

.successinfo .iconarea .iconunit img {
	top: 10px;
	left: 5px;
	position: absolute;
	z-index: 10;
}
.successtable table tr td{
	font-size: 16px;
}
.inquiry_form label{
	width: 100%;
    display: inline-block;
    text-align: left;
    padding: 5px 0;
	font-size: 16px;
	line-height: 20px !important;
	margin-bottom: 5px;
}
.inquiry_form input {
	font-family: 'poppins', Arial, sans-serif;
	height: 40px;
	width: 100%;
	background: #fff;
	border: 1px solid #acb1b5;
	margin-bottom: 15px;
	padding: 0 10px;
	outline: none;
	border-radius: 5px;
	font-size: 16px;
	color: #000;
}
.inquiry_form select {
	font-family: 'poppins', Arial, sans-serif;
	height: 40px;
	width: 100%;
	background: #fff;
	border: 1px solid #acb1b5;
	margin-bottom: 15px;
	padding: 0 10px;
	outline: none;
	border-radius: 5px;
	font-size: 16px;
	color: #000;
	box-shadow: none;
}
.inquiry_form textarea {
	font-family: 'poppins', Arial, sans-serif;
	padding: 10px;
	margin-bottom: 15px;
	width: 100%;
	background: #fff;
	border: 1px solid #acb1b5;
	outline: none;
	border-radius: 5px;
	font-size: 16px;
	color: #000;
}
.inquiry_form .file-input input{
	width: 100%;
	outline: none;
	padding-top: 6px;
}
.inquiry_form .submit {
	font-family: 'poppins', Arial, sans-serif;
	display: inline-block;
	text-align: center;
	padding: 7px 24px;
	border-radius: 30px;
	margin-bottom: 0px;
	clear: both;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	font-size: 18px;
	margin-top: 20px;
	background: #2e9cd4;
	font-weight: normal;
	word-spacing: 0.2px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.inquiry_form .submit:hover {
	background: #00305b;
	font-weight: normal;
	color: #fff;
	transition: background-color .3s;
}
.inquiry_form .inquiry-quantity{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: 5px;
}
.inquiry_form .inquiry-quantity input {
	width: calc(100% - 115px);
}
.inquiry_form .inquiry-quantity select {
	width: 120px;
}
.inquiry_form .verification-code{
	position: relative;
	margin-bottom: 15px;
}
.inquiry_form .verification-code input{
	margin-bottom: 0px !important;
}
.inquiry_form .verification-code img {
	width: 110px;
	height: 40px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.inquiry_form .verification-code .glyphicon  {
	position: absolute;
	right: 120px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
}

@media (min-width: 768px) {
	.inquiry_form ul li {
		float: left;
		width: 45%;
		margin-left: 5%;
	}
	/*.inquiry_form textarea {*/
	/*	width: 95%;*/
	/*}*/
	.inquiry_form ul::after{
		display: table;
		content: " ";
	}
	.inquiry_form ul::after{
		clear: both;	
	}
}

.services_bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.about_bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.product_bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.cart_bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.contact_bg{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.container{
	position: relative;
	width: 100%;
}
.container.greybg {
	background: #f2f3f9;
}
.container.bluebg {
	background: #00305b;
	color: #fff;
}
.container.light-bluebg {
	background: #beddea;
	color: #272727;
}
.services-container {
	padding-bottom: 60px;
}
.container-box{
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 25px;
}
.container-box::after{
	display: table;
	content: " ";
}
.container-box::after{
	clear: both;	
}
@media (min-width: 1025px) {
	.auto-header {
		position: relative;
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 25px;
	}
	.nav {
		position: fixed;
		z-index: 9999;
		width: 100%;
		background: #fff;
		top: 0;
		border-bottom: 1px solid #eee;
	}
	.logo {
		width: 270px;
		border: 0;
		position: absolute;
		z-index: 9999;
		top: 10px;
		left: 25px;
	}	
	.submit_search {
		width: 270px;
		position: absolute;
		top: 5px;
		right: 25px;
		z-index: 9999;
	}

	.nav-line {
		width: 100%;
		height: 84px;
	}
	.container-left{
		width: 67%;
		float: left;
		margin-right: 3%;
	}
	.container-right{
		width: 30%;
		float: right;
	}
	.left-container {
		width: 27%;
		float: left;
	}
	.right-container {
		width: 70%;
		float: right;
	}
}

@media (max-width: 1024px) {
	.auto-header {
		max-width: 100%;
		margin: 0 auto;
		background: #fff;
		height: auto;
		overflow: hidden;
	}
	.nav {
		position: relative;
		z-index: 9999;
		width: 100%;
	}
	.logo {
        width: 240px;
		border: 0px;
		position: absolute;
		z-index: 9999;
		top: 10px;
		left: 1%;
	}
	.submit_search {
		width: 270px;
		position: absolute;
		top: 0;
		right: 1%;
		z-index: 9999;
	}
	.menu-mobile {
		background: #00305b;
	}
	.menu-mobile:hover {
		color: #fff;
	}
	.menu {
		margin-top: 74px !important;
		background: #00305b;
	}
}
@media (max-width: 560px) {
	.submit_search {
		width: 96%;
		position: absolute;
		top: 65px;
		right: 2%;
		z-index: 9999;
	}
	.menu {
		margin-top: 140px !important;
		background: #00305b;
	}
	.logo {
		width: 96%;
		left: 2%;
		text-align: left;
	}
	.logo img {
		width: 240px;
	}
}

.search-input {
	font-family: 'poppins', sans-serif;
	border: 1px solid #acb1b5;
	outline: none;
	font-size: 0.85em;
	height: 36px;
	padding-left: 15px;
	width: 100%;
	float: left;
	border-radius: 36px;
}
.submit_search .submitsearch-box {
	position: relative;
}
.submit_search .buttonbox {
	position: absolute;
	top: 2px;
	right: 2px;
	background: #2e9cd4;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
}
.submit_search .buttonbox:hover {
	transition: background-color .3s;
	background: #00305b;
}
.submit_search button {
	border: none;
    cursor: pointer;
    margin: 0 auto;
    outline: none;
	font-size: 1em;
	background: none;
    color: #fff;
}
.submit_search button:hover,
.submit_search button:focus,
.submit_search button:active{
	color: #fff;
}
.radio-inline {
	display: inline-block;
	color: #272727;
	font-size: 13px;
	padding-right: 8px;
}
input[type=radio] {
	vertical-align: middle;
    margin: 0;
    line-height: normal;
}


.contact_bottom {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/bottombg.jpg);
	background-image: -webkit-image-set(url(../images/bottombg.webp) 1x);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: #fff;
	padding: 60px 0px 60px;
}
.contact_bottom::before {
    content: "";
    display: inline-block;
    width: 40vw;
    height: 100%;
    background-color: rgba(0, 48, 91, .65);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.contact_bottom .container-box {
	position: relative;
	padding: 20px 25px 15px;
	z-index: 2;
}
.contact_bottom .h4{
	margin-top: 0;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 15px;
	padding: 0;
	text-transform: uppercase;
	font-family: 'Poppins-Regular';
}
.contact_bottom .h4 a{
	color: #fff;
}
.contact_bottom .h4 a:hover {
	text-decoration: underline;
}
.contact_bottom .h5 {
	font-size: 18px;
	font-weight: normal;
	font-family: 'Poppins-Bold';
	margin-top: 10px;
	margin-bottom: 25px;
	text-transform: uppercase;
}
.contact_bottom .h5 a {
	color: #fff;	
	text-decoration: underline !important;
}

.contact_bottom .row{
	margin-right: -15px;
    margin-left: -15px;
}
.contact_bottom .row>div{
	padding-right: 15px;
    padding-left: 15px;
}
.contact_bottom .row.foot-logobox {
	margin-right: -30px;
    margin-left: -30px;
}
.contact_bottom .row.foot-logobox>div {
	padding-right: 30px;
    padding-left: 30px;
}
.contact_bottom .foot-logo .social-icon-two {
	margin-top: 30px;
	padding: 0;
	text-align: right;
}
.contact_bottom .addressline{
	border-left: 1px solid #fff;
}
@media (max-width: 1500px) {
	.contact_bottom .newsletterbox{
		border-left: none;
	}
}
.contact_bottom .inquiry_form input {
	height: 40px;
	margin-bottom: 10px;
}
.contact_bottom .inquiry_form textarea {
	margin-bottom: 10px;
	height: 70px;
}
.contact_bottom .inquiry_form .submit {
	margin-top: 0px;
}
.footer-copy {
	padding: 10px 0 15px;
	text-align: center;
	cursor: pointer;
	font-size: 20px;
	color: #fff;
}

.list-style-one,.list-style-two {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.list-style-one li {
	position: relative;
	font-size: 0.95em;
	line-height: 20px;
	padding-left: 0;
	margin-bottom: 10px;
	color: #fff;
}
.list-style-two li {
	position: relative;
	font-size: 16px;
	line-height: 24px;
	padding-left: 24px;
	margin-bottom: 8px;
	color: #fff;
}
.list-style-two li:nth-child(1){
	background: url(../images/address.svg) no-repeat 0px 5px/12px;
}
.list-style-two li:nth-child(2){
	background: url(../images/tel.svg) no-repeat 0px 5px/13px;
}
.list-style-two li:nth-child(3){
	background: url(../images/fax.svg) no-repeat 0px 6px/13px;
}
.list-style-two li:nth-child(4){
	background: url(../images/email.svg) no-repeat 0px 7px/14px;
}
.list-style-two li span {
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
}
.list-style-two li .fa-phone{
	font-size: 19px;
	padding-right: 8px;
}
.list-style-two li .fa-map-marker{
	font-size: 22px;
	padding-right: 10px;
}
.list-style-two li .fa-envelope{
	font-size: 16px;
	padding-right: 8px;
}
.list-style-two li .fa-fax{
	font-size: 17px;
	padding-right: 9px;
}
.list-style-one li a,
.list-style-two li a {
	color: #fff;
	text-decoration: none;
}
.list-style-one li a:hover,
.list-style-two li a:hover{
	text-decoration: underline;
}
.social-icon-two {
	padding: 15px 0;
	list-style-type: none;
	margin: 0;
	height: auto;
	overflow: hidden;
}
.social-icon-two li {
	margin-right: 15px;
	margin-left: 0;
	display: inline-block;
}
.social-icon-two li a {
	color: #fff;
	font-size: 18px;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #fff;
}
.social-icon-two li a:hover{
	color: #fff;
	background: #2e9cd4;
	border: 1px solid #2e9cd4;
}
@media (max-width: 1200px) {
	.contact_bottom::before {
		width: 39vw;
	}
}
@media (max-width: 991px) {
	.contact_bottom::before {
		width: 0;
	}
	.contact_bottom h2 {
		display: none;
	}
	.contact_bottom .foot-logo .social-icon-two {
		margin-top: 15px;
		padding-bottom: 20px;
		text-align: left;
	}
}

.index-container {
	padding: 80px 30px 60px;
}

.index-titlebox {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -640px;
	z-index: 2;
	width: 1280px;
	height: 100%;
	padding: 0 25px;
}
.index-title-table {
	display: table;
	width: 100%;
	height: 100%;
}
.index-title-table .index-title-tablecell {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
.index-title-table h2 {
	font-size: 36px;
	line-height: 45px;
}
.index-title-table h2 span {
	font-weight: bold;
}

.tab {
	width: 100%;
	height: 500px;
	overflow: hidden;
}
.tab::before {
    content: "";
    display: inline-block;
    width: 42vw;
    height: 100%;
    background-color: rgba(190, 221, 234, .75);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.tab-nav {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	width: 57vw;
	padding: 80px 0;
	height: 100%;
	overflow: hidden;
	background: none;
}

.tab-nav li {
	position: relative;
	display: block;
	float: left;
	width: 42%;		
	min-height: 128px;		
	text-align: left;
	text-decoration: none;
	color: #333;
	background: #fff;
	padding: 0 15px 0 45px;
	margin: 20px 0 20px 5%;
}
.tab-nav li .fa-square {
	position: absolute;
	top: 15px;
	left: 20px;
	color: #00305b;
}
.tab-nav li h3 {
	font-size: 16px;
	text-transform: uppercase;
}
.tab-nav li p {
	line-height: 24px;
	color: #727272;
}
.tab-nav li.current {
	background: #beddea;
}
.tab-nav li.current p {
	color: #272727;
}

.tab-con {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.tab-con-item {
	display: none;
	width: 100%;
	height: 500px;
	background-size: cover;		
}


@media (max-width: 1360px) {
	.tab-nav li {
		width: 46%;
		margin: 20px 0 20px 3%;
	}
}
@media (max-width: 1279px) {
	.index-titlebox {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
	.tab-nav {
		padding: 30px 0;
		width: 58vw;
	}
	.tab-nav li {
		width: 90%;
		margin: 10px 5% 10px 5%;
		min-height: 58px;
	}
}
@media (max-width: 1024px) {
	.tab::before {
		width: 0;
	}
	.index-titlebox .index-title-table {
		display: table;
		height: 100px;
	}
	.tab-nav {
		padding: 150px 25px 30px;
		width: 100%;
	}
	.tab-nav li {
		width: 48%;
		margin: 10px 2% 10px 0;
		min-height: 58px;
	}
}
@media (max-width: 767px) {
	.tab {
		height: 700px;
	}
	.tab-con-item {
		height: 700px;	
	}
	.tab-nav li {
		width: 100%;
		margin: 10px 0;
		min-height: 58px;
	}
}
@media (max-width: 580px) {
	.tab {
		height: 800px;
	}
	.tab-con-item {
		height: 800px;	
	}
}
@media (max-width: 350px) {
	.tab {
		height: 950px;
	}
	.tab-con-item {
		height: 950px;	
	}
}

.division {
	padding: 30px 25px;
	text-align: center;
	color: #fff;
}
.division h2 {
	font-size: 32px;
	margin-bottom: 10px;
}

@media (min-width: 1025px) {
	.index-fixed-bg {
		background-attachment: fixed;
	}
}
.index-fixed-bg {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
	z-index: 1;
	text-align: center;
	padding: 40px 0;
}

.h2-box {
	text-align: center;
	font-size: 36px;
	text-transform: uppercase;
	margin-top: 0;
	padding-bottom: 20px;
}
.index-services>div {
	margin: 10px 0;
}
.index-services .index-services-box {
	background: #fff;
	border-radius: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	-moz-box-shadow: 0 0 5px #eee;
	-webkit-box-shadow: 0 0 5px #eee;
	box-shadow: 0 0 5px #eee;
	width: 100%;
	height: 100%;
	position: relative;
}
.index-services .index-services-box:hover {
	transition: all .3s;
	background: #f5f5f5;
}
.index-services .index-services-box .index-servicesimg,
.index-services .index-services-box .index-servicesimg img {
	width: 100%;
	border-radius: 10px 10px 0 0;
}
.index-services .index-services-box h3 {
	padding: 15px;
	font-family: 'poppins', Arial, sans-serif;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;
}
.index-services .index-services-box h3 a {
	color: #272727;
}
.index-services .index-services-box h3 a:hover {
	color: #2e9cd4;
}
.index-services .index-services-box>a {
	display: block;
	width: 100%;
	padding: 10px 30px;
	font-family: 'poppins', Arial, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 40px;
	text-transform: uppercase;
	background: none;
	letter-spacing: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	border-top: 1px solid #ededed;
}
@media (max-width: 1023px) {
	.index-services .index-services-box h3 {
		padding: 13px;
	}
}
@media (max-width: 767px) {
	.index-services>div {
		width: 46%;
		margin: 10px 1%;
		float: left;
	}
}
@media (max-width: 520px) {
	.index-services>div {
		width: 98%;
		margin: 10px 1%;
		float: none;
	}
}

.side-box {
	background: #fff;
	border-radius: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	-moz-box-shadow: 0 0 5px #eee;
	-webkit-box-shadow: 0 0 5px #eee;
	box-shadow: 0 0 5px #eee;
	margin-bottom: 30px;
	padding: 20px 0 10px;
	border: 1px solid #cfcfcf;
}
.side-box-a {
	display: block;
	padding: 0 20px;
}
.side-box .side-content {
	background: #fff;
	border-radius: 0 0 10px 10px;
	padding: 30px 20px 0;
	border-top: 1px solid #f6f6f6;
	margin-top: 15px;
	text-align: left;
}
.side-box .gray-line {
	width: 100%;
	height: 1px;
	background: #f6f6f6;
}
.side-box .list-style-two {
	padding-bottom: 10px;
	font-size: 16px;
}
.list-style-two.blackicon li:nth-child(1){
	background: url(../images/address-black.svg) no-repeat 0px 5px/12px;
}
.list-style-two.blackicon  li:nth-child(2){
	background: url(../images/tel-black.svg) no-repeat 0px 5px/13px;
}
.list-style-two.blackicon  li:nth-child(3){
	background: url(../images/fax-black.svg) no-repeat 0px 6px/13px;
}
.list-style-two.blackicon  li:nth-child(4){
	background: url(../images/email-black.svg) no-repeat 0px 7px/14px;
}
.side-box .list-style-two li {
	color: #272727;
}
.side-box .list-style-two li a {
	color: #272727;
}
.side-box .list-style-two li a:hover {
	color:#2e9cd4;
}
.side-box .social-icon-two li a {
	color: #fff;
	background: #00305b;
	border: none;
}
.side-box .social-icon-two li a:hover {
	transition: background-color .3s;
	color: #fff;
	background: #2e9cd4;
}
.side-box .side-headline {
	font-size: 20px;
	padding: 0 20px;
	font-weight: bold;
}
.side-box .side-content .list-style-one {
	margin-top: 15px;
	margin-bottom: 10px;
}
.side-box .side-content .list-style-one li {
	font-size: 1em;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.side-box .side-content .list-style-one li a {
	color: #272727;
}
.side-box .side-content .list-style-one li a:hover {
	color: #0085bb;
	text-decoration: none;
}
.side-content .title{
	color: #2e9cd4;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 20px;
	font-weight: bolder;
	font-family: 'Poppins-Bold';
}
.navMenu {
	margin: 0 0 20px 0;
	padding: 0;
}

.navMenu>li {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;	
}

.navMenu>li>a {
	display: inline-block;
	overflow: hidden;
	color: #272727;
	transition: all .3s;
	position: relative;
	text-decoration: none;
	font-size: 17px;
	padding: 20px 0px 15px 10px;
	font-weight: 900;
	width: 90%
}
.navMenu li a.active,
.navMenu li a:hover {
	color: #0085bb !important;
}
.navMenu .arrow{
	width: 10%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 5px;
	right: 0px;
}
.navMenu>li>ul.sub-menu>li>.arrow{
	top: 10px;
}
.navMenu .arrow:before {
	cursor: pointer;
	content: '\e968';
    font-family: 'icomoon';
	font-weight: bold;
	color: #272727;
	transition: all 0.5s;
}

.navMenu .arrow.open:before {
	transform: rotate(-90deg);
}

.navMenu>li>.arrow.open:before {
	font-weight: 900;
	padding: 20px 5px 15px 10px;
}
.navMenu>li>.arrow:before {
	font-weight: 900;
	padding: 20px 5px 15px 10px;
	cursor: pointer;
}

.navMenu>li>ul.sub-menu,
.navMenu>li>ul.sub-menu>li>ul.sub-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
}

.navMenu>li>ul.sub-menu>li {
	background: #f2f3f9;
	margin-bottom: 4px !important;
	padding: 0 !important;
	font-size: 15px;
	line-height: 24px !important;
}

.navMenu>li>ul.sub-menu>li>ul.sub-menu {
	background: #f9fafd;
	padding: 10px 0 5px !important;
}

.navMenu>li>ul.sub-menu li {
	padding: 4px 0 0 0;
	margin-bottom: 0;
	line-height: 24px;
	position: relative;
}

.navMenu>li .sub-menu {
	margin-bottom: 10px;
}

.navMenu>li>ul.sub-menu>li>a {
	display: inline-block;
	padding: 9px 15px 9px 10px;
	position: relative;
	margin-bottom: 0;
	color: #272727;
	width: 90%;
	border-left: 3px solid #f2f3f9;
}

.navMenu>li>ul.sub-menu>li>a:hover {
	border-left: 3px solid #0085bb;
}

.navMenu>li>ul.sub-menu>li.open>a {
	border-left: 3px solid #0085bb;
	color: #0085bb;
}
.navMenu>li>ul.sub-menu>li:hover{
	background: #f1f8f9;
}
.navMenu>li>ul.sub-menu>li.open {
	background: #f1f8f9;
}
.navMenu>li>ul.sub-menu .sub-menu li .arrow.open:before,
.navMenu>li>ul.sub-menu .sub-menu li .arrow:before {
    padding: 2px 10px;
}
.navMenu>li>ul.sub-menu .sub-menu li>a {
	display: inline-block;
	padding: 2px 0 2px 15px;
	overflow: hidden;
	font-size: 16px;
	position: relative;
	width: 90%;
	color: #272727;
}
.navMenu>li>ul.sub-menu .sub-menu li.open>a {
	color: #0085bb;
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu {
	list-style: none;
	font-size: 16px;
	background: #f1f8f9
	padding: 10px 0 0;
	display: none;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu li {
	line-height: 22px;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a {
	color: #666;
	padding-left: 25px;
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a:before {
	content: '';
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu .sub-menu {
	padding: 8px;
	margin-bottom: 0px;
	background: #eeeeee;
}

.contact-container {
	position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
	background: url(../images/contact-contentbg.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.contact-container::before {
    content: "";
    display: inline-block;
    width: 42vw;
    height: 100%;
    background-color: rgba(255, 255, 255, .75);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.contact-container .container-box {
	z-index: 2;
	color: #272727;
}
.contact-container .list-style-two {
	margin-top: 20px;
}
.contact-container .list-style-two li {
	color: #272727;
}
.contact-container .list-style-two li a {
	color: #00305b;
}
.contact-container .list-style-two li a:hover {
	color:#2e9cd4;
}
.contact-container .social-icon-two li a {
	color: #fff;
	background: #00305b;
	border: none;
}
.contact-container .social-icon-two li a:hover {
	transition: background-color .3s;
	color: #fff;
	background: #2e9cd4;
}
.contact-map {
	height: 450px;
}
.contact-map iframe{
	width: 100%;
	height: 100%;
}
.light-bluebg .division {
	color: #272727;
}
@media (max-width: 1023px) {
	.contact-container::before {
		width: 100%;
	}
}
.product-category {
	margin-top: 15px;
}
.product-category li .index-product-box {
	position: relative;
	padding: 0 15px 0 45px;
	background: #f2f3f9;
	margin-bottom: 30px;
}
.product-category .fa-square {
	position: absolute;
    top: 15px;
    left: 20px;
    color: #00305b;
}
.product-category h3 {
	font-size: 17px;
	text-transform: uppercase;
}
.product-category h3 a {
	color: #00305b;
}
.product-category h3 a:hover {
	color: #0085bb;
}

.tabs {
	width: 100%;
	margin-top: 25px;
	margin-bottom: 10px;
}
.tabs .content {
	position: relative;
	z-index: 1;	
}
.tabs .content .content-current {
	display: block;
	padding: 20px;
	border: 1px solid #ccc;
} 
.tabs .content section {
	display: none;
}
.tabs .content .inquiry_form textarea {
    width: 100%;
}
.tabs nav li {
	margin-right: 10px;
	cursor: pointer;
	border: none;
	background: #242429;
}
.tabs nav li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-family: 'poppins', Arial, sans-serif;
	font-size: 1.1em;
	color: #fff;
	padding: 0 30px;
}
.tabs nav li:hover {
	background: #2e9cd4;
}
.tabs nav li:hover a {
	color: #fff;
}
.tabs nav .tab-current{
	position: relative;
	z-index: 2;	
	background: #2e9cd4;
}
.tabs nav .tab-current a{
	color: #fff;
}
.tabs nav ul:after{
	display: table;
	content: " ";
}
.tabs nav ul:after{
	clear: both;
}
@media (min-width: 768px) {
	.tabs nav ul {
		width: 100%;
		margin-top: 10px;		
	}	
	.tabs nav li {
		float: left;
		text-align: center;
		padding-left: 0px;
		height: 42px;
		line-height: 42px;
		margin-top: 0;
		background: #34373a;
	}	
}
@media (max-width: 767px) {
	.tabs nav ul {
		width: 100%;
		margin-top: 10px;
	}
	.tabs nav li {
		float: left;
		text-align: center;
		height: 36px;
		line-height: 36px;
	}
	.tabs nav li a {
		font-size: 0.88em;
		padding: 0 15px;
	}
}
.pdf-abox {
	display: inline-block;
	padding-right: 40px;
}
.pdf-abox i {
	font-size: 20px;
	color: red;
	padding-right: 10px;
}
.text-center {
    text-align: center;
    vertical-align: middle;
}
.inquiryicon,
.carticon {
	display: block;
	cursor: pointer;
}
.inquiryicon .fa {
	font-size: 26px;
}
.carticon .fa {
	font-size: 24px;
}
.pack-quantity {
	width: 100%;
	border-radius: 5px;
	height: 30px;
	border: 1px solid #aaa;
}
.update-cart {
	text-align: right;
}
.delete {
	cursor: pointer;
}
.delete:hover {
	color: #00305b;
}
.delete i {
	font-size: 16px;
}

.services-box>div {
	margin-bottom: 15px;
}
.services-box h4 {
	padding: 8px 0;
	line-height: 22px;
	/*text-align: center;*/
}
.services-box p {
	font-size: 14px;
    line-height: 27px;
	color: #666;
}
.services-box .col-md-6 img {
	width: 400px;
}
.services-box img {
	margin: 0 auto;
}
.services-all .services-box .col-md-9 {
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.services-all .services-box:hover {
	background-color: rgba(190, 221, 234, .5);
}
@media (min-width: 992px) {
	.services-all .services-box .col-md-3 {
		padding-right: 0;
	}
	.services-all .services-box .col-md-9 {
		padding-left: 30px;
	}
}

.project-notes {
	display: block;
	width: 100%;
	padding: 5px 10px;
	border-radius: 5px;
	color: #000;
	background: #f5f5f5;
	margin-top: 10px;
	margin-bottom: 30px;
	line-height: 26px;
	font-size: 16px;
	display: flex;
    align-items: center;
}
.project-notes i {
	display: inline-block;
	padding-right: 8px;
	font-size: 19px;
	color: #fb6627;
}

.right-container .side-headline,
.right-container .side-content {
	display: none !important;
}

/*----------------*/

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{
	max-width: none;
	height: 100%;
    min-width: 100%;
    width: 100%;
    object-fit: cover;
}
.carousel-indicators{
	/*display: none;*/
}
.carousel-control{
	/*display: none;*/
	height: 35px;
    width: 35px;
    opacity: 1;
    border-radius: 100px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/carousel-right.svg) no-repeat center center/100% #3f73cf !important;
}
.carousel-control:hover{
	opacity: 1;
    background: url(../images/carousel-right.svg) no-repeat center center/100% #2e9cd4 !important;
}
.carousel-control:focus{
	opacity: 1;
}
.carousel-control.right{
	right: 1%;
	transform: translateY(0%);
}
.carousel-control.left{
	left: 1%;
	right: auto;
	transform: rotate(180deg);
}
.carousel-inner>.item{
	height: 100vh;
	min-height: 650px;
}
.carousel-indicators li{
	width: 24px;
	height: 6px;
	border-radius: 0px;
	margin: 0px 3px;
	background: #fff;
	border: none;
}
.carousel-indicators .active{
	background: #2e9cd4;
	margin: 0px 3px;
	width: 24px;
	height: 6px;
	border-radius: 0px;
}
.bannertext{
	position: absolute;
    top: 0px;
    left: 0px;
    width: 42%;
    height: 100%;
    padding: 0px 0% 0px 8%;
    text-align: left;
    background-color: rgba(63, 169, 245, .38);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.bannertext .flick-content{
	width: 544px;
	padding-right: 2%;
}
.bannertext h1{
	text-align: left;
	font-size: 30px;
    line-height: 45px;
    color: #fff;
    margin-bottom: 20px;
	opacity: 0;
	transform: translateY(-15px);
	-webkit-animation: upDown 0.5s ease-out;
    animation: upDown 0.5s ease-out;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    animation-delay: 0.5s;
    white-space: break-spaces;
}
.bannertext h1 span{
	color: #606060;
}
.bannertext h2{
	text-align: left;
	font-size: 30px;
    line-height: 45px;
    color: #fff;
    margin-bottom: 20px;
	opacity: 0;
	transform: translateY(-15px);
	-webkit-animation: upDown 0.5s ease-out;
    animation: upDown 0.5s ease-out;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    animation-delay: 0.5s;
    white-space: break-spaces;
}
.bannertext h2 span{
	color: #606060;
}
.bannertext p{
	font-size: 20px;
	color: #ffffff;
	line-height: 30px;
	margin-bottom: 35px;
	white-space: normal;
	display: inline-block;
	opacity: 0;
	transform: translateY(-15px);
	-webkit-animation: upDown 1s ease-out;
    animation: upDown 1s ease-out;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    animation-delay: 0.8s;
    
}
.bannertext .readmore{
	opacity: 0;
	transform: translateY(-15px);
	-webkit-animation: upDown 1s ease-out;
    animation: upDown 1s ease-out;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    animation-delay: 0.8s;
}

@-webkit-keyframes upDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@keyframes upDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
.content{
	width: 1470px;
	height: auto;
	margin: auto;
}
.maincon{
	width: 1470px;
	height: auto;
	margin: auto;
}
.toper{
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99;
	background: #fff;
	box-shadow: 0 4px 5px rgba(0,0,0,.08);
}
.toper .content{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.topicon{
	display: none;
	width: 100%;
	height: auto;
	background: #ffffff38;
	padding: 8px 0px;
}
.topicon .content{
	display: flex;
	justify-content: space-between;
}
#topemail a{
	color: #fff;
	font-size: 15px;
}
#topemail a:hover{
	color: #00b140;
}
.contacticon a{
	margin-left: 15px;
}
.contacticon a span{
	font-size: 15px;
	color: #fff;
}
.contacticon a span:hover{
	color: #2e9cd4;
}
.topnav{
	width: 100%;
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
.logos{
	width: auto;
	height: 100%;
}
.logos img{
	width: auto;
	height: 50px;
}
.sp_nav{width:25px;position:relative;cursor:pointer;height:22px;margin-top:9px;display: none;}
.sp_nav span{display:block;background:#2e9cd4;width:25px;height:2px;position:absolute;left:0px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.navs{
	width: auto;
	height: 100%;
	position: relative;
	margin-top: 0;
}
.navs a{
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
.navs a:first-child{
	margin-left: 0px;
}
.navs a:hover{
	color: #fcc10e;
}
.navs a.shows{
	color: #fcc10e;
}
.navs>ul>li{
	width: auto;
	height: 50px;
	line-height: 50px;
	float: left;
	margin-left: 25px;
	position: relative;
	padding: 0px 0px 20px;
}
.navs>ul>li:first-child{
	margin-left: 0px;
}
.navs>ul>li>a{
	text-transform: uppercase;
}
.navs>ul>li:after{
	content: '';
	position: absolute;
	width: 0%;
	height: 2px;
	background: #000;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.3s;
}
.navs>ul>li>span{
    float: right;
    margin-left: 5px;
    color: #000;
    font-size: 14px;
    transition: all 0.3s;
}
.navs>ul>li>span::before{
	content: '\e968';
	font-family: 'icomoon';
    right: 0;
    top: 0;
}
.navs>ul>li>a.actives{
	color: #ffcb05;
}
.navs>ul>li>span.act::before{
	color: #ffcb05;
}
.navs>ul>li:hover:after{
	width: 100%;
}
.navs>ul>li:hover>a{
	color: #2e9cd4;
}
.navs>ul>li:hover>span{
	color: #2e9cd4;
}
.navs>ul>li:hover:after{
	background: #2e9cd4;
}
.navs ul li ul li{
	width: 100%;
    height: auto;
    padding: 10px 10px;
    border-bottom: 1px solid #d2d7da;
    margin-bottom: 0px;
    position: relative;
    line-height: 25px;
    float: left;
}
.navs ul li ul li ul li{
	padding: 6px 10px;
}
.navs ul li ul li ul li a{
	color: #737373;
}
.navs ul li ul li span{
	font-size: 15px;
	cursor: pointer;
}
.navs ul li ul li span::before{
	content: ">";
	color: #062134;
	font-weight: bold;
	position: absolute;
	top: 20px;
    right: 15px;
    position: absolute;
}
.navs ul li ul li span.down:before{
	color: #2e9cd4;
}
.navs ul li ul li a{
	font-size: 15px;
	line-height: 20px;
    color: #000;
    display: inline-block;
    max-width: 90%;
    font-weight: 100;
    transition: all .1s ease-out;
    /*font-weight: bold;*/
}
.navs ul li ul li:hover{
	/*background: #062134;*/
	/*border-bottom: 1px solid #062134;*/
}
.navs ul li ul li:hover>a{
	color: #2e9cd4;
}
.navs ul li ul li:hover>span::before{
	color: #2e9cd4;
}
.navs ul li ul li a.shows{
	color: #2e9cd4;
}
.navs ul li ul li img{
	height: 7px;
    cursor: pointer;
    transition: all 0.3s;
    line-height: 12px;
    top: 50%;
    position: absolute;
    right: 5px;
    transform: translateY(-50%);
}
.navs ul li ul li img.down{
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg); 
}
.navs>ul>li>ul{
	position: absolute;
	left: 0px;
	top: 100%;
	background: #fff;
	width: 280px;
	height: auto;
	display: none;
}
.navs ul li ul li ul{
	position: static;
	background: #fff;
	width: 100%;
	height: auto;
	display: none;
}
.navs ul li ul li ul li{
	border-bottom: none;
}
.searchbox{
	width: auto;
	height: 38px;
}
.searchbox form{
	width: 100%;
	height: 100%;
	position: relative;
}
.searchbox input{
	width: 250px;
	height: 100%;
	border: none;
	font-size: 15px;
	color: #000;
	float: left;
	border-radius: 20px 0 0 20px;
	border: 1px solid #2e9cd4;
	border-right: none;
}
.searchbox input:focus{
	box-shadow: none;
	border: 1px solid #2e9cd4;
	border-right: none;
}
.searchbox input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #959595;
  font-size: 15px;
}
.searchbox input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #959595;
  font-size: 14px;
  font-family: 'OpenSans';
}
 .searchbox input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #959595;
  font-size: 14px;
  font-family: 'OpenSans';
}
 .searchbox input::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #959595;
  font-size: 14px;
  font-family: 'OpenSans';
}
.searchbox button{
	height: 100%;
	width: 62px;
	background: url(../images/search.svg) center center/30% no-repeat #2e9cd4;
	border: none;
	left: 230px;
	border-radius: 0 20px 20px 0;
}
.searchbox button:hover{
	background: url(../images/search.svg) center center/30% no-repeat #00305b;
}
p{
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 15px;
	color: #4d4d4d;
}
.readmore{
	display: inline-block;
	padding: 7px 24px;
	border-radius: 30px;
	color: #fff;
	font-size: 15px;
	margin-top: 10px;
	background: linear-gradient(to right, #3f73cf , #2e9cd4);
	position: relative;
    overflow: hidden;
    transition: 400ms;
}
.readmore .moretext{
	position: relative;
	z-index: 22;
	font-style: italic;
}
.readmore:hover{
	color: #fff;
}

.su_button_circle{
  background-color: red;
  border-radius: 1000px;
  position: absolute;
  left:0;
  top:0;
  width: 0px;
  height: 0px;
  margin-left: 0px;
  margin-top: 0px;
  pointer-events: none;
}
.explode-circle2{
   animation: explode2 0.8s forwards;
}
.desplode-circle2{
   animation: desplode2 0.5s forwards;
}
@keyframes explode2 {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(46,156,252,0.2);
  }
  100% {
    width: 300px;
    height: 300px;
    margin-left: -150px;
    margin-top: -150px;
    background-color: rgba(46,156,252,1);
  }
}
@keyframes desplode2 {
  0% {
    width: 300px;
    height: 300px;
    margin-left: -150px;
    margin-top: -150px;
    background-color: rgba(46,156,252,1);
  }
  100% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(46,156,252,0.6);
  }
}
.mainsection1{
	width: 100%;
	height: auto;
	padding: 80px 0px 80px;
	position: relative;
}
.section1bg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.section1bg:after{
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(46,156,212,.33);
}
.section1bg img{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mainsection1 .maincon{
	position: relative;
}
.section1con{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.section1title{
	margin-bottom: 40px;
}
.indextitle{
	font-size: 30px;
	color: #fff;
	margin-bottom: 15px;
	text-align: center;
	font-family: 'Poppins-Bold';
}
.section1title .indextitle{
	text-align: left;
	margin-bottom: 25px;
}
.section1list{
	width: 75%;
	height: auto;
	position: relative;
	padding-bottom: 20px;
}
.section1text{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
}
.section1text a{
	width: 48%;
	height: auto;
	margin-right: 4%;
	margin-bottom: 40px;
	background: #fff;
	padding: 25px 15px 25px 50px;
	position: relative;
}
.section1text a:before{
	content: '';
	position: absolute;
	top: 32px;
	left: 25px;
	width: 10px;
	height: 10px;
	background: #00305b;
}
.section1text a:nth-child(2n){
	margin-right: 0%;
}
.section1text a h3{
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 28px;
	color: #2e9cd4;
}
.section1text a p{
	margin-bottom: 0px;
}
.section1text a:hover{
	background: #2e9cd4;
}
.section1text a:hover h3{
	color: #fff;
}
.section1text a:hover p{
	color: #fff;
}
.section1text a:hover:before{
	background: #fff;
}

.section1text a.active{
	background: #2e9cd4;
}
.section1text a.active h3{
	color: #fff;
}
.section1text a.active p{
	color: #fff;
}
.section1text a.active:before{
	background: #fff;
}

.mainsection1 .swiper-button-next,.mainsection1 .swiper-button-prev{
	background: #2e9cd4;
	width: 32px;
	height: 44px;
	margin-top: 0px;
	top: auto;
	bottom: 0px;
	border-radius: 0px;
	border: none;
}
.mainsection1 .swiper-button-next:after,.mainsection1 .swiper-button-prev:after{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}
.mainsection1 .swiper-button-next{
	right: 0px;
}
.mainsection1 .swiper-button-prev{
	right: 50px;
	left: auto;
}
.mainsection1 .swiper-button-next:hover, .mainsection1 .swiper-button-prev:hover{
	background: #fff;
}
.mainsection1 .swiper-button-next:hover:after, .mainsection1 .swiper-button-prev:hover:after{
	color: #2e9cd4;
}


.mainsection2{
	width: 100%;
	height: auto;
	padding: 50px 0px;
	background: #00305b;
}
.mainsection2{
	width: 100%;
	height: auto;
	padding: 50px 0px 35px;
	background: #beddea;
}
.mainsection2 p{
	text-align: center;
	color: #2d9bd3;
}
.mainsection3 {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}
.mainsection3 .section3pic{
	width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/indexbg.jpg);
	background-image: -webkit-image-set(url(../images/indexbg.webp) 1x);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    background-attachment: fixed;
    transform: translateZ(-200px) scale(1.2);
}
.mainsection4{
	width: 100%;
	height: auto;
	padding: 80px 0px 65px;
}
/*.section4list{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}*/
.section4list li{
	width: auto;
}
.section4list li .pic{
	width: 100%;
	height: auto;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 25px;
}
.section4list li .pic img{
	width: 100%;
	height: auto;
	transition: all 0.5s;
}
.section4list li p{
	text-align: center;
	font-size: 20px;
	/*font-family: 'Poppins-Bold';*/
}
.section4list li:hover .pic img {
    transform: scale(1.1);
}
.section4list li:hover p {
    color: #2e9cd4;
}
.mainsection4 .indextitle{
	color: #262626;
	margin-bottom: 40px;
}
.contact_bottom p{
	color: #fff;
	margin-left: 5%;
}
.footlogo{
	width: 250px;
	margin-bottom: 15px;
}
.index-title-tablecell .title{
	margin-bottom: 20px;
	line-height: 45px;
	font-size: 36px;
	font-family: 'Poppins-Bold';
	font-weight: 500;
}
.contact_bottom .maincon{
	position: relative;
    z-index: 2;
}
.contact_bottom a:hover{
	color: #b3e5ff;
}
.validate{
	width: 100%;
	display: flex;
}
.validate input{
	width: 45%;
}
.validate img{
	cursor: pointer;
	height: 40px;
	width: auto;
	margin-left: 20px;
}
.copyright{
	width: 100%;
	height: auto;
	background: #00305b;
	padding: 10px 0px;
}
.copyright .content{
	display: flex;
	justify-content: space-between;
}
.copyright .content p{
	color: #fff;
	font-size: 14px;
	margin-bottom: 0px;
}
.copyright p a{
	color: #fff;
	font-size: inherit;
}
.copyright p a:hover{
	color: #fff;
}
.go_top{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}
.go_top span{
	font-size: 15px;
	margin-right: 5px;
	margin-top: -3px;
}
.go_top:hover{
	color: #2e9cd4;
}
.pagebanner{
	width: 100%;
	/*height: 600px;*/
	height: 350px;
	position: relative;
	overflow: hidden;
}
.pagebanner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pagebannertext{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	padding-top: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagebannertext .content{
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagebannertext h1{
	padding: 36px;
    background-color: rgba(0, 48, 91, .65);
    display: inline-block;
    color: #fff;
    min-width: 600px;
    text-align: center;
}
.crumbnav{
	width: 100%;
	height: auto;
	padding: 20px 0px;
	text-align: left;
}
.crumbnav ul{
	width: 100%;
	height: auto;
	margin: auto;
	font-size: 15px;
	color: #4d4d4d;
}
.crumbnav ul li{
	font-size: 16px;
	color: #4d4d4d;
	display: inline-block;
	margin-right: 5px;
}
.crumbnav ul li a{
	font-size: 16px;
	color: #4d4d4d;
	display: inline-block;
}
.crumbnav ul li a:hover{
	color: #2e9cd4;
}
.crumbnav ul li::before{
	content: ">";
	color: #4d4d4d;
	margin-right: 7px
}
.crumbnav ul li:first-child::before{
	content: "";
	margin-right: 0px;
}
.container{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 30px;
}
.title_bottom{
	padding-bottom: 10px;
	border-bottom: 2px solid #2e9cd4;
	display: inline-block;
	font-size: 22px;
}
.sidelogo{
	width: 250px;
	margin-left: 20px;
}
.sides.fixd{
	position: fixed;
	top: 80px;
	right: calc(50% - 735px);
	width: 441px;
}
.sides.fixd2{
	position: fixed;
	top: auto;
	right: calc(50% - 735px);
	width: 441px;
	z-index: 1;
}
.services-container img{
	max-width: 100%;
}
.careersbg{
	background: #beddea;
}
.careersbg h2{
	color: #000;
}
.careersbg p{
	color: #000;
}
.career-application{
	width: 100%;
	height: auto;
	padding: 60px 0px;
}
.career-application .indextitle{
	color: #272727;
	margin-bottom: 25px;
	text-align: left;
	font-family: 'Poppins-Bold';
}
.career-application .inquiry_form ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.career-application .inquiry_form ul li{
	width: 49%;
	margin: 0px;
}
.contact-container{
	padding: 20px 0px 60px;
}
.contact-container .crumbnav{
	padding: 0px 0px 40px;
	position: relative;
	z-index: 22;
	padding-bottom: 40px;
}
.contact-container>.maincon{
	position: relative;
	z-index: 2;
}
.service-tit {
	display: block;
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.service-tit h1 {
	position: relative;
	font-size: 26px;
	line-height: 36px;
	margin: 0;
	padding-bottom: 15px;
	font-weight: bold;
}
.service-tit h1::before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 2px;
    background-color: #00305b;
    position: absolute;
    bottom: 0;
    z-index: 2;
}
.service-tit .col-md-3 {
	text-align: right;
}
.service-tit .btn{
	display: inline-block;
	font-size: 16px;
	margin: 0;
	flex-shrink: 1;
	margin-left: 30px;
}
.btn {
	padding: 7px 24px;
	clear: both;
	color: #fff !important;
	background: #2e9cd4;
	text-decoration: none;
	font-size: 18px;
	margin-top: 10px;
	display: inline-block;
	font-weight: normal;
	word-spacing: 0.2px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-radius: 50px;
	cursor: pointer;
}
.btn:hover {
	color: #fff;
	font-weight: normal;
	transition: background-color .3s;
	background: #00305b;
}
.services-all .services-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.services-all .services-box {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.services-all .services-box>div {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
}
.services-all .services-box .col-md-9{
	padding-top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.container-row-a {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	column-width: 50%;
	column-gap: 4%;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	display: flex;
    flex-wrap: wrap;
}
.container-row-a li {
	margin-bottom: 10px;
	break-inside: avoid;
	padding: 8px;
	background: #f2f3f9;
	font-size: 16px;
	width: 48%;
	align-items: center;
    display: flex;
}
.container-row-a li:after{
	display: table;
	content: " ";
}
.container-row-a li:after{
	clear: both;
}
.container-row-a li span {
	display: inline-block;
	float: left;
	padding-left: 5px;
	line-height: 26px;
	padding-right: 15px;
}
.container-row-a li a {
	color: #272727;
	display: inline-block;
	float: left;
	max-width: 90%;
	line-height: 26px;
}
.container-row-a li:hover {
	background: #2e9cd4;
	color: #fff;
}
.container-row-a li:hover a {
	color: #fff;
}

.ullist.listicon1{
	padding-left: 19px;
}
.ullist.listicon1>li{
	padding-left: 0px !important;
	position: relative;
	list-style: none;
}
.ullist.listicon1>li:before{
	content: '';
	position: absolute;
	top: 10px;
	left: -19px;
	width: 8px;
	height: 8px;
	background: #2e9cd4;
	transform: rotate(0deg);
	border-radius: 0px;
} 

.ullist.listicon2{
	padding-left: 19px;
}
.ullist.listicon2>li{
	padding-left: 0px !important;
	position: relative;
	list-style: none;
}
.ullist.listicon2>li:before{
	content: '';
	position: absolute;
	top: 10px;
	left: -19px;
	width: 8px;
	height: 8px;
	background: #000;
	transform: rotate(45deg);
	border-radius: 0px;
} 

.ullist.listicon3{
	padding-left: 22px;
}
.ullist.listicon3>li{
	padding-left: 0px;
	position: relative;
	list-style: none;
}
.ullist.listicon3>li:before{
	content: '';
    position: absolute;
    top: 2px;
    left: -22px;
    width: 22px;
    height: 22px;
    background: url(../images/listicon3.svg) no-repeat 0px center/12px;
}

.swiper-containers2 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}
.swiper-button-next2,
.swiper-button-prev2 {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1 * var(--swiper-navigation-size)/ 2 - 10px);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next2.swiper-button-disabled,
.swiper-button-prev2.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-next2:after,
.swiper-button-prev2:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none!important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial
}

.swiper-button-prev2,
.swiper-container-rtl .swiper-button-next2 {
	left: 50px;
	right: auto;
	outline: none;
}

.swiper-button-prev2:after,
.swiper-container-rtl .swiper-button-next2:after {
	content: 'prev'
}

.swiper-button-next2,
.swiper-container-rtl .swiper-button-prev2 {
	right: 50px;
	left: auto;
	outline: none;
}
.glyphicon-menu-right:before{
	content:"";
}
.glyphicon-menu-right:after{
	color: #8fa5b0;
}
.glyphicon-menu-left:before{
	content:"";
}
.glyphicon-menu-left:after{
	color: #8fa5b0;
}
.swiper-button-next2:after,
.swiper-container-rtl .swiper-button-prev2:after {
	content: 'next'
}

.swiper-button-next2.swiper-button-white,
.swiper-button-prev2.swiper-button-white {
	--swiper-navigation-color: #ffffff
}

.swiper-button-next2.swiper-button-black,
.swiper-button-prev2.swiper-button-black {
	--swiper-navigation-color: #000000
}

.swiper-button-next2,.swiper-button-prev2{
	background: #2e9cd4;
	width: 32px;
	height: 44px;
	margin-top: 0px;
	top: calc(50% - 34px);
	transform: translateY(-50%);
}
.swiper-button-next2:after,.swiper-button-prev2:after{
	font-size: 24px;
	font-weight: bold;
	color: #fff !important;
}
.swiper-button-next2{
	right: -50px;
}
.swiper-button-prev2{
	left: -50px;
}
.swiper-button-next2:hover,.swiper-button-prev2:hover{
	background: #0b3f75;
}
.swiper-button-next2:hover:after,.swiper-button-prev2:hover:after{
	color: #fff !important;
}
.mainsection4-info{
	width: 100%;
	height: auto;
	position: relative;
}
.services-container h3.title-bg{
	display: inline-block;
	padding: 15px 30px;
	border-radius: 10px;
	background: #2e9cd4;
	color: #fff;
	font-weight: 500;
	font-family: 'Poppins-Regular';
	margin-bottom: 10px;
    margin-top: 15px;
}
.services-container h4.lighter{
	color: #2e9cd4;
	font-size: 18px;
	font-weight: 500;
	margin-top: 10px;
	font-family: 'Poppins-Regular';
}

.services-list{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	margin-top: 30px;
}
.services-list li{
	width: 24%;
	margin-bottom: 15px;
}
.services-list li .pic{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
}
.services-list li .pic img{
	width: 100%;
	height: auto;
	transition: all 0.5s;
}
.services-list li p{
	text-align: center;
	font-size: 16px;
	line-height: 22px;
}
.services-list li:hover .pic img {
	transform: scale(1.1);
}
.services-list li:hover p {
	color: #2e9cd4;
}

.inputbox .inquiry-quantity input.form_control {
	border: 1px solid #2e9cd4;
	background-color: #2e9cd4;
	color: #fff;
	width: 120px;
	border-radius: 0px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 0px 12px;
}
.inputbox .inquiry-quantity input.form_control::-webkit-input-placeholder,
.inputbox .inquiry-quantity input.form_control::-webkit-input-placeholder,
.inputbox .inquiry-quantity input.form_control::-webkit-input-placeholder {
	color: #fff
}
.inputbox .inquiry-quantity input.form_control:after {
	content: " ";
	position: absolute;
	z-index: 2;
	top: -25px;
	width: 110%;
	height: 50px;
	background-color: #fff;
	transform: rotate(-0.5deg)
}
.inputbox .inquiry-quantity select.form_control {
	color: #fff;
	width: 110px;
	height: 40px;
	border: 1px solid #49c1ff;
	margin-left: -1px;
	background-color: #49c1ff;
}
.blog-bg{
	width: 100%;
	height: 250px;
	position: relative;
	margin-bottom: 40px;
}
.blog-bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blog-bg p{
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 22px;
	font-weight: bold;
	width: 100%;
	padding: 0px 20px;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,.3);
}


.blog-list{
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.blog-list .list-item{
	width: 100%;
	height: auto;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.blog-list .list-item .pic{
	width: 320px;
	position: relative;
	overflow: hidden;
}
.blog-list .list-item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
}
.blog-list .list-item .text{
	width: calc(100% - 360px);
	padding: 40px 0px;
}
.blog-list .list-item .text .text-title{
	margin-bottom: 20px;
}
.blog-list .list-item .text .text-title a{
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
.blog-list .list-item .text .text-title a:hover{
	color: #2e9cd4;
}
.blog-list .list-item .text .more-box{
	margin-top: 5px;
	text-align: right;
}
.blog-list .list-item .text .more-box a{
	display: inline-block;
	background: #2E9CD4;
	color: #fff;
	padding: 8px 26px;
	border-radius: 50px;
	font-size: 16px;
}
.blog-list .list-item .text .more-box a:hover{
	background: #00305b;
}
.related-section{
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.related-title{
	font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
    padding: 8px 15px;
    background: #2E9CD4;
    color: #fff;
}
.related-list{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.related-list li{
	width: auto;
	margin-bottom: 15px;
	min-width: 49%;
}
.related-list li a{
	width: 100%;
	padding: 10px 15px;
    background: #f9f9f9;
    color: #000;
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    transition: all 0s;
}
.related-list li a:hover{
	color: #fff;
	background: #2E9CD4;
}
.pro-list-fold {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}
.pro-list-fold table {
  margin-bottom: 0;
}
.pro-list-fold table.table-less tr:nth-child(n+13) {
  display: none;
}
.pro-list-fold-btn {
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 10px;
}
.pro-list-fold-btn span {
  width: 160px;
  height: 45px;
  background: #2e9cd4;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px 0px 20px 20px;
  cursor: pointer;
  color: #fff;
}
.pro-list-fold-btn span:before {
  content: 'Show More';
}
.pro-list-fold-btn span:hover {
  color: #fff;
  background: #fbb908;
}
.pro-list-fold-btn span.shows:before {
  content: 'Show Less';
}

.info-pic-left{
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
    column-gap: 25px;
}
.info-pic-left .pic{
	width: auto;
	flex-shrink: 0;
	max-width: 100%;
}
.info-pic-left .pic img{
	height: auto;
	max-width: 100%;
}
.info-pic-left .text{
	width: 100%;
}
.info-pic-left .text p:last-child{
	padding-bottom: 0px;
    margin-bottom: 0px;
}
.info-pic-left .text ul:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.info-pic-left .text h2:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.info-pic-left .text h3:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.info-pic-right{
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
    column-gap: 25px;
}
.info-pic-right .pic{
	width: auto;
	flex-shrink: 0;
	max-width: 100%;
}
.info-pic-right .pic img{
	height: auto;
	max-width: 100%;
}
.info-pic-right .text{
	width: 100%;
}
.info-pic-right .text p:last-child{
	padding-bottom: 0px;
    margin-bottom: 0px;
}
.info-pic-right .text ul:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.info-pic-right .text h2:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.info-pic-right .text h3:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.customers-review-box{
	width: 100%;
	height: auto;
	padding: 70px 0px;
	margin-bottom: 70px;
	background: #2e9cd4;
	margin-top: 70px;
}
.customers-review-list{
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 40px;
}
.customers-review-list .swiper-slide{
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.customers-review-list .swiper-slide .icon{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 0 0 16px rgba(0,0,0,.15);
    background: url(../images/icon-review.svg) no-repeat center center/50% #fff;
}
.customers-review-list .swiper-slide .text{
	width: calc(100% - 100px);
	background: #fff;
	height: 100%;
	border-radius: 8px;
	padding: 30px 30px 15px;
}
.customers-review-list .swiper-pagination{
	width: 100%;
	text-align: center;
	left: 0px;
	bottom: 0px;
}
.customers-review-list .swiper-pagination-bullet {
    border: 1px solid #fff;
    width: 30px;
    height: 12px;
    background: transparent;
}
.customers-review-list .swiper-pagination-bullet-active {
	background-color: #fbb908;
	border-color: #fbb908;
}
.ui-pagination-container {
	display: flex;
	flex-wrap: wrap;
}
.ui-pagination-container .ui-pagination-page-item {
	font-size: 16px;
	padding: 6px 12px;
    line-height: 1.428571429;
	background: #fff;
	border: 1px solid #ddd;
	color: #2e9cd4;
	margin: 0 2px;
	text-decoration: none;
	margin-bottom: 12px;
	transition: color 0s;
}
.ui-pagination-container .ui-pagination-page-item:hover {
	border-color: #2e9cd4;
	color: #2e9cd4;
	text-decoration: none;
	transition: color 0s;
}
.ui-pagination-container .ui-pagination-page-item.active {
	background: #2e9cd4;
	border-color: #2e9cd4;
	color: #fff;
	cursor: default;
}
.casestudy-list{
	position: relative;
	padding-bottom: 30px;
}
.casestudy-list .swiper-container{
	padding: 15px;
}
.casestudy-list .product-case-study{
	padding: 30px 30px 15px;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0,0,0,.15);
}
.casestudy-list .swiper-button-next,
.casestudy-list .swiper-button-prev {
  background-size: 18px 30px;
  width: 27px;
  height: 44px;
  color: #2e9cd4;
  background: transparent;
  top: 50%;
  border-radius: 0px;
  border: none;
}
.casestudy-list .swiper-button-next:after,
.casestudy-list .swiper-button-prev:after {
  font-size: 24px;
}
.casestudy-list .swiper-button-prev {
  left: -20px;
}
.casestudy-list .swiper-button-next {
  right: -20px;
}
.casestudy-list .swiper-button-next:hover,
.casestudy-list .swiper-button-prev:hover{
  background-color: #2e9cd4;
  color: #fff;
}
.casestudy-list .swiper-button-next:hover:after,
.casestudy-list .swiper-button-prev:hover:after{
  color: #fff;
}
.casestudy-list .swiper-pagination{
	width: 100%;
	text-align: center;
	bottom: 0px;
}
.casestudy-list .swiper-pagination-bullet {
  width: 30px;
  height: 12px;
  margin: 0px 5px;
}
.casestudy-list .swiper-pagination-bullet-active {
  background-color: #2e9cd4;
}
.killingpage-product-list-info .productlist-references{
	margin-bottom: 40px;
}
.killingpage-product-list-info .tablebox{
	margin-bottom: 10px;
}
.killingpage-product-list-info .pagination{
	margin: 10px 0px 0px;
}



@media screen and (max-width:1550px){


.navs {
    position: static !important;
    margin-top: 30px;
}
.navs>ul>li.spread-nav{
	position: static;
}
.navs>ul>li.spread-nav>.downnav{
	left: 50% !important;
	transform:translateX(-50%) !important;
	width: 100% !important;
	top: calc(100% - 10px) !important;
}

.sides.fixd{
	top: 120px;
	right: 6%;
	width: 26.4%;
}
.sides.fixd2{
	right: 6%;
	width: 26.4%;
	top: auto;
}
.bannertext{
	padding: 0px 2% 0px 6%;
}
.bannertext .flick-content {
    width: 100%;
    padding-right: 0%;
}
.bannertext h1{
	font-size: 26px;
    line-height: 40px;
}
.bannertext h2{
	font-size: 26px;
    line-height: 40px;
}
.bannertext p{
	font-size: 16px;
    line-height: 28px;
}
.content {
    width: 100%;
    padding: 0px 6%;
}
.maincon {
    width: 100%;
    padding: 0px 6%;
}
.navs>ul>li{
	margin-left: 25px;
}
.topnav {
    padding-top: 25px;
    padding-bottom: 5px;
}
.navs{
	height: auto;
	position: absolute;
    right: 6%;
    bottom: 5px;
}
.searchbox{
	position: absolute;
    right: 6%;
    top: 20px;
    height: 32px;
}
.navs>ul>li>ul{
	left: auto;
	right: 0px;
}
.navs ul li ul li ul{
	left: auto;
	right: 100%;
}
	
}

@media screen and (max-width:1400px){




.navs>ul>li.spread-nav>.downnav>ul{
	-moz-column-count: 3; /* Firefox */
	-webkit-column-count:3; /* Safari 和 Chrome */
	column-count: 3;
}
.index-title-table h2 {
    font-size: 30px;
    line-height: 40px;
}
.footlogo {
    width: 200px;
}
.bannertext{
	width: 50%;
}
.section1title img{
	width: 50%;
}
.indextitle{
	font-size: 24px;
	line-height: 30px;
}
.section1text{
	width: auto;
    margin-left: 50px;
}
.section4list li p {
    font-size: 20px;
}


}


@media screen and (max-width:1200px){



.logos{
	position: absolute;
}
.logos img{
	height: 40px;
}
.right-container{
	width: 100%;
}
.left-container{
	width: 100%;
	margin-bottom: 10px;
}
.container {
    padding-top: 10px;
}
.contact-container {
    padding: 20px 0px 50px;
}
.crumbnav{
	padding: 10px 0px;
}
.contact-container .crumbnav{
	padding-bottom: 20px;
}
.sides.fixd{
	position: static;
	width: 100%;
}
.sides.fixd2{
	position: static;
	width: 100%;
}
.container-left{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 25px;
}
.container-right{
	width: 100%;
}
.index-title-table h2 {
    font-size: 24px;
    line-height: 32px;
}
.section1text a{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
}
.section1text {
    margin-left: 80px;
}
.mainsection1 {
    padding: 60px 0px 60px;
}
.section1title {
    margin-bottom: 20px;
}
.section1list{
	padding-bottom: 60px;
}

}

@media screen and (max-width:1000px){



.casestudy-list .swiper-button-prev {
  left: -10px;
}
.casestudy-list .swiper-button-next {
  right: -10px;
}
.customers-review-list .swiper-slide{
	flex-wrap: wrap;
	justify-content: center;
}
.customers-review-list .swiper-slide .icon{
    margin-bottom: 20px;
}
.customers-review-list .swiper-slide .text{
	width: 100%;
	height: auto;
	padding: 30px 10px 15px;
}
.info-pic-right{
	flex-wrap: wrap;
	justify-content: center;
}
.info-pic-right .pic{
	max-width: 100%;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
}
.info-pic-right .pic img{
	max-width: 100%;
	height: auto;
}
.info-pic-right .text{
	width: 100%;
}

.info-pic-left{
	flex-wrap: wrap;
	justify-content: center;
}
.info-pic-left .pic{
	max-width: 100%;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 0px;
}
.info-pic-left .pic img{
	max-width: 100%;
	height: auto;
}
.info-pic-left .text{
	width: 100%;
}
.related-list li{
	width: 100%;
}
.blog-list .list-item .text{
	width: 100%;
	padding: 30px 0px 0px;
}
.blog-list .list-item .pic{
	height: 300px;
	margin-bottom: 0px;
	max-width: 100%;
}
.blog-list .list-item{
	flex-wrap: wrap;
}
.services-list li{
	width: 48%;
}
.swiper-button-next2{
	right: 0px;
}
.swiper-button-prev2{
	left: 0px;
}
.logos {
    position: static;
}
.navs{
	position: absolute !important;
}
.tablebox table tr th{
	display: none;
}
.tablebox table tr{
    border-bottom: 1px solid #ccc;
    padding: 20px 0px 15px;
    display: block;
    width: 100%;
}
.tablebox table thead{
	display: none;
}
.tablebox table tr:last-child{
	border-bottom: 0px solid #ccc;
}
.tablebox table tr td{
	display: block;
	height: auto;
	width: auto !important;
    text-align: left;
    border: 0px solid #ccc;
    padding: 0px 10px 10px !important;
    background: none !important;
}
.tablebox table tr td .table-inquiry{
	display: inline;
}
.tablebox table tr td a{
	display: inline !important;
}

.detail-table tr:first-child th{
	padding: 15px 10px;
}
.detail-table tr th{
	display: block;
	width: 100% !important;
    text-align: left;
    padding: 15px 10px 5px !important;
    border: none !important;
    background: none !important;
    color: #000 !important;
}
.detail-table tbody tr{
	padding: 10px 0px 15px;
	border-top: 1px solid #dee2e6;
	border-bottom: none;
	display: block;
}
.detail-table tr td{
	display: block;
	border: none !important;
	width: 100% !important;
	padding: 0px 10px 5px !important;
	background: none !important;
}

.service-tit{
	flex-direction: column;
}
.service-tit h1::before{
	content: none;
}
.service-tit .btn{
	margin-left: 0px;
}
.pagebanner {
    height: 400px;
}
.pagebannertext h1{
	font-size: 28px;
	padding: 20px 20px;
	min-width: auto;
}
.contact_bottom p {
    margin-left: 0%;
}
.inquiry_form ul li {
    margin-left: 0%;
    margin-right: 5%;
}
.contact_bottom::before {
    width: 0;
}
.contact_bottom .maincon .row>div{
	width: 100%;
}
.index-title-table{
	margin-bottom: 25px;
}
.section4list li p {
    font-size: 18px;
}
.section4list li .pic{
	margin-bottom: 15px;
}
.mainsection4 .indextitle {
    margin-bottom: 30px;
}
.mainsection4 {
    padding: 60px 0px 45px;
}
.bannertext p{
	margin-bottom: 15px;
}
.bannertext {
    width: 100%;
    background: none;
    padding: 0px 6% 0px 6%;
}
.bannertext h1{
    font-size: 22px;
    line-height: 35px;
}
.bannertext h2{
    font-size: 22px;
    line-height: 35px;
}
.content {
    padding: 0px 30px;
}
.maincon{
	padding: 0px 30px;
}
.logos img {
    height: 40px;
}
.searchbox{
	height: 36px;
}
.topnav {
    padding-top: 15px;
    padding-bottom: 15px;
}
.searchbox {
    right: 100px;
    top: 50%;
    transform: translateY(-50%);
}
.sp_nav {
    display: block;
    margin-left: 30px;
    margin-top: 0px;
}	
.navs {
    width: 100%;
    height: auto;
    position: absolute;
    top: 100%;
    margin-top: 0px;
    right: 0px;
    bottom: auto;
    background: #2f4d83;
    padding-top: 0px;
    padding-left: 0px;
    z-index: 999;
    transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    opacity: 0;
    visibility: hidden;
    max-height: calc(100vh - 120px);
    overflow: auto;
}
.navs a{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #d8d8d8;
    line-height: 50px;
    line-height: 50px;
    display: block;
    margin-left: 0px;
    z-index: 999;
    padding: 0px 20px;
    float: left;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.navs.visible{transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; visibility: visible;}
.navs>ul{
	width: 100%;
	height: auto;
}
.toper.fixed .navs a{
	color: #fff;
}
.navs ul li a{
	font-size: 15px;
	line-height: 40px;
    color: #fff;
    display: inline-block;
    width: auto;
    text-align: left;
    border-bottom: none;
    padding: 0px 0px;
}
.navs ul{
	margin-top: 0px;
}
.navs ul li{
	width: 100%;
    height: auto;
    padding: 0px 0px 0px 15px;
    margin-bottom: 0px;
    position: relative;
    margin-left: 0px;
    line-height: 40px;
    border-bottom: 1px solid #3d66b0;
    display: inline-block;
}
.navs ul li:last-child{
    margin-bottom: 0px;
}
.navs>ul>li:last-child{
	border-bottom: 1px solid #3d66b0;
    margin-bottom: 0px;
}
.navs ul li img{
	height: 8px;
    cursor: pointer;
    transition: all 0.3s;
    line-height: 12px;
    top: 15px;
    position: absolute;
    right: 20px;
}
.navs ul li ul li img{
	height: 8px;
    cursor: pointer;
    transition: all 0.3s;
    line-height: 12px;
    top: 20px;
    position: absolute;
    right: 20px;
}
.navs ul li img.down{
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg); 
}
.navs ul li ul{
	display: none;
	padding-left: 10px;
	overflow: hidden;
}
.navs ul li ul li{
	padding: 0px 0px;
}
.navs ul li ul li:last-child{
	border-bottom: none;
}
.navs ul li ul li a{
	line-height: 40px;
	padding: 0px 0px;
}
.navs>ul>li>ul{
	position: static;
	width: 100%;
	padding-left: 20px;
	background: none;
}
.navs ul li ul li ul{
	position: static;
}
.navs ul li ul li ul {
    position: static;
    width: 100%;
}
.navs>ul>li:hover{
	padding-bottom: 0px;
}
.navs>ul>li>ul>li>a{
	color: #fff;
}
.navs>ul>li>ul>li>ul>li>a{
	color: #fff;
}
.navs>ul>li>ul>li>ul>li>ul>li>a{
	color: #fff;
}
.navs>ul>li>ul>li>ul>li>ul>li>ul>li>a{
	color: #fff;
}
.navs>ul li span{
	float: right;
	margin-right: 15px;
}
.navs ul li span::before{
	color: #fff;
    content: "+";
    font-weight: bold;
}
.navs ul li span.down::before{
	color: #fff;
    content: "-";
    font-weight: bold;
}
.navs>ul>li:hover {
    background: none;
    border-bottom: 1px solid #3d66b0;
}
.navs ul li ul li span::before{
	color: #fff;
	content: "+";
}
.navs ul li ul li span.down::before{
	content: "-";
}
.navs ul li ul li:hover>span::before{
	color: #fff;
}
.navs ul li ul li{
	border-bottom: 1px solid #3d66b0;
}
.navs ul li ul li:hover {
    background: none;
    border-bottom: 1px solid #3d66b0;
}
.navs>ul>li:after{
	content: none;
}
.navs ul li ul li ul{
	background: none;
	padding-left: 20px;
}
.navs ul li ul li span::before{
	top: 18px;
}
.navs a:hover{
	color: #fff;
}
.navs>ul>li:hover>a{
	color: #fff;
}
.navs ul li ul li:hover>a{
	color: #fff;
}
.service-tit h1{
	font-size: 24px;
}

}


@media screen and (min-width:1000px){





.navs>ul>li>ul>li:nth-child(n+8) ul{
	top: auto;
	bottom: -1px;
}	
.navs>ul>li.spread-nav{
	position: static;
}
.navs>ul>li.spread-nav:after{
	content: none;
}
.navs>ul>li.spread-nav>.downnav{
	width: 1400px;
	max-height: calc(100vh - 100px);
	overflow-y: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-45%);
	background: #fff;
	padding: 20px 10px;
	display: none;
	top: 100%;
}
.navs>ul>li.spread-nav>.downnav>ul{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
}
.navs>ul>li.spread-nav>.downnav>ul>div{
	width: 25%;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li{
	width: 100%;
	border-bottom: 0px solid #fff;
	padding: 5px 30px 5px 5px;
	margin-bottom: 10px;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li>a{
	color: #000;
	font-size: 16px;
	font-weight: lighter;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li>a:hover{
	color: #2e9cd4;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li>span{
	top: 11px;
    right: 20px;
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: #000;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li>span:before{
	content: '\e968';
    font-family: 'icomoon';
    position: static;
    transform: none;
    line-height: normal;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li>ul{
	position: static;
	display: none;
	padding: 6px 0px;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li:hover{
	border-bottom: 0px solid #fff;
	background: none;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li>ul li{
	padding: 5px 0px;
	border-bottom: 0px solid #fff;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li>ul li a{
	color: #666;
	font-weight: inherit;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li>ul li:hover{
	background: none;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li>ul li a:hover{
	color: #2e9cd4;
	background: none;
}
.navs ul li.spread-nav ul li:hover>span::before{
	color: #000;
}
.navs ul li.spread-nav ul li span:hover::before{
	color: #2e9cd4;
}
.navs ul li.spread-nav ul li span.down::before{
	color: #2e9cd4;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li>ul>li>a{
	color: #737373;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li>ul>li{
	position: relative;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li>ul>li>span{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
	top: 13px;
    right: 5px;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    color: #888;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li>ul>li>span:before{
	content: none;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li>ul>li>ul{
	padding-left: 0px;
	display: none;
	position: absolute;
	left: 0%;
	top: 100%;
	z-index: 22;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	border: 1px solid rgba(0,0,0,.15);
	background: #fff;
	padding: 5px 20px 10px !important;
	width: 320px;
}
.navs>ul>li.spread-nav>.downnav>ul>div>li>ul li:hover>ul{
	display: block;
}


		
}



@media screen and (max-width:992px){


.career-application .inquiry_form ul li{
	width: 100%;
}	
.service-tit .col-md-3{
	text-align: left;
	margin-top: 20px;
}	
.service-tit h1{
	padding-bottom: 5px;
}
	
	
}


@media screen and (max-width:800px){


.casestudy-list .product-case-study{
	padding: 30px 10px 15px;
}
.section1list{
	width: 100%;
}
.side-box{
	padding: 15px 0 10px;
}
.side-box .side-headline{
	padding: 0 10px;
}
.side-box .side-content{
	padding: 20px 10px 0;
	margin-top: 10px;
}
.container-row-a {
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
}
.container-row-a li{
	width: 100%;
}
.contact-map {
    height: 400px;
}
.service-tit h1{
	font-size: 22px;
}
.contact-container {
    padding: 10px 0px 30px;
}
.inquiry_form .file-input input {
    width: 100%;
}
.pagebannertext h1 {
    font-size: 22px;
    padding: 0px 0px;
    background: none;
}
.mainsection3{
	height: 300px;
}
.inquiry_form .submit{
	font-size: 16px;
}
.footlogo {
    width: 170px;
}
.inquiry_form ul li{
	width: 100%;
	margin-right: 0px;
}
.inquiry_form textarea {
    width: 100%;
}
.mainsection4 {
    padding: 50px 0px 25px;
}
.mainsection1 {
    padding: 60px 0px 40px;
}
.section1text a h3{
	font-size: 18px;
}
.indextitle {
    font-size: 20px;
    line-height: 26px;
}
.section1con{
	flex-wrap: wrap;
	justify-content: center;
}
.section1title .indextitle br{
	display: none;
}
.section1title img {
    display: block;
    margin: auto;
}
.section1text {
    margin-left: 0px;
    width: 100%;
}
.content {
    padding: 0px 15px;
}
.maincon{
	padding: 0px 15px;
}
.searchbox {
	width: 100%;
    right: 0px;
    top: 100%;
    transform: translateY(0%);
    padding: 10px 15px;
    height: 56px;
    background: #f4f4f4;
}
.searchbox input{
	width: 100%;
	border-radius: 20px 20px 20px 20px;
}
.searchbox button{
	left: auto;
	right: 0px;
	position: absolute;
}
.topnav {
    padding-top: 8px;
    padding-bottom: 8px;
}
.logos img {
    height: 34px;
}
.bannertext h1{
    font-size: 24px;
    line-height: 32px;
}
.bannertext h2{
    font-size: 24px;
    line-height: 32px;
}

}

@media screen and (max-width:600px){



.services-list li{
	width: 100%;
}
.copyright .content{
	flex-direction: column;
	align-items: flex-end;
}
.copyright .content p{
	margin-bottom: 8px;
	width: 100%;
}
.validate input {
    width: 100%;
}
.validate {
    flex-wrap: wrap;
}
.validate img{
	margin-left: 0px;
	height: 34px;
}

}
.h2-title {
	font-size: 24px;
	position: relative;
	z-index: 2;
	margin-bottom: 35px;
	color: #333333;
	font-family: 'Poppins-Bold';
}

.h2-title:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #2e9cd444;
	width: 112px;
	height: 16px;
	z-index: -1;
}