.aboutus_bg{background:url(../images/banner-about-us.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.careers_bg{background:url(../images/banner-careers.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.contactus_bg{background:url(../images/banner-contact.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.order_bg{background:url(../images/banner-order.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.inquiry_bg{background:url(../images/banner-inquiry.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.promotions_bg{background:url(../images/banner-promotions.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.services_bg{background:url(../images/banner-servcies.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.technologies_bg{background:url(../images/banner-technologies.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.serviceslist_bg{background:url(../images/banner-services-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}

.tophead{background: #4c5eaa; height: 48px; line-height: 48px; color: #fff; font-size: 14px;}
.topcontact{background: #ff9f4c; line-height: 48px; text-align: center; color: #fff; width: 245px; font-size: 14px; float: right;}		
	
.auto-header{width:80%; margin:0 auto; height: auto;}
.nav{width:100%; background: #f7f8f9; padding-bottom: 10px;}
.logo{width:240px; float:left; border:0px; position: relative; z-index: 99;}
	
.btn {
	padding:1em 2em;
	color: #fff;
	text-decoration: none;
	font-size:16px;
	text-align: center;
	display: inline-block;
	border-radius: 30px;
	letter-spacing: 0px;
	background: #ff9f4c;
}
.btn:hover {
	color:#fff;
	transition: background-color .3s;
	background-color:#4c5eaa;
	}
	
.botton {
	padding:0.6em 1.4em;
	color: #fff;
	text-decoration: none;
	font-size:16px;
	text-align: center;
	display: inline-block;
	border-radius: 5px;
	letter-spacing: 0px;
	background-color:#ff9f4c;
}
.botton:hover {
	color:#fff;
	transition: background-color .3s;
	background-color:#4c5eaa;
	}
.botton:before{content: "\f105";
    font-family: "FontAwesome";
    color: #fff; 
    padding-right: 5px;
    float: right;
    padding-left: 10px;
	}
	
/*search-css*/
#goodcover{display:none;position:absolute;top:0%;left:0%;width:100%;height:5000px;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:0.70;filter:alpha(opacity=80);margin-top:-45px;overflow:hidden;}
#code{width:1000px;height:auto;overflow:hidden;padding:10px;position:absolute;display:none;left:45%;z-index:1002;text-align:center;}
.close1{width:100%;height:60px;}
#closebt{float:right;}
#closebt img{width:25px;}
/*input*/
.searchtxt{width:100%; height:auto; overflow:hidden; margin:0 auto;}
.search-input{border:0;outline:none;font-size:16px;height:46px;padding-left:20px; min-width: 50%;}
.searchtxt select{height:46px; border:0; font-size:16px; color:444; outline:none; padding:0 10px;}
.searchtxt .btnx{padding:15px 40px;clear:both;color:#fff;font-size:16px;text-decoration:none;background-color:#2751a3;border:0px;outline:none; cursor: pointer;}
.searchtxt .btnx:hover {color:#FFF; transition: background-color .3s; background:#f84949;}

.submit_search a{text-decoration:none; float:right; margin:10px 0 0 0;  position:relative; cursor:pointer; background: #4c5eaa; border-radius: 100%; line-height: 38px; height: 38px; width: 38px; text-align: center; z-index: 99;}
.submit_search a:before{content:"\f002";font-family:FontAwesome;font-size:18px;color:#fff; text-align:center; }
.fixed{position: fixed; z-index: 999; display:inline-block;  width:100%; margin:0 auto; background-color:#f7f8f9;}
	
.index-aboutbgcolor{background: #f5f5f5; height: auto; overflow: hidden;}
	.about-container{
    height: 450px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left;}
.about-1-1-img{position: absolute; left: 50px; bottom: 30px; width:53%;}
.about-1-1-img img{border-radius: 20px; transition: all 0.5s; max-width: 100%;}
.about-1-1-img img:hover,.about-1-2-img img:hover,.about-1-3-img img:hover {
    transform: scale(1.05);
}
.about-1-2-img{position: absolute; right: 20px; top: 10px; width: 33%;}
.about-1-2-img img{border-radius: 20px; transition: all 0.5s;max-width: 100%;}

.about-1-3-img{position: absolute; right: 20px; bottom: 30px; width: 33%;}
.about-1-3-img img{border-radius: 20px; transition: all 0.5s; max-width: 100%;}

.container{width:80%;margin:40px auto; padding:0; position:relative; height:auto; overflow:hidden;}
.title-name{font-size: 1.8rem;  color: #4c5eaa;}
.container p{line-height: 1.8em;}
.before-ater{height: 8px; background: #ff9f4c; display: block;width: 80px; border-radius: 10px; margin: 10px auto;}
	
.container-center{width: 100%; padding: 80px 0; background: #4c5eaa; position: relative;}	
	.container-center-row{margin: 0!important; height: auto; overflow: hidden; color: #fff;}
	.icon-list a{display: block; margin-top: 20px; margin-bottom: 10px;
    width: 80%;
    padding:10px 60px;
    background: rgba(255,255,255,.1);
    transition: all .36s; text-decoration: none; color: #fff; border-radius: 10px;
	}
	.icon-list a img{width:36px;vertical-align:middle; margin-right: 20px;}
	.icon-list a:hover{background: #ff9f4c;}
	.icon-list a:hover .rightimg{opacity:1}
	.rightimg{opacity:0; float: right;}
	
	.technologies-left img{max-width: 100%;}
	.technologies-left{position: absolute; width: 50%;}
	.margin-top100{margin-top: 240px;}
	
	.triangle-mask:after,.triangle-mask:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    /*border-top: .0625rem solid #e8e8e8;*/
    top: 100%;
    left: -50%;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    z-index: 1
}

.triangle-mask:after {
    left: 50%;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg)
}
	.triangle-mask img{max-width: 100%;}	
	.triangle-mask{position: relative;}

.single-services-box {
	position: relative;
	z-index: 1;
	text-align: center;
	border-radius: 5px;
	background-color: #ffffff;
	margin-bottom: 30px;
	overflow: hidden;
	-webkit-box-shadow: -1px 3px 20px 0px rgba(82, 90, 101, 0.1);
	-moz-box-shadow: -1px 3px 20px 0px rgba(82, 90, 101, 0.1);
	box-shadow: -1px 3px 20px 0px rgba(82, 90, 101, 0.1);
    -webkit-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    will-change: transform;
}
.single-services-box:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	min-width: 100%;
	border-bottom: 3px solid #1877dd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	transform: scaleX(0);
    -webkit-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    will-change: transform;
}
.single-services-box:hover:before {
  transform: scaleX(1);
}

.single-services-box .services-img img {
    display: block;
    width: 100%;
}
.single-services-box .services-info {
    padding: 30px 20px; min-height: 332px; position: relative;
}

.single-services-box .services-info h3 {
	font-size: 20px;
	margin-bottom: 0;
    -webkit-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    will-change: transform;
}

.single-services-box .services-info h3 a {
  display: inline-block; color: #333; text-decoration: none;
}
.single-services-box .services-info h3 a:hover {color: #4c5eaa;}

.single-services-box .services-info p {
	font-size: 15px;
	margin-top: 12px;
	margin-bottom: 0;
    -webkit-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    will-change: transform;
}

.single-services-box .services-info .services-btn-box {
position: absolute; bottom: 20px; text-align: center; left: 36%;
}

.single-services-box .services-info .services-btn-box .services-btn-link {
    display: inline-block;
    font-size: 15px;
    color: #333;
    font-weight: 700;
    -webkit-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    will-change: transform;
	text-decoration: none; 
}

.single-services-box .services-btn-box a i {
    color: #ffffff;
    font-size: 14px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #1877dd;
    margin-right: 5px;
    border-radius: 30px;
    -webkit-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

.single-services-box:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.single-services-box:hover h3 {
	color: #333;
}

.single-services-box:hover h3 a {
	color: #333;
}

.single-services-box:hover p {
	color: #333;
}

.single-services-box:hover .services-btn-box .services-btn-link {
	color: #1877dd;
}

.single-services-box:hover .services-btn-box i {
	color: #fff;
	background-color: #392d78;
}
.services-more-btn-box {
    margin-top: 15px;
}

.contact-left-bgcolor{background: #f5f5f5; padding: 30px 200px 30px 80px;}
	.get-a-quote{background: #4c5eaa; border-radius: 60px 0 0 0; padding: 50px 0 50px 150px; color: #fff; margin-bottom: 50px;}
	.get-a-quote h2{color: #fff;}
	.get-a-img img{width: 180px;}
	.get-a-img{position: absolute; right: -180px; z-index: 9; top: 100px;}
	
.table_COA .tab-nav {
	background: #fff;  width:100%; height: auto; overflow: hidden; margin-top: 50px; text-align: center;}

.table_COA .tab-nav a {text-decoration: none;  width: 20%; padding: 20px; text-align: center; color: #666; float: left;}
.table_COA .tab-nav a.current {border-bottom: 2px #f8931f solid; background: #f9f9f9; color: #4c5eaa;}
.table_COA .tab-nav a.current .image-bottom{display: block!important; margin: 0 auto;}
.table_COA .tab-nav a.current .image-top{display: none; margin: 0 auto;}
.table_COA .tab-nav a:hover {color: #000; border-bottom: 2px #f8931f solid;}
.table_COA .tab-con {position: relative; width: 100%;margin-bottom: 30px; background: #f9f9f9; height: auto; overflow: hidden;} 
.table_COA .tab-con-item p{display:block;}
.table_COA .tab-con-item {padding: 20px;}
	.table_COA .tab-con-item h3{color: #4c5eaa;}
	.pic-max-width{width: 100%;}
	.tab-con-item > .row{height: auto; overflow: hidden;}
	
/*contact Us index*/
.contact_bottom{width:100%; height:auto; overflow:hidden; margin:0 auto; background:#4c5eaa;}
.contact_container{width:80%;margin:40px auto; padding:0; position:relative; height:auto; overflow:hidden;}
.footer-title{font-size:18px; color: #fff; margin: 0; padding-bottom: 20px; font-weight: bold; font-weight: normal;}
.contact_container p{color:#fff; text-decoration:none; line-height:28px;}

.contact_container input{line-height:45px; width:60%; margin:10px 0; border-top: 0; border-left: 0; border-right: 0; background: #fff; outline:none;color: #aac6d1;font-size: 16px; border: 1px #ccc solid; border-radius: 30px; padding-left: 10px;}
.footer-button {
	background: #ff9f4c;
	padding: 15px 30px;
	margin-top: 10px;
	color: #fff;
	font-size: 16px;
	cursor:pointer;
	border: 0;
	border-radius: 30px;
}

.footer-button:hover {background: #0d1f2f;transition: background-color .3s;}
	
.list-style-two{position:relative;list-style-type:none; margin:0; padding:0;}
.list-style-two li{position:relative;font-size:15px;font-weight:400;padding-left:40px;margin-bottom:10px;color:#fff; line-height:36px}
.list-style-two li .icon{position:absolute;left:0px; width:30px; height:30px; color:#121420;font-size:16px;line-height:1em;text-align:center; background-color:#fff; padding-top:5px; margin-top:2px; border-radius: 100%; }
.list-style-two li a{color:#ff9f4c; text-decoration:none;}

.list-style-left{position:relative;list-style-type:none; margin:0; padding:0;}
.list-style-left li{position:relative;font-size:15px;font-weight:400;padding-left:40px;margin-bottom:10px;color:#000; line-height:36px}
.list-style-left li .icon{position:absolute;left:0px; width:30px; height:30px; color:#fff;font-size:16px;line-height:1em;text-align:center; background-color:#4c5eaa; padding-top:5px; margin-top:2px; border-radius: 100%; }
.list-style-left li a{color:#4c5eaa; text-decoration:none;}

.cop{border-top: 1px #6874a7 solid; color: #fff;width: 100%; margin-top: 20px; padding-top: 20px;}
.cop span img{width: 20px;}
.cop span{float: right;}

/*------in page css---------*/
/*in page css */


.banner_inpage{width:100%; height:400px; margin:0 auto; position: relative; display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
.banner_inpage::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
}
.banner-title{font-size: 2.5rem; z-index: 9; font-weight: bold; color: #fff; width: 80%; text-align: center;}
.bread-crumb{position:relative;font-size:1rem; width: 80%; padding: 30px 0; margin: 0 auto;}
.bread-crumb li{position:relative;display:inline-block;font-size:16px; color:#4c5eaa; line-height:24px;}
.bread-crumb li:last-child{margin-right:0px;}
.bread-crumb li:after{content:'>';font-family:'FontAwesome'; width:10px;line-height:26px;font-size:14px;color:#666; text-align: center; padding: 0 10px;}
.bread-crumb li:last-child:after{display:none;}
.bread-crumb li a{color:#666; transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease; text-decoration:none;}
.bread-crumb li a:hover{color:#4c5eaa;}

.about-leftimg{position: absolute; z-index: 9; top: 50px; width: 140%;}
.about-leftimg img{max-width: 100%;}

.about-rightimg{position: absolute; z-index: 9; top: 120px; left: -100px; width: 140%;}
.about-rightimg img{max-width: 100%;}

.aboutlist{border: 1px #ccc solid; border-radius: 20px; padding: 20px; background: #fff; position: relative; z-index: 9}
.aboutlist h3{color: #4c5eaa;}

.contactlist{border: 1px #ccc solid; border-radius: 20px; padding: 50px 0; background: #fff; position: relative; z-index: 9; text-align: center;}
.contactlist h3{color: #4c5eaa;}
.contactlist img{width: 50px;}

.about-bottom-img{width: 300px; z-index: 9; position: relative; margin: -30px auto 0 auto; padding: 80px 30px 30px 30px; border-left: 2px #ccc solid;}
.about-bottom-img img{width: 200px; border-radius: 200px; border: 2px #fff solid;}

.carees-icon{text-align: center;}
.carees-icon img{width: 60px;}

.job_show .row{border-bottom:1px solid #efefef; height: auto; overflow: hidden;background-color:#fafafa; padding: 10px;}
.job_show .row div[class*="col-md"]:first-child{font-weight:bold;}
.job_show .row:nth-child(2n+1){ background-color:#fafafa;}

.menu_list{width:100%; float:left; height:auto; overflow:hidden;}
.menu_head{color:#ff9f4c;
    background:url(../images/pro_down.png) center right no-repeat;
    cursor:pointer; position:relative; font-size:16px; font-weight: bold; margin-bottom: 20px; padding-left: 10px; padding: 10px; border-left: 3px #ff9f4c solid;}
.menu_head span{font-weight: normal; display: block; width: 100%; padding-top: 10px; border-top: 1px #b2b2b2 solid; margin-top: 10px; line-height: 30px; color: #444;}
.menu_list .current{color:#ff9f4c;background:url(../images/pro_left.png) center right no-repeat;}
.menu_body{padding: 0 10px;}

.careers-rightimg{position: absolute; z-index: 9; top: 150px; left: -100px; width: 140%;}
.careers-rightimg img{max-width: 100%;}

.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-float:hover,.hvr-float:focus,.hvr-float:active{-webkit-transform:translateY(-8px);transform:translateY(-8px);}
.hvr-float{text-align: center;}
.hvr-float img{max-width: 100%;}
.hvr-float h3 a{color: #4c5eaa; text-decoration: none; font-size: 1rem;}

.ullist {padding:0px 0px 0 19px; margin-bottom: 0;}
.ullist li {list-style: disc; line-height: 1.8em; font-size: 1rem;}
.ullist li >ul>li{list-style-type:circle}
.ullist li a{color:#356a93; text-decoration: none;}
.ullist li a:hover{text-decoration: underline;color:#ff9f4c;}	
	
	
.inquiry_form{width: 100%; margin:0 auto 0;} 
.inquiry_form ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px!important;}
.inquiry_form li{position:relative; width:49.5%;display:inline-block; vertical-align: top;}
.inquiry_form label{width:100%;display:inline-block;text-align:left;padding:15px 0; font-size:1rem; color:#000;}
.inquiry_form input{height:50px; width:100%; border-radius: 5px; border: 1px solid #ddd; padding-left:10px; outline:none; color:#444;}
.inquiry_form select{height:50px; width:100%; border-radius: 5px; border: 1px solid #ddd; padding-left:10px; outline:none; color:#444;}
.inquiry_form option{font-size: .875rem; padding: 10px 0;}
.inquiry_form textarea{padding-left:10px;width:100%; outline:none; border-radius: 5px; border: 1px solid #ddd;}

.inquiry_form textarea{font-family:'Proxima Nova Rg', sans-serif; padding-top:10px;}
.inquiry_form-left li{position:relative; width:100%;display:inline-block;}

	
.ullist-1 li{display:inline-block; background:url(../images/liicon-01.svg); background-repeat:no-repeat; padding-left:30px; margin-bottom: 10px; width:100%;
	background-size: 20px; line-height: 1.6em; background-position: top left;}
.ullist-1 li a{color:#4577a1; text-decoration:none;}
.ullist-1 li a:hover{color: #f84949;}

	.ullist-2 li{display:inline-block; background:url(../images/list-icon.png); background-repeat:no-repeat; padding-left:30px; margin-bottom: 10px; width:100%; background-position: left;
	background-size: 20px;}
.ullist-2 li a{color:#4577a1; text-decoration:none;}
.ullist-2 li a:hover{color: #f84949;}

.page-center-bg{background: url(../images/page-center-bg-img.png); position: relative; background-repeat: no-repeat; background-attachment: fixed; background-size: 100%; color: #fff;  padding: 50px 0;}
.page-center-bg::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(19, 64, 137, 0.5);
    top: 0;
    left: 0;
	
}
.page-center-bg h2,.page-center-bg p{text-align: center; font-weight: normal; z-index: 99; position: relative;}
	
.services-page-li{background: #4c5eaa; border-radius: 10px; color: #fff; margin-top: 30px; text-align: left; padding: 20px;}
.services-page-li h3{margin-top: 0;}
.services-page-li:hover{background: #ff9f4c;transition-duration:0.3s;}
.title-works{color: #ff9f4c; text-align: center; padding: 10px; margin-right: 10px;}
.body-works{background: #fff; padding: 20px; line-height: 1.6em; margin-right: 10px; min-height: 100px;}

.arrow-works{position: absolute; right: -10px; top:50%;}

.technologies-page-li{background: #5f6daa; border-radius: 10px; color: #fff; margin-top: 30px; text-align: left; padding: 20px; min-height: 420px; position: relative;}
.technologies-page-li h3{font-size: 1rem;}
.technologies-page-li:hover{background: #ff9f4c;transition-duration:0.3s;}
.technologies-page-li img{width: 30px;}

.technologies-more{opacity:0; vertical-align:middle; position: absolute; bottom: 20px;}
.technologies-more img{vertical-align:middle; margin-left: 10px; width: 26px;}
.technologies-page-li:hover	.technologies-more{opacity:1;}
.t-img{border-radius: 50%; width: 120px;}


.scroll_a{float: right; font-size: 1rem; color: #fff!important; padding: 8px 14px; background: #4c5eaa;}
.scroll_a:hover{background: #ff9f4c;}
.title_services{font-size: 1.6rem; float: left; margin: 0;}

/*.pageservices h2:before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 6px;
	border-radius: 10px;
    background: #ff9f4c;
    position: absolute;
    top: 0;
    left: 0;
}*/
.pageservices h2{position: relative; font-size: 1.375rem; color: #4c5eaa; background: #f8f8f8; border-left: 4px solid #ff9f4c; padding: 10px;}
.pageservices h3{background: url(../images/icon-01.png)!important; background-repeat: no-repeat!important; background-size: 18px!important; padding-left: 26px; background-position:0px 4px!important; margin-bottom: 10px; width: 100%!important; text-align: left!important; font-weight: bold;}
.pageservices h3 a{color: #4c5eaa; text-decoration: none;}
.pageservices h3 a:hover{color: #ff9f4c; text-decoration: underline;}

.pageservices ul{line-height: 26px; height: auto; overflow: hidden; padding-left: 20px;}
.pageservices ul li{margin-bottom: 10px; list-style-type: disc;}
.pageservices ul li a{color: #4c5eaa; text-decoration: none;}
.pageservices p a{color: #4c5eaa; text-decoration: none;}

.Reference,.reference{color:#666;font-size:0.95em}
.Reference p,.reference p{margin-bottom:10px}
.Reference ol,.reference ol{margin-bottom:15px!important;padding-left:15px!important;}
.Reference ol li,.reference ol li{list-style: decimal!important; margin-bottom: 10px!important;}

.show-center,.show-left,.show-right{color:#666;text-align:center;font-size:0.95em;line-height:1.7em !important}
.show-center img,.show-left img,.show-right img{display:block;margin-right:auto;margin-bottom:15px;margin-left:auto;height:auto;max-width:100%}

.navi-layout{margin-bottom: 20px;}
.title-side{color: #fff; padding: 10px; font-size: 1.2rem; position: relative; background: #4c5eaa; margin: 0;}
.title-side::before{
	    content: "\f036";
    font-family: 'FontAwesome';
    cursor: pointer;
	text-align:left;
	color: #fff;
	/*background: rgb(235, 144, 7, 1);*/
	font-size: 18px;
	font-weight: normal;
	border-radius: 100%;
	position: absolute;
	right: 10px;
	top: 15px;
}
.section-tittle {
  margin-bottom: 20px;
	height: auto; overflow: hidden;
}
.section-tittle h1{font-size: 1.875rem; color: #ff9f4c; float: left;  margin: 0; width: 90%;}
.product-navi
{
    position: relative;
    padding: 10px;
	background: #f0f0f0;
}
.product-navi>li
{
    position: relative;
    padding: 0;
	list-style: none;
}
.product-navi>li:not(:last-child)
{
    border-bottom: 1px solid rgba(255,255,255, 0.2);
}
.product-navi>li span
{
    position: absolute;
    right:0;
    font-size: 20px;
    color:#333;
    top: 6px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-navi>li>a
{
    font-size: 14px;;
    color:#333;
    margin-right: 20px;
    line-height: 22px;
    display: block;
    padding: 8px 2px;
    /*   font-family: "seguisym";*/
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
	text-decoration: none;
	border-bottom: 1px #d7d7d7 solid;
}
.product-navi>li>a:hover
{
    color:#000;;
}
.product-navi>li ul
{
    position: relative;
    display: none;
    padding-left: 10px;
}
.product-navi>li ul li
{
    position: relative; list-style: none;
}
.product-navi>li ul a
{font-size: 14px;
    position: relative;
    color:#333;
    line-height: 20px;
    display: block;
    padding:10px 20px 10px 6px;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
	text-decoration: none;
	border-bottom: 1px #d7d7d7 solid;
}
.product-navi>li ul a:hover
{
    color:#537ca9;
}
.product-navi>li ul>li:not(:last-child)
{
    position: relative;
    /*	border-bottom: 1px solid rgba(212,212,212,1);*/
}


.leftnavbg{width: 100%;background:url(../images/leftnavbg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; color: #ff9f4c; font-size: 26px; padding: 50px 150px 50px 20px; font-weight: bold;}

@media (min-width:992px){
    .show-left,.show-right{display:inline-block}
    .show-right{float:right;margin-left:15px}
    .show-left{float:left;margin-right:15px}
}
@media (max-width:992px){
    .show-right,.show-left{width:100%;margin:0}
}


@media (min-width: 1025px) and (max-width: 1280px){
	.about-leftimg{width: 380px;}
}
.related{width: 100%; float: left; padding: 10px; background: #4c5eaa; border-radius: 10px; margin-top: 10px;}
.related a{text-decoration: none; color: #fff; font-size: 0.875rem;}
.related:hover{ background: #ff9f4c;transition-duration:0.3s;}

.related:before {
    content: "\f105";
    font-family: "FontAwesome";
    color: #fff;
    padding-right: 10px;
    float: left;
    padding-left: 5px;
	padding-top: 5px;
}


@media (max-width: 1024px){
.menu{padding-top: 0!important;}
		
.tophead{display: none;}
	
.auto-header{width:100%; margin:0 auto; height: auto; overflow: hidden;}
.nav{width:100%; background: #f7f8f9; height: auto; overflow:hidden; padding-bottom: 0;}
.logo{width:260px; height:57px; border:0px; margin: 20px auto; float: none;}

/*search-css*/
#goodcover{display:none;position:absolute;top:0%;left:0%;width:100%;height:5000px;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:0.70;filter:alpha(opacity=80);margin-top:-45px;overflow:hidden;}
#code{width:100%;height:auto;overflow:hidden;padding:10px;position:absolute;display:none;left:50%;z-index:1002;text-align:center;}
.close1{width:100%;height:60px;}
#closebt{float:right;}
#closebt img{width:25px;}
/*input*/
.searchtxt{width:100%; height:auto; overflow:hidden; margin:0 auto 0 -10px;}
.search-input{border:0;outline:none;font-size:16px;height:46px;padding-left:20px; min-width: 100%;}
.searchtxt select{height:46px; border:0; font-size:16px; color:444; outline:none; padding:0 10px; width: 100%;}
.searchtxt .btnx{padding:15px 40px;clear:both;color:#fff;font-size:16px;text-decoration:none;background-color:#2751a3;border:0px;outline:none; cursor: pointer; width: 100%;}
.searchtxt .btnx:hover {color:#FFF; transition: background-color .3s; background:#f84949;}

.submit_search a{text-decoration:none; float:right; margin:10px 0 0 0;  position:relative; cursor:pointer; background: #4c5eaa; border-radius: 100%; line-height: 38px; height: 38px; width: 38px; text-align: center;}
.submit_search a:before{content:"\f002";font-family:FontAwesome;font-size:18px;color:#fff; text-align:center; }
.fixed{position: relative; z-index: 999; display:inline-block;  width:100%; margin:0 auto; background-color:#f7f8f9;}
.btn {
	padding:1em 2.5em;
	color: #fff;
	text-decoration: none;
	font-size:16px;
	text-align: center;
	display: inline-block;
	border-radius: 2px;
	letter-spacing: 0px;
	border: 2px #fff solid;
}
.btn:hover {
	color:#fff;
	transition: background-color .3s;
	background-color:#f84949;
	border: 2px #f84949 solid;
	}
	.title-name{font-size: 1.8rem; position: relative; color: #4c5eaa;}
	.container{width: 90%; margin: 0 auto;}
.container p{line-height: 1.4em;}
	
	
.container-center{width: 100%; padding: 10px 0; background: #4577a1;}	
.font-color{color: #fff; font-size: 2rem; margin: 0;}	
.triangle-mask:after,.triangle-mask:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    /*border-top: .0625rem solid #e8e8e8;*/
    top: 100%;
    left: -50%;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    z-index: -1;
}
.triangle-mask:after {
    left: 50%;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg)
}
	.triangle-mask img{max-width: 100%;}	
	.triangle-mask{position: relative;}



	.cards-botton{text-align: center; padding-top: 20px;}


	.icon-list a{width: 100%; padding: 10px 0;}
	.icon-list a img{margin-right: 5px;}
	.get-a-quote{padding: 20px;}
	.table_COA .tab-nav a{width: 100%;}

	
	.banner_inpage{width:100%; height:400px; margin:0 auto; position: relative; display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
.banner_inpage::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
}

.ullist {padding:0px 0px 0 19px; margin-bottom: 0;}
.ullist li {list-style: disc; line-height: 1.8em; font-size: 1rem;}
.ullist li >ul>li{list-style-type:circle}
.ullist li a{color:#356a93; text-decoration: none;}
.ullist li a:hover{text-decoration: underline;color:#fd6b1c;}	
	
	
.inquiry_form{width: 100%; margin:0 auto;} 
.inquiry_form-title{color: #333;font-size: 28px;font-family: "Century Gothic";}
.inquiry_form ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px!important;}
.inquiry_form.inquiry_form li{position:relative; width:100%;display:inline-block; vertical-align: top;}
.inquiry_form label{width:100%;display:inline-block;text-align:left;padding:15px 0; font-size:1rem; color:#000;}
.inquiry_form input{height:50px; width:100%; border-radius: 5px; border: 1px solid #ddd; padding-left:10px; outline:none; color:#444;}
.inquiry_form select{height:50px; width:100%; border-radius: 5px; border: 1px solid #ddd; padding-left:10px; outline:none; color:#444;}
.inquiry_form option{font-size: .875rem; padding: 10px 0;}
.inquiry_form textarea{padding-left:10px;width:100%; outline:none; border-radius: 5px; border: 1px solid #ddd;}

	.related div{width: 100%;}
	.get-a-img{display: none;}
}

.image-top {
    position: relative;
    z-index: 1; display: block; margin: 0 auto;
  }
  .image-bottom {
display: none;
  }

.tarticle-type img{border-radius: 100%; transition: all 0.5s; max-width: 100%;}
.tarticle-type img:hover,.about-1-2-img img:hover,.about-1-3-img img:hover {
    transform: scale(1.1);
}

.published-data{padding: 10px; border: 2px solid #afafaf;}
.published-data:hover{border: 2px solid #4c5eaa; background: #fff8f3; transition: background-color .5s;transition: all 0.5s;}
.published-data h1{font-size: 1.5rem;}
.page-list{padding: 10px; border: 1px solid #afafaf;}
.page-list:hover{border: 1px solid #4c5eaa; background: #fff8f3; transition: background-color .5s;transition: all 0.5s;}
.page-list img{max-width: 100%;}
.page-list:hover a{color: #ff9f4c!important;}

.ullist-4 {padding-left:0px!important;}
.ullist-4 li {list-style-type: none!important; padding-left: 30px; line-height: 26px!important; font-size: 1rem!important; margin-bottom: 10px; width: 100%!important; text-align: left!important; position: relative;}
.ullist-4 li:before {
    content: '✥';
    position: absolute;
    top: 2px;
	font-size: 18px; font-weight: bold;
    left: 0;
}
.ullist-4 li a{color:#4c5eaa; text-decoration:none;}
.ullist-4 li a:hover{color: #f84949;}

.ullist-3 {padding-left:0px!important;}
.ullist-3 li {list-style: none; line-height: 26px!important; font-size: 1rem!important; background: url(../images/icon-01.png)!important; background-repeat: no-repeat!important; background-size: 18px!important; padding-left: 26px; background-position:0px 4px!important; margin-bottom: 10px; width: 100%!important; text-align: left!important;}
.ullist-3 li a{color:#4c5eaa; text-decoration:none;}
.ullist-3 li a:hover{color: #f84949;}

.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}


.roll{
	position: relative;
	display: inline-block;
	cursor: pointer;
	width: 33%;
	margin-bottom: 20px;text-align: center; vertical-align: top;
}
.roll .box-content{
	width: 100%;
	min-height: 220px;
	position: absolute;
	top: 0;
	left: 0;
	background: #4c5eaa;
	/*opacity: 0.8;*/
	filter:alpha(opacity=80); 
	transform: rotateY(90deg);
	transition: all 0.50s ease-in-out 0s;
	overflow: hidden;
}
.roll .box-img{
	transform: rotateY(0);
	transition: all 0.50s ease-in-out 0s;
}
.roll:hover .box-img{
	transform: rotateY(-90deg);
}
.roll:hover .box-content{
	transform: rotateY(0);
}

.roll .box-content .t4,.roll .box-content2 .t4{
	font-size: 14px;
	color: #fff;
	height: 180px;
	padding: 10px 10px 10px 20px;
	text-align: left;
}
.roll a{text-align: center; margin-top: 10px; color: #4c5eaa; text-decoration: none;}
.box-img img{max-width: 100%;}

.row-list{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 20px;
	margin: 0;
}

.row-list .col-md-4{
	width: calc(32% - 5px)!important; padding: 0;
}
.post-content h3{margin: 0;}
.post-content h3 a{color: #2751a3; text-decoration: none;}
.post-content p{margin-top: 0;}
.screen-reader-text{display: none;}

.buyinquiry{position: fixed;top:45%;padding:10px;right:0; background-color:#4c5eaa; z-index:1000; text-align: center; width: 72px;-webkit-box-shadow: 0 0 8px 0 #4c5eaa; box-shadow: 0 0 8px 0 #4c5eaa;}
.buyinquiry:hover{background-color: #ff9f4c;  -webkit-box-shadow: 0 0 8px 0 #ff9f4c; box-shadow: 0 0 8px 0#ff9f4c; transition: .5s all ease;}
.buyinquiry span{display: block; color: #fff; font-size: 14px;}
.buyinquiry:before {
    content: "\f003";
    font-family: "FontAwesome";
    font-size:20px;
    color:#FFF;
}

.transitionbox{width:100%;height:100%;border:2px solid #d9d9d9;border-radius:0 21px 21px 21px; padding:0 10px 10px 10px;transition:all 0.3s ease-in-out;;margin: 5px 0 30px;}
.transitionbox:hover{border:2px solid #4c5eaa;background-color:#f6f4fa;}


.clearfix{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 20px;
	margin: 0;
}

.clearfix .roll{
	width: calc(32% - 5px)!important; padding: 0;
}