.mtb-10 { margin-top: 10px; margin-bottom: 10px;}
.mtb-20 { margin-top: 20px; margin-bottom: 20px;}
.mtb-30 { margin-top: 30px; margin-bottom: 30px;}
.mt-10 { margin-top: 10px;}
.mt-20 { margin-top: 20px;}
.mt-30 { margin-top: 30px;}
.mt-50 { margin-top: 50px;}
.mb-0 { margin-bottom: 0px;}
.mb-10 { margin-bottom: 10px;}
.mb-20 { margin-bottom: 20px;}
.mb-30 { margin-bottom: 30px;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ptb-20 { padding-top: 20px; padding-bottom: 20px;}
.ptb-30 { padding-top: 30px; padding-bottom: 30px;}
.pt-30 {padding-top: 30px;}
hr.clear { width: 100%; height: 1px; border:0; margin:0;padding: 0;  clear: both;}
hr.space { border:0; margin:30px 0;}
hr.spaceL { border:0; margin:50px 0; height: 1px; clear: both; width: 100%; display: table; background: #9cdbd5;}
hr.spaceS { border:0; margin:15px 0; height: 0; clear: both; width: 100%; display: table;}
.img-full {width: 100%}
.md-show { display: none;}
.md-hide { display: block;}
.sm-show { display: none;}
.sm-hide { display: block;}
.red-arr i {color:#00d4d4; }
.bg-colorfull{	background-color: transparent;background-image: linear-gradient(90deg, #00dec9 0%, #0286c1 100%);}
.fck img { max-width: 100%;}
.embed-container {width:100%!important; margin: 30px auto;} 
html .btn-primary i, html.sticky-header-active .btn-sticky-primary i { line-height: 1.5; margin-right: 5px;}
.btn-search { height: 99%;  background: #00d4d4 ;color: #f1f3f7; font-size: 1rem; border-radius: 0;}
.anchor::before { content:""; display:block; height:230px; margin:-230px 0 0;}

#portfolioLoadMoreFilter { display: flex; justify-content: center; width: 100%; text-align: center; float: none; }
#portfolioLoadMoreFilter .nav-link {color: #fefefe; border: 1px solid #0a223c; background: #0a223c; margin:0 10px; border-radius: 3px; font-size: 14px;}
#portfolioLoadMoreFilter .nav-link:hover,
#portfolioLoadMoreFilter .nav-link.active { background: #00d4d4;  border:1px solid #00d4d4; color:#FFF;}
#portfolioLoadMoreFilter li { float: none; display: inline-block;  margin-bottom: 10px; width: auto; flex: 1 1 0%;}

#navSecondary { position: fixed; width: 100%; top: 270px;}
#navSecondary ul { display: flex; justify-content: center; width: 100%; text-align: center; float: none; }
#navSecondary ul li {color:#00d4d4; border:1px solid #00d4d4; margin:0 10px; border-radius: 3px;}
#navSecondary ul li a:hover,
#navSecondary ul li a.active { background: #00d4d4;  border:1px solid #00d4d4; color:#FFF!important; text-decoration: none;}
#navSecondary ul li a { color:#00d4d4; padding:10px; font-size: 14px; line-height: 1;}

.sticky-header-active #navSecondary { position: fixed; width: 100%; top: 110px; background: #00d4d4; }
.sticky-header-active #navSecondary ul li { color:#FFF; border:1px solid #FFF; margin:10px; border-radius: 3px;}
.sticky-header-active #navSecondary ul li a:hover,
.sticky-header-active #navSecondary ul li.active a { background: #FFF;  border:1px solid #FFF; color:#00d4d4!important; text-decoration: none;}
.sticky-header-active #navSecondary ul li a { color:#FFF;}

.UST-inner .parallax-background { height: 100%;  transform: none; }
.UST-inner { margin-top: 0;}

.index-pro p { font-size: 14px; margin-bottom: 0; line-height: 1;}

.breadcrumb-container { margin: 0 auto 100px;} 

/*----index----*/
.parallax .card.bg-primary { background-color:  rgba(0,212,212,0.7) !important;}

.certificate .image-container { width: 100%;height: 0; padding-bottom: 80%; overflow: hidden;}
.certificate .image-container img { width: 100%; }

.service h4 { margin-bottom: 0;}
.service .icon-box.icon-box-style-4 .icon-box-icon { padding: 1.2em; background-color: transparent!important; margin-right: 0; }
.service .icon-box.icon-box-style-4 .icon-box-icon i.fa,
.service .icon-box.icon-box-style-4 .icon-box-icon i.fas,
.service .icon-box.icon-box-style-4 .icon-box-icon i.far,
.service .icon-box.icon-box-style-4 .icon-box-icon i.fal,
.service .icon-box.icon-box-style-4 .icon-box-icon i.fab,
.service .icon-box.icon-box-style-4 .icon-box-icon i.icons,
.service .icon-box.icon-box-style-4 .icon-box-icon i.lnr { font-size: 1em; color:#00d4d4;}

#header .header-top .inquiry-icon-box i{
  margin-right: 5px;
}

/*----about----*/
.History { position: relative;}
.History:before{ position: absolute; content:"\e87a"; right:-25px; top:33%; color:#00d4d4; font-family: 'Linearicons-Free'; font-size: 30px;}

.Purposes .list-unstyled li {display: flex; align-items: center; font-size:18px; width: 50%;}
.Purposes .list-unstyled i { color:#00d4d4; font-size: 18px; margin-right: 10px;}
.Purposes .list-unstyled p { color:#00d4d4; font-size: 25px; font-weight: bold; margin: 0; width: 120px; }

#about3 { background: url(../img/about3.jpg) center center; background-size: cover;}
#about3 .col-md-6 ul.list li{ float:left; width: 49%;}


/*----organize----*/
.organize ul { padding: 0;}
.organize ul li{list-style: none;}
.organize { text-align: center;}
.organize p { background: #EFEFEF;}
.organize .level-1 p { font-size: 28px; background: #EFEFEF; }
.organize .level-2 p { font-size: 25px; background: #EFEFEF;  padding: 10px; width: 65px; }
.organize .level-3 [class*="col"] { padding-left: 5px; padding-right:5px; }
.organize .level-4 li { font-size: 14px; background: #EFEFEF;  padding: 10px 0; width: 33px; display: inline-block; }

/*-----news-----*/
.news-list .card .card-body p { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}

.news-list .card .card-body { padding-bottom: 10px;}
.news-list .card .card-body .top-sub-date { font-size: 12px; color:#00d4d4;}
.news-list .portfolio-item { transition: all 0.3s;}
.news-list .portfolio-item:hover { opacity: 0.9; transform: translateY(5px);}

.news-list .portfolio-item .more { opacity: 0; font-size: 12px; color:#00d4d4; text-align: right; transition: all 0.3s; transform: translateY(-5px);}
.news-list .portfolio-item .more i {margin-left: 10px;}
.news-list .portfolio-item:hover .more { opacity: 1; transform: translateY(0);}
.news-info .pagination .page-item + .page-item.active .page-link { background: transparent; border:0; color:#00d4d4!important;  }


.news-table .date { font-size: 14px; color:#009999;}
.news-table .title h5 { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; height: 21px; margin: 0; }

.news-table.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.02);}
.news-table.table-hover>tbody>tr:hover { background:rgba(0,212,212,.05);}
.news-table.table-hover>tbody>tr:hover span.badge { background: #00d4d4; color:#FFF;}
.news-table.table-striped tbody tr:last-child { border-bottom: 1px solid #dee2e6;}


/*------product-info------*/

.product-info.table-bordered th { background: #0a223c; color:#FFF; text-align: center; border: 1px solid #0a223c; }
.product-info.table-bordered td { border: 1px solid #0a223c; color:#333;}

.part-title { background: #0a223c; color:#00d4d4; font-size: 20px; text-align: center!important;}
/*------rate------*/
.rate .progress-bar-wrapper.progress-bar-style-2 .progress { background: transparent; }
.rate-table tr > th { background: #00d4d4; color:#FFF; }


/*------contact------*/
.contact-img { background: url(../img/contact.jpg) right center; background-size: cover;}





/*----responsive----*/

@media only screen and (max-width: 1024px)  { 
#header .header-row .md-hide { display: none !important;}
}

@media only screen and (max-width: 992px)  { 
.md-show { display: block !important;}
.md-hide { display: none !important;}
.History { margin-bottom: 60px;}
.History:before{ position: absolute; content:"\e878"; right:48%; top:auto; bottom:-35px; font-size: 30px;}

#portfolioLoadMoreFilter li { display: block;  flex: 0 0 100%;  margin-bottom: 0; text-align: center;}
.section-content-pull-top { background: #FFF;    margin-top: 85px;}
.breadcrumb-container { margin: 30px auto;} 
    #portfolioLoadMoreFilter .nav-link { margin-bottom: 10px;}
}

@media only screen and (max-width: 768px)  { 
.sm-show { display: block !important;}
.sm-hide { display: none !important;}
hr.spaceL { border:0; margin:20px 0;}
.rate .col-1 { padding-left: 5px; padding-right: 5px;}
#navSecondary { position: relative; top:0;}
.sticky-header-active #navSecondary { position: fixed;  top: 90px;}
.sticky-header-active #navSecondary .container,
#navSecondary .container { max-width: 100% !important;}
.sticky-header-active #navSecondary ul li ,
#navSecondary ul li {  width: auto;  flex-grow: 1; float: none;  display: inline-block; margin: 5px;}
.sticky-header-active #navSecondary ul li a.nav-link,
#navSecondary ul li a.nav-link { padding: 5px;}
.section {padding: 30px;}
.contact-img { height: 200px; margin-bottom: 30px; background-size: 100%;}
}

@media only screen and (max-width: 550px)  { 
.breadcrumb-container { margin: 0 auto;}
    .section-content-pull-top {  margin-top: 150px;}
}

@media only screen and (max-width: 480px)  { 
#about3 .col-md-6 ul.list li{ float:none; width: 100%;}
}
/*----sidebar----*/
.sidebar-box{
  border: 1px solid #ddd;
}
.sidebar-box .title h3{
  padding: 15px 15px;
  margin-bottom: 0;
  background: #fff;
  font-size: 1.2rem;
}
.sidebar-box  .prod-sidebar-list-box{
  padding: 0;
  margin: 0;
  display: block;
}
.sidebar-box .list-1-box{
  display: block;
  background: #fff;
}
.sidebar-box .list-1-box a{
  color: #333;
  padding: 10px 15px;
  display: block;
  font-weight: bold;
  font-size: 16px;
  border-top: 1px solid #ddd;
}
.sidebar-box .list-1-box a:hover{
  background-color: #0a223c !important;
  color: #fff !important;
  display: block;
}
.sidebar-box .list-1-box li{
  border-top: 1px solid #ddd;
  display: block;
}
.sidebar-box .list-1-box li a{
  color: #333;
  padding: 15px 15px;
  display: block;
  font-weight: bold;
  font-size: 16px;
}
.sidebar-box .list-1-box a.active{
  background: #0a223c;
  color: #fff;
  display: block;
}
.sidebar-box .list-1-box a.active:hover{
  background: #9f9f9f;
}
.sidebar-box .list-1-box a:hover{
  background: #efefef;
  color: #333;
}
.sidebar-box .list-1-box  a i{
  margin-right: 5px;
}
.sidebar-box .list-2-box{
  display: none;
  margin: 0;
  padding: 0;
}
.sidebar-box .list-2-box.open{
  display: block;
}
.sidebar-box .list-2-box li{
  background: #fff;
}
.sidebar-box .list-2-box li a{
  color: #777;
  padding: 15px 15px 15px 40px;
}
.sidebar-box .list-2-box a.active{
  background: #ccc;
  color: #333;
  display: block;
}

/*
@media (max-width: 991px){
	.sidebar-box{
		display: none;
	}
}
*/
/*----part-list----*/
.part-list{

}
.part-list-item .inquiry-btn-box{
  text-align: center; 
}
.part-list-item .inquiry-btn-box .inquiry-btn{
  margin-top: 15px; 
}
.part-list-item .inquiry-btn-box .inquiry-btn i{
  margin-right: 5px;
}
.part-list-item{
	margin-bottom: 3rem;
}
.part-list-item img{
	max-width: 100%;
}
.part-list-item .img-wrapper{
	border: 1px solid #ddd;
	display: table;
    background: #f4f4f6;
    overflow: hidden;
    text-align: center;
    margin-bottom: 1rem;
}
.part-list-item .part-txt{
	margin-bottom: 15px;
}
.part-list-item .part-txt h3{
	font-size:20px;
	min-height: 50px;
}
.part-list-item .part-txt h3 a{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-size:20px;
	color:#0a223c ;
	font-weight: bolder;
}
.part-list-item .part-txt h3 a:hover{
	color:#c00000 !important;
}
.part-list-item .part-detail{

}
.part-list-item .part-detail ul{
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #ddd;
}
.part-list-item .part-detail ul li{
	border-bottom: 1px solid #ddd;
}
.part-list-item .part-detail ul li:hover{

}
.part-list-item .part-detail ul li:last-of-type{
	border-bottom: none;
}
.part-list-item .part-detail ul li strong{
	display: table-cell;
    background: #f4f4f6;
    font-size: .875rem;
    font-weight: 400;
    color: #121416;
    text-align: center;
    width: 5rem;
    vertical-align: middle;
}
.part-list-item .part-detail ul li span{
    display: table-cell;
    padding: 0.5rem 0 0.5rem 1rem;
}

@media (max-width: 991px){
	.part-list-item .part-txt h3{
		min-height: auto;
	}
}


.portfolio-list .portfolio-item .inquiry-btn-box{
  text-align: center;
}
.portfolio-list .portfolio-item .inquiry-btn-box .inquiry-btn{
  width: 100%;
  border-radius: 0;
}
.portfolio-list .portfolio-item .inquiry-btn-box .inquiry-btn i{
  margin-right: 5px;
}


/*----contact----*/
.inquiry-box{

}
.inquiry-box .prod-name a{
  font-weight: bolder;
}
.inquiry-box .quantity{
  width: 125px;
}
.inquiry-box table thead tr th{
    background: #f1f1f1;
}
.inquiry-box table thead tr th,
.inquiry-box table tbody tr td{
  vertical-align: middle;
}