:root{--size-hd:10rem;--container:123rem;--p-it:1.6rem;--mb-gap:4rem;--space:2.4rem;--hd:8rem;--hd-small:7rem;--logo-w:15.7rem;--menu:5.4rem;--menu-small:4rem;--it-pd:.8rem;--cm-gap:6.4rem}@media screen and (max-width:1200px){:root{--mb-gap:2.4rem;--cm-gap:4.8rem;--space:1.6rem}}@media screen and (max-width:768px){:root{--hd:6.5rem}}@media screen and (max-width:576px){:root{--mb-gap:1.6rem;--logo-w:13.7rem;--cm-gap:2.4rem}}@media screen and (max-width:430px){:root{--hd:5.5rem}}.page-about .custom-cuture .culture-left:before{display:none}@-webkit-keyframes scaleUp{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleUp{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.page-home .culture{margin-top:0}.page-home .culture .swiper{width:100%;height:100%}.page-home .culture-left{position:relative;pointer-events:none}.culture-left .img{position:relative;padding-bottom:calc((880/669)*100%);height:100%}.culture-left .swiper{height:100%}.culture-left .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.page-home .culture-left:before{content:"";position:absolute;z-index:2;bottom:-1rem;right:0;width:6.4rem;height:6.4rem;background:#333;-webkit-clip-path:polygon(0 0,0 100%,100% 100%);clip-path:polygon(0 0,0 100%,100% 100%);-webkit-transform:translate(calc(100% - .9rem),0);transform:translate(calc(100% - .9rem),0)}@media screen and (max-width:900px){.page-home .culture-left:before{display:none}}.page-home .add-line .culture-left:before{transform:translate(0,0) rotate(180deg);top:0;right:var(--it-pd)}@media screen and (max-width:px){.page-home .add-line .culture-left:before{display:none}}.culture-right .title{color:#bcd537}.culture{background:#f8f8f8}.culture .container{max-width:calc(100vw - (100vw - 123rem)/2);margin:0 auto 0 0;padding-left:0}@media screen and (max-width:900px){.culture .container{padding:0 1.5rem}}.culture .swiper-pagination{position:static;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}.culture .swiper-pagination-bullet{opacity:1;width:1rem;height:1rem;background:unset;position:relative;background:#d9d9d9;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.culture .swiper-pagination-bullet:hover{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:#bcd537}.culture .swiper-pagination-bullet.play #playSvg{opacity:1}.culture .swiper-pagination-bullet.play #pauseSvg{opacity:0}.culture .swiper-pagination-bullet #playSvg{display:none !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.culture .swiper-pagination-bullet #playSvg i{color:#bcd537;font-size:2rem}.culture .swiper-pagination-bullet #pauseSvg{display:none;width:unset;height:unset;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.culture .swiper-pagination-bullet #pauseSvg i{color:#d9d9d9;font-size:2rem}.culture .swiper-pagination-bullet svg{display:none}.culture .swiper-pagination-bullet-active{width:4rem;height:4rem;background:unset;-webkit-animation:.7s ease-in-out scaleUp;animation:.7s ease-in-out scaleUp}.culture .swiper-pagination-bullet-active:hover{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:unset}.culture .swiper-pagination-bullet-active #playSvg{display:-webkit-box;display:-ms-flexbox;display:flex}.culture .swiper-pagination-bullet-active #pauseSvg{display:-webkit-box;display:-ms-flexbox;display:flex}.culture .swiper-pagination-bullet-active svg{display:block;-webkit-animation:.7s ease-in-out scaleUp;animation:.7s ease-in-out scaleUp}.culture #pauseSvg{opacity:1}.culture svg{width:4rem;height:4rem;position:relative;z-index:2}.culture svg path{-webkit-transition:stroke-dasharray .3s;transition:stroke-dasharray .3s}@media screen and (max-width:1200px){.culture{margin-top:0}.culture .culture-right{padding:6rem 0 6rem 2rem}.culture .wrap-culture{margin-top:3.4rem}.culture .wrap-culture h3{margin-bottom:1.6rem}.culture .pr-brand{margin-top:2.4rem}}@media screen and (max-width:992px){.culture .wrap-culture{padding-left:0}.culture .wrap-culture h3{font-size:2.4rem}}@media screen and (max-width:900px){.culture{padding-top:3rem}.culture .culture-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin:0}.culture .culture-left{width:70%;margin:0 auto;padding:0}.culture .culture-right{width:100%;padding:0}.culture .group-nav{margin-top:3.2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width:430px){.culture .wrap-culture{margin-top:2.4rem}.culture .culture-left{width:100%}}.slider-thumbnail .swiper-slide{width:100%}.culture-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center}.pr-brand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:1rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.pr-brand .btn-chill{color:#bcd537;font-size:16px;font-weight:300;line-height:3.5;text-transform:uppercase;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.pr-brand .btn-chill:hover{color:#bcd537}.pr-brand .social-icon{gap:.4rem}.culture-left .swiper-slide{width:100%}.ukiyo-wrapper{min-height:100%}.culture-left .swiper-slide .img{position:relative;padding-bottom:100%;height:100%}.culture-left .swiper-slide .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.group-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2.4rem;gap:1.4rem;height:4rem}.group-nav .swiper-button-next{position:static;margin-top:0;width:2.4rem;height:2.4rem;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.group-nav .swiper-button-next:hover{-webkit-filter:unset;filter:unset}.group-nav .swiper-button-next:after{content:"";background-image:url(//www.indining.vn/template/css/blocks/../../assets/images/a-r-c.png);z-index:5;width:100%;height:100%;display:block}.wrap-culture{margin-top:0}.wrap-culture h3{font-family:var(--font-sec);color:var(--text-color,#333);font-size:32px;font-style:normal;font-weight:700;line-height:130%;text-transform:uppercase;margin-bottom:4rem}.content-inside .img-jumb-list{display:flex;flex-wrap:wrap;margin:0 -1.2rem}.content-inside .img-jump{width:auto;height:6.6rem;margin-bottom:2.4rem;padding:0 .6rem;cursor:pointer}@media (max-width:900px){.content-inside .img-jump{width:14%}}@media (max-width:700px){.content-inside .img-jump{width:16%}}@media (max-width:500px){.content-inside .img-jump{width:24%}}.content-inside .img-jump.active img{filter:none}.content-inside .img-jump img{height:100%;width:100%;object-fit:cover;filter:grayscale(1);transition:all .1s}.content-inside .img-jump img:hover{filter:none}.wrap-culture .txt-cap{color:var(--subtext-color,#828282);font-size:16px;font-style:normal;font-weight:400;line-height:1.5}.culture-right{padding:3rem 0 3rem 18.7rem;display:flex;flex-direction:column;justify-content:center}.culture-right .title{color:#bcd537;font-style:normal;font-weight:300;line-height:1;text-transform:uppercase;margin-bottom:var(--space)}.culture-right .desc{color:var(--subtext-color,var(--subtext-color,#828282));font-size:16px;font-style:normal;font-weight:300;line-height:1.5}@keyframes progressAnimation{from{stroke-dasharray:0,100}to{stroke-dasharray:100,0}}.brandSlider .swiper-pagination-bullet .progress-path{stroke:#bcd537;stroke-width:3;fill:none;transition:stroke-dasharray linear}.brandSlider .swiper-pagination-bullet.playing .progress-path{animation:progressAnimation 3s linear forwards}