:root {
     --blue: #3669BE;
}
@font-face {
     font-family: 'Inter';
     src: url('../fonts/Inter_24pt-Regular.woff2') format('woff2'),
          url('../fonts/Inter_24pt-Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
 }
@font-face {
     font-family: 'Inter';
     src: url('../fonts/Inter_24pt-Medium.woff2') format('woff2'),
          url('../fonts/Inter_24pt-Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter_24pt-SemiBold.woff2') format('woff2'),
         url('../fonts/Inter_24pt-SemiBold.woff') format('woff');
    font-weight:600;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter24pt-Bold.woff2') format('woff2'),
         url('../fonts/Inter24pt-Bold.woff') format('woff');
    font-weight:700;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter_24pt-ExtraBold.woff2') format('woff2'),
         url('../fonts/Inter_24pt-ExtraBold.woff') format('woff');
    font-weight:800;
    font-style: normal;
}
body {font-family: 'Inter', sans-serif;max-width: 1920px;overflow-x: hidden;margin: auto;font-size: 16px;}
html{scroll-behavior: smooth;}
html::-webkit-scrollbar { width:6px; }
html::-webkit-scrollbar-track { background:#f1f1f1; }
html::-webkit-scrollbar-thumb { background:var(--blue); border-radius:4px; }
html::-webkit-scrollbar-thumb:hover { background:#555; }
/* Default */
a {color: #000;text-decoration: none;}
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-24{font-size: 24px;}
.fs-26{font-size: 26px;}
.fs-32{font-size: 32px;}
.fs-36{font-size: 36px;}
.text-line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-2line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;height: 50px;}
.text-3line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;height: 70px;}
.text-4line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;height: 90px;}
.bg-blue {background-color: var(--blue);}
.bg-gardient {background: linear-gradient(45deg,#EB7B35,#03AEFE, #23D893);}
.bg-gardient-orange {background: linear-gradient(45deg, #EB4335, #F8BC16);}
.bg-gardient-green {background: linear-gradient(45deg, #557DBF, #33A853);}
.bg-gray{background-color: #F6F6F6;}
.text-gray{color: #BFBFBF;}
.bg-cool-gray{background-color: #F2F5F9;}
.text-red{color: #D70E0F;}
.text-blue {color: var(--blue);}
.cursor-pointer{cursor: pointer;}
.list-none {list-style: none;}
.text-justify{text-align: justify;}
.container{max-width: calc(100% - 10vw);}
.hv-blue:hover {color: var(--blue)!important;}
.hv-text-orange:hover{background: linear-gradient(45deg, #EB4335, #F8BC16);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.hv-bg-orange:hover{background: linear-gradient(45deg, #EB4335, #F8BC16);}
.hv-bg-green:hover{background: linear-gradient(45deg, #557DBF, #33A853);}
.overflow-hidden {overflow: hidden !important;}
.rd-top-right{border-top-right-radius: 2rem;}
.rd-top-left{border-top-left-radius: 2rem;}
.rd-bottom-left{border-bottom-left-radius: 2rem;}
.rd-bottom-right{border-bottom-right-radius: 2rem;}
.bsd{box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);}
.bsd-bottom{box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.3);}
.text-gardient {background: linear-gradient(45deg, #EB4335, #F8BC16);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.h-55{height: 55px;}
.h-60{height: 60px;}
/* Header*/
.logo img{ transition:all .6s ease ; -webkit-transition:all .6s ease ; -moz-transition:all .6s ease ; -ms-transition:all .6s ease ; -o-transition:all .6s ease ; }
.header .container{max-width: 100%;padding: 0;}
.header-fixed{ height: 35px; transition:.6s ; -webkit-transition:.6s ; -moz-transition:.6s ; -ms-transition:.6s ; -o-transition:.6s ; }
.col-logo{padding-left: calc(5vw + 1.5rem);}
.header-top{padding-right: calc(5vw + 1.5rem);padding-left: 1rem;background-size: cover;-webkit-clip-path: url(#my-clip-path);clip-path: url(#my-clip-path);}
.svg {position: absolute;width: 0;height: 0;}
.header.fixed .header-fixed{height: 0;}
.header.fixed .logo img{max-width: 60px!important;}
/* Menu */
.menu{position:relative;z-index:10;transition: transform 0.8s ease;padding-right: 5vw;}
.menu ul.menu-pc{width:100%;padding:0px;margin:auto;list-style:none;}
.menu ul.menu-pc li{position:relative;z-index:1;}
.menu ul.menu-pc li a{display:block;position:relative;white-space: nowrap;}
.menu ul.menu-pc li ul{position:absolute;min-width:300px;background:#fff;border-radius:0.25rem;-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s;list-style: none;margin: auto;padding: 0;border: 1px solid #eee;}
.menu ul.menu-pc li:hover > ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all .7s;}
.menu ul.menu-pc li ul li a{font-weight:400;font-size:14px;text-align:left;border-bottom:1px solid #eee;text-transform: capitalize;}
.menu ul.menu-pc li ul li:last-child > a{border-bottom:0px;}
.menu ul.menu-pc li ul li a.has-child{margin-right:0px;}
.menu ul.menu-pc li ul li a.has-child:after{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.menu ul.menu-pc li ul li a{line-height: 20px;padding: 0px;}
.menu ul.menu-pc > li > a.active,.menu ul.menu-pc li > a:hover{background: linear-gradient(45deg, #EB4335, #F8BC16);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 700;}
.menu ul.menu-pc > li > ul::before{position: absolute;content: "";width: 20px;height: 10px;top: -10px;left: 15%;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);background-color:#eee;}
.menu ul.menu-pc li ul li ul{position: absolute;top: 0;left: 100%;}
.menu-mobile{display: none;}
.fixed{position: fixed!important;z-index: 9999;top: 0px;left: 0px;right: 0px;}
/*Menu Mobile*/
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.navbar-toggle {position: relative;padding: 5px 5px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.navbar-toggle .icon-bar {display: block;width: 20px;height: 3px;border-radius: 1px;background-color: #fff;}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 5px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
/*Body*/
.img-filter{filter: brightness(0) invert(1);}
.desc p{margin-bottom: 0;}
.video-grid{display: grid;display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.album_grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 15px;}
.thumb-pro-detail{display:block!important;border:1px solid #eee;padding:5px;border-radius:3px;cursor:pointer;background-color:#ffffff;}
.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:#cecfd2;}
.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0px!important;padding-bottom:0px!important;}
.scrollToTop{ width:52px; height:52px; text-align:center; color:#fff; text-decoration:none; position:fixed; bottom:15px; right:15px; display:none; z-index:10; cursor:pointer; background-color:rgba(0, 0, 0, 0.18); line-height: 52px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
input,input::placeholder,textarea,textarea::placeholder{color: #CACACA!important;}
label{color: #767676;}
.owl-customer-prev,.owl-customer-next{width: 44px;height: 44px;}
.owl-customer-prev i{background: linear-gradient(to right, #3669BE,#33A853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.owl-customer-next i{background: linear-gradient(to right, #33A853,#3669BE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.swiper-images .swiper-slide{ height: 297px; transition: 0.9s ease; -webkit-transition: 0.9s ease; -moz-transition: 0.9s ease; -ms-transition: 0.9s ease; -o-transition: 0.9s ease; }
.swiper-images .swiper-slide img{object-fit: fill;}
.swiper-images .swiper-slide-active { z-index: 5;width: 40%!important;}
.swiper-images .swiper-slide-active .swiper-name{ top: 50%; right: 0; transform:translate(0,-50%) ; -webkit-transform:translate(0,-50%) ; -moz-transform:translate(0,-50%) ; -ms-transform:translate(0,-50%) ; -o-transform:translate(0,-50%) ; }
.swiper-images .swiper-slide-prev,.swiper-images .swiper-slide-prev-prev { clip-path: polygon(0 0, 100% 6%, 100% 94%, 0 100%);width: 15%!important;}
.swiper-images .swiper-slide-next,.swiper-images .swiper-slide-next-next { clip-path: polygon(0 6%, 100% 0%, 100% 100%, 0 94%);width: 15%!important;}
.swiper-name{ position: absolute; transition:.6s ease ; -webkit-transition:.6s ease ; -moz-transition:.6s ease ; -ms-transition:.6s ease ; -o-transition:.6s ease ; }
.swiper-images .swiper-slide-prev .swiper-name,.swiper-images .swiper-slide-prev-prev .swiper-name{left: 0;bottom: 2rem;}
.swiper-images .swiper-slide-next .swiper-name,.swiper-images .swiper-slide-next-next .swiper-name{right: 0;bottom: 2rem;}
.sticky-top{top: 65px;}
.items-video img{object-fit: fill;}
/*Product*/
.list-typical li:hover,.list-typical li.active{background-color: var(--yellow)!important;color: #fff;}
.list-typical li.active:before{display: none;}
.tab-product .tab-pane{transition: opacity 0.3s ease, max-height 0.6s ease;opacity: 0; max-height: 0;overflow: hidden;}
.tab-product .tab-pane.active{opacity: 1;max-height: 1000px;}
.product__grid {display: grid;  grid-template-columns: repeat(4, calc(25% - (20px * 3 / 4))); grid-gap:20px; }
.image-grid{display: grid;grid-template-columns: repeat(5,1fr);gap: 10px;}
.image-grid .images-1{grid-column: 1/3;grid-row: 1/3;}
.image-grid .images-2{grid-column: 3/4;grid-row: 1/2;}
.image-grid .images-3{grid-column: 4/6;grid-row: 1/2;max-height: 266px;}
.image-grid .images-4{grid-column: 3/5;grid-row: 2/3;max-height: 266px;}
.image-grid .images-5{grid-column: 5/6;grid-row: 2/3;}
.item-video{aspect-ratio: 16/9;}
.item-video img{object-fit: cover;}
.image-feeback{max-width: 60px;}
.name-feeback{width: calc(100% - 60px);padding: .2rem .3rem;}
.top-feeback::before{ position: absolute; content: ''; width: 100%; background-color: #F4F4F4; height: 38px; left: 0; top: 50%; transform:translate(0,-50%) ; -webkit-transform:translate(0,-50%) ; -moz-transform:translate(0,-50%) ; -ms-transform:translate(0,-50%) ; -o-transform:translate(0,-50%) ;z-index: -1;}
.owl-feeback .owl-stage{padding: 1rem 0;}
.item-feeback{ transition:all .6s ease ; -webkit-transition:all .6s ease ; -moz-transition:all .6s ease ; -ms-transition:all .6s ease ; -o-transition:all .6s ease ; }
.owl-feeback .owl-item.center .item-feeback{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.service-grid{display: grid; grid-template-columns: repeat(2, calc(50% - (25px / 2))); grid-gap:25px; }
.item-why img{width: auto!important;margin: 0 auto;}
.item-why .num{position: absolute;padding: .2rem;width: 38px;height: 38px;}
.item-why .num span{border: 1px solid #fff;width: 100%;height: 100%;}
.item-why-1 .num{background-color: #3E7491;left: 30%;bottom: 0;}
.item-why-2 .num{background-color: #D16C43 ;left: 30%;top: 0;}
.item-why-3 .num{background-color: #385070;left: 30%;bottom: 0;}
.item-why-4 .num{background-color: #873310;left: 30%;top: 0;}
.item-why-2,.item-why-4{padding-top: 4rem;}
.content-event{margin-top: -65px;position: relative;z-index: 1;}
.clip-path-content{-webkit-clip-path: url(#event-clip-path);clip-path: url(#event-clip-path);background-color: #fff;width: 100%;}
.content-event .icon{position: absolute;right: 5px;top: 0;z-index: 2;}
.clip-path-why{ -webkit-clip-path: url(#why-clip-path); clip-path: url(#why-clip-path); background-color: #fff; width: 100%;}
.item-why{ filter: drop-shadow(0 0 2px rgba(0,0,0,0.3)); -webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.3)); }
.item-why .image{position: absolute;top: 0;right: 2px;z-index: 1;}
.container-why{padding-bottom: 7rem;padding-top: 4rem;}
.image-about{position: absolute;bottom: 2rem;left: 0;z-index: -1;}
.mission-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;}
.lh-32{line-height: 32px;}
.core-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;}
.container-about-bottom{background: linear-gradient(to bottom,#ffffff 20%,rgba(255,182,1,.1) 20%,rgba(255,182,1,.1) 100%);}
.item-core-1 .name{color: #FFB601;}
.item-core-2 .name{color: #EB4335;}
.item-core-3 .name{color: #557DBF;}
.item-core-4 .name{color: #33A853;}
.image-service-about{position: absolute;top: -1rem;right: 1rem;}
.row-search{position: relative;z-index: 999;margin-top: -2.5rem;}
.item-list-home img{width: auto!important;margin:0 auto;}
.item-destination{ margin: .2rem .5rem; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.18); padding: .1rem .12rem; transition:all .4s ease ; -webkit-transition:all .4s ease ; -moz-transition:all .4s ease ; -ms-transition:all .4s ease ; -o-transition:all .4s ease ; }
.item-destination:hover,.item-destination.active{background: linear-gradient(45deg, #557DBF, #33A853);}
.item-destination:hover span,.item-destination.active span{background: linear-gradient(45deg, #557DBF, #33A853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight: 500;}
.destination-grid{display: grid;grid-template-columns: repeat(9,1fr);gap: 10px;}
.destination-grid .image-des-1{grid-column: 1/4;grid-row: 1/3;}
.destination-grid .image-des-2{grid-column: 4/6;grid-row: 1/2;}
.destination-grid .image-des-3{grid-column: 4/6;grid-row: 2/3;}
.destination-grid .image-des-4{grid-column: 6/10;grid-row: 1/2;max-height: 266px;}

.destination-grid .image-des-5{grid-column: 1/3;grid-row: 3/4;}
.destination-grid .image-des-6{grid-column: 3/6;grid-row: 3/4;}
.destination-grid .image-des-7{grid-column: 6/8;grid-row: 2/4;}

.destination-grid .image-des-8{grid-column: 8/10;grid-row: 2/3;}
.destination-grid .image-des-9{grid-column: 8/10;grid-row: 3/4;}
.destination-grid img{object-fit: fill;}
.destination-grid .name{ position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; }
/*News*/
.news__grid {display: grid; grid-template-columns: repeat(3, calc(33.33% - (25px * 2 / 3))); grid-gap:25px; }
.more-new{ background-color: #F4F4F4; border: 1px solid #E0E0E0; border-radius:2rem ; -webkit-border-radius:2rem ; -moz-border-radius:2rem ; -ms-border-radius:2rem ; -o-border-radius:2rem ; }
.more-new span{background-color: #fff;color: #767676;width: 24px;height: 24px;text-align: center;}
.more-new::before{position: absolute;content: '';width: 100%;height: 100%;background: url('../images/bg-more.png')no-repeat;left: 0;top: 0;background-size: 100% 100%;}
/*Footer*/
footer::before{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background:linear-gradient(45deg,#EB7B35,#03AEFE, #23D893);opacity: 0.85;}
.footer-top > div{max-width: 90%;width: 100%;background-color: rgba(0, 0, 0, 0.18);border-top-left-radius: 3rem;border-bottom-left-radius: 3rem;padding: .2rem;padding-right: 5vw;}
.footer-top > div span{ width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; padding: .2rem; border: 1px solid #fff; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ;}
.right-footer{width: calc(100% - 40px);padding-left: .3rem;}
.map_footer iframe{width: 100%;}
.swal2-container{z-index: 9999;}
.fancybox-thumbs {top: auto !important;bottom: 0 !important;left: 0 !important;right: 0 !important;width: 100% !important;height: 95px !important;padding: 10px 10px 5px 10px;box-sizing: border-box;background-color: inherit;}
.fancybox-thumbs__list {display: flex !important;flex-direction: row !important;overflow-x: auto;overflow-y: hidden;margin: auto;}
.fancybox-show-thumbs .fancybox-inner { right: 0 !important; bottom: 95px !important;}
/*Ckeditor*/
.content-ckeditor{overflow-wrap: break-word;word-break: break-word;}
.content-ckeditor * {max-width: 100%;box-sizing: border-box;}
.content-ckeditor img{max-width: 100%;height: auto!important;}
.content-ckeditor table{max-width: 100%;border-collapse: collapse;overflow-x: auto;display: block;}
.content-ckeditor table td,
.content-ckeditor table th {word-wrap: break-word;}
.content-ckeditor iframe, .content-ckeditor video {max-width: 100% !important;}
/*Breadcrumb*/
.breadcrumb{margin-bottom: 0;justify-content: start;padding: 1rem 0;}
.breadcrumb li a{text-transform: capitalize;}
.breadcrumb-item.active a{color: var(--blue);font-weight: 600;}
.btn-thanhtoan.active{background-color: var(--blue);color: white;}
.container-maintenance{position: relative;overflow-x: auto;}
/*swiper*/
.swiper-wrapper{height: auto!important;}
.swiper-button-next, .swiper-button-prev {background-color: #fff;border-radius: 50%;color: #878787;width:58px;height: 58px;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 30px;}
.item-slide img {transition: transform 8s ease;transform: scale(1.1);}
.swiper-slide-active .item-slide img {transform: scale(1);}
.Swiper_spct2 .swiper-button-next, .Swiper_spct2 .swiper-button-prev{width: 30px;height: 30px;}
.Swiper_spct2 .swiper-button-next:after, .Swiper_spct2 .swiper-button-prev:after{font-size: 14px;}
/*owl*/
.owl-product .content img{width: auto!important;}
.owl-prev,.owl-next{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);}
.owl-next{left: inherit;right: 0;}
.owl-dots {display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.owl-dots button span {display: block;width: 9px;height: 9px;border-radius: 50%;background-color: #D9D9D9;margin: 0 3px;}
.owl-dots button.active span {background-color: #33A853;}
/*error*/
#newsletter-form label.error{display: none!important;}
label.error {display: block;color: #ff4d4f;font-size: 0.875rem;margin-top: 0.25rem;position: relative;padding-left: 15px;}
label.error::before {content: "⚠";position: absolute;left: 0; font-family: "Arial", sans-serif;}
.grecaptcha-badge{display: none;}
/*Paging*/
.page-link{color: #717171;width: 37px;font-size: 18px;height: 37px;margin: 0 .4rem;border-radius: .3rem;background-color: #EDEDED;font-weight: 700;}
.active>.page-link, .page-link.active,.page-link:hover{background-color: var(--green);border-color: var(--green);color: #fff;}
/*Comment*/
a.star {font-size: 24px;color: #d1d1d4;cursor: pointer;line-height: 1;transition: all 0.1s ease;}
a.star.vote-hover {color: #ffc120;}
a.star.vote-active {color: #ffc120;}
.rating-medium{text-align: center;padding-top: 0;}
.title-medium-score{font-size: 14px;}
.score-rating{font-size: 54px;font-weight: 500;color: #fe302e;line-height: 60px;}
.quantity-star{color: #ffc120; font-size: 16px;margin-bottom: 15px;}
.quantity-comment{color: #777474;}
.item-progress{margin-bottom: 10px;}
.item-progress .rating-num{float: left;font-size: 15px;width: 45px;text-align: right;padding-right: 5px;color: #6f6969;font-family: 'Barlow Semi Condensed', sans-serif;}
.item-progress .box-progress{float: left;width: calc(100% - 90px);vertical-align: middle;margin-top: 5px;}
.item-progress .box-progress .progress{height: 10px;margin-bottom: 0px;box-shadow: none;background-color: #e6e6e6;}
.item-progress .box-progress .progress-bar{background-color: var(--blue);}
.item-progress .rating-num-total{width: 45px;text-align: left;display: inline-block;float: left;padding-left: 10px;color: #565656;font-size: 15px;font-family: 'Barlow Semi Condensed', sans-serif;}
.content-nhanxet{display: none;}
.content-nhanxet .h3{margin-top: 10px;font-size: 18px;font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 700;margin-bottom: 20px;}
.btn-guibl{background-color: var(--blue);color: #fff;margin: 0px auto;/* display: block; */}
.item-binhluan .img_user{display: block;width: 80px;height: 80px;margin: 0px auto;border-radius: 50%;overflow: hidden;}
.item-binhluan .img_user img{width: 100%;height: 100%;}
.item-binhluan .name-user{text-align: center;font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 600;margin-top: 10px;color: #626262;margin-bottom: 5px;}
.item-binhluan .ngaydang{display: block;text-align: center;color: #a2a1a1;font-size: 12px;}
.chitiet-bl .titlede-bl{font-weight: 600;color: #00a85a;}
.chitiet-bl p{color: #6f6c6c;}
.panel-traloi{margin-top: 10px;}
.list-traloi{margin-top: 10px;border-top: 1px dashed #e8e5e5;padding-top: 10px;}
.list-traloi span{display: inline-block;margin-left: 14px;font-size: 13px;color: #757575;}
.list-traloi p{color: #6f6c6c;margin-top: 7px;}
.item-traloi{border-bottom: 1px dotted #e2e2e2;margin-bottom: 10px;}
/*widget*/
#arcontactus{display: none;}
.widget-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; right: 10px; bottom: 120px; z-index: 9999; }
.widget-desktop-items { margin-bottom: 20px; border-radius: 50%; position: relative; text-decoration: none;}
.widget-desktop-items:last-child { margin-bottom: 0; }
.widget-desktop-items:before { position: absolute; content: ""; width: 100%; height: 100%; background: var(--blue-op); border-radius: 50%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: scaleIn1 1s; animation: scaleIn1 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.widget-desktop-items:after { position: absolute; content: ""; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: scaleIn 1.2s; animation: scaleIn 1.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.widget-desktop-items__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; background: var(--blue); border-radius: 50%; position: relative; z-index: 999; padding: 8px;}
.widget-desktop-items__zalo .widget-desktop-items__icon{background: #028FE3;padding: 0;}
.widget-desktop-items__zalo::before{background: #028FE350;}
.widget-desktop-items__zalo::after{background: -webkit-gradient(linear, left top, right top, color-stop(0, #028FE350), to(#028FE350)); background: linear-gradient(90deg, #028FE350 0, #028FE350 100%)}
.widget-desktop-items__facebook::before{background:#0084FF50}
.widget-desktop-items__facebook::after{background: -webkit-gradient(linear, left top, right top, color-stop(0, #0084FF50), to(#0084FF50)); background: linear-gradient(90deg, #0084FF50 0, #0084FF50 100%)}
.widget-desktop-items__email .widget-desktop-items__icon{background: #F50000;}
.widget-desktop-items__email::before{background: #F5000050;}
.widget-desktop-items__email::after,.widget-desktop-items__call::after{background: -webkit-gradient(linear, left top, right top, color-stop(0, #F5000050), to(#F5000050)); background: linear-gradient(90deg, #F5000050 0, #F5000050 100%)}
.widget-desktop-items__facebook .widget-desktop-items__icon{background: #0084FF;}
.widget-desktop-items__call::before{background: #ED522850;}
.widget-desktop-items__call .widget-desktop-items__icon{background: #ED5228;}
.widget-cart{color: #fff;font-size: 20px;}
.widget-desktop-items__call .widget-desktop-items__content { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 5px 60px 5px 20px; background: -webkit-gradient(linear, left top, right top, color-stop(0, #ED5228), to(#ED5228)); background: linear-gradient(90deg, #ED5228 0, #ED5228 100%); border-radius: 20px; color: #fff; white-space: nowrap;z-index: -1; }
.widget-cart{color: #fff;font-size: 20px;}
.widget-desktop-items img{animation: vibrate 1s ease-in-out infinite;}
@-webkit-keyframes scaleIn { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
  60% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } }

@keyframes scaleIn { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
  60% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } }
@-webkit-keyframes scaleIn1 { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
  60% { -webkit-transform: translate(-50%, -50%) scale(1.4); transform: translate(-50%, -50%) scale(1.4); } }
@keyframes scaleIn1 { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
  60% { -webkit-transform: translate(-50%, -50%) scale(1.4); transform: translate(-50%, -50%) scale(1.4); } }
@keyframes rotate {
     from { transform: translate(-50%,-50%) rotate(0deg); }
     to { transform: translate(-50%,-50%) rotate(360deg); }
}
@keyframes vibrate {
     0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
     10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
     20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
     30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
     40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
     50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
     100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}