:root {
    --color-1: #00579d;
    --color-2: #ff680d;
    --color-3: #eb0000;
    --color-5: #020202;
    --color-6: #f0f2f3;
	--radius: 5px;
}
body {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
    margin: 0;
    -webkit-text-size-adjust: 100%;
}
img {
    vertical-align: middle;
    border-style: none;
}
a {
    text-decoration: none;
    transition: all ease .3s;
    color: var(--color-5);
}
a:hover {
    color: var(--color-1);
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 600;
}
.img-fluid, .img-responsive {
    max-width: 100%;
    height: auto;
}
.trans {
	transition: all ease .3s;
}
.rlt {
	position: relative;
}
.radius {
	border-radius: 10px;
}
.text-center {
	text-align: center;
}
@media (max-width: 600px){
    .paddingX-home{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (min-width: 992px){
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }
}
/*Start CSS About*/
.about-home, .special, .contact-support{
	background-color: var(--color-1);
	
}
.inner-about-home, .special-inner, .inner-contact-support, .bg-opacity-footer {
    background-color: rgba(0,0,0,.5);
}
.highlight-home {
    background-color: #fff;
    margin-top: -95px;
    z-index: 2;
    padding: 30px 0 30px;
}
.box-highlight-home {
    display: flex;
    flex-direction: column;
    
}
.box-highlight-home i{
	font-size: 50px;
	color: var(--color-1);
}
.high-number {
    margin: 15px 0 5px;
    font-size: 28px;
    font-weight: bolder;
    color: var(--color-3);
}
.info-about-home{
	color: #fff;
}
.title-info-about{
	text-transform: uppercase;
}
.content-about-home .ck-content p, .content-about-home .ck-content ul {
    line-height: 2;
}
@media (max-width: 460px){
	.highlight-home {
	    margin-top: -20px;
	    padding: 20px 0 0px;
	}
.box-highlight-home i {
    font-size: 32px;
}
.high-number {
    font-size: 21px;
}
.high-title {
    font-size: 14px;
}
.high-number{
	margin: 6px 0 3px;
}
}
@media (max-width: 767.8px){
	.highlight-home {

	}
.box-highlight-home i {
    font-size: 35px;
}
.high-number {
    font-size: 23px;
}
.high-number{
	margin: 10px 0 0px;
}
}
/*End CSS About*/

/*Start CSS Pro Cat hot with item*/
.product-cat-hot-item {
    margin-bottom: 50px;
}
.title-cat-pro-home {
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    margin: 55px 0 35px;
    text-transform: uppercase;
}
.title-cat-pro-link:before, .title-new-pg:before {
    top: 50%;
    border: 20px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: var(--color-1);
    margin-top: -20px;
    left: auto;
    right: -40px;
    z-index: 9;
}
.title-cat-pro-link:before {
    top: 50%;
    border: 20px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: var(--color-1);
    margin-top: -20px;
    left: auto;
    right: -40px;
    z-index: 9;
}
.box-title-lg-content {
    margin-bottom: 25px;
    background: linear-gradient(to right,#cfd0d5 0,#f2f3f7 100%);
    height: 42px;
    position: relative;
    border-radius: 5px;
}
.title-cat-pro-link{
    background: var(--color-1);
    font-size: 17px;
    position: relative;
    color: #fff;
    padding: 9px 17px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
    min-width: 121px;
    float: left;
    height: 42px;
    border-left: 5px solid var(--color-2);
    border-radius: 5px 0 0 5px;
}
.title-cat-pro-link:hover{
    color: var(--color-2)
}
.cat-viewmore {
    position: absolute;
    right: 11px;
    top: 8px;
}
.cat-viewmore a {
    color: #333;
    font-size: 14px;
}
.cat-viewmore a i {
    font-size: 13px;
}
.cat-viewmore a:hover i {
    transform: translateX(-3px);
}

.gird-gap-product {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
}
.item-product-cat-hot {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: rgba(50,50,93,.25) 0 2px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px;
}
.img-product-cat-hot, .img-product-cat-hot img {
    border-radius: 5px 5px 0 0;
}
.over-link-products {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.hoverimage {
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    font-size: 12px;
}
.hoverimage:after {
    content: "";
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    transform: rotate(30deg);
    background: linear-gradient(to right,rgba(255,255,255,.13) 0,rgba(255,255,255,.13) 77%,rgba(255,255,255,.5) 92%,rgba(255,255,255,0) 100%);
}
.hoverimage:hover:after {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left,top,opacity;
    transition-duration: .7s,.7s,.15s;
    transition-timing-function: ease;
}
.content-product-cat-hot {
    padding: 17px 10px 25px;
}
.link-title-content {
    font-size: 17px;
    display: block;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
.box-detail-pro-cat {
    justify-content: center;
}
.box-detail-pro-cat a {
    padding: 4px 10px;
    border: 1px solid var(--color-1);
    border-radius: 5px;
    color: #fff;
    background-color: var(--color-1);
    font-size: 14px;
    box-shadow: 2px 2px 1px rgb(0 0 0 / 15%);
}
.box-detail-pro-cat a:hover i {
    transform: translateX(3px);
}
@media (max-width: 991.8px){
    .title-cat-pro-home span:before {
        position: absolute;
        content: "";
        height: 3px;
        width: 20%;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -5px;
        background-color: var(--color-2);
    }
}
@media (min-width: 768px){
    .gird-gap-product {
        grid-template-columns: repeat(3,1fr);
    }
}
@media (min-width: 992px){
    .title-cat-pro-home {
        font-size: 35px;
    }
    .title-cat-pro-home span {
        background-color: #fff;
        z-index: 9;
        color: #000;
        padding: 0 15px;
        position: relative;
    }
    .title-cat-pro-home:before, .title-cat-pro-home:after {
        width: 100%;
        height: 2px;  
        content: " ";
        background-color: var(--color-2);
        position: absolute;
        left: 0;
    }
    .title-cat-pro-home:before {
        top: 45%;
        transform: translateY(-50%);
    }
    .title-cat-pro-home:after {
        top: 55%;
        transform: translateY(-50%);
    }
    .gird-gap-product {
        grid-template-columns: repeat(4,1fr);
    }
}
@media (min-width: 1200px){
    .gird-gap-product {
        grid-gap: 15px;
    }    
}
/*End CSS Pro Cat hot with item*/

/*Start Special*/
.gird-special{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
}
.box-special-sm {
    border: 1px solid #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.box-special-sm:hover{
    transform: translateY(-5px);
}
.img-special-sm img {
    width: 80px;
    transition: 1s;
}
.img-special-sm:hover img {
    transform: rotate(360deg);
}
.des-special-sm {
    color: #fff;
}
@media (min-width: 768px){
    .gird-special{
        grid-gap: 15px;
    }
    .des-special-sm {
        font-size: 20px;
    }
}
@media (min-width: 1200px){
    .gird-special{
        grid-template-columns: repeat(4,1fr);
    } 
}
/*End Special*/

/*Start News New*/
.news-new-home {
    margin: 60px 0;
}
.tit-lg-news-new {
    margin: 0 0 20px;
}
.tit-lg-news-new span{
    color: #fff;
    text-transform: uppercase;
    background-color: var(--color-1);
    padding: 11px 35px 11px;
    font-size: 17px;
    font-weight: 700;
    border-radius: 5px 5px 0 0;
}
.box-gird-news-new, .img-news-new-home{
    overflow: hidden;
}
.date-news {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 3px 9px;
    font-size: 14px;
    background: var(--color-1);
    border: 1px solid var(--color-1);
    color: #ffffff;
    box-shadow: 2px 2px 1px rgb(0 0 0 / 15%);
    border-radius: var(--radius);
}


.box-gird-news-new img {
    border-radius: 5px 5px 0 0;
}
.box-gird-news-new img:hover{
    transform: scale(1.05);
}
.tit-lg-news-new:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    height: 3px;
    width: 100%;
    background-color: var(--color-1);
}
.gird-news-new-home{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
}
.box-gird-news-new{
    background-color: #fff;
    border-radius: 5px;
    box-shadow: rgba(50,50,93,.25) 0 2px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px;
}
.detail-news-new-home{
    padding: 15px 10px 20px;
}
.des-news-new-home p{
    font-size: 15px;
    border-top: .5px solid var(--color-6);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    margin: 0;
    padding-top: 12px;
}
.title-sm-news-new-home a {
    font-size: 17px;
    display: block;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 12px;
    font-weight: 600;
}
@media (max-width: 767.8px){
.date-news {
    top: 7px;
    left: 7px;
    padding: 2px 5px;
    font-size: 10px;
}	
}
@media (min-width: 768px){
    .gird-news-new-home{
        grid-gap: 15px;
    } 
}
@media (min-width: 992px){
    .gird-news-new-home{
        grid-template-columns: repeat(3,1fr);
    } 
}
/*End News New*/

/*Start Contact*/
.contact-support {
    color: #fff;
}
.title-contact-form-home, .title-hot-support-home {
    border-left: 4px solid var(--color-2);
    padding-left: 10px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 25px;
}
.slogan-contact-form p {
    margin: 0 0 20px;
}
.content-form-contact label {
    font-size: 15px;
}
.require{
    color: var(--color-3)
}
.form-control-home {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 4px 10px !important;
    margin: 5px 0 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: 'Montserrat';
}
textarea.form-control-home {
    height: auto;
    margin-top: 30px;
}
.item-form-contact-last input {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
    background-color: var(--color-2);
    border-color: var(--color-2);
    cursor: pointer;
}
.tit-contact-google-maps {
    border-left: 5px solid var(--color-1);
    padding-left: 15px;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-size: 25px;
    font-weight: 600;
    line-height: 2;
}
/*End Contact*/

/*Start Support list home*/
.img-item-support-home img {
    border-radius: 5px;
}
.heading-support-home {
    font-size: 21px;
    color: var(--color-2)
}
.phone-support-home {
    font-size: 18px;
}
.phone-support-home a {
    color: #fff;
    font-weight: 700;
}
.phone-support-home a:hover {
    color: var(--color-2)
}
.working-time {
    font-size: 18px;
}
.working-time i {
    color: var(--color-2)
}
/*End Support list home*/

/*Services*/
.services-hot-h {
	border-radius: var(--radius);
}
.title-section-home {
    position: relative;
    background-image: url(../images/bg-title-home2.png);
    padding-bottom: 4px;
    margin-bottom: 15px;
    background-repeat: repeat-x;
    border-radius: var(--radius);
}
.title-services-home a {
    background-image: url(../images/bg-tt-home.png);
    position: relative;
    background-repeat: no-repeat;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    padding: 13px 0;
    padding: 14px 12px 9px 46px;
    background-position: 9px center;
    background-color: var(--color-7);
    font-size: 18px;
    line-height: normal;
    border-radius: 7px 0 0 0;
}
.title-s-home a:after, .title-services-home:after {
    content: '';
    border-top: 22.5px solid transparent;
    border-bottom: 22.5px solid transparent;
    border-left: 14px solid var(--color-7);
    position: absolute;
    right: -14px;
    top: 0;
}
.view-more-s{
  position: absolute;
  color: #fff;
  right: 9px;
  top: 14px;
  font-size: 14px;
  font-weight: 600;
}
.view-more-s:hover i {
    transform: translateX(-3px);
}
.view-more-s:hover{
  color: #000;
}
.botton-content-home{
  padding: 30px 0;
}
.item-services-home {
    background-color: #fff;
    border-radius: var(--radius);
    border: 1px solid #e1e1e1;
	box-shadow: rgba(50,50,93,.25) 0 2px 5px -1px, rgba(0,0,0,.3) 0 1px 3px -1px;
    padding-bottom: 20px;
}
.services-img-home{
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  cursor: pointer;
}
.services-img-home .img-services-h{
  transition: all ease .4s;
}
.services-img-home:hover .img-services-h{
  transform: scale(1.1);
  transition: all ease .4s;
}
.services-hot-content {
    background: #fff;
    padding: 0px 15px 35px;
    border-radius: 15px;
}
.link-title-services-home{
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  transition: all 0.3s ease 0s;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 25px;
}
.services-description-home p{
    color: var(--color-9);
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 10px 0 20px;
}
.services-read-more{
  padding: 6px 18px;
  float: right;
  font-size: 12px;
  background: var(--color-1);
  border: 1px solid var(--color-1);
  color: #ffffff;
  box-shadow: 0px 5px 10px -5px #1376c5;
  border-radius: var(--radius);
  text-transform: uppercase;
}
.services-read-more:hover{
  color: var(--color-1);
  background-color: #fff;
}
.carousel-banner .owl-stage-outer, .owl-carousel .owl-stage-outer {
  border-radius: var(--radius);
}
.carousel-banner .owl-dots.disabled, .carousel-banner .owl-nav.disabled, .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
}
@media (max-width: 767px) {
  .link-title-services-home{
    font-size: 15px;
  }
}
@media (min-width: 1200px){
	.title-section-home{
		margin-bottom: 20px;
	}
.title-services-home a{
    padding: 14px 12px 9px 54px;
    background-position: 13px center;
}
}
/*END Services*/

.title-lg-NewsHot-custom:before,.title-lg-about-custom:before,.title-lg-adv-left:before,.title-lg-construction-newPaging:before,.title-lg-construction-view:before,.title-lg-constructionCat-custom:before,.title-lg-constructionHotCarousel:before,.title-lg-gallery-newPaging:before,.title-lg-gallery-view:before,.title-lg-galleryHotCarousel:before,.title-lg-news-custom:before,.title-lg-news-view:before,.title-lg-newsCat-custom:before,.title-lg-newsHotCarousel:before,.title-lg-pro-newPaging:before,.title-lg-pro-view:before,.title-lg-proCat-custom:before,.title-lg-proHotCarousel:before,.title-lg-services-custom:before,.title-lg-services-view:before,.title-lg-servicesHotCarousel:before,.title-lg-servicesMenu-custom:before,.title-lg-support-custom:before,.title-lg-videoCat-custom:before,.title-lg-videoHotCarousel:before,.title-lg-videos-newPaging:before,.widget-title:before {
    background-color: var(--color-1)!important
}


.link-addCartPagging,li.page-item.active .page-link,li.page-item:hover .page-link {
    background-color: var(--color-1)!important;
    border: 1px solid var(--color-1)!important
}

.link-addCartPagging:hover {
    color: var(--color-1)!important;
    background-color: #fff!important
}
.container.container-custom{
	max-width: 1315px;
}