body {
    font-family: 'prompt', sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    overflow-x: hidden!important
}
.fp-section.fp-table, .fp-slide.fp-table{
    overflow-x: hidden!important
}
html{
    overflow-x: hidden!important;
}
img{
    max-width: 100%!important;
}
/*-----------Style Layout-------------*/
.container.container-main{
    max-width: 1380px;
}
.topPdSpace{
    margin-top:72px;
}
.lineL {
    border-radius: 25px;
    background: #891002;
    height:8px;
    width:40px;
    margin-bottom: 20px;
}
.lineL:after {
    content:'';
    position: absolute;
    left: 9%;
    border-radius: 25px;
    background: #891002;
    height:8px;
    width:8px;
}
.lineL:before {
    content:'';
    position: absolute;
    left: 7%;
    border-radius: 25px;
    background: #891002;
    height:8px;
    width:8px;
}
.lineLP {
    border-radius: 25px;
    background: #891002;
    height:8px;
    width:40px;
    margin-bottom: 20px;
}
.lineLP:after {
    content:'';
    position: absolute;
    left: 4.5%;
    border-radius: 25px;
    background: #891002;
    height:8px;
    width:8px;
}
.lineLP:before {
    content:'';
    position: absolute;
    left: 3.5%;
    border-radius: 25px;
    background: #891002;
    height:8px;
    width:8px;
}
.lineLC {
    border-radius: 25px;
    background: #891002;
    height:8px;
    width:40px;
    margin-bottom: 20px;
}
.lineLC:after {
    content:'';
    position: absolute;
    left: 10.5%;
    border-radius: 25px;
    background: #891002;
    height:8px;
    width:8px;
}
.lineLC:before {
    content:'';
    position: absolute;
    left: 8%;
    border-radius: 25px;
    background: #891002;
    height:8px;
    width:8px;
}
.lineC {
    border-radius: 25px;
    background: #891002;
    height:8px;
    width:40px;
    margin-bottom: 20px;
    margin:0 auto;
}
.lineC:after {
    content:'';
    position: absolute;
    left: 47.5%;
    border-radius: 25px;
    background: #891002;
    height:8px;
    width:8px;
}
.lineC:before {
    content:'';
    position: absolute;
    right: 47.5%;
    border-radius: 25px;
    background: #891002;
    height:8px;
    width:8px;
}
.lineLW {
    border-radius: 25px;
    background: #fff;
    height:8px;
    width:40px;
    margin-bottom: 20px;
}
.lineLW:after {
    content:'';
    position: absolute;
    left: 9.5%;
    border-radius: 25px;
    background: #fff;
    height:8px;
    width:8px;
}
.lineLW:before {
    content:'';
    position: absolute;
    left: 7.25%;
    border-radius: 25px;
    background: #fff;
    height:8px;
    width:8px;
}
/*-----------Style Navbar, Footer -------------*/
#topNavbar{
    background: #fff;
    box-shadow: 0 0 15px rgb(0,0,0,.08);
}
.navLogo{
    width:80px;
    max-width: 100%;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,1);
}
#indexFooter{
    position: absolute;
    width: 100%;
    z-index: 48;
    bottom: 0;
    font-size: 0.75em
}
/*-----------Style Banner-------------*/
.banner-Sec .caption {
    color: #fff;
    text-align: center;
}
.banner-Sec .caption h1{
    font-size: 4.5em;
    font-weight: 600;
}
/*-----------Style Background-------------*/
.bg-black{
    background: #000;
}
.history-Sec{
    background-image: url(../images/bg-sec01.png);
    background-size: cover;
}
.products-Sec{
    background-image: linear-gradient(rgba(36,36,36,.9),rgba(36,36,36,.9)),url(../images/bg-sec02.png);
    background-size: cover;
}
.services-Sec{
    background-image: linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url(../images/bg-sec03.jpg);
    background-size: cover;
}
.projects-Sec{
    background-image: url(../images/bg-sec04.png);
    background-size: 100% 30%;
    background-repeat: no-repeat;
    background-color: #8a1003;
}
.news-Sec{
    background-image: url(../images/bg-sec05.png);
    background-size: cover;
}
.contact-Sec{
    background-image: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)),url(../images/bg-sec06.png);
    background-size: cover;
}
.bg-topHeadRed{
    background:linear-gradient(90deg,rgba(66,12,18,.65),rgba(196,3,3,.65)),url(../images/banner/sample.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height:350px;
}
.bg-topHeadBlack{
    background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.65)),url(../images/banner/sample.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height:350px;
}
.bg-topHeadNews{
    background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.65)),url("../images/headNews.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height:350px;
}
.bg-topHeadBlackService{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height:350px;
}
/*-----------Style Text-------------*/
.text-red{
    color: #891002
}
.titleE{
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 5px;
    margin-bottom: 0;
}
.titleT{
    font-size: 40px;
    font-weight: 600;
}
/*-----------Style Button-------------*/
.btnW300{
    width:300px;
    padding:12px;
    max-width: 100%;
}
.btnW230{
    width:230px;
    padding:12px;
    max-width: 100%;
}
.btnWcontactGO{
    width:40%;
    padding:15px;
    max-width: 100%;
    position: absolute;
    font-size: 1.2em;
    bottom:-10%;
    left:50%;
    transform: translateX(-50%);
}
.btn-red{
    background: #891002;
    color: #fff;
}
.btn-red:hover{
    background: #6a0b00;
    color: #fff;
}
.btn-white{
    background: #fff;
    color: #000;
}
.btn-white:hover{
    background: #e9ecef;
    color: #000;
}
.btn-outline-white{
    background: transparent;
    color: #fff;
    border: 5px solid #fff; 
}
.btn-outline-white:hover{
    background: #6a0b00;
    color: #fff;
}
.btn:before, .btn:after, .btn span {
  transition: 0.25s ease-in-out;
}
.btn.mail {
  position: relative;
  overflow: hidden;
}
.btn.mail span {
  display: block;
  position: relative;
  bottom: 0px;
}
.btn.mail:before {
  content: "\f1d8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px;
  top: -100%;
  left: 0;
  position: absolute;
}
.btn.mail:hover span {
  bottom: -56px;
}
.btn.mail:hover:before {
  top: 0%;
}
.btn.wiggle:after {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  font-weight: 900;
  display: inline-block;
  max-width: 0;
  margin-left: 0px;
  position: relative;
  z-index: 2;
  color: rgba(255, 255, 255, 0);
  left: -50px;
}

.btn.wiggle:hover:after {
  max-width: 100px;
  margin-left: 20px;
  left: 0px;
  color: white;
  animation: wiggle 1s 0.25s ease-in-out infinite;
}
.btn.btn-white.wiggle:hover:after {
  color: black;
}
@keyframes wiggle {
  0% {
    margin-left: 20px;
    margin-right: 0px;
  }
  50% {
    margin-left: 16px;
    margin-right: 4px;
  }
  100% {
    margin-left: 20px;
    margin-right: 0px;
  }
}
/*-----------Style Banner-------------*/
.banner-Sec .slide{
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.fp-controlArrow.fp-prev {
    left: 5%!important;
    width: 80px!important;
    height: 80px!important;
    border-radius: 100%;
    background: #891002;
    border: 0;
}
.fp-controlArrow.fp-prev:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(255, 255, 255, 1);transform: ;msFilter:;'%3E%3Cpath d='M21 11H6.414l5.293-5.293-1.414-1.414L2.586 12l7.707 7.707 1.414-1.414L6.414 13H21z'%3E%3C/path%3E%3C/svg%3E");
    display: block;
    text-align: center;
    position: absolute;
    width:24px;
    height:24px;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.fp-controlArrow.fp-next {
    right: 5%!important;
    width: 80px!important;
    height: 80px!important;
    border-radius: 100%;
    background: #891002;
    border: 0;
}
.fp-controlArrow.fp-next:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(255, 255, 255, 1);transform: rotate(180deg);msFilter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);'%3E%3Cpath d='M21 11H6.414l5.293-5.293-1.414-1.414L2.586 12l7.707 7.707 1.414-1.414L6.414 13H21z'%3E%3C/path%3E%3C/svg%3E");
    display: block;
    text-align: center;
    position: absolute;
    width:24px;
    height:24px;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.fp-slidesNav {
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
    text-align: center;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #fff!important;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
/*-----------Style About-------------*/
.buildingP{
    padding: 0px 0 0 45px;
    position: relative;
}
.buildingP img{
    width:90%;
    max-width: 100%;
    position: relative;
    z-index: 2;
    right:-5%;
}
.buildingP:after{
    content: "";
    width: 86%;
    height: 100%;
    background: #891002;
    position: absolute;
    right: 10%;
    top: 50px;
}
#historyAccordion .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,1);
    border-radius: 0;
    margin-bottom: 10px;
}
#historyAccordion .card-header {
    padding: .1rem .25rem;
    margin-bottom: 0;
    background-color: rgba(255,255,255,1);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
#historyAccordion .card-header:first-child {
    border-radius: 0 0;
}
#historyAccordion .card-header .btn-link{
    color: #000;
    font-weight: 500;
}
#historyAccordion .card-header .btn-link:hover, #historyAccordion .card-header .btn-link:focus{
    text-decoration: none;
}
#historyAccordion .card-header button[aria-expanded="true"]:before {
    content: '\f068';
    display: block;
    position: absolute;
    right: 15px;
    font-family: 'Font Awesome 5 Free';
    font-size: 14px;
    width:20px;
    height:20px;
    font-weight: 900;
    top: 12px;
    text-align: center;
    color: #fff;
    background: #891002;
}
#historyAccordion .card-header button[aria-expanded="false"]:before {
    content: '\f067';
    display: block;
    position: absolute;
    right: 15px;
    font-family: 'Font Awesome 5 Free';
    font-size: 14px;
    width:20px;
    height:20px;
    font-weight: 900;
    top: 12px;
    text-align: center;
    color: #fff;
    background: #891002;
}
/*-----------Style Products Index-------------*/
#product-carousel .item img{
    max-width: 100%;
    width:100%;
    height:350px;
    object-fit: cover;
}
#product-carousel .item .productNB{
    background: #fff;
    padding:20px;
    text-align: center;
}
#product-carousel .item .productNB p{
    color: #000;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}
#product-carousel .owl-prev i, #product-carousel .owl-next i{
    font-size: 24px;
    margin-top:5px;
    color: #fff;
}
#product-carousel .owl-prev, #product-carousel .owl-next {
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 100%;
    background: #891002;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
}
/*-----------Style Hover effect-----------*/
/* Common style */
figure {
    position: relative;
    /* float: left; */
    overflow: hidden;
    margin: 0;
    /* min-width: 320px; */
    max-width: 100%;
    /* max-height: 360px; */
    width: 100%;
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
} 

figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
    width:100%;
	opacity: 0.8;
}

figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure figcaption::before,
figure figcaption::after {
	pointer-events: none;
}

figure figcaption,
figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

figure h2 span {
	font-weight: 800;
}

figure h2,
figure p {
	margin: 0;
}

figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*---------------*/
/***** Ming *****/
/*---------------*/

figure.effect-ming {
	background: #030c17;
}

figure.effect-ming img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-ming figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(137,16,2,0.3);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
}

figure.effect-ming h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-ming p {
    padding: 1em;
    background: #891002;
    width: 50px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    border-radius: 100%;
    margin: 67% auto;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

figure.effect-ming:hover h2 {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-ming:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-ming:hover img {
	opacity: 0.8;
}
/*-----------Style Service Index-------------*/
#service-carousel .item{
    padding:20px;
}
#service-carousel .owl-prev i, #service-carousel .owl-next i{
    font-size: 24px;
    margin-top:5px;
    color: #891002;
}
#service-carousel .owl-prev, #service-carousel .owl-next {
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 100%;
    background: transparent;
    border:2px solid #891002;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
}
.cardService:hover{
    box-shadow: 0 0 20px rgba(137,16,2,.3);
}
.cardService{
    border-radius: 0rem;
    border: 0px solid rgba(0,0,0,.0);
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.cardService .card-img-top {
    width: 100%;
    object-fit: cover;
    height: 300px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.cardService .card-title{
    color: #000;
    text-align: left;
    font-size: 1.5em;
    line-height: 1.5;
    height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}
.cardService p{
    text-align: left;
    margin-bottom: 0;
    font-size: 0.875em;
    line-height: 1.5;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    color: #848484
}
/*-----------Style Projects---------------*/
#headS-index{
    margin-bottom: 80px;
}
/* Example wrapper */
.wrap {
	position: relative;
	margin: 1em 0;
    max-width: 100%;
    background: #8a1003;
    padding-bottom: 100px;
}
.frame figure figcaption {
    padding: .5em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
/* Frame */
.frame {
	/*height: 250px;
	line-height: 250px;*/
	overflow: hidden;
}
.frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	/*height: 100%;*/
	font-size: 50px;
    white-space: nowrap
}
.frame ul li {
    display: inline-block;
	float: none;/*
	width: 400px;
	height: 100%;*/
	margin: 0;
	padding: 0;
	background: #333;
	color: #ddd;
	text-align: center;
	cursor: pointer;
    max-width: 100vw;
}
.frame ul li.active {
	color: #fff;
	background: #a03232;
}

/* Scrollbar */
.scrollbar {
	margin: 0 0 1em 0;
	height: 10px;
	background: rgba(255,255,255,.35);
	line-height: 0;
    border-radius: 25px;
    margin-top:100px;
}
.scrollbar .handle {
	width: 100px;
	height: 100%;
	background: #fff;
	cursor: pointer;
    border-radius: 25px;
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px;
}

/* Pages */
.pages {
	list-style: none;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}
.pages li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 4px;
	text-indent: -999px;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.pages li:hover {
	background: #aaa;
}
.pages li.active {
	background: #666;
}

/* Controls */
.controls { margin: 25px 0; text-align: center; }

/* One Item Per Frame example*/
.oneperframe { height: 300px; line-height: 300px; }
.oneperframe ul li { width: 1140px; }
.oneperframe ul li.active { background: #333; }

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: transparent;
}

figure.effect-bubba img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
    width:400px;
    height:300px;
    object-fit: cover;
}

figure.effect-bubba:hover img {
	opacity: 1;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 2px solid rgba(162,64,55,.1);
	border-bottom: 2px solid rgba(162,64,55,.1);
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
    background:rgba(162,64,55,.8)
}

figure.effect-bubba figcaption::after {
	border-right: 2px solid rgba(162,64,55,.1);
	border-left: 2px solid rgba(162,64,55,.1);
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
    word-break: break-word;
    white-space: break-spaces;
    font-size: 18px;
	padding: 20px .5em;
    margin-top: 20%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*-----------Style News Index-------------*/
.cardNews:hover,.cardNewsNoPic:hover{
    box-shadow: 0 0 15px rgba(137,16,2,.3);
}
.cardNews{
    border-radius: 0rem;
    border: 0px solid rgba(0,0,0,.0);
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.cardNews .card-img-top {
    width: 100%;
    object-fit: cover;
    height: 295px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.cardNews .card-title{
    color: #000;
    text-align: left;
    width:90%;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}
.cardNews p{
    text-align: left;
    margin-bottom: 0;
}
.cardNewsNoPic{
    border-radius: 0rem;
    border: 0px solid rgba(0,0,0,.0);
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.cardNewsNoPic .card-title{
    color: #000;
    text-align: left;
    width:90%;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}
.cardNewsNoPic p{
    text-align: left;
    margin-bottom: 0;
}
.newsDate{
    border:3px solid #891002;
    width:65px;
    padding:10px 5px;
    text-align: center;
}
.newsDate h4{
    font-size: 1.875em;
    font-weight: 700;
    margin-bottom: 0;
}
.newsDate h6{
    font-size: 1em;
    margin-bottom: 2px;
}

/*-----------Style Contact-------------*/
#contactD{
    border: 5px solid #891002;
    padding: 30px 40px;
}
.textAddress{
    width:80%;
}
.iconWT{
    color: #fff;
    margin-bottom: 10px;
}
.iconWT div{
    background: #fff;
    text-align: center;
    padding:4.5px 5px;
    border-radius: 100%;
    width:30px;
    height:30px;
    display: inline-block;
}
a > .iconWT{
    color: #fff;
    transition: all .2s ease-in-out;
    border:1px dashed rgba(255,255,255,.0);
}
a:hover > .iconWT{
    border:1px dashed rgba(255,255,255,.5);
    padding:5px;
}
a:hover{
    text-decoration: none;
}
#contactF{
    padding: 20px 50px;
}
#contactF h4{
    color: #fff;
    font-size: 1.875em;
    font-weight: 600;
    padding-left: 10px;
    position: absolute;
    margin-top:-16px;
}
#contactF div.decContact{
    background-image: repeating-linear-gradient(-45deg, rgba(220, 53, 69, 1), rgba(220, 53, 69, 1) .5px, transparent .5px, transparent 3.5px);
    background-size: 5px 5px;
    width:47%;
    height:20px;
    position: relative;
    margin-bottom: 40px;
    margin-top:16px;
}
/*------------Style News Page---------------------*/
.newsImgdetail{
    width: calc(100% / 5 - 8px);
    margin-bottom: 8px;
}
.newsImgdetail:hover{
    opacity: .8
}
.lineLTitle{
    border-left: 8px solid #891002;
    font-size: 2em;
    font-weight: 500;
    padding-left: 10px;
}
.paginationR .page-link {
    color: #000000;
    margin-left: 5px;
}
.paginationR .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #891002;
    border-color: #891002;
}
.paginationR .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
}
.paginationR .page-item:last-child .page-link {
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}
.headTopBanner{
    position: relative;
    height:350px;
}
.headTopBanner .headTopTitle{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}
.headTopBanner h1{
    font-weight: 600;
    margin-bottom: 1.25rem;
    font-size: 3em;
}
#breadcrumbHead{
    display: inline-block;
}
#breadcrumbHead .breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .5rem 1.5rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #ffffff;
    border-radius: 0;
}
#breadcrumbHead .breadcrumb-item+.breadcrumb-item {
    padding-left: 1rem;
}
#breadcrumbHead .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 1rem;
    color: #ebebeb;
    content: "|";
}
#breadcrumbHead .breadcrumb .breadcrumb-item a {
    color: #891002;
    text-decoration: none;
    background-color: transparent;
}
.cardNewsP:hover{
    box-shadow: 0 0 15px rgba(137,16,2,.3);
}
.cardNewsP{
    border-radius: 0rem;
    border: 0px solid rgba(0,0,0,.0);
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.topPicNews{
   position: relative; 
}
.labelDate{
    background: #891002;
    color: #fff;
    position: absolute;
    top:0;
    right:0;
    padding: 3px 20px;
}
.cardNewsP .card-img-top {
    width: 100%;
    object-fit: cover;
    height: 250px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.cardNewsP .card-title{
    color: #000;
    text-align: left;
    width:100%;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}

.cardNewsP p{
    text-align: left;
    margin-bottom: 0;
}
/*-----------Style Project page-----------*/
.cardProject{
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.cardProject:hover{
    box-shadow: 0 0 15px rgba(137,16,2,.3);
}
.projectNB{
    background: #fff;
    padding:10px 15px;;
    text-align: left;
    border-bottom: 4px solid #89101a;
}
.projectNB h5{
    font-size: 1.25em;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.projectNB p{
    color: #888888;
    height: 36px;
    margin-bottom: 0;
    font-size: 12px;
    
}
.cardProject figure {
    position: relative;
    /* float: left; */
    overflow: hidden;
    margin: 0;
    /* min-width: 320px; */
    max-width: 100%;
    /* max-height: 360px; */
    width: 100%;
    height: auto;
    background: #89101a;
    text-align: center;
    cursor: pointer;
}
.iconView{
    position: absolute;
    top:0;
    right:0;
    background: #89101a;;
    color: #fff;
    padding: 5px 10px;;
}
.cardProject figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    width: 100%;
    opacity: 1;
    height: 300px;
    object-fit: cover;
}
.cardProject figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(137,16,2,0) 0%, rgba(137,16,2,0.6) 75%);
	background: linear-gradient(to bottom, rgba(137,16,2,0) 0%, rgba(137,16,2,0.6) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

.cardProject figure.effect-sadie figcaption::before,
.cardProject figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}


.cardProject figure.effect-sadie:hover figcaption::before ,
.cardProject figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*-----------Style Product page-----------*/

.cardProduct{
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.cardProduct:hover{
    box-shadow: 0 0 15px rgba(137,16,2,.3);
}
.cardProduct .productNB{
    background: #fff;
    padding:10px 15px;;
    text-align: left;
    border-bottom: 4px solid #89101a;
}
.cardProduct .productNB h5{
    font-size: 1.25em;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cardProduct .productNB p{
    color: #888888;
    height: 36px;
    margin-bottom: 0;
    font-size: 12px;
    
}
.cardProduct figure {
    position: relative;
    /* float: left; */
    overflow: hidden;
    margin: 0;
    /* min-width: 320px; */
    max-width: 100%;
    /* max-height: 360px; */
    width: 100%;
    height: auto;
    background: #89101a;
    text-align: center;
    cursor: pointer;
}
.iconView{
    position: absolute;
    top:0;
    right:0;
    background: #89101a;
    color: #fff;
    padding: 5px 10px;
}
.cardProduct figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    width: 100%;
    opacity: 1;
    height: 300px;
    object-fit: cover;
}
.cardProduct figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(137,16,2,0) 0%, rgba(137,16,2,0.6) 75%);
	background: linear-gradient(to bottom, rgba(137,16,2,0) 0%, rgba(137,16,2,0.6) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

.cardProduct figure.effect-sadie figcaption::before,
.cardProduct figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}


.cardProduct figure.effect-sadie:hover figcaption::before ,
.cardProduct figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------- style product detail-----------*/
.titleDetail {
  position: relative;
  background: #ebebeb;
  padding: 8px 80px 8px 100px;
  font-size: 1.3em;
  font-weight: 500;
  color: #000;
  border-radius: 0 10px 10px 0;
  margin-left: 20px;    
  display: inline-block; 
  margin: 50px 0px 50px 20px;
}

.titleDetail:before {
  font-family: "Font Awesome 5 Free";
  content: "\f085";
  display: inline-block;
  font-size: 1.5em;
  line-height: 1.5;
  position: absolute;
  padding: .55em 0 0;
  color: white;
  background: #89101a;
  font-weight: 900;
  width: 90px;
  text-align: center;
  height: 90px;
  left: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 5px white; 
  border-radius: 100%;
}
.titleDetailG {
  position: relative;
  background: #ebebeb;
  padding: 8px 80px 8px 100px;
  font-size: 1.3em;
  font-weight: 500;
  color: #000;
  border-radius: 0 10px 10px 0;
  margin-left: 20px;    
  display: inline-block; 
  margin: 50px 0px 50px 20px;
}

.titleDetailG:before {
  font-family: "Font Awesome 5 Free";
  content: "\f164";
  display: inline-block;
  font-size: 1.5em;
  line-height: 1.5;
  position: absolute;
  padding: .5em 0 0;
  color: white;
  background: #89101a;
  font-weight: 900;
  width: 90px;
  text-align: center;
  height: 90px;
  left: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 5px white; 
  border-radius: 100%;
}
ol.listDetailGood {
  counter-reset:number; 
  list-style-type: none!important; 
  padding:0 5%;
  
}
ol.listDetailGood li {
  position: relative;
  padding: 0.5em 0.5em 0.5em 55px;
  line-height: 1.5;
  border-bottom: 2px solid #89101a;
  margin-bottom: 10px;
}
ol.listDetailGood li:before{
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display:inline-block;
  background: #fff;
  border:2px solid #89101a;   
  background: #89101a;    
  color: #fff;
  font-weight:bold;
  font-size: 16px;
  left: 0;
  width: 40px;
  height: 40px;
  line-height: 1.5;
  text-align: center;
  padding-top:6px;    
  top: 54%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.box-contactMore{
    width: 90%;
    margin: 10px auto;
    border: 2px dashed #000;
    height: 200px;
    position: relative;
}
.textContactMore{
    position: absolute;
    font-size: 2em;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
    padding: 50px 10px;
    height:150px;
    width:110%;
    background: #ebebeb;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
/*---------- style project detail-----------*/
.nameProject{
    font-size: 1.5em;
    font-weight: 500;
    text-align: center;
}
.locateProject{
    border-top:2px solid #89101a;    
    height:40px;
    position: relative;
    margin-bottom: 20px;
}
.labelLocate{
    background: #89101a;    
    color: #fff;
    text-align: center;
    position: absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
    padding:5px 20px;
    width:200px;
    border-radius: 0px 0px 30px 30px
}
#sync1 .item {
  background: #fff;
  padding: 40px 0px;
  margin: 5px;
  color: #FFF;
  border-radius: 3px;
  text-align: center;    
}
#sync1 .item img{
    object-fit: contain;
    height:400px;
    max-width: 100%;
}
#sync2 .item {
  background: #fff;
  padding: 0px 0px;
  margin: 5px;
  color: #FFF;
  border-radius: 0px;
  text-align: center;
  cursor: pointer;
}
#sync2 .item img{
    object-fit: cover;
    height:150px;
    max-width: 100%;
    width:100%;
    opacity: .5
}
#sync2 .item img:hover{
    opacity: .8
}
#sync2 .item h1 {
  font-size: 18px;
}
#sync2 .current .item img{
    opacity: 1;
}
.owl-theme .owl-nav {
  /*default owl-theme theme reset .disabled:hover links */
}
.owl-theme .owl-nav [class*='owl-'] {
  transition: all 0.3s ease;
}
.owl-theme .owl-nav [class*='owl-'].disabled:hover {
  background-color: #ddd;
}
#sync1.owl-theme {
  position: relative;
}
/*#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
}*/
#sync1.owl-theme .owl-prev {
  left: 10px;
}
#sync1.owl-theme .owl-next {
  right: 10px;
}
#sync1 .owl-prev, #sync1 .owl-next {
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 100%;
    background: transparent;
    border: 2px solid #891002;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
}
#sync1 .owl-prev i, #sync1 .owl-next i {
    font-size: 24px;
    margin-top: 5px;
    color: #891002;
}
#sync2 .owl-dots{
    text-align: center;
    max-width: 100%;
    width: 100%;
    padding-left: 0;
}
#sync2 .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #891002;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    opacity: .5
}
#sync2 .owl-dots .owl-dot.active span, #sync2 .owl-dots .owl-dot:hover span {
    background: #891002;
    opacity: 1;
}
/*-----------------------------------------
    RESPONSIVE
-------------------------------------------*/
@media screen and (min-width:320px) and (max-width:374px){
    .navbar-toggler {
        padding: 0rem 0rem;
    }
    .banner-Sec .caption {
        text-align: center;
        max-width: 100%;
        padding: 0 15px;
    }
    .banner-Sec .caption h1 {
        font-size: 1.5em;
        font-weight: 600;
    }
    .fp-controlArrow.fp-prev {
        display: none;
    }
    .fp-controlArrow.fp-next {
        display: none;
    }
    .buildingP {
        margin-bottom: 45px;
    }
    .titleE {
        font-size: 14px;
    }
    .titleT{
        font-size: 30px;  
    }
    .lineL:before {
        left: 16%;
    }
    .lineL:after {
        left: 20.5%;
    }
    .lineLP:before {
        left: 16.5%;
    }
    .lineLP:after {
        left: 22%;
    }
    .lineC:before {
        right: 37.5%;
    }
    .lineC:after {
        left: 37.5%;
    }
    .cardService .card-img-top {
        height: 180px;
    }
    .cardService .col-sm-3 img{
        width:80px;
    }
    .cardService .card-title {
        text-align: center;
        font-size: 1.2em;
        line-height: 1.5;
        height: 28px;
    }
    .cardService p {
        text-align: center;
    }
    .lineLW:before {
        left: 17%;
    }
    .lineLW:after {
        left: 22.5%;
    }
    figure.effect-bubba img {
        width: 250px;
        height: 180px;
        max-width: 100%;
    }
    .frame figure figcaption {
        padding: .25em;
    }
    figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
        top: 16px;
        right: 16px;
        bottom: 16px;
        left: 16px;
    }
    figure.effect-bubba p {
        font-size: 16px;
        margin-top: 10%;
    }
    #contactD {
        border: 5px solid #891002;
        padding: 20px 20px;
    }
    .lineLC:before {
        left: 19%;
    }
    .lineLC:after {
        left: 24.5%;
    }
    #contactF {
        padding: 20px 10px;
    }
    #contactF div.decContact {
        width: 98%;
        margin-bottom: 20px;
    }
    .navbar-light .navbar-nav .nav-link {
        text-align: left;
    }
    .topPdSpace {
        margin-top: 48px;
    }
    #breadcrumbHead .breadcrumb {
        font-size: .8em;
    }
    .headTopBanner h1 {
        font-size: 2em;
    }
    .bg-topHeadRed {
        height: 250px;
    }
    .headTopBanner {
        height: 250px;
    }
    .titleDetail {
        padding: 8px 10px 8px 40px;
        margin: 50px 0px 20px 20px;
    }
    .titleDetail:before {
        font-size: 1em;
        width: 60px;
        height: 60px;
        left: -25px;
        border: solid 4px white;
    }
    .titleDetailG {
        padding: 8px 10px 8px 40px;
        margin: 50px 0px 20px 20px;
        line-height: 1.2;
    }
    .titleDetailG:before {
        font-size: 1em;
        width: 60px;
        height: 60px;
        left: -25px;
        border: solid 4px white;
    }
    .textContactMore {
        font-size: 1.8em;
        line-height: 1.2;
        padding: 40px 10px;
    }
    .btnWcontactGO {
        width: 80%;
        padding: 15px;
    }
    #footer p{
        font-size: 11px;
    }
    .nameProject {
        font-size: 1.4em;
        line-height: 1.3;
    }
    #sync1 .item {
        padding: 0px 0px;
        margin: 5px;
        border-radius: 0px;
    }
    #sync1 .item img {
        height: 250px;
    }
    #sync2 .item img {
        height: 80px;
    }
    #sync1 .owl-prev, #sync1 .owl-next {
        width: 40px;
        height: 40px;
    }
    #sync1.owl-theme .owl-prev {
        left: 5px;
    }
    #sync1.owl-theme .owl-next {
        right: 5px;
    }
    .lineLTitle {
        font-size: 1.5em;
    }
    .bg-topHeadBlackService {
        height: 250px;
    }
    .bg-topHeadNews {
        height: 250px;
    }
    .cardNews .card-img-top {
        height: 220px;
    }
    .cardNewsP .card-img-top {
        height: 180px;
    }
    .media img{
        width:50px;
    }
    .newsImgdetail {
        width: calc(100% / 2 - 8px);
        margin-bottom: 8px;
    }
}
@media screen and (min-width:375px) and (max-width:413px){
    .navbar-toggler {
        padding: 0rem 0rem;
    }
    .banner-Sec .caption {
        text-align: center;
        max-width: 100%;
        padding: 0 15px;
    }
    .banner-Sec .caption h1 {
        font-size: 1.5em;
        font-weight: 600;
    }
    .fp-controlArrow.fp-prev {
        display: none;
    }
    .fp-controlArrow.fp-next {
        display: none;
    }
    .buildingP {
        margin-bottom: 45px;
    }
    .titleE {
        font-size: 14px;
    }
    .titleT{
        font-size: 30px;  
    }
    .lineL:before {
        left: 16%;
    }
    .lineL:after {
        left: 20.5%;
    }
    .lineLP:before {
        left: 16.5%;
    }
    .lineLP:after {
        left: 22%;
    }
    .lineC:before {
        right: 37.5%;
    }
    .lineC:after {
        left: 37.5%;
    }
    .cardService .card-img-top {
        height: 180px;
    }
    .cardService .col-sm-3 img{
        width:80px;
    }
    .cardService .card-title {
        text-align: center;
        font-size: 1.2em;
        line-height: 1.5;
        height: 28px;
    }
    .cardService p {
        text-align: center;
    }
    .lineLW:before {
        left: 17%;
    }
    .lineLW:after {
        left: 22.5%;
    }
    figure.effect-bubba img {
        width: 250px;
        height: 180px;
        max-width: 100%;
    }
    .frame figure figcaption {
        padding: .25em;
    }
    figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
        top: 16px;
        right: 16px;
        bottom: 16px;
        left: 16px;
    }
    figure.effect-bubba p {
        font-size: 16px;
        margin-top: 10%;
    }
    #contactD {
        border: 5px solid #891002;
        padding: 20px 20px;
    }
    .lineLC:before {
        left: 19%;
    }
    .lineLC:after {
        left: 24.5%;
    }
    #contactF {
        padding: 20px 10px;
    }
    #contactF div.decContact {
        width: 98%;
        margin-bottom: 20px;
    }
    .navbar-light .navbar-nav .nav-link {
        text-align: left;
    }
    .topPdSpace {
        margin-top: 48px;
    }
    #breadcrumbHead .breadcrumb {
        font-size: .8em;
    }
    .headTopBanner h1 {
        font-size: 2em;
    }
    .bg-topHeadRed {
        height: 250px;
    }
    .headTopBanner {
        height: 250px;
    }
    .titleDetail {
        padding: 8px 10px 8px 40px;
        margin: 50px 0px 20px 20px;
    }
    .titleDetail:before {
        font-size: 1em;
        width: 60px;
        height: 60px;
        left: -25px;
        border: solid 4px white;
    }
    .titleDetailG {
        padding: 8px 10px 8px 40px;
        margin: 50px 0px 20px 20px;
        line-height: 1.2;
    }
    .titleDetailG:before {
        font-size: 1em;
        width: 60px;
        height: 60px;
        left: -25px;
        border: solid 4px white;
    }
    .textContactMore {
        font-size: 1.8em;
        line-height: 1.2;
        padding: 40px 10px;
    }
    .btnWcontactGO {
        width: 80%;
        padding: 15px;
    }
    #footer p{
        font-size: 11px;
    }
    .nameProject {
        font-size: 1.4em;
        line-height: 1.3;
    }
    #sync1 .item {
        padding: 0px 0px;
        margin: 5px;
        border-radius: 0px;
    }
    #sync1 .item img {
        height: 250px;
    }
    #sync2 .item img {
        height: 80px;
    }
    #sync1 .owl-prev, #sync1 .owl-next {
        width: 40px;
        height: 40px;
    }
    #sync1.owl-theme .owl-prev {
        left: 5px;
    }
    #sync1.owl-theme .owl-next {
        right: 5px;
    }
    .lineLTitle {
        font-size: 1.5em;
    }
    .bg-topHeadBlackService {
        height: 250px;
    }
    .bg-topHeadNews {
        height: 250px;
    }
    .cardNews .card-img-top {
        height: 220px;
    }
    .cardNewsP .card-img-top {
        height: 180px;
    }
    .media img{
        width:50px;
    }
    .newsImgdetail {
        width: calc(100% / 2 - 8px);
        margin-bottom: 8px;
    }
}
@media screen and (min-width:414px) and (max-width:424px){
    .navbar-toggler {
        padding: 0rem 0rem;
    }
    .banner-Sec .caption {
        text-align: center;
        max-width: 100%;
        padding: 0 15px;
    }
    .banner-Sec .caption h1 {
        font-size: 1.5em;
        font-weight: 600;
    }
    .fp-controlArrow.fp-prev {
        display: none;
    }
    .fp-controlArrow.fp-next {
        display: none;
    }
    .buildingP {
        margin-bottom: 45px;
    }
    .titleE {
        font-size: 14px;
    }
    .titleT{
        font-size: 30px;  
    }
    .lineL:before {
        left: 16%;
    }
    .lineL:after {
        left: 20.5%;
    }
    .lineLP:before {
        left: 16.5%;
    }
    .lineLP:after {
        left: 22%;
    }
    .lineC:before {
        right: 37.5%;
    }
    .lineC:after {
        left: 37.5%;
    }
    .cardService .card-img-top {
        height: 180px;
    }
    .cardService .col-sm-3 img{
        width:80px;
    }
    .cardService .card-title {
        text-align: center;
        font-size: 1.2em;
        line-height: 1.5;
        height: 28px;
    }
    .cardService p {
        text-align: center;
    }
    .lineLW:before {
        left: 17%;
    }
    .lineLW:after {
        left: 22.5%;
    }
    figure.effect-bubba img {
        width: 250px;
        height: 180px;
        max-width: 100%;
    }
    .frame figure figcaption {
        padding: .25em;
    }
    figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
        top: 16px;
        right: 16px;
        bottom: 16px;
        left: 16px;
    }
    figure.effect-bubba p {
        font-size: 16px;
        margin-top: 10%;
    }
    #contactD {
        border: 5px solid #891002;
        padding: 20px 20px;
    }
    .lineLC:before {
        left: 19%;
    }
    .lineLC:after {
        left: 24.5%;
    }
    #contactF {
        padding: 20px 10px;
    }
    #contactF div.decContact {
        width: 98%;
        margin-bottom: 20px;
    }
    .navbar-light .navbar-nav .nav-link {
        text-align: left;
    }
    .topPdSpace {
        margin-top: 48px;
    }
    #breadcrumbHead .breadcrumb {
        font-size: .8em;
    }
    .headTopBanner h1 {
        font-size: 2em;
    }
    .bg-topHeadRed {
        height: 250px;
    }
    .headTopBanner {
        height: 250px;
    }
    .titleDetail {
        padding: 8px 20px 8px 40px;
        margin: 50px 0px 20px 20px;
    }
    .titleDetail:before {
        font-size: 1em;
        width: 60px;
        height: 60px;
        left: -25px;
        border: solid 4px white;
    }
    .titleDetailG {
        padding: 8px 20px 8px 40px;
        margin: 50px 0px 20px 20px;
        line-height: 1.2;
    }
    .titleDetailG:before {
        font-size: 1em;
        width: 60px;
        height: 60px;
        left: -25px;
        border: solid 4px white;
    }
    .textContactMore {
        font-size: 1.8em;
        line-height: 1.2;
        padding: 40px 10px;
    }
    .btnWcontactGO {
        width: 80%;
        padding: 15px;
    }
    #footer p{
        font-size: 11px;
    }
    .nameProject {
        font-size: 1.4em;
        line-height: 1.3;
    }
    #sync1 .item {
        padding: 0px 0px;
        margin: 5px;
        border-radius: 0px;
    }
    #sync1 .item img {
        height: 250px;
    }
    #sync2 .item img {
        height: 80px;
    }
    #sync1 .owl-prev, #sync1 .owl-next {
        width: 40px;
        height: 40px;
    }
    #sync1.owl-theme .owl-prev {
        left: 5px;
    }
    #sync1.owl-theme .owl-next {
        right: 5px;
    }
    .lineLTitle {
        font-size: 1.5em;
    }
    .bg-topHeadBlackService {
        height: 250px;
    }
    .bg-topHeadNews {
        height: 250px;
    }
    .cardNews .card-img-top {
        height: 220px;
    }
    .cardNewsP .card-img-top {
        height: 180px;
    }
    .media img{
        width:50px;
    }
    .newsImgdetail {
        width: calc(100% / 2 - 8px);
        margin-bottom: 8px;
    }
}
@media screen and (min-width:425px) and (max-width:767px){
    .navbar-toggler {
        padding: 0rem 0rem;
    }
    .banner-Sec .caption {
        text-align: center;
        max-width: 100%;
        padding: 0 15px;
    }
    .banner-Sec .caption h1 {
        font-size: 1.5em;
        font-weight: 600;
    }
    .fp-controlArrow.fp-prev {
        display: none;
    }
    .fp-controlArrow.fp-next {
        display: none;
    }
    .buildingP {
        margin-bottom: 45px;
    }
    .titleE {
        font-size: 14px;
    }
    .titleT{
        font-size: 30px;  
    }
    .lineL:before {
        left: 16%;
    }
    .lineL:after {
        left: 20.5%;
    }
    .lineLP:before {
        left: 16.5%;
    }
    .lineLP:after {
        left: 22%;
    }
    .lineC:before {
        right: 37.5%;
    }
    .lineC:after {
        left: 37.5%;
    }
    .cardService .card-img-top {
        height: 180px;
    }
    .cardService .col-sm-3 img{
        width:80px;
    }
    .cardService .card-title {
        text-align: center;
        font-size: 1.2em;
        line-height: 1.5;
        height: 28px;
    }
    .cardService p {
        text-align: center;
    }
    .lineLW:before {
        left: 17%;
    }
    .lineLW:after {
        left: 22.5%;
    }
    figure.effect-bubba img {
        width: 250px;
        height: 180px;
        max-width: 100%;
    }
    .frame figure figcaption {
        padding: .25em;
    }
    figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
        top: 16px;
        right: 16px;
        bottom: 16px;
        left: 16px;
    }
    figure.effect-bubba p {
        font-size: 16px;
        margin-top: 10%;
    }
    #contactD {
        border: 5px solid #891002;
        padding: 20px 20px;
    }
    .lineLC:before {
        left: 19%;
    }
    .lineLC:after {
        left: 24.5%;
    }
    #contactF {
        padding: 20px 10px;
    }
    #contactF div.decContact {
        width: 98%;
        margin-bottom: 20px;
    }
    .navbar-light .navbar-nav .nav-link {
        text-align: left;
    }
    .topPdSpace {
        margin-top: 48px;
    }
    #breadcrumbHead .breadcrumb {
        font-size: .8em;
    }
    .headTopBanner h1 {
        font-size: 2em;
    }
    .bg-topHeadRed {
        height: 250px;
    }
    .headTopBanner {
        height: 250px;
    }
    .titleDetail {
        padding: 8px 20px 8px 40px;
        margin: 50px 0px 20px 20px;
    }
    .titleDetail:before {
        font-size: 1em;
        width: 60px;
        height: 60px;
        left: -25px;
        border: solid 4px white;
    }
    .titleDetailG {
        padding: 8px 20px 8px 40px;
        margin: 50px 0px 20px 20px;
        line-height: 1.2;
    }
    .titleDetailG:before {
        font-size: 1em;
        width: 60px;
        height: 60px;
        left: -25px;
        border: solid 4px white;
    }
    .textContactMore {
        font-size: 1.8em;
        line-height: 1.2;
        padding: 40px 10px;
    }
    .btnWcontactGO {
        width: 80%;
        padding: 15px;
    }
    #footer p{
        font-size: 11px;
    }
    .nameProject {
        font-size: 1.4em;
        line-height: 1.3;
    }
    #sync1 .item {
        padding: 0px 0px;
        margin: 5px;
        border-radius: 0px;
    }
    #sync1 .item img {
        height: 250px;
    }
    #sync2 .item img {
        height: 80px;
    }
    #sync1 .owl-prev, #sync1 .owl-next {
        width: 40px;
        height: 40px;
    }
    #sync1.owl-theme .owl-prev {
        left: 5px;
    }
    #sync1.owl-theme .owl-next {
        right: 5px;
    }
    .lineLTitle {
        font-size: 1.5em;
    }
    .bg-topHeadBlackService {
        height: 250px;
    }
    .bg-topHeadNews {
        height: 250px;
    }
    .cardNews .card-img-top {
        height: 220px;
    }
    .cardNewsP .card-img-top {
        height: 180px;
    }
    .media img{
        width:50px;
    }
    .newsImgdetail {
        width: calc(100% / 2 - 8px);
        margin-bottom: 8px;
    }
}
@media screen and (min-width:768px) and (max-width:1023px){
    .banner-Sec .caption {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .banner-Sec .caption h1 {
        font-size: 3em;
    }
    .navbar-toggler {
        padding: 0rem 0rem;
    }
    .fp-controlArrow.fp-prev {
        left: 2%!important;
        width: 60px!important;
        height: 60px!important;
    }
    .fp-controlArrow.fp-next {
        right: 2%!important;
        width: 60px!important;
        height: 60px!important;
    }
    .lineL:before {
        left: 13%;
    }
    .lineL:after {
        left: 17%;
    }
    .lineLP:before {
        left: 6.5%;
    }
    .lineLP:after {
        left: 8.5%;
    }
    #product-carousel .owl-prev{
        left:0%
    }
    #product-carousel .owl-next {
        right:0%
    }
    .lineC:before {
        right: 45%;
    }
    .lineC:after {
        left: 45%;
    }
    .cardService .col-sm-3 img{
        width:60px;
    }
    .cardService .card-img-top {
        height: 200px;
    }
    .lineLW:before {
        left: 14%;
    }
    .lineLW:after {
        left: 19%;
    }
    figure.effect-bubba img {
        width: 300px;
        height: 250px;
    }
    #contactD {
        padding: 30px 20px;
    }
    #contactF {
        padding: 20px 0px;
    }
    #contactF div.decContact {
        width: 80%;
    }
    .topPdSpace {
        margin-top: 48px;
    }
    .bg-topHeadNews, .headTopBanner, .bg-topHeadBlackService, .bg-topHeadRed  {
        height: 250px;
    }
    .headTopBanner h1 {
        font-size: 2.5em;
    }
    #breadcrumbHead .breadcrumb {
        font-size: .8em;
    }
    .newsImgdetail {
        width: calc(100% / 3 - 8px);
    }
}
@media screen and (min-width:1024px) and (max-width:1279px){
    .banner-Sec .caption h1 {
        font-size: 3.5em;
    }
    .banner-Sec .caption {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    #myNavbar a.nav-link{
        padding: 0 .5rem;
    }
    .navLogo {
        width: 50px;
    }
    .lineL:before {
        left: 10%;
    }
    .lineL:after {
        left: 13%;
    }
    .lineLP:before {
        left: 4.5%;
    }
    .lineLP:after {
        left: 6%;
    }
    #product-carousel .item img {
        height: 250px;
    }
    #product-carousel .owl-prev{
        left:0%
    }
    #product-carousel .owl-next {
        right:0%
    }
    .cardService .card-img-top {
        height: 250px;
    }
    .lineC:before {
        right: 46.5%;
    }
    .lineC:after {
        left: 46.5%;
    }
    figure.effect-bubba img {
        width: 300px;
        height: 200px;
    }
    .wrap {
        padding-bottom: 50px;
    }
    figure.effect-bubba p {
        font-size: 16px;
        padding: 10px .5em;
        margin-top: 10%;
    }
    .lineLW:before {
        left: 10%;
    }
    .lineLW:after {
        left: 13%;
    }
    .cardNewsNoPic .card-title {
        height: 52px;
        line-height: 1.3;
    }
    .newsDate h4 {
        font-size: 1.5em;
    }
    .cardNews .card-img-top {
        height: 278px;
    }
    #contactD {
        padding: 30px 20px;
    }
    #contactF {
        padding: 20px 20px;
    }
    #contactF div.decContact {
        width: 60%;
    }
    .topPdSpace {
        margin-top: 56px;
    }
    .bg-topHeadNews, .headTopBanner, .bg-topHeadBlackService, .bg-topHeadRed  {
        height: 250px;
    }
    .headTopBanner h1 {
        font-size: 2.5em;
    }
    #breadcrumbHead .breadcrumb {
        font-size: .8em;
    }
    .cardProject figure img {
        height: 250px;
    }
    .cardProduct figure img {
        height: 250px;
    }
}
@media screen and (min-width:1280px) and (max-width:1359px){
    body{
        font-size: 14px;
    }
    .banner-Sec .caption h1 {
        font-size: 4em;
    }
    .fp-section.fp-table, .fp-slide.fp-table {
        padding-top: 25px!important;
    }
    .scrollbar {
        margin-top: 45px;
    }
    .container.container-main { 
        max-width: 1080px;
    }
    .lineL:before {
        left: 9%;
    }
    .lineL:after {
        left: 12%;
    }
    .lineLP:before {
        left: 4.5%;
    }
    .lineLP:after {
        left: 6%;
    }
    .lineC:before {
        right: 47%;
    }
    .lineC:after {
        left: 47%;
    }
    .lineLW:before {
        left: 9%;
    }
    .lineLW:after {
        left: 12%;
    }
    .lineLC:before {
        left: 11%;
    }
    .lineLC:after {
        left: 14%;
    }
    #product-carousel .item img {
        height: 200px;
    }
    figure.effect-ming p {
        margin: 40% auto;
        padding: 1.4em 1em;
        width: 50px;
        height: 50px;
    }
    #contactD {
        padding: 20px 20px;
        margin-top: 10px;
    }
    #contactF div.decContact {
        width: 65%;
    }
    .cardProject figure img {
        height: 250px;
    }
    .cardProduct figure img {
        height: 250px;
    }
    .cardService .card-img-top {
        height: 200px;
    }
    .cardService .card-title {
        height: 31px;
        margin-bottom: 10px;
    }
    .cardService p {
        height: 36px; 
    }
    .wrap {
        padding-bottom: 30px;
    }
    .frame figure figcaption {
        padding: .25em;
    }
    figure.effect-bubba img {
        width: 350px;
        height: 210px;
    }
    figure.effect-bubba p {
        margin-top: 10%;
    }
    figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
        top: .25em;
        right: .25em;
        bottom: .25em;
        left: .25em;
    }
    .cardNews .card-img-top {
        height: 230px;
    }
    .cardNewsNoPic .card-body{
        padding: 1rem;
    }
    .cardNewsNoPic{
        margin-bottom: 1rem!important;
    }
    .newsDate h4 {
        font-size: 1.65em;
    }
}
@media screen and (min-width:1360px) and (max-width:1439px){
    body{
        font-size: 14px;
    }
    .banner-Sec .caption h1 {
        font-size: 4em;
    }
    .fp-section.fp-table, .fp-slide.fp-table {
        padding-top: 25px!important;
    }
    .scrollbar {
        margin-top: 45px;
    }
    .container.container-main { 
        max-width: 1080px;
    }
    .lineL:before {
        left: 9%;
    }
    .lineL:after {
        left: 12%;
    }
    .lineLP:before {
        left: 4.5%;
    }
    .lineLP:after {
        left: 6%;
    }
    .lineC:before {
        right: 47%;
    }
    .lineC:after {
        left: 47%;
    }
    .lineLW:before {
        left: 9%;
    }
    .lineLW:after {
        left: 12%;
    }
    .lineLC:before {
        left: 11%;
    }
    .lineLC:after {
        left: 14%;
    }
    #product-carousel .item img {
        height: 200px;
    }
    figure.effect-ming p {
        margin: 40% auto;
        padding: 1.4em 1em;
        width: 50px;
        height: 50px;
    }
    #contactD {
        padding: 20px 20px;
        margin-top: 10px;
    }
    #contactF div.decContact {
        width: 65%;
    }
    .cardProject figure img {
        height: 250px;
    }
    .cardProduct figure img {
        height: 250px;
    }
    .cardService .card-img-top {
        height: 200px;
    }
    .cardService .card-title {
        height: 31px;
        margin-bottom: 10px;
    }
    .cardService p {
        height: 36px; 
    }
    .wrap {
        padding-bottom: 30px;
    }
    .frame figure figcaption {
        padding: .25em;
    }
    figure.effect-bubba img {
        width: 350px;
        height: 210px;
    }
    figure.effect-bubba p {
        margin-top: 10%;
    }
    figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
        top: .25em;
        right: .25em;
        bottom: .25em;
        left: .25em;
    }
    .cardNews .card-img-top {
        height: 230px;
    }
    .cardNewsNoPic .card-body{
        padding: 1rem;
    }
    .cardNewsNoPic{
        margin-bottom: 1rem!important;
    }
    .newsDate h4 {
        font-size: 1.65em;
    }
}
@media screen and (min-width:1440px) and (max-width:1599px){
    .container.container-main {
        max-width: 1180px;
    }
    .lineL:before {
        left: 9%;
    }
    .lineL:after {
        left: 12%;
    }
    .lineLP:before {
        left: 4.5%;
    }
    .lineLP:after {
        left: 6%;
    }
    .lineC:before {
        right: 47%;
    }
    .lineC:after {
        left: 47%;
    }
    .lineLW:before {
        left: 9%;
    }
    .lineLW:after {
        left: 12%;
    }
    .lineLC:before {
        left: 11%;
    }
    .lineLC:after {
        left: 14%;
    }
    #contactD {
        padding: 30px 20px;
    }
    #contactF div.decContact {
        width: 65%;
    }
    #product-carousel .item img {
        height: 250px;
    }
    figure.effect-ming p {
        margin: 49% auto;
    }
    .cardService .card-img-top {
        height: 220px;
    }
    .wrap {
        padding-bottom: 50px;
    }
    #headS-index {
        margin-bottom: 40px;
    }
    figure.effect-bubba img {
        width: 300px;
        height: 200px;
    }
    figure.effect-bubba p {
        margin-top: 8%;
    }
    .cardNewsNoPic .card-title {
        height: 52px;
        line-height: 1.3;
    }
    .newsDate h4 {
        font-size: 1.5em;
    }
    .cardNews .card-img-top {
        height: 278px;
    }
    .cardProject figure img {
        height: 250px;
    }
    .cardProduct figure img {
        height: 250px;
    }
    .news-Sec .btn-red{
        margin-top:0px!important;
    }
}
@media screen and (min-width:1600px) and (max-width:1919px){
    .wrap {
        padding-bottom: 20px;
    }
}
@media screen and (min-width:1920px) and (max-width:2559px){

}
@media screen and (min-width:2560px) {

}