@import url("../fonts/icomoon/style.ade35978a4f6.css");
@font-face { font-family: 'Averta Std'; src: url("../fonts/avertaStd/AvertaStd-Bold.81979376e3b5.eot"); src: url("../fonts/avertaStd/AvertaStd-Regular.c4d111c27728.eot?#iefix") format("embedded-opentype"), url("../fonts/avertaStd/AvertaStd-Regular.a9178649743b.woff2") format("woff2"), url("../fonts/avertaStd/AvertaStd-Regular.a1608b3afd28.woff") format("woff"), url("../fonts/avertaStd/AvertaStd-Regular.932197eadd49.ttf") format("truetype"), url("../fonts/avertaStd/AvertaStd-Regular.5fb0c5f1c4b0.svg#AvertaStd-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Averta Std'; src: url("../fonts/avertaStd/AvertaStd-Bold.81979376e3b5.eot"); src: url("../fonts/avertaStd/AvertaStd-Bold.81979376e3b5.eot?#iefix") format("embedded-opentype"), url("../fonts/avertaStd/AvertaStd-Bold.6935fb13c3e2.woff2") format("woff2"), url("../fonts/avertaStd/AvertaStd-Bold.d411036ae0bc.woff") format("woff"), url("../fonts/avertaStd/AvertaStd-Bold.842450ae1dc0.ttf") format("truetype"), url("../fonts/avertaStd/AvertaStd-Bold.b473d84cb40f.svg#AvertaStd-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_variables\.scss}line{font-family:\000031}}
:root { --bs-border-radius: 0; --bs-gutter-y: 15px; --bs-gutter-x: 15px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_global\.scss}line{font-family:\000033}}
html { position: relative; min-height: 100%; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_global\.scss}line{font-family:\000038}}
body { height: 100%; font-size: 16px; font-family: "Averta Std", sans-serif; line-height: 1.25; color: #4E4E4F; background-color: #f8f8f8; padding-top: 98px; width: 100vw; overflow-x: hidden; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_global\.scss}line{font-family:\0000321}}
a:focus { outline: none; }

@-webkit-keyframes growIn { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }

@keyframes growIn { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\0000316}}
.animated--grow-in { -webkit-animation-name: growIn; animation-name: growIn; -webkit-animation-duration: 200ms; animation-duration: 200ms; -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1); animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1); }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes circle { 0% { opacity: 1; }
  40% { opacity: 1; }
  100% { width: 200%; height: 200%; opacity: 0; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\0000348}}
.animated--fade-in { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 200ms; animation-duration: 200ms; -webkit-animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1); animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\0000354}}
.image-grow-in { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1); transform: scale(1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\0000357}}
.image-grow-in:hover { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1.02); transform: scale(1.02); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\0000362}}
.has-hover, .projects, .tiles-general-product, .sanitary-general-product { overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\0000364}}
.has-hover .thumbnail, .projects .thumbnail, .tiles-general-product .thumbnail, .sanitary-general-product .thumbnail { overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\0000366}}
.has-hover .thumbnail::before, .projects .thumbnail::before, .tiles-general-product .thumbnail::before, .sanitary-general-product .thumbnail::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\0000382}}
.has-hover img, .projects img, .tiles-general-product img, .sanitary-general-product img { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1); transform: scale(1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\0000387}}
.has-hover:hover img, .projects:hover img, .tiles-general-product:hover img, .sanitary-general-product:hover img { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1.02); transform: scale(1.02); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\0000391}}
.has-hover:hover .thumbnail, .projects:hover .thumbnail, .tiles-general-product:hover .thumbnail, .sanitary-general-product:hover .thumbnail { overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\0000393}}
.has-hover:hover .thumbnail::before, .projects:hover .thumbnail::before, .tiles-general-product:hover .thumbnail::before, .sanitary-general-product:hover .thumbnail::before { -webkit-animation: circle .75s; animation: circle .75s; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\00003102}}
.solution, .solution-space { overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\00003104}}
.solution .bg, .solution-space .bg { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1); transform: scale(1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\00003109}}
.solution:hover .bg, .solution-space:hover .bg { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1.02); transform: scale(1.02); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\00003115}}
.collection { overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\00003117}}
.collection .bg { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1); transform: scale(1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\00003122}}
.collection img { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1); transform: scale(1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\00003127}}
.collection:hover img { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1.02); transform: scale(1.02); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_animation\.scss}line{font-family:\00003133}}
.collection:hover .bg { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1.02); transform: scale(1.02); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_display\.scss}line{font-family:\000031}}
img { max-width: 100%; width: 100%; display: block; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\000031}}
h1, .h1 { font-weight: 700; line-height: 1.25; font-size: 3rem; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\000036}}
h2, .h2 { font-weight: 700; line-height: 1.25; font-size: 3rem; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000311}}
h3, .h3 { font-weight: 700; line-height: 1.25; font-size: 1.25rem; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000316}}
h4, .h4 { font-weight: 700; line-height: 1.25; font-size: 1.25rem; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000321}}
h5, .h5 { font-weight: 700; line-height: 1.25; font-size: 1rem; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000326}}
h6, .h6 { font-weight: 800; font-size: 1rem; line-height: 25px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000332}}
a { color: #4E4E4F; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

@media screen and (max-width: 1199px) { @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000342}}
  h1, .h1 { font-weight: 700; line-height: 1.25; font-size: 2rem; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000347}}
  h2, .h2 { font-weight: 700; line-height: 1.25; font-size: 2rem; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000352}}
  h3, .h3 { font-weight: 700; line-height: 1.25; font-size: 1.5rem; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000357}}
  h4, .h4 { font-weight: 700; line-height: 1.25; font-size: 1.5rem; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000362}}
  h5, .h5 { font-weight: 700; line-height: 1.25; font-size: 1rem; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000367}}
  h6, .h6 { font-weight: 700; font-size: 1rem; } }
@media screen and (max-width: 767px) { @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000374}}
  h1, .h1 { font-weight: 700; line-height: 1.25; font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000379}}
  h2, .h2 { font-weight: 700; line-height: 1.25; font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000384}}
  h3, .h3 { font-weight: 700; line-height: 1.25; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000389}}
  h4, .h4 { font-weight: 700; line-height: 1.25; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000394}}
  h5, .h5 { font-weight: 700; line-height: 1.25; font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_text\.scss}line{font-family:\0000399}}
  h6, .h6 { font-weight: 700; font-size: 12px; line-height: 1.25; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_progress\.scss}line{font-family:\000031}}
.progress-sm { height: .5rem; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_rotate\.scss}line{font-family:\000031}}
.rotate-15 { -webkit-transform: rotate(15deg); transform: rotate(15deg); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_rotate\.scss}line{font-family:\000035}}
.rotate-n-15 { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\000032}}
.select2-container .dropdown-select-modal { z-index: 9999; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\0000311}}
.form-authorization .select2.select2-container { width: 100% !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\0000313}}
.form-authorization .select2.select2-container .select2-selection { height: auto; border-width: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\0000316}}
.form-authorization .select2.select2-container .select2-selection .select2-selection__rendered { font-weight: 400; font-size: 16px; min-height: 50px; padding: 15px 20px; color: #4E4E4F; border-radius: 0; border: 1px solid #ffffff; line-height: 1.25; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\0000327}}
.form-authorization .select2.select2-container .select2-selection__arrow { width: 22px !important; height: 15px !important; padding: 0; top: 50% !important; right: 8px !important; -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\0000335}}
.form-authorization .select2.select2-container .select2-selection__arrow::before { content: "\e90c"; color: #4e4e4f; font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\0000348}}
.form-authorization .select2.select2-container .select2-selection__arrow b { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\0000354}}
.form-authorization .select2.select2-container.select2-container--open .select2-selection__arrow { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\0000362}}
.select2-dropdown { background-color: white; border: 1px solid #eeebe6; border-radius: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\0000372}}
.select2-dropdown .select2-search--dropdown { padding: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\0000375}}
.select2-dropdown .select2-results__option { font-weight: 400; font-size: 12px; min-height: 40px; padding: 10px 20px; color: #4E4E4F; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\0000384}}
.select2-container--open .select2-dropdown--below { min-width: 170px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\0000391}}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #981B1E; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\0000397}}
.select2-container--default .select2-selection--single .select2-selection__clear { position: absolute; right: 5px; top: 50%; margin-right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 26px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\00003109}}
.navbar-filter .select2-selection__placeholder { color: #4E4E4F !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_select2\.scss}line{font-family:\00003112}}
.navbar-filter .nav-item { min-width: 170px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_margin\.scss}line{font-family:\000031}}
.mb-md-100 { margin-bottom: 100px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_margin\.scss}line{font-family:\000034}}
.mb-md-70 { margin-bottom: 70px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/utilities\/_margin\.scss}line{font-family:\000038}}
.mb-30 { margin-bottom: 30px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\000031}}
.navbar-vietceramics { background-color: #ffffff; padding: 0 0; position: fixed; top: 0; left: 0; width: 100%; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 999; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000312}}
.navbar-vietceramics .navbar-brand { width: auto; height: 46px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000316}}
.navbar-vietceramics .navbar-brand img { display: block; width: auto; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000323}}
.navbar-vietceramics .nav-item { margin-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000326}}
.navbar-vietceramics .nav-item:last-child { margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000330}}
.navbar-vietceramics .nav-item.dropdown:hover > .dropdown-menu { display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000334}}
.navbar-vietceramics .nav-item.dropdown > .dropdown-toggle:active { /*Without this, clicking will make it sticky*/ pointer-events: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000339}}
.navbar-vietceramics .nav-item .nav-link { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000342}}
.navbar-vietceramics .nav-item .nav-link:hover, .navbar-vietceramics .nav-item .nav-link:focus { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000348}}
.navbar-vietceramics .nav-item .nav-link.active { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000354}}
.navbar-vietceramics .dropdown-toggle::after { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000358}}
.navbar-vietceramics .nav-link { font-family: Averta Std; font-weight: 400; font-size: 12px; line-height: 1.25; text-align: center; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000368}}
.navbar-vietceramics .nav-item-icon { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000371}}
.navbar-vietceramics .nav-item-icon .icon { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000375}}
.navbar-vietceramics .nav-item-icon .num { width: 13px; height: 13px; font-size: 8px; color: #ffffff; background-color: #981B1E; border-radius: 50%; display: block; text-align: center; line-height: 13px; position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: 4px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000392}}
.navbar-vietceramics .nav-item-icon .nav-link { padding: 38px 10px !important; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\0000398}}
.navbar-vietceramics .nav-item-icon .nav-lang img { width: 20px; height: 20px; border-radius: 50%; overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003107}}
.navbar-vietceramics .navbar-menu { position: relative; margin-right: 70px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003112}}
.navbar-vietceramics .navbar-menu .nav-item .nav-link { padding: 38px 20px !important; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003119}}
.navbar-vietceramics .navbar-collapse { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003123}}
.navbar-vietceramics .dropdown-menu { background-color: #f8f8f8; border: 1px solid #f8f8f8; padding: 34px 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003128}}
.navbar-vietceramics .dropdown-menu .dropdown-title { font-weight: 700; font-size: 16px; font-weight: 700; display: block; padding-bottom: 15px; border-bottom: 1px solid #8e8e8e; text-decoration: none; margin-bottom: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003138}}
.navbar-vietceramics .dropdown-menu .dropdown-title h6 { margin-bottom: 0; text-transform: uppercase; position: relative; padding-right: 20px; color: #4E4E4F; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003146}}
.navbar-vietceramics .dropdown-menu .dropdown-title h6::after { content: "\e905"; color: #8e8e8e; font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 8px; position: absolute; top: 8px; right: -3px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003168}}
.navbar-vietceramics .dropdown-menu .dropdown-title:hover h6, .navbar-vietceramics .dropdown-menu .dropdown-title:focus h6 { color: #981B1E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003180}}
.navbar-vietceramics .dropdown-menu .col-megamenu { list-style-type: none; padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003184}}
.navbar-vietceramics .dropdown-menu .col-megamenu li { margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003187}}
.navbar-vietceramics .dropdown-menu .col-megamenu li .dropdown-item { color: #4E4E4F; font-weight: 400; font-size: 12px; padding: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003194}}
.navbar-vietceramics .dropdown-menu .col-megamenu li .dropdown-item:hover, .navbar-vietceramics .dropdown-menu .col-megamenu li .dropdown-item:focus { color: #981B1E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003200}}
.navbar-vietceramics .dropdown-menu .col-megamenu li .dropdown-item.active { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003207}}
.navbar-vietceramics .dropdown-menu.dropdown-menu-start { min-width: 250px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003214}}
.navbar-vietceramics .has-megamenu { position: static !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003217}}
.navbar-vietceramics .has-megamenu .megamenu { left: 0; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003223}}
.navbar-vietceramics .dropdown-menu-end { left: unset; right: 0; margin-right: -48px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003229}}
.navbar-vietceramics .dropdown-menu-profile { padding: 33px 30px 10px 30px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 10px 0px #00000040; box-shadow: 0px 4px 10px 0px #00000040; min-width: 250px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003235}}
.navbar-vietceramics .dropdown-menu-profile .divider { background-color: #8e8e8e; width: 100%; height: 1px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003241}}
.navbar-vietceramics .dropdown-menu-profile .current-user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003246}}
.navbar-vietceramics .dropdown-menu-profile .current-user .avata { width: 48px; height: 48px; border: 1px solid #000; background-color: #8e8e8e; position: relative; border-radius: 50%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003254}}
.navbar-vietceramics .dropdown-menu-profile .current-user .avata .text { font-size: 32px; line-height: 1; position: absolute; top: 50%; left: 0; width: 100%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003266}}
.navbar-vietceramics .dropdown-menu-profile .current-user .avata img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003274}}
.navbar-vietceramics .dropdown-menu-profile .current-user .user-profile { padding-left: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003277}}
.navbar-vietceramics .dropdown-menu-profile .current-user .user-profile .name { text-align: left; font-weight: 700; font-size: 20px; color: #4E4E4F; margin-bottom: 3px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003285}}
.navbar-vietceramics .dropdown-menu-profile .current-user .user-profile .email { text-align: left; font-weight: 400; font-size: 12px; color: #4E4E4F; margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003295}}
.navbar-vietceramics .dropdown-menu-profile .dropdown-item { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003296}}
.navbar-vietceramics .dropdown-menu-profile .dropdown-item .icon { margin-right: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003300}}
.navbar-vietceramics .dropdown-menu-profile .dropdown-item .flag-lang { width: 20px; height: 20px; overflow: hidden; border-radius: 50%; margin-right: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003314}}
.navbar-vietceramics .dropdown-menu-profile .col-megamenu li .dropdown-item { font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4E4E4F; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003322}}
.navbar-vietceramics .dropdown-menu-profile .col-megamenu li .dropdown-item .icon { color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003327}}
.navbar-vietceramics .dropdown-menu-profile .col-megamenu li .dropdown-item:hover, .navbar-vietceramics .dropdown-menu-profile .col-megamenu li .dropdown-item:focus { color: #981B1E; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color: transparent; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003333}}
.navbar-vietceramics .dropdown-menu-profile .col-megamenu li .dropdown-item:hover .icon, .navbar-vietceramics .dropdown-menu-profile .col-megamenu li .dropdown-item:focus .icon { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003336}}
.navbar-vietceramics .dropdown-menu-profile .col-megamenu li .dropdown-item:hover .icon::before, .navbar-vietceramics .dropdown-menu-profile .col-megamenu li .dropdown-item:focus .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003346}}
.navbar-vietceramics .dropdown-menu-profile.dropdown-menu-210 { min-width: 210px !important; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003352}}
.group-action-menu { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003355}}
.group-action-menu .navbar-nav { 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: 90px; -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; max-width: 90px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003364}}
.group-action-menu .navbar-nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; max-width: 40px; width: 40px; height: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003370}}
.group-action-menu .navbar-nav .nav-item .nav-link { height: 100%; width: 100%; line-height: 25px; font-size: 20px; text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003377}}
.group-action-menu .navbar-nav .nav-item .nav-link::after { display: none; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003385}}
.navbar-change { position: fixed; top: 0; left: 0; width: 100%; -webkit-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; -webkit-transform: translateY(-100%); transform: translateY(-100%); z-index: 999; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_global\.scss}line{font-family:\00003395}}
.navbar-fixed { position: fixed; top: 0; left: 0; width: 100%; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 999; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\000031}}
.sidenav { width: 100%; max-width: 345px; height: calc(100svh - 90px); background-color: #f8f8f8; padding: 21px 0; position: fixed; top: 90px; left: 0; z-index: 100; visibility: hidden; -webkit-transform: translateX(-110%); transform: translateX(-110%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow-y: auto; display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\0000316}}
.sidenav.show { -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\0000321}}
.sidenav .dropdown-menu { background-color: #f8f8f8; border-width: 0; padding-top: 0; padding-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\0000328}}
.sidenav .navbar-nav .nav-item { width: 100%; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\0000331}}
.sidenav .navbar-nav .nav-item .nav-link { padding: 15px 17px 15px 28px; font-weight: 400; font-size: 16px; color: #4E4E4F; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\0000337}}
.sidenav .navbar-nav .nav-item .nav-link.dropdown-toggle::after { content: "\e90c"; color: #4e4e4f; font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 18px; top: 20px; border-width: 0; font-size: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\0000357}}
.sidenav .navbar-nav .nav-item .nav-link.dropdown-toggle.show::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\0000362}}
.sidenav .navbar-nav .nav-item .dropdown-toggle { position: absolute; top: 0px; right: 0; border-width: 0; background-color: transparent; padding: 14px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\0000369}}
.sidenav .navbar-nav .nav-item .dropdown-toggle::after { content: "\e90c"; color: #4e4e4f; font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; border-width: 0; font-size: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\0000387}}
.sidenav .navbar-nav .nav-item .dropdown-toggle.show::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\0000393}}
.sidenav .navbar-nav > .nav-item::after { content: ""; width: calc(100% - 45px); height: 1px; background-color: #8e8e8e; display: block; position: absolute; bottom: 0; left: 28px; z-index: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\00003104}}
.sidenav .navbar-nav > .nav-item > .nav-link { text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\00003110}}
.sidenav .navbar-nav .nav-lang .flag-lang { width: 20px; height: 20px; overflow: hidden; border-radius: 50%; margin-right: 14px; display: inline-block; vertical-align: bottom; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\00003119}}
.sidenav .navbar-nav .nav-lang .nav-link { padding: 10px 17px 10px 28px; font-weight: 400; font-size: 16px; color: #4e4e4f; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\00003129}}
.sidenav .dropdown-menu { position: relative !important; z-index: 1; left: 0; top: 0; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding-left: 48px; padding-right: 17px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\00003138}}
.sidenav .dropdown-menu .col-megamenu { list-style-type: none; padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\00003141}}
.sidenav .dropdown-menu .col-megamenu .dropdown-item { padding: 10px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/navs\/_sidebar\.scss}line{font-family:\00003146}}
.sidenav .dropdown-menu li .dropdown-item { font-size: 15px; padding: 11px 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\000031}}
.btn { border-radius: 0 !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\000033}}
.btn.btn-find-showroom { padding: 17px; background-color: #981B1E; color: #fff; text-align: center; display: block; width: 100%; font-size: 20px; border: 2px solid #981B1E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\0000313}}
.btn.btn-find-showroom:hover, .btn.btn-find-showroom:focus { color: #981B1E; background-color: #f8f8f8; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\0000318}}
.btn.btn-find-showroom:hover .icon, .btn.btn-find-showroom:focus .icon { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\0000320}}
.btn.btn-find-showroom:hover .icon::before, .btn.btn-find-showroom:focus .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\0000327}}
.btn.btn-newsletter { padding: 0; background-color: #981B1E; color: #fff; text-align: center; display: block; width: 100%; font-size: 20px; line-height: 75px; border: 1px solid #981B1E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\0000338}}
.btn.btn-newsletter:hover, .btn.btn-newsletter:focus { opacity: 0.8; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\0000345}}
.btn.btn-primary { padding: 17px 25px; font-weight: 400; font-size: 20px; line-height: 1.25; text-align: center; background-color: #981B1E; border: 2px solid #981B1E; color: #fff; position: relative; overflow: hidden; z-index: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\0000358}}
.btn.btn-primary .icon { color: #fff; margin-right: 3%; font-size: 25px; vertical-align: bottom; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\0000363}}
.btn.btn-primary .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\0000391}}
.btn.btn-primary:hover { color: #981B1E; background-color: #f8f8f8; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\0000395}}
.btn.btn-primary:hover .icon { color: #981B1E; margin-right: 3%; font-size: 25px; vertical-align: bottom; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\00003100}}
.btn.btn-primary:hover .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\00003106}}
.btn.btn-secondary { padding: 17px 25px; font-weight: 400; font-size: 20px; line-height: 1.25; text-align: center; background-color: #E6E6E6; border: 1px solid #E6E6E6; color: #4E4E4F; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\00003116}}
.btn.btn-secondary .icon { color: #4E4E4F; margin-right: 3%; font-size: 25px; vertical-align: bottom; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\00003121}}
.btn.btn-secondary .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\00003126}}
.btn.btn-link { padding: 17px 25px; font-weight: 400; font-size: 20px; line-height: 1.25; text-align: center; background-color: transparent; border: 1px solid transparent; color: #981B1E; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\00003139}}
.btn.btn-outline-primary { padding: 17px 25px; font-weight: 400; font-size: 20px; line-height: 1.25; text-align: center; background-color: transparent; border: 1px solid #981B1E; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\00003149}}
.btn.btn-slider-viewmore { padding: 17px 25px; font-weight: 400; font-size: 20px; line-height: 1.25; text-align: center; background-color: #000; color: #fff; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\00003158}}
.btn.btn-slider-viewmore:hover { background-color: #981B1E; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #fff !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\00003165}}
.btn.btn-search-advance { background-color: #D9D9D9; font-weight: 400; font-size: 20px; text-align: center; color: #4E4E4F; padding: 22px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\00003172}}
.btn.btn-search-advance .icon { color: #4E4E4F; margin-right: 10px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\00003180}}
.to_top { position: fixed; z-index: 9999; bottom: 142px; right: -80px; width: 75px; height: 75px; border-radius: 50%; color: #ffffff; font-size: 11px; text-align: center; padding: 7px; line-height: 1; opacity: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 18px; 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; background-color: #d9d9d9; border: 2px solid white; cursor: pointer; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\00003202}}
.to_top .icon { position: relative; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); color: #ffffff; font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\00003207}}
.to_top .icon::before { color: #ffffff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_buttons\.scss}line{font-family:\00003211}}
.to_top.show { right: 75px; opacity: 1; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_form\.scss}line{font-family:\000031}}
.form-control:focus { -webkit-box-shadow: unset; box-shadow: unset; border: 1px solid #981B1E; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_form\.scss}line{font-family:\000035}}
.form-group-newsletter { height: 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_form\.scss}line{font-family:\0000310}}
.form-group-newsletter .btn-newsletter { -webkit-box-flex: 0; -ms-flex: 0 0 122px; flex: 0 0 122px; max-width: 122px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_form\.scss}line{font-family:\0000315}}
.form-group-newsletter .form-control { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 122px); flex: 0 0 calc(100% - 122px); max-width: calc(100% - 122px); width: 100%; padding: 24px; font-weight: 400; font-size: 16px; line-height: 1.25; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\000033}}
.slider-vietceramics .banner-video-bg .banner-video { position: absolute; top: 50%; left: 50%; min-height: 100%; min-width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\0000312}}
.slider-vietceramics .banner { padding-top: 870px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\0000315}}
.slider-vietceramics .fill { height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\0000324}}
.slider-vietceramics .bg-fill { background-size: cover; background-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\0000328}}
.slider-vietceramics .banner-layers { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url("../img/bg-slider.d9a84f9cead1.png"); background-position: 0 0; background-repeat: repeat; padding-top: 55px; padding: 55px 25px 40px 155px; min-width: 720px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\0000342}}
.slider-vietceramics .banner-layers .title { color: #fff; font-size: 60px; font-weight: 700; margin-bottom: 18px; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\0000349}}
.slider-vietceramics .banner-layers .sub { color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 16px; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\0000358}}
.slider-vietceramics .swiper-button-prev { width: 50px; height: 60px; position: absolute; bottom: 80px; right: 144px; top: unset; margin: 0; left: unset; background: rgba(196, 196, 196, 0.502); color: #ffffff; z-index: 11; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\0000371}}
.slider-vietceramics .swiper-button-next { width: 50px; height: 60px; position: absolute; bottom: 80px; right: 75px; top: unset; margin: 0; left: unset; background: rgba(196, 196, 196, 0.502); color: #ffffff; z-index: 11; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\0000385}}
.slider-vietceramics .swiper-pagination { top: unset; bottom: 105px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\0000388}}
.slider-vietceramics .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border: 1px solid #ffffff; background: rgba(196, 196, 196, 0.502); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 0; opacity: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\0000396}}
.slider-vietceramics .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgba(152, 27, 30, 0.8); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003104}}
.slider-vietceramics .swiper-slide .banner-layers { opacity: 0; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003108}}
.slider-vietceramics .swiper-slide .title { position: relative; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003113}}
.slider-vietceramics .swiper-slide .sub { position: relative; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 1800ms 200ms cubic-bezier(0.885, 0.005, 0.125, 1); transition: all 1800ms 200ms cubic-bezier(0.885, 0.005, 0.125, 1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003118}}
.slider-vietceramics .swiper-slide .btn-slider-viewmore { position: relative; -webkit-transform: translateX(-200%); transform: translateX(-200%); -webkit-transition: all 1800ms 250ms ease-in-out; transition: all 1800ms 250ms ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003124}}
.slider-vietceramics .swiper-slide.swiper-slide-active .banner-layers { opacity: 1; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003128}}
.slider-vietceramics .swiper-slide.swiper-slide-active .title { position: relative; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003133}}
.slider-vietceramics .swiper-slide.swiper-slide-active .sub { position: relative; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 1800ms 200ms cubic-bezier(0.885, 0.005, 0.125, 1); transition: all 1800ms 200ms cubic-bezier(0.885, 0.005, 0.125, 1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003138}}
.slider-vietceramics .swiper-slide.swiper-slide-active .btn-slider-viewmore { position: relative; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 1800ms 250ms ease-in-out; transition: all 1800ms 250ms ease-in-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003148}}
.catalogue-slider .banner { padding-top: 700px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003154}}
.catalogue-slider .fill { height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003163}}
.catalogue-slider .bg-fill { background-size: cover; background-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003166}}
.catalogue-slider .bg-fill::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.45%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.45%, rgba(0, 0, 0, 0.4) 100%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003176}}
.catalogue-slider .banner-layers { position: absolute; bottom: 50px; left: 0; padding-top: 55px; padding: 55px 25px 40px 155px; min-width: 720px; z-index: 2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003184}}
.catalogue-slider .banner-layers .label { background-color: #ffffff; border-radius: 0; color: #981B1E; font-weight: 400; font-size: 14px; text-align: center; padding: 6px; min-width: 140px; margin-bottom: 20px; display: inline-block; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003199}}
.catalogue-slider .banner-layers .title { color: #fff; font-size: 64px; font-weight: 700; margin-bottom: 18px; text-transform: uppercase; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003207}}
.catalogue-slider .banner-layers .sub { color: #fff; font-size: 24px; font-weight: 400; margin-bottom: 16px; text-transform: uppercase; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003217}}
.catalogue-slider .swiper-button-prev { width: 50px; height: 60px; position: absolute; left: 0; background: rgba(196, 196, 196, 0.502); color: #ffffff; z-index: 11; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003226}}
.catalogue-slider .swiper-button-next { width: 50px; height: 60px; position: absolute; right: 0; background: rgba(196, 196, 196, 0.502); color: #ffffff; z-index: 11; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003237}}
.catalogue-slider .swiper-pagination { top: unset; bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003240}}
.catalogue-slider .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border: 1px solid #ffffff; background: rgba(196, 196, 196, 0.502); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 0; opacity: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003248}}
.catalogue-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgba(152, 27, 30, 0.8); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003257}}
.catalogue-slider .swiper-slide .banner-layers { opacity: 0; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003261}}
.catalogue-slider .swiper-slide .title { position: relative; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003266}}
.catalogue-slider .swiper-slide .sub { position: relative; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 1800ms 200ms cubic-bezier(0.885, 0.005, 0.125, 1); transition: all 1800ms 200ms cubic-bezier(0.885, 0.005, 0.125, 1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003271}}
.catalogue-slider .swiper-slide .label { position: relative; -webkit-transform: translateX(-200%); transform: translateX(-200%); -webkit-transition: all 1800ms 250ms ease-in-out; transition: all 1800ms 250ms ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003276}}
.catalogue-slider .swiper-slide .btn-primary { position: relative; -webkit-transform: translateX(-200%); transform: translateX(-200%); -webkit-transition: all 1800ms 250ms ease-in-out; transition: all 1800ms 250ms ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003282}}
.catalogue-slider .swiper-slide.swiper-slide-active .banner-layers { opacity: 1; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003286}}
.catalogue-slider .swiper-slide.swiper-slide-active .title { position: relative; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003291}}
.catalogue-slider .swiper-slide.swiper-slide-active .sub { position: relative; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 1800ms 200ms cubic-bezier(0.885, 0.005, 0.125, 1); transition: all 1800ms 200ms cubic-bezier(0.885, 0.005, 0.125, 1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003296}}
.catalogue-slider .swiper-slide.swiper-slide-active .label { position: relative; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 1800ms 250ms ease-in-out; transition: all 1800ms 250ms ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003301}}
.catalogue-slider .swiper-slide.swiper-slide-active .btn-primary { position: relative; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 1800ms 250ms ease-in-out; transition: all 1800ms 250ms ease-in-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003312}}
.swipper-partner .swiper-slide img { max-width: 250px; display: block; margin: auto; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003320}}
.slider-projects { padding-right: 150px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003322}}
.slider-projects .banner { width: 100%; padding-top: 800px; position: relative; height: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003327}}
.slider-projects .banner .fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003335}}
.slider-projects .banner .bg-fill { background-size: cover; background-position: center center; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003344}}
.projects-slider .swiper-button-prev { width: 50px; height: 60px; position: absolute; left: 0; top: 50%; -webkit-transform: translateX(-100%) translateY(-50%); transform: translateX(-100%) translateY(-50%); margin: 0; left: unset; background: rgba(196, 196, 196, 0.502); color: #ffffff; z-index: 11; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003359}}
.projects-slider .swiper-button-next { width: 50px; height: 60px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; margin: 0; left: unset; background: rgba(196, 196, 196, 0.502); color: #ffffff; z-index: 11; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003372}}
.projects-slider .swiper-pagination { top: unset; bottom: 38px; display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003376}}
.projects-slider .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border: 1px solid #ffffff; background: rgba(196, 196, 196, 0.502); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 0; opacity: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003384}}
.projects-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgba(152, 27, 30, 0.8); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003395}}
.catalogues-slider .swiper-pagination { top: unset; bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003398}}
.catalogues-slider .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border: 1px solid #ffffff; background: rgba(196, 196, 196, 0.502); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 0; opacity: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003406}}
.catalogues-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgba(152, 27, 30, 0.8); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003414}}
.swiper-products-content { padding-right: 150px; padding-top: 20px; padding-bottom: 20px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003421}}
.products-suggestions .products { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003423}}
.products-suggestions .products .product { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003427}}
.products-suggestions .swiper-button-next { background-color: rgba(196, 196, 196, 0.502); right: 0; display: block; width: 51px; height: 60px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-right: -67px; 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 -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003439}}
.products-suggestions .swiper-button-next::after { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e915"; color: #fff; font-size: 33px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003455}}
.products-suggestions .swiper-button-next:hover::after, .products-suggestions .swiper-button-next:focus::after { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003461}}
.products-suggestions .swiper-button-prev { background-color: rgba(196, 196, 196, 0.502); left: 0; display: block; width: 51px; height: 60px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: -67px; 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 -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003473}}
.products-suggestions .swiper-button-prev::after { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e914"; color: #fff; font-size: 33px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003489}}
.products-suggestions .swiper-button-prev:hover::after, .products-suggestions .swiper-button-prev:focus::after { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #981B1E; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003497}}
.galleries { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003499}}
.galleries .swiper-button-next { background-color: rgba(196, 196, 196, 0.502); right: 0; padding: 8px 10px; display: block; width: 43px; height: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-right: -67px; margin-top: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003510}}
.galleries .swiper-button-next::after { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e915"; color: #fff; font-size: 33px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003526}}
.galleries .swiper-button-next:hover::after, .galleries .swiper-button-next:focus::after { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003532}}
.galleries .swiper-button-prev { background-color: rgba(196, 196, 196, 0.502); left: 0; padding: 8px 10px; display: block; width: 43px; height: 50px; top: calc(50% - 30px); margin-left: -67px; margin-top: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003542}}
.galleries .swiper-button-prev::after { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e914"; color: #fff; font-size: 33px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003558}}
.galleries .swiper-button-prev:hover::after, .galleries .swiper-button-prev:focus::after { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #981B1E; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003566}}
.swiper-collection-inspiration { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003568}}
.swiper-collection-inspiration .swiper-button-next { background-color: rgba(196, 196, 196, 0.502); right: 0; padding: 8px 10px; display: block; width: 43px; height: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-right: -67px; margin-top: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003579}}
.swiper-collection-inspiration .swiper-button-next::after { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e915"; color: #fff; font-size: 33px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003595}}
.swiper-collection-inspiration .swiper-button-next:hover::after, .swiper-collection-inspiration .swiper-button-next:focus::after { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003601}}
.swiper-collection-inspiration .swiper-button-prev { background-color: rgba(196, 196, 196, 0.502); left: 0; padding: 8px 10px; display: block; width: 43px; height: 50px; top: calc(50% - 30px); margin-left: -67px; margin-top: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003611}}
.swiper-collection-inspiration .swiper-button-prev::after { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e914"; color: #fff; font-size: 33px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003627}}
.swiper-collection-inspiration .swiper-button-prev:hover::after, .swiper-collection-inspiration .swiper-button-prev:focus::after { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #981B1E; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003636}}
.product-slider .swiper-slide-video { padding-top: 100%; height: 0; position: relative; background-color: #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003641}}
.product-slider .swiper-slide-video video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003652}}
.product-thumbs { padding-right: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003655}}
.product-thumbs .swiper-slide-video { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003657}}
.product-thumbs .swiper-slide-video .icon-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60px; height: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003664}}
.product-thumbs .swiper-slide-video .icon-play img { display: block; width: 100%; height: 100%; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003675}}
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: "\e914"; font-family: 'icomoon' !important; color: inherit; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003684}}
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: "\e915"; font-family: 'icomoon' !important; color: inherit; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_slider\.scss}line{font-family:\00003692}}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 5px); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\000031}}
.footer { background-color: #4E4E4F; padding: 110px 0 114px 0; font-family: "Averta Std", sans-serif; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\000035}}
.footer h6 { font-weight: 800; font-size: 16px; line-height: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000311}}
.footer .nav-link { font-weight: 400; font-size: 14px; line-height: 1.78; padding: 10px 0; color: #fff; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000320}}
.footer .nav-link:hover, .footer .nav-link:focus { color: #e74a3b; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000327}}
.copy-right { background-color: #000000; padding: 63px 0 42px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000331}}
.copy-right .content .content-inner { font-weight: 400; font-size: 12px; line-height: 1.25; color: #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000339}}
.copy-right .license { display: block; width: 141px; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000343}}
.copy-right .license img { display: block; width: 100%; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000350}}
.newsletter { background-color: #CFCAC6; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000352}}
.newsletter .contact { background-color: #981B1E; padding: 60px 75px; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000356}}
.newsletter .contact .logo { width: 260px; height: auto; margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000360}}
.newsletter .contact .logo img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000366}}
.newsletter .contact .listitem { margin-bottom: 54px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000368}}
.newsletter .contact .listitem .item { position: relative; padding-left: 50px; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000372}}
.newsletter .contact .listitem .item .icon-moon { font-size: 27px; vertical-align: middle; position: absolute; top: 0%; left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000379}}
.newsletter .contact .listitem .item .icon-icon-phone { font-size: 24px; position: absolute; top: 1px; left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000385}}
.newsletter .contact .listitem .item .icon-icon-mail { font-size: 18px; position: absolute; top: 5px; left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\0000392}}
.newsletter .contact .listitem .item a { font-weight: 400; font-size: 20px; line-height: 24.72px; color: #ffffff; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\00003102}}
.newsletter .contact .socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\00003107}}
.newsletter .contact .socials .item { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; max-width: 50px; width: 100%; height: 50px; border: 2px solid #ffffff; border-radius: 50%; position: relative; text-decoration: none; margin-right: 25px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\00003119}}
.newsletter .contact .socials .item .icon-moon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; font-size: 20px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\00003127}}
.newsletter .contact .socials .item .icon-moon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\00003132}}
.newsletter .contact .socials .item:last-child { margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\00003136}}
.newsletter .contact .socials .item:hover, .newsletter .contact .socials .item:focus { background-color: #ffffff; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\00003139}}
.newsletter .contact .socials .item:hover .icon-moon, .newsletter .contact .socials .item:focus .icon-moon { color: #981B1E; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\00003149}}
.newsletter .newsletter-inner { height: 100%; padding: 88px 75px 88px 110px; background-color: #CFCAC6; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\00003153}}
.newsletter .newsletter-inner .btn-find-showroom { margin-bottom: 33px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\00003155}}
.newsletter .newsletter-inner .btn-find-showroom .icon { margin-right: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\00003159}}
.newsletter .newsletter-inner .text { font-weight: 400; font-size: 16px; line-height: 1.25; color: #4E4E4F; margin-bottom: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_footer\.scss}line{font-family:\00003168}}
.newsletter .newsletter-inner .form-control { border: 0px solid #CFCAC6; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031}}
.section-vietceramics { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034}}
.section-vietceramics .section-bg { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000313}}
.section-vietceramics .bg-light-brown { background-color: #e0dbd8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000317}}
.section-vietceramics .bg-light-gray { background-color: #e6e6e6; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000321}}
.section-vietceramics .section-content { z-index: 2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000325}}
.section-vietceramics .col-inner { padding: 5% 75px 5% 75px; max-width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000329}}
.section-vietceramics .col-inner h2 { margin-bottom: 30px; color: #000; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000335}}
.section-vietceramics .col-inner .text { margin-bottom: 84px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000340}}
.section-vietceramics .btn-contact-email { min-width: 190px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000346}}
.section-vietceramics .btn-contact-email .icon { font-size: 14px; margin-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000350}}
.section-vietceramics .btn-contact-email .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000357}}
.section-vietceramics .btn-contact-email:hover .icon, .section-vietceramics .btn-contact-email:focus .icon { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000364}}
.section-vietceramics:nth-child(even) .slideInContent { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000368}}
.section-vietceramics:nth-child(even) .slideInImage { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000374}}
.section-vietceramics:nth-child(odd) .slideInContent { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000379}}
.section-vietceramics:nth-child(odd) .slideInImage { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000386}}
.section-solutions .solution-title { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000392}}
.section-solutions .solution-title .solution-title-inner { padding: 5px 33px 5px 75px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\0000396}}
.section-solutions .solution-title .solution-title-inner h2 { text-transform: uppercase; margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003103}}
.section-solutions .solution { width: 100%; padding-top: 81.25%; position: relative; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003109}}
.section-solutions .solution .bg-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003119}}
.section-solutions .solution .solution-inner { position: absolute; z-index: 2; bottom: 16px; left: 0; padding: 0 30px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003127}}
.section-solutions .solution .solution-inner .title { color: #fff; font-weight: 700; font-size: 20px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); text-transform: uppercase; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003138}}
.section-tiles-general-solutions { padding: 75px 0 120px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003141}}
.section-tiles-general-solutions .solution-title { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003147}}
.section-tiles-general-solutions .solution-title .solution-title-inner { margin-bottom: 72px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003151}}
.section-tiles-general-solutions .solution-title .solution-title-inner h2 { text-transform: uppercase; margin-bottom: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003158}}
.section-tiles-general-solutions .solution { width: 100%; padding-top: 81.25%; position: relative; display: block; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003165}}
.section-tiles-general-solutions .solution .bg-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003174}}
.section-tiles-general-solutions .solution .solution-inner { position: absolute; z-index: 2; bottom: 16px; left: 0; padding: 0 30px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003182}}
.section-tiles-general-solutions .solution .solution-inner .title { color: #fff; font-weight: 700; font-size: 32px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); text-transform: uppercase; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003193}}
.section-achievements { background-color: #981B1E; padding: 90px 0 95px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003198}}
.section-achievements .box-icon .icon { display: block; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003202}}
.section-achievements .box-icon .icon img { max-width: 100%; width: auto; height: auto; display: block; margin: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003211}}
.section-achievements .box-icon .number { width: 100%; font-weight: 700; font-size: 60px; text-transform: uppercase; text-align: center; color: #fff; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003221}}
.section-achievements .box-icon h5 { width: 100%; font-weight: 400; font-size: 16px; color: #fff; letter-spacing: 0%; text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003231}}
.section-achievements .col-achi { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003236}}
.section-partner { padding-top: 102px; padding-bottom: 124px; background-color: #efefef; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003242}}
.section-projects { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003248}}
.section-projects .bg-fill { top: 0; left: 0; width: 100%; height: 100%; background-color: #cfcac6; position: absolute; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003257}}
.section-projects .project-title { -webkit-box-flex: 0; -ms-flex: 0 0 295px; flex: 0 0 295px; max-width: 295px; width: 100%; position: relative; z-index: 2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003264}}
.section-projects .project-title .project-title-inner { padding: 72px 10px 72px 10px; width: 100%; text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003269}}
.section-projects .project-title .project-title-inner h2 { text-transform: uppercase; margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003276}}
.section-projects .projects-slider { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 295px); flex: 0 0 calc(100% - 295px); max-width: calc(100% - 295px); width: 100%; position: relative; z-index: 2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003283}}
.section-projects .projects-slider .banner-layers { position: absolute; top: 0; left: 0; width: 100%; padding-top: 46px; padding-left: 30px; padding-right: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003292}}
.section-projects .projects-slider .banner-layers .title { font-weight: 400; font-size: 24px; color: #fff; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003300}}
.section-projects .projects-slider .swiper-slide { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003305}}
.section-projects .projects-slider .swiper-slide .banner::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003320}}
.section-projects .projects-slider .swiper-slide .banner:hover::before { -webkit-animation: circle .75s; animation: circle .75s; }
@-webkit-keyframes circle { 0% { opacity: 1; }
  40% { opacity: 1; }
  100% { width: 200%; height: 200%; opacity: 0; } }
@keyframes circle { 0% { opacity: 1; }
  40% { opacity: 1; }
  100% { width: 200%; height: 200%; opacity: 0; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003357}}
.section-catalogues { padding: 78px 0; background-color: #efefef; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003362}}
.section-catalogues.section-desktop-catalogues { display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003366}}
.section-catalogues.section-mobile-catalogues { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003370}}
.section-catalogues .col-cs-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 40%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003377}}
.section-catalogues .catalogue-title .catalogue-title-inner h2 { text-transform: uppercase; margin-bottom: 45px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003385}}
.section-collections { background-color: #e0dbd8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003388}}
.section-collections .collection-title { height: 100%; width: 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; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003395}}
.section-collections .collection-title h2 { text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003400}}
.section-collections .collection { display: block; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003404}}
.section-collections .collection .bg { aspect-ratio: 1 / 1; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003408}}
.section-collections .collection .bg img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003414}}
.section-collections .collection .bg::before { content: ""; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.45%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.45%, rgba(0, 0, 0, 0.4) 100%); width: 100%; height: 35%; position: absolute; bottom: 0; left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003427}}
.section-collections .collection .content-inner { position: absolute; bottom: 60px; left: 0; z-index: 5; width: 100%; text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003435}}
.section-collections .collection .content-inner h3 { text-transform: uppercase; color: #efefef; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003441}}
.section-collections .collection .content-inner h6 { text-transform: uppercase; color: #efefef; font-weight: 400; font-size: 16px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003453}}
.section-news .section-top-new { background-color: #e0dbd8; padding-top: 64px; padding-bottom: 250px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003459}}
.section-news .section-bottom-new { background-color: #ffffff; padding-bottom: 150px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003466}}
.section-news .new-title .new-title-inner h2 { margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003472}}
.section-news .blog-post { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003475}}
.section-news .blog-post .post-thumbnail { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 80%; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003483}}
.section-news .blog-post .post-thumbnail img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003496}}
.section-news .blog-post .post-info-wrapper { padding: 30px 27px; background-color: #ffffff; min-height: 200px; position: absolute; top: 0; left: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003505}}
.section-news .blog-post .post-info-wrapper .post-category { font-weight: 400; font-size: 12px; margin-bottom: 15px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003511}}
.section-news .blog-post .post-info-wrapper .post-category:hover, .section-news .blog-post .post-info-wrapper .post-category:focus { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003516}}
.section-news .blog-post .post-info-wrapper .post-category a { color: inherit; font-size: inherit; text-transform: uppercase; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003524}}
.section-news .blog-post .post-info-wrapper .post-title { font-weight: 700; font-size: 16px; margin-bottom: 30px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003530}}
.section-news .blog-post .post-info-wrapper .post-title:hover, .section-news .blog-post .post-info-wrapper .post-title:focus { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003535}}
.section-news .blog-post .post-info-wrapper .post-title a { color: inherit; font-size: inherit; text-transform: uppercase; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003543}}
.section-news .blog-post .post-info-wrapper .post-meta { font-weight: 400; font-size: 12px; position: absolute; bottom: 30px; left: 27px; width: calc(100% - 54px); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003551}}
.section-news .blog-post .post-info-wrapper .post-meta .date { font-weight: 400; font-size: 12px; color: #000000; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003561}}
.section-tiles-general-products { background-color: #efefef; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003564}}
.section-tiles-general-products .row { margin-left: -8px; margin-right: -8px; padding-bottom: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003569}}
.section-tiles-general-products .row > * { padding: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003574}}
.section-tiles-general-products .tiles-general-product-description { height: 100%; padding: 75px; 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 -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003581}}
.section-tiles-general-products .tiles-general-product-description .description { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003586}}
.section-tiles-general-products .tiles-general-product { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003590}}
.section-tiles-general-products .tiles-general-product .thumbnail img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003597}}
.section-tiles-general-products .tiles-general-product .product-title { position: absolute; font-size: 24px; color: #000000; top: 0; left: 0; padding: 55px 70px; font-weight: 400; text-align: center; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003608}}
.section-tiles-general-products .tiles-general-product .product-title a { text-decoration: none; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003615}}
.section-product-banner { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003618}}
.section-product-banner .banner { padding-top: 500px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003621}}
.section-product-banner .banner .fill { height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003631}}
.section-product-banner .banner .bg-fill { background-size: cover; background-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003636}}
.section-product-banner .banner .banner-layers { position: absolute; width: 100%; padding-left: 155px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003643}}
.section-product-banner .banner .banner-layers h2.title { color: #ffffff; font-size: 60px; text-transform: uppercase; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003653}}
.section-find-products { background-color: #e6e6e6; padding: 28px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003657}}
.section-find-products .title { font-size: 40px; color: #000000; font-weight: 600; text-transform: uppercase; margin-bottom: 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003666}}
.section-all-products { position: relative; background-color: #ffffff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003670}}
.section-all-products .wrapper-all-products { padding: 0 75px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003674}}
.section-all-products .products-title { padding: 30px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003678}}
.section-all-products .products-title .products-title-inner h2 { font-size: 32px; color: #000; margin: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003686}}
.section-all-products .products-filter { background-color: #ffffff; padding: 34px 0 24px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003690}}
.section-all-products .products-filter.sticky { position: fixed; top: 97px; left: 0; width: 100%; z-index: 99; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003698}}
.section-all-products .products-filter .navbar-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003704}}
.section-all-products .products-filter .navbar-filter .nav-item { margin-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003707}}
.section-all-products .products-filter .navbar-filter .nav-item:last-child { margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003712}}
.section-all-products .products-filter .navbar-filter .btn-fillter { background-color: #981B1E; border: 1px solid #981B1E; color: #ffffff; font-size: 16px; padding: 7px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003719}}
.section-all-products .products-filter .navbar-filter .btn-fillter .icon { margin-right: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003725}}
.section-all-products .products-filter .navbar-filter .select2-container--default .select2-selection--single { border-radius: 0; padding: 10px 15px; border: 1px solid #c8c8c8; height: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003731}}
.section-all-products .products-filter .navbar-filter .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.25; font-size: 16px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003737}}
.section-all-products .products-filter .navbar-filter .select2-container--default .select2-selection--single .select2-selection__arrow { display: none !important; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003746}}
.section-product-information { background-color: #e6e6e6; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003749}}
.section-product-information .section-content { z-index: 2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003753}}
.section-product-information .col-inner { padding: 5% 75px 5% 75px; 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; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003760}}
.section-product-information .col-inner .category { font-weight: 400; font-size: 20px; color: #981B1E; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003767}}
.section-product-information .col-inner .image-product { display: block; margin-bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003771}}
.section-product-information .col-inner .image-product.image-logo-brand { width: 200px; height: auto; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003777}}
.section-product-information .col-inner .image-product img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003784}}
.section-product-information .col-inner h2 { margin-bottom: 30px; color: #000; text-transform: uppercase; font-size: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003791}}
.section-product-information .col-inner .text { color: #4E4E4F; font-size: 20px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003798}}
.section-product-collections { padding: 75px 0 100px 0; background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003802}}
.section-product-collections .product-collections-title { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003808}}
.section-product-collections .product-collections-title .product-collections-title-inner { margin-bottom: 72px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003812}}
.section-product-collections .product-collections-title .product-collections-title-inner h2 { text-transform: uppercase; margin-bottom: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003820}}
.section-product-collections .collections .collection { width: 100%; padding-top: 68.25%; position: relative; display: block; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003827}}
.section-product-collections .collections .collection::before { content: ""; width: 100%; height: 30%; position: absolute; left: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.45%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.45%, rgba(0, 0, 0, 0.4) 100%); z-index: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003840}}
.section-product-collections .collections .collection .bg-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003850}}
.section-product-collections .collections .collection .new { position: absolute; top: 10px; left: -6px; font-weight: 400; font-size: 12px; text-align: center; background-color: #981B1E; padding: 5px 20px; color: #ffffff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003862}}
.section-product-collections .collections .collection .solution-inner { position: absolute; z-index: 2; bottom: 16px; left: 0; padding: 0 30px; width: 100%; z-index: 2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003871}}
.section-product-collections .collections .collection .solution-inner .title { color: #fff; font-weight: 700; font-size: 32px; text-transform: uppercase; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003879}}
.section-product-collections .collections .collection .solution-inner .sub { color: #ffffff; font-weight: 400; font-size: 16px; text-align: center; text-transform: uppercase; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003892}}
.section-sanitary-general-products { background-color: #f8f8f8; padding: 66px 0 100px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003896}}
.section-sanitary-general-products .row { margin-left: -8px; margin-right: -8px; padding-bottom: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003901}}
.section-sanitary-general-products .row > * { padding: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003906}}
.section-sanitary-general-products .section-title { text-transform: uppercase; font-weight: 700; font-size: 40px; color: #000000; margin-bottom: 66px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003914}}
.section-sanitary-general-products .sanitary-general-product-description { height: 100%; padding: 75px; 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 -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003921}}
.section-sanitary-general-products .sanitary-general-product-description .description { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003926}}
.section-sanitary-general-products .sanitary-general-product { position: relative; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003931}}
.section-sanitary-general-products .sanitary-general-product .thumbnail img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003938}}
.section-sanitary-general-products .sanitary-general-product .product-title { position: absolute; font-size: 24px; color: #ffffff; top: 0; left: 0; padding: 55px 70px; font-weight: 700; text-align: center; width: 100%; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003950}}
.section-sanitary-general-products .sanitary-general-product .product-title a { text-decoration: none; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003957}}
.section-sanitary-general-design-style, .section-sanitary-general-mix { padding: 100px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003961}}
.section-sanitary-general-design-style .section-title, .section-sanitary-general-mix .section-title { text-transform: uppercase; font-weight: 700; font-size: 48px; color: #000; margin-bottom: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003969}}
.section-sanitary-general-design-style .swiper-sanitary-general-content, .section-sanitary-general-mix .swiper-sanitary-general-content { padding-right: 40%; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003974}}
.section-sanitary-general-design-style .swiper-sanitary-general-content .product::after, .section-sanitary-general-mix .swiper-sanitary-general-content .product::after { content: ""; width: 100%; height: 35%; position: absolute; background-color: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.45%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.45%, rgba(0, 0, 0, 0.4) 100%); left: 0; bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003987}}
.section-sanitary-general-design-style .swiper-sanitary-general-content .product .title, .section-sanitary-general-mix .swiper-sanitary-general-content .product .title { position: absolute; font-size: 32px; color: #ffffff; bottom: 45px; left: 0; width: 100%; font-weight: 700; text-align: center; width: 100%; z-index: 2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\00003999}}
.section-sanitary-general-design-style .swiper-sanitary-general-content .product .title a, .section-sanitary-general-mix .swiper-sanitary-general-content .product .title a { text-decoration: none; color: #ffffff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031008}}
.section-sanitary-general-design-style .slider-sanitary-general-design-style, .section-sanitary-general-design-style .slider-sanitary-general-mix, .section-sanitary-general-mix .slider-sanitary-general-design-style, .section-sanitary-general-mix .slider-sanitary-general-mix { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031012}}
.section-sanitary-general-design-style .slider-sanitary-general-design-style .swiper-button-next, .section-sanitary-general-design-style .slider-sanitary-general-mix .swiper-button-next, .section-sanitary-general-mix .slider-sanitary-general-design-style .swiper-button-next, .section-sanitary-general-mix .slider-sanitary-general-mix .swiper-button-next { background-color: rgba(196, 196, 196, 0.502); right: 0; padding: 8px 10px; display: block; width: 43px; height: 50px; margin-right: -70px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031021}}
.section-sanitary-general-design-style .slider-sanitary-general-design-style .swiper-button-next::after, .section-sanitary-general-design-style .slider-sanitary-general-mix .swiper-button-next::after, .section-sanitary-general-mix .slider-sanitary-general-design-style .swiper-button-next::after, .section-sanitary-general-mix .slider-sanitary-general-mix .swiper-button-next::after { font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e915"; color: #fff; font-size: 33px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031039}}
.section-sanitary-general-design-style .slider-sanitary-general-design-style .swiper-button-next:hover::after, .section-sanitary-general-design-style .slider-sanitary-general-design-style .swiper-button-next:focus::after, .section-sanitary-general-design-style .slider-sanitary-general-mix .swiper-button-next:hover::after, .section-sanitary-general-design-style .slider-sanitary-general-mix .swiper-button-next:focus::after, .section-sanitary-general-mix .slider-sanitary-general-design-style .swiper-button-next:hover::after, .section-sanitary-general-mix .slider-sanitary-general-design-style .swiper-button-next:focus::after, .section-sanitary-general-mix .slider-sanitary-general-mix .swiper-button-next:hover::after, .section-sanitary-general-mix .slider-sanitary-general-mix .swiper-button-next:focus::after { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031046}}
.section-sanitary-general-design-style .slider-sanitary-general-design-style .swiper-button-prev, .section-sanitary-general-design-style .slider-sanitary-general-mix .swiper-button-prev, .section-sanitary-general-mix .slider-sanitary-general-design-style .swiper-button-prev, .section-sanitary-general-mix .slider-sanitary-general-mix .swiper-button-prev { background-color: rgba(196, 196, 196, 0.502); left: 0; padding: 8px 10px; display: block; width: 43px; height: 50px; margin-left: -70px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031055}}
.section-sanitary-general-design-style .slider-sanitary-general-design-style .swiper-button-prev::after, .section-sanitary-general-design-style .slider-sanitary-general-mix .swiper-button-prev::after, .section-sanitary-general-mix .slider-sanitary-general-design-style .swiper-button-prev::after, .section-sanitary-general-mix .slider-sanitary-general-mix .swiper-button-prev::after { font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e914"; color: #fff; font-size: 33px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031073}}
.section-sanitary-general-design-style .slider-sanitary-general-design-style .swiper-button-prev:hover::after, .section-sanitary-general-design-style .slider-sanitary-general-design-style .swiper-button-prev:focus::after, .section-sanitary-general-design-style .slider-sanitary-general-mix .swiper-button-prev:hover::after, .section-sanitary-general-design-style .slider-sanitary-general-mix .swiper-button-prev:focus::after, .section-sanitary-general-mix .slider-sanitary-general-design-style .swiper-button-prev:hover::after, .section-sanitary-general-mix .slider-sanitary-general-design-style .swiper-button-prev:focus::after, .section-sanitary-general-mix .slider-sanitary-general-mix .swiper-button-prev:hover::after, .section-sanitary-general-mix .slider-sanitary-general-mix .swiper-button-prev:focus::after { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #981B1E; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031082}}
.section-banner-sanitary-general { position: relative; margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031086}}
.section-banner-sanitary-general .banner { padding-top: 520px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031089}}
.section-banner-sanitary-general .banner .fill { height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031099}}
.section-banner-sanitary-general .banner .bg-fill { background-size: cover; background-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031104}}
.section-banner-sanitary-general .banner .banner-layers { position: absolute; width: 100%; padding-left: 155px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031112}}
.section-banner-sanitary-general .banner .banner-layers .pic { height: auto; width: 319px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031117}}
.section-banner-sanitary-general .banner .banner-layers .pic img { width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031124}}
.section-banner-sanitary-general .banner .banner-layers h2.title { color: #ffffff; font-size: 60px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031130}}
.section-banner-sanitary-general .banner .banner-layers .description { font-weight: 400; font-size: 16px; color: #ffffff; margin-bottom: 45px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031140}}
.section-banner-sanitary-general.section-content-end .banner-layers { left: 60%; padding-left: 0; padding-right: 155px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031147}}
.section-banner-sanitary-general.section-content-start { left: 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031152}}
.section-sanitary-general-brands { padding: 50px 0 150px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031155}}
.section-sanitary-general-brands .section-title { color: #000000; text-transform: uppercase; font-weight: 700; font-size: 40px; margin-bottom: 50px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031164}}
.section-sanitary-brand-detail { background-color: #efefef; padding: 90px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031168}}
.section-sanitary-brand-detail .sanitary-brand-detail { margin-bottom: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031172}}
.section-sanitary-brand-detail .sanitary-brand-detail .inner-content .title-brand-detail { font-weight: 700; font-size: 32px; color: #000; text-transform: uppercase; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031180}}
.section-sanitary-brand-detail .sanitary-brand-detail .inner-content .description { font-weight: 400; font-size: 16px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031187}}
.section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-video { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031191}}
.section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-video .pic img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031198}}
.section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-video .btn-play { border-width: 0; background-color: transparent; width: 110px; height: 110px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031208}}
.section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-video .btn-play img { display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031215}}
.section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-image { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031219}}
.section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-image .pic img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031227}}
.section-sanitary-brand-detail .sanitary-brand-detail:last-child { margin-bottom: 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031233}}
.collection-inspiration-gallery { padding-top: 50px; background-color: #f8f8f8; position: relative; margin-bottom: 80px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031239}}
.collection-inspiration-gallery .section-title { font-weight: 700; font-size: 32px; color: #000000; margin-bottom: 80px; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031247}}
.collection-inspiration-gallery .gallery { width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031251}}
.collection-inspiration-gallery .gallery img { display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031257}}
.collection-inspiration-gallery .swiper-collection-inspiration-gallery { padding-right: 150px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031263}}
.content-collection-inspiration .section-footer-action { margin-bottom: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031266}}
.content-collection-inspiration .section-footer-action .footer-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031271}}
.content-collection-inspiration .section-footer-action .footer-action .btn-contact { -webkit-box-flex: 0; -ms-flex: 0 0 260px; flex: 0 0 260px; max-width: 260px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031277}}
.content-collection-inspiration .section-footer-action .footer-action .content-share { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 300px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031285}}
.content-collection-inspiration .section-footer-action .footer-action .content-share .label { text-transform: uppercase; font-weight: 700; font-size: 20px; color: #8e8e8e; margin-right: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031294}}
.content-collection-inspiration .section-footer-action .footer-action .socicals { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031299}}
.content-collection-inspiration .section-footer-action .footer-action .socicals .socical { display: -webkit-box; display: -ms-flexbox; display: flex; width: 60px; height: 60px; border-radius: 50%; background-color: #e6e6e6; border: 1px solid #e6e6e6; color: #4e4e4f; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-size: 34px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-right: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031314}}
.content-collection-inspiration .section-footer-action .footer-action .socicals .socical .icon { color: #4e4e4f; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031318}}
.content-collection-inspiration .section-footer-action .footer-action .socicals .socical .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031323}}
.content-collection-inspiration .section-footer-action .footer-action .socicals .socical:hover, .content-collection-inspiration .section-footer-action .footer-action .socicals .socical:focus { background-color: #981B1E; border: 1px solid #981B1E; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031330}}
.content-collection-inspiration .section-footer-action .footer-action .socicals .socical:hover .icon, .content-collection-inspiration .section-footer-action .footer-action .socicals .socical:focus .icon { color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031341}}
.section-collection-inspiration-slide-detail { margin-bottom: 80px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031344}}
.section-collection-inspiration-slide-detail .swiper-collection-inspiration { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031347}}
.section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 410px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031352}}
.section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-image .pic img { display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031359}}
.section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 410px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031365}}
.section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content { font-size: 20px; color: #4e4e4f; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031369}}
.section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content br { line-height: 1.25; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031373}}
.section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h1, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h2, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h3 { font-size: 24px; color: #4e4e4f; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031380}}
.section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h3, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h4, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h5, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h6 { font-size: 20px; color: #4e4e4f; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031388}}
.section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content ul, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content li, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content ol { font-size: 20px; color: #4e4e4f; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031395}}
.section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content p { font-size: 20px; color: #4e4e4f; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031404}}
.section-collection-inspiration-content { padding: 30px 0 30px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031407}}
.section-collection-inspiration-content .inner-content { font-size: 20px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031411}}
.section-collection-inspiration-content .inner-content h4 { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031415}}
.section-collection-inspiration-content .inner-content h5, .section-collection-inspiration-content .inner-content h6 { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031421}}
.section-collection-inspiration-content .thumbnail-video { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031425}}
.section-collection-inspiration-content .thumbnail-video .pic img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031432}}
.section-collection-inspiration-content .thumbnail-video .btn-play { border-width: 0; background-color: transparent; width: 110px; height: 110px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031442}}
.section-collection-inspiration-content .thumbnail-video .btn-play img { display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031449}}
.section-collection-inspiration-content .blockquote { font-weight: 700; font-size: 40px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031455}}
.section-collection-inspiration-content.section-collection-inspiration-content-style-1 { background-color: #d7c6bc; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031460}}
.section-collection-inspiration-content .content-absolute { position: absolute; top: 50%; left: 0; width: 100%; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031469}}
.section-collection-inspiration-content .thumbnail-image { position: relative; width: 100%; height: 400px; overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031475}}
.section-collection-inspiration-content .thumbnail-image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031489}}
.section-collection-inspiration-banner { margin-bottom: 80px; width: 100%; height: 750px; position: relative; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031496}}
.section-collection-inspiration-banner .bg-fill { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031508}}
.section-collection-inspiration-banner .pic { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031511}}
.section-collection-inspiration-banner .pic img { width: 100%; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031519}}
.content-collection-inspiration-header { padding: 60px 0 47px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031522}}
.content-collection-inspiration-header .title { font-weight: 700; font-size: 48px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031528}}
.content-collection-inspiration-header .sub-title { font-weight: 400; font-size: 32px; color: #000; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031536}}
.section-collection-inspiration-products .section-title { font-weight: 700; font-size: 32px; color: #000000; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031543}}
.section-collection-inspiration-products .products { padding-top: 70px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031548}}
.collection-inspiration-color-size { margin-bottom: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031551}}
.collection-inspiration-color-size .box-color-size { margin-bottom: 45px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031555}}
.collection-inspiration-color-size .section-title { font-weight: 700; font-size: 32px; color: #000000; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031562}}
.collection-inspiration-color-size .description { font-weight: 400; font-size: 20px; color: #4E4E4F; margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031569}}
.collection-inspiration-color-size h5 { text-transform: uppercase; font-weight: 700; font-size: 20px; color: #4E4E4F; text-align: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031577}}
.collection-inspiration-color-size h6 { font-weight: 400; font-size: 20px; color: #4E4E4F; text-align: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031584}}
.collection-inspiration-color-size .pic-size { margin-top: 45px; max-width: 170px; height: auto; max-height: 340px; overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031591}}
.collection-inspiration-color-size .pic-size img { display: block; width: 100%; height: auto; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031599}}
.section-mission-vietceramics { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031602}}
.section-mission-vietceramics .banner-bg { display: block; height: 350px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031607}}
.section-mission-vietceramics .banner-bg .bg-fill { background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031620}}
.section-mission-vietceramics .inner-content { position: absolute; left: 50%; top: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; text-align: center; max-width: 750px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031631}}
.section-mission-vietceramics .inner-content .title { font-weight: 700; font-size: 40px; text-align: center; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031638}}
.section-mission-vietceramics .inner-content .text { font-weight: 400; font-size: 20px; line-height: 1.75; text-align: center; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031647}}
.section-about-vietceramics { position: relative; background-color: #e0dbd8; padding: 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031687}}
.section-about-vietceramics .section-title { font-weight: 700; font-size: 40px; text-align: center; margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031694}}
.section-about-vietceramics .thumbnail-video { position: relative; margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031699}}
.section-about-vietceramics .thumbnail-video .pic img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031706}}
.section-about-vietceramics .thumbnail-video .btn-play { border-width: 0; background-color: transparent; width: 110px; height: 110px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031716}}
.section-about-vietceramics .thumbnail-video .btn-play img { display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031723}}
.section-about-vietceramics .thumbnail-image { position: relative; margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031728}}
.section-about-vietceramics .thumbnail-image .pic img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031736}}
.section-about-vietceramics .text { font-size: 20px; margin-bottom: 0px; text-align: center; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031743}}
.section-core-values-vietceramics { position: relative; background-color: #e6e6e6; padding: 80px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031748}}
.section-core-values-vietceramics .section-title { color: #000000; font-weight: 700; font-size: 40px; margin-bottom: 42px; text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031756}}
.section-core-values-vietceramics .core-values { background-color: #f8f8f8; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031760}}
.section-core-values-vietceramics .core-values .thubnail { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031763}}
.section-core-values-vietceramics .core-values .thubnail img { display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031768}}
.section-core-values-vietceramics .core-values .thubnail h3 { position: absolute; bottom: 20px; left: 0; width: 100%; font-family: Averta Std; font-weight: 700; font-size: 20px; text-align: center; 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; min-height: 55px; color: #fff; padding: 0 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031786}}
.section-core-values-vietceramics .core-values .inner-content { padding: 42px 23px 30px 23px; font-weight: 400; font-size: 20px; text-align: center; color: #4e4e4f; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031796}}
.section-total-solution-space { position: relative; background-color: #efefef; padding: 85px 0 75px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031801}}
.section-total-solution-space .section-title { color: #000000; font-weight: 700; font-size: 40px; margin-bottom: 42px; text-align: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031809}}
.section-total-solution-space .text { font-weight: 400; font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031814}}
.section-total-solution-space .solution-space { position: relative; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031818}}
.section-total-solution-space .solution-space .banner-bg { overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031822}}
.section-total-solution-space .solution-space .fill { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031831}}
.section-total-solution-space .solution-space .bg-fill { background-size: cover; background-repeat: no-repeat; background-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031837}}
.section-total-solution-space .solution-space .inner-content { position: absolute; z-index: 3; bottom: 0; left: 0; width: 100%; padding: 21px 27px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031845}}
.section-total-solution-space .solution-space .inner-content h3 { color: #ffffff; font-weight: 700; font-size: 24px; text-transform: uppercase; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031854}}
.section-total-solution-space .solution-space.solution-space-portrait { height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031858}}
.section-total-solution-space .solution-space.solution-space-landscape { padding-top: 68.25396825%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031862}}
.section-total-solution-space .solution-space::before { content: ""; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.45%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.45%, rgba(0, 0, 0, 0.6) 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; z-index: 1; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031877}}
.section-vietceramics-projects { background-color: #e6e6e6; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031880}}
.section-vietceramics-projects .row { margin-left: -8px; margin-right: -8px; padding-bottom: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031885}}
.section-vietceramics-projects .row > * { padding: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031890}}
.section-vietceramics-projects .projects-description { height: 100%; padding: 75px; 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 -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031897}}
.section-vietceramics-projects .projects-description .description { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031902}}
.section-vietceramics-projects .projects { position: relative; text-decoration: none; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031908}}
.section-vietceramics-projects .projects .thumbnail.project-thumbnail { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031915}}
.section-vietceramics-projects .projects .thumbnail.project-thumbnail img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031928}}
.section-vietceramics-projects .projects .thumbnail img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031935}}
.section-vietceramics-projects .projects .project-title { position: absolute; font-size: 24px; color: #ffffff; bottom: 0; left: 0; font-weight: 700; text-align: center; width: 100%; z-index: 2; padding: 45px 10px; text-transform: uppercase; margin-bottom: 0; min-height: 155px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031954}}
.section-vietceramics-projects .projects .project-title a { text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031959}}
.section-vietceramics-projects .projects::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 150px; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.45%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.45%, rgba(0, 0, 0, 0.4) 100%); z-index: 1; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031974}}
.section-vietceramics-projects-detail { background-color: #e6e6e6; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031977}}
.section-vietceramics-projects-detail .projects-description { height: 100%; padding: 75px; 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 -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031984}}
.section-vietceramics-projects-detail .projects-description .description { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031989}}
.section-vietceramics-projects-detail .projects { position: relative; text-decoration: none; margin-bottom: 30px; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000031995}}
.section-vietceramics-projects-detail .projects .thumbnail { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032002}}
.section-vietceramics-projects-detail .projects .thumbnail img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032015}}
.section-vietceramics-projects-detail .projects .inner-content { position: absolute; bottom: 0; left: 0; padding: 35px 10px; z-index: 2; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032024}}
.section-vietceramics-projects-detail .projects .project-title { font-size: 24px; color: #ffffff; font-weight: 700; text-align: center; width: 100%; z-index: 2; text-transform: uppercase; margin-bottom: 12px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032035}}
.section-vietceramics-projects-detail .projects .project-title a { text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032040}}
.section-vietceramics-projects-detail .projects .location { font-size: 16px; color: #ffffff; font-weight: 400; text-align: center; width: 100%; text-transform: uppercase; margin-bottom: 0; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032050}}
.section-vietceramics-projects-detail .projects .location a { text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032055}}
.section-vietceramics-projects-detail .projects::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 150px; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.45%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.45%, rgba(0, 0, 0, 0.4) 100%); z-index: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032069}}
.section-vietceramics-projects-detail .project-filter { background-color: #ffffff; padding: 34px 0 24px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032073}}
.section-vietceramics-projects-detail .project-filter .navbar-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032079}}
.section-vietceramics-projects-detail .project-filter .navbar-filter .nav-item { margin-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032082}}
.section-vietceramics-projects-detail .project-filter .navbar-filter .nav-item:last-child { margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032087}}
.section-vietceramics-projects-detail .project-filter .navbar-filter .btn-fillter { background-color: #981B1E; border: 1px solid #981B1E; color: #ffffff; font-size: 16px; padding: 7px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032094}}
.section-vietceramics-projects-detail .project-filter .navbar-filter .btn-fillter .icon { margin-right: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032100}}
.section-vietceramics-projects-detail .project-filter .navbar-filter .select2-container--default .select2-selection--single { border-radius: 0; padding: 10px 15px; border: 1px solid #c8c8c8; height: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032106}}
.section-vietceramics-projects-detail .project-filter .navbar-filter .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.25; font-size: 16px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032112}}
.section-vietceramics-projects-detail .project-filter .navbar-filter .select2-container--default .select2-selection--single .select2-selection__arrow { display: none !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032120}}
.section-vietceramics-projects-detail .project-listing { padding-top: 100px; padding-bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032124}}
.section-vietceramics-projects-detail .project-listing .read-more { margin-top: 70px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032130}}
.section-vietceramics-projects-categories { padding: 50px 0 150px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032133}}
.section-vietceramics-projects-categories .section-title { font-weight: 700; font-size: 32px; margin-bottom: 100px; text-transform: uppercase; color: #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032141}}
.section-vietceramics-projects-categories .projects { position: relative; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032145}}
.section-vietceramics-projects-categories .projects .thumbnail { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032152}}
.section-vietceramics-projects-categories .projects .thumbnail img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032165}}
.section-vietceramics-projects-categories .projects .inner-content { position: absolute; bottom: 0; left: 0; z-index: 2; padding: 27px 10px; width: 100%; min-height: 95px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032178}}
.section-vietceramics-projects-categories .projects .project-title { font-size: 16px; color: #ffffff; font-weight: 700; text-align: center; width: 100%; text-transform: uppercase; margin-bottom: 0; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032188}}
.section-vietceramics-projects-categories .projects .project-title a { text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032193}}
.section-vietceramics-projects-categories .projects::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 150px; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.45%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.45%, rgba(0, 0, 0, 0.4) 100%); z-index: 1; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032208}}
.section-catalogue-listing { background-color: #f8f8f8; padding: 74px 0 150px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032212}}
.section-catalogue-listing .catalogue-listing-header { margin-bottom: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032215}}
.section-catalogue-listing .catalogue-listing-header .nav { border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032218}}
.section-catalogue-listing .catalogue-listing-header .nav .nav-item { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; width: 100%; max-width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032223}}
.section-catalogue-listing .catalogue-listing-header .nav .nav-item .nav-link { color: #4E4E4F; font-weight: 400; text-transform: uppercase; width: 100%; text-align: left; position: relative; padding: 20px 0; font-size: 24px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032234}}
.section-catalogue-listing .catalogue-listing-header .nav .nav-item .nav-link::after { content: ""; height: 5px; background-color: #981b1e; width: 0; position: absolute; top: 100%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032245}}
.section-catalogue-listing .catalogue-listing-header .nav .nav-item .nav-link.active { font-weight: 700; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032249}}
.section-catalogue-listing .catalogue-listing-header .nav .nav-item .nav-link.active::after { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032254}}
.section-catalogue-listing .catalogue-listing-header .nav .nav-item .nav-link:hover, .section-catalogue-listing .catalogue-listing-header .nav .nav-item .nav-link:focus { color: #981B1E; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032264}}
.section-catalogue-listing .catalogue { margin-bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032267}}
.section-catalogue-listing .catalogue .thumbnail { padding-top: 116.6667%; position: relative; width: 100%; height: 0; overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032274}}
.section-catalogue-listing .catalogue .thumbnail img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032287}}
.section-catalogue-listing .catalogue .catalogue-content { 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; padding: 25px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032293}}
.section-catalogue-listing .catalogue .catalogue-content h3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 52px); font-weight: 400; font-size: 16px; color: #000000; margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032302}}
.section-catalogue-listing .catalogue .catalogue-content .btn-download { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 49px; height: 49px; background-color: #e6e6e6; border: 1px solid #e6e6e6; font-size: 28px; line-height: 49px; padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032312}}
.section-catalogue-listing .catalogue .catalogue-content .btn-download .icon { color: #8e8e8e; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032315}}
.section-catalogue-listing .catalogue .catalogue-content .btn-download .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032320}}
.section-catalogue-listing .catalogue .catalogue-content .btn-download:hover, .section-catalogue-listing .catalogue .catalogue-content .btn-download:focus { background-color: #981B1E; border: 1px solid #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032325}}
.section-catalogue-listing .catalogue .catalogue-content .btn-download:hover .icon, .section-catalogue-listing .catalogue .catalogue-content .btn-download:focus .icon { color: #ffffff; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032335}}
.section-form-contact .form-contact-info { background-color: #f8f8f8; position: relative; height: 100%; padding-top: 69px; padding-bottom: 70px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032342}}
.section-form-contact .form-contact-info h2 { color: #000000; font-weight: 700; font-size: 48px; margin-bottom: 50px; padding: 0 56px 0 74px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032350}}
.section-form-contact .form-contact-info .contact-icon { text-align: center; padding: 33px 0 54px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032354}}
.section-form-contact .form-contact-info .contact-icon .icon { height: 45px; width: auto; max-width: auto; margin: 0 auto 20px auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032361}}
.section-form-contact .form-contact-info .contact-icon h4 { font-weight: 700; font-size: 24px; text-align: center; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032368}}
.section-form-contact .form-contact-info .contact-icon .info { font-weight: 400; font-size: 20px; text-align: center; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032376}}
.section-form-contact .form-contact-info .contact-socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 74px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032382}}
.section-form-contact .form-contact-info .contact-socials .label { font-weight: 700; font-size: 20px; color: #000000; margin-bottom: 0; margin-right: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032390}}
.section-form-contact .form-contact-info .contact-socials .socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032397}}
.section-form-contact .form-contact-info .contact-socials .socials .item { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; max-width: 50px; width: 100%; height: 50px; border: 2px solid #4E4E4F; border-radius: 50%; position: relative; text-decoration: none; margin-right: 25px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 5px; margin-top: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032411}}
.section-form-contact .form-contact-info .contact-socials .socials .item .icon-moon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #4E4E4F; font-size: 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032420}}
.section-form-contact .form-contact-info .contact-socials .socials .item .icon-moon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032425}}
.section-form-contact .form-contact-info .contact-socials .socials .item:last-child { margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032429}}
.section-form-contact .form-contact-info .contact-socials .socials .item:hover, .section-form-contact .form-contact-info .contact-socials .socials .item:focus { background-color: #981B1E; border: 2px solid #981B1E; color: #ffffff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032435}}
.section-form-contact .form-contact-info .contact-socials .socials .item:hover .icon-moon, .section-form-contact .form-contact-info .contact-socials .socials .item:focus .icon-moon { color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032445}}
.section-form-contact .form-contact-submit { background-color: #e0dbd8; position: relative; height: 100%; padding: 72px 0 80px 95px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032451}}
.section-form-contact .form-contact-submit .description { font-weight: 400; font-size: 20px; color: #000000; margin-bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032458}}
.section-form-contact .form-contact-submit .form-group { margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032461}}
.section-form-contact .form-contact-submit .form-group .form-control { padding: 15px 28px; font-weight: 400; font-size: 16px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032469}}
.section-form-contact .form-contact-submit form { position: relative; z-index: 2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032474}}
.section-form-contact .form-contact-submit::after { content: ""; position: absolute; top: 0; left: 0; width: 50vw; height: 100%; background-color: #e0dbd8; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032486}}
.section-contact-find-showroom { background-color: #e0dbd8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032489}}
.section-contact-find-showroom .banner { height: 400px; width: 100%; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032494}}
.section-contact-find-showroom .banner .fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032506}}
.section-contact-find-showroom .col-inner { padding: 30px 75px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032509}}
.section-contact-find-showroom .col-inner .text { color: #000000; font-weight: 400; font-size: 32px; margin-bottom: 40px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032518}}
.section-showrooms { background-color: #f8f8f8; padding: 67px 0 95px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032522}}
.section-showrooms .showrooms-header { margin-bottom: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032525}}
.section-showrooms .showrooms-header .nav { border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032528}}
.section-showrooms .showrooms-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032532}}
.section-showrooms .showrooms-header .nav .nav-item .nav-link { color: #4E4E4F; font-weight: 400; text-transform: uppercase; width: 100%; text-align: left; position: relative; padding: 20px 0; font-size: 24px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032543}}
.section-showrooms .showrooms-header .nav .nav-item .nav-link::after { content: ""; height: 5px; background-color: #981b1e; width: 0; position: absolute; top: 100%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032554}}
.section-showrooms .showrooms-header .nav .nav-item .nav-link.active { font-weight: 700; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032558}}
.section-showrooms .showrooms-header .nav .nav-item .nav-link.active::after { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032563}}
.section-showrooms .showrooms-header .nav .nav-item .nav-link:hover, .section-showrooms .showrooms-header .nav .nav-item .nav-link:focus { color: #981B1E; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032573}}
.section-showrooms .showrooms-body { margin-bottom: 50px; margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032577}}
.section-showrooms .showrooms-body #myTab { border-width: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032581}}
.section-showrooms .showrooms-body .fade-parent.fade:not(.show) { opacity: 0; display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032586}}
.section-showrooms .showrooms-body .fade-parent { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032591}}
.section-showrooms .showrooms-body .showrooms .nav-item { margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032595}}
.section-showrooms .showrooms-body .showrooms .showroom { background-color: #ffffff; margin-bottom: 25px; padding: 23px 28px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; display: block; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032604}}
.section-showrooms .showrooms-body .showrooms .showroom:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032608}}
.section-showrooms .showrooms-body .showrooms .showroom .district { font-weight: 400; font-size: 20px; color: #981B1E; margin-bottom: 15px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032616}}
.section-showrooms .showrooms-body .showrooms .showroom .name { color: #000000; font-weight: 700; font-size: 20px; margin-bottom: 15px; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032625}}
.section-showrooms .showrooms-body .showrooms .showroom .address { font-weight: 400; font-size: 16px; color: #4E4E4F; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032632}}
.section-showrooms .showrooms-body .showrooms .showroom.active { background-color: #981B1E; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032636}}
.section-showrooms .showrooms-body .showrooms .showroom.active .district { color: #ffffff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032641}}
.section-showrooms .showrooms-body .showrooms .showroom.active .name { color: #ffffff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032646}}
.section-showrooms .showrooms-body .showrooms .showroom.active .address { color: #ffffff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032655}}
.section-showrooms .showrooms-body .showroom-detail .name { font-weight: 700; font-size: 36px; color: #000000; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032662}}
.section-showrooms .showrooms-body .showroom-detail .address { font-weight: 400; font-size: 20px; color: #4E4E4F; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032670}}
.section-showrooms .showrooms-body .showroom-detail .metas .meta-item { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032673}}
.section-showrooms .showrooms-body .showroom-detail .metas .meta-item:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032677}}
.section-showrooms .showrooms-body .showroom-detail .metas .meta-item .meta-link { text-decoration: none; font-weight: 400; font-size: 16px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032683}}
.section-showrooms .showrooms-body .showroom-detail .metas .meta-item .meta-link .icon { color: #981B1E; font-size: 22px; vertical-align: middle; width: 40px; display: inline-block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032690}}
.section-showrooms .showrooms-body .showroom-detail .metas .meta-item .meta-link .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032694}}
.section-showrooms .showrooms-body .showroom-detail .metas .meta-item .meta-link .icon.icon-mail { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032704}}
.section-showrooms .showroom-detail-content { margin-bottom: 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032709}}
.section-showrooms .showroom-detail-slider .showroom-slider { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032714}}
.section-showrooms .showroom-detail-slider .container-showroom-thumbs .showroom-thumbs { padding-right: 22%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032717}}
.section-showrooms .showroom-detail-slider .container-showroom-thumbs .showroom-thumbs .swiper-slide { width: 25%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032721}}
.section-showrooms .showroom-detail-slider .container-showroom-thumbs .showroom-thumbs .swiper-slide::after { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; opacity: 1; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032735}}
.section-showrooms .showroom-detail-slider .container-showroom-thumbs .showroom-thumbs .swiper-slide-thumb-active::after { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032750}}
.section-showrooms .showroom-detail-slider .swiper-button-next { background-color: rgba(196, 196, 196, 0.502); right: 0; padding: 8px 10px; display: block; width: 43px; height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032758}}
.section-showrooms .showroom-detail-slider .swiper-button-next::after { font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e915"; color: #fff; font-size: 33px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032776}}
.section-showrooms .showroom-detail-slider .swiper-button-next:hover::after, .section-showrooms .showroom-detail-slider .swiper-button-next:focus::after { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032783}}
.section-showrooms .showroom-detail-slider .swiper-button-prev { background-color: rgba(196, 196, 196, 0.502); left: 0; padding: 8px 10px; display: block; width: 43px; height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032791}}
.section-showrooms .showroom-detail-slider .swiper-button-prev::after { font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e914"; color: #fff; font-size: 33px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032809}}
.section-showrooms .showroom-detail-slider .swiper-button-prev:hover::after, .section-showrooms .showroom-detail-slider .swiper-button-prev:focus::after { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032818}}
.section-showrooms .showrooms-map .iframe-googlemap { position: relative; width: 100%; height: 0; padding-top: 70%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032824}}
.section-showrooms .showrooms-map .iframe-googlemap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032832}}
.section-showrooms .showrooms-map .iframe-googlemap .group-action { position: absolute; left: 28px; bottom: 34px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032837}}
.section-showrooms .showrooms-map .iframe-googlemap .group-action .btn { margin-right: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032840}}
.section-showrooms .showrooms-map .iframe-googlemap .group-action .btn:last-child { margin-right: 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032849}}
.section-search-bar { padding: 65px 0 150px 0; background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032853}}
.section-search-bar .form-search { margin-bottom: 66px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032856}}
.section-search-bar .form-search .label-input { font-weight: 400; font-size: 16px; color: #4E4E4F; margin-bottom: 2px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032863}}
.section-search-bar .form-search .form-group-search { position: relative; margin-bottom: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032867}}
.section-search-bar .form-search .form-group-search .form-control-search { padding: 29px 0; border-width: 0; border-bottom: 1px solid #000000; display: block; width: 100%; background-color: #f8f8f8; outline: unset; font-weight: 400; font-size: 48px; color: #000; padding-right: 55px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032881}}
.section-search-bar .form-search .form-group-search .btn-search { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032888}}
.section-search-bar .form-search .form-group-search .btn-search .icon { font-size: 50px; width: 50px; height: auto; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032897}}
.section-search-bar .form-search .description { font-weight: 400; font-size: 16px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032904}}
.section-search-bar .advance-search { max-width: 1070px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032911}}
.section-search-bar .advance-search .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 410px; height: 410px; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032917}}
.section-search-bar .advance-search .thumbnail .fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032925}}
.section-search-bar .advance-search .thumbnail .bg-fill { background-size: cover; background-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032931}}
.section-search-bar .advance-search .content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 410px); background-color: #4e4e4f; padding: 83px 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032937}}
.section-search-bar .advance-search .content .inner-content { color: #ffffff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032940}}
.section-search-bar .advance-search .content .inner-content h3 { font-weight: 400; font-size: 40px; margin-bottom: 27px; color: #ffffff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032947}}
.section-search-bar .advance-search .content .inner-content .text { font-weight: 400; font-size: 16px; color: #ffffff; margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032958}}
.section-search-bar .search-results .title-search-ressult { margin-bottom: 68px; font-weight: 400; font-size: 32px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032965}}
.section-search-bar .search-results .results { margin-bottom: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032968}}
.section-search-bar .search-results .results .result-title { color: #000000; font-weight: 300; font-size: 32px; padding-bottom: 11px; margin-bottom: 20px; border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032977}}
.section-search-bar .search-results .results .empty { font-weight: 400; font-size: 16px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032983}}
.section-search-bar .search-results .results .result { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032986}}
.section-search-bar .search-results .results .result.result-product { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032993}}
.section-search-bar .search-results .results .result.result-product .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000032997}}
.section-search-bar .search-results .results .result.result-product .thumbnail img { height: auto; display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033004}}
.section-search-bar .search-results .results .result.result-product .content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 100px); padding: 0 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033012}}
.section-search-bar .search-results .results .result.result-product .content h5 { font-weight: 400; font-size: 12px; margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033020}}
.section-search-bar .search-results .results .result.result-collection { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033027}}
.section-search-bar .search-results .results .result.result-collection .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 147px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033031}}
.section-search-bar .search-results .results .result.result-collection .thumbnail img { height: auto; display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033038}}
.section-search-bar .search-results .results .result.result-collection .content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 147px); padding: 0 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033046}}
.section-search-bar .search-results .results .result.result-collection .content h5 { font-weight: 400; font-size: 12px; margin-bottom: 0; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033055}}
.section-search-bar .search-results .results .result.result-new { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; padding: 20px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033063}}
.section-search-bar .search-results .results .result.result-new .content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding: 0 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033071}}
.section-search-bar .search-results .results .result.result-new .content h5 { font-weight: 400; font-size: 12px; margin-bottom: 0; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033082}}
.section-search-bar .search-results .results .result:hover .content h5 { color: #981B1E; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033093}}
.section-advance-search .advance-search-header { padding-bottom: 50px; padding-top: 55px; background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033098}}
.section-advance-search .advance-search-header .section-title { font-weight: 400; font-size: 36px; margin-bottom: 33px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033104}}
.section-advance-search .advance-search-header .nav { border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033107}}
.section-advance-search .advance-search-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033111}}
.section-advance-search .advance-search-header .nav .nav-item .nav-link { color: #4E4E4F; font-weight: 400; text-transform: uppercase; width: 100%; text-align: left; position: relative; padding: 20px 0; font-size: 24px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033122}}
.section-advance-search .advance-search-header .nav .nav-item .nav-link::after { content: ""; height: 5px; background-color: #981b1e; width: 0; position: absolute; top: 100%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033133}}
.section-advance-search .advance-search-header .nav .nav-item .nav-link.active { font-weight: 700; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033137}}
.section-advance-search .advance-search-header .nav .nav-item .nav-link.active::after { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033142}}
.section-advance-search .advance-search-header .nav .nav-item .nav-link:hover, .section-advance-search .advance-search-header .nav .nav-item .nav-link:focus { color: #981B1E; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033154}}
.section-advance-search .products { position: relative; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033159}}
.sidebar-fillter { position: fixed; height: calc(100% - 98px); top: 97px; left: 0; z-index: 998; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033166}}
.sidebar-fillter.sidebar-fillter-fixed { position: fixed; top: 0; left: 0; height: 100vh; overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033174}}
.sidebar-fillter [sidebarjs-container] { -webkit-box-shadow: unset !important; box-shadow: unset !important; max-width: 375px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033180}}
.sidebar-fillter [sidebarjs-backdrop] { opacity: 0 !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033184}}
.sidebar-fillter .sidebar-container { max-width: 375px; width: 100%; background-color: #ffffff; padding-top: 38px; padding-left: 75px; padding-right: 30px; padding-bottom: 125px; height: 100%; overflow-y: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033196}}
.sidebar-fillter .sidebar-header { position: fixed; top: 0; left: 0; padding-left: 75px; padding-right: 30px; padding-top: 10px; width: 100%; z-index: 10; background-color: #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033207}}
.sidebar-fillter .sidebar-header .sidebar-title { color: #000000; font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033211}}
.sidebar-fillter .sidebar-header .sidebar-title .icon { font-size: 25px; vertical-align: -2px; margin-right: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033216}}
.sidebar-fillter .sidebar-header .sidebar-title .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033223}}
.sidebar-fillter .sidebar-body { margin-bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033229}}
.sidebar-fillter .sidebar-body .accordion .accordion-item { border-width: 0; border-top: 1px solid #000; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033235}}
.sidebar-fillter .sidebar-body .accordion .accordion-body { padding: 0 0 10px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033239}}
.sidebar-fillter .sidebar-body .accordion .accordion-button { padding: 15px 0; font-weight: 400; font-size: 15px; -webkit-box-shadow: unset; box-shadow: unset; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033246}}
.sidebar-fillter .sidebar-body .accordion .accordion-button:not(.collapsed) { background-color: #ffffff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033252}}
.sidebar-fillter .sidebar-body .custom-control { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033255}}
.sidebar-fillter .sidebar-body .custom-control.custom-checkbox { position: relative; padding-left: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033259}}
.sidebar-fillter .sidebar-body .custom-control.custom-checkbox .custom-control-label { font-weight: 400; font-size: 13px; color: #4E4E4F; position: relative; padding: 5px 0; cursor: pointer; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033267}}
.sidebar-fillter .sidebar-body .custom-control.custom-checkbox .custom-control-label::before { content: ""; width: 15px; height: 15px; background-color: #e6e6e6; position: absolute; display: block; top: 4px; left: -30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033278}}
.sidebar-fillter .sidebar-body .custom-control.custom-checkbox .custom-control-label::after { content: ""; width: 15px; height: 15px; background-color: #981B1E; position: absolute; display: block; top: 4px; left: -30px; opacity: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033292}}
.sidebar-fillter .sidebar-body .custom-control.custom-checkbox .custom-control-input { position: absolute; top: 0; left: 0; opacity: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033299}}
.sidebar-fillter .sidebar-body .custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { opacity: 1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033310}}
.sidebar-fillter .sidebar-vietceramics .accordion-button::after { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033315}}
.sidebar-fillter .sidebar-footer { 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; position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; z-index: 9; padding-left: 75px; padding-right: 30px; padding-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033329}}
.sidebar-fillter .sidebar-footer .btn-reset { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(50% - 7px); border: 2px solid #c8c8c8; font-weight: 400; font-size: 16px; text-align: center; color: #4E4E4F; padding: 10px 5px; opacity: 1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033341}}
.sidebar-fillter .sidebar-footer .btn-reset:hover, .sidebar-fillter .sidebar-footer .btn-reset:focus { opacity: 0.8; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033348}}
.sidebar-fillter .sidebar-footer .btn-filter { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(50% - 7px); border: 2px solid #981B1E; font-weight: 400; font-size: 16px; text-align: center; color: #ffffff; background-color: #981B1E; padding: 10px 5px; opacity: 1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033361}}
.sidebar-fillter .sidebar-footer .btn-filter:hover, .sidebar-fillter .sidebar-footer .btn-filter:focus { opacity: 0.8; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033370}}
.section-service-intro { padding: 34px 0 20px 0; background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033374}}
.section-service-intro .section-title { color: #000000; font-weight: 700; font-size: 48px; text-align: center; margin-bottom: 33px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033382}}
.section-service-intro .content { font-weight: 400; font-size: 20px; text-align: center; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033388}}
.section-service-intro .content p { font-weight: 400; font-size: 20px; text-align: center; color: #4E4E4F; margin-bottom: 30px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033398}}
.section-service-vietceramics { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033401}}
.section-service-vietceramics .section-bg { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033410}}
.section-service-vietceramics .bg-light-brown { background-color: #e0dbd8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033414}}
.section-service-vietceramics .bg-light-gray { background-color: #e6e6e6; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033418}}
.section-service-vietceramics .section-content { z-index: 2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033422}}
.section-service-vietceramics .col-inner { padding: 5% 75px 5% 75px; max-width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033426}}
.section-service-vietceramics .col-inner h2 { margin-bottom: 30px; color: #000; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033432}}
.section-service-vietceramics .col-inner .text { margin-bottom: 84px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033437}}
.section-service-vietceramics .btn-contact-email { min-width: 190px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033443}}
.section-service-vietceramics .btn-contact-email .icon { font-size: 14px; margin-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033447}}
.section-service-vietceramics .btn-contact-email .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033454}}
.section-service-vietceramics .btn-contact-email:hover .icon, .section-service-vietceramics .btn-contact-email:focus .icon { font-size: 14px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033463}}
.product-maybe-will-like .section-title, .product-mix-match .section-title { color: #000000; font-weight: 700; font-size: 32px; padding-left: 50px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033471}}
.section-introduction-jobs { background-color: #e0dbd8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033474}}
.section-introduction-jobs .col-inner { padding: 5% 75px 5% 75px; max-width: 720px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033479}}
.section-introduction-jobs .col-inner .description { margin-bottom: 30px; font-weight: 400; font-size: 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033486}}
.section-introduction-jobs .col-inner .group-action .btn { margin-right: 27px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033489}}
.section-introduction-jobs .col-inner .group-action .btn:last-child { margin-right: 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033497}}
.section-jobs-dashboard { padding-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033500}}
.section-jobs-dashboard .jobs-dashboard-sidebar { background-color: #ffffff; padding: 38px 30px 75px 38px; min-height: 470px; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033507}}
.section-jobs-dashboard .jobs-dashboard-content { padding: 42px 75px 0 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033510}}
.section-jobs-dashboard .jobs-dashboard-content .title { font-weight: 700; font-size: 40px; color: #000000; margin-bottom: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033518}}
.section-jobs-dashboard #apply-cv { margin-bottom: 66px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033522}}
.section-jobs-dashboard .read-more { padding: 100px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033526}}
.section-jobs-dashboard.section-jobs-dashboard-detail { background-color: #f8f8f8; padding-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033530}}
.section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar { background-color: #eeebe6; padding: 30px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033534}}
.section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar { padding-left: 0; list-style-type: none; border-bottom: 0px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033539}}
.section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033542}}
.section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item .nav-link { padding: 20px 35px 20px 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; font-weight: 400; font-size: 16px; color: #8e8e8e; border-width: 0; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033554}}
.section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item .nav-link .icon { font-size: 20px; margin-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033559}}
.section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item .nav-link.active { background-color: #e0dbd8; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033568}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail { padding-left: 80px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033571}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header { padding: 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033574}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .job-name { font-weight: 700; font-size: 40px; color: #000000; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033581}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; list-style-type: none; margin-bottom: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033590}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; margin-right: 0; padding-right: 12px; color: #8e8e8e; font-size: 16px; margin-bottom: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033599}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta li .icon { color: #8e8e8e; margin-right: 13px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033603}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta li .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033608}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta li:nth-child(1) { width: 22%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033612}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta li:nth-child(2) { width: 22%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033616}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta li:nth-child(3) { width: 26%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033620}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta li:nth-child(4) { width: 30%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033627}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body { padding: 30px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033630}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content { font-weight: 400; font-size: 20px; color: #000000; margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033636}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033640}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .content-title { font-weight: 700; font-size: 24px; color: #000000; margin-bottom: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033647}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content { font-weight: 400; font-size: 20px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033652}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content b, .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content strong { font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033657}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content a { color: #e74a3b; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033661}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content i { font-style: italic; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033665}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul, .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ol, .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content li { font-weight: 400; font-size: 20px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033673}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content li { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033677}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content p { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033682}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul { list-style-type: none; margin-top: 5px; padding-left: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033687}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul > li { margin-top: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033690}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul > li::before { content: "- "; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033695}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul ul { list-style-type: circle; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033704}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer { padding: 36px 0 58px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033707}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033712}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .content-share { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033720}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .content-share .label { text-transform: uppercase; font-weight: 700; font-size: 20px; color: #8e8e8e; margin-right: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033729}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033734}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical { display: -webkit-box; display: -ms-flexbox; display: flex; width: 60px; height: 60px; border-radius: 50%; background-color: #e6e6e6; border: 1px solid #e6e6e6; color: #4e4e4f; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-size: 34px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-right: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033749}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical .icon { color: #4e4e4f; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033753}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033758}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical:hover, .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical:focus { background-color: #981B1E; border: 1px solid #981B1E; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033765}}
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical:hover .icon, .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical:focus .icon { color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033776}}
.section-jobs-dashboard.section-jobs-dashboard-detail .jobs-related { margin-bottom: 90px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033783}}
.sidebar-vietceramics .sidebar-body { margin-bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033786}}
.sidebar-vietceramics .sidebar-body .sidebar-title { color: #000000; font-size: 20px; margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033791}}
.sidebar-vietceramics .sidebar-body .sidebar-title .icon { font-size: 20px; vertical-align: -2px; margin-right: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033796}}
.sidebar-vietceramics .sidebar-body .sidebar-title .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033803}}
.sidebar-vietceramics .sidebar-body .accordion .accordion-item { border-width: 0; border-top: 1px solid #000; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033809}}
.sidebar-vietceramics .sidebar-body .accordion .accordion-body { padding: 0 0 10px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033813}}
.sidebar-vietceramics .sidebar-body .accordion .accordion-button { padding: 15px 0; font-weight: 400; font-size: 15px; -webkit-box-shadow: unset; box-shadow: unset; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033819}}
.sidebar-vietceramics .sidebar-body .accordion .accordion-button:not(.collapsed) { background-color: #ffffff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033825}}
.sidebar-vietceramics .sidebar-body .custom-control { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033828}}
.sidebar-vietceramics .sidebar-body .custom-control.custom-checkbox { position: relative; padding-left: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033832}}
.sidebar-vietceramics .sidebar-body .custom-control.custom-checkbox .custom-control-label { font-weight: 400; font-size: 13px; color: #4E4E4F; position: relative; padding: 5px 0; cursor: pointer; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033840}}
.sidebar-vietceramics .sidebar-body .custom-control.custom-checkbox .custom-control-label::before { content: ""; width: 15px; height: 15px; background-color: #e6e6e6; position: absolute; display: block; top: 4px; left: -30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033851}}
.sidebar-vietceramics .sidebar-body .custom-control.custom-checkbox .custom-control-label::after { content: ""; width: 15px; height: 15px; background-color: #981B1E; position: absolute; display: block; top: 4px; left: -30px; opacity: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033865}}
.sidebar-vietceramics .sidebar-body .custom-control.custom-checkbox .custom-control-input { position: absolute; top: 0; left: 0; opacity: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033872}}
.sidebar-vietceramics .sidebar-body .custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { opacity: 1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033882}}
.sidebar-vietceramics .sidebar-footer { 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; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033887}}
.sidebar-vietceramics .sidebar-footer .btn-reset { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(50% - 7px); border: 2px solid #c8c8c8; font-weight: 400; font-size: 16px; text-align: center; color: #4E4E4F; padding: 10px 5px; opacity: 1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033899}}
.sidebar-vietceramics .sidebar-footer .btn-reset:hover, .sidebar-vietceramics .sidebar-footer .btn-reset:focus { opacity: 0.8; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033906}}
.sidebar-vietceramics .sidebar-footer .btn-filter { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(50% - 7px); border: 2px solid #981B1E; font-weight: 400; font-size: 16px; text-align: center; color: #ffffff; background-color: #981B1E; padding: 10px 5px; opacity: 1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033919}}
.sidebar-vietceramics .sidebar-footer .btn-filter:hover, .sidebar-vietceramics .sidebar-footer .btn-filter:focus { opacity: 0.8; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033929}}
.jobs .job { padding: 45px 50px; background-color: #ffffff; margin-bottom: 20px; display: block; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033936}}
.jobs .job:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033940}}
.jobs .job .job-name { font-weight: 700; font-size: 32px; color: #000000; margin-bottom: 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033946}}
.jobs .job .job-name a { font-size: inherit; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033951}}
.jobs .job .job-name a:hover { color: #981B1E; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033958}}
.jobs .job .meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; list-style-type: none; margin-bottom: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033967}}
.jobs .job .meta li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333%; color: #8e8e8e; font-size: 16px; margin-bottom: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033974}}
.jobs .job .meta li .icon { color: #8e8e8e; margin-right: 13px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033978}}
.jobs .job .meta li .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033987}}
.jobs .job:hover .job-name, .jobs .job:focus .job-name { color: #981B1E; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000033995}}
.section-apply-cv .inner-apply-cv { background-color: #eeebe6; padding: 100px 110px 210px 110px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034000}}
.section-apply-cv .section-title { text-align: center; font-weight: 700; font-size: 40px; color: #000000; margin-bottom: 70px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034008}}
.section-apply-cv .form-group { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034011}}
.section-apply-cv .form-group label { display: block; font-weight: 400; font-size: 20px; color: #000000; margin-bottom: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034019}}
.section-apply-cv .form-group .form-control { padding: 10px 20px; font-weight: 400; font-size: 16px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034027}}
.section-apply-cv .form-group-button { max-width: 400px; margin: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034031}}
.section-apply-cv .form-group-button .btn { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034036}}
.section-apply-cv .form-group-file { background-color: #ffffff; position: relative; padding: 6px 20px; min-height: 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 150px; margin-bottom: 55px; margin-top: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034049}}
.section-apply-cv .form-group-file .label-file h5 { font-weight: 400; font-size: 20px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034055}}
.section-apply-cv .form-group-file .label-file span { font-size: 16px; font-weight: 400; color: #8e8e8e; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034062}}
.section-apply-cv .form-group-file .file-name { display: none; font-size: 16px; font-weight: 400; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034069}}
.section-apply-cv .form-group-file .fake-input-file { position: absolute; top: 12px; right: 15px; height: calc(100% - 24px); font-weight: 400; font-size: 20px; text-align: center; padding: 11px 44px; background-color: #e6e6e6; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034082}}
.section-apply-cv .form-group-file .form-file { position: absolute; top: 0; right: 0; height: 100%; width: 100%; opacity: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034092}}
.section-apply-cv .welcome-vietceramics { text-align: center; max-width: 880px; width: 100%; font-weight: 700; font-size: 24px; color: #000000; margin: 0 auto 60px auto; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034105}}
.error-404 { background-size: cover; background-position: center center; padding: 100px 0 150px 0; background-image: url("../img/bg-404.bd16e1d0723d.jpg"); text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034114}}
.error-404 h2 { font-size: 100px; color: #981B1E; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034120}}
.section-showrooms-3d { background-color: #f8f8f8; padding: 67px 0 95px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034124}}
.section-showrooms-3d .showrooms-header { margin-bottom: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034127}}
.section-showrooms-3d .showrooms-header .nav { border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034130}}
.section-showrooms-3d .showrooms-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034134}}
.section-showrooms-3d .showrooms-header .nav .nav-item .nav-link { color: #4E4E4F; font-weight: 400; text-transform: uppercase; width: 100%; text-align: left; position: relative; padding: 20px 0; font-size: 24px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034145}}
.section-showrooms-3d .showrooms-header .nav .nav-item .nav-link::after { content: ""; height: 5px; background-color: #981b1e; width: 0; position: absolute; top: 100%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034156}}
.section-showrooms-3d .showrooms-header .nav .nav-item .nav-link.active { font-weight: 700; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034160}}
.section-showrooms-3d .showrooms-header .nav .nav-item .nav-link.active::after { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034165}}
.section-showrooms-3d .showrooms-header .nav .nav-item .nav-link:hover, .section-showrooms-3d .showrooms-header .nav .nav-item .nav-link:focus { color: #981B1E; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034175}}
.section-showrooms-3d .showrooms-body { margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034178}}
.section-showrooms-3d .showrooms-body #myTab { border-width: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034182}}
.section-showrooms-3d .showrooms-body .fade-parent.fade:not(.show) { opacity: 0; display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034187}}
.section-showrooms-3d .showrooms-body .fade-parent { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034191}}
.section-showrooms-3d .showrooms-body #myTabContent { padding-left: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034196}}
.section-showrooms-3d .showrooms-body .showrooms .nav-item { margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034200}}
.section-showrooms-3d .showrooms-body .showrooms .showroom { background-color: #ffffff; padding: 23px 28px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; text-decoration: none; cursor: pointer; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034209}}
.section-showrooms-3d .showrooms-body .showrooms .showroom .district { font-weight: 400; font-size: 20px; color: #981B1E; margin-bottom: 15px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034217}}
.section-showrooms-3d .showrooms-body .showrooms .showroom .name { color: #000000; font-weight: 700; font-size: 20px; margin-bottom: 0; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034226}}
.section-showrooms-3d .showrooms-body .showrooms .showroom .address { font-weight: 400; font-size: 16px; color: #4E4E4F; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034233}}
.section-showrooms-3d .showrooms-body .showrooms .showroom.active { background-color: #981B1E; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034237}}
.section-showrooms-3d .showrooms-body .showrooms .showroom.active .district { color: #ffffff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034242}}
.section-showrooms-3d .showrooms-body .showrooms .showroom.active .name { color: #ffffff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034247}}
.section-showrooms-3d .showrooms-body .showrooms .showroom.active .address { color: #ffffff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034256}}
.section-showrooms-3d .showrooms-body .showroom-detail .name { font-weight: 700; font-size: 36px; color: #000000; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034263}}
.section-showrooms-3d .showrooms-body .showroom-detail .room-title { color: #000000; font-weight: 700; font-size: 24px; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034270}}
.section-showrooms-3d .showrooms-body .showroom-detail .address { font-weight: 400; font-size: 20px; color: #4E4E4F; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034278}}
.section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034281}}
.section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034285}}
.section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item .meta-link { text-decoration: none; font-weight: 400; font-size: 16px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034291}}
.section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item .meta-link .icon { color: #981B1E; font-size: 22px; vertical-align: middle; width: 40px; display: inline-block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034298}}
.section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item .meta-link .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034302}}
.section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item .meta-link .icon.icon-mail { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034312}}
.section-showrooms-3d .showroom-detail-content { margin-bottom: 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034317}}
.section-showrooms-3d .showroom-detail-slider .showroom-slider { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034322}}
.section-showrooms-3d .showroom-detail-slider .container-showroom-thumbs .showroom-thumbs { padding-right: 22%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034325}}
.section-showrooms-3d .showroom-detail-slider .container-showroom-thumbs .showroom-thumbs .swiper-slide { width: 25%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034329}}
.section-showrooms-3d .showroom-detail-slider .container-showroom-thumbs .showroom-thumbs .swiper-slide::after { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; opacity: 1; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034343}}
.section-showrooms-3d .showroom-detail-slider .container-showroom-thumbs .showroom-thumbs .swiper-slide-thumb-active::after { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034358}}
.section-showrooms-3d .showroom-detail-slider .swiper-button-next { background-color: rgba(196, 196, 196, 0.502); right: 0; padding: 8px 10px; display: block; width: 43px; height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034366}}
.section-showrooms-3d .showroom-detail-slider .swiper-button-next::after { font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e915"; color: #fff; font-size: 33px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034384}}
.section-showrooms-3d .showroom-detail-slider .swiper-button-next:hover::after, .section-showrooms-3d .showroom-detail-slider .swiper-button-next:focus::after { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034390}}
.section-showrooms-3d .showroom-detail-slider .swiper-button-next.swiper-button-disabled { display: none !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034395}}
.section-showrooms-3d .showroom-detail-slider .swiper-button-prev { background-color: rgba(196, 196, 196, 0.502); left: 0; padding: 8px 10px; display: block; width: 43px; height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034403}}
.section-showrooms-3d .showroom-detail-slider .swiper-button-prev::after { font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e914"; color: #fff; font-size: 33px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034421}}
.section-showrooms-3d .showroom-detail-slider .swiper-button-prev:hover::after, .section-showrooms-3d .showroom-detail-slider .swiper-button-prev:focus::after { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034427}}
.section-showrooms-3d .showroom-detail-slider .swiper-button-prev.swiper-button-disabled { display: none !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034432}}
.section-showrooms-3d .showroom-detail-slider .container-showroom-slider { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034435}}
.section-showrooms-3d .showroom-detail-slider .container-showroom-slider .swiper-button-prev { margin-left: -43px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034439}}
.section-showrooms-3d .showroom-detail-slider .container-showroom-slider .swiper-button-next { margin-right: -43px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034446}}
.section-showrooms-3d .showrooms-map .iframe-googlemap { position: relative; width: 100%; height: 0; padding-top: 70%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034452}}
.section-showrooms-3d .showrooms-map .iframe-googlemap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034460}}
.section-showrooms-3d .showrooms-map .iframe-googlemap .group-action { position: absolute; left: 28px; bottom: 34px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034465}}
.section-showrooms-3d .showrooms-map .iframe-googlemap .group-action .btn { margin-right: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034468}}
.section-showrooms-3d .showrooms-map .iframe-googlemap .group-action .btn:last-child { margin-right: 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034477}}
.parallax-mirror { z-index: 0 !important; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034481}}
.section-authorization { background-size: cover; background-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034486}}
.section-authorization .modal-authorization .modal-dialog { padding: 142px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034492}}
.section-authorization .modal-forgot-password .modal-dialog { padding: 142px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034496}}
.section-authorization .modal-forgot-password .modal-content { max-width: 460px; width: 100%; margin: auto; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034507}}
.showroom-detail-slider .swiper-slide .thumb { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034514}}
.showroom-detail-slider .swiper-slide .thumb img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034530}}
.box-yb { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034537}}
.box-yb iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034545}}
.box-yb .thumbnail { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034558}}
.box-yb .controls input[type="text"] { opacity: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034563}}
.box-yb .btn-playyb { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: transparent; width: 80px; height: 80px; z-index: 10; border-width: 0; padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034574}}
.box-yb .btn-playyb img { display: block; width: 100%; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034582}}
.box-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_section\.scss}line{font-family:\000034588}}
.box-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\000031}}
.product-main-block { background-color: #f8f8f8; padding: 97px 0 30px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\000035}}
.product-main-block .product-description { font-weight: 700; font-size: 24px; color: #4e4e4f; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\0000310}}
.product-main-block .tab-content-gallery-proruct { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\0000312}}
.product-main-block .tab-content-gallery-proruct .wishlists { position: absolute; top: 14px; right: 12px; font-size: 29px; z-index: 9; cursor: pointer; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\0000320}}
.product-main-block .tab-content-gallery-proruct .wishlists .icon::before { color: #4E4E4F; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\0000325}}
.product-main-block .tab-content-gallery-proruct .wishlists.active { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\0000328}}
.product-main-block .tab-content-gallery-proruct .wishlists.active .icon::before { content: "\e911"; color: #981B1E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\0000337}}
.product-main-block .product-gallery { margin-bottom: 42px; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\0000341}}
.product-main-block .product-gallery .product-slider { margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\0000343}}
.product-main-block .product-gallery .product-slider .swiper-button-next { background-color: rgba(196, 196, 196, 0.502); right: 0; padding: 8px 10px; display: block; width: 43px; height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\0000350}}
.product-main-block .product-gallery .product-slider .swiper-button-next::after { font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e915"; color: #fff; font-size: 33px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\0000367}}
.product-main-block .product-gallery .product-slider .swiper-button-next:hover::after, .product-main-block .product-gallery .product-slider .swiper-button-next:focus::after { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\0000373}}
.product-main-block .product-gallery .product-slider .swiper-button-prev { background-color: rgba(196, 196, 196, 0.502); left: 0; padding: 8px 10px; display: block; width: 43px; height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\0000380}}
.product-main-block .product-gallery .product-slider .swiper-button-prev::after { font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e914"; color: #fff; font-size: 33px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\0000397}}
.product-main-block .product-gallery .product-slider .swiper-button-prev:hover::after, .product-main-block .product-gallery .product-slider .swiper-button-prev:focus::after { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003106}}
.product-main-block .product-gallery .product-thumbs .swiper-slide { width: 25%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003110}}
.product-main-block .product-gallery .product-thumbs .swiper-slide::after { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; opacity: 1; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003123}}
.product-main-block .product-gallery .product-thumbs .swiper-slide-thumb-active::after { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003184}}
.product-detail-block .product-title { font-weight: 700; font-size: 36px; color: #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003189}}
.product-detail-block .line { border-top: 1px solid #000; opacity: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003194}}
.product-detail-block .group-product-attributes { margin-bottom: 80px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003197}}
.product-detail-block .product-attribute { color: #4E4E4F; font-weight: 400; font-size: 20px; margin-bottom: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003202}}
.product-detail-block .product-attribute:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003205}}
.product-detail-block .product-attribute b { font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003208}}
.product-detail-block .product-attribute .attribute { font-weight: 400; font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003212}}
.product-detail-block .product-attribute a.attribute { text-decoration: none; color: #981B1E; cursor: pointer; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003217}}
.product-detail-block .product-attribute .highlight { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003223}}
.product-detail-block .user-manual .user-manual-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; font-size: 20px; color: #4E4E4F; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003231}}
.product-detail-block .user-manual .user-manual-item a { text-decoration: none; display: block; width: 50px; height: 50px; padding: 7px; text-align: center; color: #4E4E4F; background-color: #e6e6e6; border-radius: 0; margin-left: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003242}}
.product-detail-block .user-manual .user-manual-item a i { color: inherit; font-size: 36px; line-height: 36px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003246}}
.product-detail-block .user-manual .user-manual-item a i::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003250}}
.product-detail-block .user-manual .user-manual-item a:hover { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003258}}
.product-detail-block .product-attribute-selected .scroll-container { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003260}}
.product-detail-block .product-attribute-selected .scroll-container .icon { position: absolute; top: 0; right: 0; background-color: #dedede; width: 20px; padding: 20px 0; font-size: 10px; text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003270}}
.product-detail-block .product-attribute-selected .scroll-container .icon::before { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003280}}
.product-detail-block .product-attribute-selected .scroll-container.expand .icon::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003289}}
.product-detail-block .product-attribute-selected .box-attribute { overflow-y: auto; overflow-x: hidden; position: relative; padding-right: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-left: -10px; padding-left: 10px; /* Handle */ /* Handle on hover */ }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003298}}
.product-detail-block .product-attribute-selected .box-attribute::-webkit-scrollbar { width: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003303}}
.product-detail-block .product-attribute-selected .box-attribute::-webkit-scrollbar-track { background: #eeeded; border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003309}}
.product-detail-block .product-attribute-selected .box-attribute::-webkit-scrollbar-thumb { background: #eeeded; border-radius: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003315}}
.product-detail-block .product-attribute-selected .box-attribute::-webkit-scrollbar-thumb:hover { background: #b9b9b9; height: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003320}}
.product-detail-block .product-attribute-selected .attribute-images { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003328}}
.product-detail-block .product-attribute-selected .attribute-images .image { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 100%; height: auto; padding: 10px; border: 1px solid transparent; position: relative; cursor: pointer; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003338}}
.product-detail-block .product-attribute-selected .attribute-images .image.selected::before { content: ""; width: calc(100% - 10px); height: calc(100% - 10px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; border: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003350}}
.product-detail-block .product-attribute-selected .attribute-images .image.image-circle { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; max-width: 50px; padding: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003355}}
.product-detail-block .product-attribute-selected .attribute-images .image.image-circle.selected::before { border-radius: 50%; width: calc(100% - 5px); height: calc(100% - 5px); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003361}}
.product-detail-block .product-attribute-selected .attribute-images .image.image-circle img { border-radius: 50%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003368}}
.product-detail-block .product-attribute-selected .attribute-skus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003373}}
.product-detail-block .product-attribute-selected .attribute-skus .sku { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background: #e6e6e6; font-weight: 400; font-size: 20px; line-height: 1.75; text-align: center; color: #8e8e8e; margin-right: 10px; margin-bottom: 10px; padding: 3px 24px; border: 1px solid #e6e6e6; text-decoration: none; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003387}}
.product-detail-block .product-attribute-selected .attribute-skus .sku.selected { border-color: black; color: #981B1E; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003392}}
.product-detail-block .product-attribute-selected .attribute-skus .sku:hover, .product-detail-block .product-attribute-selected .attribute-skus .sku:focus { color: #981B1E; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003402}}
.product-detail-block .product-actions .btn { margin-bottom: 30px; padding: 24px 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003408}}
.product-detail-block .product-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003412}}
.product-detail-block .product-share .label { color: #4e4e4f; text-transform: uppercase; font-weight: 700; font-size: 20px; margin-right: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003420}}
.product-detail-block .product-share .socicals { 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 -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003424}}
.product-detail-block .product-share .socicals .socical { display: -webkit-box; display: -ms-flexbox; display: flex; width: 60px; height: 60px; border-radius: 50%; background-color: #e6e6e6; border: 1px solid #e6e6e6; color: #4e4e4f; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-size: 34px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-right: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003438}}
.product-detail-block .product-share .socicals .socical .icon { color: #4e4e4f; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003441}}
.product-detail-block .product-share .socicals .socical .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003445}}
.product-detail-block .product-share .socicals .socical:hover, .product-detail-block .product-share .socicals .socical:focus { background-color: #981B1E; border: 1px solid #981B1E; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003451}}
.product-detail-block .product-share .socicals .socical:hover .icon, .product-detail-block .product-share .socicals .socical:focus .icon { color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003461}}
.product-content-block { background-color: #f8f8f8; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003464}}
.product-content-block .btn-collapse { width: 100%; position: relative; border-width: 0; border-bottom: 1px solid #000; text-align: left; color: #4E4E4F; font-weight: 700; font-size: 20px; text-transform: uppercase; padding: 20px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003475}}
.product-content-block .btn-collapse::before { content: "\e90c"; color: #4e4e4f; font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); font-size: 16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003494}}
.product-content-block .btn-collapse[aria-expanded="true"]::before { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); font-size: 16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003502}}
.product-content-block .collapse .card-body { padding: 0; background-color: #f8f8f8; border-width: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003508}}
.product-content-block .inner-content { padding-bottom: 40px; padding-top: 40px; font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003512}}
.product-content-block .inner-content h1, .product-content-block .inner-content h2, .product-content-block .inner-content h3 { font-size: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003517}}
.product-content-block .inner-content h3 { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003520}}
.product-content-block .inner-content::after { content: ""; display: block; width: 100%; clear: both; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003529}}
.products { background-color: #f8f8f8; padding: 30px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003532}}
.products .product { position: relative; margin-bottom: 50px; display: block; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003537}}
.products .product::before { content: ""; position: absolute; width: calc(100% + 20px); height: calc(100% + 20px); top: -10px; left: -10px; -webkit-box-shadow: 0px 0px 8px rgba(170, 170, 170, 0.5); box-shadow: 0px 0px 8px rgba(170, 170, 170, 0.5); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003549}}
.products .product .wishlists { position: absolute; top: 10px; right: 10px; font-size: 29px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003555}}
.products .product .wishlists .icon-heart::before { color: #4E4E4F; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003560}}
.products .product .wishlists.active { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003563}}
.products .product .wishlists.active .icon-heart::before { content: "\e911"; color: #981B1E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003572}}
.products .product .title { width: 100%; text-align: left; font-size: 16px; font-weight: 400; color: #000; min-height: 50px; position: relative; z-index: 2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003581}}
.products .product .title a { color: inherit; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003585}}
.products .product .title:hover, .products .product .title:focus { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003591}}
.products .product .thumbnail { position: relative; z-index: 2; margin-bottom: 38px; display: block; overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003597}}
.products .product .thumbnail img { width: 100%; display: block; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003611}}
.products .product .thumbnail .item-gallery-wrapper { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003613}}
.products .product .thumbnail .item-gallery-wrapper .product-item-image { position: relative; width: 100%; padding-top: 100%; height: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003618}}
.products .product .thumbnail .item-gallery-wrapper .product-item-image.product-item-image__primary { opacity: 1; -webkit-animation: 2s cubic-bezier(0.26, 0.54, 0.32, 1) forwards fadeIn; animation: 2s cubic-bezier(0.26, 0.54, 0.32, 1) forwards fadeIn; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003622}}
.products .product .thumbnail .item-gallery-wrapper .product-item-image.product-item-image__secondary { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; pointer-events: none; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003640}}
.products .product:hover::before { opacity: 1; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003645}}
.products .product:hover .thumbnail .item-gallery-wrapper { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003647}}
.products .product:hover .thumbnail .item-gallery-wrapper .product-item-image { background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003649}}
.products .product:hover .thumbnail .item-gallery-wrapper .product-item-image.product-item-image__primary { opacity: 0; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003653}}
.products .product:hover .thumbnail .item-gallery-wrapper .product-item-image.product-item-image__secondary { opacity: 1; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1.03); transform: scale(1.03); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003665}}
.product-maybe-will-like, .product-mix-match { padding-top: 50px; background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003669}}
.product-maybe-will-like .products, .product-mix-match .products { background-color: #f8f8f8; padding-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003672}}
.product-maybe-will-like .products .section-title, .product-mix-match .products .section-title { padding: 0 53px; font-weight: 700; font-size: 32px; color: #000000; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003680}}
.product-mix-match { padding-bottom: 150px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003684}}
.btn-group-filter-slider { width: 100%; margin-bottom: 55px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003687}}
.btn-group-filter-slider .btn-filter { background-color: #eeeeee; font-weight: 400; font-size: 20px; text-align: center; padding: 18px 10px; color: #8e8e8e; border: 1px solid #eeeeee; margin-left: 0 !important; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; width: 100%; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003699}}
.btn-group-filter-slider .btn-filter.active { background-color: #ffffff; border: 1px solid #4e4e4f; color: #4e4e4f; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003707}}
.btn-group-filter-slider .nav-tabs { width: 100%; border-bottom: 0px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_product\.scss}line{font-family:\00003710}}
.btn-group-filter-slider .nav-tabs .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333333%; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\000031}}
.section-hot-post { padding-top: 50px; margin-bottom: 65px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\000035}}
.section-hot-post .section-title { font-weight: 700; font-size: 48px; text-transform: uppercase; color: #000000; margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\0000313}}
.section-hot-post .post { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\0000316}}
.section-hot-post .post.post-thumb { overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\0000319}}
.section-hot-post .post.post-thumb::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.45%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.45%, rgba(0, 0, 0, 0.4) 100%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\0000333}}
.section-hot-post .post .post-img img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\0000339}}
.section-hot-post .post .post-img .big-thumb { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 75%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\0000346}}
.section-hot-post .post .post-img .big-thumb img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\0000359}}
.section-hot-post .post .post-img .small-thumb { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 75%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\0000366}}
.section-hot-post .post .post-img .small-thumb img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\0000380}}
.section-hot-post .post .post-body { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\0000387}}
.section-hot-post .post .post-body .tag-new { color: #ffffff; padding: 5px 4px; min-width: 80px; font-weight: 400; font-size: 12px; text-align: center; display: inline-block; background-color: #981B1E; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\0000399}}
.section-hot-post .post .post-body .post-category { margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003102}}
.section-hot-post .post .post-body .post-category a { color: #ffffff; font-weight: 400; font-size: 16px; display: inline-block; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); text-decoration: none; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003113}}
.section-hot-post .post .post-body .post-title { color: #ffffff; font-weight: 700; font-size: 32px; text-transform: uppercase; margin-bottom: 20px; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003122}}
.section-hot-post .post .post-body .post-title a { color: inherit; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003127}}
.section-hot-post .post .post-body .post-title:hover, .section-hot-post .post .post-body .post-title:focus { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003131}}
.section-hot-post .post .post-body .post-title:hover a, .section-hot-post .post .post-body .post-title:focus a { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003137}}
.section-hot-post .post .post-body .post-meta { padding-left: 0; margin-bottom: 0; list-style-type: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003142}}
.section-hot-post .post .post-body .post-meta li { color: #ffffff; font-weight: 400; font-size: 16px; display: inline-block; text-transform: uppercase; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003156}}
.section-hot-post .hot-post-left .post .post-body { padding: 25px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003163}}
.section-hot-post .hot-post-right .post { margin-bottom: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003166}}
.section-hot-post .hot-post-right .post .post-body { padding: 10px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003169}}
.section-hot-post .hot-post-right .post .post-body .tag-new { margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003173}}
.section-hot-post .hot-post-right .post .post-body .post-category { margin-bottom: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003176}}
.section-hot-post .hot-post-right .post .post-body .post-category a { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003181}}
.section-hot-post .hot-post-right .post .post-body .post-title { margin-bottom: 5px; font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003187}}
.section-hot-post .hot-post-right .post .post-body .post-meta li { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003193}}
.section-hot-post .hot-post-right .post:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003200}}
.section-hot-post .swiper-hot-post-slider .post-img { display: block; position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 75%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003208}}
.section-hot-post .swiper-hot-post-slider .post-img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003223}}
.post-margin { margin-bottom: 60px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003228}}
.posts .post { height: 100%; position: relative; -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.251); box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.251); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003233}}
.posts .post.post-thumb { overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003238}}
.posts .post .post-img img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003245}}
.posts .post .post-body { position: relative; width: 100%; z-index: 2; background-color: #ffffff; padding: 28px 22px 50px 22px; min-height: 200px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003253}}
.posts .post .post-body .tag-new { color: #ffffff; padding: 5px 4px; min-width: 80px; font-weight: 400; font-size: 12px; text-align: center; display: inline-block; background-color: #981B1E; margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003265}}
.posts .post .post-body .post-category { margin-bottom: 6px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003268}}
.posts .post .post-body .post-category a { color: #000000; font-weight: 400; font-size: 14px; display: inline-block; text-decoration: none; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003278}}
.posts .post .post-body .post-title { color: #000000; font-weight: 700; font-size: 20px; text-transform: uppercase; margin-bottom: 5px; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003286}}
.posts .post .post-body .post-title a { color: inherit; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003291}}
.posts .post .post-body .post-title:hover, .posts .post .post-body .post-title:focus { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003295}}
.posts .post .post-body .post-title:hover a, .posts .post .post-body .post-title:focus a { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003301}}
.posts .post .post-body .post-meta { padding-left: 0; margin-bottom: 0; list-style-type: none; position: absolute; bottom: 0; left: 0; padding: 10px 22px 20px 22px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003310}}
.posts .post .post-body .post-meta li { color: #000000; font-weight: 400; font-size: 14px; display: inline-block; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003319}}
.posts .post .post-body.post-body-x2 { min-height: 270px; padding: 36px 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003323}}
.posts .post .post-body.post-body-x2 .post-category { margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003326}}
.posts .post .post-body.post-body-x2 .post-category a { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003331}}
.posts .post .post-body.post-body-x2 .post-title { font-size: 24px; margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003335}}
.posts .post .post-body.post-body-x2 .post-title a { color: inherit; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003342}}
.posts .post .post-body.post-body-x2 .post-meta li { font-size: 16px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003351}}
.section-news-listing { margin-bottom: 150px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003354}}
.section-news-listing .news-listing-header { margin-bottom: 70px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003357}}
.section-news-listing .news-listing-header .nav { border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003360}}
.section-news-listing .news-listing-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003364}}
.section-news-listing .news-listing-header .nav .nav-item .nav-link { color: #4E4E4F; font-weight: 400; text-transform: uppercase; width: 100%; text-align: center; position: relative; padding: 20px 0; font-size: 24px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003375}}
.section-news-listing .news-listing-header .nav .nav-item .nav-link::after { content: ""; height: 2px; background-color: #981b1e; width: 0; position: absolute; top: calc(100% + 1px); left: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); z-index: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003387}}
.section-news-listing .news-listing-header .nav .nav-item .nav-link:hover, .section-news-listing .news-listing-header .nav .nav-item .nav-link:focus { color: #981B1E; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003393}}
.section-news-listing .news-listing-header .nav .nav-item .nav-link.active { font-weight: 700; color: #ffffff; background-color: #981b1e; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003398}}
.section-news-listing .news-listing-header .nav .nav-item .nav-link.active::after { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003402}}
.section-news-listing .news-listing-header .nav .nav-item .nav-link.active:hover, .section-news-listing .news-listing-header .nav .nav-item .nav-link.active:focus { color: #ffffff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003413}}
.section-news-listing .catalogue-listing-footer { margin-top: 40px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003422}}
.section-new-post .post-thumb .post-img, .section-post-list .post-thumb .post-img, .posts-related .post-thumb .post-img { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 75%; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003430}}
.section-new-post .post-thumb .post-img img, .section-post-list .post-thumb .post-img img, .posts-related .post-thumb .post-img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003445}}
.section-posts-related { background-color: #e6e6e6; padding-top: 86px; padding-bottom: 117px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003450}}
.section-posts-related .section-title { color: #000000; font-weight: 700; font-size: 32px; text-transform: uppercase; margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003458}}
.section-posts-related .posts-related { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003463}}
.section-posts-related .swiper-posts-related-slider { padding: 5px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003468}}
.section-post-detail { padding: 40px 0 100px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003471}}
.section-post-detail .post-detail-wrapper { max-width: 910px; width: 100%; margin: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003478}}
.section-post-detail .post-detail-header .post-category { margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003481}}
.section-post-detail .post-detail-header .post-category a { color: #000000; font-weight: 400; font-size: 16px; display: inline-block; text-decoration: none; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003489}}
.section-post-detail .post-detail-header .post-category a:hover, .section-post-detail .post-detail-header .post-category a:focus { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003496}}
.section-post-detail .post-detail-header .post-title { color: #000000; font-weight: 700; font-size: 36px; text-transform: uppercase; margin-bottom: 25px; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003504}}
.section-post-detail .post-detail-header .post-title:hover, .section-post-detail .post-detail-header .post-title:focus { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003508}}
.section-post-detail .post-detail-header .post-title:hover a, .section-post-detail .post-detail-header .post-title:focus a { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003514}}
.section-post-detail .post-detail-header .post-meta { padding-left: 0; margin-bottom: 0; list-style-type: none; margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003520}}
.section-post-detail .post-detail-header .post-meta li { color: #000000; font-weight: 400; font-size: 16px; display: inline-block; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003529}}
.section-post-detail .post-detail-header .short-content { margin-bottom: 40px; font-size: 20px; font-weight: 400; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003537}}
.section-post-detail .post-detail-body { font-size: 20px; font-weight: 400; margin-bottom: 80px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003543}}
.section-post-detail .post-detail-body h1, .section-post-detail .post-detail-body h2 { font-size: 28px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003549}}
.section-post-detail .post-detail-body h3 { font-size: 24px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003554}}
.section-post-detail .post-detail-body h4, .section-post-detail .post-detail-body h5 { font-size: 20px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003560}}
.section-post-detail .post-detail-body ul, .section-post-detail .post-detail-body li, .section-post-detail .post-detail-body ol { font-size: 20px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003567}}
.section-post-detail .post-detail-body p { font-size: 20px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003572}}
.section-post-detail .post-detail-body a { font-size: 20px; color: var(--bs-blue); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003575}}
.section-post-detail .post-detail-body a:hover, .section-post-detail .post-detail-body a:focus { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003581}}
.section-post-detail .post-detail-body blockquote, .section-post-detail .post-detail-body .blockquote { padding: 15px; border-left: 4px solid #981B1E; background-color: #e6e6e6; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003588}}
.section-post-detail .post-detail-body blockquote p:last-child, .section-post-detail .post-detail-body .blockquote p:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003594}}
.section-post-detail .post-detail-body b, .section-post-detail .post-detail-body strong { font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003599}}
.section-post-detail .post-detail-body figure { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003603}}
.section-post-detail .post-detail-body span.img-alt { display: block; font-size: 16px; width: 100%; text-align: center; padding: 4px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003612}}
.section-post-detail .block-embed_block { position: relative; display: block; width: 100%; max-width: 800px; height: 0; padding-top: 56.25%; overflow: hidden; margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003621}}
.section-post-detail .block-embed_block iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003631}}
.section-post-detail .post-detail-footer .footer-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003636}}
.section-post-detail .post-detail-footer .footer-action .btn-contact { -webkit-box-flex: 0; -ms-flex: 0 0 260px; flex: 0 0 260px; max-width: 260px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003642}}
.section-post-detail .post-detail-footer .footer-action .content-share { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 300px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003650}}
.section-post-detail .post-detail-footer .footer-action .content-share .label { text-transform: uppercase; font-weight: 700; font-size: 20px; color: #8e8e8e; margin-right: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003659}}
.section-post-detail .post-detail-footer .footer-action .socicals { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003664}}
.section-post-detail .post-detail-footer .footer-action .socicals .socical { display: -webkit-box; display: -ms-flexbox; display: flex; width: 60px; height: 60px; border-radius: 50%; background-color: #e6e6e6; border: 1px solid #e6e6e6; color: #4e4e4f; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-size: 34px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-right: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003679}}
.section-post-detail .post-detail-footer .footer-action .socicals .socical .icon { color: #4e4e4f; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003683}}
.section-post-detail .post-detail-footer .footer-action .socicals .socical .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003688}}
.section-post-detail .post-detail-footer .footer-action .socicals .socical:hover, .section-post-detail .post-detail-footer .footer-action .socicals .socical:focus { background-color: #981B1E; border: 1px solid #981B1E; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003695}}
.section-post-detail .post-detail-footer .footer-action .socicals .socical:hover .icon, .section-post-detail .post-detail-footer .footer-action .socicals .socical:focus .icon { color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003706}}
.section-blog-detail-header { background-color: #d7c6bc; padding: 40px 0 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003710}}
.section-blog-detail-header .title { text-decoration: none; font-weight: 700; font-size: 50px; color: #000000; text-transform: uppercase; margin-bottom: 127px; min-height: 300px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003720}}
.section-blog-detail-header .sub { text-decoration: none; font-weight: 700; font-size: 35px; color: #000000; text-align: right; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003728}}
.section-blog-detail-header .meta { 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; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003734}}
.section-blog-detail-header .meta .category { text-decoration: none; font-weight: 400; font-size: 16px; color: #000000; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003742}}
.section-blog-detail-header .meta .time { text-decoration: none; font-weight: 400; font-size: 16px; color: #000000; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003752}}
.post-detail-footer .footer-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003757}}
.post-detail-footer .footer-action .btn-contact { -webkit-box-flex: 0; -ms-flex: 0 0 260px; flex: 0 0 260px; max-width: 260px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003763}}
.post-detail-footer .footer-action .content-share { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 300px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003771}}
.post-detail-footer .footer-action .content-share .label { text-transform: uppercase; font-weight: 700; font-size: 20px; color: #8e8e8e; margin-right: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003780}}
.post-detail-footer .footer-action .socicals { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003785}}
.post-detail-footer .footer-action .socicals .socical { display: -webkit-box; display: -ms-flexbox; display: flex; width: 60px; height: 60px; border-radius: 50%; background-color: #e6e6e6; border: 1px solid #e6e6e6; color: #4e4e4f; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-size: 34px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-right: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003800}}
.post-detail-footer .footer-action .socicals .socical .icon { color: #4e4e4f; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003804}}
.post-detail-footer .footer-action .socicals .socical .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003809}}
.post-detail-footer .footer-action .socicals .socical:hover, .post-detail-footer .footer-action .socicals .socical:focus { background-color: #981B1E; border: 1px solid #981B1E; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_news\.scss}line{font-family:\00003816}}
.post-detail-footer .footer-action .socicals .socical:hover .icon, .post-detail-footer .footer-action .socicals .socical:focus .icon { color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\000031}}
.modal-newsletter, .modal-forgot-password { background: rgba(0, 0, 0, 0.5); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\000033}}
.modal-newsletter .modal-dialog, .modal-forgot-password .modal-dialog { padding-top: 120px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\000036}}
.modal-newsletter .modal-content, .modal-forgot-password .modal-content { background-color: #eeebe6; border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\000039}}
.modal-newsletter .modal-content .btn-close, .modal-forgot-password .modal-content .btn-close { width: 45px; height: 45px; background: unset; position: absolute; top: 10px; right: 10px; z-index: 3; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000317}}
.modal-newsletter .modal-content .btn-close img, .modal-forgot-password .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000323}}
.modal-newsletter .modal-content .modal-body, .modal-forgot-password .modal-content .modal-body { padding: 25px 30px; min-height: 470px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000326}}
.modal-newsletter .modal-content .modal-body .open-email, .modal-forgot-password .modal-content .modal-body .open-email { display: block; width: 124px; margin: 0 auto 50px auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000331}}
.modal-newsletter .modal-content .modal-body .icon-forgot-password, .modal-forgot-password .modal-content .modal-body .icon-forgot-password { display: block; width: 79px; margin: 0 auto 30px auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000336}}
.modal-newsletter .modal-content .modal-body .title, .modal-forgot-password .modal-content .modal-body .title { font-weight: 700; font-size: 36px; text-align: center; color: #000000; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000343}}
.modal-newsletter .modal-content .modal-body .text, .modal-forgot-password .modal-content .modal-body .text { color: #4E4E4F; font-weight: 400; font-size: 16px; margin-bottom: 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000350}}
.modal-newsletter .modal-content .modal-body .form-group, .modal-forgot-password .modal-content .modal-body .form-group { margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000352}}
.modal-newsletter .modal-content .modal-body .form-group .form-control, .modal-forgot-password .modal-content .modal-body .form-group .form-control { font-weight: 400; font-size: 16px; min-height: 50px; padding: 12px 20px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000362}}
.modal-newsletter .modal-content .modal-footer, .modal-forgot-password .modal-content .modal-footer { border-top-width: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000366}}
.modal-newsletter .modal-content .nav-menu, .modal-forgot-password .modal-content .nav-menu { list-style-type: none; width: 100%; padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000370}}
.modal-newsletter .modal-content .nav-menu .nav-item, .modal-forgot-password .modal-content .nav-menu .nav-item { text-align: center; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000373}}
.modal-newsletter .modal-content .nav-menu .nav-item .nav-link, .modal-forgot-password .modal-content .nav-menu .nav-item .nav-link { font-size: 16px; color: #981B1E; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000384}}
.modal-forgot-password .modal-content .modal-body { padding-top: 50px; padding-bottom: 50px; min-height: 580px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000393}}
.modal-authorization { background: rgba(0, 0, 0, 0.5); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000395}}
.modal-authorization .modal-dialog { padding-top: 120px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\0000398}}
.modal-authorization .modal-content { background-color: #eeebe6; border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003101}}
.modal-authorization .modal-content .btn-close { width: 45px; height: 45px; background: unset; position: absolute; top: 10px; right: 10px; z-index: 3; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003109}}
.modal-authorization .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003115}}
.modal-authorization .modal-content .modal-body { padding: 25px 30px; min-height: 470px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003118}}
.modal-authorization .modal-content .modal-body .open-email { display: block; width: 124px; margin: 0 auto 50px auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003123}}
.modal-authorization .modal-content .modal-body .inner-authorization { padding: 40px 40px; position: relative; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003127}}
.modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login { padding: 90px 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003131}}
.modal-authorization .modal-content .modal-body h3 { text-align: center; text-transform: initial; margin-bottom: 45px; font-size: 36px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003138}}
.modal-authorization .modal-content .modal-body .text { color: #4E4E4F; font-weight: 400; font-size: 16px; margin-bottom: 55px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003145}}
.modal-authorization .modal-content .modal-body .form-group { margin-bottom: 45px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003147}}
.modal-authorization .modal-content .modal-body .form-group .form-control { font-weight: 400; font-size: 16px; min-height: 50px; padding: 12px 20px; color: #4E4E4F; border: 1px solid #ffffff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003156}}
.modal-authorization .modal-content .modal-body .form-group.form-group-password { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003158}}
.modal-authorization .modal-content .modal-body .form-group.form-group-password .toggle-password { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #000000; border-width: 0; background-color: transparent; font-size: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003171}}
.modal-authorization .modal-content .modal-body .form-group-button .btn { margin-bottom: 45px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003175}}
.modal-authorization .modal-content .modal-body .forgot-password { position: absolute; font-weight: 400; font-size: 16px; text-align: center; width: 100%; left: 0; bottom: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003183}}
.modal-authorization .modal-content .modal-body .forgot-password a { color: #981B1E; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003189}}
.modal-authorization .modal-content .modal-body .inner-authorization-image { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003191}}
.modal-authorization .modal-content .modal-body .inner-authorization-image .inner-contenr { position: absolute; padding: 50px 30px; left: 0; bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003196}}
.modal-authorization .modal-content .modal-body .inner-authorization-image .inner-contenr h3 { color: #ffffff; font-size: 40px; margin-bottom: 25px; text-align: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003202}}
.modal-authorization .modal-content .modal-body .inner-authorization-image .inner-contenr .text { color: #ffffff; font-size: 14px; margin-bottom: 0; text-align: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003212}}
.modal-authorization .modal-content .modal-body .inner-authorization-register h3 { margin-bottom: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003215}}
.modal-authorization .modal-content .modal-body .inner-authorization-register .form-group, .modal-authorization .modal-content .modal-body .inner-authorization-register .form-group-button { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003220}}
.modal-authorization .modal-content .modal-body .inner-authorization-register .form-group-button .btn { margin-bottom: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003224}}
.modal-authorization .modal-content .modal-body .inner-authorization-register .form-switch { padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003228}}
.modal-authorization .modal-content .modal-body .inner-authorization-register .form-switch .form-check-input { -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; max-width: 45px; width: 100%; background-color: #8e8e8e; border: 1px solid #8e8e8e; height: 25px; position: relative; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003238}}
.modal-authorization .modal-content .modal-body .inner-authorization-register .form-switch .form-check-label { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 55px); flex: 0 0 calc(100% - 55px); max-width: calc(100% - 55px); width: 100%; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003246}}
.modal-authorization .modal-content .modal-body .inner-authorization-success { 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; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003250}}
.modal-authorization .modal-content .modal-body .inner-authorization-success .icon-success { width: 100px; display: block; margin: 0 auto 43px auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003254}}
.modal-authorization .modal-content .modal-body .inner-authorization-success .icon-success img { display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003259}}
.modal-authorization .modal-content .modal-body .inner-authorization-success h3 { margin-bottom: 64px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003265}}
.modal-authorization .modal-content .modal-footer { border-top-width: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003269}}
.modal-authorization .modal-content .nav-menu { list-style-type: none; width: 100%; padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003273}}
.modal-authorization .modal-content .nav-menu .nav-item { text-align: center; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003276}}
.modal-authorization .modal-content .nav-menu .nav-item .nav-link { font-size: 16px; color: #981B1E; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003286}}
.modal-project-detail .modal-dialog { margin-top: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003289}}
.modal-project-detail .modal-content { border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003291}}
.modal-project-detail .modal-content .btn-close { width: 45px; height: 45px; background: unset; position: absolute; top: 10px; right: 10px; z-index: 3; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003299}}
.modal-project-detail .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003306}}
.modal-project-detail .modal-body { background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003309}}
.modal-project-detail .project-header { display: block; padding: 22px 0 0 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003312}}
.modal-project-detail .project-header .cat { font-weight: 400; font-size: 20px; text-align: center; margin-bottom: 20px; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003319}}
.modal-project-detail .project-header .title { font-weight: 700; font-size: 48px; text-align: center; color: #000000; margin-bottom: 30px; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003328}}
.modal-project-detail .project-header .thumbnail img { display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003334}}
.modal-project-detail .project-body { padding: 50px 75px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003336}}
.modal-project-detail .project-body .thumbnail-info { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003342}}
.modal-project-detail .project-body .thumbnail-info img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003355}}
.modal-project-detail .project-body .project-info { background-color: #e6e6e6; height: 100%; padding: 75px 38px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003359}}
.modal-project-detail .project-body .project-info .info { font-weight: 400; font-size: 20px; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003363}}
.modal-project-detail .project-body .project-info .info b { font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003366}}
.modal-project-detail .project-body .project-info .info:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003371}}
.modal-project-detail .project-body .inner-content { padding: 70px 0 80px 0; border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003374}}
.modal-project-detail .project-body .inner-content h1, .modal-project-detail .project-body .inner-content h2 { font-size: 24px; font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003379}}
.modal-project-detail .project-body .inner-content h3, .modal-project-detail .project-body .inner-content h4 { font-size: 20px; font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003384}}
.modal-project-detail .project-body .inner-content h5, .modal-project-detail .project-body .inner-content h6, .modal-project-detail .project-body .inner-content p, .modal-project-detail .project-body .inner-content ul, .modal-project-detail .project-body .inner-content li, .modal-project-detail .project-body .inner-content ol, .modal-project-detail .project-body .inner-content a { font-size: 16px; font-weight: 400; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003395}}
.modal-project-detail .project-body .project-socicals { padding: 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003397}}
.modal-project-detail .project-body .project-socicals .btn-primary { min-width: 260px; margin-right: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003400}}
.modal-project-detail .project-body .project-socicals .btn-primary:last-child { margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003405}}
.modal-project-detail .project-body .content-share { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003412}}
.modal-project-detail .project-body .content-share .label { text-transform: uppercase; font-weight: 700; font-size: 20px; color: #8e8e8e; margin-right: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003421}}
.modal-project-detail .project-body .socicals { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003425}}
.modal-project-detail .project-body .socicals .socical { display: -webkit-box; display: -ms-flexbox; display: flex; width: 60px; height: 60px; border-radius: 50%; background-color: #e6e6e6; border: 1px solid #e6e6e6; color: #4e4e4f; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-size: 34px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-right: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003439}}
.modal-project-detail .project-body .socicals .socical .icon { color: #4e4e4f; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003442}}
.modal-project-detail .project-body .socicals .socical .icon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003446}}
.modal-project-detail .project-body .socicals .socical:hover, .modal-project-detail .project-body .socicals .socical:focus { background-color: #981B1E; border: 1px solid #981B1E; color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003452}}
.modal-project-detail .project-body .socicals .socical:hover .icon, .modal-project-detail .project-body .socicals .socical:focus .icon { color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003459}}
.modal-project-detail .project-body .project-related { padding-top: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003461}}
.modal-project-detail .project-body .project-related .row { margin-left: -8px; margin-right: -8px; padding-bottom: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003465}}
.modal-project-detail .project-body .project-related .row > * { padding: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003469}}
.modal-project-detail .project-body .project-related .projects-description { height: 100%; padding: 75px; 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 -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003475}}
.modal-project-detail .project-body .project-related .projects-description .description { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003479}}
.modal-project-detail .project-body .project-related .related-title { font-weight: 700; font-size: 32px; color: #000000; margin-bottom: 56px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003485}}
.modal-project-detail .project-body .project-related .projects { position: relative; text-decoration: none; display: block; cursor: pointer; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003490}}
.modal-project-detail .project-body .project-related .projects .thumbnail { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003496}}
.modal-project-detail .project-body .project-related .projects .thumbnail img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003508}}
.modal-project-detail .project-body .project-related .projects .inner-content { position: absolute; width: 100%; z-index: 2; bottom: 0; left: 0; padding: 19px 10px; min-height: 95px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003521}}
.modal-project-detail .project-body .project-related .projects .project-title { font-size: 20px; color: #ffffff; font-weight: 700; text-align: center; display: block; width: 100%; text-transform: uppercase; margin-bottom: 8px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003531}}
.modal-project-detail .project-body .project-related .projects .project-title a { text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003535}}
.modal-project-detail .project-body .project-related .projects .location { font-size: 14px; color: #ffffff; font-weight: 400; text-align: center; display: block; width: 100%; text-transform: uppercase; margin-bottom: 0; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003545}}
.modal-project-detail .project-body .project-related .projects .location a { text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003550}}
.modal-project-detail .project-body .project-related .projects::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 150px; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.45%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.45%, rgba(0, 0, 0, 0.4) 100%); z-index: 1; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003570}}
.modal-product-wish-list .modal-content { background-color: #f8f8f8; border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003573}}
.modal-product-wish-list .modal-content .btn-close { width: 45px; height: 45px; background: unset; position: absolute; top: 10px; right: 10px; z-index: 3; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003581}}
.modal-product-wish-list .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003587}}
.modal-product-wish-list .modal-content .modal-body { padding: 55px 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003593}}
.modal-product-wish-list .product-wish-list .product-title { font-weight: 700; font-size: 24px; margin-bottom: 45px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003600}}
.modal-product-wish-list .product-attribute { font-weight: 400; font-size: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003606}}
.modal-product-wish-list .product-attribute:last-child { border-bottom-width: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003609}}
.modal-product-wish-list .product-attribute b { font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003612}}
.modal-product-wish-list .product-attribute .txt-label { display: inline-block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003617}}
.modal-product-wish-list .attribute-radio-selected { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003622}}
.modal-product-wish-list .attribute-radio-selected .form-check { padding-left: 0; margin-right: 10px; margin-bottom: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003629}}
.modal-product-wish-list .attribute-radio-selected .form-check-label { font-weight: 700; font-size: 20px; background-color: #e6e6e6; border: 1px solid #e6e6e6; text-align: center; padding: 10px 18px; min-width: 130px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003638}}
.modal-product-wish-list .attribute-radio-selected .form-check-input { opacity: 0; z-index: 0; position: absolute; width: 0; height: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003644}}
.modal-product-wish-list .attribute-radio-selected .form-check-input:checked ~ .form-check-label { border: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003651}}
.modal-product-wish-list .group-action .btn-primary { padding: 24px 12px; min-width: 260px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003657}}
.modal-product-wish-list .form-quantity { margin-top: 15px; width: 140px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003664}}
.modal-alert-login .modal-content { background-color: #eeebe6; border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003667}}
.modal-alert-login .modal-content .btn-close { width: 45px; height: 45px; background: unset; position: absolute; top: 10px; right: 10px; z-index: 3; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003675}}
.modal-alert-login .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003681}}
.modal-alert-login .modal-content .modal-body { padding: 55px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003686}}
.modal-alert-login .icon-login { width: 101px; margin: 0 auto 50px auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003689}}
.modal-alert-login .icon-login img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003695}}
.modal-alert-login .btn-link { font-size: 16px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003701}}
.modal-alert-login .modal-content { background-color: #eeebe6; border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003704}}
.modal-alert-login .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5x; right: 5px; z-index: 3; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003712}}
.modal-alert-login .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003718}}
.modal-alert-login .modal-content .modal-body { padding: 45px 20px 25px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003720}}
.modal-alert-login .modal-content .modal-body .text { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003726}}
.modal-alert-login .icon-login { width: 80px; margin: 0 auto 50px auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003729}}
.modal-alert-login .icon-login img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_modal\.scss}line{font-family:\00003735}}
.modal-alert-login .btn-link { font-size: 16px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\000031}}
.section-dashboard { background-color: #f8f8f8; min-height: 817px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\000039}}
.section-dashboard .dashboard-sidebar { background-color: #eeebe6; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 375px; min-height: 815px; padding: 30px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\0000317}}
.section-dashboard .dashboard-sidebar .nav-menu-profile { padding-left: 0; list-style-type: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\0000321}}
.section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link { padding: 20px 35px 20px 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; font-weight: 400; font-size: 16px; color: #8e8e8e; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\0000330}}
.section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link .icon { font-size: 20px; margin-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\0000335}}
.section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link.active { background-color: #e0dbd8; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\0000343}}
.section-dashboard .dashboard-content { background-color: #f8f8f8; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 375px); min-height: 815px; padding-top: 50px; padding-left: 110px; padding-bottom: 130px; padding-right: 75px; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\0000354}}
.section-dashboard .dashboard-content .title { margin-bottom: 35px; color: #000; font-weight: 700; font-size: 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\0000360}}
.section-dashboard .dashboard-content .mb-20 { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\0000363}}
.section-dashboard .dashboard-content .profile-content { margin-bottom: 150px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\0000366}}
.section-dashboard .dashboard-content .line { height: 1px; width: 100%; background-color: #000000; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\0000372}}
.section-dashboard .dashboard-content .btn-logout { font-weight: 400; font-size: 16px; padding: 5px 0; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\0000378}}
.section-dashboard .dashboard-content .btn-logout:hover, .section-dashboard .dashboard-content .btn-logout:focus { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\0000383}}
.section-dashboard .dashboard-content .content-edit { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\0000386}}
.section-dashboard .dashboard-content .content-edit .label { font-weight: 400; font-size: 14px; color: #8e8e8e; margin-bottom: 3px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\0000393}}
.section-dashboard .dashboard-content .content-edit .form-group .form-control { padding: 15px 20px; color: #000; font-weight: 400; font-size: 16px; background-color: #ffffff; -webkit-box-shadow: unset; box-shadow: unset; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003104}}
.section-dashboard .dashboard-content .content-edit.content-edit-form .btn-edit { color: #981b1e; border-width: 0; background-color: transparent; font-weight: 400; font-size: 16px; position: absolute; bottom: 10px; right: -72px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003117}}
.section-dashboard .dashboard-content .create-favourite-list { 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; margin-bottom: 38px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003122}}
.section-dashboard .dashboard-content .create-favourite-list .description { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 180px); font-weight: 400; font-size: 20px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003129}}
.section-dashboard .dashboard-content .create-favourite-list .btn-create-favourite-list { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 186px; padding-left: 0; padding-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003139}}
.section-dashboard .favourite-listing .favourite-listing-header { margin-bottom: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003141}}
.section-dashboard .favourite-listing .favourite-listing-header .nav { border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003143}}
.section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003146}}
.section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item .nav-link { color: #4E4E4F; font-weight: 400; text-transform: uppercase; width: 100%; text-align: left; position: relative; padding: 20px 0; font-size: 24px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003156}}
.section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item .nav-link::after { content: ""; height: 5px; background-color: #981b1e; width: 0; position: absolute; top: 100%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003166}}
.section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item .nav-link.active { font-weight: 700; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003169}}
.section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item .nav-link.active::after { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003173}}
.section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item .nav-link:hover, .section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item .nav-link:focus { color: #981B1E; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003183}}
.section-dashboard .favourite-listing .checkbox-all { margin-bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003185}}
.section-dashboard .favourite-listing .checkbox-all .form-check { padding-left: 0; position: relative; padding-left: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003189}}
.section-dashboard .favourite-listing .checkbox-all .form-check .form-check-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003196}}
.section-dashboard .favourite-listing .checkbox-all .form-check .form-check-label { font-size: 14px; font-weight: 700; text-transform: uppercase; cursor: pointer; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003201}}
.section-dashboard .favourite-listing .checkbox-all .form-check .form-check-label::before { content: ""; width: 40px; height: 40px; display: block; background-color: #d9d9d9; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003212}}
.section-dashboard .favourite-listing .checkbox-all .form-check .form-check-label::after { content: ""; width: 40px; height: 40px; display: block; background-color: #981B1E; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003227}}
.section-dashboard .favourite-listing .checkbox-all .form-check .form-check-input:checked ~ .form-check-label::after { opacity: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003235}}
.section-dashboard .favourite-listing .content-favourite { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 70px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003241}}
.section-dashboard .favourite-listing .content-favourite .col-selected { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003244}}
.section-dashboard .favourite-listing .content-favourite .col-selected .form-check { margin: 0; padding-left: 0; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003248}}
.section-dashboard .favourite-listing .content-favourite .col-selected .form-check .form-check-label { width: 40px; height: 40px; display: block; background-color: #d9d9d9; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003256}}
.section-dashboard .favourite-listing .content-favourite .col-selected .form-check .form-check-input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; cursor: pointer; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003264}}
.section-dashboard .favourite-listing .content-favourite .col-selected .form-check .form-check-input:checked ~ .form-check-label { background-color: #981B1E; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003271}}
.section-dashboard .favourite-listing .content-favourite .col-content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 150px); padding: 0 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003275}}
.section-dashboard .favourite-listing .content-favourite .col-content .product { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003281}}
.section-dashboard .favourite-listing .content-favourite .col-content .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 300px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003284}}
.section-dashboard .favourite-listing .content-favourite .col-content .thumbnail img { display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003289}}
.section-dashboard .favourite-listing .content-favourite .col-content .inner-content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 300px); padding-left: 49px; padding-top: 20px; padding-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003295}}
.section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name { color: #000; text-transform: uppercase; font-weight: 700; font-size: 20px; margin-bottom: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003301}}
.section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name a { text-decoration: none; color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003305}}
.section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name:hover, .section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name:focus { color: #e74a3b; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003313}}
.section-dashboard .favourite-listing .content-favourite .col-content .attributes ul { list-style-type: none; padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003316}}
.section-dashboard .favourite-listing .content-favourite .col-content .attributes ul li { margin-bottom: 16px; font-weight: 400; font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003320}}
.section-dashboard .favourite-listing .content-favourite .col-content .attributes ul li b { text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003327}}
.section-dashboard .favourite-listing .content-favourite .col-action { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 110px; text-align: right; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003331}}
.section-dashboard .favourite-listing .content-favourite .col-action .btn-delete { color: #981b1e; border-width: 0; background-color: transparent; font-weight: 400; font-size: 16px; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003342}}
.section-dashboard .favourite-listing .content-favourite.content-favourite-listing .col-content { width: calc(100% - 110px); padding: 0 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003348}}
.section-dashboard .favourite-listing .content-favourite.content-download-listing .col-content { width: 100%; padding: 0 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003352}}
.section-dashboard .favourite-listing .content-favourite.content-download-listing .datetime { font-weight: 400; font-size: 16px; text-align: right; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003361}}
.section-dashboard .favourite-listing .card { margin-bottom: 20px; background-color: #ffffff; border-width: 0; padding: 23px 30px 50px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003366}}
.section-dashboard .favourite-listing .card .card-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; background-color: #ffffff; border-width: 0; padding: 0 0 16px 0; border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003374}}
.section-dashboard .favourite-listing .card .card-header .code { color: #000; font-weight: 700; font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003379}}
.section-dashboard .favourite-listing .card .card-header .btn-secondary { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003383}}
.section-dashboard .favourite-listing .card .card-body { padding: 50px 0; border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003387}}
.section-dashboard .favourite-listing .card .card-footer { background-color: #ffffff; border-width: 0; padding: 30px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003395}}
.section-dashboard .favourite-listing .card .card-footer .btn { margin-left: 20px; font-size: 20px; min-width: 160px; padding: 16px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003400}}
.section-dashboard .favourite-listing .card .card-footer .btn .icon { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003402}}
.section-dashboard .favourite-listing .card .card-footer .btn .icon::before { font-size: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003406}}
.section-dashboard .favourite-listing .card .card-footer .btn:first-child { margin-left: 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003414}}
.quantity-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003418}}
.quantity-control button { border-color: rgba(0, 0, 0, 0.09); -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; border: 1px solid rgba(0, 0, 0, 0.09); border-radius: 0; color: rgba(0, 0, 0, 0.8); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.2rem; font-weight: 400; height: 32px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; letter-spacing: 0; line-height: 32px; outline: none; -webkit-transition: background-color 0.1s cubic-bezier(0.4, 0, 0.6, 1); transition: background-color 0.1s cubic-bezier(0.4, 0, 0.6, 1); width: 32px; max-width: 32px; -webkit-box-flex: 0; -ms-flex: 0 0 32px; flex: 0 0 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_dashboard\.scss}line{font-family:\00003442}}
.quantity-control .quantity { width: 100%; max-width: calc(100% - 64px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 64px); flex: 0 0 calc(100% - 64px); border: 1px solid rgba(0, 0, 0, 0.09); border-radius: 0; color: rgba(0, 0, 0, 0.8); height: 32px; font-size: 1.2rem; text-align: center; border-left: 0px solid #000; border-right: 0px solid #000; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_appear\.scss}line{font-family:\000032}}
.picture-appear, .catalogue, .collection, .post-thumbnail, .tiles-general-product, .solution, .project-thumbnail { position: relative; overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_appear\.scss}line{font-family:\000035}}
.picture-appear:after, .catalogue:after, .collection:after, .post-thumbnail:after, .tiles-general-product:after, .solution:after, .project-thumbnail:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e6e6e6; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transition: all 800ms 100ms cubic-bezier(0.885, 0.005, 0.125, 1); transition: all 800ms 100ms cubic-bezier(0.885, 0.005, 0.125, 1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_appear\.scss}line{font-family:\0000319}}
.picture-appear.appeared:after, .catalogue.appeared:after, .collection.appeared:after, .post-thumbnail.appeared:after, .tiles-general-product.appeared:after, .solution.appeared:after, .project-thumbnail.appeared:after { -webkit-transform: scale(1, 0); transform: scale(1, 0); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_object-fit\.scss}line{font-family:\000031}}
.object-fit { position: relative; width: 100%; height: 0; overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_object-fit\.scss}line{font-family:\000036}}
.object-fit.object-fit-1-1 { padding-top: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_object-fit\.scss}line{font-family:\000039}}
.object-fit.object-fit-16-9 { padding-top: 56.25%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_object-fit\.scss}line{font-family:\0000312}}
.object-fit.object-fit-9-16 { padding-top: 177.78%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_object-fit\.scss}line{font-family:\0000315}}
.object-fit.object-fit-3-5 { padding-top: 60%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_object-fit\.scss}line{font-family:\0000318}}
.object-fit.object-fit-3-4 { padding-top: 75%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_object-fit\.scss}line{font-family:\0000321}}
.object-fit.object-fit-6-7 { padding-top: 116.67%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_object-fit\.scss}line{font-family:\0000324}}
.object-fit img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_loading\.scss}line{font-family:\000034}}
.section-loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 99999; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_loading\.scss}line{font-family:\0000312}}
.section-loading::after { content: ""; width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url("../img/vietceramics-favicon.f4dfb3d45ff2.png"); }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_loading\.scss}line{font-family:\0000328}}
.loader { width: 60px; height: 60px; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; -webkit-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_loading\.scss}line{font-family:\0000340}}
.loader::before { content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; inset: 0px; border-radius: 50%; border: 3px solid #FFF; -webkit-animation: prixClipFix 2s linear infinite; animation: prixClipFix 2s linear infinite; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_loading\.scss}line{font-family:\0000351}}
.rotatedevice { display: block; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000e46; z-index: 9999; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_loading\.scss}line{font-family:\0000362}}
.rotatedevice img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 150px; height: auto; }

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes prixClipFix { 0% { -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); }
  25% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); }
  50% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); }
  75% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); }
  100% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); } }
@keyframes prixClipFix { 0% { -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); }
  25% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); }
  50% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); }
  75% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); }
  100% { -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); } }
@-webkit-keyframes lds-ripple { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; }
  4% { -webkit-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); opacity: 0.5; }
  5% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; }
  100% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); opacity: 0; } }
@keyframes lds-ripple { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; }
  4% { -webkit-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); opacity: 0.5; }
  5% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; }
  100% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); opacity: 0; } }
@-webkit-keyframes floatMoney { 0% { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  50% { -webkit-transform: translate(-50%, -70%); transform: translate(-50%, -70%); }
  100% { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }
@keyframes floatMoney { 0% { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  50% { -webkit-transform: translate(-50%, -70%); transform: translate(-50%, -70%); }
  100% { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_widget\.scss}line{font-family:\000031}}
.hotline-widget { display: -webkit-box; display: -ms-flexbox; display: flex; width: 55px; height: 55px; border-radius: 50%; border: none; visibility: visible; bottom: 80px; right: 20px; position: fixed; top: auto; z-index: 2147483644; text-decoration: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_widget\.scss}line{font-family:\0000318}}
.hotline-widget span { font-size: 30px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/_widget\.scss}line{font-family:\0000323}}
.zalo-chat-widget { border: none; visibility: visible; bottom: 20px !important; right: 20px !important; left: unset !important; position: fixed; width: 60px; height: 60px; top: auto; z-index: 2147483644; }

@media screen and (min-width: 1200px) and (max-width: 1399px) { @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\000031}}
  .navbar-vietceramics { background-color: #ffffff; padding: 0 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\000034}}
  .navbar-vietceramics .navbar-brand { width: auto; height: 46px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\000037}}
  .navbar-vietceramics .navbar-brand img { display: block; width: auto; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000314}}
  .navbar-vietceramics .nav-item { margin-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000316}}
  .navbar-vietceramics .nav-item:last-child { margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000319}}
  .navbar-vietceramics .nav-item.dropdown:hover > .dropdown-menu { display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000323}}
  .navbar-vietceramics .nav-item.dropdown > .dropdown-toggle:active { /*Without this, clicking will make it sticky*/ pointer-events: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000327}}
  .navbar-vietceramics .nav-item .nav-link { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000329}}
  .navbar-vietceramics .nav-item .nav-link:hover, .navbar-vietceramics .nav-item .nav-link:focus { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000333}}
  .navbar-vietceramics .nav-item .nav-link.active { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000338}}
  .navbar-vietceramics .dropdown-toggle::after { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000341}}
  .navbar-vietceramics .nav-link { font-family: Averta Std; font-weight: 400; font-size: 12px; line-height: 1.25; text-align: center; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000350}}
  .navbar-vietceramics .nav-item-icon { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000353}}
  .navbar-vietceramics .nav-item-icon .icon { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000356}}
  .navbar-vietceramics .nav-item-icon .num { width: 13px; height: 13px; font-size: 8px; color: #ffffff; background-color: #981B1E; border-radius: 50%; display: block; text-align: center; line-height: 13px; position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: 4px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000372}}
  .navbar-vietceramics .nav-item-icon .nav-link { padding: 38px 10px !important; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000377}}
  .navbar-vietceramics .navbar-menu { position: relative; margin-right: 70px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000381}}
  .navbar-vietceramics .navbar-menu .nav-item .nav-link { padding: 38px 10px !important; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000388}}
  .navbar-vietceramics .navbar-collapse { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000391}}
  .navbar-vietceramics .dropdown-menu { background-color: #f8f8f8; border: 1px solid #f8f8f8; padding: 34px 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\0000395}}
  .navbar-vietceramics .dropdown-menu .dropdown-title { font-weight: 700; font-size: 16px; font-weight: 700; display: block; padding-bottom: 15px; border-bottom: 1px solid #8e8e8e; text-decoration: none; margin-bottom: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003104}}
  .navbar-vietceramics .dropdown-menu .dropdown-title h6 { margin-bottom: 0; text-transform: uppercase; position: relative; padding-right: 20px; color: #4E4E4F; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003111}}
  .navbar-vietceramics .dropdown-menu .dropdown-title h6::after { content: "\e905"; color: #8e8e8e; font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 8px; position: absolute; top: 8px; right: -3px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003132}}
  .navbar-vietceramics .dropdown-menu .dropdown-title:hover h6, .navbar-vietceramics .dropdown-menu .dropdown-title:focus h6 { color: #981B1E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003143}}
  .navbar-vietceramics .dropdown-menu .col-megamenu { list-style-type: none; padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003147}}
  .navbar-vietceramics .dropdown-menu .col-megamenu li { margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003149}}
  .navbar-vietceramics .dropdown-menu .col-megamenu li .dropdown-item { color: #4E4E4F; font-weight: 400; font-size: 12px; padding: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003155}}
  .navbar-vietceramics .dropdown-menu .col-megamenu li .dropdown-item:hover, .navbar-vietceramics .dropdown-menu .col-megamenu li .dropdown-item:focus { color: #981B1E; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003159}}
  .navbar-vietceramics .dropdown-menu .col-megamenu li .dropdown-item.active { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003166}}
  .navbar-vietceramics .dropdown-menu.dropdown-menu-start { min-width: 250px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003173}}
  .navbar-vietceramics .has-megamenu { position: static !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003175}}
  .navbar-vietceramics .has-megamenu .megamenu { left: 0; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003180}}
  .navbar-vietceramics .dropdown-menu-end { left: unset; right: 0; margin-right: -48px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003186}}
  .navbar-vietceramics .dropdown-menu-profile { padding: 33px 30px 10px 30px; background-color: #FFFFFF; -webkit-box-shadow: 0px 4px 10px 0px #00000040; box-shadow: 0px 4px 10px 0px #00000040; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003191}}
  .navbar-vietceramics .dropdown-menu-profile .divider { background-color: #8E8E8E; width: 100%; height: 1px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003196}}
  .navbar-vietceramics .dropdown-menu-profile .current-user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003200}}
  .navbar-vietceramics .dropdown-menu-profile .current-user .avata { width: 48px; height: 48px; border: 1px solid #000; background-color: #8e8e8e; position: relative; border-radius: 50%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003207}}
  .navbar-vietceramics .dropdown-menu-profile .current-user .avata .text { font-size: 32px; line-height: 1; position: absolute; top: 50%; left: 0; width: 100%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003218}}
  .navbar-vietceramics .dropdown-menu-profile .current-user .avata img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003225}}
  .navbar-vietceramics .dropdown-menu-profile .current-user .user-profile { padding-left: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003227}}
  .navbar-vietceramics .dropdown-menu-profile .current-user .user-profile .name { text-align: left; font-weight: 700; font-size: 20px; color: #4E4E4F; margin-bottom: 3px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003234}}
  .navbar-vietceramics .dropdown-menu-profile .current-user .user-profile .email { text-align: left; font-weight: 400; font-size: 12px; color: #4E4E4F; margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003244}}
  .navbar-vietceramics .dropdown-menu-profile .dropdown-item { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003246}}
  .navbar-vietceramics .dropdown-menu-profile .dropdown-item .icon { margin-right: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003254}}
  .group-action-menu { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003256}}
  .group-action-menu .navbar-nav { 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: 90px; -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; max-width: 90px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003264}}
  .group-action-menu .navbar-nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; max-width: 40px; width: 40px; height: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003269}}
  .group-action-menu .navbar-nav .nav-item .nav-link { height: 100%; width: 100%; line-height: 25px; font-size: 20px; text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_navbar\.scss}line{font-family:\00003275}}
  .group-action-menu .navbar-nav .nav-item .nav-link::after { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_section\.scss}line{font-family:\000034}}
  .section-form-contact .form-contact-info .contact-icon .info { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_section\.scss}line{font-family:\000038}}
  .section-form-contact .form-contact-info .contact-socials { padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc\/_section\.scss}line{font-family:\0000310}}
  .section-form-contact .form-contact-info .contact-socials .label { font-weight: 700; font-size: 16px; margin-right: 30px; } }
@media screen and (max-height: 650px) and (max-width: 1599px) and (min-width: 1025px) { @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-small\/_slider\.scss}line{font-family:\000032}}
  .slider-vietceramics .banner { padding-top: 500px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-small\/_slider\.scss}line{font-family:\000036}}
  .slider-vietceramics .banner-layers { padding-top: 25px; padding: 45px 25px 30px 75px; min-width: 620px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-small\/_slider\.scss}line{font-family:\0000310}}
  .slider-vietceramics .banner-layers .title { font-size: 42px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-small\/_slider\.scss}line{font-family:\0000314}}
  .slider-vietceramics .banner-layers .sub { font-size: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-small\/_slider\.scss}line{font-family:\0000321}}
  .slider-vietceramics .swiper-button-prev { width: 40px; height: 48px; bottom: 40px; right: 144px; font-size: 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-small\/_slider\.scss}line{font-family:\0000328}}
  .slider-vietceramics .swiper-button-next { width: 40px; height: 48px; bottom: 40px; right: 75px; font-size: 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-small\/_slider\.scss}line{font-family:\0000336}}
  .slider-vietceramics .swiper-pagination { top: unset; bottom: 55px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-small\/_slider\.scss}line{font-family:\0000344}}
  .catalogue-slider .banner { padding-top: 470px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-small\/_slider\.scss}line{font-family:\0000350}}
  .slider-projects .banner { padding-top: 650px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-small\/_slider\.scss}line{font-family:\0000356}}
  .swiper-button-next, .swiper-button-prev { width: 40px !important; height: 48px !important; font-size: 32px !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-small\/_slider\.scss}line{font-family:\0000360}}
  .swiper-button-next::after, .swiper-button-prev::after { font-size: 32px !important; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\000031}}
  .navbar-vietceramics { background-color: #ffffff; padding: 0 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\000034}}
  .navbar-vietceramics .navbar-brand { width: auto; height: 46px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\000037}}
  .navbar-vietceramics .navbar-brand img { display: block; width: auto; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000314}}
  .navbar-vietceramics .nav-item { margin-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000316}}
  .navbar-vietceramics .nav-item:last-child { margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000319}}
  .navbar-vietceramics .nav-item.dropdown:hover > .dropdown-menu { display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000323}}
  .navbar-vietceramics .nav-item.dropdown > .dropdown-toggle:active { /*Without this, clicking will make it sticky*/ pointer-events: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000327}}
  .navbar-vietceramics .nav-item .nav-link { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000329}}
  .navbar-vietceramics .nav-item .nav-link:hover, .navbar-vietceramics .nav-item .nav-link:focus { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000333}}
  .navbar-vietceramics .nav-item .nav-link.active { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000338}}
  .navbar-vietceramics .dropdown-toggle::after { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000341}}
  .navbar-vietceramics .nav-link { font-family: Averta Std; font-weight: 400; font-size: 11px; line-height: 1.25; text-align: center; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000350}}
  .navbar-vietceramics .nav-item-icon { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000353}}
  .navbar-vietceramics .nav-item-icon .icon { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000356}}
  .navbar-vietceramics .nav-item-icon .num { width: 13px; height: 13px; font-size: 8px; color: #ffffff; background-color: #981B1E; border-radius: 50%; display: block; text-align: center; line-height: 13px; position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: 4px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000372}}
  .navbar-vietceramics .nav-item-icon .nav-link { padding: 38px 5px !important; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000377}}
  .navbar-vietceramics .navbar-menu { position: relative; margin-right: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000381}}
  .navbar-vietceramics .navbar-menu .nav-item .nav-link { padding: 38px 10px !important; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000388}}
  .navbar-vietceramics .navbar-collapse { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000391}}
  .navbar-vietceramics .dropdown-menu { background-color: #f8f8f8; border: 1px solid #f8f8f8; padding: 34px 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\0000395}}
  .navbar-vietceramics .dropdown-menu .dropdown-title { font-weight: 700; font-size: 16px; font-weight: 700; display: block; padding-bottom: 15px; border-bottom: 1px solid #8e8e8e; text-decoration: none; margin-bottom: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003104}}
  .navbar-vietceramics .dropdown-menu .dropdown-title h6 { margin-bottom: 0; text-transform: uppercase; position: relative; padding-right: 20px; color: #4E4E4F; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003111}}
  .navbar-vietceramics .dropdown-menu .dropdown-title h6::after { content: "\e905"; color: #8e8e8e; font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 8px; position: absolute; top: 8px; right: -3px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003132}}
  .navbar-vietceramics .dropdown-menu .dropdown-title:hover h6, .navbar-vietceramics .dropdown-menu .dropdown-title:focus h6 { color: #981B1E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003143}}
  .navbar-vietceramics .dropdown-menu .col-megamenu { list-style-type: none; padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003147}}
  .navbar-vietceramics .dropdown-menu .col-megamenu li { margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003149}}
  .navbar-vietceramics .dropdown-menu .col-megamenu li .dropdown-item { color: #4E4E4F; font-weight: 400; font-size: 12px; padding: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003155}}
  .navbar-vietceramics .dropdown-menu .col-megamenu li .dropdown-item:hover, .navbar-vietceramics .dropdown-menu .col-megamenu li .dropdown-item:focus { color: #981B1E; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003159}}
  .navbar-vietceramics .dropdown-menu .col-megamenu li .dropdown-item.active { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003166}}
  .navbar-vietceramics .dropdown-menu.dropdown-menu-start { min-width: 250px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003173}}
  .navbar-vietceramics .has-megamenu { position: static !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003175}}
  .navbar-vietceramics .has-megamenu .megamenu { left: 0; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003180}}
  .navbar-vietceramics .dropdown-menu-end { left: unset; right: 0; margin-right: -48px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003186}}
  .navbar-vietceramics .dropdown-menu-profile { padding: 33px 30px 10px 30px; background-color: #FFFFFF; -webkit-box-shadow: 0px 4px 10px 0px #00000040; box-shadow: 0px 4px 10px 0px #00000040; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003191}}
  .navbar-vietceramics .dropdown-menu-profile .divider { background-color: #8E8E8E; width: 100%; height: 1px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003196}}
  .navbar-vietceramics .dropdown-menu-profile .current-user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003200}}
  .navbar-vietceramics .dropdown-menu-profile .current-user .avata { width: 48px; height: 48px; border: 1px solid #000; background-color: #8e8e8e; position: relative; border-radius: 50%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003207}}
  .navbar-vietceramics .dropdown-menu-profile .current-user .avata .text { font-size: 32px; line-height: 1; position: absolute; top: 50%; left: 0; width: 100%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003218}}
  .navbar-vietceramics .dropdown-menu-profile .current-user .avata img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003225}}
  .navbar-vietceramics .dropdown-menu-profile .current-user .user-profile { padding-left: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003227}}
  .navbar-vietceramics .dropdown-menu-profile .current-user .user-profile .name { text-align: left; font-weight: 700; font-size: 20px; color: #4E4E4F; margin-bottom: 3px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003234}}
  .navbar-vietceramics .dropdown-menu-profile .current-user .user-profile .email { text-align: left; font-weight: 400; font-size: 12px; color: #4E4E4F; margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003244}}
  .navbar-vietceramics .dropdown-menu-profile .dropdown-item { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003246}}
  .navbar-vietceramics .dropdown-menu-profile .dropdown-item .icon { margin-right: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003254}}
  .group-action-menu { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003256}}
  .group-action-menu .navbar-nav { 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: 90px; -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; max-width: 90px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003264}}
  .group-action-menu .navbar-nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; max-width: 40px; width: 40px; height: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003269}}
  .group-action-menu .navbar-nav .nav-item .nav-link { height: 100%; width: 100%; line-height: 25px; font-size: 20px; text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003275}}
  .group-action-menu .navbar-nav .nav-item .nav-link::after { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_navbar\.scss}line{font-family:\00003284}}
  .navbar .container { max-width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\000032}}
  .section-catalogues .col-cs-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\0000310}}
  .section-news .blog-post .post-info-wrapper { min-height: 230px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\0000318}}
  .section-achievements .box-icon .number { font-size: 48px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\0000324}}
  .section-partner { padding-top: 80px; padding-bottom: 80px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\0000331}}
  .section-solutions .solution-title .solution-title-inner { padding: 5px 35px 5px 35px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\0000339}}
  .section-tiles-general-products .tiles-general-product-description { padding: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\0000345}}
  .section-product-information .col-inner { padding: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\0000347}}
  .section-product-information .col-inner h2 { margin-bottom: 15px; font-size: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\0000356}}
  .section-banner-sanitary-general.section-content-end .banner-layers { left: 46%; padding-left: 0; padding-right: 80px; width: 54%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\0000364}}
  .section-banner-sanitary-general.section-content-start .banner-layers { padding-left: 80px; width: 54%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\0000372}}
  .section-collection-inspiration-content .inner-content { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\0000378}}
  .collection-inspiration-color-size .description { font-size: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\0000384}}
  .section-vietceramics-projects .projects-description { padding: 15px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\0000388}}
  .section-vietceramics-projects .projects .project-title { font-size: 20px; padding: 30px 10px; min-height: 120px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\0000397}}
  .section-service-intro { padding: 34px 0 20px 0; background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003100}}
  .section-service-intro .section-title { font-size: 24px; margin-bottom: 33px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003104}}
  .section-service-intro .content { font-weight: 400; font-size: 20px; color: #4E4E4F; text-align: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003109}}
  .section-service-intro .content p { text-align: left; font-size: 16px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003118}}
  .section-service-vietceramics .col-inner { padding: 40px 30px 40px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003120}}
  .section-service-vietceramics .col-inner h2 { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003123}}
  .section-service-vietceramics .col-inner .text { margin-bottom: 48px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003129}}
  .section-introduction-jobs { background-color: #e0dbd8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003131}}
  .section-introduction-jobs .col-inner { padding: 30px 20px 47px 20px; max-width: 720px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003135}}
  .section-introduction-jobs .col-inner .description { margin-bottom: 30px; font-weight: 400; font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003141}}
  .section-introduction-jobs .col-inner .group-action .btn { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003149}}
  .section-jobs-dashboard .jobs-dashboard-sidebar { padding: 38px 15px 75px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003152}}
  .section-jobs-dashboard .jobs-dashboard-content { padding: 30px 20px 0 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003154}}
  .section-jobs-dashboard .jobs-dashboard-content .title { text-transform: uppercase; font-weight: 700; font-size: 24px; color: #000000; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003162}}
  .section-jobs-dashboard .read-more { padding: 50px 0 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003165}}
  .section-jobs-dashboard .nav-mobile-filter { background-color: #ffffff; padding: 10px 0; margin-bottom: 30px; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003170}}
  .section-jobs-dashboard .nav-mobile-filter::before { content: ""; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; width: 100vw; height: 100%; position: absolute; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003181}}
  .section-jobs-dashboard .nav-mobile-filter .btn-fillter { background-color: #981B1E; border: 1px solid #981B1E; color: #ffffff; position: relative; z-index: 2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003187}}
  .section-jobs-dashboard .nav-mobile-filter .btn-fillter .icon { margin-right: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003193}}
  .section-jobs-dashboard .sidebar-footer .btn-filter { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003199}}
  .jobs .job { padding: 30px 13px 36px 13px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003201}}
  .jobs .job .job-name { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003205}}
  .jobs .job .meta li { font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003216}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item .nav-link { padding: 17px 10px 17px 30px; font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003220}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item .nav-link .icon { font-size: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003227}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail { padding-left: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003234}}
  .section-showrooms .showrooms-header { margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003239}}
  .section-showrooms .showrooms-body .showroom-detail .name { font-size: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003246}}
  .section-showrooms .showrooms .showroom .name { font-size: 16px; margin-bottom: 13px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003250}}
  .section-showrooms .showrooms .showroom .district { font-size: 16px; margin-bottom: 13px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003254}}
  .section-showrooms .showrooms .showroom .address { font-size: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003264}}
  .section-collection-inspiration-content .inner-content h4 { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003268}}
  .section-collection-inspiration-content .blockquote { font-size: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003280}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta { -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_section\.scss}line{font-family:\00003282}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_footer\.scss}line{font-family:\000032}}
  .newsletter .contact { padding: 60px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_footer\.scss}line{font-family:\000036}}
  .newsletter .contact .listitem .item a { font-size: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_footer\.scss}line{font-family:\0000312}}
  .newsletter .newsletter-inner { padding: 88px 35px 88px 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_button\.scss}line{font-family:\000032}}
  .to_top { width: 60px; height: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_button\.scss}line{font-family:\000035}}
  .to_top .icon { font-size: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_button\.scss}line{font-family:\000038}}
  .to_top.show { right: 15px; bottom: 90px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_dashboard\.scss}line{font-family:\000033}}
  .section-dashboard .dashboard-sidebar { min-height: auto; width: 250px; padding: 20px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_dashboard\.scss}line{font-family:\0000310}}
  .section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link { padding: 17px 10px 17px 30px; font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_dashboard\.scss}line{font-family:\0000314}}
  .section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link .icon { font-size: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_dashboard\.scss}line{font-family:\0000321}}
  .section-dashboard .dashboard-content { width: calc(100% - 250px); padding-top: 50px; padding-left: 80px; padding-bottom: 100px; padding-right: 75px; min-height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_dashboard\.scss}line{font-family:\0000328}}
  .section-dashboard .dashboard-content .title { font-size: 24px; margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_dashboard\.scss}line{font-family:\0000332}}
  .section-dashboard .dashboard-content .profile-content { margin-bottom: 90px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_dashboard\.scss}line{font-family:\0000335}}
  .section-dashboard .dashboard-content .content-edit { padding-right: 58px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_dashboard\.scss}line{font-family:\0000338}}
  .section-dashboard .dashboard-content .content-edit.content-edit-form .btn-edit { font-size: 14px; bottom: 10px; right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_dashboard\.scss}line{font-family:\0000354}}
  .section-dashboard .favourite-listing .content-favourite .col-content .thumbnail { width: 180px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_dashboard\.scss}line{font-family:\0000357}}
  .section-dashboard .favourite-listing .content-favourite .col-content .inner-content { width: calc(100% - 180px); padding-left: 30px; padding-top: 5px; padding-bottom: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_product\.scss}line{font-family:\000032}}
  .product-detail-block .product-title { font-size: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_product\.scss}line{font-family:\000035}}
  .product-detail-block .group-product-attributes { margin-bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_product\.scss}line{font-family:\000039}}
  .product-detail-block .product-actions .btn { font-size: 16px; 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 -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_product\.scss}line{font-family:\0000314}}
  .product-detail-block .product-actions .btn .icon { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_product\.scss}line{font-family:\0000322}}
  .product-main-block .product-right { padding-left: 15px !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_product\.scss}line{font-family:\0000325}}
  .product-main-block .product-left { padding-right: 15px !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_product\.scss}line{font-family:\0000329}}
  .product-main-block .product-description { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_product\.scss}line{font-family:\0000334}}
  .product-maybe-will-like, .product-mix-match { padding-top: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_product\.scss}line{font-family:\0000336}}
  .product-maybe-will-like .section-title, .product-mix-match .section-title { font-size: 24px; padding-left: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_product\.scss}line{font-family:\0000340}}
  .product-maybe-will-like .products, .product-mix-match .products { padding: 50px 0 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_product\.scss}line{font-family:\0000346}}
  .btn-group-filter-slider .btn-filter { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_news\.scss}line{font-family:\000031}}
  .section-blog-detail-header { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_news\.scss}line{font-family:\000033}}
  .section-blog-detail-header .title { font-size: 36px; margin-bottom: 50px; min-height: 250px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_news\.scss}line{font-family:\000039}}
  .section-blog-detail-header .sub { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_news\.scss}line{font-family:\0000313}}
  .section-blog-detail-header .mb-lg-5 { margin-bottom: 2rem !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_news\.scss}line{font-family:\0000321}}
  .section-hot-post .post .post-body .post-title { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_news\.scss}line{font-family:\0000330}}
  .section-hot-post .hot-post-right .post .post-body .post-title { margin-bottom: 5px; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_news\.scss}line{font-family:\0000343}}
  .section-news-listing .news-listing-header .nav .nav-item .nav-link { font-size: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_news\.scss}line{font-family:\0000353}}
  .posts .post .post-body { min-height: 180px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_news\.scss}line{font-family:\0000356}}
  .posts .post .post-body .post-title { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/pc-sm\/_news\.scss}line{font-family:\0000361}}
  .posts .post .post-body.post-body-x2 .post-title { font-size: 20px; } }
@media screen and (min-width: 768px) and (max-width: 991px) { @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_bootstrap\.scss}line{font-family:\000031}}
  .container { padding-left: 30px; padding-right: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_bootstrap\.scss}line{font-family:\000035}}
  .container-fluid { padding-left: 30px; padding-right: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_bootstrap\.scss}line{font-family:\0000310}}
  .main { width: 100vw; overflow-x: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_navbar\.scss}line{font-family:\000031}}
  body { padding-top: 90px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_navbar\.scss}line{font-family:\000033}}
  body.page-fixed { overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_navbar\.scss}line{font-family:\000035}}
  body.page-fixed::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 99; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_navbar\.scss}line{font-family:\0000317}}
  .sidenav { display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_navbar\.scss}line{font-family:\0000320}}
  .group-action-menu { display: -webkit-box; display: -ms-flexbox; display: flex; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_navbar\.scss}line{font-family:\0000323}}
  .navbar-vietceramics { padding-top: 25px; padding-bottom: 25px; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_navbar\.scss}line{font-family:\0000331}}
  .navbar-vietceramics .container { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_navbar\.scss}line{font-family:\0000335}}
  .navbar-vietceramics .navbar-brand { height: 41px; padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_navbar\.scss}line{font-family:\0000340}}
  .navbar-vietceramics .btn-nav-menu-mobile { border-width: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_navbar\.scss}line{font-family:\0000346}}
  .navbar-vietceramics .dropdown-menu-end { position: absolute; right: 0; margin-right: -64px; top: calc(100% + 23px); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_button\.scss}line{font-family:\000031}}
  .btn { border-radius: 0 !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_button\.scss}line{font-family:\000033}}
  .btn.btn-find-showroom { padding: 17px; background-color: #981B1E; color: #fff; text-align: center; display: block; width: 100%; font-size: 20px; border: 1px solid #981B1E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_button\.scss}line{font-family:\0000313}}
  .btn.btn-find-showroom:hover, .btn.btn-find-showroom:focus { opacity: 0.8; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_button\.scss}line{font-family:\0000319}}
  .btn.btn-newsletter { padding: 0; background-color: #981B1E; color: #fff; text-align: center; display: block; width: 100%; font-size: 20px; line-height: 75px; border: 1px solid #981B1E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_button\.scss}line{font-family:\0000330}}
  .btn.btn-newsletter:hover, .btn.btn-newsletter:focus { opacity: 0.8; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_button\.scss}line{font-family:\0000337}}
  .btn.btn-primary { padding: 10px 15px; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_button\.scss}line{font-family:\0000342}}
  .btn.btn-outline-primary { padding: 10px 15px; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_button\.scss}line{font-family:\0000347}}
  .btn.btn-slider-viewmore { padding: 10px 15px; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_button\.scss}line{font-family:\0000350}}
  .btn.btn-slider-viewmore:hover { background-color: #981B1E; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #fff !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_button\.scss}line{font-family:\0000356}}
  .btn.btn-search-advance { padding: 8px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_button\.scss}line{font-family:\0000362}}
  .to_top { width: 60px; height: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_button\.scss}line{font-family:\0000365}}
  .to_top .icon { font-size: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_button\.scss}line{font-family:\0000368}}
  .to_top.show { right: 15px; bottom: 90px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_footer\.scss}line{font-family:\000032}}
  .newsletter .contact { padding: 47px 0px; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_footer\.scss}line{font-family:\000035}}
  .newsletter .contact::before { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; width: 100vw; background-color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_footer\.scss}line{font-family:\0000315}}
  .newsletter .contact .logo { position: relative; z-index: 1; max-width: 190px; margin-bottom: 45px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_footer\.scss}line{font-family:\0000321}}
  .newsletter .contact .listitem { position: relative; z-index: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_footer\.scss}line{font-family:\0000324}}
  .newsletter .contact .listitem .item { padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_footer\.scss}line{font-family:\0000326}}
  .newsletter .contact .listitem .item a { display: block; width: 100%; font-size: 16px; position: relative; padding-left: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_footer\.scss}line{font-family:\0000333}}
  .newsletter .contact .listitem .item .icon-moon { font-size: 16px; position: absolute; top: 0%; left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_footer\.scss}line{font-family:\0000341}}
  .newsletter .contact .socials { position: relative; z-index: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_footer\.scss}line{font-family:\0000346}}
  .newsletter .newsletter-inner { padding: 50px 0 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_footer\.scss}line{font-family:\0000352}}
  .footer .nav-link { padding: 5px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000032}}
  .section-achievements .row { margin-left: -3px; margin-right: -3px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000036}}
  .section-achievements .col-achi { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; width: 100%; padding-left: 3px; padding-right: 3px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000314}}
  .section-achievements .box-icon .icon { height: 29px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000316}}
  .section-achievements .box-icon .icon img { height: 100%; width: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000321}}
  .section-achievements .box-icon .number { font-size: 32px; margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000325}}
  .section-achievements .box-icon h5 { font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000332}}
  .section-solutions .solution-title .solution-title-inner { padding: 0 15px 0 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000334}}
  .section-solutions .solution-title .solution-title-inner h2 { margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000340}}
  .section-solutions .solution .solution-inner { left: 10px; bottom: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000343}}
  .section-solutions .solution .solution-inner .title { font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000351}}
  .catalogue-slider .banner { padding-top: 500px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000354}}
  .catalogue-slider .banner-layers { padding: 30px; min-width: 100%; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000358}}
  .catalogue-slider .banner-layers .label { font-size: 12px; margin-bottom: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000362}}
  .catalogue-slider .banner-layers .title { font-size: 32px; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000366}}
  .catalogue-slider .banner-layers .sub { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000371}}
  .catalogue-slider .swiper-button-next, .catalogue-slider .swiper-button-prev { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000375}}
  .catalogue-slider .swiper-pagination { bottom: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000381}}
  .section-vietceramics .img { padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000384}}
  .section-vietceramics .col-inner { padding: 15px 30px 15px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000386}}
  .section-vietceramics .col-inner h2 { font-size: 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000389}}
  .section-vietceramics .col-inner .text { margin-bottom: 48px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000396}}
  .slider-vietceramics .banner { height: 850px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\0000399}}
  .slider-vietceramics .banner-layers { min-width: 285px; padding: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003103}}
  .slider-vietceramics .banner-layers .title { font-size: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003106}}
  .slider-vietceramics .banner-layers .sub { font-size: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003111}}
  .slider-vietceramics .swiper-button-next, .slider-vietceramics .swiper-button-prev { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003115}}
  .slider-vietceramics .swiper-pagination { bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003120}}
  .section-projects { -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003122}}
  .section-projects .project-title, .section-projects .projects-slider { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003127}}
  .section-projects .swiper-button-next, .section-projects .swiper-button-prev { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003132}}
  .section-projects .project-title { padding: 30px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003134}}
  .section-projects .project-title .project-title-inner { padding: 0; 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; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003139}}
  .section-projects .project-title .project-title-inner h2 { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003144}}
  .section-projects .projects-slider { padding-left: 15px; padding-bottom: 90px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003147}}
  .section-projects .projects-slider .banner-layers { padding: 0 30px 0 30px; top: unset; bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003151}}
  .section-projects .projects-slider .banner-layers .title { font-size: 20px; font-weight: 400; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003156}}
  .section-projects .projects-slider .swiper-pagination { display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003160}}
  .section-projects .banner { padding-top: 350px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003165}}
  .section-partner { padding: 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003170}}
  .section-collections .g-0 { padding-left: 0 !important; padding-right: 0 !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003175}}
  .section-collections .collection-title h2 { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003180}}
  .section-collections .collection .content-inner { bottom: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003182}}
  .section-collections .collection .content-inner h3 { font-size: 12px; margin-bottom: 3px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003186}}
  .section-collections .collection .content-inner h6 { font-size: 10px; margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003194}}
  .section-news { background-color: #efefef; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003196}}
  .section-news .container { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003201}}
  .section-news .new-title .new-title-inner { 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; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003205}}
  .section-news .new-title .new-title-inner h2 { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003210}}
  .section-news .section-top-new { background-color: #efefef; padding-bottom: 42px; padding-top: 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003215}}
  .section-news .section-bottom-new { background-color: #efefef; padding-bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003219}}
  .section-news .blog-post { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003225}}
  .section-news .blog-post .post-thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 42%; flex: 0 0 42%; max-width: 42%; width: 100%; padding-top: 33.6%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003231}}
  .section-news .blog-post .post-info-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 58%; flex: 0 0 58%; max-width: 58%; width: 100%; position: relative; -webkit-transform: translateY(0); transform: translateY(0); height: auto !important; padding: 5px 10px 5px 10px; min-height: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003240}}
  .section-news .blog-post .post-info-wrapper .post-category { font-size: 10px; margin-bottom: 4px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003244}}
  .section-news .blog-post .post-info-wrapper .post-title { font-size: 13px; text-transform: inherit; margin-bottom: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003248}}
  .section-news .blog-post .post-info-wrapper .post-title a { text-transform: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003252}}
  .section-news .blog-post .post-info-wrapper .post-meta { font-size: 10px; position: relative; left: 0; bottom: unset; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003263}}
  .section-catalogues { padding: 40px 0 105px 0; background-color: #efefef; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003266}}
  .section-catalogues.section-desktop-catalogues { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003269}}
  .section-catalogues.section-mobile-catalogues { display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003274}}
  .section-mobile-catalogues .catalogue-title { padding-left: 15px; padding-right: 15px; margin-bottom: 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003278}}
  .section-mobile-catalogues .catalogue-title .catalogue-title-inner { 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; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003282}}
  .section-mobile-catalogues .catalogue-title .catalogue-title-inner h2 { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003287}}
  .section-mobile-catalogues .catalogues-slider { padding-left: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003290}}
  .section-mobile-catalogues .slider-catalogues { padding-right: 125px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003292}}
  .section-mobile-catalogues .slider-catalogues .catalogue:after { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003298}}
  .section-product-banner { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003300}}
  .section-product-banner .banner { padding-top: 250px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003302}}
  .section-product-banner .banner .fill { height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003311}}
  .section-product-banner .banner .bg-fill { background-size: cover; background-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003316}}
  .section-product-banner .banner .banner-layers { position: absolute; width: 100%; padding-left: 30px; padding-right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003323}}
  .section-product-banner .banner .banner-layers h2.title { color: #ffffff; font-size: 24px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003332}}
  .section-find-products { background-color: #e6e6e6; padding: 25px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003335}}
  .section-find-products .container { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003339}}
  .section-find-products .title { font-size: 24px; color: #000000; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003346}}
  .section-find-products .text { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003352}}
  .section-tiles-general-products .tiles-general-product-description { padding: 15px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003354}}
  .section-tiles-general-products .tiles-general-product-description .description { font-size: 13px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003359}}
  .section-tiles-general-products .tiles-general-product .product-title { text-align: center; padding: 25px 10px; font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003368}}
  .section-tiles-general-products .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003371}}
  .section-tiles-general-products .row > * { padding: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003377}}
  .section-tiles-general-solutions { padding-top: 39px; padding-bottom: 70px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003380}}
  .section-tiles-general-solutions .container { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003385}}
  .section-tiles-general-solutions .solution-title .solution-title-inner { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003390}}
  .section-tiles-general-solutions .solution { padding-top: 125%; margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003393}}
  .section-tiles-general-solutions .solution .solution-inner { left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003395}}
  .section-tiles-general-solutions .solution .solution-inner .title { font-size: 14px; text-align: center; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003402}}
  .section-tiles-general-solutions .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003405}}
  .section-tiles-general-solutions .row > * { padding: 0 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003412}}
  .section-product-information .container-fluid { padding-left: 0; padding-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003416}}
  .section-product-information .col-inner { padding: 45px 30px 35px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003422}}
  .section-product-collections .container { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003426}}
  .section-product-collections .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003429}}
  .section-product-collections .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003435}}
  .section-product-collections .collections .collection { padding-top: 125%; margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003438}}
  .section-product-collections .collections .collection .new { font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003441}}
  .section-product-collections .collections .collection .solution-inner { padding: 0 20px; top: 80%; bottom: unset; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003445}}
  .section-product-collections .collections .collection .solution-inner .title { font-weight: 700; font-size: 18px; margin-bottom: 7px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003450}}
  .section-product-collections .collections .collection .solution-inner .sub { font-weight: 400; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003460}}
  .section-all-products .container { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003464}}
  .section-all-products .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003467}}
  .section-all-products .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003472}}
  .section-all-products .products-title { padding: 25px 0 15px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003475}}
  .section-all-products .products-title .products-title-inner h2 { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003481}}
  .section-all-products .products-filter { padding: 25px 0 15px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003483}}
  .section-all-products .products-filter.sticky { top: 89px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003487}}
  .section-all-products .products-filter .navbar-filter .nav-item { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003489}}
  .section-all-products .products-filter .navbar-filter .nav-item:first-child { display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003498}}
  .products .product { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003500}}
  .products .product .thumbnail { margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003503}}
  .products .product .title { font-size: 14px; min-height: 45px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003510}}
  .section-product-collections { padding: 30px 0 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003513}}
  .section-product-collections .product-collections-title .product-collections-title-inner { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003515}}
  .section-product-collections .product-collections-title .product-collections-title-inner h2 { font-weight: 700; font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003521}}
  .section-product-collections .collections { margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003527}}
  .section-banner-sanitary-general .banner { padding-top: 650px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003529}}
  .section-banner-sanitary-general .banner::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(47.67%, #000000)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 47.67%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003538}}
  .section-banner-sanitary-general .banner .banner-layers { width: 100%; left: 0; padding-left: 30px; padding-right: 30px; top: unset; bottom: 58px; -webkit-transform: translateY(0%); transform: translateY(0%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003546}}
  .section-banner-sanitary-general .banner .banner-layers .pic { width: 210px; margin-bottom: 6px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003559}}
  .section-banner-sanitary-general .banner .banner-layers .description { margin-bottom: 29px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003565}}
  .section-banner-sanitary-general.section-content-start { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003570}}
  .section-sanitary-general-products { padding: 40px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003572}}
  .section-sanitary-general-products .section-title { margin-bottom: 30px; font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003576}}
  .section-sanitary-general-products .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003579}}
  .section-sanitary-general-products .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003585}}
  .section-sanitary-general-products .sanitary-general-product .product-title { padding: 25px 15px; font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003592}}
  .section-sanitary-general-design-style, .section-sanitary-general-mix { padding: 40px 0 40px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003595}}
  .section-sanitary-general-design-style .section-title, .section-sanitary-general-mix .section-title { font-size: 24px; margin-bottom: 55px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003599}}
  .section-sanitary-general-design-style .swiper-sanitary-general-content, .section-sanitary-general-mix .swiper-sanitary-general-content { padding-right: 30%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003602}}
  .section-sanitary-general-design-style .swiper-sanitary-general-content .product .title, .section-sanitary-general-mix .swiper-sanitary-general-content .product .title { bottom: 20px; font-size: 16px; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003609}}
  .section-sanitary-general-design-style .swiper-button-next, .section-sanitary-general-design-style .swiper-button-prev, .section-sanitary-general-mix .swiper-button-next, .section-sanitary-general-mix .swiper-button-prev { display: none !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003615}}
  .section-sanitary-general-brands { padding: 30px 0 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003617}}
  .section-sanitary-general-brands .section-title { font-size: 24px; margin-bottom: 55px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003623}}
  .section-sanitary-general-brands { padding: 30px 0 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003625}}
  .section-sanitary-general-brands .section-title { font-size: 24px; margin-bottom: 55px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003632}}
  .section-sanitary-brand-detail .sanitary-brand-detail { margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003634}}
  .section-sanitary-brand-detail .sanitary-brand-detail .title-brand-detail { font-weight: 700; font-size: 24px; color: #000000; text-transform: uppercase; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003641}}
  .section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-image, .section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-video { margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003644}}
  .section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-image .btn-play, .section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-video .btn-play { width: 77px; height: 77px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003650}}
  .section-sanitary-brand-detail .sanitary-brand-detail .inner-content .title-brand-detail { font-size: 24px; display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003658}}
  .product-mix-match { padding-top: 45px; padding-bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003661}}
  .product-mix-match .section-title { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003664}}
  .product-mix-match .products { padding-top: 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003669}}
  .content-collection-inspiration-header { padding: 23px 0 32px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003671}}
  .content-collection-inspiration-header .title { font-size: 32px; margin-bottom: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003675}}
  .content-collection-inspiration-header .sub-title { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003680}}
  .section-collection-inspiration-banner { height: 330px; margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003685}}
  .section-collection-inspiration-content { padding: 20px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003687}}
  .section-collection-inspiration-content .inner-content { font-size: 16px; font-weight: 400; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003690}}
  .section-collection-inspiration-content .inner-content h1, .section-collection-inspiration-content .inner-content h2, .section-collection-inspiration-content .inner-content h3, .section-collection-inspiration-content .inner-content h4 { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003696}}
  .section-collection-inspiration-content .inner-content h5, .section-collection-inspiration-content .inner-content h6, .section-collection-inspiration-content .inner-content ul, .section-collection-inspiration-content .inner-content li, .section-collection-inspiration-content .inner-content ol { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003705}}
  .section-collection-inspiration-content .thumbnail-video { margin-bottom: 48px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003707}}
  .section-collection-inspiration-content .thumbnail-video .btn-play { width: 77px; height: 77px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003712}}
  .section-collection-inspiration-content .thumbnail-image { margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003715}}
  .section-collection-inspiration-content .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003718}}
  .section-collection-inspiration-content .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003723}}
  .section-collection-inspiration-content .blockquote { font-size: 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003727}}
  .section-collection-inspiration-content .content-absolute { position: relative; -webkit-transform: translateY(0); transform: translateY(0); top: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003733}}
  .section-collection-inspiration-content.section-collection-inspiration-content-style-1 { padding: 68px 0 15px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003735}}
  .section-collection-inspiration-content.section-collection-inspiration-content-style-1 .inner-content { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003738}}
  .section-collection-inspiration-content.section-collection-inspiration-content-style-1 .thumbnail-image { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003744}}
  .section-collection-inspiration-slide-detail { margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003748}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .swiper-slide > .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003752}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45%; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003757}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003760}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content { font-size: 20px; color: #4e4e4f; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003763}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content br { line-height: 1.25; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003766}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h1, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h2, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h3 { font-size: 24px; color: #4e4e4f; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003772}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h3, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h4, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h5, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h6 { font-size: 20px; color: #4e4e4f; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003779}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content ul, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content li, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content ol { font-size: 20px; color: #4e4e4f; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003785}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content p { font-size: 20px; color: #4e4e4f; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003794}}
  .collection-inspiration-gallery { padding-top: 25px; margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003797}}
  .collection-inspiration-gallery .section-title { display: none; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003804}}
  .collection-inspiration-color-size .pic-size { margin-top: 0; margin-bottom: 17px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003809}}
  .collection-inspiration-color-size .box-color-size { 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; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003815}}
  .collection-inspiration-color-size .item-color-size:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003819}}
  .collection-inspiration-color-size .box-color-size { margin-bottom: 2rem; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003825}}
  .collection-inspiration-color-size .section-title { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003828}}
  .collection-inspiration-color-size .description { font-size: 16px; margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003832}}
  .collection-inspiration-color-size h5 { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003835}}
  .collection-inspiration-color-size h6 { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003841}}
  .section-collection-inspiration-products .products { padding-top: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003844}}
  .section-collection-inspiration-products .section-title { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003849}}
  .section-about-vietceramics { padding: 38px 0 38px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003851}}
  .section-about-vietceramics .section-title { font-size: 24px; margin-bottom: 38px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003855}}
  .section-about-vietceramics .thumbnail-video, .section-about-vietceramics .thumbnail-image { margin-bottom: 38px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003857}}
  .section-about-vietceramics .thumbnail-video .btn-play, .section-about-vietceramics .thumbnail-image .btn-play { width: 77px; height: 77px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003862}}
  .section-about-vietceramics .text { font-weight: 400; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003868}}
  .section-mission-vietceramics { padding: 60px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003870}}
  .section-mission-vietceramics .banner-bg { height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003873}}
  .section-mission-vietceramics .inner-content { position: relative; left: 0; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003878}}
  .section-mission-vietceramics .inner-content .title { font-weight: 700; font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003882}}
  .section-mission-vietceramics .inner-content .text { font-size: 20px; line-height: 1.25; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003889}}
  .section-core-values-vietceramics { padding: 43px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003891}}
  .section-core-values-vietceramics .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003894}}
  .section-core-values-vietceramics .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003901}}
  .section-core-values-vietceramics .core-values .thubnail h3 { font-size: 16px; bottom: 15px; min-height: 65px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003907}}
  .section-core-values-vietceramics .core-values .inner-content { font-size: 16px; padding: 22px 9px 10px 9px; min-height: 190px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003916}}
  .section-total-solution-space .mb-30 { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003919}}
  .section-total-solution-space .section-title { font-size: 24px; margin-bottom: 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003923}}
  .section-total-solution-space .text { font-size: 16px; line-height: 1.5; margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003929}}
  .section-total-solution-space .solution-space .inner-content { padding: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003931}}
  .section-total-solution-space .solution-space .inner-content h3 { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003935}}
  .section-total-solution-space .solution-space.solution-space-landscape, .section-total-solution-space .solution-space.solution-space-portrait { padding-top: 68.3%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003943}}
  .section-vietceramics-projects .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003946}}
  .section-vietceramics-projects .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003951}}
  .section-vietceramics-projects .projects-description { padding: 15px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003953}}
  .section-vietceramics-projects .projects-description .description { font-weight: 400; font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003960}}
  .section-vietceramics-projects .projects .project-title { bottom: 0; padding: 15px 0px; font-size: 16px; min-height: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003972}}
  .section-catalogue-listing { background-color: #f8f8f8; padding: 20px 0 90px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003975}}
  .section-catalogue-listing .catalogue-listing-header { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003977}}
  .section-catalogue-listing .catalogue-listing-header .nav { border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003979}}
  .section-catalogue-listing .catalogue-listing-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003982}}
  .section-catalogue-listing .catalogue-listing-header .nav .nav-item .nav-link { font-size: 14px; padding: 16px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003986}}
  .section-catalogue-listing .catalogue-listing-header .nav .nav-item:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 28%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003990}}
  .section-catalogue-listing .catalogue-listing-header .nav .nav-item:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 47%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\00003994}}
  .section-catalogue-listing .catalogue-listing-header .nav .nav-item:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031001}}
  .section-catalogue-listing .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031004}}
  .section-catalogue-listing .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031009}}
  .section-catalogue-listing .catalogue { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031012}}
  .section-catalogue-listing .catalogue .catalogue-content { 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; padding: 15px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031017}}
  .section-catalogue-listing .catalogue .catalogue-content h3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 32px); font-weight: 400; font-size: 14px; color: #000000; margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031025}}
  .section-catalogue-listing .catalogue .catalogue-content .btn-download { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30px; height: 30px; font-size: 18px; line-height: 30px; padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031038}}
  .section-form-contact .form-contact-info { background-color: #f8f8f8; position: relative; height: 100%; padding-top: 69px; padding-bottom: 70px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031044}}
  .section-form-contact .form-contact-info h2 { font-size: 30px; margin-bottom: 32px; padding: 0 0px 0 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031050}}
  .section-form-contact .form-contact-info .contact-icon { text-align: center; padding: 20px 0 45px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031053}}
  .section-form-contact .form-contact-info .contact-icon .icon { height: 25px; width: auto; max-width: auto; margin: 0 auto 14px auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031060}}
  .section-form-contact .form-contact-info .contact-icon h4 { font-weight: 700; font-size: 16px; text-align: center; color: #4E4E4F; margin-bottom: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031068}}
  .section-form-contact .form-contact-info .contact-icon .info { font-weight: 400; font-size: 16px; text-align: center; text-decoration: none; word-wrap: break-word; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031077}}
  .section-form-contact .form-contact-info .contact-socials { padding-left: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031079}}
  .section-form-contact .form-contact-info .contact-socials .label { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031084}}
  .section-form-contact .form-contact-submit { background-color: #e0dbd8; position: relative; height: 100%; padding: 39px 0px 39px 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031090}}
  .section-form-contact .form-contact-submit .description { font-weight: 400; font-size: 16px; color: #000000; margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031097}}
  .section-form-contact .form-contact-submit .form-group { margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031099}}
  .section-form-contact .form-contact-submit .form-group .form-control { padding: 15px 28px; font-weight: 400; font-size: 16px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031106}}
  .section-form-contact .form-contact-submit form { position: relative; z-index: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031110}}
  .section-form-contact .form-contact-submit::after { content: ""; position: absolute; z-index: 0; background-color: #e0dbd8; width: 100vw; height: 100%; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031124}}
  .section-contact-find-showroom { background-color: #e0dbd8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031126}}
  .section-contact-find-showroom .banner { height: 227px; width: 100%; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031130}}
  .section-contact-find-showroom .banner .fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031142}}
  .section-contact-find-showroom .col-inner { padding: 30px 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031144}}
  .section-contact-find-showroom .col-inner .text { color: #000000; font-weight: 400; font-size: 20px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031153}}
  .section-search-bar { padding: 32px 0 100px 0; background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031156}}
  .section-search-bar .form-search { margin-bottom: 86px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031158}}
  .section-search-bar .form-search .label-input { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031161}}
  .section-search-bar .form-search .form-group-search { position: relative; margin-bottom: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031164}}
  .section-search-bar .form-search .form-group-search .form-control-search { padding: 10px 0; font-size: 32px; padding-right: 37px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031170}}
  .section-search-bar .form-search .form-group-search .btn-search .icon { font-size: 32px; width: 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031177}}
  .section-search-bar .advance-search { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031181}}
  .section-search-bar .advance-search .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; height: 0; padding-top: 75%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031187}}
  .section-search-bar .advance-search .content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; background-color: #4e4e4f; padding: 40px 30px; min-height: 380px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031193}}
  .section-search-bar .advance-search .content .inner-content { color: #ffffff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031195}}
  .section-search-bar .advance-search .content .inner-content h3 { font-size: 32px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031199}}
  .section-search-bar .advance-search .content .inner-content .text { font-size: 16px; margin-bottom: 45px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031208}}
  .section-search-bar .search-results .title-search-ressult { margin-bottom: 50px; font-weight: 400; font-size: 24px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031214}}
  .section-search-bar .search-results .results { margin-bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031216}}
  .section-search-bar .search-results .results .result-title { color: #000000; font-weight: 300; font-size: 32px; padding-bottom: 11px; margin-bottom: 50px; border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031223}}
  .section-search-bar .search-results .results .result-title.result-title-empty { margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031227}}
  .section-search-bar .search-results .results .empty { font-weight: 400; font-size: 16px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031232}}
  .section-search-bar .search-results .results .result { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031234}}
  .section-search-bar .search-results .results .result.result-product { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031240}}
  .section-search-bar .search-results .results .result.result-product .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031244}}
  .section-search-bar .search-results .results .result.result-product .thumbnail img { height: auto; display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031250}}
  .section-search-bar .search-results .results .result.result-product .content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 100px); padding: 0 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031257}}
  .section-search-bar .search-results .results .result.result-product .content h5 { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031262}}
  .section-search-bar .search-results .results .result.result-collection { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031268}}
  .section-search-bar .search-results .results .result.result-collection .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031272}}
  .section-search-bar .search-results .results .result.result-collection .thumbnail img { height: auto; display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031278}}
  .section-search-bar .search-results .results .result.result-collection .content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 100px); padding: 0 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031285}}
  .section-search-bar .search-results .results .result.result-collection .content h5 { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031290}}
  .section-search-bar .search-results .results .result.result-new { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; padding: 20px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031297}}
  .section-search-bar .search-results .results .result.result-new .content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding: 0 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031304}}
  .section-search-bar .search-results .results .result.result-new .content h5 { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031311}}
  .section-search-bar .search-results .results .result:hover .content h5 { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031322}}
  .section-advance-search .advance-search-header { padding-top: 36px; padding-bottom: 45px; background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031326}}
  .section-advance-search .advance-search-header .section-title { font-weight: 400; font-size: 24px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031331}}
  .section-advance-search .advance-search-header .nav { border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031333}}
  .section-advance-search .advance-search-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031336}}
  .section-advance-search .advance-search-header .nav .nav-item:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031340}}
  .section-advance-search .advance-search-header .nav .nav-item:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031344}}
  .section-advance-search .advance-search-header .nav .nav-item:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031348}}
  .section-advance-search .advance-search-header .nav .nav-item .nav-link { color: #4E4E4F; font-weight: 400; text-transform: uppercase; width: 100%; text-align: left; position: relative; padding: 20px 0; font-size: 14px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031358}}
  .section-advance-search .advance-search-header .nav .nav-item .nav-link::after { content: ""; height: 5px; background-color: #981b1e; width: 0; position: absolute; top: 100%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031368}}
  .section-advance-search .advance-search-header .nav .nav-item .nav-link.active { font-weight: 700; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031371}}
  .section-advance-search .advance-search-header .nav .nav-item .nav-link.active::after { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031375}}
  .section-advance-search .advance-search-header .nav .nav-item .nav-link:hover, .section-advance-search .advance-search-header .nav .nav-item .nav-link:focus { color: #981B1E; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031388}}
  .section-advance-search .products { padding-top: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031393}}
  .section-service-intro { padding: 34px 0 20px 0; background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031396}}
  .section-service-intro .section-title { font-size: 24px; margin-bottom: 33px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031400}}
  .section-service-intro .content { font-weight: 400; font-size: 20px; color: #4E4E4F; text-align: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031405}}
  .section-service-intro .content p { text-align: left; font-size: 16px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031413}}
  .section-service-vietceramics { padding-top: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031415}}
  .section-service-vietceramics .col-inner { padding: 62px 15px 57px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031417}}
  .section-service-vietceramics .col-inner h2 { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031420}}
  .section-service-vietceramics .col-inner .text { margin-bottom: 48px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031426}}
  .section-introduction-jobs { background-color: #e0dbd8; padding-top: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031429}}
  .section-introduction-jobs .col-inner { padding: 30px 0px 47px 0px; max-width: 720px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031433}}
  .section-introduction-jobs .col-inner .description { margin-bottom: 30px; font-weight: 400; font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031438}}
  .section-introduction-jobs .col-inner .group-action { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031441}}
  .section-introduction-jobs .col-inner .group-action .btn { margin-right: 0; font-size: 14px; padding: 10px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031451}}
  .section-jobs-dashboard .jobs-dashboard-content { padding: 30px 0 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031453}}
  .section-jobs-dashboard .jobs-dashboard-content .title { text-transform: uppercase; font-weight: 700; font-size: 16px; color: #000000; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031461}}
  .section-jobs-dashboard .read-more { padding: 20px 0 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031464}}
  .section-jobs-dashboard .nav-mobile-filter { background-color: #ffffff; padding: 10px 0; margin-bottom: 30px; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031469}}
  .section-jobs-dashboard .nav-mobile-filter::before { content: ""; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; width: 100vw; height: 100%; position: absolute; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031480}}
  .section-jobs-dashboard .nav-mobile-filter .btn-fillter { background-color: #981B1E; border: 1px solid #981B1E; color: #ffffff; position: relative; z-index: 2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031486}}
  .section-jobs-dashboard .nav-mobile-filter .btn-fillter .icon { margin-right: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031493}}
  .jobs .job { padding: 30px 13px 36px 13px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031495}}
  .jobs .job .job-name { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031499}}
  .jobs .job .meta li { font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031507}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar { min-height: 0; padding: 0; position: relative; height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031512}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar { position: absolute; top: 0; left: 50%; width: 100vw; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow-x: auto; overflow-y: hidden; margin-bottom: 0; background-color: #eeebe6; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031525}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031529}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item .nav-link { padding: 17px 10px; text-align: center; font-size: 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031534}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item .nav-link .icon { font-size: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031541}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-content { padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031544}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail { padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031546}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header { padding: 36px 0 0px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031548}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .job-name { font-size: 24px; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031552}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta { -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031554}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 12px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031559}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(1) { margin-bottom: 30px; width: 45%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031563}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(2) { margin-bottom: 30px; width: 55%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031567}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(3) { width: 45%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031570}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(4) { width: 55%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031577}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body { padding: 25px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031579}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content { font-size: 16px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031582}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .content-title { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031586}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content { font-weight: 400; font-size: 16px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031590}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content b, .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content strong { font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031594}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content a { color: #e74a3b; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031597}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content i { font-style: italic; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031600}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul, .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ol, .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content li { font-weight: 400; font-size: 16px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031607}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content li { margin-bottom: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031610}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content p { margin-bottom: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031614}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul { list-style-type: none; padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031617}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul > li { margin-top: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031619}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul > li::before { content: "- "; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031623}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul ul { list-style-type: circle; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031632}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer { padding: 25px 0 40px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031636}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .content-share .label { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031641}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031645}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical { width: 40px; height: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031648}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical .icon { font-size: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031658}}
  .section-apply-cv { padding: 23px 0px 70px 0px; background-color: #eeebe6; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031661}}
  .section-apply-cv .inner-apply-cv { padding: 0 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031664}}
  .section-apply-cv .section-title { font-size: 24px; margin-bottom: 16px; text-align: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031670}}
  .section-apply-cv .form-group { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031672}}
  .section-apply-cv .form-group label { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031675}}
  .section-apply-cv .form-group .form-control { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031679}}
  .section-apply-cv .form-group-button { max-width: 400px; margin: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031682}}
  .section-apply-cv .form-group-button .btn { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031686}}
  .section-apply-cv .form-group-file { background-color: #ffffff; position: relative; padding: 6px 20px; min-height: 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 150px; margin-bottom: 30px; margin-top: 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031699}}
  .section-apply-cv .form-group-file .label-file h5 { font-weight: 400; font-size: 16px; margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031704}}
  .section-apply-cv .form-group-file .label-file span { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031708}}
  .section-apply-cv .form-group-file .file-name { display: none; font-size: 16px; font-weight: 400; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031714}}
  .section-apply-cv .form-group-file .fake-input-file { position: absolute; top: 15px; right: 15px; height: calc(100% - 30px); font-weight: 400; font-size: 16px; text-align: center; padding: 14px 0 11px 0; background-color: #e6e6e6; color: #4E4E4F; width: 130px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031727}}
  .section-apply-cv .form-group-file .form-file { position: absolute; top: 0; right: 0; height: 100%; width: 100%; opacity: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031736}}
  .section-apply-cv .welcome-vietceramics { text-align: center; max-width: 880px; width: 100%; font-weight: 700; font-size: 24px; color: #000000; margin: 0 auto 60px auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031749}}
  .section-showrooms .showrooms-header, .section-showrooms-3d .showrooms-header { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031751}}
  .section-showrooms .showrooms-header .nav, .section-showrooms-3d .showrooms-header .nav { border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031753}}
  .section-showrooms .showrooms-header .nav .nav-item, .section-showrooms-3d .showrooms-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031756}}
  .section-showrooms .showrooms-header .nav .nav-item .nav-link, .section-showrooms-3d .showrooms-header .nav .nav-item .nav-link { font-size: 14px; padding: 16px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031760}}
  .section-showrooms .showrooms-header .nav .nav-item:nth-child(1), .section-showrooms-3d .showrooms-header .nav .nav-item:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 40%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031764}}
  .section-showrooms .showrooms-header .nav .nav-item:nth-child(2), .section-showrooms-3d .showrooms-header .nav .nav-item:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031768}}
  .section-showrooms .showrooms-header .nav .nav-item:nth-child(3), .section-showrooms-3d .showrooms-header .nav .nav-item:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031777}}
  .section-showrooms .showrooms-body .showroom-detail .name, .section-showrooms-3d .showrooms-body .showroom-detail .name { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031782}}
  .section-showrooms .showroom-detail-content, .section-showrooms-3d .showroom-detail-content { background-color: #f8f8f8; padding-top: 20px; padding-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031788}}
  .section-showrooms .showrooms-body .showrooms, .section-showrooms-3d .showrooms-body .showrooms { max-height: 330px; overflow-y: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031791}}
  .section-showrooms .showrooms-body .showrooms .showroom, .section-showrooms-3d .showrooms-body .showrooms .showroom { margin-bottom: 10px; padding: 11px 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031794}}
  .section-showrooms .showrooms-body .showrooms .showroom .name, .section-showrooms-3d .showrooms-body .showrooms .showroom .name { font-size: 16px; margin-bottom: 13px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031798}}
  .section-showrooms .showrooms-body .showrooms .showroom .district, .section-showrooms-3d .showrooms-body .showrooms .showroom .district { font-size: 16px; margin-bottom: 13px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031802}}
  .section-showrooms .showrooms-body .showrooms .showroom .address, .section-showrooms-3d .showrooms-body .showrooms .showroom .address { font-size: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031808}}
  .section-showrooms .showrooms-body .showroom-detail .showroom-slider, .section-showrooms-3d .showrooms-body .showroom-detail .showroom-slider { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031811}}
  .section-showrooms .showrooms-body .showroom-detail .address, .section-showrooms-3d .showrooms-body .showroom-detail .address { font-size: 16px; margin-bottom: 27px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031815}}
  .section-showrooms .showrooms-body .showroom-detail .room-title, .section-showrooms-3d .showrooms-body .showroom-detail .room-title { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031819}}
  .section-showrooms .showrooms-body .showroom-detail .metas .meta-item, .section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item { margin-bottom: 34px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031821}}
  .section-showrooms .showrooms-body .showroom-detail .metas .meta-item:last-child, .section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item:last-child { margin-bottom: 34px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031824}}
  .section-showrooms .showrooms-body .showroom-detail .metas .meta-item .meta-link, .section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item .meta-link { font-size: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031832}}
  .section-showrooms .showrooms-map .iframe-googlemap, .section-showrooms-3d .showrooms-map .iframe-googlemap { padding-top: 60%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031834}}
  .section-showrooms .showrooms-map .iframe-googlemap .group-action, .section-showrooms-3d .showrooms-map .iframe-googlemap .group-action { left: 10px; bottom: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031837}}
  .section-showrooms .showrooms-map .iframe-googlemap .group-action .btn, .section-showrooms-3d .showrooms-map .iframe-googlemap .group-action .btn { margin-right: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031852}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta { -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_section\.scss}line{font-family:\000031854}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\000033}}
  .modal-newsletter .modal-content .btn-close, .modal-forgot-password .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5px; right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000312}}
  .modal-newsletter .modal-content .modal-body .title, .modal-forgot-password .modal-content .modal-body .title { font-size: 36px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000315}}
  .modal-newsletter .modal-content .modal-body .text, .modal-forgot-password .modal-content .modal-body .text { margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000319}}
  .modal-newsletter .modal-content .modal-body .form-group .form-control, .modal-forgot-password .modal-content .modal-body .form-group .form-control { padding: 12px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000329}}
  .modal-authorization .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5px; right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000340}}
  .modal-authorization .modal-content .modal-body .inner-authorization .form-group .form-control { min-height: 45px; padding: 9px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000345}}
  .modal-authorization .modal-content .modal-body .inner-authorization h3 { font-size: 32px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000349}}
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login { padding: 45px 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000351}}
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login h3 { font-size: 32px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000355}}
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login .form-group { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000359}}
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login .form-group-button .btn { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000364}}
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-register { padding: 45px 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000366}}
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-register h3 { font-size: 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000371}}
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-register .form-switch .form-check-label { font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000382}}
  .modal-project-detail .modal-content { border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000384}}
  .modal-project-detail .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5px; right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000391}}
  .modal-project-detail .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\0000398}}
  .modal-project-detail .modal-body { background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003101}}
  .modal-project-detail .project-header { display: block; padding: 22px 0 0 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003104}}
  .modal-project-detail .project-header .cat { font-size: 16px; margin-bottom: 9px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003108}}
  .modal-project-detail .project-header .title { font-size: 32px; margin-bottom: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003113}}
  .modal-project-detail .project-header .thumbnail img { display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003119}}
  .modal-project-detail .project-body { padding: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003122}}
  .modal-project-detail .project-body .project-info { background-color: #e6e6e6; height: 100%; padding: 30px 30px; margin-bottom: 30px; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003128}}
  .modal-project-detail .project-body .project-info .info { font-weight: 400; font-size: 16px; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003132}}
  .modal-project-detail .project-body .project-info .info b { font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003135}}
  .modal-project-detail .project-body .project-info .info:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003140}}
  .modal-project-detail .project-body .thumbnail-info { padding: 0 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003143}}
  .modal-project-detail .project-body .inner-content { padding: 30px 30px; border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003146}}
  .modal-project-detail .project-body .inner-content h1, .modal-project-detail .project-body .inner-content h2 { font-size: 24px; font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003151}}
  .modal-project-detail .project-body .inner-content h3, .modal-project-detail .project-body .inner-content h4 { font-size: 20px; font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003156}}
  .modal-project-detail .project-body .inner-content h5, .modal-project-detail .project-body .inner-content h6, .modal-project-detail .project-body .inner-content p, .modal-project-detail .project-body .inner-content ul, .modal-project-detail .project-body .inner-content li, .modal-project-detail .project-body .inner-content ol, .modal-project-detail .project-body .inner-content a { font-size: 16px; font-weight: 400; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003167}}
  .modal-project-detail .project-body .project-socicals { padding: 25px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003169}}
  .modal-project-detail .project-body .project-socicals .btn-primary { width: calc(50% - 10px); min-width: unset; margin-right: 5px; font-size: 16px; 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 -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003177}}
  .modal-project-detail .project-body .project-socicals .btn-primary .icon { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003180}}
  .modal-project-detail .project-body .project-socicals .btn-primary:last-child { margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003185}}
  .modal-project-detail .project-body .content-share { margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003187}}
  .modal-project-detail .project-body .content-share .label { font-size: 16px; margin-right: 2px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003193}}
  .modal-project-detail .project-body .socicals { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003197}}
  .modal-project-detail .project-body .socicals .socical { margin-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003201}}
  .modal-project-detail .project-body .project-related { padding: 25px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003203}}
  .modal-project-detail .project-body .project-related .row { margin-left: -8px; margin-right: -8px; padding-bottom: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003207}}
  .modal-project-detail .project-body .project-related .row > * { padding: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003211}}
  .modal-project-detail .project-body .project-related .projects-description { height: 100%; padding: 75px; 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 -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003217}}
  .modal-project-detail .project-body .project-related .projects-description .description { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003221}}
  .modal-project-detail .project-body .project-related .related-title { font-weight: 700; font-size: 20px; color: #000000; margin-bottom: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003227}}
  .modal-project-detail .project-body .project-related .projects { position: relative; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003231}}
  .modal-project-detail .project-body .project-related .projects .thumbnail img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003237}}
  .modal-project-detail .project-body .project-related .projects .inner-content { position: absolute; width: 100%; z-index: 2; bottom: 0; left: 0; padding: 2px 0px; min-height: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003246}}
  .modal-project-detail .project-body .project-related .projects .project-title { font-size: 10px; margin-bottom: 4px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003250}}
  .modal-project-detail .project-body .project-related .projects .location { font-size: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003259}}
  .modal-product-wish-list .modal-dialog { margin-top: 110px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003262}}
  .modal-product-wish-list .modal-content { background-color: #f8f8f8; border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003265}}
  .modal-product-wish-list .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5px; right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003272}}
  .modal-product-wish-list .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003278}}
  .modal-product-wish-list .modal-content .modal-body { padding: 50px 25px 20px 25px; min-height: 300px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003284}}
  .modal-product-wish-list .product-wish-list .product-title { font-size: 20px; margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003289}}
  .modal-product-wish-list .product-attribute { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003291}}
  .modal-product-wish-list .product-attribute .txt-label { display: inline-block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003297}}
  .modal-product-wish-list .attribute-radio-selected .form-check-label { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003302}}
  .modal-product-wish-list .group-action .btn-primary { padding: 18px 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003310}}
  .modal-alert-login .modal-content { background-color: #EEEBE6; border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003313}}
  .modal-alert-login .modal-content .btn-close { width: 45px; height: 45px; background: unset; position: absolute; top: 10px; right: 10px; z-index: 3; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003321}}
  .modal-alert-login .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003327}}
  .modal-alert-login .modal-content .modal-body { padding: 55px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003329}}
  .modal-alert-login .modal-content .modal-body .text { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003335}}
  .modal-alert-login .icon-login { width: 101px; margin: 0 auto 50px auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003338}}
  .modal-alert-login .icon-login img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_modal\.scss}line{font-family:\00003344}}
  .modal-alert-login .btn-link { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_select2\.scss}line{font-family:\000033}}
  .select2.select2-container .select2-selection .select2-selection__rendered { font-weight: 400; font-size: 16px; min-height: 45px; padding: 11px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\000031}}
  .btn-group-filter-slider { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\000034}}
  .btn-group-filter-slider .btn-filter { font-size: 14px; padding: 14px 4px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\000039}}
  .product-main-block { padding-top: 0; padding-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000312}}
  .product-main-block .product-left { padding-left: 0; padding-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000317}}
  .product-main-block .container-product-thumbs { padding-left: 0px; padding-right: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000323}}
  .product-detail-block .product-title { font-weight: 700; font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000327}}
  .product-detail-block .group-product-attributes { margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000330}}
  .product-detail-block .product-attribute { font-size: 16px; margin-bottom: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000333}}
  .product-detail-block .product-attribute .attribute { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000336}}
  .product-detail-block .product-attribute:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000341}}
  .product-detail-block .user-manual .user-manual-item { margin-bottom: 12px; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000344}}
  .product-detail-block .user-manual .user-manual-item a { margin-left: 15px; height: 36px; width: 36px; padding: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000349}}
  .product-detail-block .user-manual .user-manual-item a i { font-size: 26px; line-height: 26px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000357}}
  .product-detail-block .product-actions .btn { padding: 23px 5px; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000360}}
  .product-detail-block .product-actions .btn .icon { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000366}}
  .product-detail-block .product-share .label { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000371}}
  .product-detail-block .product-description { font-weight: 700; font-size: 20px; color: #4e4e4f; margin-bottom: 55px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000381}}
  .product-content-block { background-color: #f8f8f8; margin-bottom: 50px; padding-top: 20px; padding-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000386}}
  .product-content-block .btn-collapse { width: 100%; position: relative; border-width: 0; border-bottom: 1px solid #000; text-align: left; color: #4E4E4F; font-weight: 700; font-size: 16px; text-transform: uppercase; padding: 12px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\0000397}}
  .product-content-block .btn-collapse::before { content: "\e90c"; color: #4e4e4f; font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); font-size: 16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\00003116}}
  .product-content-block .btn-collapse[aria-expanded="true"]::before { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); font-size: 16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\00003124}}
  .product-content-block .collapse .card-body { padding: 0; background-color: #f8f8f8; border-width: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\00003130}}
  .product-content-block .inner-content { padding-bottom: 10px; padding-top: 20px; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\00003134}}
  .product-content-block .inner-content h1, .product-content-block .inner-content h2, .product-content-block .inner-content h3 { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\00003139}}
  .product-content-block .inner-content h3 { font-size: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\00003142}}
  .product-content-block .inner-content p, .product-content-block .inner-content ul, .product-content-block .inner-content li, .product-content-block .inner-content ol, .product-content-block .inner-content a { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\00003145}}
  .product-content-block .inner-content::after { content: ""; display: block; width: 100%; clear: both; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\00003154}}
  .product-maybe-will-like { padding-top: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\00003156}}
  .product-maybe-will-like .section-title { padding-left: 0; font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\00003160}}
  .product-maybe-will-like .products { padding-top: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\00003163}}
  .product-maybe-will-like .products { padding-bottom: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_product\.scss}line{font-family:\00003168}}
  .product-mix-match .section-title { padding-left: 0; font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\000031}}
  .section-hot-post { padding-top: 28px; margin-bottom: 42px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\000034}}
  .section-hot-post .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\000037}}
  .section-hot-post .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000312}}
  .section-hot-post .section-title { font-size: 32px; margin-bottom: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000316}}
  .section-hot-post .post { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000320}}
  .section-hot-post .post .post-body .tag-new { min-width: 60px; font-size: 10px; margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000325}}
  .section-hot-post .post .post-body .post-category { margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000327}}
  .section-hot-post .post .post-body .post-category a { font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000331}}
  .section-hot-post .post .post-body .post-title { font-size: 20px; margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000336}}
  .section-hot-post .post .post-body .post-meta li { font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000345}}
  .section-hot-post .hot-post-left .post .post-body { padding: 25px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000352}}
  .section-hot-post .hot-post-right .post { margin-bottom: 7px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000354}}
  .section-hot-post .hot-post-right .post .post-body { padding: 5px 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000356}}
  .section-hot-post .hot-post-right .post .post-body .tag-new { padding: 3px 3px; min-width: 48px; font-size: 8px; margin-bottom: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000362}}
  .section-hot-post .hot-post-right .post .post-body .post-category { margin-bottom: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000364}}
  .section-hot-post .hot-post-right .post .post-body .post-category a { font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000368}}
  .section-hot-post .hot-post-right .post .post-body .post-title { margin-bottom: 5px; font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000373}}
  .section-hot-post .hot-post-right .post .post-body .post-meta li { font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000378}}
  .section-hot-post .hot-post-right .post:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000386}}
  .section-news-listing .news-listing-header { margin-bottom: 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000390}}
  .section-news-listing .news-listing-header .nav .nav-item .nav-link { padding: 9px 0; font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\0000398}}
  .section-news-listing .catalogue-listing-footer { margin-top: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003103}}
  .section-post-list .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003106}}
  .section-post-list .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003113}}
  .section-new-post .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003116}}
  .section-new-post .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003122}}
  .section-news-listing { margin-bottom: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003125}}
  .post-margin { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003129}}
  .posts .post { -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.251); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.251); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003132}}
  .posts .post .post-body { padding: 20px 15px 20px 15px; min-height: 150px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003136}}
  .posts .post .post-body .tag-new { color: #ffffff; padding: 3px 3px; min-width: 48px; font-size: 8px; margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003144}}
  .posts .post .post-body .post-category { margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003146}}
  .posts .post .post-body .post-category a { font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003150}}
  .posts .post .post-body .post-title { margin-bottom: 0px; font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003154}}
  .posts .post .post-body .post-meta { padding: 10px 15px 10px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003156}}
  .posts .post .post-body .post-meta li { font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003161}}
  .posts .post .post-body.post-body-x2 { min-height: 200px; padding: 20px 15px 30px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003164}}
  .posts .post .post-body.post-body-x2 .post-category { margin-bottom: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003166}}
  .posts .post .post-body.post-body-x2 .post-category a { font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003170}}
  .posts .post .post-body.post-body-x2 .post-title { margin-bottom: 0px; font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003175}}
  .posts .post .post-body.post-body-x2 .post-meta li { font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003184}}
  .section-post-detail { padding: 40px 0 100px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003186}}
  .section-post-detail .post-detail-wrapper { max-width: 910px; width: 100%; margin: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003192}}
  .section-post-detail .post-detail-header .post-category { margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003194}}
  .section-post-detail .post-detail-header .post-category a { font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003198}}
  .section-post-detail .post-detail-header .post-title { font-size: 24px; margin-bottom: 17px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003202}}
  .section-post-detail .post-detail-header .post-meta { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003204}}
  .section-post-detail .post-detail-header .post-meta li { font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003208}}
  .section-post-detail .post-detail-header .short-content { margin-bottom: 30px; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003214}}
  .section-post-detail .post-detail-body { font-size: 16px; font-weight: 400; margin-bottom: 80px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003219}}
  .section-post-detail .post-detail-body h1, .section-post-detail .post-detail-body h2 { font-size: 24px; margin-bottom: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003224}}
  .section-post-detail .post-detail-body h3 { font-size: 20px; margin-bottom: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003228}}
  .section-post-detail .post-detail-body h4, .section-post-detail .post-detail-body h5 { font-size: 16px; margin-bottom: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003233}}
  .section-post-detail .post-detail-body ul, .section-post-detail .post-detail-body li, .section-post-detail .post-detail-body ol { font-size: 16px; margin-bottom: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003239}}
  .section-post-detail .post-detail-body p { font-size: 16px; margin-bottom: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003243}}
  .section-post-detail .post-detail-body a { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003245}}
  .section-post-detail .post-detail-body a:hover, .section-post-detail .post-detail-body a:focus { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003250}}
  .section-post-detail .post-detail-body b, .section-post-detail .post-detail-body strong { font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003254}}
  .section-post-detail .post-detail-body figure { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003258}}
  .section-post-detail .post-detail-body .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003261}}
  .section-post-detail .post-detail-body .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003269}}
  .section-post-detail .post-detail-footer .footer-action .btn-contact { -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; max-width: 170px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003273}}
  .section-post-detail .post-detail-footer .footer-action .content-share { margin-left: 10px; width: calc(100% - 180px); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003276}}
  .section-post-detail .post-detail-footer .footer-action .content-share .label { font-weight: 700; font-size: 16px; margin-right: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003282}}
  .section-post-detail .post-detail-footer .footer-action .content-share .socicals .socical { margin-right: 4px; width: 50px; height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003286}}
  .section-post-detail .post-detail-footer .footer-action .content-share .socicals .socical:last-child { margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003296}}
  .section-posts-related { background-color: #e6e6e6; padding-top: 86px; padding-bottom: 117px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003303}}
  .section-posts-related .section-title { font-size: 24px; margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003307}}
  .section-posts-related .posts-related { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003311}}
  .section-posts-related .swiper-posts-related-slider { padding: 5px; padding-right: 15%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003317}}
  .section-blog-detail-header { margin-bottom: 37px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003319}}
  .section-blog-detail-header .title { font-size: 40px; margin-bottom: 23px; min-height: unset; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003324}}
  .section-blog-detail-header .sub { font-size: 20px; text-align: left; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_news\.scss}line{font-family:\00003329}}
  .section-blog-detail-header .thumbnail-image-small { max-width: 55%; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\000033}}
  .section-dashboard .dashboard-sidebar { min-height: auto; width: 250px; padding: 20px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000310}}
  .section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link { padding: 17px 10px 17px 30px; font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000314}}
  .section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link .icon { font-size: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000321}}
  .section-dashboard .dashboard-content { width: calc(100% - 250px); padding: 35px 15px 99px 15px; min-height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000325}}
  .section-dashboard .dashboard-content .title { font-size: 24px; margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000329}}
  .section-dashboard .dashboard-content .profile-content { margin-bottom: 90px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000332}}
  .section-dashboard .dashboard-content .content-edit { padding-right: 58px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000335}}
  .section-dashboard .dashboard-content .content-edit.content-edit-form .btn-edit { font-size: 14px; bottom: 10px; right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000342}}
  .section-dashboard .dashboard-content .create-favourite-list { 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; margin-bottom: 38px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000347}}
  .section-dashboard .dashboard-content .create-favourite-list .description { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 140px); font-weight: 400; font-size: 16px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000354}}
  .section-dashboard .dashboard-content .create-favourite-list .btn-create-favourite-list { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 140px; padding-left: 0; padding-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000364}}
  .section-dashboard .favourite-listing { background-color: #f8f8f8; padding: 20px 0 90px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000367}}
  .section-dashboard .favourite-listing .favourite-listing-header { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000369}}
  .section-dashboard .favourite-listing .favourite-listing-header .nav { border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000371}}
  .section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000374}}
  .section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item .nav-link { font-size: 14px; padding: 16px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000378}}
  .section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 28%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000382}}
  .section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 47%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000386}}
  .section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000394}}
  .section-dashboard .favourite-listing .checkbox-all { margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\0000396}}
  .section-dashboard .favourite-listing .checkbox-all .form-check { padding-left: 37px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003100}}
  .section-dashboard .favourite-listing .checkbox-all .form-check .form-check-label::before { width: 25px; height: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003104}}
  .section-dashboard .favourite-listing .checkbox-all .form-check .form-check-label::after { content: ""; width: 25px; height: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003115}}
  .section-dashboard .favourite-listing .content-favourite { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 70px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003120}}
  .section-dashboard .favourite-listing .content-favourite .col-selected { width: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003123}}
  .section-dashboard .favourite-listing .content-favourite .col-selected .form-check .form-check-label { width: 25px; height: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003131}}
  .section-dashboard .favourite-listing .content-favourite .col-content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 140px); padding: 0 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003135}}
  .section-dashboard .favourite-listing .content-favourite .col-content .product { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003141}}
  .section-dashboard .favourite-listing .content-favourite .col-content .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 110px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003144}}
  .section-dashboard .favourite-listing .content-favourite .col-content .thumbnail img { display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003149}}
  .section-dashboard .favourite-listing .content-favourite .col-content .inner-content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 110px); padding-left: 12px; padding-top: 9px; padding-bottom: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003155}}
  .section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name { font-size: 14px; margin-bottom: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003159}}
  .section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name a { text-decoration: none; color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003163}}
  .section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name:hover, .section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name:focus { color: #e74a3b; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003171}}
  .section-dashboard .favourite-listing .content-favourite .col-content .attributes ul { list-style-type: none; padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003174}}
  .section-dashboard .favourite-listing .content-favourite .col-content .attributes ul li { margin-bottom: 5px; font-weight: 400; font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003178}}
  .section-dashboard .favourite-listing .content-favourite .col-content .attributes ul li b { text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003185}}
  .section-dashboard .favourite-listing .content-favourite .col-action { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 110px; text-align: right; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003189}}
  .section-dashboard .favourite-listing .content-favourite .col-action .btn-delete { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003198}}
  .section-dashboard .favourite-listing .card .card-header .code { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003202}}
  .section-dashboard .favourite-listing .card .card-footer { -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/tablet\/_dashboard\.scss}line{font-family:\00003204}}
  .section-dashboard .favourite-listing .card .card-footer .btn { min-width: 120px; font-size: 16px; } }
@media screen and (max-width: 767px) { @media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_bootstrap\.scss}line{font-family:\0000310}}
  .main { width: 100vw; overflow-x: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_navbar\.scss}line{font-family:\000031}}
  body { padding-top: 90px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_navbar\.scss}line{font-family:\000034}}
  body.body-mobile-fixed { height: 100vh; overflow: hidden; width: 100vw; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_navbar\.scss}line{font-family:\000039}}
  body.page-fixed { overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_navbar\.scss}line{font-family:\0000322}}
  body.page-fixed .backdrop { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 99; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_navbar\.scss}line{font-family:\0000334}}
  .sidenav { display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_navbar\.scss}line{font-family:\0000337}}
  .group-action-menu { display: -webkit-box; display: -ms-flexbox; display: flex; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_navbar\.scss}line{font-family:\0000340}}
  .navbar-vietceramics { padding-top: 25px; padding-bottom: 25px; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; -webkit-transform: translateY(0); transform: translateY(0); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_navbar\.scss}line{font-family:\0000349}}
  .navbar-vietceramics .container { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_navbar\.scss}line{font-family:\0000353}}
  .navbar-vietceramics .navbar-brand { height: 41px; padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_navbar\.scss}line{font-family:\0000358}}
  .navbar-vietceramics .btn-nav-menu-mobile { border-width: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_navbar\.scss}line{font-family:\0000364}}
  .navbar-vietceramics .dropdown-menu-end { position: absolute; right: 0; margin-right: -64px; top: calc(100% + 23px); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_button\.scss}line{font-family:\000031}}
  .btn { border-radius: 0 !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_button\.scss}line{font-family:\000033}}
  .btn.btn-find-showroom { padding: 17px; background-color: #981B1E; color: #fff; text-align: center; display: block; width: 100%; font-size: 20px; border: 1px solid #981B1E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_button\.scss}line{font-family:\0000313}}
  .btn.btn-find-showroom:hover, .btn.btn-find-showroom:focus { opacity: 0.8; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_button\.scss}line{font-family:\0000319}}
  .btn.btn-newsletter { padding: 0; background-color: #981B1E; color: #fff; text-align: center; display: block; width: 100%; font-size: 20px; line-height: 75px; border: 1px solid #981B1E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_button\.scss}line{font-family:\0000330}}
  .btn.btn-newsletter:hover, .btn.btn-newsletter:focus { opacity: 0.8; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_button\.scss}line{font-family:\0000337}}
  .btn.btn-primary { padding: 10px 15px; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_button\.scss}line{font-family:\0000342}}
  .btn.btn-outline-primary { padding: 10px 15px; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_button\.scss}line{font-family:\0000347}}
  .btn.btn-slider-viewmore { padding: 10px 15px; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_button\.scss}line{font-family:\0000350}}
  .btn.btn-slider-viewmore:hover { background-color: #981B1E; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #fff !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_button\.scss}line{font-family:\0000356}}
  .btn.btn-search-advance { padding: 8px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_button\.scss}line{font-family:\0000361}}
  .to_top { width: 55px; height: 55px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_button\.scss}line{font-family:\0000365}}
  .to_top .icon { font-size: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_button\.scss}line{font-family:\0000368}}
  .to_top.show { right: 20px; bottom: 145px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_footer\.scss}line{font-family:\000032}}
  .newsletter .contact { padding: 47px 0px; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_footer\.scss}line{font-family:\000035}}
  .newsletter .contact::before { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; width: 100vw; background-color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_footer\.scss}line{font-family:\0000315}}
  .newsletter .contact .logo { position: relative; z-index: 1; max-width: 190px; margin-bottom: 45px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_footer\.scss}line{font-family:\0000321}}
  .newsletter .contact .listitem { position: relative; z-index: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_footer\.scss}line{font-family:\0000324}}
  .newsletter .contact .listitem .item { padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_footer\.scss}line{font-family:\0000326}}
  .newsletter .contact .listitem .item a { display: block; width: 100%; font-size: 16px; position: relative; padding-left: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_footer\.scss}line{font-family:\0000333}}
  .newsletter .contact .listitem .item .icon-moon { font-size: 16px; position: absolute; top: 0%; left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_footer\.scss}line{font-family:\0000341}}
  .newsletter .contact .socials { position: relative; z-index: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_footer\.scss}line{font-family:\0000346}}
  .newsletter .newsletter-inner { padding: 50px 0 30px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_footer\.scss}line{font-family:\0000352}}
  .footer .nav-link { padding: 5px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032}}
  .section-achievements .row { margin-left: -3px; margin-right: -3px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000036}}
  .section-achievements .col-achi { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; width: 100%; padding-left: 3px; padding-right: 3px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000314}}
  .section-achievements .box-icon .icon { height: 29px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000316}}
  .section-achievements .box-icon .icon img { height: 100%; width: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000321}}
  .section-achievements .box-icon .number { font-size: 32px; margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000325}}
  .section-achievements .box-icon h5 { font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000332}}
  .section-solutions .solution-title .solution-title-inner { padding: 0 15px 0 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000334}}
  .section-solutions .solution-title .solution-title-inner h2 { margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000340}}
  .section-solutions .solution .solution-inner { left: 10px; bottom: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000343}}
  .section-solutions .solution .solution-inner .title { font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000351}}
  .catalogue-slider .banner { padding-top: 500px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000354}}
  .catalogue-slider .banner-layers { padding: 30px; min-width: 100%; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000358}}
  .catalogue-slider .banner-layers .label { font-size: 12px; margin-bottom: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000362}}
  .catalogue-slider .banner-layers .title { font-size: 32px; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000366}}
  .catalogue-slider .banner-layers .sub { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000371}}
  .catalogue-slider .swiper-button-next, .catalogue-slider .swiper-button-prev { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000375}}
  .catalogue-slider .swiper-pagination { bottom: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000381}}
  .section-vietceramics .img { padding: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000384}}
  .section-vietceramics .col-inner { padding: 35px 30px 60px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000386}}
  .section-vietceramics .col-inner h2 { font-size: 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000389}}
  .section-vietceramics .col-inner .text { margin-bottom: 48px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000396}}
  .slider-vietceramics .banner { height: 850px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\0000399}}
  .slider-vietceramics .banner-layers { min-width: 285px; padding: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003103}}
  .slider-vietceramics .banner-layers .title { font-size: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003106}}
  .slider-vietceramics .banner-layers .sub { font-size: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003111}}
  .slider-vietceramics .swiper-button-next, .slider-vietceramics .swiper-button-prev { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003115}}
  .slider-vietceramics .swiper-pagination { bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003120}}
  .section-projects { -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003122}}
  .section-projects .project-title, .section-projects .projects-slider { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003127}}
  .section-projects .swiper-button-next, .section-projects .swiper-button-prev { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003132}}
  .section-projects .project-title { padding: 30px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003134}}
  .section-projects .project-title .project-title-inner { padding: 0; 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; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003139}}
  .section-projects .project-title .project-title-inner h2 { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003144}}
  .section-projects .projects-slider { padding-left: 15px; padding-bottom: 90px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003147}}
  .section-projects .projects-slider .banner-layers { padding: 0 30px 0 30px; top: unset; bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003151}}
  .section-projects .projects-slider .banner-layers .title { font-size: 20px; font-weight: 400; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003159}}
  .section-projects .projects-slider .swiper-pagination { display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003163}}
  .section-projects .banner { padding-top: 350px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003168}}
  .section-partner { padding: 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003173}}
  .section-collections .g-0 { padding-left: 0 !important; padding-right: 0 !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003178}}
  .section-collections .collection-title h2 { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003183}}
  .section-collections .collection .content-inner { bottom: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003185}}
  .section-collections .collection .content-inner h3 { font-size: 12px; margin-bottom: 3px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003189}}
  .section-collections .collection .content-inner h6 { font-size: 10px; margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003197}}
  .section-news { background-color: #efefef; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003199}}
  .section-news .container { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003204}}
  .section-news .new-title .new-title-inner { 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; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003208}}
  .section-news .new-title .new-title-inner h2 { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003213}}
  .section-news .section-top-new { background-color: #efefef; padding-bottom: 42px; padding-top: 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003218}}
  .section-news .section-bottom-new { background-color: #efefef; padding-bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003222}}
  .section-news .blog-post { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003228}}
  .section-news .blog-post .post-thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 36%; flex: 0 0 36%; max-width: 36%; width: 100%; padding-top: 28.8%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003234}}
  .section-news .blog-post .post-info-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 64%; flex: 0 0 64%; max-width: 64%; width: 100%; position: relative; -webkit-transform: translateY(0); transform: translateY(0); padding: 15px 15px 5px 15px; min-height: 0; height: auto !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003244}}
  .section-news .blog-post .post-info-wrapper .post-category { font-size: 10px; margin-bottom: 4px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003248}}
  .section-news .blog-post .post-info-wrapper .post-title { font-size: 13px; text-transform: inherit; margin-bottom: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003252}}
  .section-news .blog-post .post-info-wrapper .post-title a { text-transform: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003256}}
  .section-news .blog-post .post-info-wrapper .post-meta { font-size: 10px; position: relative; left: 0; bottom: unset; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003267}}
  .section-catalogues { padding: 40px 0 105px 0; background-color: #efefef; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003270}}
  .section-catalogues.section-desktop-catalogues { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003273}}
  .section-catalogues.section-mobile-catalogues { display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003278}}
  .section-mobile-catalogues .catalogue-title { padding-left: 15px; padding-right: 15px; margin-bottom: 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003282}}
  .section-mobile-catalogues .catalogue-title .catalogue-title-inner { 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; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003286}}
  .section-mobile-catalogues .catalogue-title .catalogue-title-inner h2 { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003291}}
  .section-mobile-catalogues .catalogues-slider { padding-left: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003294}}
  .section-mobile-catalogues .slider-catalogues { padding-right: 125px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003296}}
  .section-mobile-catalogues .slider-catalogues .catalogue:after { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003302}}
  .section-product-banner { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003304}}
  .section-product-banner .banner { padding-top: 150px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003306}}
  .section-product-banner .banner .fill { height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003315}}
  .section-product-banner .banner .bg-fill { background-size: cover; background-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003320}}
  .section-product-banner .banner .banner-layers { position: absolute; width: 100%; padding-left: 30px; padding-right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003327}}
  .section-product-banner .banner .banner-layers h2.title { color: #ffffff; font-size: 24px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003336}}
  .section-find-products { background-color: #e6e6e6; padding: 25px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003339}}
  .section-find-products .container { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003343}}
  .section-find-products .title { font-size: 24px; color: #000000; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003350}}
  .section-find-products .text { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003356}}
  .section-tiles-general-products .tiles-general-product-description { padding: 15px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003358}}
  .section-tiles-general-products .tiles-general-product-description .description { font-size: 13px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003363}}
  .section-tiles-general-products .tiles-general-product .product-title { text-align: center; padding: 25px 10px; font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003372}}
  .section-tiles-general-products .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003375}}
  .section-tiles-general-products .row > * { padding: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003381}}
  .section-tiles-general-solutions { padding-top: 39px; padding-bottom: 70px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003384}}
  .section-tiles-general-solutions .container { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003389}}
  .section-tiles-general-solutions .solution-title .solution-title-inner { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003394}}
  .section-tiles-general-solutions .solution { padding-top: 125%; margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003397}}
  .section-tiles-general-solutions .solution .solution-inner { left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003399}}
  .section-tiles-general-solutions .solution .solution-inner .title { font-size: 14px; text-align: center; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003406}}
  .section-tiles-general-solutions .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003409}}
  .section-tiles-general-solutions .row > * { padding: 0 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003416}}
  .section-product-information .container-fluid { padding-left: 0; padding-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003420}}
  .section-product-information .col-inner { padding: 45px 15px 35px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003422}}
  .section-product-information .col-inner h2 { font-size: 24px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003426}}
  .section-product-information .col-inner .image-product { height: 60px; margin-bottom: 42px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003430}}
  .section-product-information .col-inner .text { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003437}}
  .section-product-collections .container { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003441}}
  .section-product-collections .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003444}}
  .section-product-collections .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003450}}
  .section-product-collections .collections .collection { padding-top: 125%; margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003453}}
  .section-product-collections .collections .collection .new { font-size: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003456}}
  .section-product-collections .collections .collection .solution-inner { padding: 0 10px; top: 73%; bottom: unset; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003460}}
  .section-product-collections .collections .collection .solution-inner .title { font-weight: 700; font-size: 14px; margin-bottom: 7px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003465}}
  .section-product-collections .collections .collection .solution-inner .sub { font-weight: 400; font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003475}}
  .section-all-products .container { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003479}}
  .section-all-products .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003482}}
  .section-all-products .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003487}}
  .section-all-products .products-title { padding: 15px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003490}}
  .section-all-products .products-title .products-title-inner h2 { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003496}}
  .section-all-products .products-filter { padding: 15px 0 9px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003498}}
  .section-all-products .products-filter.sticky { top: 89px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003502}}
  .section-all-products .products-filter .navbar-filter .nav-item { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003504}}
  .section-all-products .products-filter .navbar-filter .nav-item:first-child { display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003513}}
  .products .product { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003515}}
  .products .product .thumbnail { margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003518}}
  .products .product .title { font-size: 14px; min-height: 45px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003525}}
  .section-product-collections { padding: 30px 0 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003528}}
  .section-product-collections .product-collections-title .product-collections-title-inner { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003530}}
  .section-product-collections .product-collections-title .product-collections-title-inner h2 { font-weight: 700; font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003536}}
  .section-product-collections .collections { margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003542}}
  .section-collection-inspiration-products .container { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003546}}
  .section-collection-inspiration-products .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003549}}
  .section-collection-inspiration-products .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003554}}
  .section-collection-inspiration-products .section-title { font-weight: 700; font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003558}}
  .section-collection-inspiration-products .products { padding-top: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003564}}
  .collection-inspiration-color-size .section-title { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003567}}
  .collection-inspiration-color-size .description { font-size: 16px; margin-bottom: 45px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003571}}
  .collection-inspiration-color-size h5 { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003574}}
  .collection-inspiration-color-size h6 { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003580}}
  .section-banner-sanitary-general .banner { padding-top: 650px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003582}}
  .section-banner-sanitary-general .banner::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(47.67%, #000000)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 47.67%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003591}}
  .section-banner-sanitary-general .banner .banner-layers { width: 100%; left: 0; padding-left: 30px; padding-right: 30px; top: unset; bottom: 58px; -webkit-transform: translateY(0%); transform: translateY(0%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003609}}
  .section-banner-sanitary-general .banner .banner-layers .description { margin-bottom: 29px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003615}}
  .section-banner-sanitary-general.section-content-start { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003620}}
  .section-sanitary-general-products { padding: 40px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003622}}
  .section-sanitary-general-products .section-title { margin-bottom: 30px; font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003626}}
  .section-sanitary-general-products .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003629}}
  .section-sanitary-general-products .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003635}}
  .section-sanitary-general-products .sanitary-general-product .product-title { padding: 25px 15px; font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003642}}
  .section-sanitary-general-design-style, .section-sanitary-general-mix { padding: 40px 0 40px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003645}}
  .section-sanitary-general-design-style .section-title, .section-sanitary-general-mix .section-title { font-size: 24px; margin-bottom: 55px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003649}}
  .section-sanitary-general-design-style .swiper-sanitary-general-content, .section-sanitary-general-mix .swiper-sanitary-general-content { padding-right: 30%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003652}}
  .section-sanitary-general-design-style .swiper-sanitary-general-content .product .title, .section-sanitary-general-mix .swiper-sanitary-general-content .product .title { bottom: 20px; font-size: 16px; text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003659}}
  .section-sanitary-general-design-style .swiper-button-next, .section-sanitary-general-design-style .swiper-button-prev, .section-sanitary-general-mix .swiper-button-next, .section-sanitary-general-mix .swiper-button-prev { display: none !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003665}}
  .section-sanitary-general-brands { padding: 30px 0 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003667}}
  .section-sanitary-general-brands .section-title { font-size: 24px; margin-bottom: 55px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003674}}
  .section-sanitary-brand-detail .sanitary-brand-detail { margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003676}}
  .section-sanitary-brand-detail .sanitary-brand-detail .title-brand-detail { font-weight: 700; font-size: 24px; color: #000000; text-transform: uppercase; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003683}}
  .section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-image, .section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-video { margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003686}}
  .section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-image .btn-play, .section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-video .btn-play { width: 77px; height: 77px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003692}}
  .section-sanitary-brand-detail .sanitary-brand-detail .inner-content .title-brand-detail { font-size: 24px; display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003700}}
  .product-mix-match { padding-top: 45px; padding-bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003703}}
  .product-mix-match .section-title { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003706}}
  .product-mix-match .products { padding-top: 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003711}}
  .content-collection-inspiration-header { padding: 23px 0 32px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003713}}
  .content-collection-inspiration-header .title { font-size: 32px; margin-bottom: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003717}}
  .content-collection-inspiration-header .sub-title { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003722}}
  .section-collection-inspiration-banner { height: 330px; margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003727}}
  .section-collection-inspiration-content { padding: 15px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003729}}
  .section-collection-inspiration-content .inner-content { font-size: 16px; font-weight: 400; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003732}}
  .section-collection-inspiration-content .inner-content h1, .section-collection-inspiration-content .inner-content h2, .section-collection-inspiration-content .inner-content h3, .section-collection-inspiration-content .inner-content h4 { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003738}}
  .section-collection-inspiration-content .inner-content h5, .section-collection-inspiration-content .inner-content h6, .section-collection-inspiration-content .inner-content ul, .section-collection-inspiration-content .inner-content li, .section-collection-inspiration-content .inner-content ol { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003747}}
  .section-collection-inspiration-content .thumbnail-video { margin-bottom: 48px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003749}}
  .section-collection-inspiration-content .thumbnail-video .btn-play { width: 77px; height: 77px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003754}}
  .section-collection-inspiration-content .thumbnail-image { margin-bottom: 40px; height: 200px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003758}}
  .section-collection-inspiration-content .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003761}}
  .section-collection-inspiration-content .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003766}}
  .section-collection-inspiration-content .blockquote { font-size: 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003770}}
  .section-collection-inspiration-content .content-absolute { position: relative; -webkit-transform: translateY(0); transform: translateY(0); top: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003776}}
  .section-collection-inspiration-content.section-collection-inspiration-content-style-1 { padding: 68px 0 15px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003778}}
  .section-collection-inspiration-content.section-collection-inspiration-content-style-1 .inner-content { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003781}}
  .section-collection-inspiration-content.section-collection-inspiration-content-style-1 .thumbnail-image { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003789}}
  .section-collection-inspiration-slide-detail { margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003793}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .swiper-slide > .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003797}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003801}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003804}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content { font-weight: 400; font-size: 16px; padding: 40px 0 25px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003808}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h1, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h2, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h3 { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003813}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h5 { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003816}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content ul, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content li, .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content ol { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003821}}
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content p { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003829}}
  .collection-inspiration-gallery { padding-top: 25px; margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003832}}
  .collection-inspiration-gallery .section-title { display: none; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003839}}
  .collection-inspiration-color-size .pic-size { margin-top: 0; margin-bottom: 17px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003844}}
  .collection-inspiration-color-size .box-color-size { 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; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003850}}
  .collection-inspiration-color-size .item-color-size:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003859}}
  .content-collection-inspiration .section-footer-action .footer-action .btn-contact { -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; max-width: 170px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003863}}
  .content-collection-inspiration .section-footer-action .footer-action .content-share { margin-left: 10px; width: calc(100% - 180px); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003866}}
  .content-collection-inspiration .section-footer-action .footer-action .content-share .label { font-weight: 700; font-size: 16px; margin-right: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003872}}
  .content-collection-inspiration .section-footer-action .footer-action .content-share .socicals .socical { margin-right: 4px; width: 50px; height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003876}}
  .content-collection-inspiration .section-footer-action .footer-action .content-share .socicals .socical:last-child { margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003886}}
  .section-about-vietceramics { padding: 38px 0 38px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003888}}
  .section-about-vietceramics .section-title { font-size: 24px; margin-bottom: 38px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003892}}
  .section-about-vietceramics .thumbnail-video, .section-about-vietceramics .thumbnail-image { margin-bottom: 38px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003894}}
  .section-about-vietceramics .thumbnail-video .btn-play, .section-about-vietceramics .thumbnail-image .btn-play { width: 77px; height: 77px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003899}}
  .section-about-vietceramics .text { font-weight: 400; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003905}}
  .section-mission-vietceramics { padding: 60px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003907}}
  .section-mission-vietceramics .banner-bg { height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003910}}
  .section-mission-vietceramics .inner-content { position: relative; left: 0; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003915}}
  .section-mission-vietceramics .inner-content .title { font-weight: 700; font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003919}}
  .section-mission-vietceramics .inner-content .text { font-size: 20px; line-height: 1.25; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003926}}
  .section-core-values-vietceramics { padding: 43px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003928}}
  .section-core-values-vietceramics .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003931}}
  .section-core-values-vietceramics .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003938}}
  .section-core-values-vietceramics .core-values .thubnail h3 { font-size: 16px; bottom: 15px; min-height: 65px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003944}}
  .section-core-values-vietceramics .core-values .inner-content { font-size: 16px; padding: 22px 9px 10px 9px; min-height: 190px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003953}}
  .section-total-solution-space .mb-30 { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003956}}
  .section-total-solution-space .section-title { font-size: 24px; margin-bottom: 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003960}}
  .section-total-solution-space .text { font-size: 16px; line-height: 1.5; margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003966}}
  .section-total-solution-space .solution-space .inner-content { padding: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003968}}
  .section-total-solution-space .solution-space .inner-content h3 { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003972}}
  .section-total-solution-space .solution-space.solution-space-landscape, .section-total-solution-space .solution-space.solution-space-portrait { padding-top: 68.3%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003980}}
  .section-vietceramics-projects .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003983}}
  .section-vietceramics-projects .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003988}}
  .section-vietceramics-projects .projects-description { padding: 15px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003990}}
  .section-vietceramics-projects .projects-description .description { font-weight: 400; font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\00003997}}
  .section-vietceramics-projects .projects .project-title { bottom: 0; padding: 15px 0px; font-size: 14px; min-height: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031009}}
  .section-vietceramics-projects-detail { background-color: #e6e6e6; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031011}}
  .section-vietceramics-projects-detail .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031014}}
  .section-vietceramics-projects-detail .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031019}}
  .section-vietceramics-projects-detail .projects-description { height: 100%; padding: 75px; 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 -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031025}}
  .section-vietceramics-projects-detail .projects-description .description { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031029}}
  .section-vietceramics-projects-detail .projects { position: relative; text-decoration: none; margin-bottom: 10px; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031034}}
  .section-vietceramics-projects-detail .projects .thumbnail { padding-top: 125%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031036}}
  .section-vietceramics-projects-detail .projects .thumbnail img { display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031048}}
  .section-vietceramics-projects-detail .projects .inner-content { position: absolute; bottom: 0; left: 0; padding: 28px 0px; z-index: 2; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031056}}
  .section-vietceramics-projects-detail .projects .project-title { font-size: 14px; color: #ffffff; font-weight: 700; text-align: center; width: 100%; z-index: 2; text-transform: uppercase; margin-bottom: 4px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031066}}
  .section-vietceramics-projects-detail .projects .project-title a { text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031070}}
  .section-vietceramics-projects-detail .projects .location { font-size: 10px; color: #ffffff; font-weight: 400; text-align: center; width: 100%; text-transform: uppercase; margin-bottom: 0; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031079}}
  .section-vietceramics-projects-detail .projects .location a { text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031084}}
  .section-vietceramics-projects-detail .projects::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 150px; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.45%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.45%, rgba(0, 0, 0, 0.4) 100%); z-index: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031100}}
  .section-vietceramics-projects-detail .project-filter { padding: 15px 0 9px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031103}}
  .section-vietceramics-projects-detail .project-filter .navbar-filter .nav-item { display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031105}}
  .section-vietceramics-projects-detail .project-filter .navbar-filter .nav-item:first-child { display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031112}}
  .section-vietceramics-projects-detail .project-listing { padding-top: 30px; padding-bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031116}}
  .section-vietceramics-projects-detail .project-listing .read-more { margin-top: 70px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031122}}
  .section-vietceramics-projects-categories { padding: 45px 0 45px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031124}}
  .section-vietceramics-projects-categories .section-title { font-size: 24px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031128}}
  .section-vietceramics-projects-categories .swiper-projects-categories { padding-right: 40%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031131}}
  .section-vietceramics-projects-categories .projects { position: relative; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031135}}
  .section-vietceramics-projects-categories .projects .inner-content { padding: 16px 5px; min-height: 95px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031140}}
  .section-vietceramics-projects-categories .projects .project-title { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031144}}
  .section-vietceramics-projects-categories .projects::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 150px; background: -webkit-gradient(linear, left top, left bottom, color-stop(14.45%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.45%, rgba(0, 0, 0, 0.4) 100%); z-index: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031161}}
  .section-catalogue-listing { background-color: #f8f8f8; padding: 20px 0 90px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031164}}
  .section-catalogue-listing .catalogue-listing-header { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031166}}
  .section-catalogue-listing .catalogue-listing-header .nav { border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031168}}
  .section-catalogue-listing .catalogue-listing-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031171}}
  .section-catalogue-listing .catalogue-listing-header .nav .nav-item .nav-link { font-size: 14px; padding: 16px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031175}}
  .section-catalogue-listing .catalogue-listing-header .nav .nav-item:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031179}}
  .section-catalogue-listing .catalogue-listing-header .nav .nav-item:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031183}}
  .section-catalogue-listing .catalogue-listing-header .nav .nav-item:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031190}}
  .section-catalogue-listing .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031193}}
  .section-catalogue-listing .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031198}}
  .section-catalogue-listing .catalogue { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031201}}
  .section-catalogue-listing .catalogue .catalogue-content { 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; padding: 15px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031206}}
  .section-catalogue-listing .catalogue .catalogue-content h3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 32px); font-weight: 400; font-size: 14px; color: #000000; margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031214}}
  .section-catalogue-listing .catalogue .catalogue-content .btn-download { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30px; height: 30px; font-size: 18px; line-height: 30px; padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031227}}
  .section-form-contact .form-contact-info { background-color: #f8f8f8; position: relative; height: 100%; padding-top: 69px; padding-bottom: 70px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031233}}
  .section-form-contact .form-contact-info h2 { font-size: 30px; margin-bottom: 32px; padding: 0 0px 0 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031239}}
  .section-form-contact .form-contact-info .contact-icon { text-align: center; padding: 20px 0 45px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031242}}
  .section-form-contact .form-contact-info .contact-icon .icon { height: 25px; width: auto; max-width: auto; margin: 0 auto 14px auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031249}}
  .section-form-contact .form-contact-info .contact-icon h4 { font-weight: 700; font-size: 16px; text-align: center; color: #4E4E4F; margin-bottom: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031257}}
  .section-form-contact .form-contact-info .contact-icon .info { font-weight: 400; font-size: 16px; text-align: center; text-decoration: none; word-wrap: break-word; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031266}}
  .section-form-contact .form-contact-info .contact-socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031272}}
  .section-form-contact .form-contact-info .contact-socials .label { font-weight: 700; font-size: 20px; color: #000000; margin-bottom: 0; margin-right: 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin-bottom: 30px; text-align: center; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031284}}
  .section-form-contact .form-contact-info .contact-socials .socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding-left: 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031293}}
  .section-form-contact .form-contact-info .contact-socials .socials .item { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; max-width: 50px; width: 100%; height: 50px; border: 2px solid #4E4E4F; border-radius: 50%; position: relative; text-decoration: none; margin-right: 25px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031305}}
  .section-form-contact .form-contact-info .contact-socials .socials .item .icon-moon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #4E4E4F; font-size: 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031313}}
  .section-form-contact .form-contact-info .contact-socials .socials .item .icon-moon::before { color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031317}}
  .section-form-contact .form-contact-info .contact-socials .socials .item:last-child { margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031321}}
  .section-form-contact .form-contact-info .contact-socials .socials .item:hover, .section-form-contact .form-contact-info .contact-socials .socials .item:focus { background-color: #981B1E; border: 2px solid #981B1E; color: #ffffff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031326}}
  .section-form-contact .form-contact-info .contact-socials .socials .item:hover .icon-moon, .section-form-contact .form-contact-info .contact-socials .socials .item:focus .icon-moon { color: #ffffff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031335}}
  .section-form-contact .form-contact-submit { background-color: #e0dbd8; position: relative; height: 100%; padding: 39px 0px 39px 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031341}}
  .section-form-contact .form-contact-submit .description { font-weight: 400; font-size: 16px; color: #000000; margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031348}}
  .section-form-contact .form-contact-submit .form-group { margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031350}}
  .section-form-contact .form-contact-submit .form-group .form-control { padding: 15px 28px; font-weight: 400; font-size: 16px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031357}}
  .section-form-contact .form-contact-submit form { position: relative; z-index: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031361}}
  .section-form-contact .form-contact-submit::after { content: ""; position: absolute; z-index: 0; background-color: #e0dbd8; width: 100vw; height: 100%; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031375}}
  .section-contact-find-showroom { background-color: #e0dbd8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031377}}
  .section-contact-find-showroom .banner { height: 227px; width: 100%; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031381}}
  .section-contact-find-showroom .banner .fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031393}}
  .section-contact-find-showroom .col-inner { padding: 30px 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031395}}
  .section-contact-find-showroom .col-inner .text { color: #000000; font-weight: 400; font-size: 20px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031404}}
  .section-search-bar { padding: 32px 0 100px 0; background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031407}}
  .section-search-bar .form-search { margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031409}}
  .section-search-bar .form-search .label-input { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031412}}
  .section-search-bar .form-search .form-group-search { position: relative; margin-bottom: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031415}}
  .section-search-bar .form-search .form-group-search .form-control-search { padding: 10px 0; font-size: 32px; padding-right: 37px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031421}}
  .section-search-bar .form-search .form-group-search .btn-search .icon { font-size: 32px; width: 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031428}}
  .section-search-bar .advance-search { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031432}}
  .section-search-bar .advance-search .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; height: 0; padding-top: 75%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031438}}
  .section-search-bar .advance-search .content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; background-color: #4e4e4f; padding: 40px 30px; min-height: 380px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031444}}
  .section-search-bar .advance-search .content .inner-content { color: #ffffff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031446}}
  .section-search-bar .advance-search .content .inner-content h3 { font-size: 32px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031450}}
  .section-search-bar .advance-search .content .inner-content .text { font-size: 16px; margin-bottom: 45px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031459}}
  .section-search-bar .search-results .title-search-ressult { margin-bottom: 50px; font-weight: 400; font-size: 24px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031465}}
  .section-search-bar .search-results .results { margin-bottom: 60px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031467}}
  .section-search-bar .search-results .results .result-title { color: #000000; font-weight: 300; font-size: 32px; padding-bottom: 11px; margin-bottom: 50px; border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031474}}
  .section-search-bar .search-results .results .result-title.result-title-empty { margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031478}}
  .section-search-bar .search-results .results .empty { font-weight: 400; font-size: 16px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031483}}
  .section-search-bar .search-results .results .result { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031485}}
  .section-search-bar .search-results .results .result.result-product { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031491}}
  .section-search-bar .search-results .results .result.result-product .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031495}}
  .section-search-bar .search-results .results .result.result-product .thumbnail img { height: auto; display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031501}}
  .section-search-bar .search-results .results .result.result-product .content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 100px); padding: 0 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031508}}
  .section-search-bar .search-results .results .result.result-product .content h5 { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031513}}
  .section-search-bar .search-results .results .result.result-collection { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031519}}
  .section-search-bar .search-results .results .result.result-collection .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031523}}
  .section-search-bar .search-results .results .result.result-collection .thumbnail img { height: auto; display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031529}}
  .section-search-bar .search-results .results .result.result-collection .content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 100px); padding: 0 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031536}}
  .section-search-bar .search-results .results .result.result-collection .content h5 { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031541}}
  .section-search-bar .search-results .results .result.result-new { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; padding: 20px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031548}}
  .section-search-bar .search-results .results .result.result-new .content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding: 0 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031555}}
  .section-search-bar .search-results .results .result.result-new .content h5 { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031562}}
  .section-search-bar .search-results .results .result:hover .content h5 { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031573}}
  .section-advance-search .advance-search-header { padding-top: 36px; padding-bottom: 45px; background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031577}}
  .section-advance-search .advance-search-header .section-title { font-weight: 400; font-size: 24px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031582}}
  .section-advance-search .advance-search-header .nav { border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031584}}
  .section-advance-search .advance-search-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031587}}
  .section-advance-search .advance-search-header .nav .nav-item:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031591}}
  .section-advance-search .advance-search-header .nav .nav-item:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 40%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031595}}
  .section-advance-search .advance-search-header .nav .nav-item:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031599}}
  .section-advance-search .advance-search-header .nav .nav-item .nav-link { color: #4E4E4F; font-weight: 400; text-transform: uppercase; width: 100%; text-align: left; position: relative; padding: 12px 0; font-size: 13px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031609}}
  .section-advance-search .advance-search-header .nav .nav-item .nav-link::after { content: ""; height: 5px; background-color: #981b1e; width: 0; position: absolute; top: 100%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031619}}
  .section-advance-search .advance-search-header .nav .nav-item .nav-link.active { font-weight: 700; color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031622}}
  .section-advance-search .advance-search-header .nav .nav-item .nav-link.active::after { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031626}}
  .section-advance-search .advance-search-header .nav .nav-item .nav-link:hover, .section-advance-search .advance-search-header .nav .nav-item .nav-link:focus { color: #981B1E; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031639}}
  .section-advance-search .products { padding-top: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031644}}
  .sidebar-fillter { top: 90px; height: calc(100% - 91px); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031647}}
  .sidebar-fillter [sidebarjs-container] { -webkit-box-shadow: unset !important; box-shadow: unset !important; max-width: calc(100% - 65px); width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031652}}
  .sidebar-fillter [sidebarjs-backdrop] { opacity: 0.3 !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031655}}
  .sidebar-fillter .sidebar-container { max-width: 100%; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031660}}
  .sidebar-fillter .sidebar-footer { 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; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031665}}
  .sidebar-fillter .sidebar-footer .btn-reset { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031668}}
  .sidebar-fillter .sidebar-footer .btn-filter { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031674}}
  .section-service-intro { padding: 34px 0 20px 0; background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031677}}
  .section-service-intro .section-title { font-size: 24px; margin-bottom: 33px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031681}}
  .section-service-intro .content { font-weight: 400; font-size: 20px; color: #4E4E4F; text-align: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031686}}
  .section-service-intro .content p { text-align: left; font-size: 16px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031694}}
  .section-service-vietceramics { padding-top: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031696}}
  .section-service-vietceramics .col-inner { padding: 62px 15px 57px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031698}}
  .section-service-vietceramics .col-inner h2 { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031701}}
  .section-service-vietceramics .col-inner .text { margin-bottom: 48px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031707}}
  .section-introduction-jobs { background-color: #e0dbd8; padding-top: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031710}}
  .section-introduction-jobs .col-inner { padding: 30px 0px 47px 0px; max-width: 720px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031714}}
  .section-introduction-jobs .col-inner .description { margin-bottom: 30px; font-weight: 400; font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031719}}
  .section-introduction-jobs .col-inner .group-action { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031722}}
  .section-introduction-jobs .col-inner .group-action .btn { margin-right: 0; font-size: 14px; padding: 10px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031732}}
  .section-jobs-dashboard .jobs-dashboard-content { padding: 30px 0 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031734}}
  .section-jobs-dashboard .jobs-dashboard-content .title { text-transform: uppercase; font-weight: 700; font-size: 16px; color: #000000; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031742}}
  .section-jobs-dashboard .read-more { padding: 20px 0 50px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031745}}
  .section-jobs-dashboard .nav-mobile-filter { background-color: #ffffff; padding: 10px 0; margin-bottom: 30px; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031750}}
  .section-jobs-dashboard .nav-mobile-filter::before { content: ""; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; width: 100vw; height: 100%; position: absolute; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031761}}
  .section-jobs-dashboard .nav-mobile-filter .btn-fillter { background-color: #981B1E; border: 1px solid #981B1E; color: #ffffff; position: relative; z-index: 2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031767}}
  .section-jobs-dashboard .nav-mobile-filter .btn-fillter .icon { margin-right: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031774}}
  .jobs .job { padding: 30px 13px 36px 13px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031776}}
  .jobs .job .job-name { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031780}}
  .jobs .job .meta li { width: 50%; font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031788}}
  .section-jobs-dashboard.section-jobs-dashboard-detail #apply-cv { margin-bottom: 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031791}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar { min-height: 0; padding: 0; position: relative; height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031796}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar { position: absolute; top: 0; left: 50%; width: 100vw; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow-x: auto; overflow-y: hidden; margin-bottom: 0; background-color: #eeebe6; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031809}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031813}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item .nav-link { padding: 17px 10px; text-align: center; font-size: 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031818}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item .nav-link .icon { font-size: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031825}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-content { padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031828}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail { padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031830}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header { padding: 36px 0 0px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031832}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .job-name { font-size: 24px; margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031836}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta { -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031838}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 12px; margin-bottom: 30px; width: 100%; margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031845}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(1) { margin-bottom: 30px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031850}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(2) { margin-bottom: 30px; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031855}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(3) { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031859}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(4) { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031867}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body { padding: 25px 0 0 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031869}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content { font-size: 16px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031872}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .content-title { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031876}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content { font-weight: 400; font-size: 16px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031880}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content b, .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content strong { font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031884}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content a { color: #e74a3b; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031887}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content i { font-style: italic; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031890}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul, .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ol, .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content li { font-weight: 400; font-size: 16px; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031897}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content li { margin-bottom: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031900}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content p { margin-bottom: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031904}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul { list-style-type: none; padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031907}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul > li { margin-top: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031909}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul > li::before { content: "- "; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031913}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul ul { list-style-type: circle; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031922}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer { padding: 25px 0 40px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031926}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .content-share .label { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031931}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031935}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical { width: 40px; height: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031938}}
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical .icon { font-size: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031948}}
  .section-apply-cv { padding: 23px 0px 70px 0px; background-color: #eeebe6; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031951}}
  .section-apply-cv .inner-apply-cv { padding: 0 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031954}}
  .section-apply-cv .section-title { font-size: 24px; margin-bottom: 16px; text-align: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031960}}
  .section-apply-cv .form-group { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031962}}
  .section-apply-cv .form-group label { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031965}}
  .section-apply-cv .form-group .form-control { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031969}}
  .section-apply-cv .form-group-button { max-width: 400px; margin: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031972}}
  .section-apply-cv .form-group-button .btn { width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031976}}
  .section-apply-cv .form-group-file { background-color: #ffffff; position: relative; padding: 6px 20px; min-height: 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 150px; margin-bottom: 30px; margin-top: 35px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031989}}
  .section-apply-cv .form-group-file .label-file h5 { font-weight: 400; font-size: 16px; margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031994}}
  .section-apply-cv .form-group-file .label-file span { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000031998}}
  .section-apply-cv .form-group-file .file-name { display: none; font-size: 16px; font-weight: 400; color: #000000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032004}}
  .section-apply-cv .form-group-file .fake-input-file { position: absolute; top: 15px; right: 15px; height: calc(100% - 30px); font-weight: 400; font-size: 16px; text-align: center; padding: 14px 0 11px 0; background-color: #e6e6e6; color: #4E4E4F; width: 130px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032017}}
  .section-apply-cv .form-group-file .form-file { position: absolute; top: 0; right: 0; height: 100%; width: 100%; opacity: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032026}}
  .section-apply-cv .welcome-vietceramics { text-align: center; max-width: 880px; width: 100%; font-weight: 700; font-size: 24px; color: #000000; margin: 0 auto 60px auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032038}}
  .section-showrooms .showrooms-header, .section-showrooms-3d .showrooms-header { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032040}}
  .section-showrooms .showrooms-header .nav, .section-showrooms-3d .showrooms-header .nav { border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032042}}
  .section-showrooms .showrooms-header .nav .nav-item, .section-showrooms-3d .showrooms-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032045}}
  .section-showrooms .showrooms-header .nav .nav-item .nav-link, .section-showrooms-3d .showrooms-header .nav .nav-item .nav-link { font-size: 14px; padding: 16px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032049}}
  .section-showrooms .showrooms-header .nav .nav-item:nth-child(1), .section-showrooms-3d .showrooms-header .nav .nav-item:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 40%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032053}}
  .section-showrooms .showrooms-header .nav .nav-item:nth-child(2), .section-showrooms-3d .showrooms-header .nav .nav-item:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032057}}
  .section-showrooms .showrooms-header .nav .nav-item:nth-child(3), .section-showrooms-3d .showrooms-header .nav .nav-item:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032066}}
  .section-showrooms .showrooms-body .showroom-detail .name, .section-showrooms-3d .showrooms-body .showroom-detail .name { font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032071}}
  .section-showrooms .showroom-detail-content, .section-showrooms-3d .showroom-detail-content { background-color: #f8f8f8; padding-top: 20px; padding-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032077}}
  .section-showrooms .showrooms-body .showrooms, .section-showrooms-3d .showrooms-body .showrooms { max-height: 330px; overflow-y: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032080}}
  .section-showrooms .showrooms-body .showrooms .showroom, .section-showrooms-3d .showrooms-body .showrooms .showroom { margin-bottom: 10px; padding: 11px 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032083}}
  .section-showrooms .showrooms-body .showrooms .showroom .name, .section-showrooms-3d .showrooms-body .showrooms .showroom .name { font-size: 16px; margin-bottom: 13px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032087}}
  .section-showrooms .showrooms-body .showrooms .showroom .district, .section-showrooms-3d .showrooms-body .showrooms .showroom .district { font-size: 16px; margin-bottom: 13px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032091}}
  .section-showrooms .showrooms-body .showrooms .showroom .address, .section-showrooms-3d .showrooms-body .showrooms .showroom .address { font-size: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032097}}
  .section-showrooms .showrooms-body .showroom-detail .address, .section-showrooms-3d .showrooms-body .showroom-detail .address { font-size: 16px; margin-bottom: 27px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032101}}
  .section-showrooms .showrooms-body .showroom-detail .room-title, .section-showrooms-3d .showrooms-body .showroom-detail .room-title { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032105}}
  .section-showrooms .showrooms-body .showroom-detail .metas .meta-item, .section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item { margin-bottom: 34px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032107}}
  .section-showrooms .showrooms-body .showroom-detail .metas .meta-item:last-child, .section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item:last-child { margin-bottom: 34px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032110}}
  .section-showrooms .showrooms-body .showroom-detail .metas .meta-item .meta-link, .section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item .meta-link { font-size: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032116}}
  .section-showrooms .showrooms-body .showroom-slider, .section-showrooms-3d .showrooms-body .showroom-slider { margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032122}}
  .section-showrooms .showrooms-map .iframe-googlemap, .section-showrooms-3d .showrooms-map .iframe-googlemap { padding-top: 60%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032124}}
  .section-showrooms .showrooms-map .iframe-googlemap .group-action, .section-showrooms-3d .showrooms-map .iframe-googlemap .group-action { left: 10px; bottom: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032127}}
  .section-showrooms .showrooms-map .iframe-googlemap .group-action .btn, .section-showrooms-3d .showrooms-map .iframe-googlemap .group-action .btn { margin-right: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032134}}
  .section-showrooms .swiper-button-next, .section-showrooms .swiper-button-prev, .section-showrooms-3d .swiper-button-next, .section-showrooms-3d .swiper-button-prev { display: none !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032141}}
  .section-showrooms-3d .showrooms-body #myTabContent { padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_section\.scss}line{font-family:\000032145}}
  .section-showrooms-3d .showroom-detail-content { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\000033}}
  .modal-newsletter .modal-content .btn-close, .modal-forgot-password .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5px; right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000312}}
  .modal-newsletter .modal-content .modal-body .title, .modal-forgot-password .modal-content .modal-body .title { font-size: 36px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000315}}
  .modal-newsletter .modal-content .modal-body .text, .modal-forgot-password .modal-content .modal-body .text { margin-bottom: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000319}}
  .modal-newsletter .modal-content .modal-body .form-group .form-control, .modal-forgot-password .modal-content .modal-body .form-group .form-control { padding: 12px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000329}}
  .modal-authorization .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5px; right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000340}}
  .modal-authorization .modal-content .modal-body .inner-authorization .form-group .form-control { min-height: 45px; padding: 9px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000345}}
  .modal-authorization .modal-content .modal-body .inner-authorization h3 { font-size: 32px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000349}}
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login { padding: 45px 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000351}}
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login h3 { font-size: 32px; margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000355}}
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login .form-group { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000359}}
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login .form-group-button .btn { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000364}}
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-register { padding: 45px 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000366}}
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-register h3 { font-size: 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000371}}
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-register .form-switch .form-check-label { font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000382}}
  .modal-project-detail .modal-content { border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000384}}
  .modal-project-detail .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5px; right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000391}}
  .modal-project-detail .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\0000398}}
  .modal-project-detail .modal-body { background-color: #f8f8f8; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003101}}
  .modal-project-detail .project-header { display: block; padding: 22px 0 0 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003104}}
  .modal-project-detail .project-header .cat { font-size: 16px; margin-bottom: 9px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003108}}
  .modal-project-detail .project-header .title { font-size: 32px; margin-bottom: 22px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003113}}
  .modal-project-detail .project-header .thumbnail img { display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003119}}
  .modal-project-detail .project-body { padding: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003122}}
  .modal-project-detail .project-body .project-info { background-color: #e6e6e6; height: 100%; padding: 30px 30px; margin-bottom: 30px; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003128}}
  .modal-project-detail .project-body .project-info .info { font-weight: 400; font-size: 16px; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003132}}
  .modal-project-detail .project-body .project-info .info b { font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003135}}
  .modal-project-detail .project-body .project-info .info:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003140}}
  .modal-project-detail .project-body .thumbnail-info { padding: 0 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003143}}
  .modal-project-detail .project-body .inner-content { padding: 30px 30px; border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003146}}
  .modal-project-detail .project-body .inner-content h1, .modal-project-detail .project-body .inner-content h2 { font-size: 24px; font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003151}}
  .modal-project-detail .project-body .inner-content h3, .modal-project-detail .project-body .inner-content h4 { font-size: 20px; font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003156}}
  .modal-project-detail .project-body .inner-content h5, .modal-project-detail .project-body .inner-content h6, .modal-project-detail .project-body .inner-content p, .modal-project-detail .project-body .inner-content ul, .modal-project-detail .project-body .inner-content li, .modal-project-detail .project-body .inner-content ol, .modal-project-detail .project-body .inner-content a { font-size: 16px; font-weight: 400; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003167}}
  .modal-project-detail .project-body .project-socicals { padding: 25px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003169}}
  .modal-project-detail .project-body .project-socicals .btn-primary { width: calc(50% - 10px); min-width: unset; margin-right: 5px; font-size: 16px; 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 -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003177}}
  .modal-project-detail .project-body .project-socicals .btn-primary .icon { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003180}}
  .modal-project-detail .project-body .project-socicals .btn-primary:last-child { margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003185}}
  .modal-project-detail .project-body .content-share { margin-bottom: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003187}}
  .modal-project-detail .project-body .content-share .label { font-size: 16px; margin-right: 2px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003193}}
  .modal-project-detail .project-body .socicals { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003197}}
  .modal-project-detail .project-body .socicals .socical { margin-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003201}}
  .modal-project-detail .project-body .project-related { padding: 25px 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003203}}
  .modal-project-detail .project-body .project-related .row { margin-left: -8px; margin-right: -8px; padding-bottom: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003207}}
  .modal-project-detail .project-body .project-related .row > * { padding: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003211}}
  .modal-project-detail .project-body .project-related .projects-description { height: 100%; padding: 75px; 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 -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003217}}
  .modal-project-detail .project-body .project-related .projects-description .description { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003221}}
  .modal-project-detail .project-body .project-related .related-title { font-weight: 700; font-size: 20px; color: #000000; margin-bottom: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003227}}
  .modal-project-detail .project-body .project-related .projects { position: relative; text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003231}}
  .modal-project-detail .project-body .project-related .projects .thumbnail img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003237}}
  .modal-project-detail .project-body .project-related .projects .inner-content { position: absolute; width: 100%; z-index: 2; bottom: 0; left: 0; padding: 2px 0px; min-height: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003246}}
  .modal-project-detail .project-body .project-related .projects .project-title { font-size: 10px; margin-bottom: 4px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003250}}
  .modal-project-detail .project-body .project-related .projects .location { font-size: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003260}}
  .modal-product-wish-list .modal-dialog { margin-top: 110px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003263}}
  .modal-product-wish-list .modal-content { background-color: #f8f8f8; border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003266}}
  .modal-product-wish-list .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5px; right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003273}}
  .modal-product-wish-list .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003279}}
  .modal-product-wish-list .modal-content .modal-body { padding: 50px 25px 20px 25px; min-height: 300px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003285}}
  .modal-product-wish-list .product-wish-list .product-title { font-size: 20px; margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003290}}
  .modal-product-wish-list .product-attribute { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003292}}
  .modal-product-wish-list .product-attribute .txt-label { display: inline-block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003298}}
  .modal-product-wish-list .attribute-radio-selected .form-check-label { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003303}}
  .modal-product-wish-list .group-action .btn-primary { padding: 18px 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003310}}
  .modal-alert-login .modal-content { background-color: #EEEBE6; border-radius: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003313}}
  .modal-alert-login .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5x; right: 5px; z-index: 3; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003321}}
  .modal-alert-login .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003327}}
  .modal-alert-login .modal-content .modal-body { padding: 45px 20px 25px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003329}}
  .modal-alert-login .modal-content .modal-body .text { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003335}}
  .modal-alert-login .icon-login { width: 80px; margin: 0 auto 50px auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003338}}
  .modal-alert-login .icon-login img { display: block; width: 100%; height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_modal\.scss}line{font-family:\00003344}}
  .modal-alert-login .btn-link { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_select2\.scss}line{font-family:\000033}}
  .select2.select2-container .select2-selection .select2-selection__rendered { font-weight: 400; font-size: 16px; min-height: 45px; padding: 11px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\000031}}
  .btn-group-filter-slider { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\000034}}
  .btn-group-filter-slider .btn-filter { font-size: 14px; padding: 14px 4px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\000039}}
  .product-main-block { padding-top: 0; padding-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000312}}
  .product-main-block .product-left { padding-left: 0; padding-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000317}}
  .product-main-block .container-product-thumbs { padding-left: 15px; padding-right: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000323}}
  .product-detail-block .product-title { font-weight: 700; font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000327}}
  .product-detail-block .group-product-attributes { margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000330}}
  .product-detail-block .group-product-attributes .attribute-skus .sku { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000335}}
  .product-detail-block .product-attribute { font-size: 16px; margin-bottom: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000338}}
  .product-detail-block .product-attribute .attribute { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000341}}
  .product-detail-block .product-attribute:last-child { margin-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000346}}
  .product-detail-block .user-manual .user-manual-item { margin-bottom: 12px; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000349}}
  .product-detail-block .user-manual .user-manual-item a { margin-left: 15px; height: 36px; width: 36px; padding: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000354}}
  .product-detail-block .user-manual .user-manual-item a i { font-size: 26px; line-height: 26px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000362}}
  .product-detail-block .product-actions .btn { padding: 23px 5px; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000365}}
  .product-detail-block .product-actions .btn .icon { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000371}}
  .product-detail-block .product-share .label { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000376}}
  .product-detail-block .product-description { font-weight: 700; font-size: 20px; color: #4e4e4f; margin-bottom: 55px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000386}}
  .product-content-block { background-color: #f8f8f8; margin-bottom: 50px; padding-top: 20px; padding-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\0000391}}
  .product-content-block .btn-collapse { width: 100%; position: relative; border-width: 0; border-bottom: 1px solid #000; text-align: left; color: #4E4E4F; font-weight: 700; font-size: 16px; text-transform: uppercase; padding: 12px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\00003102}}
  .product-content-block .btn-collapse::before { content: "\e90c"; color: #4e4e4f; font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); font-size: 16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\00003121}}
  .product-content-block .btn-collapse[aria-expanded="true"]::before { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); font-size: 16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\00003129}}
  .product-content-block .collapse .card-body { padding: 0; background-color: #f8f8f8; border-width: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\00003135}}
  .product-content-block .inner-content { padding-bottom: 10px; padding-top: 20px; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\00003139}}
  .product-content-block .inner-content h1, .product-content-block .inner-content h2, .product-content-block .inner-content h3 { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\00003144}}
  .product-content-block .inner-content h3 { font-size: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\00003147}}
  .product-content-block .inner-content p, .product-content-block .inner-content ul, .product-content-block .inner-content li, .product-content-block .inner-content ol, .product-content-block .inner-content a { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\00003150}}
  .product-content-block .inner-content::after { content: ""; display: block; width: 100%; clear: both; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\00003159}}
  .product-maybe-will-like { padding-top: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\00003161}}
  .product-maybe-will-like .section-title { padding-left: 0; font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\00003165}}
  .product-maybe-will-like .products { padding-top: 60px; padding-bottom: 0px; padding-left: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\00003170}}
  .product-maybe-will-like .container { padding-right: 0 !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\00003176}}
  .product-mix-match .container { padding-right: 0 !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\00003179}}
  .product-mix-match .section-title { padding-left: 0; font-size: 24px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_product\.scss}line{font-family:\00003183}}
  .product-mix-match .products { padding-left: 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\000032}}
  .section-news-listing .news-listing-header { margin-bottom: 32px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\000036}}
  .section-news-listing .news-listing-header .nav .nav-item .nav-link { padding: 9px 0; font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000314}}
  .section-news-listing .catalogue-listing-footer { margin-top: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000319}}
  .section-post-list .row { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000322}}
  .section-post-list .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000328}}
  .section-news-listing { margin-bottom: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000331}}
  .post-margin { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000336}}
  .section-hot-post .section-title { font-size: 32px; margin-bottom: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000340}}
  .section-hot-post .swiper-hot-post-slider { padding-right: 20%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000343}}
  .section-hot-post .hot-post-left { padding-right: 0 !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000346}}
  .section-hot-post .hot-post-left .post .post-body { padding: 13px 11px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000352}}
  .section-hot-post .post { position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000355}}
  .section-hot-post .post .post-body { padding: 13px 11px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000357}}
  .section-hot-post .post .post-body .tag-new { min-width: 60px; font-size: 8px; margin-bottom: 7px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000362}}
  .section-hot-post .post .post-body .post-category { margin-bottom: 7px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000364}}
  .section-hot-post .post .post-body .post-category a { font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000368}}
  .section-hot-post .post .post-body .post-title { font-size: 16px; margin-bottom: 7px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000373}}
  .section-hot-post .post .post-body .post-meta li { font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000382}}
  .posts .post { -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.251); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.251); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000385}}
  .posts .post .post-body { padding: 20px 15px 20px 15px; min-height: 160px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000389}}
  .posts .post .post-body .tag-new { color: #ffffff; padding: 3px 3px; min-width: 48px; font-size: 8px; margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000397}}
  .posts .post .post-body .post-category { margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\0000399}}
  .posts .post .post-body .post-category a { font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003103}}
  .posts .post .post-body .post-title { margin-bottom: 10px; font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003107}}
  .posts .post .post-body .post-meta { padding: 10px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003109}}
  .posts .post .post-body .post-meta li { font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003114}}
  .posts .post .post-body.post-body-x2 { min-height: 170px; padding: 26px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003117}}
  .posts .post .post-body.post-body-x2 .post-category { margin-bottom: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003119}}
  .posts .post .post-body.post-body-x2 .post-category a { font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003123}}
  .posts .post .post-body.post-body-x2 .post-title { margin-bottom: 12px; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003127}}
  .posts .post .post-body.post-body-x2 .post-meta { padding: 10px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003129}}
  .posts .post .post-body.post-body-x2 .post-meta li { font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003138}}
  .section-post-detail { padding: 40px 0 100px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003140}}
  .section-post-detail .post-detail-wrapper { max-width: 910px; width: 100%; margin: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003146}}
  .section-post-detail .post-detail-header .post-category { margin-bottom: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003148}}
  .section-post-detail .post-detail-header .post-category a { font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003152}}
  .section-post-detail .post-detail-header .post-title { font-size: 24px; margin-bottom: 17px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003156}}
  .section-post-detail .post-detail-header .post-meta { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003158}}
  .section-post-detail .post-detail-header .post-meta li { font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003162}}
  .section-post-detail .post-detail-header .short-content { margin-bottom: 30px; font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003168}}
  .section-post-detail .post-detail-body { font-size: 16px; font-weight: 400; margin-bottom: 80px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003173}}
  .section-post-detail .post-detail-body h1, .section-post-detail .post-detail-body h2 { font-size: 24px; margin-bottom: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003178}}
  .section-post-detail .post-detail-body h3 { font-size: 20px; margin-bottom: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003182}}
  .section-post-detail .post-detail-body h4, .section-post-detail .post-detail-body h5 { font-size: 16px; margin-bottom: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003187}}
  .section-post-detail .post-detail-body ul, .section-post-detail .post-detail-body li, .section-post-detail .post-detail-body ol { font-size: 16px; margin-bottom: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003193}}
  .section-post-detail .post-detail-body p { font-size: 16px; margin-bottom: 28px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003197}}
  .section-post-detail .post-detail-body a { font-size: 16px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003199}}
  .section-post-detail .post-detail-body a:hover, .section-post-detail .post-detail-body a:focus { color: #981B1E; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003204}}
  .section-post-detail .post-detail-body b, .section-post-detail .post-detail-body strong { font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003208}}
  .section-post-detail .post-detail-body figure { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003212}}
  .section-post-detail .post-detail-body .row { margin-left: -20px; margin-right: -20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003215}}
  .section-post-detail .post-detail-body .row > * { padding-left: 5px; padding-right: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003223}}
  .section-post-detail .post-detail-footer .footer-action .btn-contact { -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; max-width: 170px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003227}}
  .section-post-detail .post-detail-footer .footer-action .content-share { margin-left: 10px; width: calc(100% - 180px); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003230}}
  .section-post-detail .post-detail-footer .footer-action .content-share .label { font-weight: 700; font-size: 16px; margin-right: 8px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003236}}
  .section-post-detail .post-detail-footer .footer-action .content-share .socicals .socical { margin-right: 4px; width: 50px; height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003240}}
  .section-post-detail .post-detail-footer .footer-action .content-share .socicals .socical:last-child { margin-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003252}}
  .section-posts-related { background-color: #e6e6e6; padding-top: 86px; padding-bottom: 117px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003256}}
  .section-posts-related > .container { padding-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003259}}
  .section-posts-related .section-title { font-size: 24px; margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003263}}
  .section-posts-related .posts-related { margin-left: -5px; margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003267}}
  .section-posts-related .swiper-posts-related-slider { padding: 5px; padding-right: 25%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003273}}
  .section-blog-detail-header { margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003275}}
  .section-blog-detail-header .title { font-size: 35px; margin-bottom: 23px; min-height: unset; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003280}}
  .section-blog-detail-header .sub { font-size: 20px; text-align: left; margin-bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_news\.scss}line{font-family:\00003285}}
  .section-blog-detail-header .thumbnail-image-small { max-width: 55%; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\000031}}
  .section-dashboard { padding-top: 52px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\000033}}
  .section-dashboard .dashboard-sidebar { min-height: auto; width: 100%; overflow: hidden; padding: 0; background-color: transparent; position: absolute; top: 0; left: 0; z-index: 2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000313}}
  .section-dashboard .dashboard-sidebar .nav-menu-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow-x: auto; overflow-y: hidden; margin-bottom: 0; background-color: #eeebe6; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000320}}
  .section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 180px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000324}}
  .section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link { padding: 17px 10px; text-align: center; font-size: 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000329}}
  .section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link .icon { font-size: 18px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000336}}
  .section-dashboard .dashboard-content { width: 100%; padding: 35px 15px 99px 15px; min-height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000340}}
  .section-dashboard .dashboard-content .title { font-size: 24px; margin-bottom: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000344}}
  .section-dashboard .dashboard-content .profile-content { margin-bottom: 90px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000347}}
  .section-dashboard .dashboard-content .content-edit { padding-right: 58px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000350}}
  .section-dashboard .dashboard-content .content-edit.content-edit-form .btn-edit { font-size: 14px; bottom: 10px; right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000358}}
  .section-dashboard .dashboard-content .create-favourite-list { 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; margin-bottom: 38px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000363}}
  .section-dashboard .dashboard-content .create-favourite-list .description { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 140px); font-weight: 400; font-size: 16px; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000370}}
  .section-dashboard .dashboard-content .create-favourite-list .btn-create-favourite-list { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 140px; padding-left: 0; padding-right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000379}}
  .section-dashboard .favourite-listing { background-color: #f8f8f8; padding: 20px 0 90px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000382}}
  .section-dashboard .favourite-listing .favourite-listing-header { margin-bottom: 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000384}}
  .section-dashboard .favourite-listing .favourite-listing-header .nav { border-bottom: 1px solid #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000386}}
  .section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000389}}
  .section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item .nav-link { font-size: 14px; padding: 16px 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000393}}
  .section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 28%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\0000397}}
  .section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 47%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003101}}
  .section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003108}}
  .section-dashboard .favourite-listing .checkbox-all { margin-bottom: 40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003110}}
  .section-dashboard .favourite-listing .checkbox-all .form-check { padding-left: 37px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003114}}
  .section-dashboard .favourite-listing .checkbox-all .form-check .form-check-label::before { width: 25px; height: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003118}}
  .section-dashboard .favourite-listing .checkbox-all .form-check .form-check-label::after { content: ""; width: 25px; height: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003127}}
  .section-dashboard .favourite-listing .content-favourite { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 70px; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003134}}
  .section-dashboard .favourite-listing .content-favourite .col-selected { width: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003137}}
  .section-dashboard .favourite-listing .content-favourite .col-selected .form-check .form-check-label { width: 25px; height: 25px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003143}}
  .section-dashboard .favourite-listing .content-favourite .col-content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 105px); padding: 0 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003147}}
  .section-dashboard .favourite-listing .content-favourite .col-content .product { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003153}}
  .section-dashboard .favourite-listing .content-favourite .col-content .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003156}}
  .section-dashboard .favourite-listing .content-favourite .col-content .thumbnail img { display: block; width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003161}}
  .section-dashboard .favourite-listing .content-favourite .col-content .inner-content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(100% - 70px); padding-left: 12px; padding-top: 9px; padding-bottom: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003167}}
  .section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name { font-size: 14px; margin-bottom: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003170}}
  .section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name a { text-decoration: none; color: inherit; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003174}}
  .section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name:hover, .section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name:focus { color: #e74a3b; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003182}}
  .section-dashboard .favourite-listing .content-favourite .col-content .attributes ul { list-style-type: none; padding-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003185}}
  .section-dashboard .favourite-listing .content-favourite .col-content .attributes ul li { margin-bottom: 5px; font-weight: 400; font-size: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003189}}
  .section-dashboard .favourite-listing .content-favourite .col-content .attributes ul li b { text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003196}}
  .section-dashboard .favourite-listing .content-favourite .col-action { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 80px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003199}}
  .section-dashboard .favourite-listing .content-favourite .col-action .btn-delete { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003202}}
  .section-dashboard .favourite-listing .content-favourite .col-action .quantity-control { width: 80px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003205}}
  .section-dashboard .favourite-listing .content-favourite .col-action .quantity-control button { width: 28px; max-width: 28px; -webkit-box-flex: 0; -ms-flex: 0 0 28px; flex: 0 0 28px; height: 28px; line-height: 28px; font-size: 0.85rem; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003213}}
  .section-dashboard .favourite-listing .content-favourite .col-action .quantity-control .quantity { width: 100%; max-width: calc(100% - 48px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 48px); flex: 0 0 calc(100% - 48px); height: 28px; font-size: 0.85rem; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003225}}
  .section-dashboard .favourite-listing .content-favourite.content-favourite-listing .col-content { width: calc(100% - 90px); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003232}}
  .section-dashboard .favourite-listing .content-download-listing .datetime { font-weight: 400; font-size: 14px; text-align: right; color: #4E4E4F; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003239}}
  .section-dashboard .favourite-listing .card { padding: 24px 15px 50px 15px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003242}}
  .section-dashboard .favourite-listing .card .card-header .code { font-size: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003246}}
  .section-dashboard .favourite-listing .card .card-footer { -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003248}}
  .section-dashboard .favourite-listing .card .card-footer .btn { min-width: 100px; font-size: 14px; margin-left: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_dashboard\.scss}line{font-family:\00003252}}
  .section-dashboard .favourite-listing .card .card-footer .btn .icon { font-size: 14px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_slider\.scss}line{font-family:\000034}}
  .product-main-block .product-gallery .product-slider .swiper-button-next, .product-main-block .product-gallery .product-slider .swiper-button-prev { width: 31px; height: 35px; padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/myho\/Sites\/Sources\/FS-Vietceramics-HTML\/scss\/mobile\/_slider\.scss}line{font-family:\000038}}
  .product-main-block .product-gallery .product-slider .swiper-button-next::after, .product-main-block .product-gallery .product-slider .swiper-button-prev::after { font-size: 23px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }