.clearfix{width:100%;clear:both}
.upper{text-transform:uppercase}
.pt5{padding-top:5px!important}
.p15{padding:15px 0!important}
.pt15{padding-top:15px!important}
.pt25{padding-top:25px!important}
.pt35{padding-top:35px!important}
.pt50{padding-top:50px!important}
.pt75{padding-top:75px!important}
.p50{padding:50px 0!important}
.pb0{padding-bottom:0px!important}
.pb5{padding-bottom:5px!important}
.pb15{padding-bottom:15px!important}
.pb25{padding-bottom:25px!important}
.pb35{padding-bottom:35px!important}
.pb35{padding-bottom:35px!important}
.pb50{padding-bottom:50px!important}
.mb0{margin-bottom:0!important}
.mb30{margin-bottom:30px!important}
.mb35{margin-bottom:35px!important}
.mb15{margin-bottom:15px!important}
.mt0{margin-top:0!important}
.mt5{margin-top:5px!important}
.mt15{margin-top:15px!important}
.mt30{margin-top:30px!important}
.mt35{margin-top:35px!important}
.mt15{margin-top:15px!important}
.mt5{margin-top:15px!important}
.text-center{text-align:center!important}
.text-right{text-align:right!important}
.linein1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.linein2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.linein3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width: 1300px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1260px;
  }
}
body{padding-top:10px;font-family:Montserrat}
img{max-width:100%}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{font-weight:600}
h1,.h1,.section-heading{color:#4D95C4;font-size:1.8rem;font-weight:500;}
.page-section h2.section-heading, .page-section .section-heading.h2{font-size:1.8rem;font-weight:500}
h2.section-heading.small,h2.section-heading.hsmall, .section-heading.h2.small, .section-heading.h2.hsmall{font-size:1.5rem;font-weight:500}
a{text-decoration: none;color: #4D95C4;}
a:hover{text-decoration: none;color: #F98117;}
.text-white{color:#fff}
p{text-align:justify;margin-bottom:0.5rem;line-height:1.65;}
.btn-info{background:#4D95C4;border-color:#4D95C4;}
.page-section {padding:2rem 0;}
header{padding:30px 0}
nav.fixed-top .container{position:relative}
#mainNav {background-color: transparent;}
.left-toggle,.right-toggle{position:relative;}
.menu-toggle{position: absolute;width: 100px;height: 22px;left: 10px;top: 50%;z-index: 999;margin-top: -10px;}
.menu-toggle #toggle {display: block;width: 100px;height: 22px;margin: 0;}
.menu-toggle #toggle span,.contact-toggle a {color: #4D95C4;font-weight: 500;font-size: 15px;}
.contact-toggle{position: absolute;right: 10px;width: 100px;height: 22px;top: 50%;margin-top: -12px;text-align: right;}
.contact-toggle a:hover{color:#cb6711}
.contact-toggle a.close{display: block;width: 40px;height: 40px;text-align: center;line-height: 37px;border: #777 solid 1px;border-radius: 100%;color: #777;}
.logo img{height:60px}
section.home-page{padding:5px 0}
.home-slideshow .item{background-position:center center;background-size:cover;min-height:470px}
.slick-dotted.slick-slider {margin-bottom: 0px !important;}
.container-filter{margin-top:0;margin-right:0;margin-left:0;margin-bottom:30px;padding:0;text-align:center}
.container-filter li{list-style:none;display:inline-block}
.container-filter a{display:block;font-size:14px;margin:10px 20px;text-transform:uppercase;cursor:pointer;font-weight:400;line-height:30px;-webkit-transition:all .6s;border-bottom:1px solid transparent;color:#807c7c!important}
.container-filter a:hover{background:none;color:#4D95C4!important}
.container-filter a.active{color:#4D95C4!important;border-bottom:1px solid #4D95C4}
.portfolioContainer .mfp-image{display:block;background-size:cover;background-position:center center}
.doitac-slide .item {padding:5px 15px}
.doitac-slide .item img{background:#fff;padding:0px;border-radius:3px}
.item-box{position:relative;overflow:hidden;display:block}
.item-box a{display:inline-block}
.item-box .item-mask{background:none repeat scroll 0 0 rgba(255,255,255,0.9);position:absolute;transition:all .5s ease-in-out 0;-moz-transition:all .5s ease-in-out 0;-webkit-transition:all .5s ease-in-out 0;-o-transition:all .5s ease-in-out 0;top:10px;left:10px;bottom:10px;right:10px;opacity:0;visibility:hidden;overflow:hidden;text-align:center}
.item-box .item-mask .item-caption{position:absolute;width:100%;bottom:10px;opacity:0;padding: 5px 10px;}
.item-box .item-mask .item-caption .item-cat{text-transform: uppercase;color: #4D95C4;font-weight: 500;}
.item-box .item-mask .item-caption .item-title{text-align: left;font-weight: 400;}
.item-box:hover .item-mask{opacity:1;visibility:visible;cursor:pointer!important}
.item-box:hover .item-caption{opacity:1}
.item-box:hover .item-container{width:100%}
.services-box{padding:45px 25px}
.section-heading span{display:block}
.page-services .text{background: #4D95C4;padding: 10px 15px;}
.bg-quy-trinh{padding:0;margin:0 0 5px;background:url("../images/quy-trinh-bg.jpg") top center;background-size:cover;background-attachment:fixed}
.bg-quy-trinh .mask{background:rgba(18, 116, 202, 0.7);padding:30px 0;}
.timeline > li .timeline-image {width: 15px;height: 15px;margin-left: -8px;border: none;background: #fff;}
.timeline > li {min-height: 30px;margin-top: 50px;margin-bottom: 0;}
.timeline .timeline-heading h4,.timeline .timeline-heading .h4 {font-size: 1.2rem;font-weight:500}
.timeline > li .timeline-panel,.timeline > li.timeline-inverted > .timeline-panel {width: 45%;padding:0px;background:none;color:#fff;}
section#contact {background: #fff;}
#contactForm{padding:30px 0;background:#F4F1ED;}
#contactForm .container{max-width:900px !important;margin:0 auto}
#contactForm .form-control{border:none;border-bottom:#ccc solid 1px;padding:5px;margin-bottom:30px;background:transparent}
#contactForm .btn{background: transparent;border: #ccc solid 1px;padding: 10px 30px;color: #333;font-size: 16px;font-weight: 500;}
.contact-heading{font-size: 1.4rem;font-weight: 400;color: #333;text-transform: uppercase;max-width: 450px;margin: 0 auto 30px;}
footer{background: #4D95C4;color:#fff;text-align:left;padding: 10px 0;}
footer p,footer a,footer div{color:#fff;text-align:left;font-size:13px;text-decoration:none}
footer a:hover{color:#f0e102}
.home-portfolio .col-6{padding-bottom: calc(var(--bs-gutter-x));}
.home-page .slick-dots {bottom: 15px;}
.home-page .slick-dots li {width:15px;height:15px}
.home-page .slick-dots li button{background: #fff;width: 15px;height: 15px;border: none;border-radius: 100%;padding: 0;}
.home-page .slick-dots li.slick-active button{background: #4D95C4;;}
.home-page .slick-dots li button:before{display:none;content:"";}  
.home-page .slide-content{position: absolute;max-width: 70%;left: 5%;bottom: 5%;}  
.home-page .slide-content .bg{background: rgba(24, 123, 183, 0.8);color: #fff;padding: 5px 10px;margin-top:5px;display:inline-block}  
.home-page .slide-content .slide-title{font-size: 20px;font-weight: 600;}  
.home-page .slide-content .slide-text{font-size: 15px;font-weight: 400;} 
.duan-tab .etabs{text-align: center;background: none;min-height: 46px;} 
.duan-tab .etabs .tab{text-transform: uppercase;width: 50%;float: left;border: none;} 
.duan-tab .etabs .tab a{color: #fff;display: block;padding: 10px;background: #4D95C4;border-bottom: #4D95C4 solid 2px;}
.duan-tab .etabs .tab.active a{border-bottom: #FF8809 solid 2px;} 
.tab-container .panel-container {margin-top: 10px !important;}
.cat-du-an {margin-left:-5px;margin-right:-5px;}
.cat-du-an .item{padding:0 5px;}
.cat-du-an .item > div{position: relative;}
.cat-du-an .item .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(6, 118, 172, 0.3);cursor: pointer;}
.cat-du-an .item .text a{color:#fff;display: block;position: absolute;top: 50%;transform: translate(0%, -50%);text-align: center;width: 100%;}
.cat-du-an .item:hover .text{background: rgba(253, 253, 253, 0.5);}
.cat-du-an .item:hover .text a{color:#FD3F05;}
.cat-du-an .item .text a .h3{display: block;padding:5px;line-height:1.2rem;font-size:18px;font-weight:500;}
.cat-du-an .item .text a .h3 > span{display: block;line-height:1rem;}
.cat-du-an .item .image,.duan-details-image,.nang-luc-image{background-size:cover;background-position:center center;}
.cat-du-an-img{min-height:300px;}
.duan-header-bg{background:#4D95C4;padding:15px 0;margin-top:15px}
.project-list .image{background-size:cover;background-position:center center;}
.project-list .image img{width:100%;}
.project-list .text{background:#4D95C4;color:#fff;padding:5px 10px;margin-top:15px;min-height:125px;}
.project-list .project-title{font-weight:500;font-size:18px;color: #333;padding: 5px 0 5px;margin: 0;}
.project-list .project-title:hover{color: #4D95C4;}
.cat-project-list{}
.cat-project-list li{}
.cat-project-list li a{}
.cat-project-list li.active {}
.cat-project-list li.active a{}
.page-header-bg{margin-top:15px;padding:0;
  background-size: cover;
  background-position: center center;
  position: relative;}
.page-header-bg .mask{padding: 5rem 0;background:rgba(0,0,0,0.5);} 
.page-header-bg h1{text-transform: uppercase;
  color: #fff;
  font-size: 2rem;}
.page-header-bg ul{list-style: none;
  padding: 0;
  margin: 0;}
.page-header-bg ul li{display: inline-block;
  color: #fff;}
.page-header-bg ul li a{color:#fff;}
.project-list .item{padding-bottom:15px}
.duan-details .image{position: relative;}
.duan-details .image img{width: 100%;}
.duan-details .image .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.duan-details .image .mask .details-title{line-height:2.5rem;position:absolute;width:100%;text-align:center;top:50%;text-transform:uppercase;color:#fff;font-size:2rem;padding:0;transform:translate(-50%,-50%);max-width:80%;margin:0;left:50%;}
.details-sub-title{color: #4D95C4;font-size: 1.4rem;text-transform: uppercase;margin: 0;padding: 15px 0 10px;}
.nang-luc-item .text{background:#4D95C4;color:#fff;padding:15px 15px 5px;}
.nang-luc-item .text.top{margin-top:25px;}
.nang-luc-item .text.bottom{margin-bottom:25px;}
.nang-luc-item .text .project-title{font-size:1.2rem;}
.container.gap{padding-left:70px;padding-right:80px;}
@media (max-width: 1090px){
	.menu-toggle {left: 10px;top:20px;}
	.contact-toggle {right: 15px;top:3px;}
	.page-section {padding: 2rem 0;}
}
@media (max-width: 460px){
	.contact-toggle{display:none}
	.item-box .item-mask .item-caption .item-cat {display: none;}
	.home-portfolio-cat{width: 100%;overflow-x: scroll;}
	.home-portfolio-cat ul{min-width: 800px;}
	.timeline > li .timeline-image {width: 80px;height: 80px;margin-left: 0px;}
	.timeline > li .timeline-panel, .timeline > li.timeline-inverted > .timeline-panel {margin-left: 90px;width: auto;}
	.page-section h2.section-heading, .page-section .section-heading.h2 {font-size: 2rem;}
	footer .col-lg-4{padding-bottom:15px}
}