/*
Theme Name: Decor Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root { --d-transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1); --secondary-color: #232323; }

@font-face { font-family: 'UTMScriptinaKT'; src: url("assets/fonts/UTMScriptinaKT.ttf"); }
@font-face { font-family: 'iCielDomaineText'; src: url("assets/fonts/iCielDomaineText-Regular.ttf"); font-weight: 400; }
@font-face { font-family: 'iCielDomaineText'; src: url("assets/fonts/iCielDomaineText-Bold.ttf"); font-weight: 700; }
.UTMScriptinaKT { font-family: 'UTMScriptinaKT'; }

.iCielDomaineText { font-family: 'iCielDomaineText'; font-weight: 700; }

.h4, h4 { font-size: 1.28em; font-weight: 400; }

.header { background-color: var(--secondary-color); }

.header-main .flex-center { display: none; }

.header-nav-main { min-width: 800px; }
.header-nav-main > li { margin: 0 15px; }
.header-nav-main > li > a { color: #fff !important; text-transform: uppercase; font-size: 14px; }
.header-nav-main > li.current-menu-item > a, .header-nav-main > li:hover > a { color: var(--primary-color) !important; }
.header-nav-main > li .nav-dropdown { border: solid 4px var(--secondary-color); border-top: 0; padding: 0; min-width: 293px; }
.header-nav-main > li .nav-dropdown a { margin: 0; color: #231f20; font-size: 14px; text-transform: uppercase; border: none; padding: 14px 25px; font-weight: 400; }
.header-nav-main > li .nav-dropdown a:hover { background-color: var(--secondary-color); color: var(--primary-color); }

.header-bottom { background-color: transparent !important; z-index: 10; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.header-bottom .header-button .button { height: 48px; width: 48px; background-color: var(--primary-color); border-color: var(--primary-color); color: #fff; display: flex; justify-content: center; align-items: center; padding: 0; flex-direction: column; }
.header-bottom .header-button .button svg { max-width: 24px; }
.header-bottom .header-button .button:hover { background-color: var(--secondary-color); border-color: var(--primary-color); color: var(--primary-color); }
.header-bottom .sticky-toogle { width: 60px; flex-direction: column; align-items: center; justify-content: center; margin: 0px 15px 0px 30px; display: none; }
.header-bottom .sticky-toogle span { display: block; width: 100%; height: 1px; background: #fff; margin: 8px 0px; }

.mfp-bg.mfp-ready.off-canvas-undefined { opacity: 1; background: #fff; }

.off-canvas-undefined .mfp-close { height: 60px; width: 60px; background-color: var(--secondary-color); margin-top: 10px !important; margin-right: 10px !important; border-radius: 100px; opacity: 1; line-height: 70px; }
.off-canvas-undefined .mfp-close:hover { background-color: var(--primary-color); }
.off-canvas-undefined .mfp-close svg { color: #fff; width: 40px !important; height: 40px; }

#search-lightbox { border-bottom: 1px solid #D0D0D0; }
#search-lightbox .search-field { height: 50px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; min-width: 400px; border: none; box-shadow: none; font-size: 16px; }
#search-lightbox .ux-search-submit { background-color: #fff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; min-height: 50px; min-width: 50px; border: none; box-shadow: none; background-color: var(--primary-color); border-radius: 100px !important; display: flex; align-content: center; flex-direction: column; justify-content: center; }
#search-lightbox .ux-search-submit:hover { background-color: var(--secondary-color); border-color: var(--primary-color); color: var(--primary-color); }

@media screen and (min-width: 920px) { .header-wrapper { transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1); width: 100%; margin-right: 0; margin-left: auto; position: fixed; right: 0px; }
  .header-wrapper.stuck { width: 200px; min-height: 70px; }
  .header-wrapper.stuck .header-main { opacity: 0; display: none; }
  .header-wrapper.stuck .header-search { display: none; }
  .header-wrapper.stuck .sticky-toogle { display: block; }
  .header-wrapper.stuck .header-bottom { right: auto; } }
#main { padding-top: 70px; }

.justify { text-align: justify; }

.first-section h1, .first-section h2 { font-size: 68px; text-transform: uppercase; color: #fff; font-family: 'iCielDomaineText'; margin-bottom: 0; }
.first-section h3 { font-size: 38px; text-transform: uppercase; color: #fff; font-family: 'iCielDomaineText'; }
.first-section .section-content { position: initial !important; }

.wbc-next-section { position: absolute; bottom: 0; left: 0; right: 0; }

.scroll-down { color: rgba(255, 255, 255, 0.8); text-transform: uppercase; font-size: 12px; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); text-align: center; padding-bottom: 40px; line-height: 1.4em; }
.scroll-down .icon { position: relative; }
.scroll-down .icon span { position: absolute; top: 0; left: 50%; width: 12px; height: 12px; margin-left: -6px; border-left: 2px solid rgba(255, 255, 255, 0.8); border-bottom: 2px solid rgba(255, 255, 255, 0.8); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: scrolldown 2s infinite; animation: scrolldown 2s infinite; opacity: 0; box-sizing: border-box; }
.scroll-down .icon span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
.scroll-down .icon span:nth-of-type(2) { top: 1px; -webkit-animation-delay: .15s; animation-delay: .15s; border-left-width: 2.5px; border-bottom-width: 2.5px; width: 18px; height: 18px; margin-left: -9px; }
.scroll-down .icon span:nth-of-type(3) { top: 3px; -webkit-animation-delay: .3s; animation-delay: .3s; border-left-width: 3px; border-bottom-width: 3px; width: 24px; height: 24px; margin-left: -12px; }

@-webkit-keyframes scrolldown { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes scrolldown { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
.wbc-title .sub-title { font-size: 24px; color: var(--primary-color); text-transform: none; line-height: 1.6em; margin-bottom: 0; margin-top: 40px; font-weight: 400; }
.wbc-title .UTMScriptinaKT { font-size: 36px; font-weight: 700; }
.wbc-title .main-title { font-size: 40px; font-family: 'iCielDomaineText'; text-transform: uppercase; }

.slogan { text-align: center; }
.slogan h4 { padding-bottom: 56px; margin-bottom: 20px; background: url(assets/images/arrow_down_grey.svg) no-repeat center bottom; background-size: auto 32px; font-size: 24px; color: var(--primary-color); text-transform: uppercase; font-weight: 400; }
.slogan h2 { font-size: 68px; line-height: 1.2em; margin: 0px; }
.slogan h2 small { font-size: 40px; color: var(--secondary-color); display: block; line-height: inherit; }
.slogan h2 strong { color: var(--primary-color); font-size: 80px; display: block; }
.slogan h2 span { font-size: 48px; display: block; }

.button:not(.icon) { font-size: 15px; color: #333; line-height: 42px; }
.button:not(.icon).is-larger { min-height: 56px; line-height: 52px; }
.button:not(.icon).is-outline { padding: 0 30px; border-width: 1px; }
.button:not(.icon).is-outline.secondary { border-color: #e5e5e5; }
.button:not(.icon).is-outline.secondary:hover { background-color: #fff; color: var(--primary-color); }
.button:not(.icon).is-outline.primary { color: #333; border-color: var(--primary-color); }
.button:not(.icon).is-outline.primary:hover { color: #fff; }
.button:not(.icon) .icon-checkmark:before { content: ""; width: 26px; height: 22px; background: url(assets/images/logo_symbol_gold.svg) no-repeat center center; background-size: contain; display: block; }

.about-items .col-inner { padding: 20px 60px; position: relative; }
.about-items .description { padding-right: 85px; }
.about-items h3 { font-size: 33px; color: #fff; text-transform: uppercase; margin-top: 0px; position: relative; }
.about-items h3:before { content: ''; width: calc(100% - 45px); height: 1px; background: #ffffff59; position: absolute; bottom: -0.5px; left: 0px; }
.about-items h3:after { content: ''; width: 54px; height: 76px; background: url(assets/images/arrow_right_trust.svg) no-repeat center center; background-size: contain; position: absolute; right: 0px; bottom: -38px; }
.about-items .col:nth-child(even) h3 { padding-left: 85px; }
.about-items .col:nth-child(even) h3:after { background-image: url(assets/images/arrow_left_trust.svg); left: 0px; right: auto; }
.about-items .col:nth-child(even) h3:before { left: auto; right: 0px; }
.about-items .col:nth-child(even) .description { padding-left: 85px; }

.posts-item .box-text { padding-bottom: 0; }
.posts-item h4.post-title { font-size: 15px; text-transform: uppercase; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.posts-item h3.post-title { font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.posts-item:hover h4.post-title, .posts-item:hover h3.post-title { color: var(--primary-color) !important; }
.posts-item .box-push .box-text { margin-top: -27px; background: var(--secondary-color); padding: 15px; }
.posts-item .box-push .box-text h4.post-title { color: #fff; }
.posts-item.video-item h4.post-title { font-size: 18px; }
.posts-item.video-item .box-image svg { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); font-size: 7rem; color: #282828; width: 70px; }
.posts-item.video-item:hover .box-image svg { color: #f00; }

.icons-360 { background: url("assets/images/360-circle.svg") no-repeat center center; height: 70px; width: 70px; position: relative; display: block; margin: 0 auto; }
.icons-360:before { content: ""; background: url("assets/images/360-text.svg") no-repeat center center; animation: circleText 10s linear infinite; opacity: 0.7; left: -15px; top: -15px; position: absolute; width: 100px; height: 100px; }

@keyframes circleText { from { transform: rotate(0); }
  to { transform: rotate(360deg); } }
#pano { width: 100%; height: 100%; min-height: 100vh; }

.value { max-width: 600px; margin: auto; position: relative; margin-top: 120px; }
.value .bg span { width: 100%; display: block; height: 0px; padding-top: 100%; border-radius: 50%; }
.value .items { top: 0; left: 0; right: 0; max-width: 1000px; width: 100%; height: 100%; }
.value .items .items-inner { position: relative; height: 100%; }
.value .items .item { width: 230px; height: 230px; display: flex; border-radius: 50%; border: solid 1px #c3c3c3; align-items: center; justify-content: center; position: absolute; background: #fff; }
.value .items .item h4 { text-transform: uppercase; margin: 0px; color: var(--primary-color); text-align: center; }
.value .items .item .number { color: #b89b60; font-size: 60px; font-weight: 400; line-height: 1em; margin-bottom: 20px; text-align: center; }
.value .items .item .number span:not(.count-up) { font-weight: 300; line-height: 0.5em; }
.value .items .item:hover { background: var(-secondary-color); }
.value .items .item:nth-child(1) { left: 21.7%; top: -3.333%; }
.value .items .item:nth-child(2) { left: -48.333%; top: 19.5%; }
.value .items .item:nth-child(3) { left: 81.8%; top: 30.333%; }
.value .items .item:nth-child(4) { left: -1.666%; top: 55.666%; }

.criteria .col-left .col-inner { display: flex; flex-direction: column; position: relative; height: calc(100% - 30px); margin-left: 140px; border: solid 5px #ffffff80; border-left: 0px; margin: 0px 0px; }
.criteria .col-left .col-inner:before, .criteria .col-left .col-inner:after { content: ''; border-left: solid 5px rgba(255, 255, 255, 0.5); }
.criteria .col-left .col-inner:before { height: 100px; }
.criteria .col-left .col-inner:after { flex-grow: 1; min-height: 40px; }
.criteria .box-title { color: #fff; margin: 0px 0px 40px; }
.criteria .box-title br { display: none; }
.criteria .box-title span { display: block; text-transform: uppercase; line-height: 1.3; }
.criteria .box-title span.number { color: #b89b60; font-size: 200px; line-height: 1; }
.criteria .box-title span.t1 { color: #b89b60; font-size: 68px; }
.criteria .box-title span.t2, .criteria .box-title span.t4 { font-size: 48px; }
.criteria .box-title span.t3 { font-size: 60px; display: flex; display: flex; align-items: center; }
.criteria .box-title span.t3 svg { display: inline-flex; width: 25px; height: 44px; margin-left: 25px; }
.criteria .box-title span.t5 { font-size: 52px; display: flex; align-items: flex-end; }
.criteria .box-title span.t5 i { font-size: 35px; font-style: normal; border-bottom: solid 5px #fff; padding-bottom: 0px; margin-bottom: 12px; margin-right: 10px; }

.slider-nav-outside_bottom .flickity-prev-next-button { top: auto; margin-top: 0; opacity: 1; bottom: -25px; width: 27px; height: 17px; opacity: 0.5; z-index: 4; background: url("assets/images/arrow_next_normal.svg") no-repeat center center; }
.slider-nav-outside_bottom .flickity-prev-next-button svg { display: none; }
.slider-nav-outside_bottom .flickity-prev-next-button.next { right: 44.6%; transform: none !important; }
.slider-nav-outside_bottom .flickity-prev-next-button.previous { left: 44.6%; transform: rotate(180deg) !important; }
.slider-nav-outside_bottom .flickity-prev-next-button.is-selected { opacity: 1; }
.slider-nav-outside_bottom .flickity-page-dots { z-index: 1; bottom: -15px; }
.slider-nav-outside_bottom .flickity-page-dots .dot { background: #c2c2c2; height: 10px; position: relative; }
.slider-nav-outside_bottom .flickity-page-dots .dot.is-selected { background: var(--primary-color) !important; }
.slider-nav-outside_bottom .flickity-page-dots .dot.is-selected:before { content: ''; position: absolute; left: -4px; top: -4px; width: 18px; height: 18px; border: #c2c2c2 1px solid; border-radius: 50%; }

strong { font-weight: 500; }

.about-title { font-size: 30px; text-transform: uppercase; font-family: 'iCielDomaineText'; margin-bottom: 30px; font-weight: 700; }

.nav.nav-outline li a { border: 1px solid #ddd; font-size: 14px; font-weight: 400; padding: 4px 20px; }
.nav.nav-outline li:hover a { background-color: var(--secondary-color); color: #fff; }
.nav.nav-outline li.active a { border: 2px solid var(--primary-color); }

.page-about ul:not(.nav) li { list-style: none; position: relative; padding-left: 20px; }
.page-about ul:not(.nav) li:before { content: ""; display: inline-block; position: absolute; top: 10px; left: 0; background-color: var(--primary-color); height: 8px; width: 8px; border-radius: 50px; }
.page-about .text-right ul li { padding-left: 0px; padding-right: 20px; }
.page-about .text-right ul li:before { right: 0; left: auto; }
.page-about h6 { font-size: 14px; display: inline-block; border-bottom: solid 3px var(--secondary-color); width: auto; }
.page-about .is-link { font-style: italic; color: #1e2f4c; }

.section-title { border-bottom: none; }
.section-title .section-title-main { border-bottom: solid 6px var(--secondary-color); }

h4.section-title .section-title-main { border-bottom-width: 2px; }

.limit-width .col-inner { max-width: 575px; }

.contact { padding-left: 10px !important; padding-right: 10px !important; }
.contact .box-content .col-inner { border: solid 5px #b89b60; }
.contact .box-content .col-inner p { margin-bottom: 0; }
.contact .featured-box { display: flex; align-items: center; }
.contact .featured-box .icon-inner { width: 60px; height: 60px; border-radius: 50%; border: solid 1px #4f4f4f; text-align: center; }
.contact .featured-box .icon-inner svg { width: 25px; color: var(--primary-color); }
.contact .featured-box label { display: block; font-weight: 400; text-transform: uppercase; }
.contact .featured-box label:hover { color: var(--primary-color); }
.contact .featured-box h4 { font-size: 20px; color: var(--primary-color); }
.contact .featured-box.hotline a { font-size: 30px; line-height: 1em; }
.contact .featured-box:hover .icon-inner { background-color: var(--primary-color); }
.contact .featured-box:hover .icon-inner svg { color: var(--secondary-color); }

.row-client .flickity-viewport { max-height: 260px; }
.row-client .client-box { margin-bottom: 30px; }
.row-client .client-box img { transition: filter .5s ease-in-out; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.row-client .client-box:hover img { transition: filter .5s ease-in-out; -webkit-filter: grayscale(0%); filter: grayscale(0%); }

.download { position: absolute; left: 50%; bottom: 0px; text-transform: uppercase; padding: 30px; background: #fff; border: solid 1px #e1e1e1; border-radius: 50%; display: inline-block; font-weight: 500; width: 207px; height: 207px; text-align: center; display: flex; flex-direction: column; justify-content: center; transform: translate(-50%, 50%); }
.download svg { display: block; margin: 0 auto; }
.download:before { content: ''; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; border: solid 5px #b89b60; border-radius: 50%; }
.download:hover { color: #b89b60; }
.download:hover:before { border-color: #232323; }

.accordion-item { counter-reset: section; }
.accordion-item .accordion-title { font-size: 24px; text-transform: uppercase; font-weight: 500; border-top: none; border-bottom: 1px solid #ddd; padding-left: 0; display: flex; align-items: center; }
.accordion-item .accordion-title:before { counter-increment: section; content: counter(section); height: 50px; min-width: 50px; border-radius: 100px; font-size: 24px; display: inline-block; text-align: center; line-height: 46px; margin-right: 10px; border: 2px solid #232323; }
.accordion-item .accordion-title.active { background-color: transparent; }
.accordion-item .accordion-title .toggle { right: 0; left: auto; }

.btn-rounder-v2 { position: relative; display: inline-block; margin: 0; border: solid 1px #e1e1e1; width: 220px; height: 220px; display: flex; align-items: center; padding: 18px 20px 20px; justify-content: center; font-size: 18px; text-transform: uppercase; margin: 0 auto; text-align: center; font-weight: 500; color: #333; }
.btn-rounder-v2 .circle span { padding: 18px 40px 20px; }
.btn-rounder-v2:before { content: ''; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; border: solid 5px #b89b60; border-radius: 100px; }
.btn-rounder-v2:after { content: ''; position: absolute; width: 50px; height: 40px; border-radius: 20px; background: #b89b60 url("assets/images/arrow_next_normal.svg") no-repeat center center; background-size: 60% auto; top: 50%; right: -15px; margin-top: -25px; transition-duration: 0s; }
.btn-rounder-v2:hover:after { background-image: url("assets/images/arrow_next_hover.svg"); background-color: #232323; }

.form-tuyendung { display: none; }
.form-tuyendung .wpcf7 { padding: 60px; border: solid 1px #333; }

.wpcf7 .col { padding-bottom: 5px; }
.wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type="file"], .wpcf7 input[type=date], .wpcf7 textarea, .wpcf7 select { width: 100%; border: 0px; border-bottom: solid 1px #a4a4a4; border-radius: 0; color: #232323; padding: 10px 0px; box-shadow: none; }
.wpcf7 .note { color: #333; font-style: italic; margin-bottom: 15px; }
.wpcf7 .note span { border-bottom: solid 1px #333; }
.wpcf7 .wpcf7-submit { display: block; width: 100%; background-color: var(--secondary-color) !important; color: #fff; font-size: 14px; font-weight: 400; padding: 4px 20px; box-shadow: none; }
.wpcf7 .wpcf7-submit:hover { color: #000; background-color: var(--primary-color) !important; }
.wpcf7 .wpcf7-spinner { display: none; }

.procedure-bg { position: absolute; left: 0px; top: 133px; width: 100%; height: 322px; max-width: 80%; }
.procedure-bg .top { height: 0px; position: absolute; width: calc(100%); padding-top: calc((100% - 300px) / 5 / 2 - 2px ); border-bottom: solid 2px #f2f2f2; }
.procedure-bg .top:after { content: ''; left: 100%; width: 70px; height: 100%; border: solid 2px #f2f2f2; border-left: 0; border-bottom: 0; border-top-right-radius: 30px; position: absolute; }
.procedure-bg .left { height: 0px; position: absolute; width: calc(100%); padding-top: calc((100% - 300px) / 5 / 2 ); }
.procedure-bg .left:before { content: ''; right: 100%; bottom: 0px; border-bottom: solid 2px #f2f2f2; width: 9999px; position: absolute; }
.procedure-bg .left:after { content: ''; left: 100px; bottom: -38px; position: absolute; width: 54px; height: 76px; background: url("assets/images/thiet-ke-chung-cu/arrow-left.svg") no-repeat center center; background-size: contain; }
.procedure-bg .right { position: absolute; top: 50%; bottom: 0px; right: -70px; width: 70%; border-bottom: solid 2px #f2f2f2; border-right: solid 2px #f2f2f2; }
.procedure-bg .right:after { content: ''; width: 54px; height: 76px; background: url("assets/images/thiet-ke-chung-cu/arrow-right.svg") no-repeat center center; background-size: contain; position: absolute; left: 0px; bottom: -38px; }

a.btn-download { height: 52px; width: 182px; background: url("assets/images/profiles_download_normal.svg") no-repeat center center; margin: 30px 0px 20px; transition-duration: 0s; display: block; }
a.btn-download:hover { background-image: url("assets/images/profiles_download_hover.svg"); }

.social-icons a { width: 60px; height: 60px; border: solid 1px #303030 !important; color: var(--primary-color); line-height: 60px !important; font-size: 16px; margin: 0 5px; }

.box-contact-form .col-inner { width: 80%; margin: 0 auto !important; border: solid 2px #232323; padding: 45px 100px 15px; }

.single-content-project .post-meta p { display: flex; align-items: flex-start; margin: 10px 0px; }
.single-content-project .post-meta img { width: 20px; height: auto; margin-right: 12px; }

.row-camket .featured-box { display: flex; align-items: center; padding-bottom: 16px; }
.row-camket .featured-box h4 { font-size: 18px; }
.row-camket .featured-box svg { color: #fff; }
.row-camket .featured-box svg .st0 { color: var(--primary-color); }
.row-camket .featured-box svg .st1 { fill: #cfcfcf !important; }
.row-camket .featured-box:hover h4 { color: var(--primary-color); }
.row-camket .featured-box:hover svg .st0 { fill: var(--secondary-color) !important; }
.row-camket .col:nth-child(1) .featured-box:nth-child(1) { padding-right: 90px; }
.row-camket .col:nth-child(1) .featured-box:nth-child(2) { padding-right: 45px; }
.row-camket .col:nth-child(3) .featured-box:nth-child(1) { padding-left: 90px; }
.row-camket .col:nth-child(3) .featured-box:nth-child(2) { padding-left: 45px; }

.nav-pagination > li > span, .nav-pagination > li > a { border: none; font-weight: 500; position: relative; }
.nav-pagination > li > span.current, .nav-pagination > li > a.current { width: 40px; width: 40px; height: 40px; line-height: 40px; }
.nav-pagination > li > span.current:before, .nav-pagination > li > a.current:before { content: ''; position: absolute; left: -5px; top: -5px; width: calc(100% + 10px); height: calc(100% + 10px); border: solid 1px #c2c2c2; border-radius: 50%; }
.nav-pagination > li:hover > span, .nav-pagination > li:hover > a { background-color: transparent !important; color: var(--primary-color) !important; }

.post-date { color: #646464; padding-left: 30px; min-height: 17px; background: url(assets/images/calc.svg) no-repeat center left; background-size: auto 17px; display: inline-block; margin-bottom: 20px; }

.footer-wrapper h3.title { color: #bcbcbc; text-align: center; }
.footer-wrapper .marquee { padding: 0px 15px; }
.footer-wrapper .marquee .items { cursor: pointer; }
.footer-wrapper .section-title-normal { border-bottom: none; }

.marquee { width: 100%; overflow: hidden; }
.marquee .items { display: flex; overflow: hidden; }
.marquee .item { display: inline-flex; font-size: 48px; padding-left: 100px; background: url("assets/images/arrow_run.svg") no-repeat; background-size: 35px auto; background-position: left 32.5px center; opacity: 0.5; }
.marquee .item.active { opacity: 1; }

.section.footer-nav { background: #232323; display: block; text-align: center; padding: 0; }
.section.footer-nav ul { border-top: solid 1px #303030; max-width: 1149px; margin: 0 auto; }
.section.footer-nav li { margin: 0 30px; }
.section.footer-nav li a { padding: 20px 0; text-transform: uppercase; color: #fffc !important; display: block; }
.section.footer-nav li a:hover { color: var(--primary-color) !important; }

.absolute-footer { padding: 30px 0px 90px; }
.absolute-footer .back-to-top { border: none !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); height: 50px; width: 50px; bottom: 0px; background: var(--secondary-color) !important; color: #fff !important; font-size: 19px; line-height: 47px !important; opacity: 1; position: absolute !important; right: 0; display: flex; justify-content: center; z-index: 999; pointer-events: all; }
.absolute-footer .back-to-top svg { width: 20px; }
.absolute-footer .back-to-top:hover { background: var(--primary-color) !important; }

.white-popup-block { background: #fff; padding: 0px 0px; text-align: left; max-width: 800px; margin: 40px auto; position: relative; }
.white-popup-block .mfp-close { display: none; }

.modal-header { background: #232323; }
.modal-header h3 { font-size: 20px; color: #b89b60; text-transform: uppercase; font-family: 'iCielDomaineText'; line-height: initial; text-align: center; padding: 15px 60px; font-weight: 700; }
.modal-header .modal-close { position: absolute; right: 5px; top: 10px; color: #fff; font-size: 48px; height: 30px; width: 30px; text-align: center; border-radius: 100px; line-height: 30px; }

.modal-body { padding-bottom: 0px; color: #555; font-size: 15px; padding: 30px 15%; }
.modal-body h3 { font-size: 30px; font-weight: 300; text-transform: capitalize; }
.modal-body h4 { font-size: 20px; font-weight: 300; }
.modal-body .wpcf7 textarea { min-height: 90px; }

.addThis_listSharing { position: fixed; bottom: 105px; z-index: 999; right: -15px; opacity: 0; visibility: hidden; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; }

.addThis_listSharing.is-show { right: 0; opacity: 1; visibility: visible; }

.btn-360-icon { width: 100px; height: 100px; position: fixed; bottom: 15px; right: 15px; z-index: 9; }
.btn-360-icon svg { position: absolute; }
.btn-360-icon #Layer_1 { width: 70px; height: 70px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.btn-360-icon * { -webkit-transition: all .30s ease-in-out; -moz-transition: all .30s ease-in-out; -ms-transition: all .30s ease-in-out; -o-transition: all .30s ease-in-out; transition: all .30s ease-in-out; }
.btn-360-icon #Layer_2 { animation: circleText 10s linear infinite; opacity: 0.7; }
.btn-360-icon #Layer_2 .st0 { fill: #232323 !important; }
.btn-360-icon #Layer_2 .st1 { fill: #232323 !important; }
.btn-360-icon #Layer_2 .st2 { fill: #232323 !important; }
.btn-360-icon:hover #Layer_1 .st0 { fill: #232323 !important; }
.btn-360-icon:hover #Layer_1 .st1 { fill: #B89B60 !important; }
.btn-360-icon.dark #Layer_2 .st0 { fill: #FFFFFF !important; }
.btn-360-icon.dark #Layer_2 .st1 { fill: #FFFFFF !important; }
.btn-360-icon.dark:hover #Layer_2 { opacity: 1; }
.btn-360-icon.dark:hover #Layer_2 .st0 { fill: #232323 !important; }
.btn-360-icon.dark:hover #Layer_2 .st1 { fill: #232323 !important; }
.btn-360-icon.dark:hover #Layer_2 .st2 { fill: #B89B60 !important; }
.btn-360-icon.light:hover #Layer_2 .st0 { fill: #232323 !important; }
.btn-360-icon.light:hover #Layer_2 .st1 { fill: #232323 !important; }
.btn-360-icon.light:hover #Layer_2 .st2 { fill: #B89B60 !important; }

.icon-360 .inner { width: 100px; height: 100px; position: relative; margin: auto auto 25px; }
.icon-360 .inner img { position: absolute; }
.icon-360 .inner img.icon { width: 70px; height: 70px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.icon-360 .inner img .text { animation: circleText 10s linear infinite; opacity: 0.7; left: 0px; top: 0px; }

.btn-link-360, .btn-link-zalo { position: fixed; left: 10px; bottom: 10px; z-index: 9; }
.btn-link-360 img, .btn-link-zalo img { width: 56px; height: auto; }

.btn-link-360 { bottom: 76px; }

@media (min-width: 769px) { .row-video .col { max-width: 40%; -ms-flex-preferred-size: 40%; flex-basis: 40%; }
  .row-5-col .col.large-3 { max-width: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; } }
@media screen and (max-width: 1300px) { .header-nav-main { min-width: auto; }
  .header-main .flex-right { margin-right: auto; margin-left: 2%; } }
@media screen and (max-width: 1180px) { .header-nav-main > li { margin: 0 9px; }
  .header-nav-main > li > a { font-size: 13px; }
  .marquee .item { font-size: 36px; }
  .wbc-title .main-title { font-size: 30px; } }
@media (max-width: 820px) { #main { padding-top: 0px; }
  .header-main .flex-right { margin-right: 0; }
  .off-canvas-left .mfp-content { background-color: #fff; }
  .mobile-nav .has-icon.mobile-icon a { height: 36px; width: 36px; background-color: var(--primary-color); border-color: var(--primary-color); color: var(--secondary-color); display: flex; justify-content: center; align-items: center; padding: 0; flex-direction: column; border-radius: 100px; }
  .mobile-nav .has-icon.mobile-icon a svg { max-width: 20px; }
  .off-canvas .nav-vertical > li > a { padding-top: 15px; padding-bottom: 15px; color: #292a2c; height: auto; font-size: 14px; text-transform: uppercase; text-shadow: none; font-weight: 500; }
  .first-section h1, .first-section h2 { font-size: 48px; }
  .about-items .col-inner { padding: 0; }
  .about-items .col-inner h3 { font-size: 28px; }
  .criteria .box-title span.t1 { font-size: 52px; }
  .criteria .box-title span.t2 { font-size: 36px; }
  .criteria .box-title span.t4 { font-size: 36px; }
  .criteria .box-title span.t5 i { font-size: 24px; margin-bottom: 8px; border-bottom-width: 3px; }
  .slider-nav-outside_bottom .flickity-prev-next-button.next { right: 40.6%; }
  .slider-nav-outside_bottom .flickity-prev-next-button.previous { left: 40.6%; }
  .value .items .item:nth-child(1) { left: 39.7%; top: -11.333%; }
  .value .items .item:nth-child(2) { left: -17.333%; top: 10.5%; }
  .value .items .item:nth-child(3) { left: 77.8%; top: 23.333%; }
  .value .items .item:nth-child(4) { left: 17.334%; top: 48.666%; }
  .slogan { padding-top: 100px; }
  .slogan h2 { font-size: 60px; }
  .slogan h2 strong { font-size: 70px; }
  .slogan h2 span { font-size: 36px; }
  .procedure-bg { display: none; }
  .btn-link-360 img, .btn-link-zalo img { width: 36px; height: auto; }
  .btn-link-360 { bottom: 56px; } }
@media (max-width: 512px) { .page-about .nav-wrapper { display: flex; overflow-x: scroll; }
  .page-about .nav-wrapper .nav { min-width: 700px; }
  .slogan h2 { font-size: 50px; }
  .wbc-title .sub-title { font-size: 16px; }
  .wbc-title .main-title { font-size: 20px; }
  .value { margin-top: 52px; }
  .value .items { height: 23vh; }
  .value .items .item { width: 28vw; height: 28vw; }
  .value .items .item .number { font-size: 27px; }
  .value .items .item h4 { font-size: 12px; }
  .value .items .item:nth-child(1) { left: 45.7%; }
  .value .items .item:nth-child(2) { left: 0; }
  .value .items .item:nth-child(4) { left: 18.334%; top: 75.666%; }
  .value .items .item:nth-child(3) { left: 71.8%; top: 50.333%; }
  .value .items .item.xl { width: 30vw; height: 30vw; }
  .about-title { font-size: 20px; }
  .accordion-item .accordion-title { font-size: 17px; }
  .slider-nav-outside_bottom .flickity-prev-next-button.next { right: 32.6%; }
  .slider-nav-outside_bottom .flickity-prev-next-button.previous { left: 32.6%; }
  .box-contact-form .col-inner { width: 100%; padding: 15px; }
  .contact .featured-box.hotline a { font-size: 20px; }
  .section.footer-nav ul { text-align: left; margin: 0 15px; }
  .section.footer-nav ul li { margin-left: 0 !important; }
  .section.footer-nav ul li a { padding: 6px 0; font-size: 13px; }
  .footer-wrapper { font-size: 11px; }
  .footer-wrapper h3.title { font-size: 14px; }
  .marquee .item { font-size: 27px; }
  .row-camket .featured-box { padding: 0 !important; }
  .row-camket .featured-box .icon-box-text { padding-left: 1em; }
  .row-camket .featured-box .icon-box-img { max-width: 60px; }
  .row-camket .featured-box.icon-box-right { text-align: left; flex-direction: row-reverse; }
  .modal-body { padding: 15px 20px; }
  .about-items .col-inner h3 { font-size: 24px; } }