body {font-size: 15px; font-family: 'Montserrat', sans-serif; line-height: 1.4;}

.box-maps {width: 100%; height: 350px; margin-left: 20px; border: #FFC0C0 5px solid;}
.box-maps iframe {width: 100% !important; height: 100% !important;}

.center {text-align: center;}
.justify {text-align: justify;}
/*
.about-text {   max-width: 100%; max-height: 550px; margin: 0 auto; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 16; -webkit-box-orient: vertical; overflow: hidden;}
.service-text {   max-width: 100%; max-height: 550px; margin: 0 auto; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 16; -webkit-box-orient: vertical; overflow: hidden;}
*/
.about-text {max-width: 100%; margin: 0 auto; text-align: justify; }
.service-text {max-width: 100%; margin: -10px auto 20px auto; text-align: justify; }
.view-more {color: #337ab7 !important; padding-top: 15px;}
.view-more a {color: #337ab7 !important;}
.view-more a:hover {color: #FFC0C0 !important;}

.textbody {color: #000 !important; font-size: 16px; line-height: 1.4;}
.textbody table {max-width: 100% !important;}
.textbody table td {padding: 3px 5px;}
.textbody img {max-width: 100%; border-radius: 12px;}
.textbody div {padding: 2px 0; margin: 0;}
.textbody p {padding: 2px 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 {width: 650px !important; height: 400px !important; max-width: 100% !important;}
.textbody a {color: #337ab7;}

.about-title a {color: #fff;}

.company-info p {padding: 5px 0 !important;}
.company-info p i {display: inline-block; min-width: 22px; text-align: center;}
.company-name {color: #bc2026; font-size: 20px !important; font-weight: bold; margin-bottom: 15px !important;}
.company-footer {font-size: 20px !important; color: #bc2026 !important;}

.news-pic {width: 150px;; height: 110px; overflow: hidden; margin-right: 15px; padding-top: 10px;}
.news-pic img {width: 100%;}
.news-title {color: #000; margin-bottom: 5px; padding: 0;}
.news-nav {color: #ef4035;}

.item-news {margin-bottom: 15px;}
.item-news h5{ font-size: 17px; font-weight: 700; margin: 0; padding: 0;}

.page-body {padding: 20px 0;}
.page-content {font-size: 15px; min-height: 400px; padding-bottom: 25px;}
.content-box {padding-top: 20px;} 

.errorMsg {color: #ff0000; font-size: 16px; font-weight: normal;}
.bTitle {font-size: 20px; font-weight: 600; padding: 0; margin: 0 0 5px 0 !important;}
.nTitle {font-size: 17px; font-weight: normal; padding: 0; margin: 0 !important;}
.date {color: #808080;}

h1 {font-size: 24px; font-weight: bold; padding: 0;}

.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 a {color: #000;}
.news-box:first-child {padding-top: 0; margin-top: 0;}
.news-box img {float: left; max-width: 220px; margin: 6px 15px 0 0;}
.news-box h4 {font-size: 17px; line-height: 1.4; font-weight: bold; margin: 0; padding: 0; color: #000; text-align: justify;}
.news-box .preview {margin-top: 10px; text-align: justify;}

.other-news {border-top: #E0E0E0 1px solid; padding-top: 5px; margin: 10px 0 20px 0; text-align: left;}
.other-news h2 {font-size: 17px; 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 i {font-size: 15px;}
.other-news li a {color: #000;  font-size: 15px;}
.other-news .row {padding-top: 15px !important;}

/*Pagination */
.page-nav{ text-align:center; margin:0 auto;}
.page-nav > span {display:inline-block; }
.page-nav > span a{
	display:block;
	background:#dcdcdc;
	color:#fff !important;
	border-radius:100%;
	height:30px;
	width:30px;
	padding:2px;
	font-size:17px;
	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; text-decoration: none !important;}

.imgCode {width: 245px; padding: 0; margin: 0;}
.imgCode img {float: right; height: 30px; margin-top: 3px;}
.imgCode .form-control {float: left;}
.imgCode:after {clear: both;}

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

.others {border-bottom: #808080 1px dotted; padding-bottom: 5px; margin-bottom: 15px;}
.others h2 {font-size: 16px; font-weight: bold;}

.service-title {padding-top: 2px; font-weight: bold; font-size: 16px;}

.idxnews-box {margin-bottom: 20px;}
.idxnews-box .idxnews-pic {display: block; height: 220px; overflow: hidden;}
.idxnews-box .idxnews-pic img {width: 100%; min-height: 100%;}
.idxnews-box .idxnews-text {text-align: justify;}
.idxnews-box h4 {line-height: 1.4; margin-top: 10px; color: #000; font-size: 18px;}
.idxnews-box h4 a {color: #000;}

h1 a, h2 a {color: #000;}

.m-t-5 {margin-top: 5px;}
.m-t-10 {margin-top: 10px;}
.m-t-12 {margin-top: 12px;}
.m-t-15 {margin-top: 15px;}

.p-t-15 {padding-top: 15px;}

.fanpage {border: 5px #D0D0D0 solid; margin-bottom: 10px; padding: 2px 4px;}
.address {padding-left: 9px; text-indent: -3px;}
.career-txt a {text-transform: none !important;}

.nav-company {
    font-size: 17px;
    line-height: 22px;
    color: #bc000b;
    display: block;
    margin-bottom: 5px;
    padding-bottom: 15px;
    position: relative; text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.nav-company:before  {
    content: "";
    position: absolute;
    bottom: 0;
    background: #80d6a3;
    width: 100%;
    height: 4px;
}

.company-name {color: #000; font-weight: bold; font-size: 18px;}
.branch-name {color: #000; font-weight: bold; font-size: 18px;}

.contactForm input:not([type="submit"]), .contactForm textarea {width: 100%; border-radius: 12px; padding: 8px 15px; border: #b4b2b2 1px solid;}
.contactForm input:not([type="submit"]):focus, .contactForm textarea:focus {outline: none; border: #343333 1px solid;}

.mybutton {background-color: #6b9403; border: 0px; color: #fff;
	padding: 8px 20px; cursor: pointer; border-radius: 20px;
	min-width: 130px;
	font-size: 16px;
}
.mybutton:hover {background-color: #7EAA0F;}

button:focus, button:active {
  outline: none;
}

textarea {padding: 5px 10px;}
figure {margin: 0 0 0 px;}
.p-r-10 {padding-right: 10px;}


ul.right-top{ display: block; margin: 0; padding: 0; color: #fff }
ul.right-top li{ display: inline-block; padding: 0 3px ; list-style: none; }
ul.right-top li span { display: inline-block; padding: 0 0 0 18px;}
ul.right-top li a{color: #fff}
ul.right-top li a img{  border: 1px solid #e0f570; padding: 2px; border-radius: 3px; background: #4c1d0a  }
ul.right-top li i {margin-right: 5px;}

.company a{ color: #fff; font-weight: 700 }

.header-top, .header-top a {font-size: 15px !important; color: #fff !important;}
.header-top i {margin-right: 5px;}
.header-top a:hover{ color: #E0E0E0 !important;}

.link-btn {
	    display: inline-block;
    padding: 10px 18px;
    background-color: #0091de;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
}
.link-btn:hover {background-color: #585800; color: #fff !important;}

.logo-default img {max-height: 60px; margin: 8px 0 10px 0;}

.post-image{ position: relative; }
.post-image .lead{
  position: absolute;
  width: 100%;
  height: 40%;
  left: 0;
 bottom:  0; text-align: center;
   overflow: hidden;z-index: 99
}

.post-image .lead h2 {
  margin: 0 auto;
    font-weight: 700;
    font-size: 38px;
    display: block;
    color: #fff;
    text-align: center;
max-width: 1170px;
    width: 100%;
    text-shadow: 0 5px 5px #000;

}
.post-image .lead h2.active {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.8s;
}

.partner-icon {text-align: center; height: 50px; line-height: 50px;}
.partner-icon img {max-width: 100%; max-height: 100%;}

#mainMenu .dropdown-toggle::after {
    display: none !important;
}

.footer-content, .footer-content a {color: #000 !important; font-size: 15px !important;}

.widget-title {margin-bottom: 20px !important;}

.main-slider {margin-bottom: 25px;}

.service-thumb {display: block; height: 250px; overflow: hidden; border-radius: 12px;}
.service-thumb img {min-height: 100% !important;}

img {max-width: 100%;}
.img-border img {border-radius: 12px;}

.google-map {margin-bottom: -3px !important; padding-bottom: 0 !important;}

.gallery-row {padding-bottom: 30px !important;}
.gallery-row h4, .gallery-row h4 a {font-size: 17px; color: #000; margin: 0; padding: 0;}
.gallery-box {display: block; max-height: 240px; overflow: hidden; margin-bottom: 8px; border-radius: 12px;}
.gallery-box img {min-height: 240px !important;}
.gallery-pic {padding-bottom: 20px !important;}

.service-box {padding-top: 20px !important;}

.content, .sidebar {padding-right: 15px;}
.contact-title {font-size: 17px; font-weight: 550; padding-bottom: 10px !important;}