/* Text Hide */



.text-split {

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: normal !important;

    -webkit-box-orient: vertical !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 3 !important;

}



.text-split-1 {

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: normal !important;

    -webkit-box-orient: vertical !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 1 !important;

}



.text-split-2 {

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: normal !important;

    -webkit-box-orient: vertical !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

}



.text-split-3 {

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: normal !important;

    -webkit-box-orient: vertical !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 3 !important;

}



.text-split-4 {

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: normal !important;

    -webkit-box-orient: vertical !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 4 !important;

}



.text-split-5 {

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: normal !important;

    -webkit-box-orient: vertical !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 5 !important;

}



.text-split-6 {

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: normal !important;

    -webkit-box-orient: vertical !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 6 !important;

}



.text-split-7 {

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: normal !important;

    -webkit-box-orient: vertical !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 7 !important;

}



.text-split-10 {

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: normal !important;

    -webkit-box-orient: vertical !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 10 !important;

}







/* header */

.logo-head {

    margin: 0px 10px;

}



.head-top {

    padding: 5px 0px;

    background: linear-gradient(0deg, #FFF 0%, #ebebeb 0%);

}



.social-head ul {

    margin: 0px 10px;

    color: white;

}



.hotline-head {

    text-transform: uppercase;

    font-family: 'font7';

    color: #181717;

    font-size: 15px;

    background: url(../imgs/icon_tel.png) no-repeat left center;

    line-height: 32px;

    padding-left: 62px;

}



.hotline-head span {

    color: #d40000;

    display: block;

    font-family: 'font6';

    font-weight: normal;

    font-size: 30px;

    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 2px 2px 3px #000;

}



.number-hotline {

    color: #ff0b00;

    font-size: 20px;

    font-weight: 500;

}











/* giới thiệu */

.wrap-gioithieu {

    padding: 50px 0px;

    position: relative;

    background: url(../imgs/bgr_gioithieu.png) no-repeat;

    background-size: 100% 100%;

    opacity: 0px;

}



.box-main-gioithieu {

    display: flex;

    gap: 50px;

}



.info-gioithieu {

    width: 60%;

    position: relative;

}



.info-gioithieu .vechungtoi p {

    font-size: 20px;

    margin: 0px;

    color: var(--c1);

}



.info-gioithieu .vechungtoi {

    display: flex;

    align-items: center;

    gap: 5px;

    margin-bottom: 10px;

}



.vechungtoi svg {

    width: 50px;

    height: 40px;

}



.kinhmoi {

    text-align: right;

    margin: 0px;

    font-size: 24px;

    color: #737373;

    font-family: "font3";

}



.img-gioithieu {

    width: calc(100% -60%);

    position: relative;

}



.img {

    margin: 0px 30px;

}



.line-img {

    position: absolute;

    left: 0px;

    top: 50%;

    transform: translateY(-50%);

    border: 2px solid var(--c1);

    width: 100%;

    height: 385px;

}



span.tieudesub {

    display: block;

    font-size: 20px;

    color: var(--c1);

    text-transform: uppercase;

    font-family: 'font8';

    font-weight: normal;

    overflow: hidden;

    height: 30px;

}



span.tieude {

    display: block;

    font-family: 'font8';

    font-size: 30px;

    color: var(--c1);

    text-transform: uppercase;

    margin-bottom: 10px;

}



.desc-gioithieu {

    font-family: "font1";

    font-size: 15px;

    color: #424242;

    text-align: justify;

    line-height: 28px;

    margin-top: 8px;

    margin-bottom: 20px
}



.xem-them {

    position: relative;

}



.btn_xemthem {

    display: flex;

    justify-content: flex-end;

}



.btn_xemthem div {

    z-index: 2;

    position: relative;

    height: 50px;

    width: 150px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: white;

    font-weight: bold;

}



.xem-them svg {

    position: absolute;

    top: 0px;

    right: 0px;

    width: 150px;

    height: 50px;

}



/* dịch vụ */

.wrap-dichvu {

    padding: 50px 0px;

    position: relative;

}



.wrap-dichvu::before {

    content: "";

    width: 131px;

    height: 180px;

    position: absolute;

    left: 0px;

    top: 0px;

    background-size: cover;

}



.wrap-dichvu::after {

    content: "";

    width: 218px;

    height: 180px;

    position: absolute;

    right: 0px;

    top: 0px;

    background-size: cover;

    transform: scaleX(-1);



}



.dichvu-item {

    position: relative;

}



.dichvu-img {

    border-radius: 10px;

}



.dichvu-info {

    position: absolute;

    bottom: 0px;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

}



.dichvu-name {

    color: white;

    font-size: 16px;
    
    font-weight: bold;

    text-transform: uppercase;

    background: var(--c1);

    padding: 5px;

    border-radius: 5px;

    margin: 0px 10px 10px 10px;

    text-align: center;

    line-height: 28px;

}



/* tại sao */

.wrap-why {

    background: url(../imgs/bgr_why.png) no-repeat;

    background-size: 100% 100%;

}



.box-main-why {

    display: flex;

    gap: 70px;

}



.box-left-why {

    width: 59%;

    padding: 50px 0px;

}



.box-left-why h3 {

    color: white;

    font-size: 28px;

    font-family: "font4";

}



.slick_why {

    margin-top: 50px;

}



.box-left-why p {

    color: white;

    font-size: 14px;

    font-family: "font4";



}



.box-right-why {

    width: calc(100% - 59%);

    position: relative;

}



.box-right-why img:last-of-type {

    position: relative;

    left: -70px;

    width: 600px !important;

    height: 290px;

}



.why-item {

    display: flex !important;

    gap: 10px;

}



.why-img {

    background: url(../imgs/bgr-why-img.png);

    background-size: 100% 100%;

    width: 160px;

    height: 87px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.why-info {

    width: calc(100% - 160px);

}



.why-info .why-name {

    font-size: 17px;

    color: #ffbc00;

    font-family: "font3";

    text-transform: uppercase;

}



.why-info .why-desc {

    font-size: 14px;

    color: white;

    margin: 0px;

}



.slick_why .slick-slide {

    margin-bottom: 20px;

}



.box-right-why {

    padding: 25px 0px;

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    justify-content: space-between;

}



.box-right-why img:last-child {

    position: absolute;

    left: -50px;

}



.box-right-why p {

    color: #0a3733;

    font-size: 16px;

    margin: 0px;

    font-family: "font4";

}



/* món ngon nổi bật */

.wrap-eating-noibat {

    padding: 50px 0px;

    background: #fdf1c9;

}



.box-main-eating-noibat {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

}



.eating-noibat-item {

    display: flex;

}



.eating-noibat-item.eventt {

    display: flex;

    flex-direction: row-reverse;

}



.eating-noibat-img {

    width: 50%;

}



.eating-noibat-info {

    width: calc(100% - 50%);

    background: url(../imgs/bgr_info_eating.png) no-repeat;

    background-size: 100% 100%;

    padding: 10px;

}



.eating-group {

    display: flex;

    gap: 5px;

    align-items: center;

    margin: 20px 0px;

}



.eating-group svg:first-child {

    width: 25%;

}



.eating-group svg:last-child {

    width: 25%;

    transform: rotate(-180deg);

}



.eating-line {

    position: relative;

    color: #8d130b;

    width: calc(100% - 25% - 25%);

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

}



.eating-noibat-name {

    font-size: 18px;

    color: #213542;

    text-align: center;

    text-transform: uppercase;

    line-height: 24px;

    font-weight: bold;

}



.eating-noibat-name:hover {

    color: #ffc700;

}



.eating-noibat-desc {

    color: #213542;

    font-family: "font2";

    line-height: 24px;

}



.eating-about {

    border-radius: 50px;

    border: 2px solid #e30812;

    padding: 2px;

    width: 110px;

    margin: auto;

    display: flex;

    justify-content: space-between;

}





.eating-about .icon {

    border-radius: 50%;

    background: #e30812;

    color: white;

    height: 30px;

    width: 30px;

    font-size: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.eating-about:hover .icon {

    background: #ffc100;

}



.button-text {

    width: calc(100% - 30px);

    display: flex;

    justify-content: center;

    align-items: center;

    color: #213542;

    font-family: "font2";

}



/* banner */

.wrap-banner {

    margin-top: 30px;

    position: relative;

}



.wrap-banner::before {

    position: absolute;

    content: "";

    background: url(../imgs/monan.png) no-repeat;

    background-size: 100% 100%;

    top: -200px;

    left: 0px;

    width: 200px;

    height: 200px;

}



/* sản phẩm */

.grid-product {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    margin-bottom: 20px;

}



.box-product {

    border: 1px dashed #a6a6a6;

    padding: 5px;

}



.product-img {

    position: relative;

}

.product-img .img2 {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}

.box-product:hover .img2 {
    opacity: 1;
}

.price-discount {

    position: absolute;

    top: 5px;

    right: 5px;

}



.product-info .product-name {

    font-size: 18px;

    color: var(--c1);

    margin: 10px 0px;

    font-family: "font8";

    text-transform: lowercase;
}



.price-discount {

    background: url(../imgs/bgr_discount.png) no-repeat;

    background-size: 100% 100%;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: white;

}



.product-price {

    display: flex;

    gap: 10px;

    justify-content: center;

    font-family: "font6";

}



.product-price span {

    font-size: 16px;

}



.product-price .price-new {

    color: red;

    font-weight: bold;

}



.pagination-ajax {

    margin-top: 20px;

}



/* đánh giá */

.wrap-feedback {

    padding: 50px 0px;

    /*background: url(../imgs/bgr_feedback.png) no-repeat;*/

    background-size: 100% 100%
}



.feedback-item {

    display: flex;

    align-items: center;

}



.feedback-img {

    width: 130px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



}



.feedback-img img {

    border-radius: 50%;

    border: 6px solid #fb9d20;

    width: fit-content;

}



.feedback-img .feedback-info {

    clip-path: polygon(15% 0%, 85% 0%, 100% 25%, 100% 75%, 85% 100%, 15% 100%, 0 75%, 0 25%);

    background: #237539;

    width: 130px;

    padding: 5px 10px;

    text-align: center;

    position: relative;

    top: -20px;

}



.group-star i {

    color: #ffb600;

    font-size: 12px;

}



.feedback-info h3 {

    font-size: 14px;

    color: #fb9d20;

    margin: 0px;

    font-family: "font4";

}



.feedback-info p {

    font-size: 13px;

    color: white;

    margin: 0px;

    font-family: "font4";

}



.feedback-info {

    width: calc(100% - 130px);

}



.feedback-content {

    position: relative;

    padding: 20px;

}



.feedback-content::before {

    position: absolute;

    content: "";

    background: url(../imgs/line-content-feedback1.png) no-repeat;

    background-size: 100% 100%;

    top: 0px;

    left: 0px;

    width: 50px;

    height: 50px;

}



.feedback-content::after {

    position: absolute;

    content: "";

    background: url(../imgs/line-content-feedback1.png) no-repeat;

    background-size: 100% 100%;

    bottom: 0px;

    right: 0px;

    width: 50px;

    height: 50px;

    transform: rotate(180deg);

}



.feedback-content p {

    font-size: 14px;

    color: white;

    margin: 0px;

    font-family: "font4";

}



/* Đối tác */

.wrap-partner {

    position: relative;



}



.wrap-partner::before {

    position: absolute;

    content: "";

    background: url(../imgs/doitac1.png) no-repeat;

    background-size: 100% 100%;

    left: 0px;

    top: 0px;

    width: 796px;

    height: 233px;

}



.wrap-partner::after {

    position: absolute;

    content: "";

    background-size: 100% 100%;

    right: 30px;

    top: -30px;

    width: 300px;

    height: 150px;

}



.wrap-partner .wrap-content {

    position: relative;

    z-index: 2;

}



/* đăng ký */

.wrap-dangky {

    background-color: var(--c1);

    background-size: 100% 100%;

    padding: 50px 0px;

}



.col-group {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 10px;

}



.label {

    position: relative;

    display: block;

    width: 100%;

    display: flex;

    border-radius: 6px;

    padding: 10px 10px;

    text-align: left;

    background: white;

    height: 45px;



    .icon {

        position: absolute;

        top: 45%;

        right: 0;

        transform: translate(-50%, -50%);

        transition: all 0.3s ease;

        color: #006838;

        font-size: 20px;

    }



    .input {

        background-color: transparent;

        outline: none;

        border: none;

        color: black;

        font-size: 15px;

        resize: none;

        width: calc(100% - 25px);

    }

}



.input-group-newsleter {

    margin-bottom: 15px;

}



.input-group {

    background: white;

    border-radius: 6px;

}



.input-group textarea {

    width: 100%;

    padding: 8px 10px;

    background-color: transparent;

    color: #7d0d10;

    font-size: 16px;

    resize: none;

    border-radius: 6px;

    background: white;

    border: none;

}



.col-group2 {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 10px;

}



.group-tuvan {

    height: 45px;

    display: flex;

    align-items: center;

    background: white;

    border-radius: 6px;

    margin-bottom: 10px;

    padding: 10px;

    justify-content: space-between;

    cursor: pointer;

}



.group-tuvan.active i {

    color: #fb9d20;

}



.group-tuvan i {

    color: #95cb91;

    font-size: 20px;



}



/* liên hệ chúng tôi */

.wrap-contact {

    background: #c0031b;

    padding: 15px 0px;

    color: white;

}



/* video */

.wrap-video {

    padding: 50px 0px;

}



.box-main-video {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

}



.video-img {

    border-radius: 10px;

    position: relative;

}



.play-video {

    position: absolute;

    background: url(../imgs/play.png) no-repeat;

    background-size: 100% 100%;

    width: 70px;

    height: 50px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



/* tin tức */

.wrap-tintuc {

    padding: 50px 0px;

    position: relative;

}



.wrap-tintuc::before {

    position: absolute;

    content: "";

    bottom: -50px;

    left: 0px;

    background-size: 100% 100%;

    width: 218px;

    height: 180px;

    /* transform: rotate(40deg); */

}







.box-main-tintuc {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

}



.tintuc-info .tintuc-name {

    font-size: 17px;

    color: var(--c1);

    margin: 10px 0px;

}



.tintuc-info .tintuc-desc {

    font-size: 14px;

    color: var(--c2);

}



.tintuc-img {

    position: relative;

}



.tintuc-time {

    position: absolute;

    bottom: 0px;

    left: 20px;

    color: white;

    background: var(--c1);

    width: fit-content;

    border-radius: 50px 50px 0px 0px;

    padding: 15px 10px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.tintuc-time p:nth-child(1) {

    margin: 0px;

    font-size: 20px;

    font-weight: bold;

}



.tintuc-time p:nth-child(2) {

    margin: 0px;

    font-size: 14px;

}



.tintuc-xemthem {

    margin-top: 20px;

    text-align: center;



}



.tintuc-xemthem a {

    color: var(--c2);

    font-weight: bold;

    font-size: 15px;

}



.tintuc-xemthem a:hover {

    color: #fbaa20;

}



/*  */





.logo {

    position: relative;

}



.logo::before {

    content: '';

    position: absolute;

    background: url(../imgs/map.png) no-repeat;

    bottom: -50px;

    left: 0px;

    height: 138px;

    width: 125px;

}



.slick-youtube {

    width: 60%;

    z-index: 2;

    left: -100px;

}



.operation {

    width: 50%;

    height: 170px;

    display: flex;

    background: #c0031b;

    position: absolute;

    right: 0px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;

    padding-left: 80px;

}



.operation .title-video {

    font-size: 50px;

    color: white;

    font-weight: bold;

    padding: 0px 20px;

}



.slick-youtube .slick-prev:before {

    display: none
}



.slick-youtube .slick-next:before {

    display: none
}



.slick-youtube .slick-prev {



    right: -34%;

    top: 60%;

    left: unset;

    width: 50px;

    height: 50px;

}



.slick-youtube .slick-prev img {

    width: 50px;

    height: 50px;

}



.slick-youtube .slick-next {

    right: -40%;

    top: 60%;



    left: unset;

    width: 50px;

    height: 50px;

}



.slick-youtube .slick-next img {

    width: 50px;

    height: 50px;

}













/*  */

.quick_contact {

    position: fixed;

    bottom: 50px;

    left: 60px;

    z-index: 20;

}



.quick_contact a {

    display: block;

    position: relative;

    font-size: 18px;

    color: #fff;

    padding: 0 20px 0 35px;

    height: 44px;

    line-height: 44px;

    text-decoration: none;

    border-radius: 0 40px 40px 0;

}



.quick_contact a span {

    display: flex;

    width: 45px;

    height: 45px;

    line-height: 40px;

    border-radius: 50%;

    text-align: center;

    position: absolute;

    left: -25px;

    /* color: #2E8B57; */

    top: -2.5px;

    border: solid 5px #fc0;

    align-items: center;

    justify-content: center;

}



.button_gradient {

    background-image: linear-gradient(90deg, #2E8B57 0%, #2E8B57 100%);

    border: 2px #fff solid;

}



.contact-phone {

    float: left;

    width: 100%;

    text-align: center;

    color: white;

    font-size: 20px;

    line-height: 1.2;

    font-family: 'font1';

    line-height: 45px;

    animation-duration: 800ms;

    animation-name: chopchop;

    animation-iteration-count: infinite;

    animation-direction: alternate;

    line-height: 40px;

}



.quick_contact a span:before {

    content: "";

    position: absolute;

    top: -30px;

    left: -27px;

    width: 95px;

    height: 95px;

    background: url(../imgs/contact_rotate.png) center no-repeat;

    animation: rotate 3s linear infinite;

}





.quick_contact2 {

    position: fixed;

    bottom: 150px;

    left: 60px;

    z-index: 20;

}



.quick_contact2 a {

    display: block;

    position: relative;

    font-size: 18px;

    color: #fff;

    padding: 0 20px 0 35px;

    height: 44px;

    line-height: 44px;

    text-decoration: none;

    border-radius: 0 40px 40px 0;

}



.quick_contact2 a span {

    display: flex;

    width: 45px;

    height: 45px;

    line-height: 40px;

    border-radius: 50%;

    text-align: center;

    position: absolute;

    left: -25px;

    /* color: #2E8B57; */

    top: -2.5px;

    border: solid 5px #fc0;

    align-items: center;

    justify-content: center;

}



.quick_contact2 a span:before {

    content: "";

    position: absolute;

    top: -30px;

    left: -27px;

    width: 95px;

    height: 95px;

    background: url(../imgs/contact_rotate.png) center no-repeat;

    animation: rotate 3s linear infinite;

}



@-webkit-keyframes rotate {



    from {



        -webkit-transform: rotate(0deg);



        transform: rotate(0deg)
    }







    to {



        -webkit-transform: rotate(360deg);



        transform: rotate(360deg)
    }



}



@keyframes rotate {



    from {



        -webkit-transform: rotate(0deg);



        -moz-transform: rotate(0deg);



        -ms-transform: rotate(0deg);



        transform: rotate(0deg)
    }







    to {



        -webkit-transform: rotate(360deg);



        -moz-transform: rotate(360deg);



        -ms-transform: rotate(360deg);



        transform: rotate(360deg)
    }



}



@keyframes chopchop {

    0% {

        transform: scale(1);

        color: #fff;

    }



    50% {

        transform: scale(1.1);

        color: #ec2d3f;

    }



    100% {

        transform: scale(1);

        color: #fc0;

    }

}



/* liên hệ chúng tôi */

.group-contact {

    display: flex;

    align-items: center;

    gap: 20px;

}



.info-contact h3 {

    font-size: 30px;

    margin: 0px;

    font-family: 'font4';

}



.info-contact p {

    margin: 0px;

    font-family: 'font1';

}



.name-product:hover {

    color: #fc0;

    transition: 0.7s;

}





/* From Uiverse.io by xetrov47 */

.search {

    display: flex;

    align-items: center;

    text-align: center;

    border-radius: 30px;

}



.search__input {

    font-family: inherit;

    font-size: inherit;

    border: 1px solid #767676;

    color: #767676;

    padding: 5px 10px;

    border-radius: 4px;

    margin-right: -1.5rem;

    height: 30px;

    width: 15rem;

}



.search__input::-webkit-input-placeholder {

    font-weight: 400;

    color: #767676;

    font-size: 14px;

}



.search__button {

    border: none;

    background-color: #fff;

    margin-top: 0.1em;

}



.search__button:hover {

    cursor: pointer;

}



.search input:focus {

    outline: none;

}



/*.line {*/

/*    background: url(../imgs/img_line.png) no-repeat;*/

/*    background-size: cover;*/

/*    width: 100px;*/

/*    height: 100px;*/

/*    margin: auto;*/

/*}*/



.line-white {

    background: url(../imgs/line-white.png) no-repeat;

    background-size: cover;

    width: 300px;

    height: 15px;

    margin: auto;

}



.line-green {

    background: url(../imgs/line2.png) no-repeat;

    background-size: cover;

    width: 300px;

    height: 35px;

    margin: auto;

}



.line-yello {

    background: url(../imgs/line-yello.png) no-repeat;

    background-size: cover;

    width: 300px;

    height: 15px;

}



/*  */

.box-album:after {

    content: '';

    position: absolute;

    z-index: 2;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    /* cursor: pointer; */

    pointer-events: none;

    /* background: rgba(0, 0, 0, .5); */

}



.slider {

    position: relative;

    z-index: 200;

    padding: 0 0px;

    margin: 5rem auto;

    max-width: 800px;

    width: 100%;

}



.box-album .slick-arrow {

    position: absolute;

    top: 50%;

    width: 40px;

    height: 50px;

    line-height: 50px;

    margin-top: -25px;

    border: none;

    background: transparent;

    color: #fff;

    font-family: monospace;

    font-size: 5rem;

    z-index: 300;

    outline: none;

}



.box-album .slick-prev {

    left: -50px;

    text-align: left;

    display: none;

}



.box-album .slick-next {

    right: -50px;

    text-align: right;

    display: none;

}







.box-album .item.slick-slide {

    width: 400px;

    height: 400px !important;

    transition: transform .5s ease;

    position: relative;

}



.box-album .slick-slide:after {

    content: '';

    position: absolute;

    z-index: 2;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, .5);

    transition: transform .4s;

}



.box-album .item.slick-slide {

    transform: scale(0.7) translate(640px);

}



.box-album .item.slick-slide.slick-center+.slick-slide {

    transform: scale(0.8) translate(-250px);

    z-index: 10;

}



.box-album .item.slick-slide.slick-center+.slick-slide+.item.slick-slide {

    transform: scale(0.7) translate(-640px);

    z-index: 5;

}



.box-album .item.slick-slide.slick-active {

    transform: scale(0.8) translate(250px);

}



.box-album .item.slick-slide.slick-center {

    /* margin: 0 -10%; */

    transform: scale(1);

    z-index: 30;



}



.box-album .slick-center:after {

    opacity: 0;

    margin: 10px;

    padding: 10px;

    /* border: 10px solid white; */

}



.box-album .slick-center {

    border: 10px solid white;

}



/* footer */

.footer-article {

    /*background: url(../imgs/bgr_footer.png) no-repeat;*/

    background-color: var(--c1);

    background-size: 100% 100%;

    padding: 50px;

}



.footer-article .wrap-content {

    gap: 20px;

}



.footer-title {

    text-transform: uppercase;

    font-size: 16px;

    margin-bottom: 1rem;

    font-weight: 500;

    color: white;

    font-weight: bold;

}



.footer-desc {

    margin: 20px 0px;



}



.title-time-footer {

    text-align: center;

    font-size: 30px;

    color: #ca021e;

    font-weight: bold;

}



.footer-news h3.title-footer {

    font-size: 18px;

    font-weight: bold;

    color: #fbaa20;

    text-transform: uppercase;

}



.footer-news .group-ship {

    margin-top: 20px;

}



.footer-name {

    color: white;

    font-size: 20px;

    font-weight: bold;

    text-transform: capitalize;

    margin: 20px 0px;

}



.social-footer .title-social {

    font-size: 16px;

    color: white;

    font-weight: bold;

}



.footer-info {

    color: white;

}



.map-facebook {

    display: flex;

    gap: 20px;

}



.map {

    width: 75%;

}



.face {

    width: calc(100% - 75%);

}



/* map */

.footer_map_tab {

    position: relative;

}



.flex_mapaa {

    display: flex;

}



.wrap_map {

    position: absolute;

    top: 0px;

    transform: translateX(-50%);

    left: 50%;

}



.map_frame iframe {

    width: 100%;

}



.map_items {

    background: white;

    width: 200px;

    height: auto;

}



.map_items.active {

    background: #007e06;

    color: white;

}



.txt-white {

    color: white !important;

}



.bgr-white {

    background: white !important;

}

video#my-video {
    height: 667px;
    object-fit: cover;
    width: 100%;
}