.hidden{display:none!important}
.clearfix{width:100%;clear:both}
.upper{text-transform:uppercase}
.cap{text-transform:capitalize}
.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}
.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}
.mb8{margin-bottom:8px!important}
.mb15{margin-bottom:15px!important}
.mt0{margin-top:0!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}
a{text-decoration:none;color: #E8893E;}
img,video{max-width:100%}
.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}
.linein4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.upper{text-transform:uppercase}
.b400{font-weight:400}
.b600{font-weight:600}
.w-100{width:100%}
.navbar-toggler{border:none;}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-toggler:focus{box-shadow:none}
.navbar-nav .nav-item{padding-left:15px;padding-right:15px}
.btn-primary-custom{background-color: #F59E0B;}
.btn-primary-custom:hover{background-color: #D97706;}
.bg-navbar{position:absolute;width:100%;background:rgba(39, 39, 39, 0.4)}
.products-section{background-size:cover;padding:70px 0;background-attachment:fixed;position:relative;overflow:hidden}
.products-section .product-intro{position:relative;z-index:2;}
.products-section .intro-small{background:var(--secondary-color);color:#fff;font-size:13px;font-weight:700;display:inline-block;padding:3px 10px;border-radius:3px;}
.products-section .intro-title{display:inline-block;text-transform:capitalize;color:#fff;font-weight:700;font-size: 2rem;border-bottom:#E8893E solid 1px;padding-top:10px;padding-bottom:15px;padding-bottom:15px;}
.products-section .intro-des{color:#fff;}
.products-section .intro-list{list-style:none;padding:0;margin:10px 0 0;}
.products-section .intro-list li{list-style:none;padding:0;margin:5px 0;}
.products-section .intro-list .fa{color:#E8893E;}
.products-section .intro-list h3{display:inline-block;font-size: 1.15rem;color:#fff;font-weight: 400; line-height: 1.2;}
.products-section .intro-list h3:hover{color:#E8893E;}
.hero-line{display:inline-block;width:360px;max-width:80%;height:19px;}
.hero-line:after{content:"";pointer-events:none;aspect-ratio:79/4;background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 79 4" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1 3C20.0751 0.722889 39.4503 1.07707 58.5826 1.00175C65.0799 0.976166 71.5248 1.22789 78 2.00087" stroke="%23F01A23" stroke-width="3" stroke-linecap="round" vector-effect="non-scaling-stroke"/></svg>');background-position:0 100%;background-repeat:no-repeat;background-size:100% 100%;width:calc(100% + 8px);margin-top:2px;display:block}
.font-title{font-family: Allura;font-size: 3.4rem;font-weight: 600;}
.hero-content .font-title{color: #0c42a9;}
.dark .hero-content .font-title{color: #fff;}
.font-title-sub{font-family: "Open Sans";font-size: 40px;font-weight: 600 !important;}
.font-title-sub1{font-family: "Open Sans";font-size: 30px;font-weight: 500 !important;}
.font-title-sub2{font-size: 1.6rem;font-weight: 500 !important;}
.box-5{border-radius:5px}
.box-10{border-radius:10px}
.navbar-brand img{height: 80px;}
.about-row2{padding-top:50px;position:absolute;width:100%}
.about-row2 .box{background-color: rgb(255, 255, 255);padding:30px;border-radius: 10px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.about-row2 .box .box-left{float:left;width:70px;height:70px;background: #3D92E5; padding: 10px; border-radius: 5px;}
.about-row2 .box .box-right{float:left;width:calc(100% - 70px);min-height:70px;padding-left: 15px;}
.project-section{background:url("../images/project-bg.jpg");background-size:cover;background-attachment: fixed;}
.why-list {list-style:none;padding:0;margin:0}
.why-list li{list-style:none;border-top:#ACACAC solid 1px;padding:15px 0 0;margin:15px 0 0}
.why-list li:first-child{margin-top:0;border:none}
.why-list .box{}
.why-list .box .box-left{float:left;width:70px;height:70px;font-size:30px;text-align:center;background: #E5E5E5;color: #0C3E9C;padding: 10px; border-radius: 5px;}
.why-list .box .box-right{float:left;width:calc(100% - 70px);min-height:70px;padding-left: 15px;}
.why-list .box .box-right p{padding:0;margin:0}
.section-bg{position: relative;}
.section-bg .mask{position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(64, 118, 167, 0.6);z-index:0;}
.page-header-bg{background-size:cover;background-attachment: fixed;padding:0;margin:0}
.page-header-bg .mask{background: rgba(19, 18, 56, 0.6);padding:170px 0 80px;margin:0;}
.page-header-bg-left{position: relative;height: 100%;display: flex;align-items: center;}
.page-header-bg-left > div{display:block}
.product-quote-form{background: #fff;padding: 30px;border-radius: 15px;}
.product-quote-form .form-control{background: #EEE;}
.product-row2 .why-title{font-family: "Open Sans";font-size: 20px;text-transform: uppercase;padding: 15px 0 10px;}
.product-callbox{background:#2A415F;color:#fff;padding:30px;border-radius:10px;margin-top:30px}
.product-callbox > div{position: relative;height: 100%;display: flex;align-items: center;}
.product-callbox p{font-size:16px}
.call-link a{display: inline-block;color: #fff;font-size: 32px;font-family: "Open Sans";font-weight: 500;}
.call-link a .fa{display: inline-block;font-size: 20px;color: #E8893E;background: #fff;width: 40px;height: 40px;text-align: center;border-radius: 100%;line-height: 40px;position: relative;top: -3px;}
.default-content h2{font-size: 1.6rem;}
.default-content table td,.default-content table th{border:#ccc solid 1px;padding:5px;}
.sidebar-box{background: #fff;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;padding: 30px 15px;border-radius: 5px;margin-top:30px}
.sidebar-box.dark{background: #F2F2F2}
.sidebar-box h2,.sidebar-box h3{font-size:30px;font-weight: 500 !important;font-family: "Open Sans";}
.news-cat-list{list-style:none;padding:0;margin:0 0 30px}
.news-cat-list li{list-style:none;padding:5px 10px;display:inline-block;margin:5px;background: #C9C9C9;border-radius:3px;}
.news-cat-list li a{list-style:none;color:#333}
.news-cat-list li.current-cat,.news-cat-list li:hover{background: #E8893E;}
.news-cat-list li.current-cat a,.news-cat-list li:hover a{color:#fff;}
.linkpageinfo {display:block;clear:both;text-align:center}
.linkpageinfo a {display: inline-block;text-align:center;min-width: 45px;height: 45px;padding: 0px 5px;border: 0;border-radius: 0;font-size: 16px;font-weight: 700;line-height: 45px;background: #fff;border:#dbdbdb solid 1px;color: #333;margin-right:-1px;}
.linkpageinfo a:hover,.linkpageinfo a.pagecurrent {color: #fff;background-color: #E8893E;border-color:#E8893E}
.hero-section.hero-small{height: 200px;padding-top: 85px;}
.hero-breadcrumbs{display: inline-block;background: rgba(179, 175, 175, 0.3);color: #fff;padding: 3px 10px;border-radius: 15px;}
.hero-breadcrumbs span{display:inline-block;padding-left:5px;}
.hero-breadcrumbs a{display:inline-block;padding-right:5px;color:#fff}
.post-img{border-radius: 10px;border: #e3e3e3 solid 1px;}
.post-title{font-family: "Open Sans";font-weight: 600 !important;font-size: 2.2rem;line-height: 2.8rem;}
.post-meta{padding:0;margin:0}
.post-meta li{list-style:none;display:inline-block;padding:0 30px 0 0;margin:0;font-size:14px}
.search-post-form{position:relative}
.search-post-form input{width: 100%;border: #ccc solid 1px;padding: 10px;border-radius: 5px;}
.search-post-form button{position: absolute;right: 0;height: 100%;background: transparent;border: none;width: 50px;border-left: #ccc solid 1px;}
.right-cat{list-style:none;padding:0;margin:0}
.right-cat li{list-style:none;padding:0;margin:0 0 15px}
.right-cat li a{display:block;padding:15px;background:#fff;border-radius:4px;color:#333;font-weight:500;font-size:16px}
.right-cat li a:hover{background:#E8893E;color:#fff;}
.right-related{list-style:none;padding:0;margin:0}
.right-related li{list-style:none;padding:0 0 15px 0;margin:0 0 15px}
.right-related li .related-thumb{width:90px;float:left}
.right-related li .related-thumb img{border-radius:4px;}
.right-related li .related-title{width:calc(100% - 90px);float:left;padding-left:15px}
.right-related li .related-title a{color:#333;font-weight:500;font-size:18px;}
.contact-item.style-2{padding: 30px 25px 40px;background-color: #fff;text-align: center;border-radius: 12px;}
.contact-item.style-2 .contact-icon {width: 88px;height: 88px;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #d8e5e5;border-radius: 50%;margin-bottom: 22px;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.contact-item.style-2 .contact-icon:hover {background: #E8893E;}
.contact-item.style-2 .contact-icon .fa {font-size:32px;color:#E8893E}
.contact-item.style-2 .contact-icon:hover .fa {color:#fff}
.contact-item.style-2 .contact-list {list-style:none;padding:0px 0px;margin:0 0 1rem}
.contact-form-box{padding: 30px 25px 40px;background-color: #fff;border-radius: 12px;}
.product-slider .items {white-space: nowrap;margin-bottom: 0;overflow: hidden;}
.product-slider .item {display: inline-block;padding: 0;overflow:hidden;border-radius:3px;width:33%;float: none;}
.sticky-top{z-index:990}
.modal-backdrop{z-index:998}
#home-bbslider{position: absolute;width: 100%;height: 100%;}
#home-bbslider > div{position: absolute;min-width: 100%;min-height: 100%;background-size: cover;}
.home-intro-section{background-image:url('../images/bg-intro-home.jpg');background-size:cover;background-position:top right;}
.home-intro-left{background: #EBEBEB;padding: 50px 80px 50px 50px;margin-bottom:30px;border-radius: 0 50px;font-size: 1.2rem;text-align: justify;}
.home-intro-right{width: calc(100% + 50px);position: relative;left: -50px;padding-top: 150px;}
.home-intro-right img{width: 100%;border-radius: 50px;border: #FFA66D solid 5px;border-left: none;border-top: none;}
.circle-btn{border:none;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;color:#686868;margin-left:40px}
.circle-btn .view-more{color:#686868;text-transform:uppercase;font-size:13px;font-weight:700}
.circle-btn .icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:36px;z-index:2;width:60px;height:60px;border-radius:50%;margin:auto;background-color:transparent;transition:.3s ease-in-out}
.sgv-circle{width:80px;height:80px;position:relative;transform:translateX(-15px);transition:.3s ease-in-out}
.circle-btn:hover .sgv-circle{transform:translateX(0)}
.circle{width:100%;height:100%;transform:rotate(-180deg)}
.circle-bg{fill:none;stroke:#d1d5db;stroke-width:2;stroke-dasharray:275 25;stroke-dashoffset:296}
.circle-progress{fill:none;stroke:var(--porto-secondary-color);stroke-width:2;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset .8s ease}
.circle-btn:hover .circle-progress{stroke-dashoffset:0}
.circle-btn:hover .view-more{color:#F01A23}
.circle-btn:hover .icon{background-color:#F01A23;color:#fff}
.owl-theme .owl-dots .owl-dot span {width: 20px;height: 20px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #EE1A23;}
.wrap_duan_section {background-image:url("../images/project-secttion-bg.png");background-size: cover; background-position: bottom center; background-repeat: no-repeat; padding-bottom: 50px;}
.wrap_duan_section:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); z-index: 0;}
.wrap_duan_section .vc_custom_heading {margin-top: 45px; margin-bottom: 50px;}
.wrap_duan_section .porto-sicon-box {position: relative; overflow: hidden;}
.wrap_duan_section .porto-sicon-box .porto-sicon-description {position: absolute; top: 88%; transition: 0.7s ease-in-out; padding: 15px 25px}
.wrap_duan_section .porto-sicon-box:hover .porto-sicon-description { top: 10%; height: 90%; overflow: hidden;}
.wrap_duan_section .porto-sicon-box,.wrap_gioithieu_section .porto-sicon-box {margin-bottom: 0}
.wrap_duan_section .porto-sicon-box .porto-sicon-description h3 {color: #fff; font-size: 1.5rem; padding-bottom: 5px;transform: translateY(-100%); transition: 0.8s ease-in-out;}
.wrap_duan_section .porto-sicon-box:hover .porto-sicon-description h3 {transform: none;}
.wrap_duan_section .porto-sicon-box .porto-sicon-description ul, .wrap_duan_section .porto-sicon-box .porto-sicon-description p {opacity: 0;  transition: 0.5s ease-in-out; color: #fff; padding-left: 24px;}
.wrap_duan_section .porto-sicon-box:hover .porto-sicon-description ul, .wrap_duan_section .porto-sicon-box:hover .porto-sicon-description p {opacity: 1;}
.wrap_duan_section .porto-sicon-box .porto-sicon-description ul li {margin-bottom: 7px}
.wrap_duan_section .porto-sicon-box .porto-sicon-description ul li strong {font-weight: 600;}
.wrap_duan_section .porto-sicon-box .porto-sicon-img:after {content:"";position: absolute; top: 50%; left: 0; right: 0; bottom: 0; opacity: 1; background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.50) 0%, rgba(255,255,255,0) 100%);}
.wrap_duan_section .porto-sicon-box img, .wrap_gioithieu_section .porto-sicon-box img {transition: 0.3s ease-in-out;}
.wrap_duan_section .porto-sicon-box:hover img, .wrap_gioithieu_section .porto-sicon-box:hover img {transform: scale(1.1, 1.1); filter: brightness(0.5);}
.wrap_duan_section .porto-carousel-wrapper, .wrap_danhgia .porto-carousel-wrapper {margin-left: -15px; margin-right: -15px;}
.wrap_duan_section .porto-carousel-wrapper ul.slick-dots, .wrap_danhgia .porto-carousel-wrapper ul.slick-dots {display: flex; width: 80%; margin-left: auto; margin-right: auto;}
.wrap_duan_section .porto-carousel-wrapper ul.slick-dots li, .wrap_danhgia .porto-carousel-wrapper ul.slick-dots li {width: auto; padding: 0; flex: 1;}
.wrap_duan_section .porto-carousel-wrapper ul.slick-dots li i:before, .wrap_danhgia .porto-carousel-wrapper ul.slick-dots li i:before {content: '';}
.wrap_duan_section .porto-carousel-wrapper ul.slick-dots li i, .wrap_danhgia .porto-carousel-wrapper ul.slick-dots li i{height: 5px; background-color: #ccc; width: 100%;}
.wrap_duan_section .porto-carousel-wrapper ul.slick-dots li.slick-active i, .wrap_danhgia .porto-carousel-wrapper ul.slick-dots li.slick-active i {background-color: var(--porto-primary-color); border-radius: 5px;}
.logo-doitac img{height:80px;}
#quoteModal.modal{z-index:999}
.pxl-getintouch2 .pxl-getintouch-inner {display: flex;flex-wrap: wrap;align-items: center;}
.pxl-getintouch2 .pxl-item--icon {background-color: #fff;width: 40px;min-width: 40px;height: 40px;font-size: 20px;color: #fff;margin-right: 20px;border-radius: 50%;box-shadow: 0 0 0px 5px rgba(255,255,255,0.29);text-align: center;line-height: 40px;}
.pxl-getintouch2 .pxl-item--icon a {line-height: 1;color: #F01A23;}
.pxl-getintouch2 .pxl-item--icon.style-2 {width: 55px;height: 55px;}
.pxl-getintouch2 .pxl-item--icon.style-2 + .pxl-box-content .pxl-title-box {font-size: 14px;margin-bottom: 10px;display: block;}
.pxl-getintouch2 .pxl-cotnet-info {font-size: 16px;font-weight: 600;line-height: 24px;}
.pxl-getintouch2 .pxl-cotnet-info a {color: #F01A23;}
.pxl-getintouch2 .pxl-title-box {color: #fff;font-size: 14px;font-weight: 500;line-height: 22px;}
.pxl-getintouch2 .pxl-box-content {flex-grow: 1;}
.effect-tada i {animation: tada 1500ms ease-out infinite;}
.project-content-box{border: #6683B8 dashed 2px;padding: 15px;border-radius: 4px;margin-bottom: 30px;}
.project-img-box{background: #f0f0f0;padding: 15px;border-radius: 4px;margin-bottom: 30px;text-align:center}
@-webkit-keyframes tada {
  0% {transform: scale(1);}
  10%, 20% {transform: scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
  40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
  100% {transform: scale(1) rotate(0);}
}
@keyframes tada {
  0% {transform: scale(1);}
  10%, 20% {transform: scale(0.9) rotate(-3deg);}
  30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
  40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
  100% {transform: scale(1) rotate(0);}
}
@media (max-width: 991px) {
.navbar-brand img{height: 60px;}
.home-intro-right {width: 100%;position: relative;left: 0px;padding-top: 30px;}
}
@media (max-width: 540px) {
.bg-navbar{position: fixed;background: rgba(39, 39, 39, 0.6);}
.container{padding-left:25px;padding-right:25px}
.display-3 {font-size: calc(1.325rem + 3.3vw);}
.lead {font-size: 1.15rem;}
.font-title-sub {font-size: 36px;}
.about-row2 {padding-top: 30px;position: relative;}
}