.stuck .header-main {
display: none;
}
.homelinks {
padding-bottom: 30px;
}
.homelinks .itemlink {
border:1px solid #006734;
border-radius: 5px;
padding: 25px 25px 1px 25px;
}
.homelinks .itemlink img {
height: 60px;
width: auto;
margin-bottom: 10px;
}
.homelinks .itemlink .title a {
color: #006734;
text-transform: uppercase;
}
.formbaogia .col {
padding-bottom: 0;
}
.homedutoan {
margin-bottom: 30px;
}
.homedutoan .inner {
padding-top: 60px;
padding-bottom: 40px;
background: rgb(0,0,0,0.6);
}
.homedutoan .inner .col-inner {
background: #fff;
border-radius: 8px;
padding: 25px 25px 10px 25px;
}
.homedutoan .button, .homedutoan input, .homedutoan select {
border-radius: 5px;
font-weight: normal;
}
.homedutoan input, .homedutoan select {
border:1px solid #006734;
}
h1, h2, h3, h4, p {
text-wrap: inherit;
}
.flickity-page-dots .dot {
background: #006734;
border:none;
width: 20px!important;
height: 6px!important;
border-radius: 99px!important;
opacity: 1;
}
.flickity-page-dots .dot.is-selected {
background: #dd3333!important;
width: 30px!important;
}
.header .nav > li > ul {
padding: 0;
}
.header .nav > li > ul > li > a {
color: #000;
}
.customfooter {
padding: 40px 0;
}
.customfooter .title {
font-size: 20px;
font-weight: normal;
margin-bottom: 10px;
text-transform: uppercase;
}
.customfooter p, .contact-page p {
margin-bottom: 10px;
}
.customfooter ul {
margin-left: 18px;
}
.customfooter i, .contact-page i {
color: yellow;
padding-right: 5px;
}
.newsletter p {
display: flex;
}
.newsletter .wpcf7-submit {
text-transform: none;
font-weight: normal;
}
.newsletter .wpcf7-text {
border: none!important;
}
.wpcf7-text, .wpcf7-textarea {
border:1px solid #bab8b9!important;
box-shadow: none!important;
}
.wpcf7-spinner {
display: none;
}
.contact-page {
padding-top: 20px;
}
.thongtincongty {
border:1px dashed #0c5097;
padding: 20px 20px 10px 35px;
font-size:95%;
}
.thongtincongty:before {
content:'';
width:50%;
height:100px;
position:absolute;
z-index:9;
border-left:3px solid #0c5097;
border-top:3px solid #0c5097;
margin-top:-22px;
margin-left:-37px;
}
.otherprojectstitle {
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 30px;
}
.project-slider.mb-half {
margin-bottom: 5px!important
}
.ttduan {
background: #f7f7f7;
padding: 10px;
padding-bottom:5px;
}
.ttduan p {
margin-bottom:10px;
}
.ttduan a {
font-weight:bold;color:#000!important;
}
table td {
border: none!important;
color: #000!important
}
table tr:nth-child(even) {
background: #f2f2f2;
}
table tr:nth-child(odd) {
background: #f9f9f9;
}
table td {
padding: 10px!important;
color: #000;
}
.noidungdautrang {
background: #f2f2f2;
padding: 20px;
border: 1px dashed #db0b0b;
text-align: justify;
}
.catetitle {
font-size: 24px;
text-transform: uppercase;
width: 100%;
}
.postslist .col-inner {
background: #f2f2f2;
color: #fff;
}
.postslist .col-inner .homeexpert p, .postslist .postdate {
color: #000;
}
.postslist h2 a, .postslist .readmore {
font-weight: bold;
font-size: 16px;
color: #000;
}
.postslist .readmore {
color: #db0b0b;
}
.hometitle {
text-transform: uppercase;
}
.hometitle.span {
margin-bottom: 20px;
padding-bottom: 6px;
}
.hometitle span {
background: #bab8b9;
color: #000;
padding: 8px 20px;
font-size: 20px;
display: inline-block;
margin-bottom: -10px;
border-radius: 8px 8px 0 0;
}
.home-about {
background: #fff;
padding: 60px 0 40px 0;
}
.home-about .button, .bottomform .wpcf7-submit {
border-radius: 5px;
}
.homeservices {
background: #f9f9f9;
padding-top: 60px;
padding-bottom: 50px;
}
.homeservices .box, .homeservices .image-cover {
border-radius: 8px;
background: #fff;
}
.homeservices .box-text {
padding: 15px;
}
.homeservices .title {
margin-bottom: 0;
font-weight: bold;
}
.homeservices .title a {
color: #006734;
text-transform: uppercase;
}
.homeprojects {
padding: 30px 0 0px 0;
}
.homeprojects .image-cover, .homeprojects .box, .homeprojects .box-image, .homeprojects .news {
border-radius: 10px;
}
.homeprojects .overlay {
background: linear-gradient(0deg, #1b283bc7, transparent 75%);
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(0deg, rgba(27, 40, 59, 0.78), transparent 75%);
}
.homeprojects .box-text {
padding: 15px;
}
.homeprojects h3 {
font-weight: normal;
}
.homeprojects .content {
margin: auto;
max-width: 800px;
text-align: center;
padding-bottom: 30px;
}
.titledivier {
background: #006734;
height: 2px;
width: 100%;
margin-bottom: 20px;
}
.titledivier .centerpoint {
height: 12px;
width: 12px;
background: #dd3333;
border-radius: 4px;
position: absolute;
left: calc(50% - 6px);
margin-top: -5px;
}
.hometabs .nav {
margin-bottom: 10px;
}
.hometabs .nav > li {
background: #fff;
padding: 0 20px;
border-radius: 99px;
margin: 0 2px;
border:1px solid #006734;
line-height: 1;
}
.hometabs .nav > li > a {
color: #006734;
font-size: 100%;
font-weight: normal;
line-height: 1.2;
padding: 8px 0;
}
.hometabs .nav > li.active, .hometabs .nav > li:hover {
background: #006734;
}
.hometabs .nav > li.active a, .hometabs .nav > li:hover a {
color: #fff!important;
}
.homereasons {
margin-top: 40px;
margin-bottom: 30px;
background-position: 50% 50%;
}
.homereasons .inner {
padding-top: 30px;
padding-bottom: 0px;
background: rgb(0,0,0,0.6);
}
.homereasons .hometitle {
margin-bottom: 30px;
margin-top: 30px;
}
.homereasons .camket {
background: #fff;
border-radius: 8px;
padding: 15px;
}
.homereasons .camket img {
height: 70px;
width: auto;
}
.homereasons .camket p {
margin-bottom: 0;
font-size: 120%;
}
.homereasons .noibat {
padding: 20px;
border-radius: 5px;
border:1px solid yellow;
}
.homereasons .noibat p {
margin-bottom: 0;
font-size: 120%;
}
.homereasons .homestats {
margin-top: 30px;
}
.homereasons .homestats .number {
font-size: 60px;
line-height: 1;
margin-bottom: 10px;
}
.homereasons .homestats .number span {
font-weight: bold;
}
.postslist {
background: #fff;
border-radius: 6px;
}
.postslist .box-image, .horizontalnews .box-image {
border-radius: 6px;
}
.postslist h2, .horizontalnews h2 {
font-size: 16px;
}
.postslist h2 a, .horizontalnews h2 a {
color: #414141;
}
.postslist .postinfo {
color: #414141;
font-size: 90%;
}
.postslist .postinfo i {
padding-right: 5px;
}
.horizontalnews .col-inner {
padding-left: 15px;
}
.horizontalnews .button {
color: #414141!important;
background: #fff!important;
border:1px solid #414141;
padding: 0px 10px;
font-size: 12px;
border-radius: 3px;
display: inline-block;
margin-top: 14px;
text-transform: none;
}
.bottomform {
padding-top: 60px;
padding-bottom: 40px;
color: #000;
}
.homelatest {
padding-top: 60px!important;
padding-bottom: 60px;
}
.bottomform .col-inner {
background: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
}
.bottomform form, .bottomform .wpcf7-submit {
margin-bottom: 0;
}
.bottomform .title {
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
margin-bottom: 0;
}
.homeprocess {
background-size: cover!important;
padding: 60px 0 40px 0;
}
.homeprocess .nav {
margin-top: 50px;
padding-bottom: 50px;
border-bottom: 1px solid;
}
.homeprocess .nav > li > a  {
width: 150px;
height: 150px;
border: 1px solid;
text-align: center;
padding: 20px;
border-radius: 50%;
margin: 0 30px;
font-weight: normal;
align-items: center;
background: #fbbd9a;
color: #100739;
}
.homeprocess .nav > li > a div {
display: block!important;
width: 100%;
}
.homeprocess .nav > li.active > a, .homeprocess .nav > li:hover > a {
background:transparent;
}
.homeprocess .panel {
text-align: center;
}
.homepartners {
padding: 50px 0 40px 0;
background: #f9f9f9
}
.homepartners .col-inner {
border:1px solid #ccc;
}
.homepartners .image-cover {
border-radius: 8px;
}
.horizontalnews .subtitle {
height: 45px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
text-align:justify;
font-size: 95%;
}
.postslist .relatedtitlea:hover {
color: #000;
}
.thongtinduan p {
margin-bottom: 10px;
}
.thongtinduan ul {margin-left:18px;}
.pageinner {
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
padding: 15px;
border-radius: 8px;
}
.contactinfo {
margin-top: 40px;
margin-bottom: 30px;
padding: 30px 30px 1px 30px;
}
.contactinfo p {
margin-bottom: 10px;
}
.contactinfo i {
color:#414141;
padding-right: 5px;
}
.contactinfo form {
margin-bottom: 0;
}
.wpcf7-text, .wpcf7-textarea, .wpcf7-select, .input-text  {
border:1px solid #414141!important;
box-shadow: none!important;
}
.wpcf7-spinner {
display: none;
}
.imagebox {
aspect-ratio: 16 / 9; width: 100%; overflow: hidden; border: 1px solid #ddd; }
.imagebox img {
width: 100%;
height: 100%;
object-fit: contain;
background: #f9f9f9; }
.lateststyle1 .subnews {
background: #f2f2f2;
line-height: 1.2;
}
.lateststyle1 .subnews .col-inner {
padding: 10px;
}
.lateststyle1 .subnews p {
margin-bottom: 0;
margin-top: 10px;
}
.pagenotfound {
padding: 100px 15px;
}
.pagenotfound h1 {
font-size: 36px;
padding-top: 30px;
margin-bottom: 10px;
}
.pagenotfound .content {
margin-bottom: 20px;
}
.customfooter {
padding: 30px 0 15px 0;
}
.customfooter .col {
padding-bottom: 0;
}
.sidebarbanner img {
margin-bottom: 20px;
border-radius: 10px;
}
.widget-title {
margin-bottom: 10px;
display: block;
}
.post-sidebar .relatedposts {
background: #f2f2f2;
margin-bottom: 10px;
}
.post-sidebar .relatedposts .col-inner {
padding: 8px;
font-size: 95%;
line-height: 1.2;
}
.post-sidebar .relatedposts p {
margin-bottom: 0;
margin-top: 10px;
}
.postsliderstyle2 .next, .postsliderstyle2 .previous {
top: -50px!important;
bottom: auto;
}
.postsliderstyle2 .previous {
right: 30px;
left: auto;
}
.postliststyle2 .box-text, .postgridstyle2 .box-text {
padding-bottom: 10px;
}
.postliststyle2 .othersubnews  {
border-top: 1px solid #ccc;
padding-top: 5px;
}
.postliststyle2 .othersubnews .subtitle, .postliststyle2 .othersubnews .postdate {
margin-bottom: 5px;
}
.mainnews .box-text, .subnews .box-text {
background: -webkit-linear-gradient(0deg,rgba(0,0,0,0.6),rgba(0,0,0,0.2) 35%,rgba(0,0,0,0) 50%,rgba(0,0,0,0));
background: linear-gradient(0deg,rgba(0,0,0,0.6),rgba(0,0,0,0.2) 35%,rgba(0,0,0,0) 50%,rgba(0,0,0,0));
padding: 150px 15px 10px 15px;
}
.latestnews .mainnews .title {
font-size: 28px;
}
.latestnews .subnews .title {
font-size: 16px;
}
.subnews {
margin-bottom: 5px;
}
.subnews .subtitle, .subnews .postdate {
margin-bottom: 0px;;
}
.subnews .col-inner {
padding: 10px;
}
.subnews .homeexpert {
height: 45px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
text-align:justify;
font-size: 90%;
}
.postslist .box-text-inner, .postgrid .box-text-inner, .postslider .box-text-inner  {
padding: 0 15px!important;
text-align:justify!important;
}
.postslist .box-text-inner h2, .postgrid .box-text-inner h2, .titlea, .product-small .product-title, .product-small .product-title h2 {
font-size:15px!important;
font-weight:500;
}
.postdate {
opacity:0.7;
font-style:italic;
font-size:95%;
}
.postdate i {
margin-right:5px!important;
}
.readmore {
font-weight:500;
display: inline-block;
padding-top:5px;
}
.entry-title {
font-size: 140%;
}
.postmetas {
display:block;
margin-bottom:15px;
}
.postmetas i {
margin-right:5px;
}
.postmetas span {
display:inline-block;
float:left;
margin-right:20px;
}
.postauthor {
font-weight:bold;
text-transform:uppercase;
}
.kk-star-ratings .kksr-stars .kksr-stars-active, .kk-star-ratings .kksr-stars .kksr-stars-inactive {
margin-top:-15px!important;
}
.relatedposts .title {
text-transform:uppercase;
font-size:140%;
font-weight:500;
margin-bottom:10px;
}
.kksr-muted {
display:none;
}
.posthumbnail img {
margin-top:10px;
width:100%;
margin-bottom:0;
padding-bottom:0;
}
.relatedlist {
background: #f9f9f9;
padding:0;
}
.relatedlist ul {
padding: 0 15px 10px 15px;
}
.relatedlist ul li {
margin-bottom:5px;
}
.relatedlist ul li a {
font-size:100%;
padding-bottom:0;
}
.relatedposts.list .title {
background: #000;
color: #fff;
padding: 5px 15px;
}
.homeexpert {
height: 70px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
text-align:justify;
font-size: 95%;
}
.relatedslider .titlea {
height: 45px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.pagenavi .page-numbers {
font-size:100%;
font-weight:500;
padding: 0 5px;
border:1px solid;
padding: 2px 5px;
min-width:30px!important;
display:inline-block;
}
.pagenavi .page-numbers.current, .pagenavi .page-numbers:hover {
font-weight:bold;
}
.page-wrapper {
padding:0!important;
}
.custombread {
background: #f2f2f2;
margin-bottom: 20px;
}
.custombread a, .page-title a {
color: #000!important;
}
.page-title-inner {
padding-top:0!important;
min-height:45px!important;
}
.custombread .bread-inner {
margin:auto;
max-width:1270px;
padding:10px 15px;
}
.custombread p {
margin-bottom:0;
}
.entry-header-text, .entry-content {
padding:30px 0 0 0!important;
}
.cattitle, .postcattitle {
font-size:24px!important;
text-transform:uppercase;
font-weight:500;
} .popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0,0.8); align-items: center; justify-content: center; z-index: 9999; }
.popup-box { background: #006734; padding: 25px 25px 1px 25px; border-radius: 10px; width: 90%; max-width: 600px; text-align: center; position: relative; }
.popup-box h3 { margin-bottom: 15px; }
.popup-close { position: absolute; top: 8px; right: 12px; cursor: pointer; font-size: 18px; font-weight: bold; }
.baogiatamtinh p {
margin-bottom: 5px;
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}} .shine .box-image {
position: relative;
}
.shine .box-image::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.shine .box-image:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.off-canvas-left .mfp-content .form-flat input:not([type=submit]), .off-canvas-left .mfp-content .form-flat textarea, .off-canvas-left .mfp-content .form-flat select {
border-color: #fff;
}
.off-canvas-left ::placeholder, .off-canvas-left .icon-search {
color: #fff;
}
.off-canvas-left .mfp-content, .off-canvas-left .mfp-content {
width:100%!important;
background: #000!important;
}
.off-canvas-cart {
background: #fff!important;
width:100%!important;
}
.off-canvas-cart a {
color: #000!important;
}
.off-canvas-cart .button a {
color: #fff!important;
}
.off-canvas-right .mfp-content a, .off-canvas-left .mfp-content a, .off-canvas-left .mfp-content .toggle  {
color: #fff;
opacity:1;
font-size:100%;
font-weight:500;
}
.off-canvas-right .mfp-content a:hover, .off-canvas-left .mfp-content a:hover {
color: yellow;
}
.nav-sidebar {
display: block;
}
.nav-sidebar .sub-menu li a {
text-transform:none!important;
font-size:95%!important;
color: #fff!important;
font-weight:500!important;
}
@media only screen and (max-width: 48em) { .stuck .header-main {
display: block;
}
}