/*==============================
* Banner flexslider
* ================================
*/

.title h3 {
    font-size: 35px;
    color: #333333;
    margin: 15px auto;
}

.title p {
    font-size: 24px;
    color: #000;
    margin: 15px auto;
  	padding-bottom: 35px;
      text-align: center;
    text-align-last: center;
    display: inline-block;
    flex-wrap: wrap;
    justify-content: center;
}

.title span {
    color: #25A8E0;
}

.slide .item {
    position: relative;
}

.slide .item img {
    filter: brightness(0.8);
}
.slide .item .po {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    opacity: 0.2;
    height: 100%;
    z-index: 1;
    filter: brightness(0);
}

.slide .item .text {
    position: absolute;
    top: 70%;
    left: 15%;
    width: 70%;
    transform: translateY(-50%);
    font-family: var(--regula-iris);
    z-index: 99999;
}

.slide .item .img {
    position: absolute;
    top: 50%;
    right: 0%;
    width: 50%;
    transform: translateY(-50%);
}

.slide .item .text h3 {
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
  	letter-spacing: 4px;
}

.slide .item .text p {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 25px;
}
.slide .item .text .av {
    letter-spacing: 4px;
}

.slide .item .text span {
    font-size: 25px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 25px;
    display: block;
}

/* 
.slides .slide {
    position: relative;
}

.slides .slide .owl-nav {
    position: absolute;
    bottom: 10%;
    width: 100%;
}

.slides .slide .owl-nav .owl-prev {
    position: absolute;
    left: 15%;
    background-color: #fff;
    width: 50px;
    height: 35px;
    line-height: 32px;
    text-align: center;
}

.slides .slide .owl-nav .owl-next {
    position: absolute;
    left: 20%;
    background-color: #fff;
    width: 50px;
    height: 35px;
    line-height: 32px;
    text-align: center;
} */

.avct {
    border-radius: 25px 25px 25px 0px;
    background-color: #fff;
  	width: 240px;
    color: #000;
    padding: 12px 30px;
    text-align: center;
    display: inline-flex !important;
    font-size: 20px;
    font-family: var(--blod-iris);
    letter-spacing: 1px;
    justify-content: center;
}

.xt-s{
    width: 255px !important;
}

.xt:hover {
    background-color: #25a8e0;
    color: #fff;
    border: 2px solid transparent;
}
.xt:hover svg{
    fill: #fff;
}
.xt svg {
    margin-top: 2px;
    margin-left: 5px;
}

.xt {
    border-radius: 25px 25px 25px 0px;
    color: #000;
    padding: 7px 15px;
    text-align: center;
    display: inline-flex !important;
    border: 2px solid #000;
    font-family: var(--blod-iris);
    font-size: 20px;
    transition: all 0.5s;
  	width: 184px;
    justify-content: center;
    letter-spacing: 1px;
}

.chung-toi  {
    margin: 50px 0;
}
.chung-toi .text h3 {
    font-size: 24px;
    color: #333333;
    margin: 30px 0;
}

.chung-toi .text p {
    font-size: 21px;
    color: #000;
    margin: 15px 0;
    height: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  	line-height: 26px;
}
.chung-toi .col-lg-4:hover img {
    filter: grayscale(0%);
}
.chung-toi img {
    filter: grayscale(100%);
}

.quy-trinh {
    background-color: #F2F2F2;
    padding: 76px 0 86px 0;
}


.quy-trinh .left{
    padding-left: 240px;
}

.tin-tuc img:hover {
    filter: grayscale(0%);
}

.tin-tuc img {
    filter: grayscale(100%);
}


.tin-tuc .title .title-news {
    font-size: 36px !important; 
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    margin-top: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
    line-height: 50px;
}

.tin-tuc .title-content {
    font-size: 24px;
    display: -webkit-box;
    font-family: IrisGothamblod;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    margin-top: 15px;
}

.tin-tuc span {
    font-size: 15px;
    display: block;
    margin-top: 10px;
}

.tin-tuc p {
    font-size: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 10px;
}

.footer {
    position: relative;
}
.breadcrumb{
    background: none;
}
.breadcrumb .breadcrumb-item{
    font-weight: 800;
    font-family: 'IrisGothamblod';
    color: #000;
    font-size: 25px;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #000;
    content: ">";
}

.imgsumale {
    background-color: #25A8E0;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    border: 3px solid #fff;
    text-align: center;
    line-height: 80px;
    box-shadow: 0 0 0 1px #25A8E0;
    position: fixed;
    right: 15px;
    z-index: 9999;
    bottom: 320px;
}

.about-us .things {
    margin: auto;
    width: 70%;
    /* box-shadow: 4px 0px 2px -1px rgba(0, 0, 0, 0.068); */
    background-color: #fff;
    transform: translateY(-13%);
    position: relative;
    z-index: 9999;
}

.about-us .vcts {
    padding: 3vw 9vw;
}

.about-us .vcts h3{
    font-size: 36px;
    font-weight: bold;
}

.about-us .vanhoa{
    margin-top: 20px;
}

.about-us .vcts p{
    font-size: 24px;
    font-family: IrisGothamregular;
    font-weight: normal;
    text-align: justify;
}

.about-us .vcts strong{
    font-family: IrisGothamblod;
}

.about-us .vanhoa h3{
    text-transform: uppercase;
}

.about-us .vanhoa .s768{
    padding: 70px 0px 0px 0px;
    width: 100%;
}

.about-us .tn-sm {
    background-color: #F2F2F2;
    padding: 40px 0 70px 0;
}

.about-us .tn-sm h3 {
    font-size: 28px;
    color: #000;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.about-us .tn-sm p {
    font-size: 20px;
    color: #000;
    margin-bottom: 15px;
}

.about-us .sd-tc {
    padding: 40px 0;
}

.about-us .sd-tc img {
    width: 80%;
    margin: auto;
}

.about-us .sd-tc h3 {
    margin-bottom: 35px;
    font-size: 28px;
    text-transform: uppercase;
}

.about-us .nha-may {
    background-color: #F2F2F2;
    padding: 30px;
}

.about-us .nha-may p{
    font-size: 24px;
    font-family: IrisGothamregular;
}

.about-us .nha-may h5{
    font-size: 28px;
    font-family: IrisGothamblod;
}

.about-us .nha-may h3 {
    margin-bottom: 90px;
    font-size: 36px;
    font-family: IrisGothamblod;
    text-transform: uppercase;
}

.about-us .nha-may .col-lg-6 {
    padding: 25px 15px;
}

.product {
    padding: 50px 0;
}

.product .title h3 {
    display: inline-block;
    padding: 12px 25px;
    border-radius: 30px;
    border: 2px solid #25A8E0;
    text-transform: uppercase;
    font-size: 28px;
}

.product h4 {
    font-size: 28px;
    color: #25A8E0;
    margin: 0;
}

.product .d-flex {
    border-bottom: 1px solid rgba(0, 0, 0, 0.472);
    padding: 10px 0;
}

.product .d-flex:nth-child(1){
    border-top: 1px solid rgba(0, 0, 0, 0.472);
}

.product .d-flex:nth-last-child(1){
    border: none;
}

.product .d-flex .flex1 ul{
    list-style: disc;
    list-style-position: inside;
}

.product .d-flex .flex1 ul li{
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.472);
    font-size: 24px;
    font-family: IrisGothamregular;
}

.product .d-flex p{
    font-size: 24px;
    font-family: IrisGothamregular;
}

.quy-trinhs {
    padding: 90px 0;
}

.quy-trinhs .col-lg-4{
    padding-bottom: 70px;
}

.quy-trinhs .things .img {
    width: 325px;
    height: 400px;
    margin: auto;
}

.quy-trinhs .things .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.quy-trinhs .things {
    position: relative;
}

.quy-trinhs .things p {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
    font-size: 24px;
    font-family: var(--blod-iris);
    display: inline-block;
    width: 70%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.quy-trinhs .col-lg-4:nth-child(1) .things p {
    color: #000;
    top: 45%;
    width: 40%;
}

.quy-trinhs .col-lg-4:nth-child(6) .things p {
    top: 40%;
}

.quy-trinhs .col-lg-4:nth-child(7) .things p {
    top: 40%;
}

.quy-trinhs .col-lg-4:nth-child(12) .things p {
    top: 40%;
}

.quy-trinhs .col-lg-4:nth-child(13) .things p {
    top: 40%;
}

.quy-trinhs .col-lg-4:nth-child(18) .things p {
    top: 40%;
}

.quy-trinhs .col-lg-4:nth-child(19) .things p {
    top: 43%;
    width: 50%;
}

.quy-trinhs768 .col-lg-4:nth-child(1) .things p {
    color: #000;
    top: 45%;
    width: 40%;
}

.quy-trinhs768 .col-lg-4:nth-child(6) .things p {
    top: 40%;
}

.quy-trinhs768 .col-lg-4:nth-child(7) .things p {
    top: 40%;
}

.quy-trinhs768 .col-lg-4:nth-child(12) .things p {
    top: 40%;
}

.quy-trinhs768 .col-lg-4:nth-child(13) .things p {
    top: 40%;
}

.quy-trinhs768 .col-lg-4:nth-child(18) .things p {
    top: 40%;
}

.quy-trinhs768 .col-lg-4:nth-child(19) .things p {
    top: 43%;
    width: 50%;
}


.quy-trinhs768 .things .img {
    width: 325px;
    height: 400px;
    margin: auto;
}

.quy-trinhs768 .things .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.quy-trinhs768 .things {
    position: relative;
}

.quy-trinhs768 .things p {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
    font-size: 24px;
    font-family: var(--blod-iris);
    display: inline-block;
    width: 80%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.quy-trinhs768 h3 {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.quy-trinhs p {
    font-size: 24px;
    font-family: IrisGothamregular;
    text-align: justify;
}

.quy-trinhs h3 {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.thu-mua .text {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    padding-top: 50px;
}

.thu-mua {
    padding-bottom: 150px;
}

.thu-mua .text p{
    font-size: 24px;
    font-family: IrisGothamregular;
}

.thu-mua .text h4 {
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.thu-mua p img{
    padding-top: 45px;
}

.lien-he {
    padding: 50px 0;
}
.lien-he .col-lg-5 .d-flex img{
    margin-top: 8px;
}

.lien-he input {
    width: 100%;
    border: 1px solid #808285;
    padding: 8px 15px;
    color: #808285;
    margin: 10px 0;
    outline: 0;
}

.lien-he textarea {
    width: 100%;
    border: 1px solid #808285;
    padding: 8px 15px;
    color: #808285;
    outline: 0;
    margin: 10px 0;
}


.lien-he button:hover svg{
    fill: #fff;
}
.lien-he button svg {
    margin-top: 1px;
}

.lien-he button:hover {
    background-color: #25a8e0;
    color: #fff;
    border: 2px solid transparent;
}
.lien-he button {
    border-radius: 25px 25px 25px 0px;
    color: #000;
    width: 170px;
    padding: 7px;
    text-align: center;
    display: inline-flex !important;
    border: 2px solid #000;
    font-family: var(--blod-iris);
    justify-content: center;
    font-size: 20px;
    transition: all 0.5s;
    background-color: #fff;
    letter-spacing: 1px;
}

.lien-he p {
    font-size: 24px;
}

.news {
    padding: 50px 0;
}

.news h3 {
    font-size: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    margin-top: 15px;
}

.news .title-left {
    font-size: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    margin-top: 30px;
    margin-bottom: 40px;
}

.news .col-lg-4 {
    padding: 15px;
}

.news .news-botom .item{
    padding-bottom: 25px;
}

.news .news-botom .item a .box-thumbnail{
    margin-bottom: 10px;
}

.news .news-botom .item a .box-thumbnail{
    margin-bottom: 10px;
}

.news .things {
    background-color: #F2F2F2;
    padding: 30px;
    transform: translateY(-20%);
    position: relative;
    z-index: 999;
}

.news .things .col-lg-4 .d-flex {
    padding-bottom: 30px;
}

.news .things .col-lg-4 h3 {
    font-size: 26px;
    font-family: IrisGothamblod;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    margin-top: 0px;
    padding-right: 20px;
}

.news span {
    font-size: 13.19px;
    color: #000;
    display: block;
}

.news p {
    font-size: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 10px;
    color: #000;
}

.newss {
    background-image: url('../img/Group 1492ssss.png');
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 50px 0;
    background-position: top;
}

.newss .content {
    background-color: #fff;
    padding: 40px 30px;
}

.tinkhac  {
    background-color: #F2F2F2;
    padding: 50px 0;
}
.tinkhac .title h3 {
    display: inline-block;
    padding: 12px 25px;
    border-radius: 30px 30px 30px 0px;
    border: 2px solid #25A8E0;
    text-transform: uppercase;
    font-size: 28px;
}
.tinkhac  h3 {
    font-size: 18px;
    margin-top: 0;
}


















.page-link.active {
    position: relative;
    display: block;
    color: #fff;
    background-color: #2CA9E1;
    border: 0;
    border-radius: 50% !important;
    width: 38px;
    height: 38px;
    text-align: center;
    margin: 0 15px;
}

.page-link {
    position: relative;
    display: block;
    color: #000;
    background-color: #fff;
    border: 0;
    border-radius: 50% !important;
    width: 38px;
    height: 38px;
    text-align: center;
    margin: 0 15px;
    border: 1px solid #000;
}

.pulses {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    padding: 5px;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
    animation: none;
    z-index: 999;
    width: 56px;
    height: 56px;
}

.pulses:hover p {
    opacity: 1;
    visibility: visible;
    width: 150px;
    left: -150px;
}

.pulses p {
    opacity: 0;
    visibility: hidden;
    color: #fff;
    background-color: #045BA7;
    width: 150px;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    transition: all 0.8s;
    transform: translateY(-50%);
}

.pulses img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pulsess {
    right: 20px;
    top: 60%;
}

.pulsesss {
    right: 20px;
    top: 70%;
    animation: pulses 1.5s infinite;
}

.pulses:hover {
    animation: none;
}

@keyframes pulses {
    0% {
        -moz-box-shadow: 0 0 0 0 #2ca8e16c;
        box-shadow: 0 0 0 0px #2ca8e16c;
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 50px rgba(204, 169, 44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 10px 50px rgba(204, 169, 44, 0);
    }
}