@charset "UTF-8";@import url("../assets/library/fontawesome/fontawesome/fontawesome.css");@import url("../assets/library/aos/aos.css");@import url("../assets/library/swiper/swiper-bundle.min.css");@import url("../assets/library/themify-icons/themify-icons.css");@import url("../assets/library/select2/select2.min.css");@import url("../assets/library/themifi/themify-icons.css");@import url("../assets/library/gallery/lightgallery.min.css");@import url("../assets/library/splitting/splitting.css");@import url("../assets/library/fancybox/fancybox.css");@import url("../assets/library/splide/splide.min.css");@import url("../assets/library/bootstrap/bootstrap.min.css");@import url("../assets/font/Roboto/stylesheet.css");html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block} body{line-height:1} ol, ul{list-style:none} blockquote, q{quotes:none} blockquote:before, blockquote:after, q:before, q:after{content:"";content:none} table{border-collapse:collapse;border-spacing:0} .mona-content strong, .mona-content b{font-weight:bold} .mona-content em, .mona-content i{font-style:italic} .mona-content h1, .mona-content h2, .mona-content h3, .mona-content h4, .mona-content h5, .mona-content h6{line-height:1.3;margin-bottom:0.5em;margin-top:0.6em} .mona-content h1{font-size:1.7em} .mona-content h2{font-size:1.6em} .mona-content h3{font-size:1.25em} .mona-content h4{font-size:1.125em} .mona-content h5{font-size:1em} .mona-content h6{font-size:0.85em} .mona-content p{margin:1em 0} .mona-content ul, .mona-content ol{margin:1em 0;list-style-position:inside} .mona-content ul ul, .mona-content ul ol, .mona-content ol ul, .mona-content ol ol{margin-left:1em} .mona-content ul{list-style-type:disc} .mona-content ol{list-style-type:decimal} .mona-content ul ul, .mona-content ol ul{list-style-type:circle} .mona-content ol ol, .mona-content ul ol{list-style-type:lower-latin} .mona-content img, .mona-content iframe{max-width:100% !important;height:auto} .mona-content blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:1em 0;padding:1em;quotes:"“" "”" "‘" "’"} .mona-content blockquote::before{color:#ccc;content:open-quote;font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align:-0.4em} .mona-content blockquote p{display:inline} .mona-content table{border-collapse:collapse;max-width:100%;margin:1em 0;border:1px solid #e1e1e1} .mona-content table th, .mona-content table td{border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:5px 10px;vertical-align:middle} .mona-content .mona-youtube-wrap{position:relative;height:0;padding-top:56.25%} .mona-content .mona-youtube-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%} .mona-content .mona-table-wrap{overflow:auto} :root{--size-hd:12rem;/*14.6rem;*/--pd-sc:8rem;--radius:.5rem;--haft:calc((100vw - 132rem)/2);--transition:0.6s calc(var(--char-index) * 0.02s) ease-in-out;--recontainer:calc(100vw - (100vw - 120rem)/2);--half:calc((100vw - 120rem)/2);--color-text:#010F09;--color-pri:#1D4995;--color-pri2:#3169cb;--color-second:#E57117;--color-second2:#f08d42;--color-red:#DD3C27;--ft-top-bg:#F4F4F4;--ft-bot-bg:#303F56;--bd-gray:#E5E5E5;--sdow:0px 2px 4px rgba(0,0,0,0.2)} @media (max-width:1200px){:root{--pd-sc:4.8rem;--radius:1.6rem;--size-hd:10.6rem} } @media (max-width:768px){:root{--pd-sc:4rem;--size-hd: 6rem} } @media (max-width:1400px){:root{--haft:calc((100vw - 114rem)/2)} } @media (max-width:1200px){:root{--haft:calc((100vw - 96rem)/2)} } @media (max-width:992px){:root{--haft:calc((100vw - 72rem)/2)} } @media (max-width:768px){:root{--haft:calc((100vw - 54rem)/2)} } @media (max-width:576px){:root{--haft:0rem} } *{-webkit-box-sizing:border-box;box-sizing:border-box} html{font-size:62.5%;scroll-behavior:smooth} @media screen and (min-width:2000px){html{font-size:80%} } body{font-family:'Roboto',sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:#333333;overflow:hidden auto;background-color:#F5F5F5;--ck-z-default:100;--ck-z-modal:calc( var(--ck-z-default) + 999 )} @media screen and (min-width:2000px){body{font-size:20px} } a{text-decoration:none;color:inherit} button, select{border:none;outline:none;cursor:pointer;-webkit-appearance:none;cursor:pointer;font-family:"Roboto", sans-serif} button{padding:0;background-color:transparent} input, textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;font-family:"Roboto", sans-serif;font-size:1.6rem} .main{padding-top:var(--size-hd)} .over{overflow-x:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory} .over::-webkit-scrollbar{display:none} .no-scroll{-ms-touch-action:none;touch-action:none;-webkit-overflow-scrolling:none;overflow:hidden;overscroll-behavior:none} iframe{vertical-align:middle} .load-item{display:none} .show-hide-toggle{cursor:pointer} img{max-width:100%;border-radius:inherit;height:auto} .global-title{max-width:0;max-height:0;opacity:0;visibility:hidden} .rowSw{--cg:2.4rem;--rg:2.4rem;margin:0 calc(var(--cg) / 2 * -1)} .colSw{width:100%;padding:0 calc(var(--cg) / 2);margin-bottom:var(--rg);margin-bottom:0} @-webkit-keyframes phoneRing{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} 10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)} 20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)} 30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)} 40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)} 50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} 100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} } @keyframes phoneRing{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} 10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)} 20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)} 30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)} 40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)} 50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} 100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)} } @-webkit-keyframes fadeIn{from{opacity:0} to{opacity:1} } @keyframes fadeIn{from{opacity:0} to{opacity:1} } @-webkit-keyframes shine{100%{left:125%} } @keyframes shine{100%{left:125%} } @-webkit-keyframes ZoomIn{0%{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:1} } @keyframes ZoomIn{0%{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:1} } @-webkit-keyframes Spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes Spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @-webkit-keyframes BTT{0%{opacity:0} 33%{opacity:1} 66%{opacity:0} 100%{opacity:0} } @keyframes BTT{0%{opacity:0} 33%{opacity:1} 66%{opacity:0} 100%{opacity:0} } @-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 20%, 0);transform:translate3d(0, 20%, 0)} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)} } @keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 20%, 0);transform:translate3d(0, 20%, 0)} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)} } @-webkit-keyframes halo{from{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0)} to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)} } @keyframes halo{from{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0)} to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)} } @-webkit-keyframes float{0%{-webkit-transform:translatey(0px);transform:translatey(0px)} 50%{-webkit-transform:translatey(-20px);transform:translatey(-20px)} 100%{-webkit-transform:translatey(0px);transform:translatey(0px)} } @keyframes float{0%{-webkit-transform:translatey(0px);transform:translatey(0px)} 50%{-webkit-transform:translatey(-20px);transform:translatey(-20px)} 100%{-webkit-transform:translatey(0px);transform:translatey(0px)} } @-webkit-keyframes mirror{100%{-webkit-transform:translate3d(2000%, 0, 0) rotate(35deg);transform:translate3d(2000%, 0, 0) rotate(35deg)} } @keyframes mirror{100%{-webkit-transform:translate3d(2000%, 0, 0) rotate(35deg);transform:translate3d(2000%, 0, 0) rotate(35deg)} } @-webkit-keyframes DownUp{0%{-webkit-transform:translatey(0px);transform:translatey(0px)} 50%{-webkit-transform:translatey(-10px);transform:translatey(-10px)} 100%{-webkit-transform:translatey(0px);transform:translatey(0px)} } @keyframes DownUp{0%{-webkit-transform:translatey(0px);transform:translatey(0px)} 50%{-webkit-transform:translatey(-10px);transform:translatey(-10px)} 100%{-webkit-transform:translatey(0px);transform:translatey(0px)} } @-webkit-keyframes jelly{25%{-webkit-transform:scale(0.9, 1.1);transform:scale(0.9, 1.1)} 50%{-webkit-transform:scale(1.1, 0.9);transform:scale(1.1, 0.9)} 75%{-webkit-transform:scale(0.95, 1.05);transform:scale(0.95, 1.05)} } @keyframes jelly{25%{-webkit-transform:scale(0.9, 1.1);transform:scale(0.9, 1.1)} 50%{-webkit-transform:scale(1.1, 0.9);transform:scale(1.1, 0.9)} 75%{-webkit-transform:scale(0.95, 1.05);transform:scale(0.95, 1.05)} } @-webkit-keyframes jellyTranForm{25%{-webkit-transform:translate(-50%, -50%) scale(0.9, 1.1);transform:translate(-50%, -50%) scale(0.9, 1.1)} 50%{-webkit-transform:translate(-50%, -50%) scale(1.1, 0.9);transform:translate(-50%, -50%) scale(1.1, 0.9)} 75%{-webkit-transform:translate(-50%, -50%) scale(0.95, 1.05);transform:translate(-50%, -50%) scale(0.95, 1.05)} } @keyframes jellyTranForm{25%{-webkit-transform:translate(-50%, -50%) scale(0.9, 1.1);transform:translate(-50%, -50%) scale(0.9, 1.1)} 50%{-webkit-transform:translate(-50%, -50%) scale(1.1, 0.9);transform:translate(-50%, -50%) scale(1.1, 0.9)} 75%{-webkit-transform:translate(-50%, -50%) scale(0.95, 1.05);transform:translate(-50%, -50%) scale(0.95, 1.05)} } @-webkit-keyframes jittery{5%, 50%{-webkit-transform:scale(1);transform:scale(1)} 10%{-webkit-transform:scale(0.9);transform:scale(0.9)} 15%{-webkit-transform:scale(1.05);transform:scale(1.05)} 20%{-webkit-transform:scale(1.05) rotate(-5deg);transform:scale(1.05) rotate(-5deg)} 25%{-webkit-transform:scale(1.05) rotate(5deg);transform:scale(1.05) rotate(5deg)} 30%{-webkit-transform:scale(1.05) rotate(-3deg);transform:scale(1.05) rotate(-3deg)} 35%{-webkit-transform:scale(1.05) rotate(2deg);transform:scale(1.05) rotate(2deg)} 40%{-webkit-transform:scale(1.05) rotate(0);transform:scale(1.05) rotate(0)} } @keyframes jittery{5%, 50%{-webkit-transform:scale(1);transform:scale(1)} 10%{-webkit-transform:scale(0.9);transform:scale(0.9)} 15%{-webkit-transform:scale(1.05);transform:scale(1.05)} 20%{-webkit-transform:scale(1.05) rotate(-5deg);transform:scale(1.05) rotate(-5deg)} 25%{-webkit-transform:scale(1.05) rotate(5deg);transform:scale(1.05) rotate(5deg)} 30%{-webkit-transform:scale(1.05) rotate(-3deg);transform:scale(1.05) rotate(-3deg)} 35%{-webkit-transform:scale(1.05) rotate(2deg);transform:scale(1.05) rotate(2deg)} 40%{-webkit-transform:scale(1.05) rotate(0);transform:scale(1.05) rotate(0)} } @-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)} 70%{-webkit-transform:scale(0.9);transform:scale(0.9)} 100%{-webkit-transform:scale(1);transform:scale(1)} } @keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)} 70%{-webkit-transform:scale(0.9);transform:scale(0.9)} 100%{-webkit-transform:scale(1);transform:scale(1)} } @-webkit-keyframes grow{from{-webkit-transform:scale(0, 0);transform:scale(0, 0);opacity:1} to{-webkit-transform:scale(1.5, 1.5);transform:scale(1.5, 1.5);opacity:0} } @keyframes grow{from{-webkit-transform:scale(0, 0);transform:scale(0, 0);opacity:1} to{-webkit-transform:scale(1.5, 1.5);transform:scale(1.5, 1.5);opacity:0} } @-webkit-keyframes grows{from{-webkit-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9);opacity:1} to{-webkit-transform:scale(1.5, 1.5);transform:scale(1.5, 1.5);opacity:0} } @keyframes grows{from{-webkit-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9);opacity:1} to{-webkit-transform:scale(1.5, 1.5);transform:scale(1.5, 1.5);opacity:0} } @-webkit-keyframes growsCenter{from{-webkit-transform:translate(-50%, -50%) scale(0.9, 0.9);transform:translate(-50%, -50%) scale(0.9, 0.9);opacity:1} to{-webkit-transform:translate(-50%, -50%) scale(2, 2);transform:translate(-50%, -50%) scale(2, 2);opacity:0} } @keyframes growsCenter{from{-webkit-transform:translate(-50%, -50%) scale(0.9, 0.9);transform:translate(-50%, -50%) scale(0.9, 0.9);opacity:1} to{-webkit-transform:translate(-50%, -50%) scale(2, 2);transform:translate(-50%, -50%) scale(2, 2);opacity:0} } @-webkit-keyframes txt-focus{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0} 100%{-webkit-filter:blur(0px);filter:blur(0px);opacity:1} } @keyframes txt-focus{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0} 100%{-webkit-filter:blur(0px);filter:blur(0px);opacity:1} } @-webkit-keyframes MaskPlay{from{-webkit-mask-position:0 0;mask-position:0 0} to{-webkit-mask-position:100% 0;mask-position:100% 0} } @keyframes MaskPlay{from{-webkit-mask-position:0 0;mask-position:0 0} to{-webkit-mask-position:100% 0;mask-position:100% 0} } @-webkit-keyframes Leaf{0%{-webkit-transform:translateY(-100%) rotate(0deg);transform:translateY(-100%) rotate(0deg);opacity:1} 100%{-webkit-transform:translateY(30rem) rotate(360deg);transform:translateY(30rem) rotate(360deg);opacity:0} } @keyframes Leaf{0%{-webkit-transform:translateY(-100%) rotate(0deg);transform:translateY(-100%) rotate(0deg);opacity:1} 100%{-webkit-transform:translateY(30rem) rotate(360deg);transform:translateY(30rem) rotate(360deg);opacity:0} } @-webkit-keyframes Leaf2{0%{top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1} 100%{top:100%;-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:0} } @keyframes Leaf2{0%{top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1} 100%{top:100%;-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:0} } @-webkit-keyframes Leaf3{0%{top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1} 80%{top:100%;-webkit-transform:rotate(360deg) translateY(-100%);transform:rotate(360deg) translateY(-100%);opacity:1} 90%{top:100%;-webkit-transform:rotate(370deg) translateY(-100%);transform:rotate(370deg) translateY(-100%);opacity:1} 100%{top:100%;-webkit-transform:rotate(380deg) translateY(-100%);transform:rotate(380deg) translateY(-100%);opacity:1} } @keyframes Leaf3{0%{top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1} 80%{top:100%;-webkit-transform:rotate(360deg) translateY(-100%);transform:rotate(360deg) translateY(-100%);opacity:1} 90%{top:100%;-webkit-transform:rotate(370deg) translateY(-100%);transform:rotate(370deg) translateY(-100%);opacity:1} 100%{top:100%;-webkit-transform:rotate(380deg) translateY(-100%);transform:rotate(380deg) translateY(-100%);opacity:1} } @-webkit-keyframes animateSvg{0%{stroke-dashoffset:2689.942138671875px;stroke-dasharray:2689.942138671875px} 100%{stroke-dashoffset:0;stroke-dasharray:2689.942138671875px} } @keyframes animateSvg{0%{stroke-dashoffset:2689.942138671875px;stroke-dasharray:2689.942138671875px} 100%{stroke-dashoffset:0;stroke-dasharray:2689.942138671875px} } @-webkit-keyframes note{0%{-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:rotate(0deg);transform:rotate(0deg)} 20%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)} 40%{-webkit-transform:rotate(3deg);transform:rotate(3deg)} 60%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)} 80%{-webkit-transform:rotate(1deg);transform:rotate(1deg)} 100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} } @keyframes note{0%{-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:rotate(0deg);transform:rotate(0deg)} 20%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)} 40%{-webkit-transform:rotate(3deg);transform:rotate(3deg)} 60%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)} 80%{-webkit-transform:rotate(1deg);transform:rotate(1deg)} 100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} } @-webkit-keyframes star{0%{opacity:0} 50%{opacity:1} 100%{opacity:0} } @keyframes star{0%{opacity:0} 50%{opacity:1} 100%{opacity:0} } @-webkit-keyframes rotate45{0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)} } @keyframes rotate45{0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)} } @-webkit-keyframes rotate360{0%{-webkit-transform:translate(-50%, -50%) rotate(0);transform:translate(-50%, -50%) rotate(0)} 100%{-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)} } @keyframes rotate360{0%{-webkit-transform:translate(-50%, -50%) rotate(0);transform:translate(-50%, -50%) rotate(0)} 100%{-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)} } @-webkit-keyframes flip{0%{-webkit-transform:scaleX(0);transform:scaleX(0)} 50%{-webkit-transform:scaleX(-1);transform:scaleX(-1)} 100%{-webkit-transform:scaleX(0);transform:scaleX(0)} } @keyframes flip{0%{-webkit-transform:scaleX(0);transform:scaleX(0)} 50%{-webkit-transform:scaleX(-1);transform:scaleX(-1)} 100%{-webkit-transform:scaleX(0);transform:scaleX(0)} } @-webkit-keyframes dropshadow{0%{-webkit-filter:drop-shadow(0px 4px 8px transparent);filter:drop-shadow(0px 4px 8px transparent)} 50%{-webkit-filter:drop-shadow(0px 4px 8px rgba(97, 167, 253, 0.446));filter:drop-shadow(0px 4px 8px rgba(97, 167, 253, 0.446))} 100%{-webkit-filter:drop-shadow(0px 4px 8px transparent);filter:drop-shadow(0px 4px 8px transparent)} } @keyframes dropshadow{0%{-webkit-filter:drop-shadow(0px 4px 8px transparent);filter:drop-shadow(0px 4px 8px transparent)} 50%{-webkit-filter:drop-shadow(0px 4px 8px rgba(97, 167, 253, 0.446));filter:drop-shadow(0px 4px 8px rgba(97, 167, 253, 0.446))} 100%{-webkit-filter:drop-shadow(0px 4px 8px transparent);filter:drop-shadow(0px 4px 8px transparent)} } @-webkit-keyframes SpinnerCenter{0%{-webkit-transform:translate(-50%, -50%) rotate(0);transform:translate(-50%, -50%) rotate(0)} 100%{-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)} } @keyframes SpinnerCenter{0%{-webkit-transform:translate(-50%, -50%) rotate(0);transform:translate(-50%, -50%) rotate(0)} 100%{-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)} } .back-to-top{width:4rem;height:4rem;border-radius:100rem;-webkit-box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;position:fixed;bottom:8rem;right:3rem;z-index:7;-webkit-transform:translateX(3rem);transform:translateX(3rem);opacity:0;-webkit-transition:0.5s linear;transition:0.5s linear;cursor:pointer;visibility:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0.1rem solid var(--color-pri);background-repeat:no-repeat;background-position:center;background-size:cover;background-color:white} .back-to-top::after{content:'';position:absolute;height:100%;width:100%;border-radius:inherit;border:0.1rem solid var(--color-pri);-webkit-animation:grows 4s linear infinite;animation:grows 4s linear infinite} .back-to-top::before{content:'';position:absolute;height:100%;width:100%;border-radius:inherit;border:0.1rem solid var(--color-pri);-webkit-animation:grows 4s linear infinite;animation:grows 4s linear infinite;-webkit-animation-delay:2s;animation-delay:2s} @media screen and (max-width:768px){.back-to-top{right:1.5rem} } @media screen and (max-width:600px){.back-to-top{width:3rem;height:3rem} } .back-to-top.active{visibility:visible;-webkit-transform:translateX(0);transform:translateX(0);opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex} .back-to-top .triangle{width:4rem;height:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .back-to-top .triangle i{color:var(--color-pri);font-size:1.5rem;width:1.4rem;height:1.4rem} .back-to-top .triangle i::before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1.4rem;height:1.4rem} @media only screen and (min-width:901px){.back-to-top:hover{visibility:visible;opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } [data-aos="fade-up-cus"]{-webkit-transform:translate(0, 4rem);transform:translate(0, 4rem);opacity:0;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform} [data-aos="fade-up-cus"].aos-animate{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1} [data-aos="fade-down-cus"]{-webkit-transform:translate(0, -4rem);transform:translate(0, -4rem);opacity:0;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform} [data-aos="fade-down-cus"].aos-animate{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1} [data-aos="fade-left-cus"]{-webkit-transform:translate(4rem, 0);transform:translate(4rem, 0);opacity:0;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform} [data-aos="fade-left-cus"].aos-animate{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1} [data-aos="fade-right-cus"]{-webkit-transform:translate(-4rem, 0);transform:translate(-4rem, 0);opacity:0;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform} [data-aos="fade-right-cus"].aos-animate{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1} :root{--text:var(--color-text);--text-hover:var(--color-pri);--fw:400;--back:white;--textsub:var(--color-text);--fz:1.4rem} .hd-nav{height:100%} .hd-nav .menu-nav{height:100%} .hd-nav .menu-nav > .menu-list{height:100%;gap:0.5rem} .hd-nav .menu-nav > .menu-list > .menu-item{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .hd-nav .menu-nav > .menu-list > .menu-item:last-child > .menu-list{left:initial;right:0} .hd-nav .menu-nav > .menu-list > .menu-item:hover > a{color:var(--color-pri)} .hd-nav .menu-nav > .menu-list > .menu-item.dropdown:hover > a i{-webkit-transform:rotate(180deg);transform:rotate(180deg)} .hd-nav .menu-nav > .menu-list > .menu-item > .menu-link{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--text)} .hd-nav .menu-nav > .menu-list > .menu-item.current_page_item > a, .hd-nav .menu-nav > .menu-list > .menu-item.current-menu-item > a, .hd-nav .menu-nav > .menu-list > .menu-item.current_page_parent > a, .hd-nav .menu-nav > .menu-list > .menu-item.current-menu-parent > a, .hd-nav .menu-nav > .menu-list > .menu-item.current-post-parent > a{color:var(--color-pri)} .hd-nav .menu-nav > .menu-list > .menu-item > .menu-list{top:calc(100% + 0.7rem)} .hd-nav .menu-nav > .menu-list > .menu-item > .menu-list::after{content:'';position:absolute;bottom:100%;left:0;height:0.7rem;width:100%} .hd-nav .menu-list{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .hd-nav .menu-item{position:relative;transition:0.2s ease-in-out;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-ms-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s} .hd-nav .menu-item:hover > .menu-list{opacity:1;visibility:visible;pointer-events:visible;-webkit-transform:translate(0, 0);transform:translate(0, 0)} .hd-nav .menu-item:hover > .menu-list > .menu-item.current_page_item > a, .hd-nav .menu-item:hover > .menu-list > .menu-item.current-menu-item > a{color:var(--text-pri)} .hd-nav .menu-item:hover > .megas{-webkit-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);opacity:1;visibility:visible;pointer-events:visible} .hd-nav .menu-item .menu-link, .hd-nav .menu-item a{transition:0.2s ease-in-out;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-ms-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s} .hd-nav .menu-item .menu-link i, .hd-nav .menu-item a i{transition:0.2s ease-in-out;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-ms-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s} .hd-nav .menu-item > .menu-link, .hd-nav .menu-item > a{color:var(--textsub);font-weight:var(--fw);display:block;font-size:var(--fz);font-weight:400} .hd-nav .menu-item > .menu-link > i, .hd-nav .menu-item > a > i{display:none;margin-left:0.4rem;font-size:1.4rem;color:inherit} .hd-nav .menu-item.dropdown > a > i{display:inline-block} .hd-nav .menu-item > .menu-list{position:absolute;top:0;left:0;min-width:20rem;padding:0.5rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background:var(--back);-webkit-box-shadow:var(--sdow);box-shadow:var(--sdow);transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;opacity:0;visibility:hidden;-webkit-transform:translate(0, -5px);transform:translate(0, -5px);pointer-events:none;border-radius:1rem 1rem} .hd-nav .menu-item > .menu-list .menu-item:not(:first-child){margin-top:0.5rem} .hd-nav .menu-item > .menu-list .menu-item .menu-link{border-radius:0.8rem} .hd-nav .menu-item > .menu-list .menu-item.current_page_item > a, .hd-nav .menu-item > .menu-list .menu-item.current-menu-item > a{color:white !important;background-color:var(--color-pri)} .hd-nav .menu-item > .menu-list .menu-item.current_page_item > a::before, .hd-nav .menu-item > .menu-list .menu-item.current-menu-item > a::before{width:100%} .hd-nav .menu-item > .menu-list > .menu-item{margin-left:0;width:100%;white-space:nowrap} .hd-nav .menu-item > .menu-list > .menu-item:hover::after{opacity:1} .hd-nav .menu-item > .menu-list > .menu-item:hover > .menu-link, .hd-nav .menu-item > .menu-list > .menu-item:hover > a{color:white;background-color:var(--color-pri)} .hd-nav .menu-item > .menu-list > .menu-item:hover > .menu-link::before, .hd-nav .menu-item > .menu-list > .menu-item:hover > a::before{width:100%} .hd-nav .menu-item > .menu-list > .menu-item:hover > .menu-link > i, .hd-nav .menu-item > .menu-list > .menu-item:hover > a > i{text-decoration:none} .hd-nav .menu-item > .menu-list > .menu-item > .menu-link, .hd-nav .menu-item > .menu-list > .menu-item > a{display:-moz-flex;display:-ms-flex;display:-o-flex;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;position:relative;font-weight:4 00;padding-left:1.2rem !important;color:black} .hd-nav .menu-item > .menu-list > .menu-item > .menu-link > i, .hd-nav .menu-item > .menu-list > .menu-item > a > i{-webkit-transform:rotate(-90deg) translate(5px, 0);transform:rotate(-90deg) translate(5px, 0);margin-top:0.8rem;font-size:1rem} .hd-nav .menu-item > .menu-list > .menu-item > .menu-list{left:calc(100% + 0.5rem)} .hd-nav .menu-item > .menu-list > .menu-item > .menu-list::after{content:'';position:absolute;right:100%;top:0;width:0.5rem;height:100%} .mobile-nav .menu-nav > .menu-list > .menu-item{padding:1rem;position:relative} .mobile-nav .menu-nav > .menu-list > .menu-item.current_page_item > a, .mobile-nav .menu-nav > .menu-list > .menu-item.current-menu-item > a, .mobile-nav .menu-nav > .menu-list > .menu-item.current_page_parent > a, .mobile-nav .menu-nav > .menu-list > .menu-item.current-menu-parent > a, .mobile-nav .menu-nav > .menu-list > .menu-item.current-post-parent > a{color:var(--color-pri)} .mobile-nav .menu-nav > .menu-list > .menu-item.current_page_item > a::after, .mobile-nav .menu-nav > .menu-list > .menu-item.current-menu-item > a::after, .mobile-nav .menu-nav > .menu-list > .menu-item.current_page_parent > a::after, .mobile-nav .menu-nav > .menu-list > .menu-item.current-menu-parent > a::after, .mobile-nav .menu-nav > .menu-list > .menu-item.current-post-parent > a::after{opacity:1} .mobile-nav .menu-nav > .menu-list > .menu-item:has(.current-menu-item) > a{color:var(--color-pri)} .mobile-nav .menu-nav > .menu-list > .menu-item.active > a{color:var(--color-pri);color:white} .mobile-nav .menu-nav > .menu-list > .menu-item.active > a::after{width:3rem} .mobile-nav .menu-nav > .menu-list > .menu-item.active .menu-list .menu-item .menu-link{color:white} .mobile-nav .menu-nav > .menu-list > .menu-item > a{padding:1.2rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#303030;font-size:1.6rem;font-weight:600;border-bottom:1px solid rgba(0, 0, 0, 0.1);position:relative;background-color:#ffedeb;padding:0.8rem 1rem} .mobile-nav .menu-nav > .menu-list > .menu-item > a::after{content:'';position:absolute;left:1rem;bottom:0;width:2rem;height:0.4rem;border-radius:10rem;background-color:black;-webkit-transition:0.4s;transition:0.4s;width:0} .mobile-nav .menu-nav > .menu-list > .menu-item > a::before{display:none} .mobile-nav .menu-nav > .menu-list > .menu-item > .menu-list .menu-list{padding-left:2rem} .mobile-nav .menu-nav > .menu-list > .menu-item > .menu-list .menu-link{padding:0.5rem 1rem} .mobile-nav .menu-item.dropdown > a > i{display:-webkit-box;display:-ms-flexbox;display:flex} .mobile-nav .menu-item.active{background-color:var(--color-pri)} .mobile-nav .menu-item.active > a{color:var(--color-pri)} .mobile-nav .menu-item.active > a > i{-webkit-transform:rotate(180deg);transform:rotate(180deg)} .mobile-nav .menu-item a{position:relative} .mobile-nav .menu-item a i{width:2rem;height:2rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;display:none;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;font-size:0.7em} .mobile-nav .menu-item > a{display:-moz-flex;display:-ms-flex;display:-o-flex;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;padding:1.2rem;font-size:1.6rem;color:var(--color-text);font-weight:700} @media (hover:hover){.mobile-nav .menu-item > a:hover{color:var(--color-pri)} } .mobile-nav .menu-item > .menu-list{display:none;margin-left:1.6rem;position:relative;margin-left:0} .mobile-nav .menu-item > .menu-list::before{content:'';position:absolute;top:2rem;bottom:1rem;left:0;width:1px;background-color:rgba(0, 0, 0, 0.1)} .mobile-nav .menu-item > .menu-list::before{content:none} .mobile-nav .menu-item > .menu-list > .menu-item.current_page_item > a, .mobile-nav .menu-item > .menu-list > .menu-item.current-menu-item > a{color:var(--color-pri)} .mobile-nav .menu-item > .menu-list > .menu-item:has(.current-menu-item) > a{color:var(--color-pri)} .mobile-nav .menu-item > .menu-list > .menu-item > .menu-link{font-weight:400;font-size:1.4rem} @-webkit-keyframes menuLa{0%{-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)} 50%{-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)} 75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)} 100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)} } @keyframes menuLa{0%{-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)} 50%{-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)} 75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)} 100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)} } .megas{position:fixed;width:130.5rem;left:35%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:calc(var(--size-hd));background-color:white;padding:3.2rem;border-radius:var(--radius);-webkit-transition:0.4s;transition:0.4s;-webkit-box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;opacity:0;visibility:hidden;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);pointer-events:none} @media screen and (max-width:1200px){.megas{display:none} } .megas.small{width:70rem} .megas-list{-ms-flex-wrap:nowrap;flex-wrap:nowrap} .megas-item .tt{font-weight:600;margin-bottom:.8rem;padding-bottom:0.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.8rem} .megas-item .tt img{width:1em;height:1em;-ms-flex-negative:0;flex-shrink:0;margin-top:0.1em} .megas-item .menu-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;--rg:1.2rem;--cg:0.8rem;padding-left:2rem;position:relative} .megas-item .menu-list::after{content:'';position:absolute;top:0;left:.6rem;height:100%;width:0.1rem;background-color:rgba(0, 0, 0, 0.1)} .megas-item .menu-item{width:100%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden} .megas-item .menu-link{text-transform:capitalize;font-size:1.4rem;color:#595959;-webkit-transition:0.4s;transition:0.4s;font-weight:300} @media (hover:hover){.megas-item .menu-link:hover{color:var(--color-pri)} } ::-webkit-scrollbar{width:0.5rem;height:0.5rem} /* Track */ ::-webkit-scrollbar-track{background:#f1f1f1} /* Handle */ ::-webkit-scrollbar-thumb{background:var(--color-pri);border-radius:100rem} /* Handle on hover */ ::-webkit-scrollbar-thumb:hover{background:var(--color-pri)} .hd{position:fixed;top:0;left:0;width:100%;-webkit-transition:0.4s;transition:0.4s;z-index:50;background:rgba(0, 0, 0, 0.3);background-color:white;height:var(--size-hd);border-bottom:0.1rem solid #F2F4F7;-webkit-box-shadow:0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);box-shadow:0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06)} @media screen and (max-width:1200px){.hd{height:calc(var(--size-hd) - 2.6rem)} .hd .hd-nav{display:none} .hd .hd-act{margin-left:auto} .hd .hd-flex{gap:1rem} .hd .hd-bot{display:none} .hd .hd-top{display:none} } @media screen and (max-width:768px){.hd{--size-hd:6rem;height:var(--size-hd)} .hd .container{height:100%} .hd .hd-logo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)} .hd .hd-logo .custom-logo-link{width:15rem} .hd .hd-lg{display:none} .hd .hd-top{display:none} .hd .hd-mid{height:100%} .hd .hd-act{margin-left:0;gap:0rem} .hd .hd-act .btn{display:none} .hd .hd-flex{gap:1.5rem} .hd .burger{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1} .hd .hd-nav{display:none} } @media screen and (max-width:500px){.hd .hd-act{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} .hd .hd-lh{display:none} } .hd-lh{position:relative;height:100%;--w:27.7rem;width:var(--w)} .hd-lh .txt{position:absolute;color:white;z-index:2;left:5%;top:33%;font-size:120%;font-weight:700} .hd-lh-in{display:block;padding-top:calc((90 / 277) * 100%);position:relative;overflow:hidden} .hd-lh-in img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:contain;object-fit:contain} @media screen and (max-width:1500px){.hd-lh{--w:20rem} .hd-lh .txt{font-size:80%;top:34%} } @media screen and (min-width:1201px){.hd.sticky{background-color:white} .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item .menu-link{color:var(--color-text)} .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item:hover > a{color:var(--color-pri)} .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item:hover > a i{-webkit-transform:rotate(180deg);transform:rotate(180deg)} .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.active > a, .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.current_page_item > a, .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.current-menu-item > a, .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.current_page_parent > a, .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.current-menu-parent > a, .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.current-post-parent > a{color:var(--color-text)} .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.active::before, .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.current_page_item::before, .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.current-menu-item::before, .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.current_page_parent::before, .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.current-menu-parent::before, .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.current-post-parent::before{width:100%} .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.active::after, .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.current_page_item::after, .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.current-menu-item::after, .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.current_page_parent::after, .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.current-menu-parent::after, .hd.sticky .hd-nav > .menu-nav > .menu-list > .menu-item.current-post-parent::after{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)} .hd.sticky .hd-lg-item.active{color:black} .hd.sticky .menu-item > .menu-list{background-color:white} .hd.sticky .menu-item > .menu-list > .menu-item:hover > .menu-link, .hd.sticky .menu-item > .menu-list > .menu-item:hover > a{color:white} } @media screen and (max-width:1200px){.hd.sticky{background-color:white} } @media screen and (min-width:1201px){.hd.sticky{height:calc(var(--size-hd) - .6rem - 2rem - 4rem)} .hd.sticky .hd-lg > .hd-lg-item{color:black} .hd.sticky .hd-top{height:0;overflow:hidden;padding:0} .hd.sticky .hd-bot{height:0;overflow:hidden;padding:0;opacity:0} .hd.sticky .hd-mid{height:6rem} } .hd.sticky .megas{top:10rem} .hd-wr{height:100%;width:100%;max-width:152rem;margin:auto;position:relative;z-index:101} .hd-top{height:2.6rem;padding-top:1.6rem;-webkit-transition:0.5s;transition:0.5s} .hd-top .sub{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;gap:2rem} .hd-top .sub-item{color:var(--color-pri);font-size:1.4rem} @media (hover:hover){.hd-top .sub-item:hover{color:var(--color-second)} } .hd-top .sub-link{-webkit-transition:0.4s;transition:0.4s} .hd-mid{height:8rem;-webkit-transition:0.5s;transition:0.5s} .hd-bot{height:4rem;-webkit-transition:0.4s;transition:0.4s} .hd-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;width:100%;position:relative;margin:auto;gap:2rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .hd-info{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5.8rem;margin-left:auto} .hd-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.8rem} .hd-info-item img{width:3.4rem;height:3.4rem;-ms-flex-negative:0;flex-shrink:0} .hd-info-item .ctn{line-height:1.2} .hd-info-item .ctn .val{font-weight:700} .hd-nav{position:relative;z-index:2;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;height:100%} .hd-nav .menu-nav{height:100%} .hd-nav .menu-nav > .menu-list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .hd-nav .menu-nav > .menu-list > .menu-item{position:relative;padding:1rem} .hd-nav .menu-nav > .menu-list > .menu-item > .menu-list > .menu-item .menu-link{padding:1rem} .hd-logo{z-index:7} .hd-logo .custom-logo-link{display:-webkit-box;display:-ms-flexbox;display:flex;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;width:20.4rem} .hd-logo .custom-logo-link img{max-width:100%;height:auto;-webkit-transition:0.4s;transition:0.4s} .hd-act{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem;-ms-flex-negative:0;flex-shrink:0} @media screen and (max-width:420px){.hd-act .btn.linear{display:none} } .hd-srch{position:relative;cursor:pointer;width:1.8rem;height:1.8rem} .hd-srch > img{width:inherit;height:inherit} .hd-srch-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.4s;transition:0.4s;height:4.8rem;padding:0.5rem;padding-right:2rem;width:20rem;background-color:#323B53} @media screen and (max-width:1200px){.hd-srch-flex{height:4rem} } .hd-srch-flex input{background-color:transparent;font-size:1.6rem;border:none;padding:0 1.2rem;padding-right:0;width:0;-webkit-transition:0.4s;transition:0.4s;color:white;width:100%} .hd-srch-flex input.placeholder{color:#BFBFBF} .hd-srch-flex input:-moz-placeholder{color:#BFBFBF} .hd-srch-flex input::-moz-placeholder{color:#BFBFBF} .hd-srch-flex input:-ms-input-placeholder{color:#BFBFBF} .hd-srch-flex input::-webkit-input-placeholder{color:#BFBFBF} .hd-srch-flex input:-webkit-autofill, .hd-srch-flex input:-webkit-autofill:hover, .hd-srch-flex input:-webkit-autofill:focus, .hd-srch-flex input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:white;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;-webkit-box-shadow:inset 0 0 20px 20px #323B53;box-shadow:inset 0 0 20px 20px #323B53} .hd-srch-flex button{width:1.6rem;height:1.6rem;-ms-flex-negative:0;flex-shrink:0} @media screen and (max-width:1200px){.hd-text{display:none} } .hd-lg{height:4.8rem;-ms-flex-negative:0;flex-shrink:0;position:relative;cursor:pointer;font-size:1.4rem} .hd-lg-item{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.4rem;color:var(--color-text)} .hd-lg-item img{width:1.6rem;height:1.6rem;-ms-flex-negative:0;flex-shrink:0} .hd-lg-item .txt{-webkit-transition:0.4s;transition:0.4s;line-height:1;-webkit-transform:translateY(0.1rem);transform:translateY(0.1rem)} .hd-lg-item .ic{width:1.6rem;height:1.6rem;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;font-size:1.4rem} .hd-lg-drop{position:absolute;width:100%;top:100%;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-transition:0.4s;transition:0.4s;-webkit-transform:translateY(4rem);transform:translateY(4rem);opacity:0;visibility:hidden;pointer-events:none;min-width:25rem;z-index:3;padding:1.6rem;background-color:white;-webkit-box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;border-radius:.8rem} @media (hover:hover){.hd-lg-drop .hd-lg-item:hover .txt{color:var(--color-pri)} } .hd-lg:hover .hd-lg-drop{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible;pointer-events:visible} .hd-lg .btn{margin-left:auto;height:4rem} .hd-lg .form-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} .hd-user{position:relative;margin-left:auto} @media screen and (min-width:769px){.hd-user{display:none} } .hd-user-avatar{width:4rem;height:4rem;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;border-radius:100rem} .hd-user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .hd-user-option{position:absolute;top:calc(100% + 1rem);right:0rem;background-color:white;min-width:20rem;border-radius:1rem;padding:1rem 0;-webkit-box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;-webkit-transition:0.4s;transition:0.4s;-webkit-transform:translateY(4rem);transform:translateY(4rem);opacity:0;visibility:hidden;pointer-events:none;font-size:1.4rem} .hd-user-option::after{content:'';position:absolute;width:100%;bottom:100%;height:1rem} .hd-user-option .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} .hd-user-option .list-item{padding:0 1rem;-webkit-transition:0.4s;transition:0.4s;color:var(--color-pri)} @media (hover:hover){.hd-user-option .list-item:hover{color:var(--color-second)} } .hd-user:hover .hd-user-option{-webkit-transform:translateY(0rem);transform:translateY(0rem);opacity:1;visibility:visible;pointer-events:visible} .hd-account{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem} .hd-account .btn{height:4rem} .hd .burger{width:4rem;height:4rem;background:var(--color-pri);border-radius:.5rem} @media screen and (min-width:1201px){.hd .burger{display:none} } @media screen and (max-width:768px){.hd .burger{background-color:transparent;width:5rem;height:5rem;margin-left:-1rem} .hd .burger .ham{width:5rem} .hd .burger .line{stroke:var(--color-pri)} } .hd-nolog .hd-account .btn:first-child{background-color:white} .hd-nolog .hd-account .btn:first-child .txt{color:var(--color-pri)} @media (hover:hover){.hd-nolog .hd-account .btn:first-child:hover .txt{color:white} } .hd-logged{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.6rem;/*display:none;*/} .hd-noti{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.6rem} .hd-noti-item{width:4rem;height:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.8rem;-webkit-transition:0.4s;transition:0.4s;cursor:pointer} .hd-noti-item img{width:2.4rem;height:2.4rem;display:block} @media (hover:hover){.hd-noti-item:hover{background-color:#F6F6F6} } @media screen and (max-width:768px){.hd-noti{display:none} } .hd-client{position:relative} .hd-client-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;cursor:pointer} .hd-client-item::after{content:"\f078";font-family:"Font Awesome 6 Pro";display:inline-block} .hd-client-item img{width:4rem;height:4rem;border-radius:100rem;-ms-flex-negative:0;flex-shrink:0} @media screen and (max-width:992px){.hd-client-item .txt{display:none} .hd-client-item::after{display:none} } .hd-client-it{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:.8rem;-webkit-transition:0.4s;transition:0.4s} .hd-client-it:not(:first-child){margin-top:1rem} @media (hover:hover){.hd-client-it:hover{color:var(--color-pri)} } .hd-client-dropdown{padding:1.6rem;border-radius:.8rem;position:absolute;background-color:white;-webkit-box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;z-index:3;top:calc(100% + 1rem);right:0;min-width:23rem;-webkit-transition:0.4s;transition:0.4s;opacity:0;-webkit-transform:translateY(4rem);transform:translateY(4rem);pointer-events:none} .hd-client-dropdown::after{content:'';position:absolute;height:1rem;width:100%;bottom:100%;left:0} .hd-client-dropdown .heads{border-bottom:0.1rem solid var(--bd-gray);padding-bottom:1rem;margin-bottom:1rem} .hd-client-dropdown .footers{border-top:0.1rem solid var(--bd-gray);padding-top:1rem;margin-top:1rem;color:red} .hd-client:hover .hd-client-dropdown{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:visible} .hd-dropdown{position:absolute;top:calc(100% + 1rem);padding:1.6rem;border-radius:.8rem;background-color:white;-webkit-box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;z-index:3;min-width:42.3rem;right:0;opacity:0;-webkit-transform:translateY(4rem);transform:translateY(4rem);pointer-events:none;-webkit-transition:0.4s;transition:0.4s} @media screen and (max-width:1200px){.hd-dropdown{min-width:30rem} } .hd-dropdown::after{content:'';position:absolute;height:1rem;width:100%;bottom:100%;left:0} .hd-dropdown .heads{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.4rem;padding-bottom:1.6rem;margin-bottom:1.6rem;border-bottom:0.1rem solid var(--bd-gray)} .hd-dropdown .heads .txt{font-weight:700} .hd-dropdown .heads .link{color:#0265FA;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.hd-dropdown .heads .link:hover{color:var(--color-second)} } .hd-dropdown .bodies-btns{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#F3F3F3;border-radius:100rem;padding:.4rem;margin-bottom:1.6rem} .hd-dropdown .bodies-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.4rem 2rem;width:50%} .hd-dropdown .bodies-btn.active{background-color:white;border-radius:100rem;font-weight:700;color:var(--color-pri);-webkit-box-shadow:0px 4px 40px rgba(0, 0, 0, 0.1);box-shadow:0px 4px 40px rgba(0, 0, 0, 0.1)} .hd-invite{position:relative} .hd-invite-it{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .hd-invite-it:not(:first-child){margin-top:1.6rem} .hd-invite-it .user{gap:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .hd-invite-it .user img{width:3.2rem;height:3.2rem;-ms-flex-negative:0;flex-shrink:0;border-radius:100rem} .hd-invite-it .user .name{font-size:1.4rem} .hd-invite-it .action{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem} .hd-invite-it .action .xn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#21C245;padding:.4rem .8rem;border-radius:.5rem;border:0.1rem solid #21C245;font-size:1.4rem;gap:0.5rem;-webkit-transition:0.4s;transition:0.4s;height:2.9rem} .hd-invite-it .action .xn::before{content:'\f00c';display:block;font-family:"Font Awesome 6 Pro";font-size:1.2em} @media (hover:hover){.hd-invite-it .action .xn:hover{background-color:#21C245;color:white} } .hd-invite-it .action .tc{width:2.9rem;height:2.9rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.4rem;border:0.1rem solid #666666;color:#666666;border-radius:.5rem;-webkit-transition:0.4s;transition:0.4s} .hd-invite-it .action .tc i{font-size:1.2em;display:block} @media (hover:hover){.hd-invite-it .action .tc:hover{background-color:red;border-color:red;color:white} } .hd-invite:hover .hd-invite-dropdown{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:visible} .hd-invite.empty .hd-invite-dropdown{min-width:27rem} .hd-invite.empty .hd-invite-dropdown .heads, .hd-invite.empty .hd-invite-dropdown .bodies{display:none} .hd-invite-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;gap:1rem;font-size:1.4rem} .hd-invite-empty img{width:4.8rem;height:4.8rem;display:block;margin:0 auto} .hd-invite-empty .link{color:#0265FA;text-decoration:underline;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.hd-invite-empty .link:hover{color:var(--color-second)} } .hd-mess{position:relative} .hd-mess:hover .hd-mess-dropdown{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:visible} .hd-mess-it{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;padding:1.6rem;margin:0 -1.6rem;font-size:1.4rem;-webkit-transition:0.4s;transition:0.4s} .hd-mess-it .icon{width:4.8rem;height:4.8rem;-ms-flex-negative:0;flex-shrink:0;border-radius:100rem;position:relative} .hd-mess-it .icon img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover} .hd-mess-it .icon .cate{width:2rem;height:2rem;position:absolute;border-radius:100rem;z-index:2;right:0;bottom:0} .hd-mess-it .icon .cate img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .hd-mess-it .ctn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} .hd-mess-it .ctn .name{display:block;font-weight:700} .hd-mess-it .ctn .des{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .hd-mess-it .ctn .tt{font-size:1.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .hd-mess-it .ctn .tt .bold{font-weight:700;margin-right:0.5rem} @media (hover:hover){.hd-mess-it:hover{background-color:#F6F6F6} } .hd-mess-dropdown{min-width:31.7rem} .hd-cmt{position:relative} .hd-cmt-dropdown{min-width:31.7rem} .hd-cmt:hover .hd-cmt-dropdown{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:visible} .ft-top{background-color:var(--ft-top-bg);padding:4rem 0 1.8rem 0;border-top:0.1rem solid var(--bd-gray)} .ft-top-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2.4rem} .ft-top-wrapper .bodies{padding:2.4rem 0;border-bottom:0.1rem solid var(--bd-gray)} .ft-top-wrapper .footers{--w:26.7rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .ft-top-wrapper .footers .tt{font-weight:700;margin-bottom:1rem} .ft-top-wrapper .footers .des{margin-bottom:1rem} .ft-top-wrapper .footers ul{font-size:1.2rem} .ft-top-wrapper .locations ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.2rem 2.4rem;font-size:1.2rem;overflow:hidden} .ft-top-wrapper .locations ul li{position:relative} .ft-top-wrapper .locations ul li::after{content:'';position:absolute;left:-1.2rem;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:0.6rem;height:0.6rem;background:#A4A4A4;border-radius:100rem} @media (hover:hover){.ft-top-wrapper .locations-link:hover{color:var(--color-pri)} } .ft-info{width:calc(100% - var(--w))} @media screen and (max-width:768px){.ft-info{width:100%} } .ft-connect{width:var(--w);-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:end} @media screen and (max-width:768px){.ft-connect{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;margin-top:2.4rem} } .ft-regis{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem} @media screen and (max-width:768px){.ft-regis{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset} } .ft-regis-it{height:4.4rem} .ft-regis-it img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain} .ft-regis-it:nth-child(4){height:3.5rem} .ft-regis-it:nth-child(3){height:2rem} .ft-bot{padding:1.6rem 0;background-color:var(--ft-bot-bg)} .ft-bot-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;color:white} @media screen and (max-width:768px){.ft-bot-flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center} } .ft-bot-it{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5rem;overflow:hidden} @media screen and (max-width:768px){.ft-bot-it{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center} } .ft-bot-link{position:relative} .ft-bot-link::after{content:"|";position:absolute;left:-0.75rem;bottom:0.2rem} @media screen and (max-width:768px){.ft-bot-link::after{display:none} } .ft-logo{width:20.4rem} .ft-logo-link img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain} @media screen and (max-width:420px){.ft-logo{width:100%;margin-bottom:2rem} } .ft-form{background-color:white;padding:1.2rem;border-radius:.8rem;border:0.1rem solid var(--bd-gray);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} .ft-form .tt{--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz)} .ft-form .note{font-weight:700} .ft-form .form-ip{width:calc(50% - 6rem)} .ft-form .form-ip:last-child{width:12rem} .ft-form .form-ip:last-child .btn{width:100%} @media screen and (max-width:576px){.ft-form{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center} .ft-form .form-ip{width:100%} .ft-form .form-ip:not(:first-child){margin-top:1rem} .ft-form .form-ip:last-child{width:100% !important} .ft-form .form-ip:last-child .btn{width:100%} } @media screen and (max-width:768px){.ft-menu{-ms-flex-wrap:wrap;flex-wrap:wrap} } .ft-menu-item .wrapper .tt{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700;margin-bottom:2rem;line-height:1} .ft-menu-item .menu-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} @media (hover:hover){.ft-menu-item .menu-item:hover{color:var(--color-pri)} } @media screen and (max-width:600px){.ft{padding-bottom:6rem} } .ft .social-link{border-radius:100rem;border:none !important} .hd-burger{padding:1rem 0;cursor:pointer} .hd-burger.active .line:nth-child(1){-webkit-transform:translate3d(0, 0.3rem, 0) rotate(45deg) !important;transform:translate3d(0, 0.3rem, 0) rotate(45deg) !important} .hd-burger.active .line:nth-child(2){-webkit-transform:translate3d(0, -0.4rem, 0) rotate(135deg) !important;transform:translate3d(0, -0.4rem, 0) rotate(135deg) !important;width:2.4rem} .burger{position:relative} .hamburger .line{width:2.4rem;height:0.2rem;border-radius:.4rem;background:black;display:block;margin:0.5rem 0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-transform-origin:50% 50%;transform-origin:50% 50%} .hamburger .line:nth-child(2){width:1.8rem;margin-left:auto} .hamburger.active .ham{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)} .hamburger.active .ham .top{stroke-dashoffset:-98px} .hamburger.active .ham .bottom{stroke-dashoffset:-138px} .ham{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-transition:-webkit-transform 400ms;transition:-webkit-transform 400ms;transition:transform 400ms;transition:transform 400ms, -webkit-transform 400ms;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none} .ham .line{fill:none;-webkit-transition:stroke-dasharray 400ms, stroke-dashoffset 400ms;transition:stroke-dasharray 400ms, stroke-dashoffset 400ms;stroke:white;stroke-width:5.5;stroke-linecap:round} @media screen and (max-width:600px){.ham .line{stroke:white} } .ham .top{stroke-dasharray:40 140} .ham .bottom{stroke-dasharray:40 180} .mobile{position:fixed;z-index:140;top:var(--size-hd);left:0;bottom:0;min-width:32rem;width:var(--half);background-color:white;-webkit-box-shadow:0px 10px 24px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 24px rgba(0, 0, 0, 0.05);transition:0.8s ease;-webkit-transition:0.8s ease;-moz-transition:0.8s ease;-ms-transition:0.8s ease;-o-transition:0.8s ease;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;-webkit-transform:translateX(-110%);transform:translateX(-110%);background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#F5F5F5} @media screen and (max-width:500px){.mobile{width:30rem} } .mobile.sticky{top:var(--size-hd)} .mobile.open{-webkit-transform:translateX(0);transform:translateX(0)} @media screen and (min-width:1201px){.mobile{display:none;top:0} } .mobile-log{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;padding:1rem} .mobile-log .btn{width:calc(50% - 0.5rem)} .mobile-lg{padding:0 1.2rem;margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} .mobile-lg-tt{font-weight:600;color:var(--color-pri)} .mobile-lg-flex{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;position:relative} .mobile-lg-opt{width:2.8rem;height:2.8rem;padding:0.5rem;background-color:#f0f0f0;border-radius:100rem;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;-webkit-transition:0.4s;transition:0.4s} .mobile-lg-opt.active{background-color:var(--color-pri)} .mobile-lg-opt img{width:2.4rem;height:2.4rem} @media screen and (min-width:1201px){.mobile-lg{display:none} } .mobile-con{width:100%;height:100%;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .mobile-heading{font-size:1.8rem;line-height:1.5;color:var(--color-pri);font-weight:700;margin-bottom:2rem;text-transform:uppercase} .mobile-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:100;background-color:rgba(0, 0, 0, 0.8);transition:1s ease;-webkit-transition:1s ease;-moz-transition:1s ease;-ms-transition:1s ease;-o-transition:1s ease;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;opacity:0;visibility:hidden;-webkit-transform:translateX(-110%);transform:translateX(-110%);border-top:1px solid rgba(0, 0, 0, 0.1);top:var(--size-hd)} .mobile-overlay.sticky{top:var(--size-hd)} .mobile-overlay.open{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)} @media screen and (min-width:1201px){.mobile-overlay{display:none} } .mobile-wr{position:relative} .mobile-nav .menu-nav{overflow-y:auto} .mobile-nav .menu-nav::-webkit-scrollbar{width:0} .mobile-content{padding:1.2rem;margin-top:auto;-webkit-transition:0.8s;transition:0.8s;-webkit-transform:translateY(100%);transform:translateY(100%)} .mobile-content .titles{color:var(--color-pri);font-weight:700;margin-bottom:0;padding:0} .mobile-content .titles:not(:first-child){margin-top:2rem} .mobile-content .titles:first-child{margin-right:2rem;margin-bottom:1rem} .mobile-content-bl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.5rem;font-family:"Roboto", sans-serif} .mobile-content-bl .name{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700;font-size:1.4rem} .mobile-content-bl .name .ic{width:1.4rem;height:1.4rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;margin-right:0.8rem;-ms-flex-negative:0;flex-shrink:0;margin-top:0.4rem;border-radius:100rem;display:none} .mobile-content-bl .name .ic img{width:inherit;height:inherit} .mobile-content-bl .name-txt{display:block} .mobile-content-bl .name-txt a{word-break:break-word} .mobile-content-bl .val{font-size:1.4rem} .mobile-content .social{padding:1rem;background-color:black;border-radius:1rem} .mobile-content .social-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .mobile-content .social-link{width:3rem;height:3rem;border-radius:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .mobile-content .social-link img{width:inherit;height:inherit;border-radius:0;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)} .mobile-title{font-size:1.6rem;text-transform:uppercase;font-weight:600;margin-bottom:1.6rem} .mobile-mxh{position:absolute;bottom:0;left:0;width:100%;height:4rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid rgba(0, 0, 0, 0.1)} .mobile-mxh-link{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;background-color:white;cursor:pointer} .mobile-mxh-link:not(:first-child){border-left:1px solid rgba(0, 0, 0, 0.1)} .mobile-mxh-link img{width:2.4rem;height:2.4rem} .mobile-text{--f-sz:1.4rem;font-size:var(--f-sz);display:block;color:var(--color-pri);word-break:break-word;font-weight:500} .mobile-text:not(:last-child){margin-bottom:0.8rem} .mobile-account{position:absolute;top:1rem;left:1rem} .mobile-re{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .mobile-re-link{--f-sz:1.6rem;font-size:var(--f-sz);color:var(--color-pri);text-decoration:underline} .mobile-re-link:not(:first-child){margin-left:16px} .mobile-close{position:absolute;top:1rem;right:1rem;width:3.5rem;height:3.5rem;border:1px solidvar(--color-pri);display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;cursor:pointer;background-color:white} .mobile-close:hover .icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)} .mobile-close .icon{-webkit-transition:0.6s ease-in-out;transition:0.6s ease-in-out;font-weight:500;font-size:1.8rem;color:var(--color-pri)} .mobile-fl .fw-6{margin-bottom:0.8rem;margin-bottom:0.8rem;display:inline;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1.4rem} .mobile-fl .mobile-text{display:inline;font-size:1.4rem} .mobile-fl .dot{display:none} .mobile-lg{font-size:1.4rem} .mobile-wr{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .mobile-wr .mobile-nav{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .mobile-wr .mobile-nav .menu-nav{height:100%} .mobile-wr .mobile-nav .menu-nav > .menu-list > .menu-item > a{background-color:transparent;border-bottom:none;font-size:1.4rem;text-transform:uppercase;font-weight:700;padding:0} .mobile-wr .mobile-nav .menu-nav > .menu-list > .menu-item > a::after{display:none} .mobile-nav .menu-nav > .menu-list > .menu-item > .menu-link{font-size:2rem !important;font-weight:400 !important} .select2-container{height:4.8rem;background-color:transparent} .select2.select2-container{width:100% !important} .selection{width:100%} .select2-container--default .select2-selection--single{border:none;border-radius:0;color:white;height:4.8rem;background-color:transparent;border:0.1rem solid rgba(0, 0, 0, 0.1);display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%} .select2.select2-container .select2-selection--multiple{height:auto;min-height:34px} .select2-container .select2-selection--single .select2-selection__rendered{background-color:transparent;border:1px solid transparent;color:black;font-size:1.4rem;font-weight:400;display:inline !important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;width:100%} .select2.select2-container .select2-selection--multiple .select2-selection__rendered{display:block;padding:0 4px;padding-left:1.4rem} .select2-container .select2-dropdown{background:transparent;border:none} .select2-container .select2-dropdown .select2-search{padding:0} .select2-container .select2-dropdown .select2-results ul{background:white;color:black} .select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected]{background-color:var(--color-pri);font-size:1.6rem} @media screen and (max-width:700px){.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected]{font-size:1.4rem} } .select2-container--default .select2-results__option--selected{background-color:#e6eeed;color:black;font-size:1.6rem} @media screen and (max-width:700px){.select2-container--default .select2-results__option--selected{font-size:1.4rem} } .select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;border:none !important} .select2-container--default .select2-selection--single .select2-selection__arrow b{border:none !important;width:1.3rem !important;height:1.3rem !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .select2-container--default .select2-selection--single .select2-selection__arrow b::after{content:'\f078';font-family:"Font Awesome 6 Pro";color:var(--color-pri);font-weight:700;display:block;-webkit-transition:0.4s;transition:0.4s;font-size:1.3rem;color:#454545} .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);color:var(--color-pri)} .select2-search.select2-search--dropdown{display:none !important} .select2-results__option{font-size:1.6rem} @media screen and (max-width:700px){.select2-results__option{font-size:1.4rem} } .select2-results{display:block;border-radius:0 !important;overflow:hidden;border:0.1rem solid white} .select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-radius:0rem !important;border-color:var(--color-pri)} .select2-container .select2-selection--single .select2-selection__rendered{padding-left:1.8rem;font-weight:700;color:var(--color-text);padding-right:3rem} .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#384252;opacity:0.5} .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-left:-1.2rem} .select2-dropdown.custom-dropdown{z-index:9 !important} .select2-container .select2-dropdown .select2-search input{outline:none !important;border:none;border-bottom:none !important;padding:.4rem .6rem !important;color:var(--color-text);padding-left:2rem !important} .select2-dropdown.custom-dropdown .select2-search{display:block !important;margin-top:-4rem;height:2.8rem;width:calc(100% - 3.5rem);margin-left:0.1rem} .effectShine{position:relative;overflow:hidden} .effectShine::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)} .effectShine:hover::before{-webkit-animation:shine 1s;animation:shine 1s} .popup{position:fixed;left:0;top:0;right:0;bottom:0;z-index:999;visibility:hidden;pointer-events:none} .popup.open{visibility:visible;pointer-events:visible} .popup.open .popup-overlay{opacity:1;visibility:visible;height:100%} .popup.open .popup-main{opacity:1;visibility:visible;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition-delay:0.1s;-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-ms-transition-delay:0.1s;-o-transition-delay:0.1s;-webkit-transition:0.4s;transition:0.4s;opacity:1} .popup-overlay{position:absolute;background-color:rgba(0, 0, 0, 0.8);left:0;top:0;right:0;bottom:0;z-index:1;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out} .popup-main{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2;width:calc(100% - 3rem);max-width:95%;max-width:120rem;opacity:0;visibility:hidden} .popup-main-wrapper{border-radius:6px;position:relative;padding:2rem 0;background:white;border-radius:1rem} .popup-over{overflow-y:auto;min-height:40vh;max-height:80vh;max-width:calc(100% - 3rem);background-color:white;border-radius:0.8rem;margin:auto;position:relative;z-index:2} .popup-wrapper{width:100%;min-height:40vh;position:relative;padding:7rem 2rem 2rem 2rem} .popup-title{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700;text-transform:uppercase;text-align:center;margin-bottom:1.6rem} .popup-close:not(.nostyle){position:absolute;top:1.6rem;right:1.6rem;cursor:pointer;-webkit-transition:0.6s ease-in-out;transition:0.6s ease-in-out;width:3rem;height:3rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;border-radius:100rem;background-color:var(--color-pri);z-index:3} .popup-close:not(.nostyle):hover .icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)} .popup-close:not(.nostyle) .icon{color:white;font-weight:300;font-size:2.4rem;transition:0.6s ease-in-out;-webkit-transition:0.6s ease-in-out;-moz-transition:0.6s ease-in-out;-ms-transition:0.6s ease-in-out;-o-transition:0.6s ease-in-out;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s} .popup .popSearch{width:50rem} .popup .popSearch .popup-over{min-height:unset} .popup .popSearch .popup-wrapper{min-height:unset;padding:0rem;padding-top:3rem} .popup .popSearch .content-form{display:-webkit-box;display:-ms-flexbox;display:flex;border:0.1rem solid var(--color-pri);padding:0.5rem;border-radius:1rem;margin:auto;max-width:50rem} .popup .popSearch .content-form input{border:none;outline:none;background:transparent;width:100%;padding:0 2rem;font-size:1.6rem} .popup .popSearch .content-form button{-ms-flex-negative:0;flex-shrink:0;height:4rem} .popup .popWish .popup-over{min-height:unset} .popup .popWish .popup-wrapper{min-height:unset;padding:2rem;padding-top:3rem} @media screen and (max-width:370px){.popup .popWish .popup-wrapper{padding:3rem 0rem 0rem 0rem} } .popup .popWish .wish-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.5rem} .popup .popWish .wish-form input{width:100%;padding:1rem;border:0.1rem solid var(--color-pri);border-radius:1rem;font-size:1.6rem;color:var(--color-pri)} .popup .popWish .wish-bot{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem} .popup .popWish .wish-tt{font-size:2.4rem;font-weight:500;font-family:"Roboto", sans-serif} .popup .popWish .wish-note{font-size:1rem;font-weight:300} .dateTime{position:relative;height:4.4rem;z-index:2;border-radius:100rem} .dateTime img{width:2.4rem;height:2.4rem;position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;pointer-events:none;border-radius:unset} .dateTimeItem{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit} .dateTimeText{position:absolute;left:0;top:0;right:0;bottom:0;padding:0 2.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;background-color:transparent;z-index:2;font-size:1.4rem;color:#384252;opacity:.5;font-weight:400;font-family:"Roboto", sans-serif} .dateTimeText.disable{opacity:0;visibility:hidden} .dateTimeInput{padding:0.8rem 1.4rem;background-color:transparent;width:100%;font-family:"Roboto", sans-serif;border:none;outline:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;font-size:1.4rem;font-family:"Roboto", sans-serif;border-radius:inherit;background-color:white;font-family:"Roboto", sans-serif} .swiper-wrapper.row{-ms-flex-wrap:nowrap;flex-wrap:nowrap} .swiper.rows .col{margin-bottom:0} .swiper-container{overflow:hidden} .swiper-slide{height:initial;overflow:hidden} .swiper-pagination{position:static;margin-top:1.6rem} .swiper-pagination-bullet{--circle:-0.4rem;background-color:rgba(0, 0, 0, 0.1);opacity:1;position:relative;margin:0 1rem !important;-webkit-transition:0.4s;transition:0.4s;border-radius:100rem;height:1rem;width:1rem} .swiper-pagination-bullet::before{content:'';position:absolute;top:var(--circle);right:var(--circle);bottom:var(--circle);left:var(--circle);border:1px solid var(--color-pri);border-radius:100rem;opacity:0;-webkit-transition:0.1s ease-in-out;transition:0.1s ease-in-out;display:none} .swiper-pagination-bullet-active{background-color:var(--color-second);border-radius:10rem} .swiper-pagination-bullet-active::before{opacity:1} .swiper-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.6rem;--size:4.8rem} @media screen and (max-width:1400px){.swiper-control{--size:3rem} } .swiper-control-btn{width:var(--size);height:var(--size);border-radius:100rem;-ms-flex-negative:0;flex-shrink:0;background-color:var(--color-pri);border:.1rem solid #A4A4A4;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;cursor:pointer;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;z-index:5;position:relative;overflow:hidden;font-size:1.6rem;background-color:white} .swiper-control-btn::after{position:absolute;content:"";width:0;height:100%;top:0;right:0;background:var(--color-pri);-webkit-transition:all 0.4s ease;transition:all 0.4s ease;z-index:1;pointer-events:none} .swiper-control-btn > *{position:relative;z-index:2} .swiper-control-btn.swiper-button-disabled{background-color:white;cursor:default;-webkit-box-shadow:none;box-shadow:none;pointer-events:none;opacity:0} .swiper-control-btn i{color:#A4A4A4;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.swiper-control-btn:hover:not(.swiper-button-disabled){color:white !important} .swiper-control-btn:hover:not(.swiper-button-disabled)::after{left:0;width:100%} .swiper-control-btn:hover i{color:white} } .swiper-control.white .swiper-control-btn{background-color:transparent;border-color:white;color:white} @media screen and (max-width:1350px){.swiper-control.white.mobile-plus .swiper-control-btn{background-color:white;border-color:var(--color-pri);color:var(--color-pri)} } .swiper-control.posi .swiper-control-btn{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)} .swiper-control.posi.minus .swiper-prev{right:calc(100% + 1rem)} @media screen and (max-width:1350px){.swiper-control.posi.minus .swiper-prev{right:unset;left:calc(var(--size) / 2 * -1 + 1rem);display:none} } .swiper-control.posi.minus .swiper-next{left:calc(100% + 1rem)} @media screen and (max-width:1350px){.swiper-control.posi.minus .swiper-next{left:unset;right:calc(var(--size) / 2 * -1 + 1rem);display:none} } @media screen and (max-width:1199px){.swiper-control.posi.minus.mobile-plus .swiper-prev{left:calc((var(--size) / 2 * -1) + (1.5rem / 2))} .swiper-control.posi.minus.mobile-plus .swiper-next{right:calc((var(--size) / 2 * -1) + (1.5rem / 2))} } .swiper-control.posi.midle .swiper-prev{left:calc(var(--size) / 2 * -1)} @media screen and (max-width:1320px){.swiper-control.posi.midle .swiper-prev{left:0} } .swiper-control.posi.midle .swiper-next{right:calc(var(--size) / 2 * -1)} @media screen and (max-width:1320px){.swiper-control.posi.midle .swiper-next{right:0} } .swiper-control.posi.plus .swiper-prev{left:1rem} .swiper-control.posi.plus .swiper-next{right:1rem} @media screen and (max-width:1199px){.swiper-control.posi.mobile-plus .swiper-prev{left:calc((var(--size) / 2 * -1) + (1.5rem / 2))} .swiper-control.posi.mobile-plus .swiper-next{right:calc((var(--size) / 2 * -1) + (1.5rem / 2))} } .swiper-pagination-progressbar{background:rgba(0, 0, 0, 0.1);height:.4rem !important} .swiper-pagination-progressbar-fill{background-color:var(--color-second) !important} .breadcrumb{padding:1.2rem 0} .breadcrumb-list{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;gap:.8rem} .breadcrumb-item{font-size:1.2rem;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.8rem;font-weight:400;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:100vw} @media screen and (max-width:600px){.breadcrumb-item{font-size:1.4rem} } .breadcrumb-item:not(:first-child)::before{display:inline-block;content:'\f054';font-family:"Font Awesome 6 Pro";border-radius:100rem;vertical-align:middle;margin-right:0.8rem} .breadcrumb-item:last-child{color:var(--color-pri);pointer-events:none;font-weight:700;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:50rem} .breadcrumb-item:last-child .breadcrumb-link{opacity:1} @media (hover:hover){.breadcrumb-item:hover{color:var(--color-pri)} } .breadcrumb-link{color:inherit;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out} .breadcrumb.center .breadcrumb-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .white .breadcrumb{margin-left:0} .white .breadcrumb .container{padding-left:0} .white .breadcrumb-item{color:white} @media (hover:hover){.white .breadcrumb-item:hover{text-decoration:underline;color:white} } .white .breadcrumb-link{color:inherit;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out} .white .breadcrumb.center .breadcrumb-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .btn{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;cursor:pointer;border-radius:.5rem;font-weight:500;transition:0.2s ease;-webkit-transition:0.2s ease;-moz-transition:0.2s ease;-ms-transition:0.2s ease;-o-transition:0.2s ease;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;overflow:hidden;position:relative;background:transparent;gap:1rem;font-size:1.4rem;height:4.8rem;background-color:var(--color-pri);min-width:10rem;white-space:nowrap;padding:.5rem 2rem} .btn.full{width:100%} .btn.center{margin:auto;margin-top:2.4rem} .btn > *{position:relative;z-index:2} .btn::after{content:'';position:absolute;height:100%;width:100%;top:0;left:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transition:-webkit-transform 0.5s ease;transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease;transition:transform 0.5s ease, -webkit-transform 0.5s ease;background-color:var(--color-pri2)} .btn .txt{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;height:100%;-webkit-transition:0.4s;transition:0.4s;gap:1rem;color:white;line-height:1} .btn img{width:2rem;height:2rem;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.btn:hover{background-color:var(--color-pri)} .btn:hover .txt{color:white} .btn:hover::after{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:scaleY(1);transform:scaleY(1)} } @media screen and (max-width:1200px){.btn{height:4rem} .btn .txt{font-size:1.4rem} } .btn.second{background-color:unset;border:0.1rem solid var(--color-second);color:var(--color-second)} .btn.second .txt{color:var(--color-second)} .btn.second::after{background-color:#F29806} @media (hover:hover){.btn.second:hover{border-color:var(--color-second)} .btn.second:hover .txt{color:white} .btn.second:hover::after{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:scaleY(1);transform:scaleY(1)} } .btn.third{background-color:#21C245;border:0.1rem solid transparent;min-width:unset} .btn.third .txt{color:white;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse} .btn.third::after{background-color:#19a537} @media (hover:hover){.btn.third:hover{border-color:#19a537} .btn.third:hover img{-webkit-animation:download 1s linear infinite;animation:download 1s linear infinite;-webkit-filter:brightness(1) invert(0);filter:brightness(1) invert(0)} } .btn.four{background-color:transparent;border:0.1rem solid var(--color-pri)} .btn.four .txt{color:var(--color-pri)} .btn.four::after{background-color:var(--color-second2)} @media (hover:hover){.btn.four:hover{border-color:var(--color-second)} .btn.four:hover img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)} .btn.four:hover .txt{color:white} } .btn-gr{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem} .btn.five{background-color:white;border:0.1rem solid var(--color-second)} .btn.five img{width:1.6rem;height:1.6rem} .btn.five .txt{color:var(--color-second)} .btn.five::after{background-color:var(--color-second)} @media (hover:hover){.btn.five:hover{border-color:var(--color-second)} .btn.five:hover .txt{color:white} .btn.five:hover img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)} } .seeDetail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;font-weight:600;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.seeDetail:hover{color:var(--color-second)} } .input{font-family:"Roboto", sans-serif;width:100%} .input-area{height:auto} .re-label{color:black;font-weight:700;margin-bottom:0.8rem;display:block;font-size:1.4rem} .re-input{padding:1.4rem;width:100%;font-family:"Roboto", sans-serif;border:none;outline:none;display:block;border:0.1rem solid rgba(0, 0, 0, 0.1);border-radius:.8rem;font-size:1.4rem;font-weight:600} .re-input:focus{border-color:var(--color-second)} .re-input.placeholder{color:var(--color-text)} .re-input:-moz-placeholder{color:var(--color-text)} .re-input::-moz-placeholder{color:var(--color-text)} .re-input:-ms-input-placeholder{color:var(--color-text)} .re-input::-webkit-input-placeholder{color:var(--color-text)} textarea{resize:none} form .wpcf7-not-valid-tip{color:var(--color-pri);bottom:.1rem;right:.6rem} form .btn .wpcf7-spinner{position:absolute} form .wpcf7-form-control-wrap{display:block;position:relative} .page-numbers{display:-moz-flex;display:-ms-flex;display:-o-flex;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;position:relative;z-index:5} .page-numbers.right{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto} .page-numbers.left{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:auto} .page-numbers > li:not(:first-child){margin-left:8px} .page-numbers > li > .page-numbers{width:3.2rem;height:3.2rem;border-radius:100rem;padding-bottom:0.2rem;background-color:white;cursor:pointer;position:relative;overflow:hidden;color:var(--color-pri);font-weight:400;font-size:1.4rem;-webkit-transition:0.4s;transition:0.4s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;padding-top:0.5rem;border:0.1rem solid var(--color-pri)} .page-numbers > li > .page-numbers::after{position:absolute;content:"";width:0;height:100%;top:0;right:0;background:white;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;z-index:1;pointer-events:none} .page-numbers > li > .page-numbers img{width:3.6rem;height:2.2rem;position:relative;z-index:3} .page-numbers > li > .page-numbers:after{z-index:-1} @media (hover:hover){.page-numbers > li > .page-numbers:hover{-webkit-box-shadow:8px 8px 24px rgba(0, 0, 0, 0.08);box-shadow:8px 8px 24px rgba(0, 0, 0, 0.08)} .page-numbers > li > .page-numbers:hover:not(.dot){color:white} .page-numbers > li > .page-numbers:hover:not(.dot)::after{left:0;width:100%;background-color:var(--color-pri)} } .page-numbers > li > .page-numbers.current{color:var(--color-pri);border:0.1rem solid var(--color-pri);-webkit-box-shadow:8px 8px 24px rgba(0, 0, 0, 0.08);box-shadow:8px 8px 24px rgba(0, 0, 0, 0.08)} .page-numbers > li > .page-numbers.current img{-webkit-filter:brightness(1) invert(1);filter:brightness(1) invert(1)} .page-numbers > li > .page-numbers.current::after{left:0;width:100%} .page-numbers > li > .page-numbers.prev, .page-numbers > li > .page-numbers.next{background-color:white;width:2.4rem;height:2.4rem;padding-top:0} .page-numbers > li > .page-numbers.prev::after, .page-numbers > li > .page-numbers.next::after{position:absolute;content:"";width:0;height:100%;top:0;right:0;background:#F6F5F7;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;z-index:1;pointer-events:none} .page-numbers > li > .page-numbers.prev img, .page-numbers > li > .page-numbers.next img{height:1.2rem;width:1.2rem} @media (hover:hover){.page-numbers > li > .page-numbers.prev:hover::after, .page-numbers > li > .page-numbers.next:hover::after{background-color:transparent} } .page-numbers > li > .page-numbers.dot{background-color:transparent;border:none} .page-numbers > li > .page-numbers i{font-weight:400} .c-pri{color:var(--color-pri)} .c-second{color:var(--color-second)} .c-third{color:var(--color-pri)} .c-four{color:var(--color-second)} .c-five{color:var(--color-second)} .c-white{color:white} .c-black{color:black} .c-txt{color:var(--color-text)} .c-txt-s{color:var(--color-text)} .bc-pri{background-color:var(--color-pri)} .bc-second{background-color:var(--color-second)} .bc-third{background-color:var(--color-pri)} .bc-four{background-color:var(--color-second)} .bc-five{background-color:var(--color-second)} .over-hd{overflow:hidden} .z-i-1{z-index:1} .z-i-2{z-index:2} .z-i-3{z-index:3} .z-i-4{z-index:4} .z-i-5{z-index:5} .m-mid{margin:0 auto} .m-end{margin-left:auto} .m-top{margin-top:2.4rem} .m-start{margin-right:auto} .f-mid{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center} .f-end{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} .lg-download, #lg-actual-size, #lg-share{display:none} .lg-backdrop, .lg-outer{z-index:99999} .lg-outer .lg-thumb-item{border:0.2rem solid var(--color-pri);-webkit-transition:0.2s ease;transition:0.2s ease} .lg-outer .lg-thumb-item.active{border-color:var(--color-pri)} @media (hover:hover){.lg-outer .lg-thumb-item:hover{border-color:var(--color-pri)} } .lg-prev.lg-icon::after{display:none} .lg-next.lg-icon::before{display:none} .lg-prev.lg-icon, .lg-next.lg-icon{width:4rem;height:4rem} .lg-prev.lg-icon i, .lg-next.lg-icon i{background:var(--color-pri) -ln;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent} .lg-outer .lg-thumb-outer{background-color:#000} .lg-close.lg-icon{background:var(--color-pri) -ln;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent} .lg-outer .lg-toogle-thumb{background:var(--color-pri) -ln;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;width:4rem;height:4rem} .lg-img-wrap{border-radius:.8rem} .lg-thumb-item{border-radius:.8rem} .lg-outer .lg-thumb{margin:0 auto -5px} .tabPanel{display:none} .tabBtn{cursor:pointer} .orders-table .status, table .status{font-weight:700} .orders-table .status.waiting, table .status.waiting{color:#F2C524} .orders-table .status.success, table .status.success{color:var(--color-pri)} .orders-table .status.cancle, table .status.cancle{color:#D31D1D} .slider{position:relative} .relative{position:relative} .head{margin-bottom:3.2rem} @media screen and (max-width:1200px){.head{margin-bottom:2rem} } .head.space{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .head.center{-webkit-box-align:center;-ms-flex-align:center;align-items:center} .head.end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end} .head.start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start} @media screen and (max-width:700px){.head.mb-center{text-align:center} .head.mb-center .left{width:100%} .head.mb-center .right{width:100%} .head.mb-center .cdw{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .head.mb-center .btn{margin:0 auto} } .head.t-center{text-align:center} .hv-bd{position:relative} .hv-bd::before{content:'';position:absolute;left:0.8rem;top:0.8rem;right:0.8rem;bottom:0.8rem;border:0.1rem solid white;z-index:1;-webkit-transition:.3s all ease-in-out;transition:.3s all ease-in-out;-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0;border-radius:1rem} .hv-bd img{-webkit-transition:.3s all ease-in-out;transition:.3s all ease-in-out} @media (hover:hover){.hv-bd:hover::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)} .hv-bd:hover img{transform:translate(-50%, -50%) scale(1.05);-webkit-transform:translate(-50%, -50%) scale(1.05);-moz-transform:translate(-50%, -50%) scale(1.05);-o-transform:translate(-50%, -50%) scale(1.05)} } .gItem{cursor:pointer} .parallaxJS img{position:relative} @media screen and (min-width:1201px){.hidden-desk{display:none !important} } @media screen and (max-width:1199px){.hidden-mobile{display:none !important} } .full{width:100%} .wp-block-image img{display:block;margin:0 auto} .calendar-table td{width:3.2rem !important;height:3.2rem !important;border:0.4rem solid white !important;border-radius:1.2rem !important} .calendar-table td.today{background:#DFE4EA;color:var(--color-pri)} .calendar-table td.active{background:var(--color-pri);color:white} @media (hover:hover){.calendar-table td.active:hover{background:var(--color-pri)} } .calendar-table th.next{background:#DFE4EA;width:3.2rem !important;height:3.2rem !important;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center} .calendar-table th.next span{-webkit-transform:none !important;transform:none !important;border:none !important} .calendar-table th.next span::after{content:"\f054";font-family:"Font Awesome 6 Pro";color:var(--color-pri)} .calendar-table th.prev{background:#DFE4EA;width:3.2rem !important;height:3.2rem !important;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center} .calendar-table th.prev span{-webkit-transform:none !important;transform:none !important;border:none !important} .calendar-table th.prev span::after{content:"\f053";font-family:"Font Awesome 6 Pro";color:var(--color-pri)} .daterangepicker{border:none;-webkit-box-shadow:0px 6px 15px 0px rgba(64, 79, 104, 0.05);box-shadow:0px 6px 15px 0px rgba(64, 79, 104, 0.05);border-radius:1rem} .daterangepicker::before, .daterangepicker::after{content:none} .range .range-slider{height:0.2rem;width:100%;background-color:#d9d9d9;position:relative} .range .range-slider .progress{position:absolute;height:0.2rem;top:0;background-color:var(--color-second)} .range .range-input{position:relative} .range .range-input input{position:absolute;top:-0.1rem;height:0.2rem;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;pointer-events:none;-webkit-appearance:none;margin:0;cursor:pointer} .range .range-input input:first-child::-webkit-slider-thumb{height:1.6rem;width:1.6rem} .range .range-input input::-webkit-slider-thumb{height:1.6rem;width:1.6rem;border-radius:50%;pointer-events:auto;-webkit-appearance:none;background-color:white;border:0.3rem solid var(--color-second)} .range .range-input input::-moz-slider-thumb{height:1.6rem;width:1.6rem;border:none;border-radius:50%;border:0.3rem solid var(--color-second);pointer-events:auto;-moz-appearance:none;background-color:white;box-shadow:3px 3px 6px rgba(0, 0, 0, 0.16)} .range .text{margin-top:1.6rem;font-size:1.6rem;color:#444444;margin-bottom:0.8rem} .range .range-flex{display:-moz-flex;display:-ms-flex;display:-o-flex;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-bottom:2rem} .range .range-item{font-size:1.4rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-weight:500} .range .range-item .name{margin-bottom:0.5rem} .range .range-item .price{padding:1.4rem 1rem;background-color:white;min-width:12rem;display:block;border:0.1rem solid #E0E0E0} .star{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .star-flex{gap:0.3rem} .star .star-list{height:unset} .star .star-empty i{color:#dedede;font-size:1.4rem} .star .star-filter i{color:#FFC107;font-size:1.4rem} .collapse-item.active .collapse-head{pointer-events:none} .collapse-head{cursor:pointer} .collapse-body{display:none} .cls-head{cursor:pointer} .cls-body{display:none} .rating{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem} .rating .stars{cursor:pointer} .rating .stars i{color:#FCC21F} .rating .stars.active i{color:#FCC21F;font-weight:900} .rating .stars.active img{-webkit-filter:brightness(0) saturate(100%) invert(71%) sepia(51%) saturate(6906%) hue-rotate(355deg) brightness(95%) contrast(88%);filter:brightness(0) saturate(100%) invert(71%) sepia(51%) saturate(6906%) hue-rotate(355deg) brightness(95%) contrast(88%)} .rating .star{width:2rem;height:2rem;background:gray;display:block} .form-ip .text{display:block;color:var(--color-text);margin-bottom:0.5rem;font-weight:700;font-size:1.6rem} .form-ip .text .red{color:red;font-weight:400} .form-ip .input{position:relative} .form-ip .input .seepassJS{position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--color-text);cursor:pointer} .form-ip input, .form-ip textarea{border:0.1rem solid transparent;border-radius:0.8rem;outline:none;padding:1.2rem;width:100%;-webkit-transition:0.4s;transition:0.4s;font-size:1.6rem;height:4.8rem;font-weight:400;background-color:#F4F4F4} .form-ip input.placeholder, .form-ip textarea.placeholder{color:#475569;opacity:0.5} .form-ip input:-moz-placeholder, .form-ip textarea:-moz-placeholder{color:#475569;opacity:0.5} .form-ip input::-moz-placeholder, .form-ip textarea::-moz-placeholder{color:#475569;opacity:0.5} .form-ip input:-ms-input-placeholder, .form-ip textarea:-ms-input-placeholder{color:#475569;opacity:0.5} .form-ip input::-webkit-input-placeholder, .form-ip textarea::-webkit-input-placeholder{color:#475569;opacity:0.5} .form-ip input:focus, .form-ip textarea:focus{border-color:var(--color-pri)} @media screen and (max-width:1200px){.form-ip input{height:4rem} } .form-ip textarea{min-height:10rem} .form-ip.per25{width:calc(100% / 4)} .form-ip.per3{width:calc(100% / 3)} .form-ip.per5{width:50%} @media screen and (max-width:500px){.form-ip.per5{width:100%} } .form-ip .select2-container--default .select2-selection--single{border-radius:0.8rem;background-color:#F5F5F5;border-color:transparent} .form-ip .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#384252;font-size:1.6rem;font-weight:500} .form-ip .select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-radius:0.8rem !important} .form-ip .select2-container .select2-selection--single .select2-selection__rendered{font-weight:500;font-size:1.6rem;color:#384252} .form-ip .dateTime{width:100%} .tabOneCtrls, .tabTwoCtrls, .tabThreeCtrls{display:-webkit-box;display:-ms-flexbox;display:flex} .tabOneCtrl, .tabTwoCtrl, .tabThreeCtrl{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer} .tabOneCtrl.active .txt, .tabTwoCtrl.active .txt, .tabThreeCtrl.active .txt{border-color:var(--color-pri) !important;color:var(--color-pri) !important;font-weight:700} .tabOneCtrl.active .txt img, .tabTwoCtrl.active .txt img, .tabThreeCtrl.active .txt img{-webkit-filter:brightness(0) saturate(100%) invert(22%) sepia(16%) saturate(5418%) hue-rotate(195deg) brightness(104%) contrast(93%) !important;filter:brightness(0) saturate(100%) invert(22%) sepia(16%) saturate(5418%) hue-rotate(195deg) brightness(104%) contrast(93%) !important} .tabOneCtrl.active .txt::after, .tabTwoCtrl.active .txt::after, .tabThreeCtrl.active .txt::after{background-image:url("../assets/images/radio-fill.svg") !important} .tabOneCtrl.active .circle::after, .tabTwoCtrl.active .circle::after, .tabThreeCtrl.active .circle::after{background-image:url("../assets/images/radio-fill.svg") !important} .tabOneCtrl:hover, .tabTwoCtrl:hover, .tabThreeCtrl:hover{color:var(--color-pri)} .tabOnePanel, .tabTwoPanel, .tabThreePanel{display:none} .tabOnePanel .homes-find-where, .tabTwoPanel .homes-find-where, .tabThreePanel .homes-find-where{width:100%} .active{display:block} .popup-service-item .btn .txt:nth-child(2){display:none} .popup-service-item.active .btn .txt:nth-child(1){display:none} .popup-service-item.active .btn .txt:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex} .reques-action-list-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem} .reques-action-list .reques-action-item{padding:.4rem .8rem;border-radius:.8rem;background-color:#F6F6F6;-webkit-transition:0.4s;transition:0.4s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem} @media (hover:hover){.reques-action-list .reques-action-item:hover{background-color:#E4F1FA;color:var(--color-pri)} } .reques-action-list .reques-action-item .remove{width:2rem;height:2rem;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.4s;transition:0.4s;cursor:pointer;margin-left:auto} @media (hover:hover){.reques-action-list .reques-action-item .remove:hover{color:red} } @media screen and (max-width:500px){.reques-action-list .reques-action-item{width:100%;background-color:#E4F1FA;color:var(--color-pri)} } .promotion-side .list-link{cursor:pointer;display:block} .promotion-side .link{cursor:pointer} .homes-find-label input[type="radio"]{display:none} .homes-find-label .homes-find-wrap{display:none} .homes-find-label input:checked ~ .homes-find-wrap{display:block !important} .homes-find-label .homes-find-where .form-ip:nth-child(n+1){-webkit-box-ordinal-group:unset !important;-ms-flex-order:unset !important;order:unset !important} .homes-find-label .homes-find-where .form-ip .text{font-size:1.4rem !important} .homes-find-label .homes-find-where .form-ip .input-search{position:relative} .homes-find-label .homes-find-where .form-ip .input-search input{padding-left:4rem} .homes-find-label .homes-find-where .form-ip .input-search-btn{width:2rem;height:2rem;position:absolute;left:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .homes-find-label .homes-find-where .form-ip .input-search-btn img{width:inherit;height:inherit} .homes-find-label .homes-find-where .form-ip input{background-color:white;border:0.1rem solid rgba(0, 0, 0, 0.1)} .homes-find-label .homes-find-where .form-ip:nth-child(1){width:var(--w1)} .homes-find-label .homes-find-where .form-ip:nth-child(2){width:calc(100% - var(--w1) - var(--w2) - var(--w3) - 1.5rem)} .homes-find-label .homes-find-where .form-ip:nth-child(3){width:var(--w2)} .homes-find-label .homes-find-where .form-ip:nth-child(4){width:var(--w3)} @media screen and (max-width:992px){.homes-find-label .homes-find-where .form-ip:nth-child(1){width:50%} .homes-find-label .homes-find-where .form-ip:nth-child(2){width:100%;-webkit-box-ordinal-group:0 !important;-ms-flex-order:-1 !important;order:-1 !important} .homes-find-label .homes-find-where .form-ip:nth-child(3){width:50%} .homes-find-label .homes-find-where .form-ip:nth-child(4){width:100%} } .homes-find-label.f1 .homes-find-where .form-ip{--w1:14.6rem;--w2:25rem;--w3:4.8rem} .homes-find-label.f2 .homes-find-where .form-ip{--w1:calc(100% - 4.8rem - 1.5rem);--w2:0;--w3:4.8rem} @media screen and (max-width:992px){.homes-find-label.f2 .homes-find-where .form-ip:nth-child(n + 1){width:50%} .homes-find-label.f2 .homes-find-where .form-ip:nth-child(1){-webkit-box-ordinal-group:0 !important;-ms-flex-order:-1 !important;order:-1 !important} } @media screen and (max-width:500px){.homes-find-label.f2 .homes-find-where .form-ip:nth-child(n + 1){width:100%} } .homes-find-label.f3fcl .homes-find-where .form-ip{--w1:14.6rem;--w2:25rem;--w3:4.8rem} @media screen and (max-width:390px){.homes-find-label.f3 .homes-find-where .form-ip:nth-child(n + 1){width:100% !important} } .homes-find-label.fwarehouse .homes-find-where .form-ip:nth-child(n + 1){width:calc(100% / 5 - 1.3rem)} .homes-find-label.fwarehouse .homes-find-where .form-ip:last-child{width:4.8rem} @media screen and (max-width:992px){.homes-find-label.fwarehouse .homes-find-where .form-ip:nth-child(n + 1){width:50%} .homes-find-label.fwarehouse .homes-find-where .form-ip:last-child{width:100%} } @media screen and (max-width:390px){.homes-find-label.fwarehouse .homes-find-where .form-ip:nth-child(n + 1){width:100% !important} } .ss-pd{padding:var(--pd-sc) 0} .ss-pd-t{padding-top:var(--pd-sc)} .ss-pd-b{padding-bottom:var(--pd-sc)} .recheck-item{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer} .recheck-item.active .recheck-checkbox::before{opacity:1} .recheck-item.active .recheck-radio{border:0.1rem solid var(--color-pri)} .recheck-item.active .recheck-radio::before{opacity:1} .recheck-checkbox{width:1.6rem;height:1.6rem;border-radius:0.4rem;background-color:transparent;border:1px solid var(--color-pri);position:relative;-ms-flex-negative:0;flex-shrink:0} .recheck-checkbox::before{content:"";position:absolute;left:-0.2rem;top:-0.2rem;right:-0.2rem;bottom:-0.2rem;background-image:url(../assets/images/tick.svg);background-repeat:no-repeat;background-position:center;background-size:cover;background-size:cover;-webkit-transition:0.1s ease-in-out;transition:0.1s ease-in-out;opacity:0} .recheck-radio{width:1.6rem;height:1.6rem;border-radius:100rem;border:0.1rem solid var(--color-text);-ms-flex-negative:0;flex-shrink:0;position:relative} .recheck-radio::before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0.8rem;height:0.8rem;border-radius:100rem;background-color:var(--color-pri);opacity:0} .recheck-method{width:4.8rem;height:4.8rem;border:0.1rem solid #EBEBEB;border-radius:0.8rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;margin-left:0.8rem} .recheck-method img{width:2.4rem;height:2.4rem} .recheck-text{margin-left:0.8rem;line-height:1.1;color:var(--color-text)} .star{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:start} .star-list{position:relative;height:2rem} .star-flex{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex} .star-flex .icon{width:1.8rem;height:1.8rem} .star-flex .icon:not(:first-child){margin-left:0.4rem} .star-filter{overflow:hidden;position:absolute;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);left:0;height:100%;width:0} @media screen and (max-width:1200px){.side-fixed{position:fixed;width:300px;max-width:100%;top:0;bottom:0;right:0;background-color:white;z-index:151;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;opacity:0;-webkit-transform:translateX(110%);transform:translateX(110%);visibility:hidden} .side-fixed.open{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);visibility:visible} } @media screen and (max-width:1200px){.side-fixed-wrap{padding:5.5rem 1.5rem 1.5rem 1.5rem;width:100%;height:100%;overflow-y:auto} } .side-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.6);z-index:50;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;opacity:0;-webkit-transform:translateX(110%);transform:translateX(110%);visibility:hidden} .side-overlay.open{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);visibility:visible} @media screen and (min-width:1201px){.side-overlay{display:none} } .side-open:not(.no-style){width:4rem;height:4rem;position:fixed;right:0;z-index:40;background-color:var(--color-pri);display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;border-radius:100rem 0 0 100rem;cursor:pointer;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out} .side-open:not(.no-style).close{opacity:0;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);visibility:visible} @media screen and (min-width:1201px){.side-open:not(.no-style){display:none} } .side-open:not(.no-style)-wrap{width:3rem;height:3rem;border-radius:100rem;background-color:white;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center} .side-open:not(.no-style)-wrap .icon{color:white;font-weight:600;font-size:1.6rem} .side-open-wrap{width:4rem;height:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .side-open-wrap .icon{color:white} .side-top{position:absolute;top:0;left:0;width:100%;height:4.5rem;padding:0 0 0 1.5rem;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;color:white;background-color:var(--color-second)} @media screen and (min-width:1201px){.side-top{display:none} } .side-top .text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden} .side-close{position:absolute;top:0;right:0;width:3rem;height:3rem;background-color:var(--color-pri);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0 0 0 0.4rem} .side-close .icon{font-size:1.8rem;font-weight:400;-webkit-transition:0.6s ease-in-out;transition:0.6s ease-in-out;color:white} @media screen and (min-width:1201px){.side-close{display:none} } .social-list{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.2rem} .social-link{display:block;width:4rem;height:4rem;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;cursor:pointer;position:relative;-ms-flex-negative:0;flex-shrink:0} .social-link::after{content:'';position:absolute;height:100%;width:100%;background-color:white;border-radius:100rem;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:0.4s;transition:0.4s} .social-link:hover{-webkit-box-shadow:rgba(0, 0, 0, 0.315) 0px 4px 8px;box-shadow:rgba(0, 0, 0, 0.315) 0px 4px 8px} .social-link img{height:100%;width:100%;display:block;position:relative;z-index:2} .sidefix{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;right:3rem;bottom:12rem;z-index:3;gap:2rem;display:none} @media screen and (max-width:768px){.sidefix{right:1.5rem} } @media screen and (max-width:600px){.sidefix{bottom:11rem} } .sidefix-item{position:relative;padding:0.5rem;border-radius:100rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;cursor:pointer} .sidefix-item::after{content:'';position:absolute;height:100%;width:100%;border-radius:inherit;-webkit-animation:grows 4s linear infinite;animation:grows 4s linear infinite;background-color:var(--color-pri)} .sidefix-item::before{content:'';position:absolute;height:100%;width:100%;border-radius:inherit;-webkit-animation:grows 4s linear infinite;animation:grows 4s linear infinite;-webkit-animation-delay:2s;animation-delay:2s;background-color:var(--color-pri)} .sidefix-item:hover .sidefix-sub{-webkit-transform:scale(1);transform:scale(1)} .sidefix-item:nth-child(1){background-color:var(--color-pri)} .sidefix-item:nth-child(1)::after, .sidefix-item:nth-child(1)::before{background-color:var(--color-pri)} .sidefix-item:nth-child(1)::after{content:attr(data-text);height:2.4rem;-webkit-animation:none;animation:none;right:0;padding:0.6rem 1.2rem;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear, left top, right top, from(#FFD004), color-stop(203.74%, #FF9B05));background:linear-gradient(90deg, #FFD004 0%, #FF9B05 203.74%);color:white;font-weight:700;z-index:-1;overflow:hidden;-webkit-transition:0.4s;transition:0.4s;width:1rem;white-space:nowrap} @media screen and (max-width:600px){.sidefix-item:nth-child(1)::after{display:none} } .sidefix-item:nth-child(1):hover::after{width:14rem} .sidefix-sub{position:absolute;background:var(--color-pri);right:calc(100% + 1rem);padding:1.5rem 1rem;border-radius:1rem;bottom:0;min-width:20rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:0.4s;transition:0.4s;-webkit-transform-origin:right bottom;transform-origin:right bottom} .sidefix-sub::before{content:'';position:absolute;left:100%;width:1rem;height:100%;top:0} .sidefix-sub::after{content:'';position:absolute;width:0;height:0;border-top:0.5rem solid transparent;border-bottom:0.5rem solid transparent;border-left:0.5rem solid var(--color-pri);left:100%;bottom:1.5rem} .sidefix-sub-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} .sidefix-sub-item:not(:first-child){margin-top:1.2rem} .sidefix-sub-item img{width:3.2rem;height:3.2rem} .sidefix-sub-item .text{font-size:1.4rem;line-height:1.2} .sidefix-sub-item .text-name{display:block;color:white;font-weight:500} .sidefix-sub-item .text-link{color:white} @media (hover:hover){.sidefix-sub-item .text:hover .text-link{text-decoration:underline} } .sidefix-link{width:3rem;height:3rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;position:relative;z-index:2} .sidefix-link img{width:3rem;height:3rem} @media screen and (max-width:600px){.sidefix-link{width:3rem;height:3rem} .sidefix-link img{width:3rem;height:3rem} } .scrollContainer{overflow-x:auto;overflow-y:hidden} .scrollContainer::-webkit-scrollbar{height:0} .scrollContainer .buttons{-ms-flex-negative:0;flex-shrink:0} .text-hori .char{-webkit-transition:0.6s calc(var(--char-index) * 0.02s) ease-in-out;transition:0.6s calc(var(--char-index) * 0.02s) ease-in-out;-webkit-transform:translateX(4rem);transform:translateX(4rem);opacity:0} .text-hori.is-inview .char{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} .text-verti .char{-webkit-transition:0.6s calc(var(--char-index) * 0.02s) ease-in-out;transition:0.6s calc(var(--char-index) * 0.02s) ease-in-out;-webkit-transform:translateY(4rem);transform:translateY(4rem);opacity:0} .text-verti.is-inview .char{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} .text-scale .char{-webkit-transition:0.6s calc(var(--char-index) * 0.02s) ease-in-out;transition:0.6s calc(var(--char-index) * 0.02s) ease-in-out;-webkit-transform:scale(0);transform:scale(0);opacity:0} .text-scale.is-inview .char{-webkit-transform:scale(1);transform:scale(1);opacity:1} .t-second{color:var(--color-second) !important} .fw6{font-weight:600 !important} .count{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;border:0.1rem solid rgba(0, 0, 0, 0.1);border-radius:0.8rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0.5rem;gap:1rem} .count-btn{width:3rem;height:3rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;cursor:pointer;border-radius:0.4rem;-webkit-transition:0.4s;transition:0.4s} .count-btn i{font-size:1rem} @media (hover:hover){.count-btn:hover{background:var(--color-pri);color:white} } .mona-content h3{--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz);font-weight:600;font-family:"Roboto", sans-serif;color:var(--color-pri)} .mona-content blockquote{margin:0 !important;padding-left:3rem !important;border-left:0.2rem solid var(--color-pri) !important;background:transparent !important} .mona-content blockquote::before{content:none !important} .mona-content blockquote p{color:var(--color-second) !important;font-style:italic !important;font-size:1.8rem !important;font-weight:700} .mona-content .wp-block-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2.4rem} @media screen and (max-width:650px){.mona-content .wp-block-flex{gap:1.2rem} } .mona-content .wp-block-flex .wp-block-image{width:calc(100% / 3 - (2.4rem - (2.4rem / 3)))} @media screen and (max-width:650px){.mona-content .wp-block-flex .wp-block-image{width:calc(100% / 2 - (1.2rem - (1.2rem / 2)))} } .mona-content .wp-block-image{border-radius:var(--radius)} .mona-content .wp-block-image:not(:first-child){margin-top:2.4rem} .mona-content .wp-block-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block} .mona-content img{border-radius:var(--radius);width:100%} .mona-content .recipes p, .mona-content .recipes ul{margin:0} .mona-content .recipes-tt{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);text-decoration:underline;text-underline-position:under;font-weight:600;margin-bottom:1rem !important} .mona-content .recipes-material{list-style:square;list-style-position:inside} .mona-content .recipes-step{list-style:decimal;list-style-position:inside} .hover-rec::after{content:'';position:absolute;left:0rem;top:0rem;right:0rem;bottom:0rem;border:0.1rem solid transparent;border-radius:inherit;-webkit-transition:0.2s;transition:0.2s;pointer-events:none} @media (hover:hover){.hover-rec:hover::after{left:2%;top:2%;right:2%;bottom:2%;border-color:var(--color-second)} } .checker{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#4D4D4D} .checker .sqr{width:2.4rem;height:2.4rem;-ms-flex-negative:0;flex-shrink:0;position:relative;display:block;margin-top:-0.1rem} .checker .sqr::after{content:'';position:absolute;width:100%;height:100%;background-image:url("../assets/images/check-empty.svg");background-repeat:no-repeat;background-position:center;background-size:cover;left:0;top:0} .checker .circle{width:2.4rem;height:2.4rem;-ms-flex-negative:0;flex-shrink:0;position:relative;display:block} .checker .circle::after{content:'';position:absolute;width:100%;height:100%;background-image:url("../assets/images/radio-empty.svg");background-repeat:no-repeat;background-position:center;background-size:cover;left:0;top:0} .checker .txt{display:block;color:var(--text-color)} @media screen and (max-width:500px){.checker .txt{font-size:1.4rem} } .checker .txt-link{color:var(--color-pri);font-weight:500;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.checker .txt-link:hover{color:var(--color-second)} } .checker .num{margin-left:auto} .checker input{display:none} .checker input:checked ~ .sqr::after{background-image:url("../assets/images/check-fill.svg")} .checker input:checked ~ .sqr + .txt{color:var(--color-pri)} .checker input:checked ~ .circle::after{background-image:url("../assets/images/radio-fill.svg")} .checker input:checked ~ .circle + .txt{color:var(--color-pri)} #typing-container{display:inline-block;overflow:hidden;width:auto} #typing-text{--f-sz:clamp(2rem, calc(0.3934rem + 2.2951vw), 4.8rem);font-size:var(--f-sz);font-family:"Roboto", sans-serif;display:inline;color:white;font-weight:700;line-height:1.2} @media screen and (max-width:500px){#typing-text{--f-sz:clamp(2.4rem, calc(2.0557rem + 0.4918vw), 3rem);font-size:var(--f-sz)} } #cursor{display:inline;border-right:0.2rem solid white;padding-right:0.5rem;--f-sz:clamp(3rem, calc(2.1967rem + 1.1475vw), 4.4rem);font-size:var(--f-sz);font-family:"Roboto", sans-serif;-webkit-animation:blink-caret 0.75s step-end infinite;animation:blink-caret 0.75s step-end infinite} @-webkit-keyframes blink-caret{from, to{border-color:transparent} 50%{border-color:white} } @keyframes blink-caret{from, to{border-color:transparent} 50%{border-color:white} } .found{position:fixed;width:100vw;top:var(--size-hd);left:0;z-index:98;-webkit-transition:0.4s;transition:0.4s;opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);pointer-events:none} @media screen and (max-width:1200px){.found{top:6rem;z-index:-1} } .found.open{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:visible} .found.open .found-f .tt{opacity:1;-webkit-transition:0.4s;transition:0.4s;-webkit-transition-delay:0.4s;transition-delay:0.4s;-webkit-transform:translateX(0);transform:translateX(0)} .found.open .found-f .found-form{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:0.4s;transition:0.4s;-webkit-transition-delay:0.6s;transition-delay:0.6s} .found.open .found-x{-webkit-transition:0.4s;transition:0.4s;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-delay:0.4s;transition-delay:0.4s} @media (hover:hover){.found.open .found-x:hover{-webkit-transition-delay:0s;transition-delay:0s;background-color:#488365;color:white} } .found-over{height:100%;width:100%;position:fixed;top:var(--size-hd);height:calc(100vh - var(--size-hd));left:0;width:100vw;-webkit-transition:0.4s;transition:0.4s;background-color:rgba(0, 0, 0, 0.5);z-index:-1} .found-wr{background-color:white;padding:4.8rem;padding:1.5rem 0} .found-f{margin:auto} .found-f .tt{--f-sz:clamp(2.2rem, calc(1.6262rem + 0.8197vw), 3.2rem);font-size:var(--f-sz);font-weight:600;margin-bottom:1rem;opacity:0;-webkit-transform:translateX(4rem);transform:translateX(4rem)} .found-form{height:4.8rem;position:relative;-webkit-transform:translateX(4rem);transform:translateX(4rem);opacity:0} @media screen and (max-width:500px){.found-form{height:4rem} } .found-form input{width:100%;height:100%;border:0.1rem solid #E0E0E0;-webkit-transition:0.4s;transition:0.4s;padding:1rem;font-size:1.6rem;border-radius:1rem} .found-form input:focus{border-color:var(--color-pri)} .found-form button{width:4.8rem;height:4.8rem;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0} @media screen and (max-width:500px){.found-form button{width:4rem;height:4rem} } .found-form button img{width:2rem;height:2rem;-webkit-filter:brightness(1) invert(1);filter:brightness(1) invert(1)} .found-x{position:absolute;width:2.3rem;height:2.3rem;top:1rem;right:var(--half);cursor:pointer;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center;border-radius:100rem;-webkit-transform:scale(0);transform:scale(0);z-index:100} .found-x i{font-size:0.8rem} @media screen and (max-width:1230px){.found-x{right:calc(((100vw - 1.5rem) - 70rem)/2);right:1rem} } @media screen and (max-width:830px){.found-x{right:1rem} } @media screen and (max-width:500px){.found-x{right:1rem} } .lib-cmt-box{--gap:2rem} @media screen and (max-width:900px){.lib-cmt-box{--gap:1rem} } .lib-cmt-item:not(:first-child){margin-top:var(--gap)} .lib-cmt-item .wrap{padding:var(--gap);border:0.1rem solid #E0E0E0} .lib-cmt-item .wrap .wrap{border:none;padding:0} .lib-cmt-item .wrap .ctn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} .lib-cmt-item .wrap .ctn-name{font-weight:600;color:#334253} .lib-cmt-item .wrap .ctn-name .ctn-name-small{font-weight:300;margin-left:1rem} .lib-cmt-item .wrap .ctn-des{color:#67727E;font-weight:400} .lib-cmt-item .wrap .ctn-like{cursor:pointer;color:#506268;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.8rem} @media (hover:hover){.lib-cmt-item .wrap .ctn-like:hover{color:var(--color-pri)} } .lib-cmt-item > .lib-cmt-list{padding:var(--gap) 0;padding-left:calc(var(--gap)*2);position:relative;margin-top:var(--gap)} .lib-cmt-item > .lib-cmt-list::after{content:'';position:absolute;height:100%;width:0.1rem;background-color:#E0E0E0;top:50%;left:var(--gap);-webkit-transform:translateY(-50%);transform:translateY(-50%)} .lib-cmt-f-flex{position:relative;height:4rem;margin-top:1rem;background-color:red} .lib-cmt-f-flex input{height:100%;width:100%;border:0.1rem solid #E0E0E0;padding:0 1rem;padding-right:5rem;font-size:1.6rem;-webkit-transition:0.4s;transition:0.4s} .lib-cmt-f-flex input:focus{border-color:var(--color-pri)} .lib-cmt-f-flex button{width:4rem;height:4rem;position:absolute;right:0;top:0;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.lib-cmt-f-flex button:hover{color:var(--color-pri)} } .fancybox__content{border-radius:2.4rem;overflow:hidden !important} @media screen and (max-width:768px){.fancybox__content{border-radius:1rem} } .select2-results{margin-top:0.7rem !important;-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2)} .select2-dropdown{z-index:4 !important} #notfound_template{position:relative;height:calc(100vh - var(--size-hd));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} .title-main{margin-bottom:3.2rem} .title-main.t-center{text-align:center} .title-main.green .title-56{color:var(--color-second)} .title-56{--f-sz:clamp(2.3rem, calc(0.4066rem + 2.7049vw), 5.6rem);font-size:var(--f-sz);font-weight:500;font-family:"Roboto", sans-serif;color:var(--color-pri);position:relative;-webkit-text-stroke:0.8rem white;paint-order:stroke;letter-spacing:0.1rem;text-transform:uppercase;text-shadow:0px 4px 8px rgba(16, 24, 40, 0.1), 0px 2px 4px rgba(16, 24, 40, 0.06)} @media screen and (max-width:1200px){.title-56{-webkit-text-stroke:0.4rem white} } @media screen and (max-width:1200px){.title-des{font-size:1.4rem} } .title-des .bold{font-weight:600} @media screen and (max-width:1200px){.title-sub{font-size:1.4rem} } .title-bold{font-weight:600;--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-family:"Roboto", sans-serif} #ez-toc-container{border-radius:0.8rem} #ez-toc-container ul li a{color:#02061B !important} .form-ip-ic{display:none} .page-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6rem;padding:6rem 0} @media screen and (max-width:1200px){.page-wrapper{padding:4rem 0;gap:4rem} } .hover-img-x .img-inner img{width:calc(100% + 4rem) !important;-webkit-transition:0.4s;transition:0.4s;border-radius:0;max-width:unset} @media (hover:hover){.hover-img-x .img-inner:hover img{-webkit-transform:translate(calc(-1*(50% + 2rem)), -50%) !important;transform:translate(calc(-1*(50% + 2rem)), -50%) !important} } .hover-img-y .img-inner img{height:calc(100% + 4rem) !important;-webkit-transition:0.4s all;transition:0.4s all;border-radius:0;max-width:unset} @media (hover:hover){.hover-img-y .img-inner:hover img{-webkit-transform:translate(-50%, calc(-1*(50% + 2rem))) !important;transform:translate(-50%, calc(-1*(50% + 2rem))) !important} } @media screen and (max-width:1200px){.gap-res{--cg:1.2rem;--rg:1.2rem} } .btn-wrap{margin-top:2.4rem} .head .title-des{max-width:70rem;margin:0 auto} .reveal-item{-webkit-transform:translateY(4rem);transform:translateY(4rem);opacity:0;-webkit-transition:0.8s;transition:0.8s;-webkit-transition-delay:calc(var(--delay)*0.2);transition-delay:calc(var(--delay)*0.2)} .fadeUp{-webkit-transform:translateY(1rem);transform:translateY(1rem);opacity:0;-webkit-transition:0.8s;transition:0.8s} .fadeUp.is-inview{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay:var(--dl);transition-delay:var(--dl)} .fadeLeft{-webkit-transform:translateX(1rem);transform:translateX(1rem);opacity:0;-webkit-transition:0.8s;transition:0.8s} .fadeLeft.is-inview{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition-delay:var(--dl);transition-delay:var(--dl)} .fadeRight{-webkit-transform:translateX(-1rem);transform:translateX(-1rem);opacity:0;-webkit-transition:0.8s;transition:0.8s} .fadeRight.is-inview{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition-delay:var(--dl);transition-delay:var(--dl)} .fadeScale{-webkit-transform:scale(0.4);transform:scale(0.4);opacity:0;-webkit-transition:0.8s;transition:0.8s} .fadeScale.is-inview{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition-delay:var(--dl);transition-delay:var(--dl)} .blurTo{-webkit-filter:blur(4rem);filter:blur(4rem);opacity:0;-webkit-transition:0.8s;transition:0.8s} .blurTo.is-inview{-webkit-filter:blur(0);filter:blur(0);opacity:1} .is-inview .reveal-item{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} .textHoverClip{position:relative} .textHoverClip::after{content:attr(data-text);position:absolute;height:100%;width:100%;left:0;top:0;color:inherit;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);-webkit-transition:0.4s;transition:0.4s;text-decoration:underline;text-underline-position:under;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:inherit} @media (hover:hover){.textHoverClip:hover::after{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)} } #ez-toc-container{padding:2.4rem !important;border-radius:2rem !important;border:0.1rem solid #E0E0E0 !important;background-color:white !important} #ez-toc-container .ez-toc-title-container{margin-bottom:1rem} #ez-toc-container .ez-toc-title-container .ez-toc-title{color:#0F172A;--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz);font-weight:600;text-transform:uppercase} #ez-toc-container .ez-toc-title-container .ez-toc-title-toggle{display:none} #ez-toc-container .ez-toc-list li{padding:1.6rem 0} #ez-toc-container .ez-toc-list li:not(:last-child){border-bottom:0.1rem solid #E0E0E0} .woo-variation-gallery-slider-wrapper{aspect-ratio:1/1;border-radius:var(--radius) var(--radius) 0 0} .woo-variation-gallery-slider-wrapper .slick-list{height:unset !important;aspect-ratio:1/1} .woo-variation-gallery-slider-wrapper .woo-variation-gallery-slider{aspect-ratio:1/1} .woo-variation-gallery-thumbnail-wrapper{padding:2rem !important;border-radius:0 0 var(--radius) var(--radius);border:0.1rem solid #e9e9e9;border-top:none} @media screen and (max-width:1200px){.woo-variation-gallery-thumbnail-wrapper{padding:0.5rem !important} } .wvg-gallery-thumbnail-image{padding:1rem;border-radius:1rem !important;border:0.1rem solid transparent;-webkit-transition:0.4s;transition:0.4s} @media screen and (max-width:1200px){.wvg-gallery-thumbnail-image{padding:0.5rem !important} } .wvg-gallery-thumbnail-image img{border-radius:0.4rem !important} .wvg-gallery-thumbnail-image.current-thumbnail{border-color:black !important} @media screen and (max-width:768px){.prod-dt .images .woo-variation-product-gallery{max-width:50rem !important;margin:0 auto !important;width:100% !important} .woo-variation-gallery-wrapper{min-width:unset !important} } .prod-dt .ctn .single_variation_wrap{display:none} .prod-dt .ctn .quantity{display:none !important} .prod-dt .ctn .single_add_to_cart_button{display:none !important} .prod-dt .ctn .variable-item{width:8rem !important;height:unset !important;padding:0 !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin:0 !important} @media screen and (max-width:390px){.prod-dt .ctn .variable-item{width:6rem !important} } .prod-dt .ctn .variable-item::after{display:none !important} .prod-dt .ctn .variable-item::before{position:static !important;height:unset !important;width:unset !important;min-width:unset !important;opacity:1 !important;background-color:transparent !important;color:black !important;visibility:visible !important;font-size:1.2rem !important;border:none !important;height:100% !important;padding:0.2rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-align:center !important;line-height:1.4 !important} .prod-dt .ctn .variable-item .variable-item-contents{aspect-ratio:1/1;height:unset !important} .woocommerce div.product form.cart{margin-bottom:0 !important} .woocommerce div.product form.cart .variations label{font-weight:600 !important;color:black !important} .woo-variation-swatches .variable-items-wrapper{gap:1rem;-ms-flex-wrap:wrap;flex-wrap:wrap} .woo-variation-gallery-slider-wrapper .wvg-slider-next-arrow, .woo-variation-gallery-slider-wrapper .wvg-slider-prev-arrow{border-radius:100rem;background-color:white !important} .woo-variation-gallery-slider-wrapper .wvg-slider-next-arrow::before, .woo-variation-gallery-slider-wrapper .wvg-slider-prev-arrow::before{color:black !important} .woo-variation-gallery-slider-wrapper:hover .wvg-slider-prev-arrow{left:1rem !important} .woo-variation-gallery-slider-wrapper:hover .wvg-slider-next-arrow{right:1rem !important} .prod-dt-head .info{margin-bottom:0 !important} .menu-option-table > .menu-list{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important;-ms-flex-wrap:wrap;flex-wrap:wrap;width:40rem} .menu-option-table > .menu-list .menu-item{width:50% !important} .menu-option-table > .menu-list .menu-item:nth-last-child(1) a{border-radius:0 0 1rem 0 !important} .menu-option-table > .menu-list .menu-item:nth-last-child(2) a{border-radius:0 0 0 1rem !important} .recontainer{width:calc(100vw - (100vw - 132rem)/2)} @media screen and (max-width:1400px){.recontainer{width:calc(100vw - (100vw - 114rem)/2)} } @media screen and (max-width:1200px){.recontainer{width:calc(100vw - (100vw - 96rem)/2)} } @media screen and (max-width:992px){.recontainer{width:calc(100vw - (100vw - 72rem)/2)} } @media screen and (max-width:768px){.recontainer{width:calc(100vw - (100vw - 54rem)/2)} } @media screen and (max-width:576px){.recontainer{width:100%} } .half{--haft:calc((100vw - 132rem)/2)} @media screen and (max-width:1400px){.half{--haft:calc((100vw - 114rem)/2)} } @media screen and (max-width:1200px){.half{--haft:calc((100vw - 96rem)/2)} } @media screen and (max-width:992px){.half{--haft:calc((100vw - 72rem)/2)} } @media screen and (max-width:768px){.half{--haft:calc((100vw - 54rem)/2)} } @media screen and (max-width:576px){.half{--haft:0} } .hd .menu-nav > .menu-list{gap:0} .hd .menu-nav > .menu-list > .menu-item{padding:0} .hd .menu-nav > .menu-list > .menu-item > .menu-link{padding:.8rem 1.6rem !important;border-radius:.5rem !important} .hd .menu-nav > .menu-list > .menu-item.active > .menu-link{color:var(--color-pri) !important;background-color:#E4F1FA !important} @media (hover:hover){.hd .menu-nav > .menu-list > .menu-item:hover > .menu-link{color:var(--color-pri) !important;background-color:#E4F1FA !important} } .support-cate-nav .menu-list .menu-item.active .menu-link{color:var(--color-pri);background-color:#E4F1FA} .store-hero{position:relative;z-index:3} .page-homes{overflow:hidden;position:relative} .page-homes .homes-is{position:static !important} .page-homes .homes-is .dec{width:40vw;z-index:-1} @media screen and (max-width:576px){.page-homes .homes-is .dec{top:4rem} } .page-homes .homes-find-form .input-tv-item .txt::after{display:none !important} .page-homes .homes-five-item .des{text-align:left} @media screen and (max-width:576px){.page-homes .homes-five-item .des{text-align:center} } .page-homes .homes-qc{z-index:2} .page-homes .homes-autoplay-splide{position:relative;padding-bottom:2.4rem} .page-homes .homes-autoplay-splide::after{content:'';position:absolute;width:100vw;height:1.6rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0;background-color:white} .page-homes .homes-find-btn:not(:first-child){position:relative} .page-homes .homes-find-btn:not(:first-child)::after{content:'';position:absolute;left:0;height:2rem;width:0.1rem;background-color:#bfbfbf;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} @media screen and (min-width:993px){.page-homes .homes-find-where .form-ip{--w1:18.4rem;--w2:17rem;--w3:14rem} .page-homes .homes-find-submit-text{display:block;color:white} .page-homes .homes-find-submit{width:100%;gap:.8rem} .page-homes .homes-find-where.LCL .form-ip{--w1:15rem;--w2:15rem;--w4:15rem;--w3:12.8rem} } .page-homes .homes-find-wrap{-webkit-box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.1)} .page-template .homes-find-form .input-tv-item .txt::after{display:none !important} .page-template .homes-find-wrap{-webkit-box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.1)} .page-template .homes-find-btn:not(:first-child){position:relative} .page-template .homes-find-btn:not(:first-child)::after{content:'';position:absolute;left:0;height:2rem;width:0.1rem;background-color:#bfbfbf;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} @media screen and (min-width:993px){.page-template .homes-find-where .form-ip{--w1:18.4rem;--w2:17rem;--w3:14rem} .page-template .homes-find-submit-text{display:block;color:white} .page-template .homes-find-submit{width:100%;gap:.8rem} .page-template .homes-find-where.LCL .form-ip{--w1:15rem;--w2:15rem;--w4:15rem;--w3:12.8rem} } .ft-form{-webkit-box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.1)} html:has(.fixed-consu) .fixed-consu{display:none} .homes-find .form-ip .input-where::after{content:"\f362" !important;font-family:"Font Awesome 6 Pro";background-color:#f9f8fd;color:#bfbfbf;background-image:none !important;border-radius:100rem;font-weight:900;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .homes-find .form-ip .input-where .input-float{position:relative;width:calc(50% - 0.8rem)} .homes-find .form-ip .input-where .input-float .select2.select2-container{width:100% !important} @media screen and (max-width:500px){.homes-find .form-ip .input-where .input-float{width:100%} } .homes-find .form-ip .input-where .input-float .text{position:absolute !important;left:0;top:0;-webkit-transform:translateY(-1.1rem);transform:translateY(-1.1rem)} .homes-find .form-ip .input-where .input-float input{width:100% !important} .homes-prod-item .inner .dot-list{list-style:none !important;margin-bottom:1rem} .homes-prod-item .inner .dot-list li{color:#898b84;font-weight:600;font-size:1.4rem} .homes-prod-item .inner .dot-list li .bold{color:#bbbbbb;font-weight:500;margin-right:0.5rem} .homes-price-item .inner .heads{position:relative} .homes-price-item .inner .heads::after{content:"\f178";position:absolute;font-family:"Font Awesome 6 Pro";z-index:2;position:absolute;top:calc(50% + 1.7rem);left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:1.4rem} .homes-price-item .inner .bodies{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem} .homes-price-item .inner .bodies .bodies-line{margin:0 !important;width:100%} .homes-price-item .inner .bodies .bodies-line:nth-child(n + 4){width:calc(50% - 0.5rem)} @media screen and (max-width:768px){.homes-price-item .inner .bodies .bodies-line:nth-child(n + 4){width:100%} } .homes-find-wrap{background-color:white;padding:2.4rem;border-radius:.8rem} @media screen and (max-width:500px){.homes-find-wrap{padding:2rem 1.5rem} } .homes-find-tab .support-cate-price.on-mobile{margin:0 auto;margin-top:3.2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} @media screen and (min-width:993px){.homes-find-tab .support-cate-price.on-mobile{display:none} } .homes-find-btns{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden;border-bottom:0.1rem solid var(--bd-gray)} .homes-find-btn{padding:1.4rem 4rem;border:0.2rem solid transparent;-webkit-transition:0.4s;transition:0.4s;-ms-flex-negative:0;flex-shrink:0} @media screen and (max-width:992px){.homes-find-btn{padding:1.4rem 2.4rem} } .homes-find-btn.active{color:var(--color-pri);font-weight:700;border-bottom-color:var(--color-pri)} .homes-find-panel .wrapper.searching .form-list{-webkit-box-align:end;-ms-flex-align:end;align-items:end} .homes-find-panel .wrapper.searching .form-list .form-ip:nth-child(1){width:calc(100% - 13.5rem)} .homes-find-panel .wrapper.searching .form-list .form-ip:nth-child(2){width:13.5rem} .homes-find-panel .wrapper.searching .form-list .form-ip:nth-child(2) .btn{width:100%;height:4.8rem} .homes-find-panel .wrapper.searching .form-list .form-ip input{height:4.8rem} @media screen and (max-width:500px){.homes-find-panel .wrapper.searching .form-list .form-ip:nth-child(1){width:100%} .homes-find-panel .wrapper.searching .form-list .form-ip:nth-child(2){width:100%} } .homes-find-head{margin-bottom:2.4rem} @media screen and (max-width:992px){.homes-find-head{margin:0 auto;margin-bottom:2.4rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%} .homes-find-head .support-cate-price{display:none} } .homes-find-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2.4rem} .homes-find-form .input-tv{border-bottom:none !important;padding:0 !important} @media screen and (max-width:992px){.homes-find-form .input-tv{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} } @media screen and (max-width:768px){.homes-find-form .input-tv{gap:1rem !important} .homes-find-form .input-tv .input-tv-item{width:calc(50% - 0.5rem)} .homes-find-form .input-tv .input-tv-item .txt::after{margin-left:auto} } @media screen and (max-width:500px){.homes-find-form .input-tv .txt{font-size:1.4rem} } @media screen and (max-width:380px){.homes-find-form .input-tv .txt{font-size:1.2rem} } @media screen and (max-width:360px){.homes-find-form .input-tv .input-tv-item{width:100%} } .homes-find-service{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem 2rem} .homes-find-service .text{font-size:1.4rem;font-weight:700} .homes-find-service .checker{font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center} @media screen and (max-width:992px){.homes-find-service .text{width:100%} } .homes-find-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:2rem} .homes-find-head .support-cate-price .btn{height:4rem} .homes-find-submit{width:4.8rem;height:4.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-pri);border-radius:.8rem} .homes-find-submit img{width:2rem;height:2rem} @media screen and (min-width:993px){.homes-find-submit-text{display:none} } @media screen and (max-width:992px){.homes-find-submit{width:100%;gap:1rem} .homes-find-submit .homes-find-submit-text{color:white} } .homes-find-where .form-list{-webkit-box-align:end;-ms-flex-align:end;align-items:end} .homes-find-where .form-ip{--w1:18.4rem;--w2:17rem;--w3:4.8rem} .homes-find-where .form-ip input{height:4.8rem !important} .homes-find-where .form-ip:nth-child(1){width:calc(100% - var(--w1) - var(--w2) - var(--w3) - 1.5rem)} .homes-find-where .form-ip:nth-child(2){width:var(--w1)} .homes-find-where .form-ip:nth-child(3){width:var(--w2)} .homes-find-where .form-ip:nth-child(4){width:var(--w3)} @media screen and (max-width:992px){.homes-find-where .form-ip{--w2:17rem;--w3:4.8rem} .homes-find-where .form-ip:nth-child(1){width:100%} .homes-find-where .form-ip:nth-child(2){width:50%} .homes-find-where .form-ip:nth-child(3){width:50%} .homes-find-where .form-ip:nth-child(4){width:100%} .homes-find-where .form-ip:nth-child(5){width:100% !important} } @media screen and (max-width:500px){.homes-find-where .form-ip:nth-child(2){width:100%} .homes-find-where .form-ip:nth-child(3){width:100%} } .homes-find-where.LCL .form-ip{--w1:15rem;--w2:15rem;--w4:15rem;--w3:4.8rem} .homes-find-where.LCL .form-ip:nth-child(1){width:calc(100% - var(--w1) - var(--w2) - var(--w3) - var(--w4) - 1.5rem)} .homes-find-where.LCL .form-ip:nth-child(2){width:var(--w1)} .homes-find-where.LCL .form-ip:nth-child(3){width:var(--w2)} .homes-find-where.LCL .form-ip:nth-child(4){width:var(--w4)} .homes-find-where.LCL .form-ip:nth-child(5){width:var(--w3)} @media screen and (max-width:992px){.homes-find-where.LCL .form-ip{--w2:17rem;--w3:4.8rem} .homes-find-where.LCL .form-ip:nth-child(1){width:100%} .homes-find-where.LCL .form-ip:nth-child(2){width:50%} .homes-find-where.LCL .form-ip:nth-child(3){width:50%} .homes-find-where.LCL .form-ip:nth-child(4){width:100%} } @media screen and (max-width:500px){.homes-find-where.LCL .form-ip:nth-child(2){width:100%} .homes-find-where.LCL .form-ip:nth-child(3){width:100%} } .homes-find-more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;display:none} @media screen and (max-width:992px){.homes-find-more{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset} } .homes-find-more .text{color:#666666;font-size:1.3rem;-ms-flex-negative:0;flex-shrink:0} .homes-find-more-box{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden} .homes-find-more-box::-webkit-scrollbar{height:0} .homes-find-more-item{padding:.6rem .8rem;border:0.1rem solid var(--bd-gray);border-radius:100rem;color:#666666;font-size:1.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;-ms-flex-negative:0;flex-shrink:0} .homes-find-storage{margin-top:2rem} .homes-find-storage .form-list{-webkit-box-align:end;-ms-flex-align:end;align-items:end} .homes-find-storage .form-ip{width:calc(20% - (13rem / 5)) !important} .homes-find-storage .form-ip .btn{width:100%;height:4.8rem} .homes-find-storage .form-ip:last-child{width:13rem !important} @media screen and (max-width:992px){.homes-find-storage .form-ip{width:50% !important} .homes-find-storage .form-ip:last-child{width:50% !important} } @media screen and (max-width:500px){.homes-find-storage .form-ip{width:100% !important} .homes-find-storage .form-ip:last-child{width:100% !important} } .homes-autoplay-img .img .img-inner{display:block;padding-top:calc((200 / 1200) * 100%);position:relative;overflow:hidden;border-radius:.8rem} .homes-autoplay-img .img .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} @media screen and (max-width:500px){.homes-autoplay-img .img .img-inner{padding-top:calc(233/350*100%)} } .homes-autoplay-splide .splide__arrows{display:none} .homes-autoplay-splide .splide__pagination{display:none} .homes-autoplay-list{display:-webkit-box;display:-ms-flexbox;display:flex} .homes-autoplay-item{width:100%} .homes-autoplay-item .img{display:block;padding-top:calc((80 / 122) * 100%);position:relative;overflow:hidden} .homes-autoplay-item .img img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .homes-autoplay-trade-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .homes-autoplay-trade-item{width:20%} .homes-autoplay-trade-item .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;max-width:12.6rem;margin:0 auto} .homes-autoplay-trade-item .inner .num{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700;color:var(--color-second)} .homes-autoplay-trade-item .inner .des{font-size:1.4rem} @media screen and (max-width:992px){.homes-autoplay-trade-item{width:50%} .homes-autoplay-trade-item .inner{padding:1rem;border-radius:.8rem;border:0.1rem solid var(--bd-gray);background-color:white;max-width:unset;height:100%} } .homes-five{background-color:white} .homes-five-step{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} @media screen and (max-width:576px){.homes-five-step{max-width:30rem;margin:0 auto} } .homes-five-item{width:20%} .homes-five-item .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center} .homes-five-item .inner .num{width:100%;-webkit-clip-path:polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%, 2rem 50%);clip-path:polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%, 2rem 50%);background:-webkit-gradient(linear, left top, right top, from(rgba(228, 241, 250, 0.5)), to(#97C6ED));background:linear-gradient(90deg, rgba(228, 241, 250, 0.5) 0%, #97C6ED 100%);height:5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem} .homes-five-item .inner .num-in{width:2.4rem;height:2.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:100rem;background-color:var(--color-pri);color:white;--f-sz:clamp(1.5rem, calc(1.3279rem + 0.2459vw), 1.8rem);font-size:var(--f-sz);font-weight:700;line-height:1} .homes-five-item .inner .des{font-weight:700} .homes-five-item .inner .des .bold{font-weight:400;font-size:1.4rem} @media screen and (max-width:993px){.homes-five-item .inner .des{font-size:1.4rem} .homes-five-item .inner .des .bold{font-size:1.2rem} } .homes-five-item:first-child .inner .num{-webkit-clip-path:polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%, 0rem 50%);clip-path:polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%, 0rem 50%)} @media screen and (max-width:576px){.homes-five-item{width:100%} .homes-five-item:not(:first-child){margin-top:-3rem} .homes-five-item .inner{-webkit-clip-path:polygon(0 0, 0 calc(100% - 4rem), 50% 100%, 100% calc(100% - 4rem), 100% 0, 50% 4rem);clip-path:polygon(0 0, 0 calc(100% - 4rem), 50% 100%, 100% calc(100% - 4rem), 100% 0, 50% 4rem);background:-webkit-gradient(linear, left top, left bottom, from(rgba(228, 241, 250, 0.5)), to(#97C6ED));background:linear-gradient(to bottom, rgba(228, 241, 250, 0.5) 0%, #97C6ED 100%);padding:4rem 0} .homes-five-item .inner .num{background:transparent !important;-webkit-clip-path:none !important;clip-path:none !important} } .homes-five-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;margin-top:2.4rem} .homes-five-btn .support-cate-price{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto} .homes-five-btn .note{text-align:center;font-weight:700;margin-top:1rem;display:block} .homes-prod-head{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-bottom:2.4rem} .homes-prod-head:not(:first-child){margin-top:2.4rem} .homes-prod-tt{--f-sz:clamp(2.2rem, calc(1.6262rem + 0.8197vw), 3.2rem);font-size:var(--f-sz);font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} .homes-prod-tt img{width:1.2em;height:1.2em;-ms-flex-negative:0;flex-shrink:0} .homes-prod-sub{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700} .homes-prod-sub img{width:0.8em;height:0.8em;-ms-flex-negative:0;flex-shrink:0} .homes-prod-small{--f-sz:clamp(1.5rem, calc(1.3279rem + 0.2459vw), 1.8rem);font-size:var(--f-sz);font-weight:700;margin-bottom:1rem;padding-left:2.6rem} .homes-prod-link{color:var(--color-pri);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;-webkit-transition:0.4s;transition:0.4s} .homes-prod-link::after{display:inline-block} @media (hover:hover){.homes-prod-link:hover{color:var(--color-second)} } @media screen and (max-width:500px){.homes-prod-link{display:none} } .homes-prod-item{height:100%} .homes-prod-item .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:0.1rem solid var(--bd-gray);border-radius:.8rem;overflow:hidden;background-color:white;position:relative;height:100%} .homes-prod-item .inner .eyes{padding:.8rem;background-color:#F1F1F1;border-radius:0 0 0 .8rem;position:absolute;top:0;right:0;z-index:2;font-size:1.2rem;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;color:#666666} .homes-prod-item .inner .eyes img{border-radius:unset;width:1.6rem;height:1.6rem} .homes-prod-item .inner .nb{font-size:1.2rem;font-weight:700;color:white;padding:.8rem;background-color:#21C245;border-radius:0 0 0 .8rem;position:absolute;right:0;top:0;z-index:2} .homes-prod-item .inner .ontop{font-size:1.2rem;font-weight:700;color:white;padding:.4rem 1rem;background-color:#FF8F00;border-radius:0 0 0.8rem 0;position:absolute;left:0;top:0;z-index:2} .homes-prod-item .inner .tag{padding:.8rem;background-color:#F1F1F1;border-radius:0 0 .8rem 0;position:absolute;top:0;left:0;z-index:2;font-size:1.2rem;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;color:#666666} .homes-prod-item .inner .tag img{border-radius:unset;width:1.6rem;height:1.6rem} .homes-prod-item .inner .img{position:relative} .homes-prod-item .inner .img-inner{display:block;padding-top:calc((172 / 282) * 100%);position:relative;overflow:hidden} .homes-prod-item .inner .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .homes-prod-item .inner .img-gal{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.6rem;border-radius:.6rem .8rem;background-color:rgba(51, 51, 51, 0.8);position:absolute;right:1rem;bottom:1rem;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;color:white;font-size:1.4rem} .homes-prod-item .inner .img-gal img{width:1.6rem;height:1.6rem;-ms-flex-negative:0;flex-shrink:0} .homes-prod-item .inner .top-inner{padding-top:calc(172/282*100%);background-color:#FBFBFB;position:relative} .homes-prod-item .inner .top-inner .tt{padding:1.6rem;position:absolute;bottom:0;left:0;width:100%} .homes-prod-item .inner .tt{--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz);font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .homes-prod-item .inner .des{font-size:1.4rem;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden} .homes-prod-item .inner .box{margin-top:1rem} .homes-prod-item .inner .box-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;font-size:1.4rem} .homes-prod-item .inner .box-line:not(:first-child){margin-top:1rem} .homes-prod-item .inner .box-line .name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;color:#666666} .homes-prod-item .inner .box-line .name img{width:2rem;height:2rem} .homes-prod-item .inner .box-line .val{font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;position:relative} .homes-prod-item .inner .box-line .val-big{font-size:1.6rem;position:relative} .homes-prod-item .inner .box-line .val-old{position:absolute;font-size:1.2rem;font-weight:400;bottom:100%;right:0} .homes-prod-item .inner .box-line .val-old::after{content:'';position:absolute;height:0.1rem;width:100%;background-color:red;left:0;bottom:1rem;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)} .homes-prod-item .inner .box-line.blue{color:var(--color-pri)} .homes-prod-item .inner .bot{margin-top:1.6rem;padding-top:1.6rem;border-top:0.1rem solid var(--bd-gray)} .homes-prod-item .inner .bot-head{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.2rem} .homes-prod-item .inner .bot-head > img{width:4rem;height:4rem;-ms-flex-negative:0;flex-shrink:0;border-radius:.8rem;border:0.1rem solid var(--bd-gray)} .homes-prod-item .inner .bot-ctn .name{font-size:1.3rem;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .homes-prod-item .inner .bot-ctn .rate{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem} .homes-prod-item .inner .bot-ctn .rate-veri{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.2rem;gap:0.5rem} .homes-prod-item .inner .bot-ctn .rate-veri img{width:1.2rem;height:1.2rem;-ms-flex-negative:0;flex-shrink:0} .homes-prod-item .inner .bot-action{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:1.6rem} .homes-prod-item .inner .bot-action .btn{height:4rem} .homes-prod-item .inner .bot-heart{width:4rem;height:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.4s;transition:0.4s;border:0.1rem solid var(--color-pri);border-radius:.5rem} .homes-prod-item .inner .bot-heart i{color:var(--color-pri)} @media (hover:hover){.homes-prod-item .inner .bot-heart:hover{background-color:var(--color-pri)} .homes-prod-item .inner .bot-heart:hover i{font-weight:900;color:red} } .homes-prod-item .inner .info{padding:1.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;gap:1rem} .homes-prod-item .inner .info .box{margin-top:auto} .homes-prod-item .inner .block-list{--f-sz:clamp(1.5rem, calc(1.3279rem + 0.2459vw), 1.8rem);font-size:var(--f-sz)} .homes-prod-item .inner .block-date{font-size:1.2rem;color:#666666} .homes-prod-item .inner .fromto{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} .homes-prod-item .inner .fromto-name{font-size:1.4rem;font-weight:700;color:var(--color-pri);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .homes-prod-item .inner .fromto-arrow{font-size:1.2rem;color:#666666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} .homes-prod-item .inner .dot{font-size:1.4rem;font-weight:700} .homes-prod-item .inner .dot-list{list-style:disc;list-style-position:inside} .homes-prod-item.typeFour .inner .nb{right:unset;left:0;border-radius:0 0 .8rem 0} .homes-prod-item.typeFour .inner .info{padding-top:4rem} .homes-prod-item.typeFour .inner .bot{margin-top:auto} .homes-prod-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4rem} .homes-prod-block:not(:last-child){border-bottom:0.1rem solid var(--bd-gray);padding-bottom:4rem;margin-bottom:4rem} .homes-prod-block .homes-prod-slide:not(:last-child){margin-bottom:4rem} .homes-prod-slide .swiper-slide{width:25%} @media screen and (max-width:1200px){.homes-prod-slide .swiper-slide{width:calc(100% / 3)} } @media screen and (max-width:992px){.homes-prod-slide .swiper-slide{width:50%} } @media screen and (max-width:500px){.homes-prod-slide .swiper-slide{width:calc(100% / 1.1)} } .homes-prod-slide-wrapper{position:relative} .homes-prod-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;margin-top:2.4rem} @media screen and (max-width:500px){.homes-prod-btn{width:100%} .homes-prod-btn .btn{width:100%} } .homes-prod-btn .btn .txt{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important} .homes-prod-btn .btn img{width:1.6rem;height:1.6rem} @media (hover:hover){.homes-prod-btn .btn:hover img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)} } .homes-price{background-color:white} .homes-price-tt{--f-sz:clamp(2.2rem, calc(1.6262rem + 0.8197vw), 3.2rem);font-size:var(--f-sz);font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;margin-bottom:2.4rem} .homes-price-tt img{width:1.2em;height:1.2em} .homes-price-nav{background-color:#FBFBFB;padding:.8rem 1.6rem;border-radius:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;font-size:1.4rem;margin-bottom:2.4rem} .homes-price-nav .link{color:var(--color-pri);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} .homes-price-nav .author{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} .homes-price-nav .author .name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;font-weight:700} .homes-price-nav .author .name img{width:2rem;height:2rem} @media screen and (max-width:576px){.homes-price-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center} } .homes-price-slide-wrapper{position:relative} .homes-price-slide .swiper-slide{width:25%} @media screen and (max-width:1200px){.homes-price-slide .swiper-slide{width:calc(100% / 3)} } @media screen and (max-width:992px){.homes-price-slide .swiper-slide{width:50%} } @media screen and (max-width:500px){.homes-price-slide .swiper-slide{width:calc(100% / 1.1)} } .homes-price-item .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;padding:1.6rem;border:0.1rem solid var(--bd-gray);border-radius:.5rem;background-color:white} .homes-price-item .inner .heads{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .homes-price-item .inner .heads .link{font-weight:700;color:var(--color-pri);text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .homes-price-item .inner .heads img{width:1.6rem;height:1.6rem;margin:0 1rem} .homes-price-item .inner .bodies-line:not(:first-child){margin-top:1rem} .homes-price-item .inner .bodies-line .name{color:#666666} .homes-price-item .inner .bodies-line .val{font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem} .homes-price-item .inner .bodies-line .val img{width:2rem;height:2rem;-ms-flex-negative:0;flex-shrink:0} .homes-price-item .inner .btn .txt{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .homes-is{position:relative;overflow:hidden;margin:calc(-1*(var(--pd-sc))) 0} .homes-is .dec{width:20vw;position:absolute;right:0;top:0;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)} .homes-is .dec-in{display:block;padding-top:calc((1 / 1) * 100%);position:relative;overflow:hidden;-webkit-animation:Spinner 20s linear infinite;animation:Spinner 20s linear infinite} .homes-is .dec-in img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:contain;object-fit:contain} .homes-is .description{max-width:50rem;margin:0 auto} .homes-is-wrapper{margin-top:2.4rem} .homes-is-item .inner{border:0.1rem solid var(--bd-gray);border-radius:.8rem;height:100%} .homes-is-item .inner .heads{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700;padding:.8rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .homes-is-item .inner .bodies{padding:1.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;text-align:center} .homes-is-item .inner .link{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;gap:0.5rem;font-weight:700;color:var(--color-pri);-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.homes-is-item .inner .link:hover{color:var(--color-second)} } .homes-is-item .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%} .homes-is-item .wrapper .img{width:80%} .homes-is-item .wrapper .img-inner{display:block;padding-top:calc((126 / 268) * 100%);position:relative;overflow:hidden} .homes-is-item .wrapper .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .homes-is-item:nth-child(1) .inner .heads{background-color:rgba(33, 194, 68, 0.1);color:#11942E} .homes-is-item:nth-child(3) .inner .heads{background-color:rgba(53, 96, 169, 0.1);color:#3560A9} .homes-fb .title-logo{margin-bottom:2.4rem} .homes-customer .title-logo{margin-bottom:2.4rem} .homes-customer-slide-wrapper{position:relative} .homes-customer-slide .swiper-slide{width:calc(100% / 8);margin-bottom:0} @media screen and (max-width:993px){.homes-customer-slide .swiper-slide{width:calc(20%)} } @media screen and (max-width:500px){.homes-customer-slide .swiper-slide{width:50%} } .homes-customer-item .img-inner{display:block;padding-top:calc((80 / 122) * 100%);position:relative;overflow:hidden} .homes-customer-item .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:contain;object-fit:contain} .homes-press .title-logo{margin-bottom:2.4rem} .homes-press-slide-wrapper{position:relative} .homes-press-slide .swiper-slide{width:20%} @media screen and (max-width:500px){.homes-press-slide .swiper-slide{width:50%} } .homes-press-item .img-inner{display:block;padding-top:calc((43 / 180) * 100%);position:relative;overflow:hidden} .homes-press-item .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .homes-logistic-slide-wrapper{position:relative} .homes-logistic-slide .swiper-slide{width:calc(100%/ 3)} @media screen and (max-width:993px){.homes-logistic-slide .swiper-slide{width:50%} } @media screen and (max-width:576px){.homes-logistic-slide .swiper-slide{width:calc(100% / 1.2)} } .homes-logistic-item .inner{position:relative} .homes-logistic-item .inner .img-inner{display:block;padding-top:calc((224 / 384) * 100%);position:relative;overflow:hidden;border-radius:.8rem} .homes-logistic-item .inner .img-inner::after{content:'';position:absolute;height:100%;width:100%;top:0;left:0;background:-webkit-gradient(linear, left top, left bottom, color-stop(-3.97%, rgba(0, 0, 0, 0)), to(#000000));background:linear-gradient(180deg, rgba(0, 0, 0, 0) -3.97%, #000000 100%)} .homes-logistic-item .inner .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .homes-logistic-item .inner .info{position:absolute;bottom:0;width:100%;padding:1rem;z-index:2} .homes-logistic-item .inner .info-des{--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz);font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:white} @media screen and (min-width:501px){.homes-logistic .homes-prod-btn{display:none} } .search-empty-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;gap:2rem} .search-empty-wrapper .img{max-width:22.4rem;width:100%} .search-empty-wrapper .img-inner{display:block;padding-top:calc((1 / 1) * 100%);position:relative;overflow:hidden} .search-empty-wrapper .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .search-empty-wrapper .text{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700;color:var(--color-pri)} .search-empty-wrapper .des{max-width:48.4rem} .search-empty-wrapper .btn{height:4rem} .find-deli-box{background-color:white;border-radius:.8rem;padding:2rem;-webkit-box-shadow:0px 4px 40px rgba(0, 0, 0, 0.1);box-shadow:0px 4px 40px rgba(0, 0, 0, 0.1)} .find-deli-flex{max-width:90.2rem;margin:0 auto;--w:22.4rem} @media screen and (max-width:576px){.find-deli-flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center} } .find-deli-images{width:var(--w);max-width:22.4rem} .find-deli-images .img-inner{display:block;padding-top:calc((1 / 1) * 100%);position:relative;overflow:hidden} .find-deli-images .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:contain;object-fit:contain} @media screen and (max-width:576px){.find-deli-images{width:100%} } .find-deli-ctn{width:calc(100% - var(--w))} .find-deli-ctn .wrapper{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:52rem;margin-left:auto} .find-deli-ctn .wrapper .support-cate-price{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} .find-deli-ctn .wrapper .text{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700;color:var(--color-pri)} .find-deli-ctn .wrapper .btn{height:4rem} @media screen and (max-width:576px){.find-deli-ctn .wrapper{text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} } @media screen and (max-width:576px){.find-deli-ctn{width:100%} } .ss-homes-autoplay{position:relative} .homes-qc{position:absolute;pointer-events:none;top:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex} .homes-qc-item{width:calc(var(--haft) - 1rem);padding:1rem} .homes-qc-item:nth-child(2){margin-left:auto} .homes-qc-item .img-inner{display:block;padding-top:calc((550 / 200) * 100%);position:relative;overflow:hidden;border-radius:.8rem} .homes-qc-item .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .title-64{--f-sz:clamp(2.9rem, calc(0.8918rem + 2.8689vw), 6.4rem);font-size:var(--f-sz);font-weight:700;color:var(--color-pri)} .title-24{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700;color:var(--color-pri);margin-bottom:2.4rem} .title-line{--f-sz:clamp(2.2rem, calc(1.6262rem + 0.8197vw), 3.2rem);font-size:var(--f-sz);font-weight:700;color:var(--color-pri);position:relative;padding-top:1rem;margin-bottom:2.4rem} .title-line::after{content:'';position:absolute;top:0;left:0;width:3.2rem;height:0.38rem;background-color:var(--color-second)} .title-line.black{color:var(--color-text)} .title-line.center{text-align:center;margin-bottom:2.4rem} .title-line.center::after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)} @media screen and (max-width:768px){.title-line.center-md{text-align:center} .title-line.center-md + p{text-align:center} .title-line.center-md::after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)} } .title-line.noline::after{display:none} .title-line.nomg{margin-bottom:0} .title-logo{--f-sz:clamp(2.2rem, calc(1.6262rem + 0.8197vw), 3.2rem);font-size:var(--f-sz);font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem} .title-logo img{width:1.2em;height:1.2em} .title-logo.center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .title-logo.verti{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .description{font-size:1.4rem} .description.center{text-align:center} .description .bold{font-weight:700} .form-floating .form-list{-webkit-box-align:end;-ms-flex-align:end;align-items:end} .form-floating .form-ip{position:relative;width:100%} .form-floating .form-ip .input-float .text{margin-left:1rem;margin-bottom:-1rem;background-color:white;display:block;position:relative;z-index:2;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 1rem} .form-floating .form-ip .input-float .text img{width:1.6rem;height:1.6rem;margin-left:0.5rem;margin-bottom:-0.3rem} .form-floating .form-ip .input-float select, .form-floating .form-ip .input-float input, .form-floating .form-ip .input-float textarea{height:4rem;border-radius:.8rem;padding:1rem 2rem;-webkit-transition:0.4s;transition:0.4s;background-color:white;border:0.1rem solid var(--bd-gray);font-size:1.4rem} .form-floating .form-ip .input-float select:focus, .form-floating .form-ip .input-float input:focus, .form-floating .form-ip .input-float textarea:focus{border:0.1rem solid var(--color-pri);outline:none;-webkit-box-shadow:none;box-shadow:none} .form-floating .form-ip .input-check{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .form-floating .form-ip .input-check-flex{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem} .form-floating .form-ip .input-phone{display:-webkit-box;display:-ms-flexbox;display:flex} .form-floating .form-ip .input-phone select{width:12rem} .form-floating .form-ip .input-phone select{border-radius:.8rem 0 0 .8rem} .form-floating .form-ip .input-phone input{border-radius:0 .8rem .8rem 0} .form-floating .form-ip .input-tv{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:0.1rem solid var(--bd-gray);gap:1.8rem;padding:2rem 0} .form-floating .form-ip .input-tv-item{cursor:pointer} .form-floating .form-ip .input-tv-item .txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.8rem 1.2rem;border:0.1rem solid var(--bd-gray);border-radius:100rem;color:#666666} .form-floating .form-ip .input-tv-item .txt img{border-radius:0;width:1.6rem;height:1.6rem;-ms-flex-negative:0;flex-shrink:0} .form-floating .form-ip .input-tv-item .txt::after{content:"";width:2.4rem;height:2.4rem;display:block;-ms-flex-negative:0;flex-shrink:0;background-image:url("../assets/images/radio-empty.svg");background-repeat:no-repeat;background-position:center;background-size:cover} .form-floating .form-ip .input-tv-item input{display:none} .form-floating .form-ip .input-tv-item input:checked ~ .txt{border-color:var(--color-pri);color:var(--color-pri);font-weight:700} .form-floating .form-ip .input-tv-item input:checked ~ .txt::after{background-image:url("../assets/images/radio-fill.svg")} .form-floating .form-ip .input-tv-item input:checked ~ .txt img{-webkit-filter:brightness(0) saturate(100%) invert(22%) sepia(16%) saturate(5418%) hue-rotate(195deg) brightness(104%) contrast(93%);filter:brightness(0) saturate(100%) invert(22%) sepia(16%) saturate(5418%) hue-rotate(195deg) brightness(104%) contrast(93%)} .form-floating .form-ip .input-where{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.6rem;position:relative} .form-floating .form-ip .input-where .select2-container--default .select2-selection--single .select2-selection__arrow{display:none} .form-floating .form-ip .input-where input{height:4.8rem;width:calc(50% - 0.8rem) !important} .form-floating .form-ip .input-where .select2.select2-container{width:calc(50% - 0.8rem) !important} .form-floating .form-ip .input-where::after{content:'';position:absolute;width:3.2rem;height:3.2rem;background-image:url("../assets/images/FromTo.png");background-repeat:no-repeat;background-position:center;background-size:cover;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)} @media screen and (max-width:500px){.form-floating .form-ip .input-where{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .form-floating .form-ip .input-where input{height:4.8rem;width:100% !important} .form-floating .form-ip .input-where .select2.select2-container{width:100% !important} .form-floating .form-ip .input-where::after{left:unset;right:0;-webkit-transform:translateX(0) translateY(-50%) rotate(90deg);transform:translateX(0) translateY(-50%) rotate(90deg)} } .form-floating .form-ip .input-number .number-input-container{position:relative} .form-floating .form-ip .input-number .number-input-container .decrement, .form-floating .form-ip .input-number .number-input-container .increment{position:absolute;width:2rem;height:2rem;border:0.1rem solid var(--bd-gray);border-radius:100rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;-webkit-transition:0.4s;transition:0.4s;cursor:pointer;left:1rem} @media (hover:hover){.form-floating .form-ip .input-number .number-input-container .decrement:hover, .form-floating .form-ip .input-number .number-input-container .increment:hover{background-color:var(--color-pri);border-color:var(--color-pri);color:white} } .form-floating .form-ip .input-number .number-input-container .decrement i, .form-floating .form-ip .input-number .number-input-container .increment i{font-size:0.5em;line-height:1;pointer-events:none} .form-floating .form-ip .input-number .number-input-container .increment{right:1rem;left:unset} .form-floating .form-ip .input-number .number-input-container input{height:4rem;width:100%;text-align:center} .form-floating .form-ip .input-number .number-input-in{position:relative;width:100%} .form-floating .form-ip .input-number input[type="number"]::-webkit-outer-spin-button, .form-floating .form-ip .input-number input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .form-floating .form-ip .input-number input[type="number"]{-moz-appearance:textfield} .form-floating .form-ip .input-number.has-name .number-input-container{display:-webkit-box;display:-ms-flexbox;display:flex} .form-floating .form-ip .input-number.has-name .number-input-in input{border-radius:.8rem 0 0 .8rem} .form-floating .form-ip .input-number.has-name .number-input-name{border:0.1rem solid var(--bd-gray);border-radius:0 .8rem .8rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4rem;border-left:none;font-size:1.4rem;padding:0 1rem} .form-floating .form-ip .input-noborder input{border:none !important} .form-floating .form-ip .input-file{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;font-size:1.4rem;font-weight:500;color:var(--color-pri);line-height:1;cursor:pointer} .form-floating .form-ip .input-file img{width:2rem;height:2rem;margin-top:-0.4rem;border-radius:0} .form-floating .form-ip .input-file input{display:none} @media (hover:hover){.form-floating .form-ip .input-file:hover{color:var(--color-second)} .form-floating .form-ip .input-file:hover img{-webkit-filter:brightness(0) saturate(100%) invert(61%) sepia(59%) saturate(4795%) hue-rotate(356deg) brightness(96%) contrast(88%);filter:brightness(0) saturate(100%) invert(61%) sepia(59%) saturate(4795%) hue-rotate(356deg) brightness(96%) contrast(88%)} } @media screen and (max-width:500px){.form-floating .form-ip .input-file{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem 2rem;border:0.1rem solid var(--color-pri);border-radius:.5rem} } .form-floating .form-ip.per5{width:50%} @media screen and (max-width:576px){.form-floating .form-ip.per5{width:100%} } .form-floating .form-ip.error input{border-color:red !important;color:red !important} .form-floating .form-ip .select2-container--default .select2-selection--single{border:0.1rem solid var(--bd-gray);background-color:white} .form-floating .form-ip .select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-color:var(--color-pri)} .form-floating .form-ip .select2-container .select2-selection--single .select2-selection__rendered{font-weight:400 !important;font-size:1.4rem !important} .form-floating .form-ip .select2-selection__placeholder{font-size:1.4rem !important;font-weight:400 !important} .form-floating .form-list .form-ip.per25{width:25%} .form-floating .form-list .form-ip.per3{width:calc(100% / 3)} .form-floating .form-list .form-ip.per5{width:50%} .form-floating .form-list .form-ip.per7{width:calc(100% - 100% / 3)} .forms-information{border:0.1rem solid var(--bd-gray);border-radius:.8rem;padding:var(--gap);margin-top:2.4rem} .forms-information-flex .tt{font-weight:700;margin-bottom:1rem} .forms-information-block{margin:1rem 0} .forms-information-date{width:50%} @media screen and (max-width:992px){.forms-information-date{width:100%} } .forms-information-date input[type="date"]::-webkit-calendar-picker-indicator{-moz-appearance:textfield;background-image:url("../assets/images/ic-cld-blue.svg");background-repeat:no-repeat;background-position:center;background-size:cover;background-size:2rem;cursor:pointer} .forms-information-important{width:50%} @media screen and (max-width:992px){.forms-information-important{width:100%} } .forms-information-important textarea{width:100%;height:100%} .forms-information-important .form-list{height:100%} .forms-information-important .form-list .form-ip{height:inherit} .forms-information-important .form-list .form-ip .input-float{height:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .forms-information-other{margin-top:2.4rem;padding-top:2.4rem;border-top:0.1rem solid var(--bd-gray)} .forms-information-other .tt{font-weight:700;margin-bottom:1rem} .forms-information-other .headx{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem 2rem;margin-bottom:1rem} .forms-information-other .headx .tt{margin-bottom:0} .forms-information-other .headx .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;font-size:1.4rem;font-weight:500;color:var(--color-pri)} .forms-information-other .listx{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem} .forms-information-other .listx-tag{padding:.4rem .8rem;border-radius:.8rem;background-color:#F6F6F6;-webkit-transition:0.4s;transition:0.4s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem} @media (hover:hover){.forms-information-other .listx-tag:hover{background-color:#E4F1FA;color:var(--color-pri)} } .forms-information-other .listx-tag .del{width:2rem;height:2rem;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.forms-information-other .listx-tag .del:hover{color:red} } @media screen and (max-width:500px){.forms-information-other .listx-tag{width:100%;background-color:#E4F1FA;color:var(--color-pri)} } .popup-service-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2.4rem 0;border-top:0.1rem solid var(--bd-gray);font-size:1.4rem} .popup-service-item:last-child{border-bottom:0.1rem solid var(--bd-gray)} .popup-service-item .ctn .tt{font-weight:700} @media screen and (max-width:500px){.popup-service-item{-ms-flex-wrap:wrap;flex-wrap:wrap} .popup-service-item .btn{width:100%} } .popup-service .heads{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:2rem;padding-bottom:2rem} .popup-service .heads .tt{font-weight:700} .popup-service .bodies{height:100%;overflow-y:auto;max-height:60vh;padding-right:1rem} .popup-service .footers{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;gap:1rem;margin-top:2.4rem} .popup-service .footers .btn:nth-child(1){background-color:transparent} .popup-service .footers .btn:nth-child(1) .txt{color:var(--color-pri)} @media (hover:hover){.popup-service .footers .btn:nth-child(1):hover .txt{color:white} } .popup-service .popup-main-wrapper{padding:2.4rem 0} .popup-service .popup-wrapper{padding-top:0} @media screen and (max-width:500px){.popup-service .popup-wrapper{padding:0} } .popup-service .popup-over{overflow-y:unset;max-height:unset} .popup-service .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .popup-regis{max-width:60rem} .popup-regis-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2.4rem 0;border-top:0.1rem solid var(--bd-gray);font-size:1.4rem} .popup-regis-item:last-child{border-bottom:0.1rem solid var(--bd-gray)} .popup-regis-item .ctn .tt{font-weight:700} @media screen and (max-width:500px){.popup-regis-item{-ms-flex-wrap:wrap;flex-wrap:wrap} .popup-regis-item .btn{width:100%} } .popup-regis .note{text-align:center;margin-top:1rem} .popup-regis .note-link{color:var(--color-pri);-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.popup-regis .note-link:hover{color:var(--color-second)} } .popup-regis .heads{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:2rem;padding-bottom:2rem;border-bottom:0.1rem solid var(--bd-gray);margin-bottom:2rem} .popup-regis .heads .tt{font-weight:700} .popup-regis .bodies{height:100%;overflow-y:auto;max-height:80vh;padding-right:1rem} .popup-regis .footers{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;gap:1rem;margin-top:2.4rem} .popup-regis .footers .btn:nth-child(1){background-color:transparent} .popup-regis .footers .btn:nth-child(1) .txt{color:var(--color-pri)} @media (hover:hover){.popup-regis .footers .btn:nth-child(1):hover .txt{color:white} } .popup-regis .popup-main-wrapper{padding:2.4rem 0} .popup-regis .popup-wrapper{padding-top:0} @media screen and (max-width:500px){.popup-regis .popup-wrapper{padding:0} } .popup-regis .popup-close{right:3.2rem;border-radius:.5rem;background-color:transparent} .popup-regis .popup-close i{color:var(--color-pri);font-weight:700} @media screen and (max-width:500px){.popup-regis .popup-close{right:2rem} } .popup-regis .popup-over{overflow-y:unset;max-height:unset} .popup-regis .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .support-cate-nav + .page-wrapper, .breadcrumb + .page-wrapper{padding-top:0} .fixed-nav{position:fixed;bottom:0;left:0;right:0;z-index:100} .fixed-nav-wrap{background-color:var(--color-pri);padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem} .fixed-nav-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;color:white;width:20%;font-size:1.2rem;font-weight:700;white-space:nowrap img;white-space-width:2.4rem;white-space-height:2.4rem} @media screen and (max-width:375px){.fixed-nav-item{font-size:1rem} } @media screen and (min-width:601px){.fixed-nav{display:none} } .fixed-consu{position:fixed;right:2rem;top:40vh;z-index:20} @media screen and (max-width:1200px){.fixed-consu{display:none} } .fixed-consu-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} .fixed-consu-wrap .role{color:var(--color-pri);font-weight:700} .fixed-consu-wrap .logo{width:8rem;height:8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:white;border-radius:100rem;-webkit-box-shadow:0px 4px 40px rgba(0, 0, 0, 0.1);box-shadow:0px 4px 40px rgba(0, 0, 0, 0.1)} .fixed-consu-wrap .logo img{width:55%;height:55%} .fixedbar{position:fixed;bottom:15rem;right:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:10} .fixedbar .txt{position:absolute;top:calc(100%);text-align:center;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:var(--color-second);font-weight:700;font-size:1.4rem;white-space:nowrap} @media screen and (max-width:768px){.fixedbar{right:1rem} } .fixedbar-btn{width:4rem;height:4rem;border-radius:100rem;background:var(--color-pri);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;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;position:relative;-webkit-transition:0.4s;transition:0.4s;z-index:2;border:0.2rem solid white;-webkit-box-shadow:0px 4px 40px rgba(0, 0, 0, 0.1);box-shadow:0px 4px 40px rgba(0, 0, 0, 0.1)} .fixedbar-btn i{color:white} .fixedbar-btn.active{-webkit-transform:rotate(45deg);transform:rotate(45deg)} .fixedbar-list{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:0.5rem;margin-bottom:0.5rem} .fixedbar-list.active .fixedbar-it{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1} .fixedbar-it{width:4rem;height:4rem;border-radius:100rem;background:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.4s;transition:0.4s;opacity:0;position:relative;-webkit-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4)} .fixedbar-it.multiple:hover .ttp{opacity:0} .fixedbar-it:hover .ttp{opacity:1} .fixedbar-it .ttp{padding:0.3rem 1rem;background:white;position:absolute;right:calc(100% + 1rem);-webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);border-radius:0.5rem;opacity:0;-webkit-transition:0.4s;transition:0.4s} .fixedbar-it .ttp::after{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:7px solid white;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:100%} .fixedbar-it:nth-child(1){-webkit-transform:translateY(calc(100% + 0.5rem));transform:translateY(calc(100% + 0.5rem))} .fixedbar-it:nth-child(2){-webkit-transform:translateY(calc(200% + 0.5rem * 2));transform:translateY(calc(200% + 0.5rem * 2))} .fixedbar-it:nth-child(3){-webkit-transform:translateY(calc(300% + 0.5rem * 3));transform:translateY(calc(300% + 0.5rem * 3))} .fixedbar-it:nth-child(4){-webkit-transform:translateY(calc(400% + 0.5rem * 4));transform:translateY(calc(400% + 0.5rem * 4))} .fixedbar-it:nth-child(5){-webkit-transform:translateY(calc(500% + 0.5rem * 5));transform:translateY(calc(500% + 0.5rem * 5))} .zalo.multiple:hover .zalo-tooltip{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible;pointer-events:visible} .zalo-tooltip{min-width:30rem;background:red;padding:2rem;position:absolute;right:calc(100% + 0.5rem);bottom:0;-webkit-transition:0.4s;transition:0.4s;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);visibility:hidden;pointer-events:none} .zalo-tooltip::after{content:"";width:0.5rem;height:100%;position:absolute;left:100%;top:0} .zalo-item{display:-webkit-box;display:-ms-flexbox;display:flex} .zalo-link{height:100%;width:100%} .zalo-link img{height:100%;width:100%} @media screen and (max-width:500px){.promotion-dt-left .wrapper .mid .actions{gap:1rem !important} .promotion-dt-left .wrapper .mid .actions .actions-btn{width:calc(100% - 4.8rem - 1rem);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;-ms-flex-negative:0;flex-shrink:0} } @media screen and (max-width:390px){.promotion-dt-left .wrapper .mid .actions{-webkit-box-pack:unset !important;-ms-flex-pack:unset !important;justify-content:unset !important} .promotion-dt-left .wrapper .mid .actions .btn-action{width:calc(50% - .5rem) !important;font-size:1.2rem !important;padding:0.5rem;white-space:nowrap} } @media screen and (min-width:992px){.quote-item .box-part:nth-child(2) .name{padding-right:26.4rem} } .quote-item .box-part:nth-child(2) .name, .quote-item .box-part:nth-child(2) .ctn, .store-all-item .box-part:nth-child(2) .name, .store-all-item .box-part:nth-child(2) .ctn{border-left:none !important} .store-all-item .inner .bodies .homes-prod-item .inner .box{gap:1rem 8rem !important} .store-all-item .inner .bodies .homes-prod-item .inner .box-line{width:calc(50% - 4rem) !important} @media screen and (min-width:1201px){.promotion-hot-side{top:11.4rem !important} } @media screen and (min-width:1200px){.page-about .promotion-hot-side{top:16rem} } @media screen and (min-width:993px){.page-about .promotion-hot-side{position:sticky;top:13rem;width:var(--w)} .page-about .promotion-hot-side .wrapper{max-height:calc(100vh - 17rem);overflow-y:auto} } .page-about .promotion-hot-side .side-fixed{position:static;-webkit-transform:none;transform:none;visibility:visible;opacity:1;background-color:transparent} .page-about .promotion-hot-side .side-fixed .side-fixed-wrap{padding:0} .page-about .promotion-hot-side .side-fixed .side-close{display:none} @media screen and (max-width:992px){.page-about .promotion-hot-side .side-fixed{position:fixed;width:300px;max-width:100%;top:0;bottom:0;right:0;background-color:white;z-index:151;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;opacity:0;-webkit-transform:translateX(110%);transform:translateX(110%);visibility:hidden} .page-about .promotion-hot-side .side-fixed .side-fixed-wrap{padding:5.5rem 1.5rem 1.5rem 1.5rem;width:100%;height:100%;overflow-y:auto} .page-about .promotion-hot-side .side-fixed .side-close{display:-webkit-box;display:-ms-flexbox;display:flex} .page-about .promotion-hot-side .side-fixed.open{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);visibility:visible} } .page-about .promotion-hot-main{width:calc(100% - var(--w))} .page-about .promotion-hot-main .side-open{display:none} @media screen and (max-width:992px){.page-about .promotion-hot-main{width:100%} .page-about .promotion-hot-main .side-open{display:-webkit-box;display:-ms-flexbox;display:flex} } .page-seestore .store-all-item .inner .bodies .homes-prod-item .inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .page-seestore .store-all-item .inner .bodies .homes-prod-item .inner .img{width:28.2rem} .page-seestore .store-all-item .inner .bodies .homes-prod-item .inner .info{width:50%;width:calc(100% - 28.2rem)} @media screen and (max-width:992px){.page-seestore .store-all-item .inner .bodies .homes-prod-item .inner .info .box{max-width:26rem} } @media screen and (max-width:767px){.page-seestore .store-all-item .inner .bodies .homes-prod-item .inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .page-seestore .store-all-item .inner .bodies .homes-prod-item .inner .img{width:100%} .page-seestore .store-all-item .inner .bodies .homes-prod-item .inner .info{width:100%} .page-seestore .store-all-item .inner .bodies .homes-prod-item .inner .info .box{max-width:unset} } .homes-find .form-floating .form-ip .input-tv-item .txt{width:100%} .social-link{border-radius:100rem} .logistic-item .inner{padding:1rem !important} .logistic-item .footers .btn{width:100% !important} @media screen and (min-width:769px){.logistic-item .footers{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important} .logistic-item .footers .btn{width:calc(50% - 0.5rem) !important;min-width:unset;padding:.5rem} .logistic-item .footers .btn .txt{font-size:1.2rem;gap:.5rem} } @media screen and (max-width:576px){.logistic-item .footers{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important} .logistic-item .footers .btn{width:calc(50% - 0.5rem) !important;min-width:unset;padding:.5rem} .logistic-item .footers .btn .txt{font-size:1.2rem;gap:.5rem} } .promotion-fixedbar{top:8rem !important} .promotion-fixedbar .block{display:none} .promotion-fixedbar .block-link{display:none} .promotion-fixedbar .actions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:2.4rem;border-top:0.1rem solid var(--bd-gray)} .promotion-fixedbar .actions-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem} .promotion-fixedbar .actions .btn-action{height:4rem;padding:1rem 1.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-pri);border-radius:.5rem;font-size:1.4rem;font-weight:500;-webkit-transition:0.4s;transition:0.4s} @media screen and (max-width:992px){.promotion-fixedbar .actions .btn-action{width:100%} } .promotion-fixedbar .actions .btn-chat{border:0.1rem solid var(--color-pri)} .promotion-fixedbar .actions .btn-chat .txt{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} .promotion-fixedbar .actions .btn-chat .txt::before{content:'';width:1rem;height:1rem;background-color:#21C245;border-radius:10rem;display:block} .promotion-fixedbar .actions .btn-contact{background-color:var(--color-pri);gap:1rem;color:white} .promotion-fixedbar .actions .btn-contact .txt{color:white} @media screen and (min-width:601px){.promotion-fixedbar .actions .actions-mxh-overlay{display:none} .promotion-fixedbar .actions .actions-mxh{display:none} } @media screen and (max-width:600px){.promotion-fixedbar .actions{position:fixed;bottom:6.7rem;left:0;right:0;z-index:20;background-color:white;padding:0.5rem 0.8rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:1rem} .promotion-fixedbar .actions::after{content:'';position:absolute;position:absolute;height:100%;width:100%;left:0;bottom:0;background-color:white;z-index:-1} .promotion-fixedbar .actions .actions-mxh{width:4rem;height:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0.1rem solid var(--color-pri);border-radius:.5rem;position:relative} .promotion-fixedbar .actions .actions-mxh-toggle i{font-size:1.6rem} .promotion-fixedbar .actions .actions-mxh-pop{position:absolute;width:calc(100vw - 1.6rem);left:0;bottom:calc(100% + .5rem);background-color:white;border-radius:1rem;-webkit-box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;z-index:3} .promotion-fixedbar .actions .actions-mxh-pop .heads{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:2rem 1rem;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:2rem;font-weight:700;border-bottom:0.1rem solid rgba(0, 0, 0, 0.1)} .promotion-fixedbar .actions .actions-mxh-pop .heads .actions-mxh-close{position:absolute;right:2rem;font-weight:400} .promotion-fixedbar .actions .actions-mxh-pop .bodies{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .promotion-fixedbar .actions .actions-mxh-pop .bodies .actions-mxh-it{padding:1rem 1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;font-size:1.8rem} .promotion-fixedbar .actions .actions-mxh-pop .bodies .actions-mxh-it:not(:last-child){border-bottom:0.1rem solid rgba(0, 0, 0, 0.1)} .promotion-fixedbar .actions-btn{gap:1rem;width:calc(100% - 4rem)} .promotion-fixedbar .actions .btn-action{width:calc(50% - 0.5rem)} .promotion-fixedbar .actions .actions-mxh-overlay{background-color:rgba(0, 0, 0, 0.7);position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;-webkit-transition:0.3s;transition:0.3s;opacity:0;pointer-events:none} .promotion-fixedbar .actions .actions-mxh-pop{-webkit-transition:0.3s;transition:0.3s;opacity:0;pointer-events:none} .promotion-fixedbar .actions.open .actions-mxh-overlay{opacity:1;pointer-events:visible} .promotion-fixedbar .actions.open .actions-mxh-pop{opacity:1;-webkit-transition-delay:0.2s;transition-delay:0.2s;pointer-events:visible} } .fb-block-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2.4rem;margin-left:auto;font-size:2rem} .fb-block-social-link{-webkit-transition:0.4s;transition:0.4s;width:2.4rem;height:2.4rem;border-radius:100rem;background-color:transparent;transition:0.4s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-ms-flex-negative:0;flex-shrink:0;cursor:pointer} .fb-block-social-link::after{content:attr(data-name);position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:.2rem 1rem;background-color:black;color:white;bottom:calc(100% + 0.5rem);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:1.2rem;border-radius:.6rem;opacity:0;z-index:3} .fb-block-social-link::before{content:'';position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:.5rem;height:.5rem;border-style:solid;border-width:.5rem .5rem 0 .5rem;border-color:black transparent transparent transparent;bottom:100%;opacity:0;z-index:3} .fb-block-social-link:hover{color:var(--color-pri)} .fb-block-social-link:hover::after{opacity:1} .fb-block-social-link:hover::before{opacity:1} @media screen and (max-width:600px){.fb-block-social.desk{display:none} } .fixed-nav-wrap{height:6.7rem} @media screen and (max-width:600px){.main:has(.actions-mxh) + .ft{padding-bottom:11rem} } .input-where > .autocomplete{width:calc(50% - 0.8rem)} @media screen and (max-width:500px){.input-where > .autocomplete{width:100%} } .input-where > .autocomplete input{width:100% !important} .form-floating .form-ip .input-where > .autocomplete input{width:100% !important} .autocomplete{position:relative;display:inline-block;width:100%} .autocomplete input{width:100%} .autocomplete input[type="text"]{background-color:#f1f1f1;width:100%} .autocomplete input[type="submit"]{background-color:DodgerBlue;color:#fff;cursor:pointer} .autocomplete-items{position:absolute;border:1px solid #d4d4d4;border-bottom:none;border-top:none;z-index:99;/*position the autocomplete items to be the same width as the container:*/ top:100%;left:0;right:0;max-height:40rem;overflow-y:auto} .autocomplete-items div{padding:10px;cursor:pointer;background-color:#fff;border-bottom:1px solid #d4d4d4} /*when hovering an item:*/ .autocomplete-items div:hover{background-color:var(--color-pri);color:white} /*when navigating through the items using the arrow keys:*/ .autocomplete-active{background-color:DodgerBlue !important;color:#ffffff} .promotion-side .list-item{position:relative} .promotion-side .list-item::after{content:'';position:absolute;width:calc(100% + 0.5rem);height:calc(100% + 0.5rem);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#E4F1FA;border-radius:.5rem;opacity:0;-webkit-transition:0.4s;transition:0.4s} .promotion-side .list-item .list-link{position:relative;z-index:2;padding-left:0.5rem} @media (hover:hover){.promotion-side .list-item:hover::after{opacity:1} } .promotion-side .list-item.active::after{opacity:1} @media screen and (max-width:1400px){.support-cate-nav-flex{--gap:1rem !important} } .page-seestore .store-all-item .inner .homes-prod-item .inner .box{gap:1rem 4rem !important} .page-seestore .store-all-item .inner .bodies .info{width:unset !important;max-width:unset !important;-webkit-box-flex:1 !important;-ms-flex:1 !important;flex:1 !important} .page-seestore .store-all-item .inner .bodies .box{max-width:unset !important} .page-seestore .store-all-item .inner .bodies .box-line .name{white-space:nowrap;-ms-flex-negative:0;flex-shrink:0} .page-seestore .store-all-item .inner .bodies .box-line .val{text-align:right} @media screen and (min-width:993px){.page-seestore .store-all-item .inner .bodies .box-line .val{white-space:nowrap;-ms-flex-negative:0;flex-shrink:0} } .page-seestore .store-all-item .inner .footers .chat{padding:0.5rem;border-radius:.4rem;background-color:#E4F1FA} .page-seestore .store-all-item .inner .footers .chat.offline::before{background-color:#d4d4d4} .support-cate-nav{height:4rem} .support-cate-nav.fixed .support-cate-nav-flex{position:fixed;left:50%;-webkit-transform:translateX(-50%) translateY(calc(50% + 0%));transform:translateX(-50%) translateY(calc(50% + 0%));top:4rem;z-index:10;width:100%;-webkit-box-shadow:0px 4px 40px rgba(0, 0, 0, 0.1);box-shadow:0px 4px 40px rgba(0, 0, 0, 0.1)} @media screen and (max-width:1200px){.support-cate-nav.fixed .support-cate-nav-flex{-webkit-transform:translateX(-50%) translateY(calc(100%));transform:translateX(-50%) translateY(calc(100%))} } @media screen and (max-width:768px){.support-cate-nav.fixed .support-cate-nav-flex{-webkit-transform:translateX(-50%) translateY(calc(50% - 0rem));transform:translateX(-50%) translateY(calc(50% - 0rem))} } @media screen and (min-width:501px){.support-cate-nav.fixed .support-cate-nav-flex{max-width:52rem} } @media screen and (min-width:769px){.support-cate-nav.fixed .support-cate-nav-flex{max-width:70rem} } @media screen and (min-width:993px){.support-cate-nav.fixed .support-cate-nav-flex{max-width:94rem} } @media screen and (min-width:1201px){.support-cate-nav.fixed .support-cate-nav-flex{max-width:112rem} } @media screen and (min-width:1401px){.support-cate-nav.fixed .support-cate-nav-flex{max-width:130rem} } .store-all-item .inner .bodies .homes-prod-item .inner .box .name{width:11.7rem} .page-seestore .store-all-item .inner .bodies .box-line .val{max-width:27rem;white-space:wrap !important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;width:100%;-ms-flex-negative:unset;flex-shrink:unset;text-align:left !important} .page-seestore .store-all-item .inner .bodies .box-line .val .val-big{display:inline-block} .page-seestore .store-all-item .inner .bodies .box-line .val .val-small{display:inline-block} .fixed-nav-wrap{background-color:white;-webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px 4px 12px;box-shadow:rgba(0, 0, 0, 0.6) 0px 4px 12px} .fixed-nav-item{position:relative} .fixed-nav-item.active .txt{color:var(--color-pri)} .fixed-nav-item .txt{color:#5c5c5c;font-weight:400} .fixed-nav-item img{width:2.4rem;height:2.4rem} .fixed-nav-item:nth-child(n + 2) img{-webkit-filter:brightness(0);filter:brightness(0)} .fixed-nav-item input{display:none} .fixed-nav-item:has(input:checked) .txt{color:var(--color-pri)} .fixed-nav-item:has(input:checked) .fixed-nav-tool{opacity:1;pointer-events:visible} .fixed-nav-tool{position:absolute;bottom:calc(100% + 1.5rem);right:0;min-width:25rem;padding:1rem;border-radius:1rem;-webkit-box-shadow:rgba(0, 0, 0, 0.6) 0px 4px 12px;box-shadow:rgba(0, 0, 0, 0.6) 0px 4px 12px;background:white;opacity:0;pointer-events:none;-webkit-transition:0.4s;transition:0.4s} .fixed-nav-tool-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem} .fixed-nav-tool-block:not(:first-child){padding-top:1rem;margin-top:1rem;border-top:0.1rem solid #E4F1FA} .fixed-nav-tool-block.red .fixed-nav-tool-item{color:red} .fixed-nav-tool-item{font-size:1.4rem;color:#5c5c5c;font-weight:400;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.fixed-nav-tool-item:hover{color:var(--color-pri)} } @media screen and (min-width:769px){.cvc-list .homes-prod-item .inner .info .fromto{max-width:63.6rem !important} } @media screen and (min-width:1201px){.homes-prod-item .inner .bot-head{/*min-width:33.5rem*/} } .input-float.full .input-where::after{display:none} .input-float.full .input-where .autocomplete{width:100%} .about-story-flex:not(:first-child){margin-top:var(--pd-sc)} .about-story-ctn .wrapper{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:45rem;margin:0 auto} .about-story-images .img-inner{display:block;padding-top:calc((416 / 588) * 100%);position:relative;overflow:hidden;-webkit-animation:dropshadow 4s linear infinite;animation:dropshadow 4s linear infinite} .about-story-images .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} @media screen and (max-width:768px){.about-story .about-story-ctn{text-align:center} } .about-story-small .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;background-color:#FBFBFB;border-radius:.8rem} .about-story-small .wrapper .img-inner{display:block;padding-top:calc((220 / 579) * 100%);position:relative;overflow:hidden} .about-story-small .wrapper .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .about-story-small .wrapper .info{padding:3.2rem} @media screen and (max-width:1200px){.about-story-small .wrapper .info{padding:1rem} } .about-story-small .wrapper .info .sub{--f-sz:clamp(1.5rem, calc(1.3279rem + 0.2459vw), 1.8rem);font-size:var(--f-sz);color:#666666;font-weight:700} .about-story-small .wrapper .info .tt{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700;margin-bottom:1rem} .about-story-small .wrapper .info ul li{position:relative;padding-left:3rem} .about-story-small .wrapper .info ul li::after{content:'';position:absolute;width:2rem;height:2rem;background-image:url("../assets/images/tickgreen.png");background-repeat:no-repeat;background-position:center;background-size:cover;left:0;top:0} .about-story-small .wrapper .info ul li:not(:first-child){margin-top:1rem} .about-tnsm{position:relative;overflow:hidden} .about-tnsm::after{content:'';position:absolute;height:100%;width:100%;background-image:url("../assets/images/about-tnsm-bg.png");background-repeat:no-repeat;background-position:center;background-size:cover;background-size:100% 100%;left:0;top:0;z-index:-1;-webkit-animation:dropshadow 4s ease-in-out infinite;animation:dropshadow 4s ease-in-out infinite} .about-tnsm-wrapper{max-width:99.6rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4rem} .about-tnsm-block:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse} .about-tnsm-block:nth-child(even) .wrapper{margin-left:auto} @media screen and (max-width:768px){.about-tnsm-block:nth-child(even) .wrapper{margin-left:0} } .about-tnsm-ctn .wrapper{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:38.4rem} @media screen and (max-width:768px){.about-tnsm-ctn .wrapper{max-width:100%} } .about-tnsm-ctn .wrapper .description{--f-sz:clamp(1.5rem, calc(1.3279rem + 0.2459vw), 1.8rem);font-size:var(--f-sz)} .about-tnsm-images .img-inner{display:block;padding-top:calc((1 / 1) * 100%);position:relative;overflow:hidden} .about-tnsm-images .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} @media screen and (min-width:993px){.about-gtcl-list{--bs-gutter-y:4rem} } .about-gtcl-item .inner{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;gap:1rem} .about-gtcl-item .inner img{width:6rem;height:6rem;-ms-flex-negative:0;flex-shrink:0} .about-gtcl-item .inner .tt{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700;color:var(--color-pri)} @media screen and (max-width:576px){.about-gtcl-item .inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-align:left;-webkit-box-align:start;-ms-flex-align:start;align-items:start} } .about-quote-wrapper{max-width:90.8rem;margin:0 auto;position:relative;padding:0 6.2rem;text-align:center} .about-quote-wrapper::after, .about-quote-wrapper::before{content:'';position:absolute;aspect-ratio:62/64;width:6.2rem;position:absolute;background-image:url("../assets/images/quote.png");background-repeat:no-repeat;background-position:center;background-size:cover} .about-quote-wrapper::after{bottom:0;right:0} .about-quote-wrapper::before{top:0;left:0;-webkit-transform:scale(-1);transform:scale(-1)} .about-quote-wrapper .tt{--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz);font-weight:700;text-align:center;color:var(--color-pri);margin-bottom:2.4rem} @media screen and (max-width:576px){.about-quote-wrapper{padding:0 3rem} .about-quote-wrapper .tt{margin-bottom:1rem} .about-quote-wrapper::after, .about-quote-wrapper::before{width:3rem} } .business-w-block{max-width:99.6rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--pd-sc)} .business-w-flex:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse} .business-w-flex:nth-child(even) .img{margin-left:auto} .business-w-images .img{width:60%} @media screen and (max-width:768px){.business-w-images .img{width:100%} } .business-w-images .img-inner{display:block;padding-top:calc((1 / 1) * 100%);position:relative;overflow:hidden} .business-w-images .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .business-w-ctn .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem;height:100%} .business-w-ctn .wrapper .tt{--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz);font-weight:700;color:var(--color-pri)} .business-activity-item{width:20%;position:relative} .business-activity-item:not(:last-child) .num::after{content:'';position:absolute;width:165%;left:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:0.1rem;background-color:var(--bd-gray);z-index:-1} .business-activity-item:nth-child(2){z-index:2} .business-activity-item:nth-child(3){z-index:3} .business-activity-item:nth-child(4){z-index:4} .business-activity-item:nth-child(5){z-index:5} .business-activity-item .num{-webkit-box-shadow:0px 12px 24px rgba(51, 95, 168, 0.16);box-shadow:0px 12px 24px rgba(51, 95, 168, 0.16);width:10rem;height:10rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;--f-sz:clamp(2.2rem, calc(1.6262rem + 0.8197vw), 3.2rem);font-size:var(--f-sz);font-weight:700;border-radius:100rem;color:var(--color-pri);position:relative;background-color:white} @media screen and (max-width:992px){.business-activity-item .num{width:6rem;height:6rem} } .business-activity-item .des{font-size:1.4rem} .business-activity-item .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;text-align:center;max-width:15rem;margin:0 auto} @media screen and (max-width:576px){.business-activity-item{width:100%} .business-activity-item:not(:first-child){margin-top:2.4rem} .business-activity-item .inner{max-width:unset;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-align:unset} .business-activity-item .inner .num{-ms-flex-negative:0;flex-shrink:0;width:10rem;height:10rem} .business-activity-item .inner .num::after{width:0.1rem;height:100%;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)} .business-activity-item .inner .des{font-size:1.6rem} } .business-activity-regis{text-align:center;margin-top:2.4rem;--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz)} .business-activity-regis .link{color:#2A4389;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.business-activity-regis .link:hover{color:var(--color-second)} } .business-sp{overflow:hidden;background-color:white} .business-sp .recontainer{margin-left:auto} @media screen and (max-width:992px){.business-sp .recontainer{max-width:720px;margin:0 auto;padding:0 1.5rem} } @media screen and (max-width:768px){.business-sp .recontainer{max-width:540px} } .business-sp-ctn{width:40%} @media screen and (max-width:992px){.business-sp-ctn{width:100%} } .business-sp-ctn .wrapper{max-width:48.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:2rem 0} .business-sp-info-it:not(:first-child){margin-top:1rem} .business-sp-info-it .tt{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700;color:var(--color-pri)} .business-sp-images{width:60%} @media screen and (max-width:992px){.business-sp-images{width:100%;margin-top:2.4rem} } .business-sp-images .img-inner{display:block;padding-top:calc((662 / 852) * 100%);position:relative;overflow:hidden;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 17% 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 17% 100%)} @media screen and (max-width:992px){.business-sp-images .img-inner{-webkit-clip-path:none;clip-path:none;border-radius:.8rem} } .business-sp-images .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .business-fb-slide-wrap{position:relative} .business-fb-slide .swiper-slide{width:50%} @media screen and (max-width:500px){.business-fb-slide .swiper-slide{width:calc(100% / 1.3)} } .business-fb-item{height:100%} .business-fb-item .inner{padding:3.2rem 1.6rem;background-color:white;border-radius:2.4rem;border:0.1rem solid var(--bd-gray);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem} .business-fb-item .inner .author{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;width:20rem;-ms-flex-negative:0;flex-shrink:0} .business-fb-item .inner .author img{width:8.8rem;height:8.8rem;border-radius:100rem} .business-fb-item .inner .author .name{font-weight:700} .business-fb-item .inner .author .role{font-size:1.4rem;color:#666666} .business-fb-item .inner .author .company{color:#21C245} .business-fb-item .inner .info{font-size:1.4rem;color:#666666} @media screen and (max-width:992px){.business-fb-item .inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} } .business-regis{background:white} .business-regis-flex{position:relative;z-index:2} @media screen and (max-width:768px){.business-regis-flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:3.2rem} } .business-regis-store .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .business-regis-list{margin-top:3.2rem;width:100%;position:relative} .business-regis-list::after{content:'';position:absolute;width:0.1rem;height:100%;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:black;z-index:-1} .business-regis-note{margin-top:3.2rem;color:var(--color-pri);position:relative;padding-left:2em} .business-regis-note::after{content:'';position:absolute;width:1.5em;height:1.5em;left:0;top:-0.1em;background:url("../assets/images/icon-chamhoi.png");background-repeat:no-repeat;background-position:center;background-size:cover} .business-regis-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50%;-webkit-transform:translateX(5.2rem);transform:translateX(5.2rem);gap:2.4rem;text-align:right} @media (min-width:768px) and (max-width:992px){.business-regis-item{-webkit-transform:translateX(3.5rem);transform:translateX(3.5rem)} } .business-regis-item:not(:first-child){margin-top:3.2rem} .business-regis-item:nth-child(even){margin-left:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transform:translateX(-5.2rem);transform:translateX(-5.2rem);text-align:left} @media (min-width:768px) and (max-width:992px){.business-regis-item:nth-child(even){-webkit-transform:translateX(-3.5rem);transform:translateX(-3.5rem)} } .business-regis-item .icon{width:10.4rem;height:10.4rem;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:100rem;-webkit-box-shadow:0px 12px 24px rgba(51, 95, 168, 0.16);box-shadow:0px 12px 24px rgba(51, 95, 168, 0.16);background-color:white} .business-regis-item .icon img{width:6rem;height:6rem;border-radius:0} @media (min-width:768px) and (max-width:992px){.business-regis-item .icon{width:7rem;height:7rem} .business-regis-item .icon img{width:4rem;height:4rem} } .business-regis-item .txt{font-weight:700;color:#666666;color:var(--color-text);min-width:calc(100% - 2rem - 5.2rem)} @media (min-width:768px) and (max-width:992px){.business-regis-item .txt{font-size:1.4rem;min-width:calc(100% - 2rem - 3.5rem)} } @media screen and (max-width:768px){.logistic-sp{background-color:white} } .logistic-sp-tab{background-color:white;padding:3.2rem;border-radius:.8rem} @media screen and (max-width:992px){.logistic-sp-tab{padding:1rem} } .logistic-sp-btns{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;max-width:100%;overflow-x:auto;margin-bottom:3.2rem} .logistic-sp-btns::-webkit-scrollbar{height:0rem} .logistic-sp-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1.2rem 4rem;border-bottom:0.2rem solid transparent;-webkit-transition:0.4s;transition:0.4s;font-weight:700;color:#666666} @media (hover:hover){.logistic-sp-btn:hover{color:var(--color-pri)} } .logistic-sp-btn.active{color:var(--color-pri);border-bottom-color:var(--color-pri)} @media screen and (max-width:992px){.logistic-sp-btn{padding:.5rem 1rem} } .logistic-sp-form{margin-top:2.4rem} .logistic-sp-form .btn{margin-top:2.4rem;--f-sz:clamp(1.5rem, calc(1.3279rem + 0.2459vw), 1.8rem);font-size:var(--f-sz)} @media screen and (max-width:768px){.logistic-sp-form .btn{margin:0 auto;margin-top:2.4rem} } .logistic-sp-ctn .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;max-width:50rem} @media screen and (max-width:768px){.logistic-guide-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4rem} } .logistic-guide-item .tt{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);color:var(--color-text);margin-bottom:1rem;min-height:5.8rem} @media screen and (max-width:768px){.logistic-guide-item .tt{min-height:unset;font-weight:700} } .logistic-guide-item .list li:not(:first-child){margin-top:0.8rem} .logistic-guide-item .list-link{-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.logistic-guide-item .list-link:hover{color:var(--color-second)} } .logistic-all-head{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.2rem} .logistic-all-head .btn{height:4rem} @media screen and (max-width:600px){.logistic-all-head{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} } @media screen and (max-width:768px){.logistic-all-head .btn{margin:0 auto} } .logistic-all-srch-wrap{position:relative;height:4rem;min-width:30rem} .logistic-all-srch-wrap input{width:100%;height:100%;border:0.1rem solid transparent;-webkit-transition:0.4s;transition:0.4s;background-color:white;padding:1.2rem;padding-left:4rem;border-radius:.8rem;font-size:1.4rem} .logistic-all-srch-wrap button{width:2rem;height:2rem;position:absolute;left:1.2rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .logistic-all-srch-wrap button img{height:100%;width:100%} .logistic-item .inner{padding:2rem;border:0.1rem solid var(--bd-gray);border-radius:.8rem;background-color:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .logistic-item .inner .heads{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} .logistic-item .inner .heads .images{display:-webkit-box;display:-ms-flexbox;display:flex} .logistic-item .inner .heads .images .img{width:40%} .logistic-item .inner .heads .images .img-inner{display:block;padding-top:calc((1 / 1) * 100%);position:relative;overflow:hidden} .logistic-item .inner .heads .images .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .logistic-item .inner .heads .images .link{padding:.8rem 1.2rem;height:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0.1rem solid var(--color-pri);border-radius:.5rem;font-size:1.4rem;font-weight:500;gap:1rem;color:var(--color-pri);margin-left:auto;-webkit-transition:0.4s;transition:0.4s} .logistic-item .inner .heads .images .link::before{content:'';width:1rem;height:1rem;-ms-flex-negative:0;flex-shrink:0;background-color:#21C245;border-radius:100rem} @media (hover:hover){.logistic-item .inner .heads .images .link:hover{background-color:var(--color-pri);color:white} } .logistic-item .inner .heads .images .img-right{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:end;gap:1rem} .logistic-item .inner .heads .images .img-right .img-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.8rem;font-size:1.4rem;padding:.2rem 1rem;border-radius:.4rem;background-color:#f1f1f1} .logistic-item .inner .heads .images .img-right .img-heart{margin-top:auto;width:4rem;height:4rem;border-radius:.8rem;border:0.1rem solid var(--color-pri);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-pri);cursor:pointer} @media (hover:hover){.logistic-item .inner .heads .images .img-right .img-heart:hover{background-color:var(--color-pri)} .logistic-item .inner .heads .images .img-right .img-heart:hover i{font-weight:900;color:red} } .logistic-item .inner .heads .tt{font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .logistic-item .inner .heads .rate{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem 2rem;-ms-flex-wrap:wrap;flex-wrap:wrap} .logistic-item .inner .heads .rate-veri{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;font-size:1.2rem;color:#666666} .logistic-item .inner .heads .rate-veri img{width:1.2rem;height:1.2rem;-ms-flex-negative:0;flex-shrink:0} .logistic-item .inner .heads .address{font-size:1.4rem} .logistic-item .inner .heads .address-line{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem} .logistic-item .inner .heads .address-line img{width:2.4rem;height:2.4rem} .logistic-item .inner .heads .address-line .show{color:#0265FA;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.logistic-item .inner .heads .address-line .show:hover{color:var(--color-second)} } .logistic-item .inner .bodies{padding:1.5rem 0;margin:1.5rem 0;border:0.1rem solid var(--bd-gray);border-left:none;border-right:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} .logistic-item .inner .bodies .info .tt{font-weight:700} .logistic-item .inner .footers{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} .logistic-item .inner .footers .btn{height:4rem} .logistic-item .inner .footers .btn.second{border:0.1rem solid var(--color-second);background-color:transparent} .logistic-item .inner .footers .btn.second img{width:1.6rem;height:1.6rem} .logistic-item .inner .footers .btn.second .txt{color:var(--color-second);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} @media (hover:hover){.logistic-item .inner .footers .btn.second:hover .txt{color:white} .logistic-item .inner .footers .btn.second:hover img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)} } .logistic-item .inner .footers .btn.full{width:17.1rem} .logistic-five-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .logistic-five-item .inner{padding:1.6rem;background-color:white;border:0.1rem solid #E5E5E5;border-radius:.8rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;text-align:center} .logistic-five-item .inner img{width:6rem;height:6rem;-ms-flex-negative:0;flex-shrink:0;border-radius:0} .logistic-five-item .inner .tt{--f-sz:clamp(1.5rem, calc(1.3279rem + 0.2459vw), 1.8rem);font-size:var(--f-sz);font-weight:700} .logistic-five-item .inner .des{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .logistic-five-item .inner .link{font-weight:700;color:var(--color-pri);-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.logistic-five-item .inner .link:hover{color:var(--color-second)} } .support-cate-search{-ms-flex-negative:0;flex-shrink:0;cursor:pointer;margin-left:auto;position:relative} .support-cate-search .support-cate-input{position:absolute;top:0;right:calc(100% + 1rem);min-width:20rem;height:4rem;display:none} @media screen and (max-width:576px){.support-cate-search .support-cate-input{width:calc(100vw - 9.7rem)} } .support-cate-search .support-cate-input form{height:100%} .support-cate-search .support-cate-input input{height:100%;width:100%;border:0.1rem solid var(--bd-gray);padding:.5rem 1rem;border-radius:.8rem;font-size:1.4rem} .support-cate-search.open .icon{background-color:var(--color-second)} .support-cate-search.open .icon img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)} .support-cate-search.open .support-cate-input{display:block} .support-cate-search .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:4rem;height:4rem;border-radius:.8rem;-webkit-transition:0.4s;transition:0.4s} .support-cate-search .icon img{width:2rem;height:2rem} @media (hover:hover){.support-cate-search .icon:hover{background-color:var(--color-second)} .support-cate-search .icon:hover img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)} } .support-cate-nav{margin:4rem 0} .support-cate-nav-btn{color:var(--color-pri);background-color:#E4F1FA;padding:.8rem 1.6rem;border-radius:.8rem;width:20rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .support-cate-nav-btn i{margin-left:auto} @media screen and (min-width:1201px){.support-cate-nav-btn{display:none} } .support-cate-nav-flex{position:relative;padding:.8rem 1.6rem;background-color:white;border-radius:.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} @media screen and (max-width:1400px){.support-cate-nav-flex{--gap:4rem} } @media screen and (max-width:1200px){.support-cate-nav-flex{--gap:1rem} } @media screen and (max-width:768px){.support-cate-nav-flex{-ms-flex-wrap:wrap;flex-wrap:wrap} } .support-cate-nav-flex .menu-list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .support-cate-nav-flex .btn{height:4rem;-ms-flex-negative:0;flex-shrink:0} @media screen and (max-width:768px){.support-cate-nav-flex .btn{width:100%} } .support-cate-nav .menu-list{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--gap);-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left} @media screen and (max-width:1200px){.support-cate-nav .menu-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;width:20rem;position:absolute;top:5rem;height:auto;z-index:3;background-color:white;padding:.5rem;-webkit-box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;border-radius:.8rem;display:none} .support-cate-nav .menu-list.open{display:-webkit-box;display:-ms-flexbox;display:flex} } .support-cate-nav .menu-item{position:relative;-ms-flex-negative:0;flex-shrink:0} @media screen and (max-width:1200px){.support-cate-nav .menu-item::after{display:none} } .support-cate-nav .menu-item:not(:last-child)::after{content:'';position:absolute;right:calc(-1*var(--gap)/2);width:0.1rem;height:1.2rem;background:var(--bd-gray);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:none} .support-cate-nav .menu-item:hover > .menu-list{max-height:20rem} @media screen and (min-width:1200px){.support-cate-nav .menu-item:hover > .menu-list{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:visible} } .support-cate-nav .menu-item > .menu-list{gap:.5rem !important;background-color:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:.5rem;border-radius:.8rem;gap:.5rem;height:auto;z-index:3;-webkit-transition:0.4s;transition:0.4s;position:static !important;width:auto;-webkit-box-shadow:unset;box-shadow:unset} @media screen and (min-width:1201px){.support-cate-nav .menu-item > .menu-list{position:absolute !important;min-width:20rem;top:100%;pointer-events:none;-webkit-transform:translateY(4rem);transform:translateY(4rem);opacity:0;-webkit-box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px} } .support-cate-nav .menu-item > .menu-list .menu-item{width:100%} .support-cate-nav .menu-item > .menu-list .menu-item::after{display:none} .support-cate-nav .menu-item > .menu-list .menu-item .menu-link{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start} @media screen and (max-width:1200px){.support-cate-nav .menu-item > .menu-list .menu-item .menu-link{background:transparent} } @media (hover:hover){.support-cate-nav .menu-item > .menu-list .menu-item .menu-link:hover{background-color:var(--color-pri);color:white} } @media screen and (max-width:1200px){.support-cate-nav .menu-item > .menu-list{max-height:0;overflow:hidden;padding:0;opacity:1} } .support-cate-nav .menu-item:has(> .menu-list) > .menu-link{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .support-cate-nav .menu-item:has(> .menu-list) > .menu-link::after{content:'\f078';font-family:"Font Awesome 6 Pro";display:inline-block;margin-left:0.8rem;font-size:1em;-webkit-transition:0.4s;transition:0.4s;margin-left:1rem} @media (hover:hover){.support-cate-nav .menu-item:hover > .menu-link{color:var(--color-pri);background-color:#E4F1FA} .support-cate-nav .menu-item:hover > .menu-link::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)} } .support-cate-nav .menu-link{padding:.8rem 1.6rem;border-radius:.8rem;-webkit-transition:0.4s;transition:0.4s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer} @media screen and (max-width:1200px){.support-cate-nav .menu-link{color:var(--color-pri);background-color:#E4F1FA} } @media screen and (max-width:992px){.support-cate-nav .menu-link{-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset} } .support-cate-wrapper{background-color:white;padding:3.2rem;border-radius:.8rem} .support-cate-wrapper .business-activity-list{position:relative;z-index:2} .support-cate-wrapper .num img{border-radius:0;width:6rem;height:6rem} @media screen and (max-width:768px){.support-cate-wrapper .num img{width:3rem;height:3rem} } .support-cate-price{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content} @media screen and (max-width:576px){.support-cate-price{width:100%} } .support-cate-price .btn{min-width:17.5rem} .support-cate-price .btn .txt{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .support-cate-dropdown{position:absolute;background-color:white;padding:1.2rem;border-radius:.8rem;-webkit-box-shadow:0px 12px 24px rgba(51, 95, 168, 0.16);box-shadow:0px 12px 24px rgba(51, 95, 168, 0.16);z-index:3;width:100%;display:none;top:100%} .support-cate-dropdown.open{display:block} .support-cate-dropdown.maxTop{bottom:unset;top:100%} .support-cate-dropdown.maxBot{top:unset;bottom:100%} .support-cate-block .tt{color:#666666} .support-cate-link{padding:.8rem 1.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} .support-cate-link img{width:1.6rem;height:1.6rem;-ms-flex-negative:0;flex-shrink:0} @media (hover:hover){.support-cate-link:hover{color:var(--color-pri)} .support-cate-link:hover img{-webkit-filter:brightness(0) saturate(100%) invert(20%) sepia(75%) saturate(1808%) hue-rotate(204deg) brightness(93%) contrast(90%);filter:brightness(0) saturate(100%) invert(20%) sepia(75%) saturate(1808%) hue-rotate(204deg) brightness(93%) contrast(90%)} } .support-tab{margin-top:var(--pd-sc);--w:37rem} @media screen and (min-width:1201px){.support-tab-flex{--bs-gutter-x:4rem} } .support-tab-side{width:var(--w);position:relative;-ms-flex-negative:0;flex-shrink:0} .support-tab-side::after{content:'';position:absolute;right:0;top:0;width:0.1rem;height:100%;background:var(--bd-gray)} .support-tab-side .tt{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);margin-bottom:1rem} @media screen and (max-width:1200px){.support-tab-side{width:100%} } .support-tab-main{width:calc(100% - var(--w))} .support-tab-main .wrapper{height:100%} .support-tab-main .side-open{margin-right:calc(-1*(var(--haft)) - 0.7rem);position:sticky;top:16rem} @media screen and (max-width:1200px){.support-tab-main .side-open{top:7rem} } @media screen and (min-width:1201px){.support-tab-main .side-open{display:none} } .support-tab-main .side-open-wrap{background-color:var(--color-pri);color:white;border-radius:.4rem 0 0 .4rem;margin-left:auto;margin-bottom:-2rem} .support-tab-main .tt{--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz);font-weight:700;color:var(--color-pri);margin-bottom:1rem} .support-tab-main .list:not(:first-child){margin-top:2.4rem} .support-tab-main .list .heads{color:var(--color-pri)} @media screen and (max-width:1200px){.support-tab-main{width:100%} } .support-tab-btn{padding:.4rem .8rem;border-radius:.4rem} .support-tab-btn.active{background-color:#E4F1FA;color:var(--color-pri);font-weight:700} .support-cate-item .inner{border-radius:3rem;background-color:white;padding:2.7rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;text-align:center;border:0.1rem solid var(--bd-gray)} .support-cate-item .inner img{width:6rem;height:6rem;border-radius:unset} .support-cate-item .inner .tt{--f-sz:clamp(1.5rem, calc(1.3279rem + 0.2459vw), 1.8rem);font-size:var(--f-sz);font-weight:700;color:var(--color-pri)} .support-cate-item .inner .des{font-size:1.4rem} .support-cate-item .inner .link{font-weight:700;font-size:1.6rem;margin-top:auto;color:var(--color-pri);-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.support-cate-item .inner .link:hover{color:var(--color-second)} } @media screen and (max-width:1200px){.support-cate-item .inner{border-radius:.8rem} } .contact-wrap{background-color:white;padding:3.2rem;border-radius:.8rem;max-width:65.2rem;margin:0 auto} .contact-wrap .title-line{margin-bottom:1rem} .contact-wrap .description{margin-bottom:2.4rem} .contact-form .btn{min-width:16rem;margin-top:2.4rem;margin-left:auto} @media screen and (max-width:576px){.contact-form .btn{width:100%} } .contact-two-flex .tt{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700} .contact-two-left .wrapper .heads{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;gap:2rem} .contact-two-left .wrapper .heads .link{width:2.4rem;height:2.4rem;-webkit-transition:0.4s;transition:0.4s;border-radius:.5rem} @media (hover:hover){.contact-two-left .wrapper .heads .link:hover{background-color:var(--color-pri)} .contact-two-left .wrapper .heads .link:hover img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)} } .contact-two-left .wrapper .heads .link img{height:100%;width:100%} .contact-two-left .wrapper .bodies .address-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;font-size:1.4rem} .contact-two-left .wrapper .bodies .address-link:not(:first-child){margin-top:.5rem} .contact-two-left .wrapper .bodies .address-link img{width:2rem;height:2rem;-ms-flex-negative:0;flex-shrink:0} .contact-two-left .wrapper .bodies .address-link .show{color:#0265FA;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.contact-two-left .wrapper .bodies .address-link .show:hover{color:var(--color-second)} } .contact-two-left .wrapper .bodies .address-link .txt{-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.contact-two-left .wrapper .bodies .address-link .txt:hover{color:var(--color-second)} } @media screen and (max-width:993px){.contact-two-left{width:100%} } .contact-two-right .wrapper{background-color:white;padding:3.2rem;border-radius:.8rem} @media screen and (max-width:500px){.contact-two-right .wrapper{padding:1.6rem} .contact-two-right .wrapper .tt{text-align:center} .contact-two-right .wrapper .btn{width:100%} } .contact-two-right .form-ip .btn .txt{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .contact-two-right .note{text-align:center;margin-top:1rem;font-size:1.4rem} .contact-two-right .note-link{color:#0265FA;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.contact-two-right .note-link:hover{color:var(--color-second)} } @media screen and (max-width:993px){.contact-two-right{width:100%} } .rate-left .wrapper{padding:1.6rem;background-color:white;border-radius:.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:2rem} @media screen and (min-width:769px){.rate-left .wrapper{position:sticky;top:12rem} } @media screen and (min-width:1201px){.rate-left .wrapper{position:sticky;top:16rem} } @media screen and (max-width:992px){.rate-left .wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} } .rate-left .wrapper .num-txt{--f-sz:clamp(2.2rem, calc(1.6262rem + 0.8197vw), 3.2rem);font-size:var(--f-sz);font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;height:100%} .rate-left .wrapper .num img{width:1em;height:1em} .rate-left .wrapper .num-rate-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem} @media screen and (max-width:768px){.rate-left{width:100%} } @media screen and (max-width:768px){.rate-right{width:100%} } .rate-cmt{padding:1.6rem;background-color:white;border-radius:.8rem} .rate-cmt .tt{--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz);font-weight:700;color:var(--color-pri);margin-bottom:1rem} .rate-cmt .rating{margin-bottom:1rem} .rate-cmt .btn .txt{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .rate-bl{margin-top:2.4rem} .rate-bl .tt{--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz);font-weight:700;margin-bottom:1rem} .rate-bl .promotion-page{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;margin-top:2.4rem} .rate-bl-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.8rem} .rate-bl-item{padding:1.6rem;background-color:white;border-radius:.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem} .rate-bl-item > img{width:4.4rem;height:4.4rem;-ms-flex-negative:0;flex-shrink:0;border-radius:100rem} .rate-bl-item .ctn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem} .rate-bl-item .ctn .name{font-weight:700} .member-month{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.4rem;border-radius:100rem;border:0.1rem solid var(--bd-gray);background-color:white;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;gap:4rem;margin:0 auto} .member-month-item{cursor:pointer} .member-month-item input{display:none} .member-month-item .txt{padding:.8rem 4rem;border-radius:100rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-pri);--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz)} .member-month-item input:checked ~ .txt{background-color:var(--color-pri);color:white} .member-month-item:not(:first-child) .txt{position:relative} .member-month-item:not(:first-child) .txt::after{content:attr(data-percen);position:absolute;left:50%;-webkit-transform:translateX(-50%) translateY(calc(50% + .4rem));transform:translateX(-50%) translateY(calc(50% + .4rem));bottom:0;padding:.4rem 1.2rem;border-radius:10rem;background-color:var(--color-second);color:white;font-size:1.4rem} @media screen and (max-width:768px){.member-month{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;border-radius:0;gap:1rem;background-color:transparent;padding:0;border:none} .member-month-item .txt{padding:0;-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset;text-align:left;gap:1rem;color:var(--color-text);font-weight:600;position:relative} .member-month-item .txt::before{content:'';position:absolute;width:2.4rem;height:2.4rem;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-image:url("../assets/images/check-empty.svg");background-repeat:no-repeat;background-position:center;background-size:cover} .member-month-item:not(:first-child) .txt::after{position:static;display:block;-webkit-transform:none;transform:none} .member-month-item input:checked ~ .txt{background-color:transparent;color:var(--color-pri)} .member-month-item input:checked ~ .txt::before{background-image:url("../assets/images/check-fill.svg")} } .member-txt{margin-bottom:2rem;--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz);font-weight:700} @media screen and (min-width:769px){.member-txt{display:none} } .member-table-desktop{background-color:white;padding:2rem 3rem;margin-top:3.2rem;border-radius:.8rem} .member-table-desktop table{width:100%} .member-table-desktop table thead tr th{font-weight:700;color:var(--color-pri);padding:1rem 0;border-bottom:0.1rem solid var(--bd-gray)} .member-table-desktop table thead tr th:not(:first-child){text-align:center} .member-table-desktop table tbody tr td{padding:1rem 0} .member-table-desktop table tbody tr td:not(:first-child){text-align:center;padding-left:1rem} .member-table-desktop table tbody tr td img{width:2rem;height:2rem} .member-table-desktop table tbody tr:nth-child(even) td{background-color:#FBFBFB} .member-table-desktop table tbody tr.thelast td{font-weight:700} .member-table-desktop table tbody tr.thelast td:not(:first-child){color:var(--color-pri)} .member-table-desktop table tbody tr.thebtn td .btn{margin:0 auto} @media screen and (max-width:768px){.member-table-desktop{display:none} } .member-table-mobile{margin-top:2.4rem;background-color:white;border-radius:.8rem;padding:2rem} @media screen and (min-width:769px){.member-table-mobile{display:none} } .member-table-mobile table tbody tr td{padding:1rem;min-width:10rem;vertical-align:middle} .member-table-mobile table tbody tr td:not(:first-child){text-align:right} .member-table-mobile table tbody tr td img{width:2rem;height:2rem;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;display:block} .member-table-mobile table tbody tr:nth-child(even) td{background-color:#FBFBFB} .member-table-mobile table tbody tr.thelast td{font-weight:700} .member-table-mobile table tbody tr.thelast td:not(:first-child){color:var(--color-pri)} .member-table-mobile table tbody tr.thebtn td .btn{margin:0 auto} .member-table-btns{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:2.4rem;border-bottom:0.1rem solid var(--bd-gray)} .member-table-btn{width:50%;padding:1.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:0.2rem solid transparent;position:relative} .member-table-btn.noneSale::after{display:none} .member-table-btn:not(:first-child)::after{content:attr(data-percen);position:absolute;padding:.4rem 1.2rem;border-radius:10rem;background-color:var(--color-second);color:white;font-size:1.4rem;bottom:0;-webkit-transform:translateY(calc(50%));transform:translateY(calc(50%))} .member-table-btn.active{border-bottom-color:var(--color-pri);color:var(--color-pri);font-weight:500} .account-container{max-width:139.2rem;padding:0 0.75rem;margin:0 auto} .account-form .wrapper{padding:4rem 2rem;background-color:white;border-radius:.8rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .account-form .wrapper .description{margin-bottom:2.4rem} .account-form-wrap{max-width:39.6rem;margin:0 auto} .account-form-note{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:1.4rem} .account-form-link{-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.account-form-link:hover{color:var(--color-second)} } .account-form-change{text-align:center;font-size:1.4rem} .account-form-change .link{color:#0265FA} @media (hover:hover){.account-form-change .link:hover{color:var(--color-second)} } .account-form .btn{max-width:30rem;height:4rem} .account-images .wrapper{height:100%} .account-images .img{height:100%} .account-images .img-inner{display:block;padding-top:calc((588 / 684) * 100%);position:relative;overflow:hidden;height:100%} .account-images .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .account-success{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center} .account-success img{width:10rem;height:10rem;margin:0 auto} .account-success .btn{margin-top:0} .account-popup{max-width:50rem} .account-popup .popup-wrapper{padding:0} .account-popup .account-form .wrapper{padding:0} .account-flex{-webkit-box-align:center;-ms-flex-align:center;align-items:center} .promotion-hot-flex{--w:22.4rem;--bs-gutter-x:2.4rem;--bs-gutter-y:2.4rem} @media screen and (max-width:1200px){.promotion-hot-flex{--bs-gutter-x:1.2rem;--bs-gutter-y:1.2rem} } .promotion-hot-side{width:var(--w);height:100%;-ms-flex-negative:0;flex-shrink:0} @media screen and (min-width:1201px){.promotion-hot-side{position:sticky;top:16rem} } .promotion-hot-side .wrapper{border:0.1rem solid var(--bd-gray);padding:1.6rem .8rem;border-radius:.8rem;background-color:white} .promotion-hot-side .wrapper .tt{padding:.8rem 1rem;font-weight:700;color:var(--color-pri);position:relative;margin-bottom:2.4rem} .promotion-hot-side .wrapper .tt::after{content:'';position:absolute;width:calc(100% - 2rem);left:1rem;bottom:0;height:0.2rem;background-color:var(--color-pri)} @media screen and (min-width:1201px){.promotion-hot-side .wrapper{max-height:calc(100vh - 17rem);overflow-y:auto} } @media screen and (max-width:1200px){.promotion-hot-side{width:100%} } .promotion-hot-main{width:calc(100% - var(--w));position:relative} @media screen and (max-width:1200px){.promotion-hot-main{width:100%} } .promotion-hot-main::after{content:'';position:absolute;left:0;top:0;height:100%;width:0.1rem;background-color:var(--bd-gray)} @media screen and (max-width:1200px){.promotion-hot-main::after{display:none} } .promotion-hot-main .side-open{width:4rem;height:4rem;background-color:var(--color-pri);border-radius:1rem 0 0 1rem;top:30%} .promotion-hot-main .side-open img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)} .promotion-hot-main .container{padding:0} .promotion-hot-main .homes-find-wrap{padding:1.6rem;margin-bottom:1.6rem} .promotion-hot-main .homes-find-tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.6rem} .promotion-hot-main .homes-find-head{margin-bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2} .promotion-hot-main .homes-find-head .support-cate-price{margin-left:auto} .promotion-hot-main .homes-find-where .form-ip{--w1:18.4rem;--w2:0rem;--w3:4.8rem} @media screen and (min-width:993px){.promotion-hot-main .homes-find-where .form-ip:nth-child(2){-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1} } .promotion-hot-wrapper{margin-bottom:2.4rem} .promotion-list{--bs-gutter-x:2.4rem;--bs-gutter-y:2.4rem} @media screen and (max-width:1200px){.promotion-list{--bs-gutter-x:1.2rem;--bs-gutter-y:1.2rem} } .promotion-cl-block{padding:.8rem 1rem} .promotion-cl-item:not(:last-child){margin-bottom:2.4rem} .promotion-cl-item.active .promotion-cl-head{color:var(--color-pri)} .promotion-cl-item.active .promotion-cl-head img{-webkit-filter:brightness(0) saturate(100%) invert(22%) sepia(96%) saturate(1012%) hue-rotate(196deg) brightness(91%) contrast(97%);filter:brightness(0) saturate(100%) invert(22%) sepia(96%) saturate(1012%) hue-rotate(196deg) brightness(91%) contrast(97%)} .promotion-cl-item.active .promotion-cl-head i{-webkit-transform:rotate(180deg);transform:rotate(180deg)} .promotion-cl-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;padding-bottom:1rem;line-height:1;font-weight:700} .promotion-cl-head img{margin-top:-0.2rem;width:1.6rem;height:1.6rem;-ms-flex-negative:0;flex-shrink:0} .promotion-cl-head i{margin-left:auto;font-size:0.7em;-webkit-transition:0.4s;transition:0.4s} .promotion-cl-body .list{padding-left:2rem;position:relative} .promotion-cl-body .list::after{content:'';position:absolute;left:0.8rem;top:0;width:0.1rem;height:100%;background-color:var(--bd-gray)} .promotion-cl-body .list-item:not(:first-child){margin-top:1rem} .promotion-page{margin-top:2.4rem;font-size:1.4rem} .promotion-page .txt{white-space:nowrap} .promotion-page-flex{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;gap:2rem} @media screen and (max-width:768px){.promotion-page-flex{display:none} } .promotion-page-per{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} .promotion-page-per select{font-size:1.4rem} .promotion-page-see{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} .promotion-page-see input{width:100%;height:3.2rem;max-width:4rem;text-align:center;border-radius:.4rem;border:0.1rem solid var(--bd-gray);font-size:1.2rem} .promotion-page-see input:focus{border-color:var(--color-pri)} .promotion-page-see .btn{height:3.2rem;min-width:6.1rem} .promotion-page-see .btn .txt{font-size:1.4rem;font-weight:400} .promotion-page-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem} @media screen and (min-width:769px){.promotion-page-mobile{display:none} } .promotion-page-link{width:calc(50% - 0.5rem);border:0.1rem solid var(--color-pri);padding:1rem 2rem;border-radius:.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0.5rem;font-size:1.4rem;font-weight:500;color:var(--color-pri);-webkit-transition:0.4s;transition:0.4s} .promotion-page-link img{width:2rem;height:2rem} @media (hover:hover){.promotion-page-link:hover{background-color:var(--color-pri);color:white} .promotion-page-link:hover img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)} } .promotion-page-link:nth-child(2){background-color:var(--color-pri);color:white} .promotion-page-link:nth-child(2) img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)} .promotion-page-number{text-align:center} .promotion-dt-num{margin-bottom:2.4rem} @media screen and (max-width:1200px){.promotion-dt-num{margin-bottom:1rem} } .promotion-dt-num .wrapper{background-color:white;padding:2.4rem;border-radius:.8rem} @media screen and (max-width:768px){.promotion-dt-num .wrapper{padding:1rem} } .promotion-dt-flex{display:-webkit-box;display:-ms-flexbox;display:flex;--bs-gutter-x:2.4rem} @media screen and (max-width:1200px){.promotion-dt-flex{--bs-gutter-x:1.2rem} } .promotion-dt-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;width:20%;position:relative} .promotion-dt-item .num{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:2.4rem;height:2.4rem;border-radius:100rem;font-size:1.4rem;font-weight:600;border:0.1rem solid var(--bd-gray);position:relative;background-color:white;z-index:2;-webkit-box-shadow:0px 0px 0rem 0.4rem #ffffff;box-shadow:0px 0px 0rem 0.4rem #ffffff} .promotion-dt-item .num::after{content:'';position:absolute;height:100%;width:100%;top:0;left:0;background-image:url("../assets/images/circle-check.svg");background-repeat:no-repeat;background-position:center;background-size:cover;opacity:0} .promotion-dt-item .text{font-size:1.2rem;font-weight:700;text-align:center} @media screen and (max-width:768px){.promotion-dt-item .text{font-size:1rem} } .promotion-dt-item:not(:first-child)::before{content:'';position:absolute;right:calc(50% + 1.2rem);top:1.2rem;width:100%;height:0.2rem;background-color:#F6F6F6} .promotion-dt-item.active::before{background-color:var(--color-pri)} .promotion-dt-item.active .num::after{opacity:1} .promotion-dt-item.current::before{background-color:var(--color-pri)} .promotion-dt-item.current .num{-webkit-box-shadow:0px 0px 0rem 0.4rem #e1c6ff;box-shadow:0px 0px 0rem 0.4rem #e1c6ff;border-color:var(--color-pri)} .promotion-dt-left .wrapper{background-color:white;padding:3.2rem;border-radius:.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2.4rem} @media screen and (max-width:1200px){.promotion-dt-left .wrapper{padding:1rem} } .promotion-dt-left .wrapper .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} .promotion-dt-left .wrapper .top .sub{font-size:1.3rem;color:#666666} .promotion-dt-left .wrapper .top .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;color:var(--color-pri);font-size:1.4rem;font-weight:500;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.promotion-dt-left .wrapper .top .link:hover{color:var(--color-second)} .promotion-dt-left .wrapper .top .link:hover img{-webkit-filter:brightness(0) saturate(100%) invert(74%) sepia(35%) saturate(7494%) hue-rotate(359deg) brightness(100%) contrast(107%);filter:brightness(0) saturate(100%) invert(74%) sepia(35%) saturate(7494%) hue-rotate(359deg) brightness(100%) contrast(107%)} } .promotion-dt-left .wrapper .top .tt{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700} .promotion-dt-left .wrapper .top-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.8rem} .promotion-dt-left .wrapper .mid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2.4rem} .promotion-dt-left .wrapper .mid .heads{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.6rem;font-weight:700} .promotion-dt-left .wrapper .mid .heads img{width:1.6rem;height:1.6rem} .promotion-dt-left .wrapper .mid .footers{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.2rem;color:#666666;gap:1rem} .promotion-dt-left .wrapper .mid .footers .txt{font-weight:700;white-space:nowrap} .promotion-dt-left .wrapper .mid .footers .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.4rem} .promotion-dt-left .wrapper .mid .footers .list-item{padding:.4rem .8rem;background-color:#F6F6F6;border-radius:100rem} .promotion-dt-left .wrapper .mid .prices{padding:1rem 0;border-top:0.1rem solid var(--bd-gray);border-bottom:0.1rem solid var(--bd-gray);display:-webkit-box;display:-ms-flexbox;display:flex;gap:4rem;line-height:1} .promotion-dt-left .wrapper .mid .prices .txt{font-size:1.4rem;font-weight:700} .promotion-dt-left .wrapper .mid .prices-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;gap:0.8rem} .promotion-dt-left .wrapper .mid .prices-old{font-size:1.2rem;position:relative} .promotion-dt-left .wrapper .mid .prices-old::after{content:'';position:absolute;width:100%;height:0.1rem;background-color:red;-webkit-transform:rotate(-10deg);transform:rotate(-10deg);left:0;bottom:0.5rem} .promotion-dt-left .wrapper .mid .prices-cur{font-weight:700;font-size:1.4rem} .promotion-dt-left .wrapper .mid .prices-cur .big{font-size:1.8rem} .promotion-dt-left .wrapper .mid .infos{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.4rem;color:#666666;gap:1rem} .promotion-dt-left .wrapper .mid .infos img{width:1.6rem;height:1.6rem;margin-bottom:-0.3rem;-ms-flex-negative:0;flex-shrink:0} .promotion-dt-left .wrapper .mid .actions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:2.4rem;border-top:0.1rem solid var(--bd-gray)} .promotion-dt-left .wrapper .mid .actions-heart{width:4rem;height:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.5rem;border:0.1rem solid var(--color-pri);-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.promotion-dt-left .wrapper .mid .actions-heart:hover{background-color:var(--color-pri)} .promotion-dt-left .wrapper .mid .actions-heart:hover i{font-weight:900;color:red} } .promotion-dt-left .wrapper .mid .actions-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem} @media screen and (max-width:500px){.promotion-dt-left .wrapper .mid .actions-btn{width:100%} } .promotion-dt-left .wrapper .mid .actions-btn .btn-action{height:4rem;padding:1rem 1.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-pri);border-radius:.5rem;font-size:1.4rem;font-weight:500;-webkit-transition:0.4s;transition:0.4s} @media screen and (max-width:390px){.promotion-dt-left .wrapper .mid .actions-btn .btn-action{width:100%} } .promotion-dt-left .wrapper .mid .actions-btn .btn-action.btn-chat{border:0.1rem solid var(--color-pri)} .promotion-dt-left .wrapper .mid .actions-btn .btn-action.btn-chat .txt{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} .promotion-dt-left .wrapper .mid .actions-btn .btn-action.btn-chat .txt::before{content:'';width:1rem;height:1rem;background-color:#21C245;border-radius:10rem;display:block} .promotion-dt-left .wrapper .mid .actions-btn .btn-action.btn-contact{background-color:var(--color-pri);gap:1rem;color:white} .promotion-dt-left .wrapper .mid .actions-btn .btn-action.btn-contact .txt{color:white} .promotion-dt-left .wrapper .mid .actions-btn .btn-action.btn-contact i{color:white} @media (hover:hover){.promotion-dt-left .wrapper .mid .actions-btn .btn-action.btn-contact:hover{background-color:var(--color-second)} } .promotion-dt-left .wrapper .mid .actions-btn .btn-action.btn-book{border:0.1rem solid var(--color-pri)} .promotion-dt-left .wrapper .mid .actions-btn .btn-action.btn-book .txt{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} @media (hover:hover){.promotion-dt-left .wrapper .mid .actions-btn .btn-action.btn-book:hover{border-color:var(--color-second);background-color:var(--color-second)} .promotion-dt-left .wrapper .mid .actions-btn .btn-action.btn-book:hover .txt{color:white} } .promotion-dt-left .wrapper .mid .tables .tb-head{font-size:1.2rem;font-weight:700;color:#666666} .promotion-dt-left .wrapper .mid .tables .tb-body{font-size:1.4rem} .promotion-dt-left .wrapper .mid .tables .tb-body > .tb-flex:last-child .tb-item:nth-child(n + 3){font-weight:700} .promotion-dt-left .wrapper .mid .tables .tb-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom:0.1rem solid var(--bd-gray)} .promotion-dt-left .wrapper .mid .tables .tb-flex .tt{width:100%;font-weight:700;padding:.8rem 0} .promotion-dt-left .wrapper .mid .tables .tb-flex .tb-flex{width:100%;border-bottom:none} .promotion-dt-left .wrapper .mid .tables .tb-flex .tb-flex .tb-item:first-child{font-weight:400;padding-left:2rem} .promotion-dt-left .wrapper .mid .tables .tb-item{width:20%;padding:.8rem .5rem} .promotion-dt-left .wrapper .mid .tables .tb-item:first-child{padding-left:0;font-weight:700} .promotion-dt-left .wrapper .mid .tables .tb-item:last-child{padding-right:0} .promotion-dt-left .wrapper .mid .tables .tb-item:nth-child(n + 3){text-align:right} @media screen and (max-width:600px){.promotion-dt-left .wrapper .mid .tables{overflow-x:auto} .promotion-dt-left .wrapper .mid .tables::-webkit-scrollbar{height:0} .promotion-dt-left .wrapper .mid .tables .tb-head, .promotion-dt-left .wrapper .mid .tables .tb-body{min-width:50.5rem} } .promotion-dt-left .wrapper .forms{--gap:2.4rem} @media screen and (max-width:1200px){.promotion-dt-left .wrapper .forms{--gap:1rem} } .promotion-dt-left .wrapper .forms-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2.4rem} .promotion-dt-left .wrapper .forms-boxs{border:0.1rem solid var(--bd-gray);border-radius:.8rem .8rem 0 0;padding:var(--gap)} .promotion-dt-left .wrapper .forms-box{border:0.1rem solid var(--bd-gray);border-radius:.8rem;padding:var(--gap)} .promotion-dt-left .wrapper .forms-box:not(:first-child){margin-top:2.4rem} .promotion-dt-left .wrapper .forms-box .tt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .promotion-dt-left .wrapper .forms-box .tt .text{font-weight:700} .promotion-dt-left .wrapper .forms-box .tt .del{width:3rem;height:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.4s;transition:0.4s;border-radius:.4rem} @media (hover:hover){.promotion-dt-left .wrapper .forms-box .tt .del:hover{background-color:red;color:white} } .promotion-dt-left .wrapper .forms-box .form-list{-webkit-box-align:end;-ms-flex-align:end;align-items:end} .promotion-dt-left .wrapper .forms-box .form-ip:nth-child(1){width:25%} .promotion-dt-left .wrapper .forms-box .form-ip:nth-child(2){width:30%} .promotion-dt-left .wrapper .forms-box .form-ip:nth-child(3){width:25%} .promotion-dt-left .wrapper .forms-box .form-ip:nth-child(4){width:20%} .promotion-dt-left .wrapper .forms-box .form-ip:nth-child(5){width:55%} .promotion-dt-left .wrapper .forms-box .form-ip:nth-child(6){width:45%} .promotion-dt-left .wrapper .forms-box .form-ip .input-noborder .text{padding:0;margin-left:0} .promotion-dt-left .wrapper .forms-box .form-ip .input-noborder input{padding:0} .promotion-dt-left .wrapper .forms-box .form-ip .input-check{margin-bottom:0.8rem} @media screen and (max-width:1200px){.promotion-dt-left .wrapper .forms-box .form-ip:nth-child(1), .promotion-dt-left .wrapper .forms-box .form-ip:nth-child(2), .promotion-dt-left .wrapper .forms-box .form-ip:nth-child(3), .promotion-dt-left .wrapper .forms-box .form-ip:nth-child(4){width:50%} .promotion-dt-left .wrapper .forms-box .form-ip:nth-child(5){width:100%} .promotion-dt-left .wrapper .forms-box .form-ip:nth-child(6){width:100%} } @media screen and (max-width:500px){.promotion-dt-left .wrapper .forms-box .form-ip:nth-child(n + 1){width:100%} .promotion-dt-left .wrapper .forms-box .form-ip:nth-child(3), .promotion-dt-left .wrapper .forms-box .form-ip:nth-child(4){width:50%} } .promotion-dt-left .wrapper .forms-box .total{padding-top:2.4rem;margin-top:2.4rem;border-top:0.1rem solid var(--bd-gray);font-size:1.4rem;font-weight:700;gap:4rem;display:-webkit-box;display:-ms-flexbox;display:flex} .promotion-dt-left .wrapper .forms-totals{border:0.1rem solid var(--bd-gray);border-radius:0 0 .8rem .8rem;padding:var(--gap);margin-top:-2.4rem;border-top:none} .promotion-dt-left .wrapper .forms-totals-box{gap:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;padding:var(--gap);border:0.1rem solid var(--bd-gray);border-radius:.8rem} .promotion-dt-left .wrapper .forms-totals-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:1.4rem} .promotion-dt-left .wrapper .forms-totals-item .val{font-weight:700} .promotion-dt-left .wrapper .forms-totals-item:last-child{font-weight:700;text-transform:uppercase} .promotion-dt-left .wrapper .forms-information{border:0.1rem solid var(--bd-gray);border-radius:.8rem;padding:var(--gap);margin-top:2.4rem} .promotion-dt-left .wrapper .forms-information .tt{font-weight:700;margin-bottom:1rem} .promotion-dt-left .wrapper .forms-information-block{margin:1rem 0} .promotion-dt-left .wrapper .forms-information-date{width:50%} @media screen and (max-width:992px){.promotion-dt-left .wrapper .forms-information-date{width:100%} } .promotion-dt-left .wrapper .forms-information-date input[type="date"]::-webkit-calendar-picker-indicator{-moz-appearance:textfield;background-image:url("../assets/images/ic-cld-blue.svg");background-repeat:no-repeat;background-position:center;background-size:cover;background-size:2rem;cursor:pointer} .promotion-dt-left .wrapper .forms-information-important{width:50%} @media screen and (max-width:992px){.promotion-dt-left .wrapper .forms-information-important{width:100%} } .promotion-dt-left .wrapper .forms-information-important textarea{width:100%;height:100%} .promotion-dt-left .wrapper .forms-information-important .form-list{height:100%} .promotion-dt-left .wrapper .forms-information-important .form-list .form-ip{height:inherit} .promotion-dt-left .wrapper .forms-information-important .form-list .form-ip .input-float{height:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .promotion-dt-left .wrapper .forms-information-other{margin-top:2.4rem;padding-top:2.4rem;border-top:0.1rem solid var(--bd-gray)} .promotion-dt-left .wrapper .forms-information-other .headx{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem 2rem;margin-bottom:1rem} .promotion-dt-left .wrapper .forms-information-other .headx .tt{margin-bottom:0} .promotion-dt-left .wrapper .forms-information-other .headx .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;font-size:1.4rem;font-weight:500;color:var(--color-pri)} .promotion-dt-left .wrapper .forms-information-other .listx{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem} .promotion-dt-left .wrapper .forms-information-other .listx-tag{padding:.4rem .8rem;border-radius:.8rem;background-color:#F6F6F6;-webkit-transition:0.4s;transition:0.4s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem} @media (hover:hover){.promotion-dt-left .wrapper .forms-information-other .listx-tag:hover{background-color:#E4F1FA;color:var(--color-pri)} } .promotion-dt-left .wrapper .forms-information-other .listx-tag .del{width:2rem;height:2rem;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.promotion-dt-left .wrapper .forms-information-other .listx-tag .del:hover{color:red} } .promotion-dt-left .wrapper .forms-information-change.normal .form-list .form-ip:nth-child(1){width:30%} .promotion-dt-left .wrapper .forms-information-change.normal .form-list .form-ip:nth-child(2){width:70%} @media screen and (max-width:992px){.promotion-dt-left .wrapper .forms-information-change.normal .form-list .form-ip:nth-child(1){width:50%} .promotion-dt-left .wrapper .forms-information-change.normal .form-list .form-ip:nth-child(2){width:50%} } @media screen and (max-width:500px){.promotion-dt-left .wrapper .forms-information-change.normal .form-list .form-ip:nth-child(n + 1){width:100%} } .promotion-dt-left .wrapper .forms-information-change.danger .form-list .form-ip:nth-child(1){width:30%} .promotion-dt-left .wrapper .forms-information-change.danger .form-list .form-ip:nth-child(2), .promotion-dt-left .wrapper .forms-information-change.danger .form-list .form-ip:nth-child(3), .promotion-dt-left .wrapper .forms-information-change.danger .form-list .form-ip:nth-child(4){width:calc(70%/3)} @media screen and (max-width:992px){.promotion-dt-left .wrapper .forms-information-change.danger .form-list .form-ip:nth-child(n + 1){width:100%} } .promotion-dt-left .wrapper .forms-information-change.cold .form-list .form-ip:nth-child(1){width:30%} .promotion-dt-left .wrapper .forms-information-change.cold .form-list .form-ip:nth-child(2){width:70%} .promotion-dt-left .wrapper .forms-information-change.cold .form-list .form-ip:nth-child(3), .promotion-dt-left .wrapper .forms-information-change.cold .form-list .form-ip:nth-child(4), .promotion-dt-left .wrapper .forms-information-change.cold .form-list .form-ip:nth-child(5){width:calc(100%/3)} @media screen and (max-width:992px){.promotion-dt-left .wrapper .forms-information-change.cold .form-list .form-ip:nth-child(n + 1){width:100%} } .promotion-dt-left .wrapper .forms-danger .form-list .form-ip{width:calc(100% / 3)} @media screen and (max-width:1200px){.promotion-dt-left .wrapper .forms-danger .form-list .form-ip{width:50%} } @media screen and (max-width:992px){.promotion-dt-left .wrapper .forms-danger .form-list .form-ip{width:100%} } @media screen and (min-width:1200px){.promotion-dt-left .wrapper .forms .text{font-size:1.4rem} } .promotion-dt-left .wrapper .actions-booking .actions-btn{margin-left:auto} @media screen and (max-width:768px){.promotion-dt-left{width:100%} } .promotion-dt-right .wrapper{background-color:white;padding:3.2rem;border-radius:.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;font-size:1.4rem} @media screen and (min-width:769px){.promotion-dt-right .wrapper{position:sticky;top:12rem} } @media screen and (min-width:1201px){.promotion-dt-right .wrapper{position:sticky;top:17rem} } @media screen and (max-width:1200px){.promotion-dt-right .wrapper{padding:1rem} } .promotion-dt-right .wrapper .heads{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem} .promotion-dt-right .wrapper .heads > img{width:10.4rem;height:10.4rem;-ms-flex-negative:0;flex-shrink:0;border:0.1rem solid var(--bd-gray);border-radius:.8rem} @media screen and (max-width:993px){.promotion-dt-right .wrapper .heads > img{width:5rem;height:5rem} } .promotion-dt-right .wrapper .heads .name{font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .promotion-dt-right .wrapper .heads .rate{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem} .promotion-dt-right .wrapper .heads .rate-veri{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.2rem;gap:0.5rem} .promotion-dt-right .wrapper .heads .rate-veri img{width:1.2rem;height:1.2rem;-ms-flex-negative:0;flex-shrink:0} .promotion-dt-right .wrapper .infor{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} .promotion-dt-right .wrapper .infor-line{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 2.4rem} .promotion-dt-right .wrapper .infor-line .name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;min-width:12rem;color:#666666} .promotion-dt-right .wrapper .infor-line .name img{width:2rem;height:2rem} .promotion-dt-right .wrapper .infor-line .show-sdt{color:#0265FA;cursor:pointer;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.promotion-dt-right .wrapper .infor-line .show-sdt:hover{color:var(--color-second)} } .promotion-dt-right .wrapper .block .tt{font-size:1.6rem;font-weight:700} .promotion-dt-right .wrapper .block-link{color:#0265FA;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.promotion-dt-right .wrapper .block-link:hover{color:var(--color-second)} } .promotion-dt-right .wrapper .block.seemore .des{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} @media screen and (max-width:768px){.promotion-dt-right{width:100%;margin-top:1rem} } .promotion-dt-link{padding:.8rem 1.2rem;border:0.1rem solid var(--bd-gray);border-radius:100rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;color:#666666;font-size:1.4rem} .promotion-dt-link img{width:1.6rem;height:1.6rem;-ms-flex-negative:0;flex-shrink:0;border-radius:0} .promotion-dt-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;font-size:1.4rem} .promotion-dt-details .text{font-weight:700;color:var(--color-pri);text-align:center;width:16.4rem;-ms-flex-negative:0;flex-shrink:0} .promotion-dt-details .arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;width:100%} .promotion-dt-details .arrow img{width:1.6rem;height:1.6rem} .promotion-dt-details .arrow-line{width:100%;height:0.1rem;background-color:var(--bd-gray);position:relative} .promotion-dt-details .arrow-line::after{content:'';position:absolute;width:0.6rem;height:0.6rem;border-top:0.1rem solid var(--bd-gray);border-right:0.1rem solid var(--bd-gray);right:0;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)} .promotion-dt-details .arrow-text{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem} .promotion-dt-details .arrow-text .txt{position:relative} .promotion-dt-details .arrow-text .txt:not(:first-child)::after{content:'';position:absolute;left:-1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0.1rem;height:1.7rem;background-color:#333333} @media screen and (max-width:993px){.promotion-dt-details .arrow-text{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;gap:0} .promotion-dt-details .arrow-text .txt{font-size:1.2rem} } @media screen and (max-width:500px){.promotion-dt-details .text{width:10.4rem} } .promotion-dt-details.single .arrow-line::before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0.6rem;height:0.6rem;border-radius:100rem;background-color:var(--color-pri);-webkit-box-shadow:0 0 0 .6rem white;box-shadow:0 0 0 .6rem white} .promotion-dt-details.single .arrow-num{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem} .promotion-dt-details.single .arrow-text{color:var(--color-pri)} @media (hover:hover){.promotion-dt .btn-action.btn-chat:hover{background-color:var(--color-pri)} .promotion-dt .btn-action.btn-chat:hover .txt{color:white} } .cvc-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} .cvc-item{font-size:1.4rem;width:100%} .cvc-item:nth-child(1), .cvc-item:nth-child(2){width:50%} @media screen and (max-width:1200px){.cvc-item:nth-child(1), .cvc-item:nth-child(2){width:100%} } .cvc-item.layoutFour{width:100%} .cvc-item.layoutFour .cvc-address{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .cvc-item.layoutFour .cvc-address .cvc-address-line .name{min-width:unset} .cvc-item.layoutAuto{width:100%} .cvc-item.layoutAuto .cvc-address{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem} .cvc-item.layoutAuto .cvc-address .cvc-address-line .name{min-width:unset} .cvc-item .forms-totals-box{padding:1.6rem !important} .cvc-tt{font-weight:700;font-size:1.6rem} .cvc-address{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} @media screen and (max-width:500px){.cvc-address{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important} } .cvc-address-line{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem} .cvc-address-line .name{min-width:11.7rem;display:inline-block;white-space:nowrap;color:#666666} @media screen and (max-width:500px){.cvc-address-line .name{min-width:14.7rem !important} } .cvc-address-line .val{word-break:break-word} .cvc-description{font-size:1.2rem;color:#666666;padding-top:3.2rem;margin-top:3.2rem;border-top:0.1rem solid var(--bd-gray)} @media screen and (max-width:1200px){.cvc-description{padding-top:1rem;margin-top:1rem} } .cvc-description a{color:#0265FA} @media screen and (max-width:992px){.promotion-dt-left .wrapper .forms-information-change.cold .form-list .form-ip:nth-child(n + 1){width:50%} } @media screen and (max-width:992px){.promotion-dt-left .wrapper .forms-information-change.cold .form-list .form-ip:nth-child(n + 5){width:100%} } @media screen and (max-width:500px){.promotion-dt-left .wrapper .forms-information-change.cold .form-list .form-ip:nth-child(n + 1){width:100%} } @media screen and (max-width:992px){.promotion-dt-left .wrapper .forms-danger .form-list .form-ip:nth-child(1), .promotion-dt-left .wrapper .forms-danger .form-list .form-ip:nth-child(2), .promotion-dt-left .wrapper .forms-danger .form-list .form-ip:nth-child(3), .promotion-dt-left .wrapper .forms-danger .form-list .form-ip:nth-child(4){width:50%} } @media screen and (max-width:500px){.promotion-dt-left .wrapper .forms-danger .form-list .form-ip:nth-child(1), .promotion-dt-left .wrapper .forms-danger .form-list .form-ip:nth-child(2), .promotion-dt-left .wrapper .forms-danger .form-list .form-ip:nth-child(3), .promotion-dt-left .wrapper .forms-danger .form-list .form-ip:nth-child(4){width:100%} } @media screen and (max-width:992px){.promotion-dt-left .wrapper .forms-information .forms-information-change.danger .form-ip:nth-child(1), .promotion-dt-left .wrapper .forms-information .forms-information-change.danger .form-ip:nth-child(2), .promotion-dt-left .wrapper .forms-information .forms-information-change.danger .form-ip:nth-child(3), .promotion-dt-left .wrapper .forms-information .forms-information-change.danger .form-ip:nth-child(4){width:50%} } @media screen and (max-width:500px){.promotion-dt-left .wrapper .forms-information .forms-information-change.danger .form-ip:nth-child(1), .promotion-dt-left .wrapper .forms-information .forms-information-change.danger .form-ip:nth-child(2), .promotion-dt-left .wrapper .forms-information .forms-information-change.danger .form-ip:nth-child(3), .promotion-dt-left .wrapper .forms-information .forms-information-change.danger .form-ip:nth-child(4){width:100%} } .homes-prod-item .inner .img-inner{height:100%} .cvc-list .description{margin-bottom:2.4rem} .cvc-list .homes-prod-slide .swiper{-webkit-transform:none !important;transform:none !important} .cvc-list .homes-prod-slide .swiper-slide{margin-bottom:var(--rg);width:100%} .cvc-list .homes-prod-slide .swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-transform:none !important;transform:none !important} .cvc-list .homes-prod-slide .swiper-control{display:none} .cvc-list .homes-prod-slide .homes-prod-pagination{display:none} @media screen and (min-width:769px){.cvc-list .homes-prod-item .inner .info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2.4rem;padding:2.4rem} .cvc-list .homes-prod-item .inner .info .fromto{max-width:33.6rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .cvc-list .homes-prod-item .inner .info .fromto-arrow{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:5.6rem;position:relative;gap:0} .cvc-list .homes-prod-item .inner .info .fromto-arrow img:nth-child(2){-webkit-box-ordinal-group:-1;-ms-flex-order:-2;order:-2} .cvc-list .homes-prod-item .inner .info .fromto-arrow img:nth-child(1){-webkit-transform:rotate(-90deg);transform:rotate(-90deg);display:none} .cvc-list .homes-prod-item .inner .info .fromto-arrow::after{content:'';display:block;min-width:5.6rem;height:0.1rem;background-color:var(--bd-gray);-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;margin:1rem 0} .cvc-list .homes-prod-item .inner .info .fromto-arrow::before{content:'';position:absolute;width:0.6rem;height:0.6rem;border-top:0.1rem solid var(--bd-gray);border-right:0.1rem solid var(--bd-gray);right:0;top:calc(50% - 0.11rem);-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)} .cvc-list .homes-prod-item .inner .info .block{margin-left:auto;min-width:17rem;text-align:right} .cvc-list .homes-prod-item .inner .info .bot{max-width:33.6rem;padding-top:0;border:none} .cvc-list .homes-prod-item .inner .info .bot .name{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden} .cvc-list .homes-prod-item .inner .info .bot-action{-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset} .cvc-list .homes-prod-item .inner .info .bot .btn{background-color:transparent;border:0.1rem solid var(--color-pri)} .cvc-list .homes-prod-item .inner .info .bot .btn .txt{color:var(--color-pri)} .cvc-list .homes-prod-item .inner .info .bot .btn .txt::before{content:"\f054";font-family:"Font Awesome 6 Pro";display:inline-block} } @media screen and (min-width:769px) and (hover:hover){.cvc-list .homes-prod-item .inner .info .bot .btn:hover::after{background-color:var(--color-pri)} .cvc-list .homes-prod-item .inner .info .bot .btn:hover .txt{color:white} } @media screen and (min-width:769px){.cvc-list .homes-prod-item .inner .info .bot-heart{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1} } .cvc-list .promotion-list .col{width:100%} .cvc-editor .btn{height:4rem;margin-top:2.4rem;margin-left:auto} .cvc-editor .btn .txt{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .cvc-editor-line{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 1rem} .cvc-editor-line:not(:first-child){margin-top:1rem} .cvc-editor-line .name{font-weight:700;white-space:nowrap} .cvc-editor-line:last-child{margin-top:2.4rem;padding-top:2.4rem;border-top:0.1rem solid var(--bd-gray)} .cvc-editor-content{margin-top:1rem} .cvc-editor-text{background-color:white;padding:0 1rem;-webkit-transform:translateY(50%);transform:translateY(50%);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:2;margin-left:1rem;font-weight:700} .cvc-editor .cke_chrome{border-radius:.8rem;overflow:hidden} .cvc-editor .cke_top{background-color:white} .cvc-editor .cke_bottom{background-color:white} .storage-side-block .tts{font-weight:700;margin-bottom:0.8rem} .storage-side-block:not(:first-child){margin-top:2.4rem} .storage-side-block .checker .txt{font-size:1.4rem} .storage-side-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} .storage-main .description{margin-bottom:2.4rem} .storage-num{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem 3.2rem;padding:1.6rem;border:0.1rem solid var(--bd-gray);border-radius:.8rem;margin:1rem 0} .storage-num-it{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .storage-num-it .val{font-weight:700;--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz)} .storage-num-it .val .txt{font-size:1.6rem;font-weight:400} @media screen and (max-width:500px){.storage-num{border:none;padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .storage-num-it{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} } .storage-slide-main .swiper{border-radius:.8rem} .storage-slide-main .swiper-slide{width:100%} .storage-slide-main .img{width:100%} .storage-slide-main .img-inner{display:block;padding-top:calc((411 / 728) * 100%);position:relative;overflow:hidden} .storage-slide-main .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .storage-slide-thumb{margin-top:1.4rem;overflow:hidden} .storage-slide-thumb .swiper{--cg:1.4rem} .storage-slide-thumb .swiper-slide{width:calc(100% / 6);cursor:pointer} @media screen and (max-width:992px){.storage-slide-thumb .swiper-slide{width:calc(100% / 5)} } @media screen and (max-width:768px){.storage-slide-thumb .swiper-slide{width:calc(100% / 4)} } @media screen and (max-width:768px){.storage-slide-thumb .swiper-slide{width:calc(100% / 2.2)} } .storage-slide-thumb .swiper-slide-thumb-active .img-inner{border-color:var(--color-second);background-color:var(--color-second)} .storage-slide-thumb .img{width:100%} .storage-slide-thumb .img-inner{display:block;padding-top:calc((72 / 109) * 100%);position:relative;overflow:hidden;border-radius:.8rem;border:0.1rem solid transparent;-webkit-transition:0.4s;transition:0.4s} .storage-slide-thumb .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .storage-info-block{font-size:1.8rem} .storage-info-block:not(:first-child){margin-top:2rem} .storage-info-block .tt{--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz);font-weight:700;margin-bottom:0.5rem} .storage-map-inner{display:block;padding-top:calc((235 / 728) * 100%);position:relative;overflow:hidden;border-radius:.8rem} .storage-map-inner iframe{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .storage-tool{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem;margin-top:1rem;padding-top:2rem;border-top:0.1rem solid var(--bd-gray)} .storage-tool-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} .storage-tool-link img{width:2.4rem;height:2.4rem;-ms-flex-negative:0;flex-shrink:0;margin-top:-0.2rem} .storage-tool-link:last-child{margin-left:auto} .storage-heads{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:2.4rem} .storage-heads .txt .bold{font-weight:700} .storage-sl{height:4rem;min-width:25.6rem} .storage-sl select{height:100%;width:100%;font-size:1.4rem;padding:.8rem 2rem;border-radius:.8rem} .storage-sl select:focus{border-color:var(--color-pri);-webkit-box-shadow:none;box-shadow:none} .request-newest .title-logo{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:1rem} .request-newest .title-logo.verti + .description{margin-bottom:3.2rem} .request-newest .homes-price-nav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .request-box{background-color:white;padding:3.2rem;border-radius:.8rem} @media screen and (max-width:768px){.request-box{padding:1rem} .request-box .description{text-align:center} } .request-form .input-tv{border-bottom:none !important} .request-form-block:not(:first-child){margin-top:3.2rem;position:relative} .request-form-block:not(:first-child)::after{content:'';position:absolute;top:0;left:0;width:100%;height:0.1rem;background-color:var(--bd-gray)} .request-form-box{margin-top:2.4rem;padding:2.4rem;border:0.1rem solid var(--bd-gray);border-radius:.8rem} .request-form-box .input-check{margin-bottom:1rem} @media screen and (max-width:768px){.request-form-box{padding:1rem} } .request-form .input-float:has(textarea){height:100%} .request-form .input-float:has(textarea) textarea{height:100% !important;min-height:unset;margin-bottom:-0.8rem} .request-form .forms-information-important .forms-information-other{padding-top:0;margin-top:0;border:none} .request-form .forms-information-important .forms-information-other .headx{margin-bottom:2.3rem} .request-form .forms-information-important .input-float:has(textarea){height:unset !important;margin-top:2.4rem} .request-form .forms-information-important .input-float:has(textarea) textarea{height:100% !important;min-height:14rem;margin-bottom:0} .request-form form > .checker{margin:2.4rem 0} .request-form form > .btn{height:4rem} @media screen and (max-width:500px){.request-form form > .btn{width:100%} } .request-form form > .btn .txt{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} @media screen and (max-width:993px){.request-form .form-list .form-ip.per25{width:50%} } @media screen and (max-width:768px){.request-form .form-list .form-ip.per25{width:100%} } @media screen and (max-width:993px){.request-form .form-list .form-ip.per3{width:50%} } @media screen and (max-width:768px){.request-form .form-list .form-ip.per3{width:100%} } @media screen and (max-width:993px){.request-form .form-list .form-ip.per7{width:50%} } @media screen and (max-width:768px){.request-form .form-list .form-ip.per7{width:100%} } @media screen and (max-width:768px){.request-form .form-list .form-ip.per5{width:100%} } .checker.disable{pointer-events:none;opacity:0.5} .news-top-main-left{width:calc(6/9*100%)} .news-top-main-left .news-item .inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem} .news-top-main-left .news-item .inner .img{width:100%} .news-top-main-left .news-item .inner .img-inner{padding-top:calc(331/588*100%)} @media screen and (max-width:992px){.news-top-main-left{width:100%} } .news-top-main-right{width:calc(3/9*100%)} .news-top-main-right .news-item .inner .img{width:13.4rem;-ms-flex-negative:0;flex-shrink:0} .news-top-main-right .news-item .inner .img-inner{padding-top:calc(331/588*100%)} .news-top-main-right .news-item .inner .info-des{display:none} @media screen and (max-width:992px){.news-top-main-right{width:100%} } .news-top-main-bottom{margin-top:2.4rem;overflow:hidden} .news-top-main-bottom .news-item{border-left:0.1rem solid var(--bd-gray)} .news-top-main-bottom .news-item .inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .news-top-main-bottom .news-item .inner .img{display:none} @media screen and (max-width:992px){.news-top-main-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .news-top-main-list .news-item .img{width:19.2rem !important} } @media screen and (max-width:992px) and (max-width:400px){.news-top-main-list .news-item .img{width:14.2rem !important} } .news-top-banner-item{width:100%} @media screen and (max-width:992px){.news-top-banner-item{width:50%} } .news-top-banner-item .img-inner{display:block;padding-top:calc((194 / 439) * 100%);position:relative;overflow:hidden} .news-top-banner-item .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .news-bot-flex{margin-top:3.2rem} .news-bot-info{padding:1.6rem;border:0.1rem solid var(--bd-gray);border-radius:.8rem} .news-bot-info .tt{--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz);font-weight:700;color:var(--color-pri);text-align:center;margin-bottom:1rem} .news-bot-info ul li{font-size:1.4rem;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;gap:.5rem} .news-bot-info ul li::before{margin-top:.5em;content:'';display:block;width:.5rem;height:.5rem;background-color:var(--color-text);border-radius:100rem;-ms-flex-negative:0;flex-shrink:0} .news-bot-info ul li:not(:first-child){margin-top:1rem} .news-bot-img .img-inner{display:block;padding-top:calc((421 / 271) * 100%);position:relative;overflow:hidden} .news-bot-img .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .news-bot-main-left{width:calc(6/9*100%)} .news-bot-main-left .promotion-page{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;margin-top:2.4rem} .news-bot-main-left .news-item{width:100%} .news-bot-main-left .news-item .inner .img{width:19.2rem;-ms-flex-negative:0;flex-shrink:0} @media screen and (max-width:768px){.news-bot-main-left{width:100%} } .news-bot-main-right{width:calc(3/9*100%)} @media screen and (max-width:768px){.news-bot-main-right{width:100%} } @media screen and (max-width:400px){.news-bot-main .info-des{display:none !important} } @media screen and (max-width:992px){.news-bot-qc{display:none} } .news-bot-qc-item{width:100%} .news-bot-qc-item .img{width:100%} .news-bot-qc-item .img-inner{display:block;padding-top:calc((565 / 282) * 100%);position:relative;overflow:hidden;border-radius:.8rem} .news-bot-qc-item .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .news-bot-qc-item:nth-child(2) .img-inner{padding-top:100%} .news-item .inner{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem} .news-item .inner .img{width:19.2rem} .news-item .inner .img-inner{display:block;padding-top:calc((108 / 192) * 100%);position:relative;overflow:hidden;border-radius:.8rem} .news-item .inner .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .news-item .inner .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem} .news-item .inner .info-tt{font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.news-item .inner .info-tt:hover{color:var(--color-pri)} } .news-item .inner .info-des{font-size:1.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .news-item .inner .info-time{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 2rem;overflow:hidden} .news-item .inner .info-time-it{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;font-size:1.2rem;position:relative} .news-item .inner .info-time-it::after{content:'';position:absolute;left:-1rem;height:1.6rem;width:0.1rem;background-color:#333333} .news-item .inner .info-time-it img{width:1.6rem;height:1.6rem;-ms-flex-negative:0;flex-shrink:0} .news-item .inner .info-time-it .txt{color:#333333} .news-dt .breadcrumb .container{padding:0} .news-dt .news-top-flex{position:relative} @media screen and (min-width:1201px){.news-dt .news-top-main{padding-left:6.75rem} } .news-dt-social{position:absolute;left:0;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} .news-dt-social .tt{margin-bottom:1rem;display:block} .news-dt-social .social-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} @media screen and (max-width:1200px){.news-dt-social{display:none} } .news-dt-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 2rem} .news-dt-head .breadcrumb{padding:0} .news-dt-right{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 2rem} .news-dt-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem} .news-dt-content h1{--f-sz:clamp(2.2rem, calc(1.6262rem + 0.8197vw), 3.2rem);font-size:var(--f-sz);font-weight:700;color:var(--color-pri)} .news-dt-content h3{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700;color:var(--color-pri)} .news-dt-content p{margin:1rem 0} .news-dt-content figure{margin:1rem 0} .news-dt-content figure img{width:100%} .news-dt-content strong{font-weight:700} .news-dt .news-top-banner .news-bot-info:not(:first-child), .news-dt .news-top-banner .news-bot-img:not(:first-child), .news-dt .news-top-banner .news-bot-qc-list:not(:first-child){margin-top:2rem} @media screen and (max-width:992px){.news-dt .news-top-banner .news-bot-info, .news-dt .news-top-banner .news-bot-img, .news-dt .news-top-banner .news-bot-qc-list{display:none} } .termi-all .news-top-banner .news-bot-info:not(:first-child), .termi-all .news-top-banner .news-bot-img:not(:first-child), .termi-all .news-top-banner .news-bot-qc-list:not(:first-child){margin-top:2rem} @media screen and (max-width:992px){.termi-all .news-top-banner .news-bot-info, .termi-all .news-top-banner .news-bot-img, .termi-all .news-top-banner .news-bot-qc-list{display:none} } .termi-all-main .description{margin-bottom:2.4rem} .termi-all-abc{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem} .termi-all-abc-it{width:4rem;height:4rem;border-radius:.8rem;-webkit-transition:0.4s;transition:0.4s;text-transform:uppercase;font-weight:700;color:#333333;border:0.1rem solid var(--bd-gray);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} @media (hover:hover){.termi-all-abc-it:hover{background-color:var(--color-pri);color:white} } @media screen and (max-width:500px){.termi-all-abc{display:none} } .termi-all-sl select{height:4rem;font-size:1.6rem;border-radius:.5rem;font-weight:700;color:var(--color-pri)} .termi-all-sl select:focus{-webkit-box-shadow:none;box-shadow:none;border-color:var(--color-pri)} @media screen and (min-width:501px){.termi-all-sl{display:none} } .termi-all-srch{margin-top:2.4rem;margin-bottom:2.4rem} .termi-all-srch-form{position:relative;background-color:white;border-radius:.8rem;height:4rem;width:100%;max-width:40rem} .termi-all-srch-form input{height:100%;width:100%;padding-left:4rem;border:none;background-color:transparent;font-size:1.4rem} .termi-all-srch-form button{width:2rem;height:2rem;position:absolute;top:50%;left:1rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .termi-all-srch-form button img{height:100%;width:100%} @media screen and (max-width:500px){.termi-all-srch-form{max-width:100%} } .termi-all-item .inner{background-color:white;border:0.1rem solid var(--bd-gray);border-radius:.8rem;padding:1.6rem} .termi-all-item .inner .heads{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;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 2rem;border-bottom:0.1rem solid var(--bd-gray);padding:.5rem 1rem} .termi-all-item .inner .heads .txt{font-weight:700;--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz)} .termi-all-item .inner .heads .link{color:var(--color-pri);-webkit-transition:0.3s;transition:0.3s} @media (hover:hover){.termi-all-item .inner .heads .link:hover{color:var(--color-second)} } .termi-all-item .inner .bodies{padding-top:1rem} .termi-all-item .inner .bodies ul{list-style:disc;list-style-position:inside} .termi-all-item .inner .bodies ul li{font-weight:700} .termi-all .promotion-page{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;margin-top:2.4rem} .termi-all .promotion-page .promotion-page-mobile{margin-top:2.4rem} .termi-logistic-block:not(:first-child){margin-top:2.4rem} .termi-logistic-block .heads{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 2rem;padding:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:0.1rem solid var(--bd-gray);margin-bottom:2.4rem} .termi-logistic-block .heads .txt{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700} .termi-logistic-block .heads .link{font-size:1.4rem;color:var(--color-pri);-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.termi-logistic-block .heads .link:hover{color:var(--color-second)} } .termi-logistic-item .inner{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;padding:1.6rem;background-color:white;border:0.1rem solid var(--bd-gray);border-radius:.8rem} .termi-logistic-item .inner .img{width:15.4rem;-ms-flex-negative:0;flex-shrink:0} .termi-logistic-item .inner .img-inner{display:block;padding-top:calc((86 / 154) * 100%);position:relative;overflow:hidden;border-radius:.8rem} .termi-logistic-item .inner .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .termi-logistic-item .inner .info{font-size:1.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .termi-logistic-item .inner .info .des{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .termi-logistic-item .inner .info .link{font-weight:700;color:var(--color-pri);-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.termi-logistic-item .inner .info .link:hover{color:var(--color-second)} } .zip-find .description{margin-bottom:2.4rem} @media screen and (min-width:993px){.zip-find .homes-find-where .form-list .form-ip{width:calc((100% / 3) - (4.8rem /3) - 0.5rem) !important} .zip-find .homes-find-where .form-list .form-ip:last-child{width:4.8rem !important} } @media screen and (min-width:501px){.zip-find .homes-find-storage .form-list .form-ip{width:calc(100% - 13rem - 0.5rem) !important} .zip-find .homes-find-storage .form-list .form-ip:last-child{width:13rem !important} .zip-find .homes-find-storage .form-list .form-ip .btn{height:4rem} } .zip-map-slide-wrapper{position:relative} .zip-map-slide .swiper-slide{width:calc(100% / 3)} @media screen and (max-width:768px){.zip-map-slide .swiper-slide{width:50%} } @media screen and (max-width:500px){.zip-map-slide .swiper-slide{width:calc(100% / 1.1)} } .zip-map-slide .news-item .inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .zip-map-slide .news-item .img{width:100%} .zip-table-heads{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:2rem;padding:1.6rem;padding-top:0.5rem;background-color:white;border-radius:.8rem;border:0.1rem solid var(--bd-gray)} .zip-table-heads .form-list .form-ip select{min-width:12rem} @media screen and (max-width:500px){.zip-table-heads{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding-top:1.6rem} } @media screen and (max-width:500px){.zip-table-srch{width:100%} } .zip-table-srch-flex{background-color:white;height:4rem;position:relative} .zip-table-srch-flex button{width:2rem;height:2rem;position:absolute;left:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .zip-table-srch-flex button img{height:100%;width:100%} .zip-table-srch-flex input{height:100%;width:100%;background-color:white;border:0.1rem solid var(--bd-gray);padding:0 1rem;font-size:1.4rem;border-radius:.8rem;padding-left:4rem} .zip-table-body{background-color:white;border:0.1rem solid var(--bd-gray);border-radius:.8rem;margin-top:1rem;overflow-x:auto} .zip-table-body::-webkit-scrollbar{height:0} .zip-table-body table{width:100%;min-width:94.3rem} .zip-table-body table tr td, .zip-table-body table tr th{padding:2.4rem;vertical-align:middle} @media screen and (max-width:1200px){.zip-table-body table tr td, .zip-table-body table tr th{padding:1rem;font-size:1.4rem} } .zip-table-body table thead th{border-bottom:0.1rem solid var(--bd-gray);font-weight:700} .zip-table-body table tbody tr:nth-child(even) td{background-color:#F1F1F1} @media screen and (max-width:576px){.zip-table-body.zip-table-single table{min-width:unset} .zip-table-body.zip-table-single table thead{display:none} .zip-table-body.zip-table-single table tbody tr td{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;text-align:right;font-weight:600} .zip-table-body.zip-table-single table tbody tr td::before{content:attr(data-label) ":";display:block;text-align:left;font-weight:400;white-space:nowrap} } .zip-list .news-item .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .zip-list .news-item .inner .img{width:100%} .store-hero{background-color:white;padding:2.4rem 0} .store-hero-bg .img-inner{display:block;padding-top:calc((360 / 1200) * 100%);position:relative;overflow:hidden;border-radius:.8rem} .store-hero-bg .img-inner img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .store-hero-heads{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:2rem;padding-top:1.6rem;position:relative;z-index:2} @media screen and (max-width:992px){.store-hero-heads{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} } .store-hero-ava{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem;padding-left:4rem} @media screen and (max-width:992px){.store-hero-ava{padding-left:1rem} } @media screen and (max-width:500px){.store-hero-ava{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} } .store-hero-ava .avatar{width:19.2rem;height:19.2rem;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;border-radius:.8rem;border:0.2rem solid var(--bd-gray);margin-top:-10%;background-color:white} .store-hero-ava .avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .store-hero-ava .ctn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem} .store-hero-ava .ctn .tt{--f-sz:clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2.4rem);font-size:var(--f-sz);font-weight:700} .store-hero-ava .ctn .veri{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem} .store-hero-ava .ctn .veri-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;font-size:1.2rem;color:#666666} .store-hero-ava .ctn .veri-item img{width:1.6rem;height:1.6rem} .store-hero-ava .ctn .country{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem} .store-hero-ava .ctn .country img{width:1.6rem;height:1.6rem;-ms-flex-negative:0;flex-shrink:0} .store-hero-ava .ctn .name{color:#666666} .store-hero-ava .ctn .phone{color:#666666} .store-hero-ava .ctn .phone a{color:#0265FA;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.store-hero-ava .ctn .phone a:hover{color:var(--color-second)} } .store-hero-btn{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5rem} .store-hero-btn .btn{height:4rem} @media screen and (max-width:500px){.store-hero-btn .support-cate-price .btn{width:100%} .store-hero-btn .btn, .store-hero-btn .support-cate-price{width:50%;min-width:unset} } .store-hero .support-cate-nav{margin:0;margin-top:2.4rem} .store-hero .support-cate-nav .support-cate-nav-flex{padding:0} @media screen and (min-width:1201px){.store-hero .support-cate-nav .menu-list{width:calc(100% - 5rem)} } .store-all-item{width:100%} .store-all-item .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1.6rem;background-color:white;border-radius:.8rem} .store-all-item .inner .heads{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:2rem} .store-all-item .inner .heads .avatar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;font-size:1.4rem} .store-all-item .inner .heads .avatar .ava{width:5.6rem;height:5.6rem;-ms-flex-negative:0;flex-shrink:0} .store-all-item .inner .heads .avatar .ava img{height:100%;width:100%} .store-all-item .inner .heads .avatar .ctn-tt{font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem} .store-all-item .inner .heads .avatar .ctn-tt img{width:1.6rem;height:1.6rem} .store-all-item .inner .heads .avatar .ctn-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem;overflow:hidden} .store-all-item .inner .heads .avatar .ctn-list img{width:1.6rem;height:1.6rem} .store-all-item .inner .heads .avatar .ctn-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .store-all-item .inner .heads .avatar .ctn-item::after{content:'';position:absolute;left:-1rem;width:0.1rem;height:1.2rem;background-color:#E5E5E5;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .store-all-item .inner .heads .action{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem} @media screen and (max-width:375px){.store-all-item .inner .heads .action{-ms-flex-wrap:wrap;flex-wrap:wrap} } .store-all-item .inner .heads .action .btn{height:4rem} .store-all-item .inner .heads .action-favo{width:4rem;height:4rem;border:0.1rem solid var(--color-pri);border-radius:.5rem;-webkit-transition:0.4s;transition:0.4s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-pri);-ms-flex-negative:0;flex-shrink:0} @media (hover:hover){.store-all-item .inner .heads .action-favo:hover{background-color:var(--color-pri)} .store-all-item .inner .heads .action-favo:hover i{font-weight:900;color:red} } @media screen and (max-width:992px){.store-all-item .inner .heads{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} } .store-all-item .inner .bodies{margin-top:2.4rem} .store-all-item .inner .bodies .tt{--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz);font-weight:700;color:#0265FA;margin-bottom:1rem} .store-all-item .inner .bodies > .box{display:-webkit-box;display:-ms-flexbox;display:flex} .store-all-item .inner .bodies .box{--w:24rem} @media screen and (max-width:768px){.store-all-item .inner .bodies .box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:0.1rem solid var(--bd-gray);border-radius:.8rem} } .store-all-item .inner .bodies .box .name{padding:1.8rem;text-align:center;border:0.1rem solid var(--bd-gray);height:6rem;border-bottom:none;font-weight:700} .store-all-item .inner .bodies .box .ctn{padding:1.8rem;border:0.1rem solid var(--bd-gray);height:100%} .store-all-item .inner .bodies .box .ctn-in{font-size:1.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;gap:1rem} .store-all-item .inner .bodies .box .ctn-in .text{font-weight:700;color:var(--color-pri)} .store-all-item .inner .bodies .box .ctn-in .text:last-child{text-align:right} @media screen and (max-width:768px){.store-all-item .inner .bodies .box .ctn-in .text{width:calc(50% - 5rem)} } .store-all-item .inner .bodies .box .ctn-in .arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;text-align:center} .store-all-item .inner .bodies .box .ctn-in .arrow img{width:1.6rem;height:1.6rem} .store-all-item .inner .bodies .box .ctn-in .arrow .txt{font-size:1.2rem} .store-all-item .inner .bodies .box .ctn-in .arrow-line{position:relative;height:0.1rem;width:20rem;background-color:var(--bd-gray)} @media screen and (max-width:768px){.store-all-item .inner .bodies .box .ctn-in .arrow-line{width:12rem} } .store-all-item .inner .bodies .box .ctn-in .arrow-line::after{content:'';position:absolute;width:0.5rem;height:0.5rem;border-top:0.1rem solid var(--bd-gray);border-right:0.1rem solid var(--bd-gray);right:0;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)} .store-all-item .inner .bodies .box-part{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .store-all-item .inner .bodies .box-part:nth-child(1){width:calc(100% - var(--w))} .store-all-item .inner .bodies .box-part:nth-child(1) .name{border-right:none;border-radius:.8rem 0 0 0} .store-all-item .inner .bodies .box-part:nth-child(1) .ctn{border-right:none;border-radius:0 0 0 .8rem} .store-all-item .inner .bodies .box-part:nth-child(2){width:var(--w)} .store-all-item .inner .bodies .box-part:nth-child(2) .name{border-radius:0 .8rem 0 0;text-align:right} .store-all-item .inner .bodies .box-part:nth-child(2) .ctn{border-radius:0 0  .8rem 0;text-align:right} @media screen and (max-width:768px){.store-all-item .inner .bodies .box-part{width:100% !important} .store-all-item .inner .bodies .box-part .name, .store-all-item .inner .bodies .box-part .ctn{border:none} .store-all-item .inner .bodies .box-part:nth-child(1) .name{display:none} .store-all-item .inner .bodies .box-part:nth-child(2){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .store-all-item .inner .bodies .box-part:nth-child(2) .name{font-size:1.4rem;font-weight:400} .store-all-item .inner .bodies .box-part:nth-child(2) .ctn{margin-left:auto} } .store-all-item .inner .bodies-content .link{color:#0265FA;-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.store-all-item .inner .bodies-content .link:hover{color:var(--color-second)} } .store-all-item .inner .bodies-house{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline;text-align:center;gap:1rem} .store-all-item .inner .bodies-house img{width:4.8rem;height:4.8rem} .store-all-item .inner .bodies-house .des{font-weight:700} .store-all-item .inner .bodies .homes-prod-item .inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:2.4rem;border:none;padding:0} .store-all-item .inner .bodies .homes-prod-item .inner .img{width:28.2rem;-ms-flex-negative:0;flex-shrink:0} .store-all-item .inner .bodies .homes-prod-item .inner .info{padding:0;max-width:51.2rem;width:calc(100% - 28.2rem)} .store-all-item .inner .bodies .homes-prod-item .inner .box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem 4rem} @media screen and (max-width:768px){.store-all-item .inner .bodies .homes-prod-item .inner .box{border:none} } .store-all-item .inner .bodies .homes-prod-item .inner .box .name{padding:0;height:unset;border:none} .store-all-item .inner .bodies .homes-prod-item .inner .box-line{width:calc(50% - 2rem);margin-top:0 !important} @media screen and (max-width:992px){.store-all-item .inner .bodies .homes-prod-item .inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .store-all-item .inner .bodies .homes-prod-item .inner .img{width:100%} .store-all-item .inner .bodies .homes-prod-item .inner .info{max-width:100%;width:100%} .store-all-item .inner .bodies .homes-prod-item .inner .info .box-line{width:100% !important} } .store-all-item .inner .footers{margin-top:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:1.4rem} .store-all-item .inner .footers .action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} .store-all-item .inner .footers .action-it{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;cursor:pointer} .store-all-item .inner .footers .action-it img{width:2.4rem;height:2.4rem} .store-all-item .inner .footers .chat{color:var(--color-pri);font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-left:auto} .store-all-item .inner .footers .chat::before{content:'';width:1rem;height:1rem;border-radius:10rem;background-color:#21C245;display:block} .quickquote .support-cate-nav .support-cate-nav-flex .menu-list{gap:2rem} @media screen and (max-width:600px){.mobile-wr .mobile-nav .menu-nav{height:calc(100% - 12.7rem)} } .fixed-consu{top:18vh} @media screen and (max-width:420px){.contact-form .form-list .form-ip.per5{width:100%} } .checker{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} .forms-information-other .link{-webkit-transition:0.4s;transition:0.4s} @media (hover:hover){.forms-information-other .link:hover{color:var(--color-second) !important} } @media screen and (max-width:420px){.cvc-editor .btn{width:100%} } @media screen and (max-width:992px){.promotion-hot .support-cate-price{display:block !important} } @media screen and (max-width:992px){.news-top-main-list .news-item:not(:first-child){margin-top:2rem} } .input-file.fileInput{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} @media screen and (max-width:420px){.rate-cmt .btn{width:100%} } .quickquote .support-cate-nav .support-cate-nav-flex .menu-list{gap:2rem} .quote-item .box{display:-webkit-box;display:-ms-flexbox;display:flex;--w:43rem} @media screen and (max-width:767px){.quote-item .box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:0.1rem solid var(--bd-gray);border-radius:.8rem} } .quote-item .box .name{padding:1.8rem;text-align:center;border:0.1rem solid var(--bd-gray);height:6rem;border-bottom:none;font-weight:700;background-color:white} .quote-item .box .ctn{padding:3rem 1.8rem;border:0.1rem solid var(--bd-gray);height:100%;background-color:white;position:relative} .quote-item .box .ctn-in{font-size:1.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem} .quote-item .box .ctn-in .text{font-weight:700;color:var(--color-pri)} .quote-item .box .ctn-in .text:last-child{text-align:right} @media screen and (max-width:768px){.quote-item .box .ctn-in .text{width:calc(50% - 5rem)} } .quote-item .box .ctn-in .arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;text-align:center} .quote-item .box .ctn-in .arrow img{width:1.6rem;height:1.6rem} .quote-item .box .ctn-in .arrow .txt{font-size:1.2rem} .quote-item .box .ctn-in .arrow-line{position:relative;height:0.1rem;width:20rem;background-color:var(--bd-gray)} @media screen and (max-width:768px){.quote-item .box .ctn-in .arrow-line{width:12rem} } .quote-item .box .ctn-in .arrow-line::after{content:'';position:absolute;width:0.5rem;height:0.5rem;border-top:0.1rem solid var(--bd-gray);border-right:0.1rem solid var(--bd-gray);right:0;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)} .quote-item .box .ctn-action{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem} .quote-item .box .ctn-action-favo{width:4rem;height:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.5rem;border:0.1rem solid var(--color-pri);-webkit-transition:0.4s;transition:0.4s} .quote-item .box .ctn-action-favo i{color:var(--color-pri)} @media (hover:hover){.quote-item .box .ctn-action-favo:hover{background-color:var(--color-pri)} .quote-item .box .ctn-action-favo:hover i{font-weight:900;color:red} } .quote-item .box .ctn-date{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.2rem;margin-top:1rem;gap:1rem} .quote-item .box .ctn-date .txt{font-weight:700;white-space:nowrap} .quote-item .box .ctn-date-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem} .quote-item .box .ctn-date-it{padding:.4rem 1rem;background-color:#F6F6F6;border-radius:10rem} @media screen and (max-width:760px){.quote-item .box .ctn-date{display:none} } .quote-item .box .ctn .btn{height:4rem} .quote-item .box .ctn .btn .txt{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .quote-item .box .ctn .btn img{width:1.2rem;height:1.2rem} .quote-item .box .ctn-tag{position:absolute;left:0;top:0;font-size:1.2rem;background-color:#F1F1F1;padding:.4rem 1rem;border-radius:0 0 1rem 0} @media screen and (max-width:760px){.quote-item .box .ctn-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:end} .quote-item .box .ctn-list .des{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%} .quote-item .box .ctn-list .des::before{display:block;content:attr(data-label);font-size:1.4rem;color:#666666} } @media screen and (min-width:761px){.quote-item .box .ctn-list .des:first-child{display:none} } .quote-item .box-part{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .quote-item .box-part:nth-child(1){width:calc(100% - var(--w))} .quote-item .box-part:nth-child(1) .name{border-right:none;border-radius:.8rem 0 0 0} .quote-item .box-part:nth-child(1) .ctn{border-right:none;border-radius:0 0 0 .8rem} .quote-item .box-part:nth-child(2){width:var(--w)} .quote-item .box-part:nth-child(2) .name{border-radius:0 .8rem 0 0;text-align:right} .quote-item .box-part:nth-child(2) .ctn{border-radius:0 0  .8rem 0;text-align:right;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2.4rem;display:-webkit-box;display:-ms-flexbox;display:flex} @media screen and (max-width:760px){.quote-item .box-part{width:100% !important} .quote-item .box-part .name, .quote-item .box-part .ctn{border:none} .quote-item .box-part:nth-child(1) .name{display:none} .quote-item .box-part:nth-child(2){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .quote-item .box-part:nth-child(2) .name{font-size:1.4rem;font-weight:400} .quote-item .box-part:nth-child(2) .ctn{margin-left:auto} } .quote-item .box:not(:last-child) .ctn{border-bottom:none;border-radius:0} @media screen and (max-width:992px){.quote-item .box{--w:23rem} .quote-item .box-part:nth-child(2) .ctn{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:end} } @media screen and (max-width:767px){.quote-item .name{display:none} .quote-item .ctn{border:none !important;border-radius:0 !important;background-color:transparent !important} .quote-item .box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:white;border-radius:.8rem} .quote-item .box:not(:first-child){margin-top:1rem} .quote-item .box-part{width:100% !important} .quote-item .box-part .ctn{padding:1rem;padding-top:3rem;width:100%} .quote-item .box-part:nth-child(1) .ctn-in{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .quote-item .box-part:nth-child(2) .ctn{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset} .quote-item .box-part:nth-child(2) .ctn-action{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} } /*# sourceMappingURL=style.css.map */