/* ========================================================
   Decox Design - About Page Stylesheet (about.css)
   Applied on template-about.php (cong-ty-thiet-ke-noi-that.html)
   ======================================================== */

.about-page-wrapper {
    position: relative;
    overflow: hidden;
}

.mt10{margin-top:10px} .mt15{margin-top:15px} .mt20{margin-top:20px} .mt30{margin-top:30px} .mt40{margin-top:40px} .mt80{margin-top:80px}
.mb10{margin-bottom:10px} .mb15{margin-bottom:15px} .mb20{margin-bottom:20px} .mb30{margin-bottom:30px} .mb40{margin-bottom:40px} .mb80{margin-bottom:80px}
.mg30{margin: 30px 0} .mg40{margin: 40px auto; overflow:hidden}
.bgblack{background:#18181b; padding:20px 0}
.bgblack::after{content:' '; display:block; clear:both}
.col-l{float:left; width:49%} .col-r{float:right; width:49%}
.col-l.col-4{width:40%} .col-l.col-45{width:45%}
.namedecox{min-height:320px; position:relative}
.namedecox .bot{position:absolute; bottom:0px; left:0}
.namedecox p{color:#8b5b19; margin-bottom:10px; font-size:26px}
.namedecox b{font-size: 42px; text-transform: uppercase; color: #264c5d; font-weight: 700; font-family: "PoppinsVN", sans-serif;}
.noidung{line-height:24px; color:#666}
.noidung br{content:"A";height:1px;margin:6px 0;display:block}
.noidung p{margin-bottom:15px} .noidung b{color:#444}
.textwhite{color:#d2d0d0}
.profile{}
.profile .col{width:16.666%; float:left}
.profile .col .pad{height:300px; border-radius:10px; margin:0 5px; margin-bottom:10px; background:#222}
.profile .col p{color:#fff; padding: 20px 0 0 20px; font-size: 18px; line-height:26px}
.titprofile{font-size:24px; line-height:38px; font-family: 'PoppinsVN', sans-serif; text-transform: uppercase; color:#264c5d}
.titprofile b{font-weight:600}

.timeline{margin:40px 0; position:relative; padding-bottom:30px; background:#000}
.timeline .text{padding:25px 0; text-align:center;}
.timeline .text h3{font-size:80px; color:#c6b299; font-family: 'PoppinsVN', sans-serif; font-weight:600}
.timeline .text i{display:block; margin:8px auto 14px; height:1px; background:#d0cccc; width:50%}
.timeline .text p{color: #a9a5a5; text-align: center; line-height: 26px; font-size: 16px;}
.timeline .owl-dots{position:absolute; bottom:0px;text-align:center; width:100%}
.timeline .owl-dots .owl-dot{display:inline-block;zoom:1}
.timeline .owl-dots .owl-dot span{color:#a9a5a5; font-size:18px; display:inline-block; width:100px}
.timeline .owl-dots .owl-dot.active span,.timeline .owl-dots .owl-dot:hover span{color:#c6b299}
.owl-nav.disabled{display:none}
.timeline .owl-dots,.timeline .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{margin-top:10px}
.timeline .owl-nav{position: absolute; bottom: 217px; display:inline-block; width: 400px; left: 0; right: 0; margin: auto;}
.timeline .owl-nav button{}
.timeline .owl-nav .owl-prev,.timeline .owl-nav .owl-next{font-size:60px !important; color:#fff !important; font-family: 'PoppinsVN', sans-serif !important; position: absolute;}
.timeline .owl-nav .owl-prev:hover,.timeline .owl-nav .owl-next:hover{color:#c6b299 !important}
#slide_pro{padding-bottom:30px;position:relative; text-align:center}



.bort{border-top:1px solid #ccc} .over{overflow:hidden}
.padt40{padding-top:40px} .padt60{padding-top:60px} .w60{width:60%; margin:auto;}
.padb40{padding-bottom:40px} .padb60{padding-bottom:60px}
.textgrey{color:#aeb5bd; line-height:24px}
.fleft{float:left} .fright{float:right}
.heightm{max-height:700px; margin-bottom:320px}
.khachhang-gt{margin:60px 0 20px}
.title-file{font-size:28px; font-family: 'PoppinsVN', sans-serif; margin-bottom:30px; color:#8b5b19; line-height:38px; text-transform:uppercase}
.title-file.black{color:#c8b29b} .title-file .white{color:#fff}
.title-small{margin-bottom:10px; color:#8b5b19;font-size:16px;font-weight:500; text-transform:uppercase}
.bg-grey{background:#eff0f0; padding:25px; border-radius:15px}
.title-small.xanh{color:#264c5d;}
.title-small br{content:"A";height:1px;margin:4px 0;display:block}
.profile-sv{margin:40px 0 80px; overflow:hidden}
.profile-sv li{float:left; width: 14%; text-align:center}
.profile-sv li img{margin-bottom:10px}
.profile-sv i,.profile-sv b{display:block;color:#d2d0d0; text-transform:uppercase}
.profile-sv i{margin-bottom:5px} .profile-sv b{font-weight:600}

.servicepro .fleft{width:70px} .servicepro .fright{width:85%}
a.but-view{border-radius:20px; width:150px; text-align:center; line-height:40px; display:inline-block; margin:15px 0 0 15px; border: 1px solid}

.thanhtuu{margin:40px 0}
.thanhtuu .tit{font-size:26px; text-transform:uppercase; color:#264c5d; margin-bottom:20px; font-weight:bold}
.thanhtuu .noidung{width:50%; margin:auto}
.thanhtuu ul{text-align:left}
.thanhtuu ul li{float:left; width:22%; border-right:1px solid #ccc; margin-right:3%; text-align:center} .thanhtuu ul li:last-child{border:0}
.thanhtuu ul li b{font-size:40px; margin:15px 0; display:block; color:#8b5b19;letter-spacing:1px; font-family: 'PoppinsVN', sans-serif;}
.thanhtuu ul li h3{font-weight:500; margin-bottom:5px; text-transform:uppercase} 
.thanhtuu ul li .noidung{width:auto;}
.video-container{height: 580px; width: 100%; position: relative; margin: 40px 0;}
.video-container iframe{border-radius:20px}

.slidealbum img{border-radius:20px;}
@media screen and (max-width: 640px) {
.col-l,.col-r,.col-l.col-4,.col-l.col-45{width:auto; float:none}
.col-l img,.col-r img{margin-left:5px; max-width:98%}
.namedecox{min-height:auto;text-align:center; margin-top:20px}
.namedecox .bot{position:relative}
.noidung,.title-file,.title-small{margin-left:10px}
.noidung p{margin-bottom:10px}
.bgblack{padding:20px 8px}
.bgblack .col-l img,.bgblack .col-r img{margin-left:0; max-width:100%}
.bgblack.padt40{padding-top:5px}
.mt40{margin-top:20px} .mg40,.timeline{margin:20px auto 0}
.mt30{margin-top:15px} .mb80{margin-bottom:40px} .mt80{margin-top:40px}
.padt40{padding-top:20px} .padb60{padding-bottom:30px}
.profile .col{width:50%}

.titprofile{text-align:center; font-size:18px; line-height:26px}
.timeline .owl-nav{ width:390px}
.timeline .text{padding:10px 0 20px}
.timeline .text p{font-size:14px}
.timeline .owl-dots .owl-dot span{font-size:13px; width:50px}
#slide_pro{padding-bottom:10px}
.title-file{font-size:24px; margin:20px 0 20px 5px}
.title-file.black{margin-top:10px}
.mtmb,.servicepro{margin-top:20px}
.bg-grey{margin:15px 5px 0 5px; padding:25px 10px;}
.bg-grey .noidung,.heightm .noidung,.heightm .title-file{margin-left:0}
.heightm{max-height:none;margin-bottom:40px; padding:10px 10px 20px}
.profile-sv{margin-bottom:10px}
.profile-sv li{width:33%; margin-bottom:25px}
.profile-sv li img{height:60px;}
.servicepro .fright{width:78%}
.thanhtuu .noidung{width:97%}
.thanhtuu ul li{width:46%; margin:0 2% 20px; text-align:center}
.thanhtuu ul li .noidung{height:50px}
.video-container{height:300px; margin: 0 5px 30px; width:auto}
.w60{width:98%}
.khachhang-gt{margin:20px 0}
}
@media screen and (max-width: 480px) {
.video-container{height:250px}
.profile .col .pad,.profile .col .pad img{height:auto}
.profile .col .pad{border-radius:16px}
}