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



.contact-company {font-size: 18px; font-weight: 500; color: #fbd727;}
.counter {clear: both; font-size: 14px !important; margin-top: 5px;}
.counter div {padding: 2px 0; line-height: 1.3;}
.counter img {padding-left: 10px;}

.pic-thumb {display: block; height: 250px; overflow: hidden; text-align: center;}
.pic-thumb img {max-width: 100%; max-height: 100%;}

/*Pagination */
.page-nav{ text-align:center; margin:0 auto;}
.page-nav > span {display:inline-block; }
.page-nav > span a{
	display:block;
	background:#dcdcdc;
	color:#000;
	border-radius:100%;
	height:30px;
	width:30px;
	padding:2px;
	font-size:16px;
	line-height:27px;
	text-align:center !important;
}
.page-nav > span a > i {font-size:18px;}
.page-nav > span.current a {background:#F1BB00; color: #fff !important; cursor: pointer;}
.page-nav > span.current a:hover {color: #fff !important;}
.page-nav > span a:hover, .pager > span a:focus{ background:#535353; color: #fff !important; text-decoration: none !important;}

.imgCode {width: 230px; padding: 0; margin: 0;}
.imgCode img {float: right; height: 26px; margin-top: 2px;}

.page-content {margin-bottom: 25px;}

.textbody {font-size: 15px; line-height: 1.5; text-align: left;}
.textbody h1 {font-size: 26px; font-weight: bold;}
.textbody table {max-width: 100% !important;}
.textbody table td {padding: 3px 5px;}
.textbody img {max-width: 100%;}
.textbody div {padding: 0; margin: 0;}
.textbody p {padding: 0; margin: 0;}
.textbody blockquote {color: #000;}
.textbody ul {margin: 0; padding: 0 0 2px 20px; list-style-type: square !important; list-style-position: inside;}
.textbody ul ul {padding: 0 0 2px 40px;}
.textbody ol {margin: 0; padding: 0 0 2px 25px; list-style-type: decimal !important; list-style-position: inside;}
.textbody ul li, .textbody ol li {padding: 5px 0 5px 0 !important; display: list-item !important; background: none !important; border: none !important;}
.textbody ul li p, .textbody ol li p {margin: -22px 0 0 15px;}
.textbody iframe {max-width: 100% !important; height: 626px;}

.news-box {display: block; overflow: auto; clear: both; padding: 15px 0; border-bottom: #E0E0E0 1px dotted; text-align: left; font-size: 14px; line-height: 1.4;}
.news-box:first-child {padding-top: 0; margin-top: 12px;}
.news-box img {float: left; max-width: 180px; margin: 6px 15px 0 0;}
.news-box h4 {font-size: 18px; font-weight: 500; margin: 0; padding: 0; color: #000;}
.news-box .preview {margin-top: 10px;}

.other-news {border-top: #E0E0E0 1px solid; padding-top: 5px; margin: 10px 0 20px 0; text-align: left; font-size: 14px;}
.other-news h2 {font-size: 16px; font-weight: bold; margin: 10px 0;}
.other-news ul {list-style-type: none; padding: 0; margin: 0;}
.other-news li {list-style-type: none; padding: 5px 0 0 30px; margin: 0;}
.other-news li a {color: #000;}

.other-gallery {border-top: #C0C0C0 1px dashed; padding-top: 15px; margin: 10px 0 20px 0; text-align: left; font-size: 14px;}

.company-info p {padding-bottom: 5px;}
.company-info a {color: #000 !important;}
.company-name {color: #ff0000; font-size: 20px; font-weight: 550; padding: 15px 0 10px 0 !important;}
.vpdd-name {color: #000; font-size: 16px; font-weight: 550;}

.contactForm input[type="text"], .contactForm textarea {border-radius: 5px; border: #C0C0C0 1px solid; padding: 3px 5px; width: 400px; max-width: 100%;}
.contactForm input[type="submit"] {border-radius: 5px; padding: 4px 10px; text-align: center; background-color: #f0c018; border: #f0c018 1px solid; color: #fff; min-width: 100px;}

.errorMsg {color: #ff0000;}
.content-box {min-height: 350px; padding: 15px 0 20px 0;}
.bTitle {font-size: 26px; font-weight: bold;}
.bTitle2 {font-size: 22px; font-weight: 550; padding: 0; margin: 20px 0 30px 0;}
.date {color: #808080;}

.box-others {margin: 20px 0 30px 0;}
.box-others:after {clear: both;}

.clear {clear: both;}
.share-mxh {margin-top: 10px;}

.video-box {width: 900px; max-width: 100%; height: 500px; margin: 0 auto;}
.video-box iframe {width: 100%; height: 100%;}

.about-thumb img {max-width: 100%; margin-top: 10px;}
.about-text {max-width: 100%; max-height: 550px; margin: 0 auto; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;}
.m-t-5 {margin-top: 5px;}
.m-t-10 {margin-top: 10px;}
.m-t-25 {margin-top: 25px;}
.m-b-20 {margin-bottom: 20px;}

.gallery-thumb {display: block; height: 180px; overflow: hidden;}
.gallery-thumb img {min-height: 100%;}

.gallery-pic {display: block; width: 100%; height: 100px; overflow: hidden;}
.gallery-pic img {with: 100%;}

.news-thumb {display: block; height: 320px; overflow: hidden;}
.news-thumb img {min-height: 100%;}
.news-preview {min-height: 200px; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}

.gallery-thumb2 {display: block; height: 320px; overflow: hidden;}
.gallery-thumb2 img {min-height: 100%;}
.gallery-preview {min-height: 110px; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}

.list-icon li {line-height: 1.3 !important; min-height: 22px;}
.list-icon li span {display: block;}
.contact-info {display: block; width: 100px; min-height: 22px; float: left;}

.service-title {}
.service-title a {color: #000; display: inline-block; padding-bottom: 8px; border-bottom: #87afd0 2px solid;}

.lag-mb{ display: none; position: absolute; width: 160px;
    right: 0px;
    top: 16px;}
.lag-mb li{ display: inline-block; list-style: none; padding: 0px 2px }
@media screen and (max-width: 768px)
{
  .accordionjs{height:300px !important;}
.lag-mb{ display: block; }
}

.bottom-banner {width: 100%; max-height: 400px; overflow: hidden; text-align: center; padding: 0; margin: 0;}
.bottom-banner img {max-width: 100%;}

.page-title-news {
  text-align: center;
  padding: 10px 15px;
  background: rgb(255 255 255 / 100%);
  color: #000
}
.page-title-news > h1 {
  font-family: 'Quicksand', sans-serif;
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 0.5rem; 
}
.page-title-news > span {
  font-weight: 400;
  font-size: 22px;
}
.page-title-news a {color: #000;}

/*  20. Gallery page  */
.gallery-wrapper {
  overflow: hidden;
  margin-bottom: -1px; }

.gallery--style-1 .gallery-item {
 overflow: hidden;
  text-align: center;
    text-align: center; }
.gallery-single {
    position: relative;
    margin-bottom: 30px;
    transition: all .3s; overflow: hidden;
}

.gallery-single img {
  display: block;
  width: 100%;  transition: 0.5s; }

.gallery-single img:hover {transform: scale(1.1) rotate(0.01deg); }
.text-center {text-align: center;}

.social-icons li {float: none; display: inline-block;}

.service-limitedtext {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}

.n-thumb img {width: 120px; max-width: 100%; float: left; margin: 0 10px 5px 0;}
.n-title {line-height: 1.4; font-size: 18px; color: #fff; margin-bottom: 5px !important;}
.n-title a, .n-title a:hover {color: #fff;}
.n-preview, .n-preview p, .n-preview a {color: #48d791 !important;}

.portfolio-image {max-height: 100px; overflow: hidden;}

.page-singlepost {padding-top: 20px !important;}
.breadcrumb .container-fluid {padding-left: 0px !important;}

.grid-item > img, .grid-item > a > img {width: 100%; height: auto;}

.icon-box h2 {margin-bottom: 0px !important;}

.service-pic {height: 250px; overflow: hidden;}
.service-pic img {min-height: 100%;}
.post-item.border > .post-item-wrap > .service-desc {padding: 20px 10px 10px 10px !important; text-align: center; min-height: 100px;}