@import url("../fonts/icomoon/style.c12278949b95.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; }
:root { --bs-border-radius: 0; --bs-gutter-y: 15px; --bs-gutter-x: 15px; }

html { position: relative; min-height: 100%; }

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; }

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; } }
.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; } }
@-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; } }
.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); }

.image-grow-in { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1); transform: scale(1); }
.image-grow-in:hover { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1.02); transform: scale(1.02); }

.has-hover, .projects, .tiles-general-product, .sanitary-general-product { overflow: hidden; }
.has-hover .thumbnail, .projects .thumbnail, .tiles-general-product .thumbnail, .sanitary-general-product .thumbnail { overflow: hidden; }
.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; }
.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); }
.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); }
.has-hover:hover .thumbnail, .projects:hover .thumbnail, .tiles-general-product:hover .thumbnail, .sanitary-general-product:hover .thumbnail { overflow: hidden; }
.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; }

.solution, .solution-space { overflow: hidden; }
.solution .bg, .solution-space .bg { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1); transform: scale(1); }
.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); }

.collection { overflow: hidden; }
.collection .bg { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1); transform: scale(1); }
.collection img { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1); transform: scale(1); }
.collection:hover img { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1.02); transform: scale(1.02); }
.collection:hover .bg { -webkit-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform: scale(1.02); transform: scale(1.02); }

img { max-width: 100%; width: 100%; display: block; }

h1, .h1 { font-weight: 700; line-height: 1.25; font-size: 3rem; }

h2, .h2 { font-weight: 700; line-height: 1.25; font-size: 3rem; }

h3, .h3 { font-weight: 700; line-height: 1.25; font-size: 1.25rem; }

h4, .h4 { font-weight: 700; line-height: 1.25; font-size: 1.25rem; }

h5, .h5 { font-weight: 700; line-height: 1.25; font-size: 1rem; }

h6, .h6 { font-weight: 800; font-size: 1rem; line-height: 25px; }

a { color: #4E4E4F; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

@media screen and (max-width: 1199px) { h1, .h1 { font-weight: 700; line-height: 1.25; font-size: 2rem; }
  h2, .h2 { font-weight: 700; line-height: 1.25; font-size: 2rem; }
  h3, .h3 { font-weight: 700; line-height: 1.25; font-size: 1.5rem; }
  h4, .h4 { font-weight: 700; line-height: 1.25; font-size: 1.5rem; }
  h5, .h5 { font-weight: 700; line-height: 1.25; font-size: 1rem; }
  h6, .h6 { font-weight: 700; font-size: 1rem; } }
@media screen and (max-width: 767px) { h1, .h1 { font-weight: 700; line-height: 1.25; font-size: 24px; }
  h2, .h2 { font-weight: 700; line-height: 1.25; font-size: 24px; }
  h3, .h3 { font-weight: 700; line-height: 1.25; font-size: 16px; }
  h4, .h4 { font-weight: 700; line-height: 1.25; font-size: 16px; }
  h5, .h5 { font-weight: 700; line-height: 1.25; font-size: 14px; }
  h6, .h6 { font-weight: 700; font-size: 12px; line-height: 1.25; } }
.progress-sm { height: .5rem; }

.rotate-15 { -webkit-transform: rotate(15deg); transform: rotate(15deg); }

.rotate-n-15 { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }

.select2-container .dropdown-select-modal { z-index: 9999; }

.form-authorization .select2.select2-container { width: 100% !important; }
.form-authorization .select2.select2-container .select2-selection { height: auto; border-width: 0; }
.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; }
.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; }
.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; }
.form-authorization .select2.select2-container .select2-selection__arrow b { display: none; }
.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; }

.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; }
.select2-dropdown .select2-search--dropdown { padding: 8px; }
.select2-dropdown .select2-results__option { font-weight: 400; font-size: 12px; min-height: 40px; padding: 10px 20px; color: #4E4E4F; }

.select2-container--open .select2-dropdown--below { min-width: 170px; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #981B1E; }

.mb-md-100 { margin-bottom: 100px; }

.mb-md-70 { margin-bottom: 70px; }

.mb-30 { margin-bottom: 30px; }

.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; }
.navbar-vietceramics .navbar-brand { width: auto; height: 46px; }
.navbar-vietceramics .navbar-brand img { display: block; width: auto; height: 100%; }
.navbar-vietceramics .nav-item { margin-right: 5px; }
.navbar-vietceramics .nav-item:last-child { margin-right: 0; }
.navbar-vietceramics .nav-item.dropdown:hover > .dropdown-menu { display: block; }
.navbar-vietceramics .nav-item.dropdown > .dropdown-toggle:active { /*Without this, clicking will make it sticky*/ pointer-events: none; }
.navbar-vietceramics .nav-item .nav-link { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.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; }
.navbar-vietceramics .nav-item .nav-link.active { color: #981B1E; }
.navbar-vietceramics .dropdown-toggle::after { display: none; }
.navbar-vietceramics .nav-link { font-family: Averta Std; font-weight: 400; font-size: 12px; line-height: 1.25; text-align: center; text-transform: uppercase; }
.navbar-vietceramics .nav-item-icon { position: relative; }
.navbar-vietceramics .nav-item-icon .icon { font-size: 20px; }
.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; }
.navbar-vietceramics .nav-item-icon .nav-link { padding: 38px 10px !important; display: block; }
.navbar-vietceramics .nav-item-icon .nav-lang img { width: 20px; height: 20px; border-radius: 50%; overflow: hidden; }
.navbar-vietceramics .navbar-menu { position: relative; margin-right: 70px; }
.navbar-vietceramics .navbar-menu .nav-item .nav-link { padding: 38px 20px !important; display: block; }
.navbar-vietceramics .navbar-collapse { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }
.navbar-vietceramics .dropdown-menu { background-color: #f8f8f8; border: 1px solid #f8f8f8; padding: 34px 60px; }
.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; }
.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; }
.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; }
.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; }
.navbar-vietceramics .dropdown-menu .col-megamenu { list-style-type: none; padding-left: 0; }
.navbar-vietceramics .dropdown-menu .col-megamenu li { margin-bottom: 25px; }
.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; }
.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; }
.navbar-vietceramics .dropdown-menu .col-megamenu li .dropdown-item.active { color: #981B1E; }
.navbar-vietceramics .dropdown-menu.dropdown-menu-start { min-width: 250px; }
.navbar-vietceramics .has-megamenu { position: static !important; }
.navbar-vietceramics .has-megamenu .megamenu { left: 0; width: 100%; }
.navbar-vietceramics .dropdown-menu-end { left: unset; right: 0; margin-right: -48px; }
.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; }
.navbar-vietceramics .dropdown-menu-profile .divider { background-color: #8e8e8e; width: 100%; height: 1px; }
.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; }
.navbar-vietceramics .dropdown-menu-profile .current-user .avata { width: 48px; height: 48px; border: 1px solid #000; background-color: #8e8e8e; position: relative; border-radius: 50%; }
.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; }
.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; }
.navbar-vietceramics .dropdown-menu-profile .current-user .user-profile { padding-left: 14px; }
.navbar-vietceramics .dropdown-menu-profile .current-user .user-profile .name { text-align: left; font-weight: 700; font-size: 20px; color: #4E4E4F; margin-bottom: 3px; }
.navbar-vietceramics .dropdown-menu-profile .current-user .user-profile .email { text-align: left; font-weight: 400; font-size: 12px; color: #4E4E4F; margin-bottom: 0; }
.navbar-vietceramics .dropdown-menu-profile .dropdown-item { font-size: 16px; }
.navbar-vietceramics .dropdown-menu-profile .dropdown-item .icon { margin-right: 14px; }
.navbar-vietceramics .dropdown-menu-profile .dropdown-item .flag-lang { width: 20px; height: 20px; overflow: hidden; border-radius: 50%; margin-right: 14px; }
.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; }
.navbar-vietceramics .dropdown-menu-profile .col-megamenu li .dropdown-item .icon { color: #4E4E4F; }
.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; }
.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; }
.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; }
.navbar-vietceramics .dropdown-menu-profile.dropdown-menu-210 { min-width: 210px !important; }

.group-action-menu { display: none; }
.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; }
.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; }
.group-action-menu .navbar-nav .nav-item .nav-link { height: 100%; width: 100%; line-height: 25px; font-size: 20px; text-align: center; }
.group-action-menu .navbar-nav .nav-item .nav-link::after { display: none; }

.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; }

.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; }

.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; }
.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; }
.sidenav .dropdown-menu { background-color: #f8f8f8; border-width: 0; padding-top: 0; padding-bottom: 0; }
.sidenav .navbar-nav .nav-item { width: 100%; position: relative; }
.sidenav .navbar-nav .nav-item .nav-link { padding: 15px 17px 15px 28px; font-weight: 400; font-size: 16px; color: #4E4E4F; position: relative; }
.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); }
.sidenav .navbar-nav .nav-item .nav-link.dropdown-toggle.show::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.sidenav .navbar-nav .nav-item .dropdown-toggle { position: absolute; top: 0px; right: 0; border-width: 0; background-color: transparent; padding: 14px 20px; }
.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); }
.sidenav .navbar-nav .nav-item .dropdown-toggle.show::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.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; }
.sidenav .navbar-nav > .nav-item > .nav-link { text-transform: uppercase; }
.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; }
.sidenav .navbar-nav .nav-lang .nav-link { padding: 10px 17px 10px 28px; font-weight: 400; font-size: 16px; color: #4e4e4f; position: relative; }
.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; }
.sidenav .dropdown-menu .col-megamenu { list-style-type: none; padding-left: 0; }
.sidenav .dropdown-menu .col-megamenu .dropdown-item { padding: 10px 0; }
.sidenav .dropdown-menu li .dropdown-item { font-size: 15px; padding: 11px 0; }

.btn { border-radius: 0 !important; }
.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; }
.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; }
.btn.btn-find-showroom:hover .icon, .btn.btn-find-showroom:focus .icon { color: #981B1E; }
.btn.btn-find-showroom:hover .icon::before, .btn.btn-find-showroom:focus .icon::before { color: inherit; }
.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; }
.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; }
.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; }
.btn.btn-primary .icon { color: #fff; margin-right: 3%; font-size: 25px; vertical-align: bottom; }
.btn.btn-primary .icon::before { color: inherit; }
.btn.btn-primary:hover { color: #981B1E; background-color: #f8f8f8; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.btn.btn-primary:hover .icon { color: #981B1E; margin-right: 3%; font-size: 25px; vertical-align: bottom; }
.btn.btn-primary:hover .icon::before { color: inherit; }
.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; }
.btn.btn-secondary .icon { color: #4E4E4F; margin-right: 3%; font-size: 25px; vertical-align: bottom; }
.btn.btn-secondary .icon::before { color: inherit; }
.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; }
.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; }
.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; }
.btn.btn-slider-viewmore:hover { background-color: #981B1E; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #fff !important; }
.btn.btn-search-advance { background-color: #D9D9D9; font-weight: 400; font-size: 20px; text-align: center; color: #4E4E4F; padding: 22px 20px; }
.btn.btn-search-advance .icon { color: #4E4E4F; margin-right: 10px; }

.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; }
.to_top .icon { position: relative; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); color: #ffffff; font-size: 24px; }
.to_top .icon::before { color: #ffffff; }
.to_top.show { right: 75px; opacity: 1; }

.form-control:focus { -webkit-box-shadow: unset; box-shadow: unset; border: 1px solid #981B1E; }

.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; }
.form-group-newsletter .btn-newsletter { -webkit-box-flex: 0; -ms-flex: 0 0 122px; flex: 0 0 122px; max-width: 122px; width: 100%; }
.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; }

.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%); }
.slider-vietceramics .banner { padding-top: 870px; }
.slider-vietceramics .fill { height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; }
.slider-vietceramics .bg-fill { background-size: cover; background-position: center center; }
.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; }
.slider-vietceramics .banner-layers .title { color: #fff; font-size: 60px; font-weight: 700; margin-bottom: 18px; text-transform: uppercase; }
.slider-vietceramics .banner-layers .sub { color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 16px; text-transform: uppercase; }
.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; }
.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; }
.slider-vietceramics .swiper-pagination { top: unset; bottom: 105px; }
.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; }
.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; }
.slider-vietceramics .swiper-slide .banner-layers { opacity: 0; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; }
.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; }
.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); }
.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; }
.slider-vietceramics .swiper-slide.swiper-slide-active .banner-layers { opacity: 1; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; }
.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; }
.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); }
.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; }

.catalogue-slider .banner { padding-top: 700px; }
.catalogue-slider .fill { height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; }
.catalogue-slider .bg-fill { background-size: cover; background-position: center center; }
.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%); }
.catalogue-slider .banner-layers { position: absolute; bottom: 50px; left: 0; padding-top: 55px; padding: 55px 25px 40px 155px; min-width: 720px; z-index: 2; }
.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; }
.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); }
.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); }
.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; }
.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; }
.catalogue-slider .swiper-pagination { top: unset; bottom: 30px; }
.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; }
.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; }
.catalogue-slider .swiper-slide .banner-layers { opacity: 0; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; }
.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; }
.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); }
.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; }
.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; }
.catalogue-slider .swiper-slide.swiper-slide-active .banner-layers { opacity: 1; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; }
.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; }
.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); }
.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; }
.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; }

.swipper-partner .swiper-slide img { max-width: 250px; display: block; margin: auto; }

.slider-projects { padding-right: 150px; }
.slider-projects .banner { width: 100%; padding-top: 800px; position: relative; height: 0; }
.slider-projects .banner .fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.slider-projects .banner .bg-fill { background-size: cover; background-position: center center; }

.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; }
.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; }
.projects-slider .swiper-pagination { top: unset; bottom: 38px; display: none; }
.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; }
.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; }

.catalogues-slider .swiper-pagination { top: unset; bottom: 50px; }
.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; }
.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; }

.swiper-products-content { padding-right: 150px; padding-top: 20px; padding-bottom: 20px; }

.products-suggestions .products { position: relative; }
.products-suggestions .products .product { margin-bottom: 0; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }

.galleries { position: relative; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }

.swiper-collection-inspiration { position: relative; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }

.product-slider .swiper-slide-video { padding-top: 100%; height: 0; position: relative; background-color: #fff; }
.product-slider .swiper-slide-video video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

.product-thumbs { padding-right: 100px; }
.product-thumbs .swiper-slide-video { position: relative; }
.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; }
.product-thumbs .swiper-slide-video .icon-play img { display: block; width: 100%; height: 100%; }

.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: "\e914"; font-family: 'icomoon' !important; color: inherit; }

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: "\e915"; font-family: 'icomoon' !important; color: inherit; }

.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); }

.footer { background-color: #4E4E4F; padding: 110px 0 114px 0; font-family: "Averta Std", sans-serif; }
.footer h6 { font-weight: 800; font-size: 16px; line-height: 25px; }
.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; }
.footer .nav-link:hover, .footer .nav-link:focus { color: #e74a3b; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.copy-right { background-color: #000000; padding: 63px 0 42px 0; }
.copy-right .content .content-inner { font-weight: 400; font-size: 12px; line-height: 1.25; color: #fff; }
.copy-right .license { display: block; width: 141px; height: auto; }
.copy-right .license img { display: block; width: 100%; }

.newsletter { background-color: #CFCAC6; }
.newsletter .contact { background-color: #981B1E; padding: 60px 75px; height: 100%; }
.newsletter .contact .logo { width: 260px; height: auto; margin-bottom: 40px; }
.newsletter .contact .logo img { display: block; width: 100%; height: auto; }
.newsletter .contact .listitem { margin-bottom: 54px; }
.newsletter .contact .listitem .item { position: relative; padding-left: 50px; margin-bottom: 15px; }
.newsletter .contact .listitem .item .icon-moon { font-size: 27px; vertical-align: middle; position: absolute; top: 0%; left: 0; }
.newsletter .contact .listitem .item .icon-icon-phone { font-size: 24px; position: absolute; top: 1px; left: 0; }
.newsletter .contact .listitem .item .icon-icon-mail { font-size: 18px; position: absolute; top: 5px; left: 0; }
.newsletter .contact .listitem .item a { font-weight: 400; font-size: 20px; line-height: 24.72px; color: #ffffff; text-decoration: none; }
.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; }
.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; }
.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; }
.newsletter .contact .socials .item .icon-moon::before { color: inherit; }
.newsletter .contact .socials .item:last-child { margin-right: 0; }
.newsletter .contact .socials .item:hover, .newsletter .contact .socials .item:focus { background-color: #ffffff; color: #981B1E; }
.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; }
.newsletter .newsletter-inner { height: 100%; padding: 88px 75px 88px 110px; background-color: #CFCAC6; }
.newsletter .newsletter-inner .btn-find-showroom { margin-bottom: 33px; }
.newsletter .newsletter-inner .btn-find-showroom .icon { margin-right: 12px; }
.newsletter .newsletter-inner .text { font-weight: 400; font-size: 16px; line-height: 1.25; color: #4E4E4F; margin-bottom: 16px; }
.newsletter .newsletter-inner .form-control { border: 0px solid #CFCAC6; }

.section-vietceramics { position: relative; }
.section-vietceramics .section-bg { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-vietceramics .bg-light-brown { background-color: #e0dbd8; }
.section-vietceramics .bg-light-gray { background-color: #e6e6e6; }
.section-vietceramics .section-content { z-index: 2; }
.section-vietceramics .col-inner { padding: 5% 75px 5% 75px; max-width: 100%; }
.section-vietceramics .col-inner h2 { margin-bottom: 30px; color: #000; text-transform: uppercase; }
.section-vietceramics .col-inner .text { margin-bottom: 84px; }
.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; }
.section-vietceramics .btn-contact-email .icon { font-size: 14px; margin-right: 5px; }
.section-vietceramics .btn-contact-email .icon::before { color: inherit; }
.section-vietceramics .btn-contact-email:hover .icon, .section-vietceramics .btn-contact-email:focus .icon { font-size: 14px; }
.section-vietceramics:nth-child(even) .slideInContent { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
.section-vietceramics:nth-child(even) .slideInImage { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
.section-vietceramics:nth-child(odd) .slideInContent { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
.section-vietceramics:nth-child(odd) .slideInImage { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

.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; }
.section-solutions .solution-title .solution-title-inner { padding: 5px 33px 5px 75px; width: 100%; }
.section-solutions .solution-title .solution-title-inner h2 { text-transform: uppercase; margin-bottom: 40px; }
.section-solutions .solution { width: 100%; padding-top: 81.25%; position: relative; display: block; }
.section-solutions .solution .bg-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; }
.section-solutions .solution .solution-inner { position: absolute; z-index: 2; bottom: 16px; left: 0; padding: 0 30px; width: 100%; }
.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; }

.section-tiles-general-solutions { padding: 75px 0 120px 0; }
.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; }
.section-tiles-general-solutions .solution-title .solution-title-inner { margin-bottom: 72px; width: 100%; }
.section-tiles-general-solutions .solution-title .solution-title-inner h2 { text-transform: uppercase; margin-bottom: 0px; }
.section-tiles-general-solutions .solution { width: 100%; padding-top: 81.25%; position: relative; display: block; margin-bottom: 30px; }
.section-tiles-general-solutions .solution .bg-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; }
.section-tiles-general-solutions .solution .solution-inner { position: absolute; z-index: 2; bottom: 16px; left: 0; padding: 0 30px; width: 100%; }
.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; }

.section-achievements { background-color: #981B1E; padding: 90px 0 95px 0; }
.section-achievements .box-icon .icon { display: block; margin-bottom: 20px; }
.section-achievements .box-icon .icon img { max-width: 100%; width: auto; height: auto; display: block; margin: auto; }
.section-achievements .box-icon .number { width: 100%; font-weight: 700; font-size: 60px; text-transform: uppercase; text-align: center; color: #fff; margin-bottom: 15px; }
.section-achievements .box-icon h5 { width: 100%; font-weight: 400; font-size: 16px; color: #fff; letter-spacing: 0%; text-align: center; }
.section-achievements .col-achi { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.section-partner { padding-top: 102px; padding-bottom: 124px; background-color: #efefef; }

.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; }
.section-projects .bg-fill { top: 0; left: 0; width: 100%; height: 100%; background-color: #cfcac6; position: absolute; }
.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; }
.section-projects .project-title .project-title-inner { padding: 72px 10px 72px 10px; width: 100%; text-align: center; }
.section-projects .project-title .project-title-inner h2 { text-transform: uppercase; margin-bottom: 40px; }
.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; }
.section-projects .projects-slider .banner-layers { position: absolute; top: 0; left: 0; width: 100%; padding-top: 46px; padding-left: 30px; padding-right: 10px; }
.section-projects .projects-slider .banner-layers .title { font-weight: 400; font-size: 24px; color: #fff; text-transform: uppercase; }
.section-projects .projects-slider .swiper-slide { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.section-projects .projects-slider .swiper-slide:hover { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 40vw !important; }

.section-catalogues { padding: 78px 0; background-color: #efefef; position: relative; }
.section-catalogues.section-desktop-catalogues { display: block; }
.section-catalogues.section-mobile-catalogues { display: none; }
.section-catalogues .col-cs-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 40%; }
.section-catalogues .catalogue-title .catalogue-title-inner h2 { text-transform: uppercase; margin-bottom: 45px; }

.section-collections { background-color: #e0dbd8; }
.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; }
.section-collections .collection-title h2 { text-align: center; }
.section-collections .collection { display: block; position: relative; }
.section-collections .collection .bg { aspect-ratio: 1 / 1; position: relative; }
.section-collections .collection .bg img { display: block; width: 100%; height: auto; }
.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; }
.section-collections .collection .content-inner { position: absolute; bottom: 60px; left: 0; z-index: 5; width: 100%; text-align: center; }
.section-collections .collection .content-inner h3 { text-transform: uppercase; color: #efefef; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
.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); }

.section-news .section-top-new { background-color: #e0dbd8; padding-top: 64px; padding-bottom: 250px; }
.section-news .section-bottom-new { background-color: #ffffff; padding-bottom: 150px; }
.section-news .new-title .new-title-inner h2 { margin-bottom: 40px; }
.section-news .blog-post { position: relative; }
.section-news .blog-post .post-thumbnail { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 80%; display: block; }
.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%); }
.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%); }
.section-news .blog-post .post-info-wrapper .post-category { font-weight: 400; font-size: 12px; margin-bottom: 15px; color: #000000; }
.section-news .blog-post .post-info-wrapper .post-category:hover, .section-news .blog-post .post-info-wrapper .post-category:focus { color: #981B1E; }
.section-news .blog-post .post-info-wrapper .post-category a { color: inherit; font-size: inherit; text-transform: uppercase; text-decoration: none; }
.section-news .blog-post .post-info-wrapper .post-title { font-weight: 700; font-size: 16px; margin-bottom: 30px; color: #000000; }
.section-news .blog-post .post-info-wrapper .post-title:hover, .section-news .blog-post .post-info-wrapper .post-title:focus { color: #981B1E; }
.section-news .blog-post .post-info-wrapper .post-title a { color: inherit; font-size: inherit; text-transform: uppercase; text-decoration: none; }
.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); }
.section-news .blog-post .post-info-wrapper .post-meta .date { font-weight: 400; font-size: 12px; color: #000000; }

.section-tiles-general-products { background-color: #efefef; }
.section-tiles-general-products .row { margin-left: -8px; margin-right: -8px; padding-bottom: 8px; }
.section-tiles-general-products .row > * { padding: 8px; }
.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; }
.section-tiles-general-products .tiles-general-product-description .description { font-size: 20px; }
.section-tiles-general-products .tiles-general-product { position: relative; }
.section-tiles-general-products .tiles-general-product .thumbnail img { display: block; width: 100%; height: auto; }
.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%; }
.section-tiles-general-products .tiles-general-product .product-title a { text-decoration: none; }

.section-product-banner { position: relative; }
.section-product-banner .banner { padding-top: 500px; }
.section-product-banner .banner .fill { height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; }
.section-product-banner .banner .bg-fill { background-size: cover; background-position: center center; }
.section-product-banner .banner .banner-layers { position: absolute; width: 100%; padding-left: 155px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.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); }

.section-find-products { background-color: #e6e6e6; padding: 28px 0; }
.section-find-products .title { font-size: 40px; color: #000000; font-weight: 600; text-transform: uppercase; margin-bottom: 0; }

.section-all-products { position: relative; background-color: #ffffff; }
.section-all-products .wrapper-all-products { padding: 0 75px; }
.section-all-products .products-title { padding: 30px 0; }
.section-all-products .products-title .products-title-inner h2 { font-size: 32px; color: #000; margin: 0; }
.section-all-products .products-filter { background-color: #ffffff; padding: 34px 0 24px 0; }
.section-all-products .products-filter.sticky { position: fixed; top: 97px; left: 0; width: 100%; z-index: 99; }
.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; }
.section-all-products .products-filter .navbar-filter .nav-item { margin-right: 15px; }
.section-all-products .products-filter .navbar-filter .nav-item:last-child { margin-right: 0; }
.section-all-products .products-filter .navbar-filter .btn-fillter { background-color: #981B1E; border: 1px solid #981B1E; color: #ffffff; font-size: 16px; padding: 7px 15px; }
.section-all-products .products-filter .navbar-filter .btn-fillter .icon { margin-right: 10px; }
.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; }
.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; }
.section-all-products .products-filter .navbar-filter .select2-container--default .select2-selection--single .select2-selection__arrow { display: none !important; }

.section-product-information { background-color: #e6e6e6; }
.section-product-information .section-content { z-index: 2; }
.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; }
.section-product-information .col-inner .category { font-weight: 400; font-size: 20px; color: #981B1E; text-transform: uppercase; }
.section-product-information .col-inner .image-product { display: block; margin-bottom: 60px; }
.section-product-information .col-inner .image-product.image-logo-brand { width: 200px; height: auto; display: block; }
.section-product-information .col-inner .image-product img { display: block; width: 100%; height: auto; }
.section-product-information .col-inner h2 { margin-bottom: 30px; color: #000; text-transform: uppercase; font-size: 40px; }
.section-product-information .col-inner .text { color: #4E4E4F; font-size: 20px; }

.section-product-collections { padding: 75px 0 100px 0; background-color: #f8f8f8; }
.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; }
.section-product-collections .product-collections-title .product-collections-title-inner { margin-bottom: 72px; width: 100%; }
.section-product-collections .product-collections-title .product-collections-title-inner h2 { text-transform: uppercase; margin-bottom: 0px; }
.section-product-collections .collections .collection { width: 100%; padding-top: 68.25%; position: relative; display: block; margin-bottom: 30px; }
.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; }
.section-product-collections .collections .collection .bg-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; }
.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; }
.section-product-collections .collections .collection .solution-inner { position: absolute; z-index: 2; bottom: 16px; left: 0; padding: 0 30px; width: 100%; z-index: 2; }
.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); }
.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); }

.section-sanitary-general-products { background-color: #f8f8f8; padding: 66px 0 100px 0; }
.section-sanitary-general-products .row { margin-left: -8px; margin-right: -8px; padding-bottom: 8px; }
.section-sanitary-general-products .row > * { padding: 8px; }
.section-sanitary-general-products .section-title { text-transform: uppercase; font-weight: 700; font-size: 40px; color: #000000; margin-bottom: 66px; }
.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; }
.section-sanitary-general-products .sanitary-general-product-description .description { font-size: 20px; }
.section-sanitary-general-products .sanitary-general-product { position: relative; display: block; }
.section-sanitary-general-products .sanitary-general-product .thumbnail img { display: block; width: 100%; height: auto; }
.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); }
.section-sanitary-general-products .sanitary-general-product .product-title a { text-decoration: none; }

.section-sanitary-general-design-style, .section-sanitary-general-mix { padding: 100px 0; }
.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; }
.section-sanitary-general-design-style .swiper-sanitary-general-content, .section-sanitary-general-mix .swiper-sanitary-general-content { padding-right: 40%; position: relative; }
.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; }
.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; }
.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); }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }

.section-banner-sanitary-general { position: relative; margin-bottom: 50px; }
.section-banner-sanitary-general .banner { padding-top: 520px; }
.section-banner-sanitary-general .banner .fill { height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; }
.section-banner-sanitary-general .banner .bg-fill { background-size: cover; background-position: center center; }
.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%; }
.section-banner-sanitary-general .banner .banner-layers .pic { height: auto; width: 319px; margin-bottom: 30px; }
.section-banner-sanitary-general .banner .banner-layers .pic img { width: 100%; height: auto; }
.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); }
.section-banner-sanitary-general .banner .banner-layers .description { font-weight: 400; font-size: 16px; color: #ffffff; margin-bottom: 45px; }
.section-banner-sanitary-general.section-content-end .banner-layers { left: 60%; padding-left: 0; padding-right: 155px; }
.section-banner-sanitary-general.section-content-start { left: 0; }

.section-sanitary-general-brands { padding: 50px 0 150px 0; }
.section-sanitary-general-brands .section-title { color: #000000; text-transform: uppercase; font-weight: 700; font-size: 40px; margin-bottom: 50px; }

.section-sanitary-brand-detail { background-color: #efefef; padding: 90px 0; }
.section-sanitary-brand-detail .sanitary-brand-detail { margin-bottom: 100px; }
.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; }
.section-sanitary-brand-detail .sanitary-brand-detail .inner-content .description { font-weight: 400; font-size: 16px; color: #4E4E4F; }
.section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-video { position: relative; }
.section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-video .pic img { display: block; width: 100%; height: auto; }
.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%); }
.section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-video .btn-play img { display: block; width: 100%; }
.section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-image { position: relative; }
.section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-image .pic img { display: block; width: 100%; height: auto; }
.section-sanitary-brand-detail .sanitary-brand-detail:last-child { margin-bottom: 0; }

.collection-inspiration-gallery { padding-top: 50px; background-color: #f8f8f8; position: relative; margin-bottom: 80px; }
.collection-inspiration-gallery .section-title { font-weight: 700; font-size: 32px; color: #000000; margin-bottom: 80px; text-transform: uppercase; }
.collection-inspiration-gallery .gallery { width: 100%; height: auto; }
.collection-inspiration-gallery .gallery img { display: block; width: 100%; }
.collection-inspiration-gallery .swiper-collection-inspiration-gallery { padding-right: 150px; }

.content-collection-inspiration .section-footer-action { margin-bottom: 100px; }
.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; }
.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%; }
.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; }
.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; }
.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; }
.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; }
.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; }
.content-collection-inspiration .section-footer-action .footer-action .socicals .socical .icon::before { color: inherit; }
.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; }
.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; }

.section-collection-inspiration-slide-detail { margin-bottom: 80px; }
.section-collection-inspiration-slide-detail .swiper-collection-inspiration { position: relative; }
.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; }
.section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-image .pic img { display: block; width: 100%; }
.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; }
.section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content { font-size: 20px; color: #4e4e4f; }
.section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content br { line-height: 1.25; }
.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; }
.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; }
.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; }
.section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content p { font-size: 20px; color: #4e4e4f; }

.section-collection-inspiration-content { padding: 60px 0 60px 0; }
.section-collection-inspiration-content .inner-content { font-size: 20px; color: #4E4E4F; }
.section-collection-inspiration-content .inner-content h4 { font-size: 24px; }
.section-collection-inspiration-content .inner-content h5, .section-collection-inspiration-content .inner-content h6 { font-size: 20px; }
.section-collection-inspiration-content .thumbnail-video { position: relative; }
.section-collection-inspiration-content .thumbnail-video .pic img { display: block; width: 100%; height: auto; }
.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%); }
.section-collection-inspiration-content .thumbnail-video .btn-play img { display: block; width: 100%; }
.section-collection-inspiration-content .blockquote { font-weight: 700; font-size: 40px; color: #000000; }
.section-collection-inspiration-content.section-collection-inspiration-content-style-1 { background-color: #d7c6bc; position: relative; }
.section-collection-inspiration-content .content-absolute { position: absolute; top: 50%; left: 0; width: 100%; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.section-collection-inspiration-content .thumbnail-image { position: relative; width: 100%; height: 400px; overflow: hidden; }
.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%); }

.section-collection-inspiration-banner { margin-bottom: 80px; width: 100%; height: 750px; position: relative; display: block; }
.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; }
.section-collection-inspiration-banner .pic { width: 100%; }
.section-collection-inspiration-banner .pic img { width: 100%; }

.content-collection-inspiration-header { padding: 60px 0 47px 0; }
.content-collection-inspiration-header .title { font-weight: 700; font-size: 48px; color: #000000; }
.content-collection-inspiration-header .sub-title { font-weight: 400; font-size: 32px; color: #000; }

.section-collection-inspiration-products .section-title { font-weight: 700; font-size: 32px; color: #000000; text-transform: uppercase; }
.section-collection-inspiration-products .products { padding-top: 70px; }

.collection-inspiration-color-size { margin-bottom: 100px; }
.collection-inspiration-color-size .box-color-size { margin-bottom: 45px; }
.collection-inspiration-color-size .section-title { font-weight: 700; font-size: 32px; color: #000000; text-transform: uppercase; }
.collection-inspiration-color-size .description { font-weight: 400; font-size: 20px; color: #4E4E4F; margin-bottom: 50px; }
.collection-inspiration-color-size h5 { text-transform: uppercase; font-weight: 700; font-size: 20px; color: #4E4E4F; text-align: left; }
.collection-inspiration-color-size h6 { font-weight: 400; font-size: 20px; color: #4E4E4F; text-align: left; }
.collection-inspiration-color-size .pic-size { margin-top: 45px; max-width: 170px; height: auto; max-height: 340px; overflow: hidden; }
.collection-inspiration-color-size .pic-size img { display: block; width: 100%; height: auto; }

.section-mission-vietceramics { position: relative; }
.section-mission-vietceramics .banner-bg { display: block; height: 350px; width: 100%; }
.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%; }
.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%; }
.section-mission-vietceramics .inner-content .title { font-weight: 700; font-size: 40px; text-align: center; margin-bottom: 30px; }
.section-mission-vietceramics .inner-content .text { font-weight: 400; font-size: 20px; line-height: 1.75; text-align: center; }

.section-about-vietceramics { position: relative; background-color: #e0dbd8; padding: 50px 0; }
.section-about-vietceramics .section-title { font-weight: 700; font-size: 40px; text-align: center; margin-bottom: 50px; }
.section-about-vietceramics .thumbnail-video { position: relative; margin-bottom: 50px; }
.section-about-vietceramics .thumbnail-video .pic img { display: block; width: 100%; height: auto; }
.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%); }
.section-about-vietceramics .thumbnail-video .btn-play img { display: block; width: 100%; }
.section-about-vietceramics .thumbnail-image { position: relative; margin-bottom: 50px; }
.section-about-vietceramics .thumbnail-image .pic img { display: block; width: 100%; height: auto; }
.section-about-vietceramics .text { font-size: 20px; margin-bottom: 0px; text-align: center; }

.section-core-values-vietceramics { position: relative; background-color: #e6e6e6; padding: 80px 0; }
.section-core-values-vietceramics .section-title { color: #000000; font-weight: 700; font-size: 40px; margin-bottom: 42px; text-align: center; }
.section-core-values-vietceramics .core-values { background-color: #f8f8f8; height: 100%; }
.section-core-values-vietceramics .core-values .thubnail { position: relative; }
.section-core-values-vietceramics .core-values .thubnail img { display: block; width: 100%; }
.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; }
.section-core-values-vietceramics .core-values .inner-content { padding: 42px 23px 30px 23px; font-weight: 400; font-size: 20px; text-align: center; color: #4e4e4f; }

.section-total-solution-space { position: relative; background-color: #efefef; padding: 85px 0 75px 0; }
.section-total-solution-space .section-title { color: #000000; font-weight: 700; font-size: 40px; margin-bottom: 42px; text-align: left; }
.section-total-solution-space .text { font-weight: 400; font-size: 20px; }
.section-total-solution-space .solution-space { position: relative; width: 100%; }
.section-total-solution-space .solution-space .banner-bg { overflow: hidden; }
.section-total-solution-space .solution-space .fill { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; }
.section-total-solution-space .solution-space .bg-fill { background-size: cover; background-repeat: no-repeat; background-position: center center; }
.section-total-solution-space .solution-space .inner-content { position: absolute; z-index: 3; bottom: 0; left: 0; width: 100%; padding: 21px 27px; }
.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); }
.section-total-solution-space .solution-space.solution-space-portrait { height: 100%; }
.section-total-solution-space .solution-space.solution-space-landscape { padding-top: 68.25396825%; }
.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; }

.section-vietceramics-projects { background-color: #e6e6e6; }
.section-vietceramics-projects .row { margin-left: -8px; margin-right: -8px; padding-bottom: 8px; }
.section-vietceramics-projects .row > * { padding: 8px; }
.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; }
.section-vietceramics-projects .projects-description .description { font-size: 20px; }
.section-vietceramics-projects .projects { position: relative; text-decoration: none; display: block; }
.section-vietceramics-projects .projects .thumbnail.project-thumbnail { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 100%; }
.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%); }
.section-vietceramics-projects .projects .thumbnail img { display: block; width: 100%; height: auto; }
.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); }
.section-vietceramics-projects .projects .project-title a { text-decoration: none; }
.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; }

.section-vietceramics-projects-detail { background-color: #e6e6e6; }
.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; }
.section-vietceramics-projects-detail .projects-description .description { font-size: 20px; }
.section-vietceramics-projects-detail .projects { position: relative; text-decoration: none; margin-bottom: 30px; display: block; }
.section-vietceramics-projects-detail .projects .thumbnail { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 100%; }
.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%); }
.section-vietceramics-projects-detail .projects .inner-content { position: absolute; bottom: 0; left: 0; padding: 35px 10px; z-index: 2; width: 100%; }
.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); }
.section-vietceramics-projects-detail .projects .project-title a { text-decoration: none; }
.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); }
.section-vietceramics-projects-detail .projects .location a { text-decoration: none; }
.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; }
.section-vietceramics-projects-detail .project-filter { background-color: #ffffff; padding: 34px 0 24px 0; }
.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; }
.section-vietceramics-projects-detail .project-filter .navbar-filter .nav-item { margin-right: 15px; }
.section-vietceramics-projects-detail .project-filter .navbar-filter .nav-item:last-child { margin-right: 0; }
.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; }
.section-vietceramics-projects-detail .project-filter .navbar-filter .btn-fillter .icon { margin-right: 10px; }
.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; }
.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; }
.section-vietceramics-projects-detail .project-filter .navbar-filter .select2-container--default .select2-selection--single .select2-selection__arrow { display: none !important; }
.section-vietceramics-projects-detail .project-listing { padding-top: 100px; padding-bottom: 60px; }
.section-vietceramics-projects-detail .project-listing .read-more { margin-top: 70px; }

.section-vietceramics-projects-categories { padding: 50px 0 150px 0; }
.section-vietceramics-projects-categories .section-title { font-weight: 700; font-size: 32px; margin-bottom: 100px; text-transform: uppercase; color: #000; }
.section-vietceramics-projects-categories .projects { position: relative; text-decoration: none; }
.section-vietceramics-projects-categories .projects .thumbnail { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 100%; }
.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%); }
.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; }
.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); }
.section-vietceramics-projects-categories .projects .project-title a { text-decoration: none; }
.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; }

.section-catalogue-listing { background-color: #f8f8f8; padding: 74px 0 150px 0; }
.section-catalogue-listing .catalogue-listing-header { margin-bottom: 100px; }
.section-catalogue-listing .catalogue-listing-header .nav { border-bottom: 1px solid #000; }
.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%; }
.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; }
.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%); }
.section-catalogue-listing .catalogue-listing-header .nav .nav-item .nav-link.active { font-weight: 700; color: #981B1E; }
.section-catalogue-listing .catalogue-listing-header .nav .nav-item .nav-link.active::after { width: 100%; }
.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; }
.section-catalogue-listing .catalogue { margin-bottom: 60px; }
.section-catalogue-listing .catalogue .thumbnail { padding-top: 116.6667%; position: relative; width: 100%; height: 0; overflow: hidden; }
.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%); }
.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; }
.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; }
.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; }
.section-catalogue-listing .catalogue .catalogue-content .btn-download .icon { color: #8e8e8e; }
.section-catalogue-listing .catalogue .catalogue-content .btn-download .icon::before { color: inherit; }
.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; }
.section-catalogue-listing .catalogue .catalogue-content .btn-download:hover .icon, .section-catalogue-listing .catalogue .catalogue-content .btn-download:focus .icon { color: #ffffff; }

.section-form-contact .form-contact-info { background-color: #f8f8f8; position: relative; height: 100%; padding-top: 69px; padding-bottom: 70px; }
.section-form-contact .form-contact-info h2 { color: #000000; font-weight: 700; font-size: 48px; margin-bottom: 50px; padding: 0 56px 0 74px; }
.section-form-contact .form-contact-info .contact-icon { text-align: center; padding: 33px 0 54px 0; }
.section-form-contact .form-contact-info .contact-icon .icon { height: 45px; width: auto; max-width: auto; margin: 0 auto 20px auto; }
.section-form-contact .form-contact-info .contact-icon h4 { font-weight: 700; font-size: 24px; text-align: center; color: #4E4E4F; }
.section-form-contact .form-contact-info .contact-icon .info { font-weight: 400; font-size: 20px; text-align: center; text-decoration: none; }
.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; }
.section-form-contact .form-contact-info .contact-socials .label { font-weight: 700; font-size: 20px; color: #000000; margin-bottom: 0; margin-right: 50px; }
.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; }
.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; }
.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; }
.section-form-contact .form-contact-info .contact-socials .socials .item .icon-moon::before { color: inherit; }
.section-form-contact .form-contact-info .contact-socials .socials .item:last-child { margin-right: 0; }
.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; }
.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; }
.section-form-contact .form-contact-submit { background-color: #e0dbd8; position: relative; height: 100%; padding: 72px 0 80px 95px; }
.section-form-contact .form-contact-submit .description { font-weight: 400; font-size: 20px; color: #000000; margin-bottom: 60px; }
.section-form-contact .form-contact-submit .form-group { margin-bottom: 50px; }
.section-form-contact .form-contact-submit .form-group .form-control { padding: 15px 28px; font-weight: 400; font-size: 16px; color: #4E4E4F; }
.section-form-contact .form-contact-submit form { position: relative; z-index: 2; }
.section-form-contact .form-contact-submit::after { content: ""; position: absolute; top: 0; left: 0; width: 50vw; height: 100%; background-color: #e0dbd8; }

.section-contact-find-showroom { background-color: #e0dbd8; }
.section-contact-find-showroom .banner { height: 400px; width: 100%; position: relative; }
.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; }
.section-contact-find-showroom .col-inner { padding: 30px 75px; }
.section-contact-find-showroom .col-inner .text { color: #000000; font-weight: 400; font-size: 32px; margin-bottom: 40px; }

.section-showrooms { background-color: #f8f8f8; padding: 67px 0 95px 0; }
.section-showrooms .showrooms-header { margin-bottom: 100px; }
.section-showrooms .showrooms-header .nav { border-bottom: 1px solid #000; }
.section-showrooms .showrooms-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; }
.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; }
.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%); }
.section-showrooms .showrooms-header .nav .nav-item .nav-link.active { font-weight: 700; color: #981B1E; }
.section-showrooms .showrooms-header .nav .nav-item .nav-link.active::after { width: 100%; }
.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; }
.section-showrooms .showrooms-body { margin-bottom: 50px; margin-bottom: 50px; }
.section-showrooms .showrooms-body #myTab { border-width: 0; }
.section-showrooms .showrooms-body .fade-parent.fade:not(.show) { opacity: 0; display: none; }
.section-showrooms .showrooms-body .fade-parent { width: 100%; }
.section-showrooms .showrooms-body .showrooms .nav-item { margin-bottom: 25px; }
.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; }
.section-showrooms .showrooms-body .showrooms .showroom:last-child { margin-bottom: 0; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.section-showrooms .showrooms-body .showroom-detail .name { font-weight: 700; font-size: 36px; color: #000000; margin-bottom: 15px; }
.section-showrooms .showrooms-body .showroom-detail .address { font-weight: 400; font-size: 20px; color: #4E4E4F; margin-bottom: 30px; }
.section-showrooms .showrooms-body .showroom-detail .metas .meta-item { margin-bottom: 30px; }
.section-showrooms .showrooms-body .showroom-detail .metas .meta-item:last-child { margin-bottom: 0; }
.section-showrooms .showrooms-body .showroom-detail .metas .meta-item .meta-link { text-decoration: none; font-weight: 400; font-size: 16px; color: #4E4E4F; }
.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; }
.section-showrooms .showrooms-body .showroom-detail .metas .meta-item .meta-link .icon::before { color: inherit; }
.section-showrooms .showrooms-body .showroom-detail .metas .meta-item .meta-link .icon.icon-mail { font-size: 16px; }
.section-showrooms .showroom-detail-content { margin-bottom: 35px; }
.section-showrooms .showroom-detail-slider .showroom-slider { margin-bottom: 30px; }
.section-showrooms .showroom-detail-slider .container-showroom-thumbs .showroom-thumbs { padding-right: 22%; }
.section-showrooms .showroom-detail-slider .container-showroom-thumbs .showroom-thumbs .swiper-slide { width: 25%; height: 100%; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.section-showrooms .showrooms-map .iframe-googlemap { position: relative; width: 100%; height: 0; padding-top: 70%; }
.section-showrooms .showrooms-map .iframe-googlemap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-showrooms .showrooms-map .iframe-googlemap .group-action { position: absolute; left: 28px; bottom: 34px; }
.section-showrooms .showrooms-map .iframe-googlemap .group-action .btn { margin-right: 25px; }
.section-showrooms .showrooms-map .iframe-googlemap .group-action .btn:last-child { margin-right: 0; }

.section-search-bar { padding: 65px 0 150px 0; background-color: #f8f8f8; }
.section-search-bar .form-search { margin-bottom: 66px; }
.section-search-bar .form-search .label-input { font-weight: 400; font-size: 16px; color: #4E4E4F; margin-bottom: 2px; }
.section-search-bar .form-search .form-group-search { position: relative; margin-bottom: 16px; }
.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; }
.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; }
.section-search-bar .form-search .form-group-search .btn-search .icon { font-size: 50px; width: 50px; height: auto; display: block; }
.section-search-bar .form-search .description { font-weight: 400; font-size: 16px; color: #4E4E4F; }
.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; }
.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; }
.section-search-bar .advance-search .thumbnail .fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-search-bar .advance-search .thumbnail .bg-fill { background-size: cover; background-position: center center; }
.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; }
.section-search-bar .advance-search .content .inner-content { color: #ffffff; }
.section-search-bar .advance-search .content .inner-content h3 { font-weight: 400; font-size: 40px; margin-bottom: 27px; color: #ffffff; }
.section-search-bar .advance-search .content .inner-content .text { font-weight: 400; font-size: 16px; color: #ffffff; margin-bottom: 40px; }
.section-search-bar .search-results .title-search-ressult { margin-bottom: 68px; font-weight: 400; font-size: 32px; color: #000000; }
.section-search-bar .search-results .results { margin-bottom: 100px; }
.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; }
.section-search-bar .search-results .results .empty { font-weight: 400; font-size: 16px; color: #000000; }
.section-search-bar .search-results .results .result { margin-bottom: 20px; }
.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; }
.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; }
.section-search-bar .search-results .results .result.result-product .thumbnail img { height: auto; display: block; width: 100%; }
.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; }
.section-search-bar .search-results .results .result.result-product .content h5 { font-weight: 400; font-size: 12px; margin-bottom: 0; }
.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; }
.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; }
.section-search-bar .search-results .results .result.result-collection .thumbnail img { height: auto; display: block; width: 100%; }
.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; }
.section-search-bar .search-results .results .result.result-collection .content h5 { font-weight: 400; font-size: 12px; margin-bottom: 0; text-transform: uppercase; }
.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; }
.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; }
.section-search-bar .search-results .results .result.result-new .content h5 { font-weight: 400; font-size: 12px; margin-bottom: 0; text-transform: uppercase; }
.section-search-bar .search-results .results .result:hover .content h5 { color: #981B1E; }

.section-advance-search .advance-search-header { padding-bottom: 50px; padding-top: 55px; background-color: #f8f8f8; }
.section-advance-search .advance-search-header .section-title { font-weight: 400; font-size: 36px; margin-bottom: 33px; }
.section-advance-search .advance-search-header .nav { border-bottom: 1px solid #000; }
.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%; }
.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; }
.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%); }
.section-advance-search .advance-search-header .nav .nav-item .nav-link.active { font-weight: 700; color: #981B1E; }
.section-advance-search .advance-search-header .nav .nav-item .nav-link.active::after { width: 100%; }
.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; }
.section-advance-search .products { position: relative; }

.sidebar-fillter { position: fixed; height: calc(100% - 98px); top: 97px; left: 0; z-index: 998; }
.sidebar-fillter.sidebar-fillter-fixed { position: fixed; top: 0; left: 0; height: 100vh; overflow: hidden; }
.sidebar-fillter [sidebarjs-container] { -webkit-box-shadow: unset !important; box-shadow: unset !important; max-width: 375px; width: 100%; }
.sidebar-fillter [sidebarjs-backdrop] { opacity: 0 !important; }
.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; }
.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; }
.sidebar-fillter .sidebar-header .sidebar-title { color: #000000; font-size: 20px; }
.sidebar-fillter .sidebar-header .sidebar-title .icon { font-size: 25px; vertical-align: -2px; margin-right: 8px; }
.sidebar-fillter .sidebar-header .sidebar-title .icon::before { color: inherit; }
.sidebar-fillter .sidebar-body { margin-bottom: 60px; }
.sidebar-fillter .sidebar-body .accordion .accordion-item { border-width: 0; border-top: 1px solid #000; margin-bottom: 15px; }
.sidebar-fillter .sidebar-body .accordion .accordion-body { padding: 0 0 10px 0; }
.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; }
.sidebar-fillter .sidebar-body .accordion .accordion-button:not(.collapsed) { background-color: #ffffff; }
.sidebar-fillter .sidebar-body .custom-control { width: 100%; }
.sidebar-fillter .sidebar-body .custom-control.custom-checkbox { position: relative; padding-left: 30px; }
.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; }
.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; }
.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; }
.sidebar-fillter .sidebar-body .custom-control.custom-checkbox .custom-control-input { position: absolute; top: 0; left: 0; opacity: 0; }
.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; }
.sidebar-fillter .sidebar-vietceramics .accordion-button::after { display: none; }
.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; }
.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; }
.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; }
.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; }
.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; }

.section-service-intro { padding: 34px 0 20px 0; background-color: #f8f8f8; }
.section-service-intro .section-title { color: #000000; font-weight: 700; font-size: 48px; text-align: center; margin-bottom: 33px; }
.section-service-intro .content { font-weight: 400; font-size: 20px; text-align: center; color: #4E4E4F; }
.section-service-intro .content p { font-weight: 400; font-size: 20px; text-align: center; color: #4E4E4F; margin-bottom: 30px; }

.section-service-vietceramics { position: relative; }
.section-service-vietceramics .section-bg { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-service-vietceramics .bg-light-brown { background-color: #e0dbd8; }
.section-service-vietceramics .bg-light-gray { background-color: #e6e6e6; }
.section-service-vietceramics .section-content { z-index: 2; }
.section-service-vietceramics .col-inner { padding: 5% 75px 5% 75px; max-width: 100%; }
.section-service-vietceramics .col-inner h2 { margin-bottom: 30px; color: #000; text-transform: uppercase; }
.section-service-vietceramics .col-inner .text { margin-bottom: 84px; }
.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; }
.section-service-vietceramics .btn-contact-email .icon { font-size: 14px; margin-right: 5px; }
.section-service-vietceramics .btn-contact-email .icon::before { color: inherit; }
.section-service-vietceramics .btn-contact-email:hover .icon, .section-service-vietceramics .btn-contact-email:focus .icon { font-size: 14px; }

.product-maybe-will-like .section-title, .product-mix-match .section-title { color: #000000; font-weight: 700; font-size: 32px; padding-left: 50px; }

.section-introduction-jobs { background-color: #e0dbd8; }
.section-introduction-jobs .col-inner { padding: 5% 75px 5% 75px; max-width: 720px; width: 100%; }
.section-introduction-jobs .col-inner .description { margin-bottom: 30px; font-weight: 400; font-size: 32px; }
.section-introduction-jobs .col-inner .group-action .btn { margin-right: 27px; }
.section-introduction-jobs .col-inner .group-action .btn:last-child { margin-right: 0; }

.section-jobs-dashboard { padding-bottom: 50px; }
.section-jobs-dashboard .jobs-dashboard-sidebar { background-color: #ffffff; padding: 38px 30px 75px 38px; min-height: 470px; height: 100%; }
.section-jobs-dashboard .jobs-dashboard-content { padding: 42px 75px 0 30px; }
.section-jobs-dashboard .jobs-dashboard-content .title { font-weight: 700; font-size: 40px; color: #000000; margin-bottom: 22px; }
.section-jobs-dashboard #apply-cv { margin-bottom: 66px; }
.section-jobs-dashboard .read-more { padding: 100px 0; }
.section-jobs-dashboard.section-jobs-dashboard-detail { background-color: #f8f8f8; padding-bottom: 0; }
.section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar { background-color: #eeebe6; padding: 30px 0; }
.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; }
.section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item { width: 100%; }
.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%; }
.section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item .nav-link .icon { font-size: 20px; margin-right: 15px; }
.section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item .nav-link.active { background-color: #e0dbd8; color: #000000; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail { padding-left: 80px; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header { padding: 50px 0; }
.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; }
.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; }
.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; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta li .icon { color: #8e8e8e; margin-right: 13px; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta li .icon::before { color: inherit; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta li:nth-child(1) { width: 22%; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta li:nth-child(2) { width: 22%; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta li:nth-child(3) { width: 26%; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta li:nth-child(4) { width: 30%; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body { padding: 30px 0; }
.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; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content:last-child { margin-bottom: 0; }
.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; }
.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; }
.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; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content a { color: #e74a3b; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content i { font-style: italic; }
.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; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content li { margin-bottom: 20px; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content p { margin-bottom: 20px; }
.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; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul > li { margin-top: 5px; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul > li::before { content: "- "; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul ul { list-style-type: circle; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer { padding: 36px 0 58px 0; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical .icon::before { color: inherit; }
.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; }
.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; }
.section-jobs-dashboard.section-jobs-dashboard-detail .jobs-related { margin-bottom: 90px; }

.sidebar-vietceramics .sidebar-body { margin-bottom: 60px; }
.sidebar-vietceramics .sidebar-body .sidebar-title { color: #000000; font-size: 20px; margin-bottom: 25px; }
.sidebar-vietceramics .sidebar-body .sidebar-title .icon { font-size: 20px; vertical-align: -2px; margin-right: 8px; }
.sidebar-vietceramics .sidebar-body .sidebar-title .icon::before { color: inherit; }
.sidebar-vietceramics .sidebar-body .accordion .accordion-item { border-width: 0; border-top: 1px solid #000; margin-bottom: 15px; }
.sidebar-vietceramics .sidebar-body .accordion .accordion-body { padding: 0 0 10px 0; }
.sidebar-vietceramics .sidebar-body .accordion .accordion-button { padding: 15px 0; font-weight: 400; font-size: 15px; -webkit-box-shadow: unset; box-shadow: unset; }
.sidebar-vietceramics .sidebar-body .accordion .accordion-button:not(.collapsed) { background-color: #ffffff; }
.sidebar-vietceramics .sidebar-body .custom-control { width: 100%; }
.sidebar-vietceramics .sidebar-body .custom-control.custom-checkbox { position: relative; padding-left: 30px; }
.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; }
.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; }
.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; }
.sidebar-vietceramics .sidebar-body .custom-control.custom-checkbox .custom-control-input { position: absolute; top: 0; left: 0; opacity: 0; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }

.jobs .job { padding: 45px 50px; background-color: #ffffff; margin-bottom: 20px; display: block; text-decoration: none; }
.jobs .job:last-child { margin-bottom: 0; }
.jobs .job .job-name { font-weight: 700; font-size: 32px; color: #000000; margin-bottom: 35px; }
.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; }
.jobs .job .job-name a:hover { color: #981B1E; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.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; }
.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; }
.jobs .job .meta li .icon { color: #8e8e8e; margin-right: 13px; }
.jobs .job .meta li .icon::before { color: inherit; }
.jobs .job:hover .job-name, .jobs .job:focus .job-name { color: #981B1E; }

.section-apply-cv .inner-apply-cv { background-color: #eeebe6; padding: 100px 110px 210px 110px; }
.section-apply-cv .section-title { text-align: center; font-weight: 700; font-size: 40px; color: #000000; margin-bottom: 70px; }
.section-apply-cv .form-group { margin-bottom: 20px; }
.section-apply-cv .form-group label { display: block; font-weight: 400; font-size: 20px; color: #000000; margin-bottom: 5px; }
.section-apply-cv .form-group .form-control { padding: 10px 20px; font-weight: 400; font-size: 16px; color: #000000; }
.section-apply-cv .form-group-button { max-width: 400px; margin: auto; }
.section-apply-cv .form-group-button .btn { width: 100%; }
.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; }
.section-apply-cv .form-group-file .label-file h5 { font-weight: 400; font-size: 20px; color: #000000; }
.section-apply-cv .form-group-file .label-file span { font-size: 16px; font-weight: 400; color: #8e8e8e; }
.section-apply-cv .form-group-file .file-name { display: none; font-size: 16px; font-weight: 400; color: #000000; }
.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; }
.section-apply-cv .form-group-file .form-file { position: absolute; top: 0; right: 0; height: 100%; width: 100%; opacity: 0; }
.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; }

.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; }
.error-404 h2 { font-size: 100px; color: #981B1E; }

.section-showrooms-3d { background-color: #f8f8f8; padding: 67px 0 95px 0; }
.section-showrooms-3d .showrooms-header { margin-bottom: 100px; }
.section-showrooms-3d .showrooms-header .nav { border-bottom: 1px solid #000; }
.section-showrooms-3d .showrooms-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; }
.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; }
.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%); }
.section-showrooms-3d .showrooms-header .nav .nav-item .nav-link.active { font-weight: 700; color: #981B1E; }
.section-showrooms-3d .showrooms-header .nav .nav-item .nav-link.active::after { width: 100%; }
.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; }
.section-showrooms-3d .showrooms-body { margin-bottom: 50px; }
.section-showrooms-3d .showrooms-body #myTab { border-width: 0; }
.section-showrooms-3d .showrooms-body .fade-parent.fade:not(.show) { opacity: 0; display: none; }
.section-showrooms-3d .showrooms-body .fade-parent { width: 100%; }
.section-showrooms-3d .showrooms-body #myTabContent { padding-left: 30px; }
.section-showrooms-3d .showrooms-body .showrooms .nav-item { margin-bottom: 25px; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.section-showrooms-3d .showrooms-body .showroom-detail .name { font-weight: 700; font-size: 36px; color: #000000; margin-bottom: 15px; }
.section-showrooms-3d .showrooms-body .showroom-detail .room-title { color: #000000; font-weight: 700; font-size: 24px; text-transform: uppercase; }
.section-showrooms-3d .showrooms-body .showroom-detail .address { font-weight: 400; font-size: 20px; color: #4E4E4F; margin-bottom: 30px; }
.section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item { margin-bottom: 30px; }
.section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item:last-child { margin-bottom: 0; }
.section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item .meta-link { text-decoration: none; font-weight: 400; font-size: 16px; color: #4E4E4F; }
.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; }
.section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item .meta-link .icon::before { color: inherit; }
.section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item .meta-link .icon.icon-mail { font-size: 16px; }
.section-showrooms-3d .showroom-detail-content { margin-bottom: 35px; }
.section-showrooms-3d .showroom-detail-slider .showroom-slider { margin-bottom: 30px; }
.section-showrooms-3d .showroom-detail-slider .container-showroom-thumbs .showroom-thumbs { padding-right: 22%; }
.section-showrooms-3d .showroom-detail-slider .container-showroom-thumbs .showroom-thumbs .swiper-slide { width: 25%; height: 100%; }
.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; }
.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; }
.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; }
.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; }
.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; }
.section-showrooms-3d .showroom-detail-slider .swiper-button-next.swiper-button-disabled { display: none !important; }
.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; }
.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; }
.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; }
.section-showrooms-3d .showroom-detail-slider .swiper-button-prev.swiper-button-disabled { display: none !important; }
.section-showrooms-3d .showroom-detail-slider .container-showroom-slider { position: relative; }
.section-showrooms-3d .showroom-detail-slider .container-showroom-slider .swiper-button-prev { margin-left: -43px; }
.section-showrooms-3d .showroom-detail-slider .container-showroom-slider .swiper-button-next { margin-right: -43px; }
.section-showrooms-3d .showrooms-map .iframe-googlemap { position: relative; width: 100%; height: 0; padding-top: 70%; }
.section-showrooms-3d .showrooms-map .iframe-googlemap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-showrooms-3d .showrooms-map .iframe-googlemap .group-action { position: absolute; left: 28px; bottom: 34px; }
.section-showrooms-3d .showrooms-map .iframe-googlemap .group-action .btn { margin-right: 25px; }
.section-showrooms-3d .showrooms-map .iframe-googlemap .group-action .btn:last-child { margin-right: 0; }

.parallax-mirror { z-index: 0 !important; }

.section-authorization { background-size: cover; background-position: center center; }
.section-authorization .modal-authorization .modal-dialog { padding: 142px 15px; }
.section-authorization .modal-forgot-password .modal-dialog { padding: 142px 15px; }
.section-authorization .modal-forgot-password .modal-content { max-width: 460px; width: 100%; margin: auto; }

.showroom-detail-slider .swiper-slide .thumb { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.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%); }

.box-yb { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 0; }
.box-yb iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.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; }
.box-yb .controls input[type="text"] { opacity: 0; }
.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; }
.box-yb .btn-playyb img { display: block; width: 100%; }

.box-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 0; }
.box-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.product-main-block { background-color: #f8f8f8; padding: 97px 0 30px 0; }
.product-main-block .product-description { font-weight: 700; font-size: 24px; color: #4e4e4f; }
.product-main-block .tab-content-gallery-proruct { position: relative; }
.product-main-block .tab-content-gallery-proruct .wishlists { position: absolute; top: 14px; right: 12px; font-size: 29px; z-index: 9; cursor: pointer; }
.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; }
.product-main-block .tab-content-gallery-proruct .wishlists.active { color: #981B1E; }
.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; }
.product-main-block .product-gallery { margin-bottom: 42px; position: relative; }
.product-main-block .product-gallery .product-slider { margin-bottom: 15px; }
.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; }
.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; }
.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; }
.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; }
.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; }
.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; }
.product-main-block .product-gallery .product-thumbs .swiper-slide { width: 25%; height: 100%; }
.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; }
.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; }

.product-detail-block .product-title { font-weight: 700; font-size: 36px; color: #000; }
.product-detail-block .line { border-top: 1px solid #000; opacity: 1; }
.product-detail-block .group-product-attributes { margin-bottom: 80px; }
.product-detail-block .product-attribute { color: #4E4E4F; font-weight: 400; font-size: 20px; margin-bottom: 18px; }
.product-detail-block .product-attribute:last-child { margin-bottom: 0; }
.product-detail-block .product-attribute b { font-weight: 700; }
.product-detail-block .product-attribute .attribute { font-weight: 400; font-size: 20px; }
.product-detail-block .product-attribute a.attribute { text-decoration: none; color: #981B1E; cursor: pointer; }
.product-detail-block .product-attribute .highlight { color: #981B1E; }
.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; }
.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; }
.product-detail-block .user-manual .user-manual-item a i { color: inherit; font-size: 36px; line-height: 36px; }
.product-detail-block .user-manual .user-manual-item a i::before { color: inherit; }
.product-detail-block .user-manual .user-manual-item a:hover { color: #981B1E; }
.product-detail-block .product-attribute-selected .scroll-container { position: relative; }
.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; }
.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; }
.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; }
.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 */ }
.product-detail-block .product-attribute-selected .box-attribute::-webkit-scrollbar { width: 20px; }
.product-detail-block .product-attribute-selected .box-attribute::-webkit-scrollbar-track { background: #eeeded; border-radius: 0; }
.product-detail-block .product-attribute-selected .box-attribute::-webkit-scrollbar-thumb { background: #eeeded; border-radius: 0px; }
.product-detail-block .product-attribute-selected .box-attribute::-webkit-scrollbar-thumb:hover { background: #b9b9b9; height: 100px; }
.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; }
.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; }
.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; }
.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; }
.product-detail-block .product-attribute-selected .attribute-images .image.image-circle.selected::before { border-radius: 50%; width: calc(100% - 5px); height: calc(100% - 5px); }
.product-detail-block .product-attribute-selected .attribute-images .image.image-circle img { border-radius: 50%; }
.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; }
.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; }
.product-detail-block .product-attribute-selected .attribute-skus .sku.selected { border-color: black; color: #000000; }
.product-detail-block .product-attribute-selected .attribute-skus .sku:hover, .product-detail-block .product-attribute-selected .attribute-skus .sku:focus { color: #000000; }
.product-detail-block .product-actions .btn { margin-bottom: 30px; padding: 24px 8px; }
.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; }
.product-detail-block .product-share .label { color: #4e4e4f; text-transform: uppercase; font-weight: 700; font-size: 20px; margin-right: 20px; }
.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; }
.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; }
.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; }
.product-detail-block .product-share .socicals .socical .icon::before { color: inherit; }
.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; }
.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; }

.product-content-block { background-color: #f8f8f8; margin-bottom: 30px; }
.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; }
.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; }
.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; }
.product-content-block .collapse .card-body { padding: 0; background-color: #f8f8f8; border-width: 0; }
.product-content-block .inner-content { padding-bottom: 40px; padding-top: 40px; font-size: 20px; }
.product-content-block .inner-content h1, .product-content-block .inner-content h2, .product-content-block .inner-content h3 { font-size: 28px; }
.product-content-block .inner-content h3 { font-size: 20px; }
.product-content-block .inner-content::after { content: ""; display: block; width: 100%; clear: both; }

.products { background-color: #f8f8f8; padding: 30px 0; }
.products .product { position: relative; margin-bottom: 50px; display: block; text-decoration: none; }
.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; }
.products .product .wishlists { position: absolute; top: 10px; right: 10px; font-size: 29px; }
.products .product .wishlists .icon-heart::before { color: #4E4E4F; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.products .product .wishlists.active { color: #981B1E; }
.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; }
.products .product .title { width: 100%; text-align: left; font-size: 16px; font-weight: 400; color: #000; min-height: 50px; position: relative; z-index: 2; }
.products .product .title a { color: inherit; text-decoration: none; }
.products .product .title:hover, .products .product .title:focus { color: #981B1E; }
.products .product .thumbnail { position: relative; z-index: 2; margin-bottom: 38px; display: block; overflow: hidden; }
.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%; }
.products .product .thumbnail .item-gallery-wrapper { position: relative; }
.products .product .thumbnail .item-gallery-wrapper .product-item-image { position: relative; width: 100%; padding-top: 100%; height: 0; }
.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; }
.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; }
.products .product:hover::before { opacity: 1; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.products .product:hover .thumbnail .item-gallery-wrapper { position: relative; }
.products .product:hover .thumbnail .item-gallery-wrapper .product-item-image { background-color: #f8f8f8; }
.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; }
.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); }

.product-maybe-will-like, .product-mix-match { padding-top: 50px; background-color: #f8f8f8; }
.product-maybe-will-like .products, .product-mix-match .products { background-color: #f8f8f8; padding-bottom: 50px; }
.product-maybe-will-like .products .section-title, .product-mix-match .products .section-title { padding: 0 53px; font-weight: 700; font-size: 32px; color: #000000; }

.product-mix-match { padding-bottom: 150px; }

.btn-group-filter-slider { width: 100%; margin-bottom: 55px; }
.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; }
.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; }
.btn-group-filter-slider .nav-tabs { width: 100%; border-bottom: 0px solid #000; }
.btn-group-filter-slider .nav-tabs .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333333%; }

.section-hot-post { padding-top: 50px; margin-bottom: 65px; }
.section-hot-post .section-title { font-weight: 700; font-size: 48px; text-transform: uppercase; color: #000000; margin-bottom: 50px; }
.section-hot-post .post { position: relative; }
.section-hot-post .post.post-thumb { overflow: hidden; }
.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%); }
.section-hot-post .post .post-img img { display: block; width: 100%; height: auto; }
.section-hot-post .post .post-img .big-thumb { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 75%; }
.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%); }
.section-hot-post .post .post-img .small-thumb { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 75%; }
.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%); }
.section-hot-post .post .post-body { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; }
.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; }
.section-hot-post .post .post-body .post-category { margin-bottom: 10px; }
.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; }
.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); }
.section-hot-post .post .post-body .post-title a { color: inherit; text-decoration: none; }
.section-hot-post .post .post-body .post-title:hover, .section-hot-post .post .post-body .post-title:focus { color: #981B1E; }
.section-hot-post .post .post-body .post-title:hover a, .section-hot-post .post .post-body .post-title:focus a { color: #981B1E; }
.section-hot-post .post .post-body .post-meta { padding-left: 0; margin-bottom: 0; list-style-type: none; }
.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); }
.section-hot-post .hot-post-left .post .post-body { padding: 25px 30px; }
.section-hot-post .hot-post-right .post { margin-bottom: 18px; }
.section-hot-post .hot-post-right .post .post-body { padding: 10px 20px; }
.section-hot-post .hot-post-right .post .post-body .tag-new { margin-bottom: 10px; }
.section-hot-post .hot-post-right .post .post-body .post-category { margin-bottom: 5px; }
.section-hot-post .hot-post-right .post .post-body .post-category a { font-size: 14px; }
.section-hot-post .hot-post-right .post .post-body .post-title { margin-bottom: 5px; font-size: 20px; }
.section-hot-post .hot-post-right .post .post-body .post-meta li { font-size: 14px; }
.section-hot-post .hot-post-right .post:last-child { margin-bottom: 0; }
.section-hot-post .swiper-hot-post-slider .post-img { display: block; position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 75%; }
.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%); }

.post-margin { margin-bottom: 60px; }

.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); }
.posts .post.post-thumb { overflow: hidden; }
.posts .post .post-img img { display: block; width: 100%; height: auto; }
.posts .post .post-body { position: relative; width: 100%; z-index: 2; background-color: #ffffff; padding: 28px 22px 50px 22px; min-height: 200px; }
.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; }
.posts .post .post-body .post-category { margin-bottom: 6px; }
.posts .post .post-body .post-category a { color: #000000; font-weight: 400; font-size: 14px; display: inline-block; text-decoration: none; text-transform: uppercase; }
.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; }
.posts .post .post-body .post-title a { color: inherit; text-decoration: none; }
.posts .post .post-body .post-title:hover, .posts .post .post-body .post-title:focus { color: #981B1E; }
.posts .post .post-body .post-title:hover a, .posts .post .post-body .post-title:focus a { color: #981B1E; }
.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%; }
.posts .post .post-body .post-meta li { color: #000000; font-weight: 400; font-size: 14px; display: inline-block; text-transform: uppercase; }
.posts .post .post-body.post-body-x2 { min-height: 270px; padding: 36px 22px; }
.posts .post .post-body.post-body-x2 .post-category { margin-bottom: 10px; }
.posts .post .post-body.post-body-x2 .post-category a { font-size: 16px; }
.posts .post .post-body.post-body-x2 .post-title { font-size: 24px; margin-bottom: 25px; }
.posts .post .post-body.post-body-x2 .post-title a { color: inherit; text-decoration: none; }
.posts .post .post-body.post-body-x2 .post-meta li { font-size: 16px; }

.section-news-listing { margin-bottom: 150px; }
.section-news-listing .news-listing-header { margin-bottom: 70px; }
.section-news-listing .news-listing-header .nav { border-bottom: 1px solid #000; }
.section-news-listing .news-listing-header .nav .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; }
.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; }
.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; }
.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; }
.section-news-listing .news-listing-header .nav .nav-item .nav-link.active { font-weight: 700; color: #ffffff; background-color: #981b1e; }
.section-news-listing .news-listing-header .nav .nav-item .nav-link.active::after { width: 100%; }
.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; }
.section-news-listing .catalogue-listing-footer { margin-top: 40px; }

.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; }
.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%); }

.section-posts-related { background-color: #e6e6e6; padding-top: 86px; padding-bottom: 117px; }
.section-posts-related .section-title { color: #000000; font-weight: 700; font-size: 32px; text-transform: uppercase; margin-bottom: 50px; }
.section-posts-related .posts-related { margin-left: -5px; margin-right: -5px; }
.section-posts-related .swiper-posts-related-slider { padding: 5px; }

.section-post-detail { padding: 40px 0 100px 0; }
.section-post-detail .post-detail-wrapper { max-width: 910px; width: 100%; margin: auto; }
.section-post-detail .post-detail-header .post-category { margin-bottom: 15px; }
.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; }
.section-post-detail .post-detail-header .post-category a:hover, .section-post-detail .post-detail-header .post-category a:focus { color: #981B1E; }
.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; }
.section-post-detail .post-detail-header .post-title:hover, .section-post-detail .post-detail-header .post-title:focus { color: #981B1E; }
.section-post-detail .post-detail-header .post-title:hover a, .section-post-detail .post-detail-header .post-title:focus a { color: #981B1E; }
.section-post-detail .post-detail-header .post-meta { padding-left: 0; margin-bottom: 0; list-style-type: none; margin-bottom: 40px; }
.section-post-detail .post-detail-header .post-meta li { color: #000000; font-weight: 400; font-size: 16px; display: inline-block; text-transform: uppercase; }
.section-post-detail .post-detail-header .short-content { margin-bottom: 40px; font-size: 20px; font-weight: 400; color: #4E4E4F; }
.section-post-detail .post-detail-body { font-size: 20px; font-weight: 400; margin-bottom: 80px; color: #4E4E4F; }
.section-post-detail .post-detail-body h1, .section-post-detail .post-detail-body h2 { font-size: 28px; margin-bottom: 30px; }
.section-post-detail .post-detail-body h3 { font-size: 24px; margin-bottom: 30px; }
.section-post-detail .post-detail-body h4, .section-post-detail .post-detail-body h5 { font-size: 20px; margin-bottom: 30px; }
.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; }
.section-post-detail .post-detail-body p { font-size: 20px; margin-bottom: 30px; }
.section-post-detail .post-detail-body a { font-size: 20px; }
.section-post-detail .post-detail-body a:hover, .section-post-detail .post-detail-body a:focus { color: #981B1E; }
.section-post-detail .post-detail-body blockquote, .section-post-detail .post-detail-body .blockquote { padding: 15px; border-left: 4px solid #981B1E; background-color: #e6e6e6; }
.section-post-detail .post-detail-body blockquote p:last-child, .section-post-detail .post-detail-body .blockquote p:last-child { margin-bottom: 0; }
.section-post-detail .post-detail-body b, .section-post-detail .post-detail-body strong { font-weight: 700; }
.section-post-detail .post-detail-body figure { margin-bottom: 60px; }
.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; }
.section-post-detail .block-embed_block iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.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; }
.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%; }
.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; }
.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; }
.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; }
.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; }
.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; }
.section-post-detail .post-detail-footer .footer-action .socicals .socical .icon::before { color: inherit; }
.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; }
.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; }

.section-blog-detail-header { background-color: #d7c6bc; padding: 40px 0 50px 0; }
.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; }
.section-blog-detail-header .sub { text-decoration: none; font-weight: 700; font-size: 35px; color: #000000; text-align: right; }
.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; }
.section-blog-detail-header .meta .category { text-decoration: none; font-weight: 400; font-size: 16px; color: #000000; text-transform: uppercase; }
.section-blog-detail-header .meta .time { text-decoration: none; font-weight: 400; font-size: 16px; color: #000000; }

.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; }
.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%; }
.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; }
.post-detail-footer .footer-action .content-share .label { text-transform: uppercase; font-weight: 700; font-size: 20px; color: #8e8e8e; margin-right: 22px; }
.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; }
.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; }
.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; }
.post-detail-footer .footer-action .socicals .socical .icon::before { color: inherit; }
.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; }
.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; }

.modal-newsletter, .modal-forgot-password { background: rgba(0, 0, 0, 0.5); }
.modal-newsletter .modal-dialog, .modal-forgot-password .modal-dialog { padding-top: 120px; }
.modal-newsletter .modal-content, .modal-forgot-password .modal-content { background-color: #eeebe6; border-radius: 0; }
.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; }
.modal-newsletter .modal-content .btn-close img, .modal-forgot-password .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
.modal-newsletter .modal-content .modal-body, .modal-forgot-password .modal-content .modal-body { padding: 25px 30px; min-height: 470px; }
.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; }
.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; }
.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; }
.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; }
.modal-newsletter .modal-content .modal-body .form-group, .modal-forgot-password .modal-content .modal-body .form-group { margin-bottom: 25px; }
.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; }
.modal-newsletter .modal-content .modal-footer, .modal-forgot-password .modal-content .modal-footer { border-top-width: 0; }
.modal-newsletter .modal-content .nav-menu, .modal-forgot-password .modal-content .nav-menu { list-style-type: none; width: 100%; padding-left: 0; }
.modal-newsletter .modal-content .nav-menu .nav-item, .modal-forgot-password .modal-content .nav-menu .nav-item { text-align: center; margin-bottom: 15px; }
.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; }

.modal-forgot-password .modal-content .modal-body { padding-top: 50px; padding-bottom: 50px; min-height: 580px; }

.modal-authorization { background: rgba(0, 0, 0, 0.5); }
.modal-authorization .modal-dialog { padding-top: 120px; }
.modal-authorization .modal-content { background-color: #eeebe6; border-radius: 0; }
.modal-authorization .modal-content .btn-close { width: 45px; height: 45px; background: unset; position: absolute; top: 10px; right: 10px; z-index: 3; }
.modal-authorization .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
.modal-authorization .modal-content .modal-body { padding: 25px 30px; min-height: 470px; }
.modal-authorization .modal-content .modal-body .open-email { display: block; width: 124px; margin: 0 auto 50px auto; }
.modal-authorization .modal-content .modal-body .inner-authorization { padding: 40px 40px; position: relative; height: 100%; }
.modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login { padding: 90px 40px; }
.modal-authorization .modal-content .modal-body h3 { text-align: center; text-transform: initial; margin-bottom: 45px; font-size: 36px; color: #000000; }
.modal-authorization .modal-content .modal-body .text { color: #4E4E4F; font-weight: 400; font-size: 16px; margin-bottom: 55px; }
.modal-authorization .modal-content .modal-body .form-group { margin-bottom: 45px; }
.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; }
.modal-authorization .modal-content .modal-body .form-group.form-group-password { position: relative; }
.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; }
.modal-authorization .modal-content .modal-body .form-group-button .btn { margin-bottom: 45px; }
.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; }
.modal-authorization .modal-content .modal-body .forgot-password a { color: #981B1E; text-decoration: none; }
.modal-authorization .modal-content .modal-body .inner-authorization-image { position: relative; }
.modal-authorization .modal-content .modal-body .inner-authorization-image .inner-contenr { position: absolute; padding: 50px 30px; left: 0; bottom: 0; }
.modal-authorization .modal-content .modal-body .inner-authorization-image .inner-contenr h3 { color: #ffffff; font-size: 40px; margin-bottom: 25px; text-align: left; }
.modal-authorization .modal-content .modal-body .inner-authorization-image .inner-contenr .text { color: #ffffff; font-size: 14px; margin-bottom: 0; text-align: left; }
.modal-authorization .modal-content .modal-body .inner-authorization-register h3 { margin-bottom: 12px; }
.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; }
.modal-authorization .modal-content .modal-body .inner-authorization-register .form-group-button .btn { margin-bottom: 0px; }
.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; }
.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); }
.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; }
.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; }
.modal-authorization .modal-content .modal-body .inner-authorization-success .icon-success { width: 100px; display: block; margin: 0 auto 43px auto; }
.modal-authorization .modal-content .modal-body .inner-authorization-success .icon-success img { display: block; width: 100%; }
.modal-authorization .modal-content .modal-body .inner-authorization-success h3 { margin-bottom: 64px; }
.modal-authorization .modal-content .modal-footer { border-top-width: 0; }
.modal-authorization .modal-content .nav-menu { list-style-type: none; width: 100%; padding-left: 0; }
.modal-authorization .modal-content .nav-menu .nav-item { text-align: center; margin-bottom: 15px; }
.modal-authorization .modal-content .nav-menu .nav-item .nav-link { font-size: 16px; color: #981B1E; }

.modal-project-detail .modal-dialog { margin-top: 100px; }
.modal-project-detail .modal-content { border-radius: 0; }
.modal-project-detail .modal-content .btn-close { width: 45px; height: 45px; background: unset; position: absolute; top: 10px; right: 10px; z-index: 3; }
.modal-project-detail .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
.modal-project-detail .modal-body { background-color: #f8f8f8; }
.modal-project-detail .project-header { display: block; padding: 22px 0 0 0; }
.modal-project-detail .project-header .cat { font-weight: 400; font-size: 20px; text-align: center; margin-bottom: 20px; text-transform: uppercase; }
.modal-project-detail .project-header .title { font-weight: 700; font-size: 48px; text-align: center; color: #000000; margin-bottom: 30px; text-transform: uppercase; }
.modal-project-detail .project-header .thumbnail img { display: block; width: 100%; }
.modal-project-detail .project-body { padding: 50px 75px; }
.modal-project-detail .project-body .thumbnail-info { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 100%; }
.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%); }
.modal-project-detail .project-body .project-info { background-color: #e6e6e6; height: 100%; padding: 75px 38px; }
.modal-project-detail .project-body .project-info .info { font-weight: 400; font-size: 20px; margin-bottom: 20px; }
.modal-project-detail .project-body .project-info .info b { font-weight: 700; }
.modal-project-detail .project-body .project-info .info:last-child { margin-bottom: 0; }
.modal-project-detail .project-body .inner-content { padding: 70px 0 80px 0; border-bottom: 1px solid #000; }
.modal-project-detail .project-body .inner-content h1, .modal-project-detail .project-body .inner-content h2 { font-size: 24px; font-weight: 700; }
.modal-project-detail .project-body .inner-content h3, .modal-project-detail .project-body .inner-content h4 { font-size: 20px; font-weight: 700; }
.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; }
.modal-project-detail .project-body .project-socicals { padding: 50px 0; }
.modal-project-detail .project-body .project-socicals .btn-primary { min-width: 260px; margin-right: 30px; }
.modal-project-detail .project-body .project-socicals .btn-primary:last-child { margin-right: 0; }
.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; }
.modal-project-detail .project-body .content-share .label { text-transform: uppercase; font-weight: 700; font-size: 20px; color: #8e8e8e; margin-right: 22px; }
.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; }
.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; }
.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; }
.modal-project-detail .project-body .socicals .socical .icon::before { color: inherit; }
.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; }
.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; }
.modal-project-detail .project-body .project-related { padding-top: 50px; }
.modal-project-detail .project-body .project-related .row { margin-left: -8px; margin-right: -8px; padding-bottom: 8px; }
.modal-project-detail .project-body .project-related .row > * { padding: 8px; }
.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; }
.modal-project-detail .project-body .project-related .projects-description .description { font-size: 20px; }
.modal-project-detail .project-body .project-related .related-title { font-weight: 700; font-size: 32px; color: #000000; margin-bottom: 56px; }
.modal-project-detail .project-body .project-related .projects { position: relative; text-decoration: none; display: block; cursor: pointer; }
.modal-project-detail .project-body .project-related .projects .thumbnail { position: relative; width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.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%); }
.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; }
.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); }
.modal-project-detail .project-body .project-related .projects .project-title a { text-decoration: none; }
.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); }
.modal-project-detail .project-body .project-related .projects .location a { text-decoration: none; }
.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; }

.modal-product-wish-list .modal-content { background-color: #f8f8f8; border-radius: 0; }
.modal-product-wish-list .modal-content .btn-close { width: 45px; height: 45px; background: unset; position: absolute; top: 10px; right: 10px; z-index: 3; }
.modal-product-wish-list .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
.modal-product-wish-list .modal-content .modal-body { padding: 55px 50px; }
.modal-product-wish-list .product-wish-list .product-title { font-weight: 700; font-size: 24px; margin-bottom: 45px; }
.modal-product-wish-list .product-attribute { font-weight: 400; font-size: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #000; }
.modal-product-wish-list .product-attribute:last-child { border-bottom-width: 0; }
.modal-product-wish-list .product-attribute b { font-weight: 700; }
.modal-product-wish-list .product-attribute .txt-label { display: inline-block; }
.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; }
.modal-product-wish-list .attribute-radio-selected .form-check { padding-left: 0; margin-right: 10px; margin-bottom: 5px; }
.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; }
.modal-product-wish-list .attribute-radio-selected .form-check-input { opacity: 0; z-index: 0; position: absolute; width: 0; height: 0; }
.modal-product-wish-list .attribute-radio-selected .form-check-input:checked ~ .form-check-label { border: 1px solid #000; }
.modal-product-wish-list .group-action .btn-primary { padding: 24px 12px; min-width: 260px; }
.modal-product-wish-list .form-quantity { margin-top: 15px; width: 140px; }

.modal-alert-login .modal-content { background-color: #eeebe6; border-radius: 0; }
.modal-alert-login .modal-content .btn-close { width: 45px; height: 45px; background: unset; position: absolute; top: 10px; right: 10px; z-index: 3; }
.modal-alert-login .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
.modal-alert-login .modal-content .modal-body { padding: 55px 30px; }
.modal-alert-login .icon-login { width: 101px; margin: 0 auto 50px auto; }
.modal-alert-login .icon-login img { display: block; width: 100%; height: auto; }
.modal-alert-login .btn-link { font-size: 16px; }

.modal-alert-login .modal-content { background-color: #eeebe6; border-radius: 0; }
.modal-alert-login .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5x; right: 5px; z-index: 3; }
.modal-alert-login .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
.modal-alert-login .modal-content .modal-body { padding: 45px 20px 25px 20px; }
.modal-alert-login .modal-content .modal-body .text { font-size: 16px; }
.modal-alert-login .icon-login { width: 80px; margin: 0 auto 50px auto; }
.modal-alert-login .icon-login img { display: block; width: 100%; height: auto; }
.modal-alert-login .btn-link { font-size: 16px; }

.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; }
.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; }
.section-dashboard .dashboard-sidebar .nav-menu-profile { padding-left: 0; list-style-type: none; }
.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; }
.section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link .icon { font-size: 20px; margin-right: 15px; }
.section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link.active { background-color: #e0dbd8; color: #000000; }
.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; }
.section-dashboard .dashboard-content .title { margin-bottom: 35px; color: #000; font-weight: 700; font-size: 32px; }
.section-dashboard .dashboard-content .mb-20 { margin-bottom: 20px; }
.section-dashboard .dashboard-content .profile-content { margin-bottom: 150px; }
.section-dashboard .dashboard-content .line { height: 1px; width: 100%; background-color: #000000; margin-bottom: 15px; }
.section-dashboard .dashboard-content .btn-logout { font-weight: 400; font-size: 16px; padding: 5px 0; color: #000000; }
.section-dashboard .dashboard-content .btn-logout:hover, .section-dashboard .dashboard-content .btn-logout:focus { color: #981B1E; }
.section-dashboard .dashboard-content .content-edit { position: relative; }
.section-dashboard .dashboard-content .content-edit .label { font-weight: 400; font-size: 14px; color: #8e8e8e; margin-bottom: 3px; }
.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; }
.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; }
.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; }
.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; }
.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; }
.section-dashboard .favourite-listing .favourite-listing-header { margin-bottom: 100px; }
.section-dashboard .favourite-listing .favourite-listing-header .nav { border-bottom: 1px solid #000; }
.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%; }
.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; }
.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%); }
.section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item .nav-link.active { font-weight: 700; color: #981B1E; }
.section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item .nav-link.active::after { width: 100%; }
.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; }
.section-dashboard .favourite-listing .checkbox-all { margin-bottom: 60px; }
.section-dashboard .favourite-listing .checkbox-all .form-check { padding-left: 0; position: relative; padding-left: 60px; }
.section-dashboard .favourite-listing .checkbox-all .form-check .form-check-input { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; }
.section-dashboard .favourite-listing .checkbox-all .form-check .form-check-label { font-size: 14px; font-weight: 700; text-transform: uppercase; cursor: pointer; }
.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%); }
.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; }
.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; }
.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; }
.section-dashboard .favourite-listing .content-favourite .col-selected { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 40px; }
.section-dashboard .favourite-listing .content-favourite .col-selected .form-check { margin: 0; padding-left: 0; position: relative; }
.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; }
.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; }
.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; }
.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; }
.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; }
.section-dashboard .favourite-listing .content-favourite .col-content .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 300px; }
.section-dashboard .favourite-listing .content-favourite .col-content .thumbnail img { display: block; width: 100%; }
.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; }
.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; }
.section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name a { text-decoration: none; color: inherit; }
.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; }
.section-dashboard .favourite-listing .content-favourite .col-content .attributes ul { list-style-type: none; padding-left: 0; }
.section-dashboard .favourite-listing .content-favourite .col-content .attributes ul li { margin-bottom: 16px; font-weight: 400; font-size: 14px; }
.section-dashboard .favourite-listing .content-favourite .col-content .attributes ul li b { text-transform: uppercase; }
.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; }
.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; }
.section-dashboard .favourite-listing .content-favourite.content-favourite-listing .col-content { width: calc(100% - 110px); padding: 0 0; }
.section-dashboard .favourite-listing .content-favourite.content-download-listing .col-content { width: 100%; padding: 0 0; }
.section-dashboard .favourite-listing .content-favourite.content-download-listing .datetime { font-weight: 400; font-size: 16px; text-align: right; color: #4E4E4F; }
.section-dashboard .favourite-listing .card { margin-bottom: 20px; background-color: #ffffff; border-width: 0; padding: 23px 30px 50px 30px; }
.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; }
.section-dashboard .favourite-listing .card .card-header .code { color: #000; font-weight: 700; font-size: 24px; }
.section-dashboard .favourite-listing .card .card-header .btn-secondary { font-size: 16px; }
.section-dashboard .favourite-listing .card .card-body { padding: 50px 0; border-bottom: 1px solid #000; }
.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; }
.section-dashboard .favourite-listing .card .card-footer .btn { margin-left: 20px; font-size: 20px; min-width: 160px; padding: 16px 0; }
.section-dashboard .favourite-listing .card .card-footer .btn .icon { font-size: 20px; }
.section-dashboard .favourite-listing .card .card-footer .btn .icon::before { font-size: inherit; }
.section-dashboard .favourite-listing .card .card-footer .btn:first-child { margin-left: 0; }

.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; }
.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; }
.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; }

.picture-appear, .catalogue, .collection, .post-thumbnail, .tiles-general-product, .solution, .project-thumbnail { position: relative; overflow: hidden; }
.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); }
.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); }

.object-fit { position: relative; width: 100%; height: 0; overflow: hidden; }
.object-fit.object-fit-1-1 { padding-top: 100%; }
.object-fit.object-fit-16-9 { padding-top: 56.25%; }
.object-fit.object-fit-9-16 { padding-top: 177.78%; }
.object-fit.object-fit-3-5 { padding-top: 60%; }
.object-fit.object-fit-3-4 { padding-top: 75%; }
.object-fit.object-fit-6-7 { padding-top: 116.67%; }
.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%); }

.section-loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 99999; }
.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"); }

.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; }

.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; }

.rotatedevice { display: block; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000e46; z-index: 9999; }
.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 screen and (min-width: 1200px) and (max-width: 1399px) { .navbar-vietceramics { background-color: #ffffff; padding: 0 0; }
  .navbar-vietceramics .navbar-brand { width: auto; height: 46px; }
  .navbar-vietceramics .navbar-brand img { display: block; width: auto; height: 100%; }
  .navbar-vietceramics .nav-item { margin-right: 5px; }
  .navbar-vietceramics .nav-item:last-child { margin-right: 0; }
  .navbar-vietceramics .nav-item.dropdown:hover > .dropdown-menu { display: block; }
  .navbar-vietceramics .nav-item.dropdown > .dropdown-toggle:active { /*Without this, clicking will make it sticky*/ pointer-events: none; }
  .navbar-vietceramics .nav-item .nav-link { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
  .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; }
  .navbar-vietceramics .nav-item .nav-link.active { color: #981B1E; }
  .navbar-vietceramics .dropdown-toggle::after { display: none; }
  .navbar-vietceramics .nav-link { font-family: Averta Std; font-weight: 400; font-size: 12px; line-height: 1.25; text-align: center; text-transform: uppercase; }
  .navbar-vietceramics .nav-item-icon { position: relative; }
  .navbar-vietceramics .nav-item-icon .icon { font-size: 20px; }
  .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; }
  .navbar-vietceramics .nav-item-icon .nav-link { padding: 38px 10px !important; display: block; }
  .navbar-vietceramics .navbar-menu { position: relative; margin-right: 70px; }
  .navbar-vietceramics .navbar-menu .nav-item .nav-link { padding: 38px 10px !important; display: block; }
  .navbar-vietceramics .navbar-collapse { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }
  .navbar-vietceramics .dropdown-menu { background-color: #f8f8f8; border: 1px solid #f8f8f8; padding: 34px 60px; }
  .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; }
  .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; }
  .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; }
  .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; }
  .navbar-vietceramics .dropdown-menu .col-megamenu { list-style-type: none; padding-left: 0; }
  .navbar-vietceramics .dropdown-menu .col-megamenu li { margin-bottom: 25px; }
  .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; }
  .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; }
  .navbar-vietceramics .dropdown-menu .col-megamenu li .dropdown-item.active { color: #981B1E; }
  .navbar-vietceramics .dropdown-menu.dropdown-menu-start { min-width: 250px; }
  .navbar-vietceramics .has-megamenu { position: static !important; }
  .navbar-vietceramics .has-megamenu .megamenu { left: 0; width: 100%; }
  .navbar-vietceramics .dropdown-menu-end { left: unset; right: 0; margin-right: -48px; }
  .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; }
  .navbar-vietceramics .dropdown-menu-profile .divider { background-color: #8E8E8E; width: 100%; height: 1px; }
  .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; }
  .navbar-vietceramics .dropdown-menu-profile .current-user .avata { width: 48px; height: 48px; border: 1px solid #000; background-color: #8e8e8e; position: relative; border-radius: 50%; }
  .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; }
  .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; }
  .navbar-vietceramics .dropdown-menu-profile .current-user .user-profile { padding-left: 14px; }
  .navbar-vietceramics .dropdown-menu-profile .current-user .user-profile .name { text-align: left; font-weight: 700; font-size: 20px; color: #4E4E4F; margin-bottom: 3px; }
  .navbar-vietceramics .dropdown-menu-profile .current-user .user-profile .email { text-align: left; font-weight: 400; font-size: 12px; color: #4E4E4F; margin-bottom: 0; }
  .navbar-vietceramics .dropdown-menu-profile .dropdown-item { font-size: 16px; }
  .navbar-vietceramics .dropdown-menu-profile .dropdown-item .icon { margin-right: 14px; }
  .group-action-menu { display: none; }
  .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; }
  .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; }
  .group-action-menu .navbar-nav .nav-item .nav-link { height: 100%; width: 100%; line-height: 25px; font-size: 20px; text-align: center; }
  .group-action-menu .navbar-nav .nav-item .nav-link::after { display: none; } }
@media screen and (max-height: 650px) and (max-width: 1599px) and (min-width: 1025px) { .slider-vietceramics .banner { padding-top: 500px; }
  .slider-vietceramics .banner-layers { padding-top: 25px; padding: 45px 25px 30px 75px; min-width: 620px; }
  .slider-vietceramics .banner-layers .title { font-size: 42px; }
  .slider-vietceramics .banner-layers .sub { font-size: 18px; }
  .slider-vietceramics .swiper-button-prev { width: 40px; height: 48px; bottom: 40px; right: 144px; font-size: 32px; }
  .slider-vietceramics .swiper-button-next { width: 40px; height: 48px; bottom: 40px; right: 75px; font-size: 32px; }
  .slider-vietceramics .swiper-pagination { top: unset; bottom: 55px; }
  .catalogue-slider .banner { padding-top: 470px; }
  .slider-projects .banner { padding-top: 650px; }
  .swiper-button-next, .swiper-button-prev { width: 40px !important; height: 48px !important; font-size: 32px !important; }
  .swiper-button-next::after, .swiper-button-prev::after { font-size: 32px !important; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { .navbar-vietceramics { background-color: #ffffff; padding: 0 0; }
  .navbar-vietceramics .navbar-brand { width: auto; height: 46px; }
  .navbar-vietceramics .navbar-brand img { display: block; width: auto; height: 100%; }
  .navbar-vietceramics .nav-item { margin-right: 5px; }
  .navbar-vietceramics .nav-item:last-child { margin-right: 0; }
  .navbar-vietceramics .nav-item.dropdown:hover > .dropdown-menu { display: block; }
  .navbar-vietceramics .nav-item.dropdown > .dropdown-toggle:active { /*Without this, clicking will make it sticky*/ pointer-events: none; }
  .navbar-vietceramics .nav-item .nav-link { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
  .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; }
  .navbar-vietceramics .nav-item .nav-link.active { color: #981B1E; }
  .navbar-vietceramics .dropdown-toggle::after { display: none; }
  .navbar-vietceramics .nav-link { font-family: Averta Std; font-weight: 400; font-size: 11px; line-height: 1.25; text-align: center; text-transform: uppercase; }
  .navbar-vietceramics .nav-item-icon { position: relative; }
  .navbar-vietceramics .nav-item-icon .icon { font-size: 20px; }
  .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; }
  .navbar-vietceramics .nav-item-icon .nav-link { padding: 38px 5px !important; display: block; }
  .navbar-vietceramics .navbar-menu { position: relative; margin-right: 20px; }
  .navbar-vietceramics .navbar-menu .nav-item .nav-link { padding: 38px 10px !important; display: block; }
  .navbar-vietceramics .navbar-collapse { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; }
  .navbar-vietceramics .dropdown-menu { background-color: #f8f8f8; border: 1px solid #f8f8f8; padding: 34px 60px; }
  .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; }
  .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; }
  .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; }
  .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; }
  .navbar-vietceramics .dropdown-menu .col-megamenu { list-style-type: none; padding-left: 0; }
  .navbar-vietceramics .dropdown-menu .col-megamenu li { margin-bottom: 25px; }
  .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; }
  .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; }
  .navbar-vietceramics .dropdown-menu .col-megamenu li .dropdown-item.active { color: #981B1E; }
  .navbar-vietceramics .dropdown-menu.dropdown-menu-start { min-width: 250px; }
  .navbar-vietceramics .has-megamenu { position: static !important; }
  .navbar-vietceramics .has-megamenu .megamenu { left: 0; width: 100%; }
  .navbar-vietceramics .dropdown-menu-end { left: unset; right: 0; margin-right: -48px; }
  .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; }
  .navbar-vietceramics .dropdown-menu-profile .divider { background-color: #8E8E8E; width: 100%; height: 1px; }
  .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; }
  .navbar-vietceramics .dropdown-menu-profile .current-user .avata { width: 48px; height: 48px; border: 1px solid #000; background-color: #8e8e8e; position: relative; border-radius: 50%; }
  .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; }
  .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; }
  .navbar-vietceramics .dropdown-menu-profile .current-user .user-profile { padding-left: 14px; }
  .navbar-vietceramics .dropdown-menu-profile .current-user .user-profile .name { text-align: left; font-weight: 700; font-size: 20px; color: #4E4E4F; margin-bottom: 3px; }
  .navbar-vietceramics .dropdown-menu-profile .current-user .user-profile .email { text-align: left; font-weight: 400; font-size: 12px; color: #4E4E4F; margin-bottom: 0; }
  .navbar-vietceramics .dropdown-menu-profile .dropdown-item { font-size: 16px; }
  .navbar-vietceramics .dropdown-menu-profile .dropdown-item .icon { margin-right: 14px; }
  .group-action-menu { display: none; }
  .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; }
  .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; }
  .group-action-menu .navbar-nav .nav-item .nav-link { height: 100%; width: 100%; line-height: 25px; font-size: 20px; text-align: center; }
  .group-action-menu .navbar-nav .nav-item .nav-link::after { display: none; }
  .navbar .container { max-width: 100%; }
  .section-catalogues .col-cs-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45%; }
  .section-news .blog-post .post-info-wrapper { min-height: 230px; }
  .section-achievements .box-icon .number { font-size: 48px; }
  .section-partner { padding-top: 80px; padding-bottom: 80px; }
  .section-solutions .solution-title .solution-title-inner { padding: 5px 35px 5px 35px; width: 100%; }
  .section-tiles-general-products .tiles-general-product-description { padding: 20px; }
  .section-product-information .col-inner { padding: 15px; }
  .section-product-information .col-inner h2 { margin-bottom: 15px; font-size: 28px; }
  .section-banner-sanitary-general.section-content-end .banner-layers { left: 46%; padding-left: 0; padding-right: 80px; width: 54%; }
  .section-banner-sanitary-general.section-content-start .banner-layers { padding-left: 80px; width: 54%; }
  .section-collection-inspiration-content .inner-content { font-size: 16px; }
  .collection-inspiration-color-size .description { font-size: 18px; }
  .section-vietceramics-projects .projects-description { padding: 15px 15px; }
  .section-vietceramics-projects .projects .project-title { font-size: 20px; padding: 30px 10px; min-height: 120px; }
  .section-service-intro { padding: 34px 0 20px 0; background-color: #f8f8f8; }
  .section-service-intro .section-title { font-size: 24px; margin-bottom: 33px; }
  .section-service-intro .content { font-weight: 400; font-size: 20px; color: #4E4E4F; text-align: left; }
  .section-service-intro .content p { text-align: left; font-size: 16px; margin-bottom: 30px; }
  .section-service-vietceramics .col-inner { padding: 40px 30px 40px 30px; }
  .section-service-vietceramics .col-inner h2 { font-size: 24px; }
  .section-service-vietceramics .col-inner .text { margin-bottom: 48px; }
  .section-introduction-jobs { background-color: #e0dbd8; }
  .section-introduction-jobs .col-inner { padding: 30px 20px 47px 20px; max-width: 720px; width: 100%; }
  .section-introduction-jobs .col-inner .description { margin-bottom: 30px; font-weight: 400; font-size: 20px; }
  .section-introduction-jobs .col-inner .group-action .btn { font-size: 14px; }
  .section-jobs-dashboard .jobs-dashboard-sidebar { padding: 38px 15px 75px 15px; }
  .section-jobs-dashboard .jobs-dashboard-content { padding: 30px 20px 0 20px; }
  .section-jobs-dashboard .jobs-dashboard-content .title { text-transform: uppercase; font-weight: 700; font-size: 24px; color: #000000; margin-bottom: 15px; }
  .section-jobs-dashboard .read-more { padding: 50px 0 50px 0; }
  .section-jobs-dashboard .nav-mobile-filter { background-color: #ffffff; padding: 10px 0; margin-bottom: 30px; position: relative; }
  .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; }
  .section-jobs-dashboard .nav-mobile-filter .btn-fillter { background-color: #981B1E; border: 1px solid #981B1E; color: #ffffff; position: relative; z-index: 2; }
  .section-jobs-dashboard .nav-mobile-filter .btn-fillter .icon { margin-right: 12px; }
  .section-jobs-dashboard .sidebar-footer .btn-filter { font-size: 14px; }
  .jobs .job { padding: 30px 13px 36px 13px; }
  .jobs .job .job-name { font-size: 24px; }
  .jobs .job .meta li { font-size: 12px; }
  .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; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item .nav-link .icon { font-size: 18px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail { padding-left: 40px; }
  .section-showrooms .showrooms-header { margin-bottom: 50px; }
  .section-showrooms .showrooms-body .showroom-detail .name { font-size: 28px; }
  .section-showrooms .showrooms .showroom .name { font-size: 16px; margin-bottom: 13px; }
  .section-showrooms .showrooms .showroom .district { font-size: 16px; margin-bottom: 13px; }
  .section-showrooms .showrooms .showroom .address { font-size: 15px; }
  .section-collection-inspiration-content { margin-bottom: 40px; }
  .section-collection-inspiration-content .inner-content h4 { font-size: 20px; }
  .section-collection-inspiration-content .blockquote { font-size: 28px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .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%; }
  .newsletter .contact { padding: 60px 20px; }
  .newsletter .contact .listitem .item a { font-size: 18px; }
  .newsletter .newsletter-inner { padding: 88px 35px 88px 35px; }
  .to_top { width: 60px; height: 60px; }
  .to_top .icon { font-size: 18px; }
  .to_top.show { right: 15px; bottom: 90px; }
  .section-dashboard .dashboard-sidebar { min-height: auto; width: 250px; padding: 20px 0; }
  .section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link { padding: 17px 10px 17px 30px; font-size: 14px; }
  .section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link .icon { font-size: 18px; }
  .section-dashboard .dashboard-content { width: calc(100% - 250px); padding-top: 50px; padding-left: 80px; padding-bottom: 100px; padding-right: 75px; min-height: auto; }
  .section-dashboard .dashboard-content .title { font-size: 24px; margin-bottom: 25px; }
  .section-dashboard .dashboard-content .profile-content { margin-bottom: 90px; }
  .section-dashboard .dashboard-content .content-edit { padding-right: 58px; }
  .section-dashboard .dashboard-content .content-edit.content-edit-form .btn-edit { font-size: 14px; bottom: 10px; right: 0; }
  .section-dashboard .favourite-listing .content-favourite .col-content .thumbnail { width: 180px; }
  .section-dashboard .favourite-listing .content-favourite .col-content .inner-content { width: calc(100% - 180px); padding-left: 30px; padding-top: 5px; padding-bottom: 5px; }
  .product-detail-block .product-title { font-size: 28px; }
  .product-detail-block .group-product-attributes { margin-bottom: 60px; }
  .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; }
  .product-detail-block .product-actions .btn .icon { font-size: 16px; }
  .product-main-block .product-right { padding-left: 15px !important; }
  .product-main-block .product-left { padding-right: 15px !important; }
  .product-main-block .product-description { font-size: 20px; }
  .product-maybe-will-like, .product-mix-match { padding-top: 50px; }
  .product-maybe-will-like .section-title, .product-mix-match .section-title { font-size: 24px; padding-left: 30px; }
  .product-maybe-will-like .products, .product-mix-match .products { padding: 50px 0 50px 0; }
  .btn-group-filter-slider .btn-filter { font-size: 16px; }
  .section-blog-detail-header .title { font-size: 36px; margin-bottom: 50px; min-height: 250px; }
  .section-blog-detail-header .sub { font-size: 24px; }
  .section-blog-detail-header .mb-lg-5 { margin-bottom: 2rem !important; }
  .section-hot-post .post .post-body .post-title { font-size: 24px; }
  .section-hot-post .hot-post-right .post .post-body .post-title { margin-bottom: 5px; font-size: 16px; }
  .section-news-listing .news-listing-header .nav .nav-item .nav-link { font-size: 18px; }
  .posts .post .post-body { min-height: 180px; }
  .posts .post .post-body .post-title { font-size: 16px; }
  .posts .post .post-body.post-body-x2 .post-title { font-size: 20px; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .container { padding-left: 30px; padding-right: 30px; }
  .container-fluid { padding-left: 30px; padding-right: 30px; }
  .main { width: 100vw; overflow-x: hidden; }
  body { padding-top: 90px; }
  body.page-fixed { overflow: hidden; }
  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; }
  .sidenav { display: block; }
  .group-action-menu { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .navbar-vietceramics { padding-top: 25px; padding-bottom: 25px; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; }
  .navbar-vietceramics .container { padding-left: 15px; padding-right: 15px; }
  .navbar-vietceramics .navbar-brand { height: 41px; padding: 0; }
  .navbar-vietceramics .btn-nav-menu-mobile { border-width: 0; }
  .navbar-vietceramics .dropdown-menu-end { position: absolute; right: 0; margin-right: -64px; top: calc(100% + 23px); }
  .btn { border-radius: 0 !important; }
  .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; }
  .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; }
  .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; }
  .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; }
  .btn.btn-primary { padding: 10px 15px; font-size: 16px; }
  .btn.btn-outline-primary { padding: 10px 15px; font-size: 16px; }
  .btn.btn-slider-viewmore { padding: 10px 15px; font-size: 16px; }
  .btn.btn-slider-viewmore:hover { background-color: #981B1E; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #fff !important; }
  .btn.btn-search-advance { padding: 8px 20px; }
  .to_top { width: 60px; height: 60px; }
  .to_top .icon { font-size: 18px; }
  .to_top.show { right: 15px; bottom: 90px; }
  .newsletter .contact { padding: 47px 0px; position: relative; }
  .newsletter .contact::before { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; width: 100vw; background-color: #981B1E; }
  .newsletter .contact .logo { position: relative; z-index: 1; max-width: 190px; margin-bottom: 45px; }
  .newsletter .contact .listitem { position: relative; z-index: 1; }
  .newsletter .contact .listitem .item { padding-left: 0; }
  .newsletter .contact .listitem .item a { display: block; width: 100%; font-size: 16px; position: relative; padding-left: 40px; }
  .newsletter .contact .listitem .item .icon-moon { font-size: 16px; position: absolute; top: 0%; left: 0; }
  .newsletter .contact .socials { position: relative; z-index: 1; }
  .newsletter .newsletter-inner { padding: 50px 0 50px 0; }
  .footer .nav-link { padding: 5px 0; }
  .section-achievements .row { margin-left: -3px; margin-right: -3px; }
  .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; }
  .section-achievements .box-icon .icon { height: 29px; }
  .section-achievements .box-icon .icon img { height: 100%; width: auto; }
  .section-achievements .box-icon .number { font-size: 32px; margin-bottom: 0; }
  .section-achievements .box-icon h5 { font-size: 12px; }
  .section-solutions .solution-title .solution-title-inner { padding: 0 15px 0 30px; }
  .section-solutions .solution-title .solution-title-inner h2 { margin-bottom: 15px; }
  .section-solutions .solution .solution-inner { left: 10px; bottom: 8px; }
  .section-solutions .solution .solution-inner .title { font-size: 10px; }
  .catalogue-slider .banner { padding-top: 500px; }
  .catalogue-slider .banner-layers { padding: 30px; min-width: 100%; width: 100%; }
  .catalogue-slider .banner-layers .label { font-size: 12px; margin-bottom: 8px; }
  .catalogue-slider .banner-layers .title { font-size: 32px; margin-bottom: 15px; }
  .catalogue-slider .banner-layers .sub { font-size: 16px; }
  .catalogue-slider .swiper-button-next, .catalogue-slider .swiper-button-prev { display: none; }
  .catalogue-slider .swiper-pagination { bottom: 18px; }
  .section-vietceramics .img { padding: 0; }
  .section-vietceramics .col-inner { padding: 15px 30px 15px 30px; }
  .section-vietceramics .col-inner h2 { font-size: 32px; }
  .section-vietceramics .col-inner .text { margin-bottom: 48px; }
  .slider-vietceramics .banner { height: 850px; }
  .slider-vietceramics .banner-layers { min-width: 285px; padding: 30px; }
  .slider-vietceramics .banner-layers .title { font-size: 40px; }
  .slider-vietceramics .banner-layers .sub { font-size: 15px; }
  .slider-vietceramics .swiper-button-next, .slider-vietceramics .swiper-button-prev { display: none; }
  .slider-vietceramics .swiper-pagination { bottom: 60px; }
  .section-projects { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .section-projects .project-title, .section-projects .projects-slider { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .section-projects .swiper-button-next, .section-projects .swiper-button-prev { display: none; }
  .section-projects .project-title { padding: 30px 30px; }
  .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; }
  .section-projects .project-title .project-title-inner h2 { margin-bottom: 0; }
  .section-projects .projects-slider { padding-left: 15px; padding-bottom: 90px; }
  .section-projects .projects-slider .banner-layers { padding: 0 30px 0 30px; top: unset; bottom: 60px; }
  .section-projects .projects-slider .banner-layers .title { font-size: 20px; font-weight: 400; }
  .section-projects .projects-slider .swiper-pagination { display: block; }
  .section-projects .banner { padding-top: 350px; }
  .section-partner { padding: 50px 0; }
  .section-collections .g-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .section-collections .collection-title h2 { font-size: 24px; }
  .section-collections .collection .content-inner { bottom: 12px; }
  .section-collections .collection .content-inner h3 { font-size: 12px; margin-bottom: 3px; }
  .section-collections .collection .content-inner h6 { font-size: 10px; margin-bottom: 0; }
  .section-news { background-color: #efefef; }
  .section-news .container { padding-left: 15px; padding-right: 15px; }
  .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; }
  .section-news .new-title .new-title-inner h2 { margin-bottom: 0; }
  .section-news .section-top-new { background-color: #efefef; padding-bottom: 42px; padding-top: 35px; }
  .section-news .section-bottom-new { background-color: #efefef; padding-bottom: 60px; }
  .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; }
  .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%; }
  .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; }
  .section-news .blog-post .post-info-wrapper .post-category { font-size: 10px; margin-bottom: 4px; }
  .section-news .blog-post .post-info-wrapper .post-title { font-size: 13px; text-transform: inherit; margin-bottom: 8px; }
  .section-news .blog-post .post-info-wrapper .post-title a { text-transform: inherit; }
  .section-news .blog-post .post-info-wrapper .post-meta { font-size: 10px; position: relative; left: 0; bottom: unset; width: 100%; }
  .section-catalogues { padding: 40px 0 105px 0; background-color: #efefef; }
  .section-catalogues.section-desktop-catalogues { display: none; }
  .section-catalogues.section-mobile-catalogues { display: block; }
  .section-mobile-catalogues .catalogue-title { padding-left: 15px; padding-right: 15px; margin-bottom: 35px; }
  .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; }
  .section-mobile-catalogues .catalogue-title .catalogue-title-inner h2 { margin-bottom: 0; }
  .section-mobile-catalogues .catalogues-slider { padding-left: 15px; }
  .section-mobile-catalogues .slider-catalogues { padding-right: 125px; }
  .section-mobile-catalogues .slider-catalogues .catalogue:after { display: none; }
  .section-product-banner { position: relative; }
  .section-product-banner .banner { padding-top: 250px; }
  .section-product-banner .banner .fill { height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; }
  .section-product-banner .banner .bg-fill { background-size: cover; background-position: center center; }
  .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%); }
  .section-product-banner .banner .banner-layers h2.title { color: #ffffff; font-size: 24px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
  .section-find-products { background-color: #e6e6e6; padding: 25px 0; }
  .section-find-products .container { padding-left: 15px; padding-right: 15px; }
  .section-find-products .title { font-size: 24px; color: #000000; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; }
  .section-find-products .text { margin-bottom: 20px; }
  .section-tiles-general-products .tiles-general-product-description { padding: 15px 15px; }
  .section-tiles-general-products .tiles-general-product-description .description { font-size: 13px; }
  .section-tiles-general-products .tiles-general-product .product-title { text-align: center; padding: 25px 10px; font-size: 12px; }
  .section-tiles-general-products .row { margin-left: -5px; margin-right: -5px; }
  .section-tiles-general-products .row > * { padding: 5px; }
  .section-tiles-general-solutions { padding-top: 39px; padding-bottom: 70px; }
  .section-tiles-general-solutions .container { padding-left: 15px; padding-right: 15px; }
  .section-tiles-general-solutions .solution-title .solution-title-inner { margin-bottom: 20px; }
  .section-tiles-general-solutions .solution { padding-top: 125%; margin-bottom: 10px; }
  .section-tiles-general-solutions .solution .solution-inner { left: 0; }
  .section-tiles-general-solutions .solution .solution-inner .title { font-size: 14px; text-align: center; width: 100%; }
  .section-tiles-general-solutions .row { margin-left: -5px; margin-right: -5px; }
  .section-tiles-general-solutions .row > * { padding: 0 5px; }
  .section-product-information .container-fluid { padding-left: 0; padding-right: 0; }
  .section-product-information .col-inner { padding: 45px 30px 35px 30px; }
  .section-product-collections .container { padding-left: 15px; padding-right: 15px; }
  .section-product-collections .row { margin-left: -5px; margin-right: -5px; }
  .section-product-collections .row > * { padding-left: 5px; padding-right: 5px; }
  .section-product-collections .collections .collection { padding-top: 125%; margin-bottom: 10px; }
  .section-product-collections .collections .collection .new { font-size: 10px; }
  .section-product-collections .collections .collection .solution-inner { padding: 0 20px; top: 80%; bottom: unset; }
  .section-product-collections .collections .collection .solution-inner .title { font-weight: 700; font-size: 18px; margin-bottom: 7px; }
  .section-product-collections .collections .collection .solution-inner .sub { font-weight: 400; font-size: 16px; }
  .section-all-products .container { padding-left: 15px; padding-right: 15px; }
  .section-all-products .row { margin-left: -5px; margin-right: -5px; }
  .section-all-products .row > * { padding-left: 5px; padding-right: 5px; }
  .section-all-products .products-title { padding: 25px 0 15px 0; }
  .section-all-products .products-title .products-title-inner h2 { font-size: 24px; }
  .section-all-products .products-filter { padding: 25px 0 15px 0; }
  .section-all-products .products-filter.sticky { top: 89px; }
  .section-all-products .products-filter .navbar-filter .nav-item { display: none; }
  .section-all-products .products-filter .navbar-filter .nav-item:first-child { display: block; }
  .products .product { margin-bottom: 20px; }
  .products .product .thumbnail { margin-bottom: 25px; }
  .products .product .title { font-size: 14px; min-height: 45px; }
  .section-product-collections { padding: 30px 0 50px 0; }
  .section-product-collections .product-collections-title .product-collections-title-inner { margin-bottom: 30px; }
  .section-product-collections .product-collections-title .product-collections-title-inner h2 { font-weight: 700; font-size: 24px; }
  .section-product-collections .collections { margin-bottom: 40px; }
  .section-banner-sanitary-general .banner { padding-top: 650px; }
  .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%); }
  .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%); }
  .section-banner-sanitary-general .banner .banner-layers .pic { width: 210px; margin-bottom: 6px; }
  .section-banner-sanitary-general .banner .banner-layers .description { margin-bottom: 29px; }
  .section-banner-sanitary-general.section-content-start { margin-bottom: 0; }
  .section-sanitary-general-products { padding: 40px 0; }
  .section-sanitary-general-products .section-title { margin-bottom: 30px; font-size: 24px; }
  .section-sanitary-general-products .row { margin-left: -5px; margin-right: -5px; }
  .section-sanitary-general-products .row > * { padding-left: 5px; padding-right: 5px; }
  .section-sanitary-general-products .sanitary-general-product .product-title { padding: 25px 15px; font-size: 12px; }
  .section-sanitary-general-design-style, .section-sanitary-general-mix { padding: 40px 0 40px 0; }
  .section-sanitary-general-design-style .section-title, .section-sanitary-general-mix .section-title { font-size: 24px; margin-bottom: 55px; }
  .section-sanitary-general-design-style .swiper-sanitary-general-content, .section-sanitary-general-mix .swiper-sanitary-general-content { padding-right: 30%; }
  .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; }
  .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; }
  .section-sanitary-general-brands { padding: 30px 0 50px 0; }
  .section-sanitary-general-brands .section-title { font-size: 24px; margin-bottom: 55px; }
  .section-sanitary-general-brands { padding: 30px 0 50px 0; }
  .section-sanitary-general-brands .section-title { font-size: 24px; margin-bottom: 55px; }
  .section-sanitary-brand-detail .sanitary-brand-detail { margin-bottom: 50px; }
  .section-sanitary-brand-detail .sanitary-brand-detail .title-brand-detail { font-weight: 700; font-size: 24px; color: #000000; text-transform: uppercase; margin-bottom: 30px; }
  .section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-image, .section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-video { margin-bottom: 50px; }
  .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; }
  .section-sanitary-brand-detail .sanitary-brand-detail .inner-content .title-brand-detail { font-size: 24px; display: none; }
  .product-mix-match { padding-top: 45px; padding-bottom: 60px; }
  .product-mix-match .section-title { font-size: 24px; }
  .product-mix-match .products { padding-top: 35px; }
  .content-collection-inspiration-header { padding: 23px 0 32px 0; }
  .content-collection-inspiration-header .title { font-size: 32px; margin-bottom: 5px; }
  .content-collection-inspiration-header .sub-title { font-size: 16px; }
  .section-collection-inspiration-banner { height: 330px; margin-bottom: 50px; }
  .section-collection-inspiration-content { padding: 50px 0; }
  .section-collection-inspiration-content .inner-content { font-size: 16px; font-weight: 400; }
  .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; }
  .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; }
  .section-collection-inspiration-content .thumbnail-video { margin-bottom: 48px; }
  .section-collection-inspiration-content .thumbnail-video .btn-play { width: 77px; height: 77px; }
  .section-collection-inspiration-content .thumbnail-image { margin-bottom: 40px; }
  .section-collection-inspiration-content .row { margin-left: -5px; margin-right: -5px; }
  .section-collection-inspiration-content .row > * { padding-left: 5px; padding-right: 5px; }
  .section-collection-inspiration-content .blockquote { font-size: 32px; }
  .section-collection-inspiration-content .content-absolute { position: relative; -webkit-transform: translateY(0); transform: translateY(0); top: 0; }
  .section-collection-inspiration-content.section-collection-inspiration-content-style-1 { padding: 68px 0 15px 0; }
  .section-collection-inspiration-content.section-collection-inspiration-content-style-1 .inner-content { margin-bottom: 30px; }
  .section-collection-inspiration-content.section-collection-inspiration-content-style-1 .thumbnail-image { margin-bottom: 0; }
  .section-collection-inspiration-slide-detail { margin-bottom: 25px; }
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .swiper-slide > .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .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; }
  .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%; }
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content { font-size: 20px; color: #4e4e4f; }
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content br { line-height: 1.25; }
  .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; }
  .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; }
  .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; }
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content p { font-size: 20px; color: #4e4e4f; }
  .collection-inspiration-gallery { padding-top: 25px; margin-bottom: 50px; }
  .collection-inspiration-gallery .section-title { display: none; margin-bottom: 20px; }
  .collection-inspiration-color-size .pic-size { margin-top: 0; margin-bottom: 17px; }
  .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; }
  .collection-inspiration-color-size .item-color-size:last-child { margin-bottom: 0; }
  .collection-inspiration-color-size .box-color-size { margin-bottom: 2rem; }
  .collection-inspiration-color-size .section-title { font-size: 24px; }
  .collection-inspiration-color-size .description { font-size: 16px; margin-bottom: 25px; }
  .collection-inspiration-color-size h5 { font-size: 16px; }
  .collection-inspiration-color-size h6 { font-size: 16px; }
  .section-collection-inspiration-products .products { padding-top: 50px; }
  .section-collection-inspiration-products .section-title { font-size: 24px; }
  .section-about-vietceramics { padding: 38px 0 38px 0; }
  .section-about-vietceramics .section-title { font-size: 24px; margin-bottom: 38px; }
  .section-about-vietceramics .thumbnail-video, .section-about-vietceramics .thumbnail-image { margin-bottom: 38px; }
  .section-about-vietceramics .thumbnail-video .btn-play, .section-about-vietceramics .thumbnail-image .btn-play { width: 77px; height: 77px; }
  .section-about-vietceramics .text { font-weight: 400; font-size: 16px; }
  .section-mission-vietceramics { padding: 60px 0; }
  .section-mission-vietceramics .banner-bg { height: auto; }
  .section-mission-vietceramics .inner-content { position: relative; left: 0; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .section-mission-vietceramics .inner-content .title { font-weight: 700; font-size: 24px; }
  .section-mission-vietceramics .inner-content .text { font-size: 20px; line-height: 1.25; }
  .section-core-values-vietceramics { padding: 43px 0; }
  .section-core-values-vietceramics .row { margin-left: -5px; margin-right: -5px; }
  .section-core-values-vietceramics .row > * { padding-left: 5px; padding-right: 5px; }
  .section-core-values-vietceramics .core-values .thubnail h3 { font-size: 16px; bottom: 15px; min-height: 65px; }
  .section-core-values-vietceramics .core-values .inner-content { font-size: 16px; padding: 22px 9px 10px 9px; min-height: 190px; }
  .section-total-solution-space .mb-30 { margin-bottom: 20px; }
  .section-total-solution-space .section-title { font-size: 24px; margin-bottom: 35px; }
  .section-total-solution-space .text { font-size: 16px; line-height: 1.5; margin-bottom: 50px; }
  .section-total-solution-space .solution-space .inner-content { padding: 20px; }
  .section-total-solution-space .solution-space .inner-content h3 { font-size: 20px; }
  .section-total-solution-space .solution-space.solution-space-landscape, .section-total-solution-space .solution-space.solution-space-portrait { padding-top: 68.3%; }
  .section-vietceramics-projects .row { margin-left: -5px; margin-right: -5px; }
  .section-vietceramics-projects .row > * { padding-left: 5px; padding-right: 5px; }
  .section-vietceramics-projects .projects-description { padding: 15px 15px; }
  .section-vietceramics-projects .projects-description .description { font-weight: 400; font-size: 14px; }
  .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; }
  .section-catalogue-listing { background-color: #f8f8f8; padding: 20px 0 90px 0; }
  .section-catalogue-listing .catalogue-listing-header { margin-bottom: 30px; }
  .section-catalogue-listing .catalogue-listing-header .nav { border-bottom: 1px solid #000; }
  .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%; }
  .section-catalogue-listing .catalogue-listing-header .nav .nav-item .nav-link { font-size: 14px; padding: 16px 0; }
  .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%; }
  .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%; }
  .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%; }
  .section-catalogue-listing .row { margin-left: -5px; margin-right: -5px; }
  .section-catalogue-listing .row > * { padding-left: 5px; padding-right: 5px; }
  .section-catalogue-listing .catalogue { margin-bottom: 20px; }
  .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; }
  .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; }
  .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; }
  .section-form-contact .form-contact-info { background-color: #f8f8f8; position: relative; height: 100%; padding-top: 69px; padding-bottom: 70px; }
  .section-form-contact .form-contact-info h2 { font-size: 30px; margin-bottom: 32px; padding: 0 0px 0 0px; }
  .section-form-contact .form-contact-info .contact-icon { text-align: center; padding: 20px 0 45px 0; }
  .section-form-contact .form-contact-info .contact-icon .icon { height: 25px; width: auto; max-width: auto; margin: 0 auto 14px auto; }
  .section-form-contact .form-contact-info .contact-icon h4 { font-weight: 700; font-size: 16px; text-align: center; color: #4E4E4F; margin-bottom: 5px; }
  .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; }
  .section-form-contact .form-contact-info .contact-socials { padding-left: 50px; }
  .section-form-contact .form-contact-info .contact-socials .label { font-size: 20px; }
  .section-form-contact .form-contact-submit { background-color: #e0dbd8; position: relative; height: 100%; padding: 39px 0px 39px 0px; }
  .section-form-contact .form-contact-submit .description { font-weight: 400; font-size: 16px; color: #000000; margin-bottom: 40px; }
  .section-form-contact .form-contact-submit .form-group { margin-bottom: 40px; }
  .section-form-contact .form-contact-submit .form-group .form-control { padding: 15px 28px; font-weight: 400; font-size: 16px; color: #4E4E4F; }
  .section-form-contact .form-contact-submit form { position: relative; z-index: 1; }
  .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%); }
  .section-contact-find-showroom { background-color: #e0dbd8; }
  .section-contact-find-showroom .banner { height: 227px; width: 100%; position: relative; }
  .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; }
  .section-contact-find-showroom .col-inner { padding: 30px 0px; }
  .section-contact-find-showroom .col-inner .text { color: #000000; font-weight: 400; font-size: 20px; margin-bottom: 30px; }
  .section-search-bar { padding: 32px 0 100px 0; background-color: #f8f8f8; }
  .section-search-bar .form-search { margin-bottom: 86px; }
  .section-search-bar .form-search .label-input { font-size: 16px; }
  .section-search-bar .form-search .form-group-search { position: relative; margin-bottom: 16px; }
  .section-search-bar .form-search .form-group-search .form-control-search { padding: 10px 0; font-size: 32px; padding-right: 37px; }
  .section-search-bar .form-search .form-group-search .btn-search .icon { font-size: 32px; width: 32px; }
  .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; }
  .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%; }
  .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; }
  .section-search-bar .advance-search .content .inner-content { color: #ffffff; }
  .section-search-bar .advance-search .content .inner-content h3 { font-size: 32px; margin-bottom: 30px; }
  .section-search-bar .advance-search .content .inner-content .text { font-size: 16px; margin-bottom: 45px; }
  .section-search-bar .search-results .title-search-ressult { margin-bottom: 50px; font-weight: 400; font-size: 24px; color: #000000; }
  .section-search-bar .search-results .results { margin-bottom: 60px; }
  .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; }
  .section-search-bar .search-results .results .result-title.result-title-empty { margin-bottom: 15px; }
  .section-search-bar .search-results .results .empty { font-weight: 400; font-size: 16px; color: #000000; }
  .section-search-bar .search-results .results .result { margin-bottom: 20px; }
  .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; }
  .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; }
  .section-search-bar .search-results .results .result.result-product .thumbnail img { height: auto; display: block; width: 100%; }
  .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; }
  .section-search-bar .search-results .results .result.result-product .content h5 { font-size: 14px; }
  .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; }
  .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; }
  .section-search-bar .search-results .results .result.result-collection .thumbnail img { height: auto; display: block; width: 100%; }
  .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; }
  .section-search-bar .search-results .results .result.result-collection .content h5 { font-size: 14px; }
  .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; }
  .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; }
  .section-search-bar .search-results .results .result.result-new .content h5 { font-size: 14px; }
  .section-search-bar .search-results .results .result:hover .content h5 { color: #981B1E; }
  .section-advance-search .advance-search-header { padding-top: 36px; padding-bottom: 45px; background-color: #f8f8f8; }
  .section-advance-search .advance-search-header .section-title { font-weight: 400; font-size: 24px; margin-bottom: 30px; }
  .section-advance-search .advance-search-header .nav { border-bottom: 1px solid #000; }
  .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%; }
  .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%; }
  .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%; }
  .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%; }
  .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; }
  .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%); }
  .section-advance-search .advance-search-header .nav .nav-item .nav-link.active { font-weight: 700; color: #981B1E; }
  .section-advance-search .advance-search-header .nav .nav-item .nav-link.active::after { width: 100%; }
  .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; }
  .section-advance-search .products { padding-top: 30px; }
  .section-service-intro { padding: 34px 0 20px 0; background-color: #f8f8f8; }
  .section-service-intro .section-title { font-size: 24px; margin-bottom: 33px; }
  .section-service-intro .content { font-weight: 400; font-size: 20px; color: #4E4E4F; text-align: left; }
  .section-service-intro .content p { text-align: left; font-size: 16px; margin-bottom: 30px; }
  .section-service-vietceramics { padding-top: 15px; }
  .section-service-vietceramics .col-inner { padding: 62px 15px 57px 15px; }
  .section-service-vietceramics .col-inner h2 { font-size: 24px; }
  .section-service-vietceramics .col-inner .text { margin-bottom: 48px; }
  .section-introduction-jobs { background-color: #e0dbd8; padding-top: 15px; }
  .section-introduction-jobs .col-inner { padding: 30px 0px 47px 0px; max-width: 720px; width: 100%; }
  .section-introduction-jobs .col-inner .description { margin-bottom: 30px; font-weight: 400; font-size: 20px; }
  .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; }
  .section-introduction-jobs .col-inner .group-action .btn { margin-right: 0; font-size: 14px; padding: 10px 15px; }
  .section-jobs-dashboard .jobs-dashboard-content { padding: 30px 0 50px 0; }
  .section-jobs-dashboard .jobs-dashboard-content .title { text-transform: uppercase; font-weight: 700; font-size: 16px; color: #000000; margin-bottom: 15px; }
  .section-jobs-dashboard .read-more { padding: 20px 0 50px 0; }
  .section-jobs-dashboard .nav-mobile-filter { background-color: #ffffff; padding: 10px 0; margin-bottom: 30px; position: relative; }
  .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; }
  .section-jobs-dashboard .nav-mobile-filter .btn-fillter { background-color: #981B1E; border: 1px solid #981B1E; color: #ffffff; position: relative; z-index: 2; }
  .section-jobs-dashboard .nav-mobile-filter .btn-fillter .icon { margin-right: 12px; }
  .jobs .job { padding: 30px 13px 36px 13px; }
  .jobs .job .job-name { font-size: 24px; }
  .jobs .job .meta li { font-size: 12px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar { min-height: 0; padding: 0; position: relative; height: 50px; }
  .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; }
  .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%; }
  .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; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item .nav-link .icon { font-size: 18px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-content { padding: 0; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail { padding-left: 0; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header { padding: 36px 0 0px 0; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .job-name { font-size: 24px; margin-bottom: 15px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .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; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(1) { margin-bottom: 30px; width: 45%; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(2) { margin-bottom: 30px; width: 55%; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(3) { width: 45%; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(4) { width: 55%; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body { padding: 25px 0; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content { font-size: 16px; margin-bottom: 30px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .content-title { font-size: 20px; }
  .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; }
  .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; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content a { color: #e74a3b; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content i { font-style: italic; }
  .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; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content li { margin-bottom: 16px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content p { margin-bottom: 16px; }
  .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; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul > li { margin-top: 5px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul > li::before { content: "- "; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul ul { list-style-type: circle; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer { padding: 25px 0 40px 0; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .content-share .label { font-size: 16px; }
  .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; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical { width: 40px; height: 40px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical .icon { font-size: 22px; }
  .section-apply-cv { padding: 23px 0px 70px 0px; background-color: #eeebe6; }
  .section-apply-cv .inner-apply-cv { padding: 0 0; }
  .section-apply-cv .section-title { font-size: 24px; margin-bottom: 16px; text-align: left; }
  .section-apply-cv .form-group { margin-bottom: 20px; }
  .section-apply-cv .form-group label { font-size: 16px; }
  .section-apply-cv .form-group .form-control { font-size: 14px; }
  .section-apply-cv .form-group-button { max-width: 400px; margin: auto; }
  .section-apply-cv .form-group-button .btn { width: 100%; }
  .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; }
  .section-apply-cv .form-group-file .label-file h5 { font-weight: 400; font-size: 16px; margin-bottom: 0; }
  .section-apply-cv .form-group-file .label-file span { font-size: 14px; }
  .section-apply-cv .form-group-file .file-name { display: none; font-size: 16px; font-weight: 400; color: #000000; }
  .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; }
  .section-apply-cv .form-group-file .form-file { position: absolute; top: 0; right: 0; height: 100%; width: 100%; opacity: 0; }
  .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; }
  .section-showrooms .showrooms-header, .section-showrooms-3d .showrooms-header { margin-bottom: 30px; }
  .section-showrooms .showrooms-header .nav, .section-showrooms-3d .showrooms-header .nav { border-bottom: 1px solid #000; }
  .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%; }
  .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; }
  .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%; }
  .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%; }
  .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%; }
  .section-showrooms .showrooms-body .showroom-detail .name, .section-showrooms-3d .showrooms-body .showroom-detail .name { font-size: 24px; }
  .section-showrooms .showroom-detail-content, .section-showrooms-3d .showroom-detail-content { background-color: #f8f8f8; padding-top: 20px; padding-bottom: 30px; }
  .section-showrooms .showrooms-body .showrooms, .section-showrooms-3d .showrooms-body .showrooms { max-height: 330px; overflow-y: auto; }
  .section-showrooms .showrooms-body .showrooms .showroom, .section-showrooms-3d .showrooms-body .showrooms .showroom { margin-bottom: 10px; padding: 11px 28px; }
  .section-showrooms .showrooms-body .showrooms .showroom .name, .section-showrooms-3d .showrooms-body .showrooms .showroom .name { font-size: 16px; margin-bottom: 13px; }
  .section-showrooms .showrooms-body .showrooms .showroom .district, .section-showrooms-3d .showrooms-body .showrooms .showroom .district { font-size: 16px; margin-bottom: 13px; }
  .section-showrooms .showrooms-body .showrooms .showroom .address, .section-showrooms-3d .showrooms-body .showrooms .showroom .address { font-size: 15px; }
  .section-showrooms .showrooms-body .showroom-detail .showroom-slider, .section-showrooms-3d .showrooms-body .showroom-detail .showroom-slider { margin-bottom: 20px; }
  .section-showrooms .showrooms-body .showroom-detail .address, .section-showrooms-3d .showrooms-body .showroom-detail .address { font-size: 16px; margin-bottom: 27px; }
  .section-showrooms .showrooms-body .showroom-detail .room-title, .section-showrooms-3d .showrooms-body .showroom-detail .room-title { font-size: 16px; }
  .section-showrooms .showrooms-body .showroom-detail .metas .meta-item, .section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item { margin-bottom: 34px; }
  .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; }
  .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; }
  .section-showrooms .showrooms-map .iframe-googlemap, .section-showrooms-3d .showrooms-map .iframe-googlemap { padding-top: 60%; }
  .section-showrooms .showrooms-map .iframe-googlemap .group-action, .section-showrooms-3d .showrooms-map .iframe-googlemap .group-action { left: 10px; bottom: 14px; }
  .section-showrooms .showrooms-map .iframe-googlemap .group-action .btn, .section-showrooms-3d .showrooms-map .iframe-googlemap .group-action .btn { margin-right: 20px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .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%; }
  .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; }
  .modal-newsletter .modal-content .modal-body .title, .modal-forgot-password .modal-content .modal-body .title { font-size: 36px; }
  .modal-newsletter .modal-content .modal-body .text, .modal-forgot-password .modal-content .modal-body .text { margin-bottom: 15px; }
  .modal-newsletter .modal-content .modal-body .form-group .form-control, .modal-forgot-password .modal-content .modal-body .form-group .form-control { padding: 12px 20px; }
  .modal-authorization .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5px; right: 5px; }
  .modal-authorization .modal-content .modal-body .inner-authorization .form-group .form-control { min-height: 45px; padding: 9px 20px; }
  .modal-authorization .modal-content .modal-body .inner-authorization h3 { font-size: 32px; margin-bottom: 30px; }
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login { padding: 45px 25px; }
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login h3 { font-size: 32px; margin-bottom: 30px; }
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login .form-group { margin-bottom: 30px; }
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login .form-group-button .btn { margin-bottom: 30px; }
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-register { padding: 45px 25px; }
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-register h3 { font-size: 32px; }
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-register .form-switch .form-check-label { font-size: 12px; }
  .modal-project-detail .modal-content { border-radius: 0; }
  .modal-project-detail .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5px; right: 5px; }
  .modal-project-detail .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
  .modal-project-detail .modal-body { background-color: #f8f8f8; }
  .modal-project-detail .project-header { display: block; padding: 22px 0 0 0; }
  .modal-project-detail .project-header .cat { font-size: 16px; margin-bottom: 9px; }
  .modal-project-detail .project-header .title { font-size: 32px; margin-bottom: 22px; }
  .modal-project-detail .project-header .thumbnail img { display: block; width: 100%; }
  .modal-project-detail .project-body { padding: 0px; }
  .modal-project-detail .project-body .project-info { background-color: #e6e6e6; height: 100%; padding: 30px 30px; margin-bottom: 30px; height: auto; }
  .modal-project-detail .project-body .project-info .info { font-weight: 400; font-size: 16px; margin-bottom: 20px; }
  .modal-project-detail .project-body .project-info .info b { font-weight: 700; }
  .modal-project-detail .project-body .project-info .info:last-child { margin-bottom: 0; }
  .modal-project-detail .project-body .thumbnail-info { padding: 0 30px; }
  .modal-project-detail .project-body .inner-content { padding: 30px 30px; border-bottom: 1px solid #000; }
  .modal-project-detail .project-body .inner-content h1, .modal-project-detail .project-body .inner-content h2 { font-size: 24px; font-weight: 700; }
  .modal-project-detail .project-body .inner-content h3, .modal-project-detail .project-body .inner-content h4 { font-size: 20px; font-weight: 700; }
  .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; }
  .modal-project-detail .project-body .project-socicals { padding: 25px 30px; }
  .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; }
  .modal-project-detail .project-body .project-socicals .btn-primary .icon { font-size: 16px; }
  .modal-project-detail .project-body .project-socicals .btn-primary:last-child { margin-right: 0; }
  .modal-project-detail .project-body .content-share { margin-bottom: 50px; }
  .modal-project-detail .project-body .content-share .label { font-size: 16px; margin-right: 2px; }
  .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; }
  .modal-project-detail .project-body .socicals .socical { margin-right: 5px; }
  .modal-project-detail .project-body .project-related { padding: 25px 30px; }
  .modal-project-detail .project-body .project-related .row { margin-left: -8px; margin-right: -8px; padding-bottom: 8px; }
  .modal-project-detail .project-body .project-related .row > * { padding: 8px; }
  .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; }
  .modal-project-detail .project-body .project-related .projects-description .description { font-size: 20px; }
  .modal-project-detail .project-body .project-related .related-title { font-weight: 700; font-size: 20px; color: #000000; margin-bottom: 24px; }
  .modal-project-detail .project-body .project-related .projects { position: relative; text-decoration: none; }
  .modal-project-detail .project-body .project-related .projects .thumbnail img { display: block; width: 100%; height: auto; }
  .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; }
  .modal-project-detail .project-body .project-related .projects .project-title { font-size: 10px; margin-bottom: 4px; }
  .modal-project-detail .project-body .project-related .projects .location { font-size: 8px; }
  .modal-product-wish-list .modal-dialog { margin-top: 110px; }
  .modal-product-wish-list .modal-content { background-color: #f8f8f8; border-radius: 0; }
  .modal-product-wish-list .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5px; right: 5px; }
  .modal-product-wish-list .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
  .modal-product-wish-list .modal-content .modal-body { padding: 50px 25px 20px 25px; min-height: 300px; }
  .modal-product-wish-list .product-wish-list .product-title { font-size: 20px; margin-bottom: 25px; }
  .modal-product-wish-list .product-attribute { font-size: 16px; }
  .modal-product-wish-list .product-attribute .txt-label { display: inline-block; }
  .modal-product-wish-list .attribute-radio-selected .form-check-label { font-size: 14px; }
  .modal-product-wish-list .group-action .btn-primary { padding: 18px 12px; }
  .modal-alert-login .modal-content { background-color: #EEEBE6; border-radius: 0; }
  .modal-alert-login .modal-content .btn-close { width: 45px; height: 45px; background: unset; position: absolute; top: 10px; right: 10px; z-index: 3; }
  .modal-alert-login .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
  .modal-alert-login .modal-content .modal-body { padding: 55px 30px; }
  .modal-alert-login .modal-content .modal-body .text { font-size: 16px; }
  .modal-alert-login .icon-login { width: 101px; margin: 0 auto 50px auto; }
  .modal-alert-login .icon-login img { display: block; width: 100%; height: auto; }
  .modal-alert-login .btn-link { font-size: 16px; }
  .select2.select2-container .select2-selection .select2-selection__rendered { font-weight: 400; font-size: 16px; min-height: 45px; padding: 11px 20px; }
  .btn-group-filter-slider { padding-left: 15px; padding-right: 15px; }
  .btn-group-filter-slider .btn-filter { font-size: 14px; padding: 14px 4px; }
  .product-main-block { padding-top: 0; padding-bottom: 0; }
  .product-main-block .product-left { padding-left: 0; padding-right: 0; }
  .product-main-block .container-product-thumbs { padding-left: 0px; padding-right: 0px; }
  .product-detail-block .product-title { font-weight: 700; font-size: 20px; }
  .product-detail-block .group-product-attributes { margin-bottom: 40px; }
  .product-detail-block .product-attribute { font-size: 16px; margin-bottom: 12px; }
  .product-detail-block .product-attribute .attribute { font-size: 16px; }
  .product-detail-block .product-attribute:last-child { margin-bottom: 0; }
  .product-detail-block .user-manual .user-manual-item { margin-bottom: 12px; font-size: 16px; }
  .product-detail-block .user-manual .user-manual-item a { margin-left: 15px; height: 36px; width: 36px; padding: 5px; }
  .product-detail-block .user-manual .user-manual-item a i { font-size: 26px; line-height: 26px; }
  .product-detail-block .product-actions .btn { padding: 23px 5px; margin-bottom: 20px; }
  .product-detail-block .product-actions .btn .icon { font-size: 20px; }
  .product-detail-block .product-share .label { font-size: 16px; }
  .product-detail-block .product-description { font-weight: 700; font-size: 20px; color: #4e4e4f; margin-bottom: 55px; }
  .product-content-block { background-color: #f8f8f8; margin-bottom: 50px; padding-top: 20px; padding-bottom: 20px; }
  .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; }
  .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; }
  .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; }
  .product-content-block .collapse .card-body { padding: 0; background-color: #f8f8f8; border-width: 0; }
  .product-content-block .inner-content { padding-bottom: 10px; padding-top: 20px; font-size: 16px; }
  .product-content-block .inner-content h1, .product-content-block .inner-content h2, .product-content-block .inner-content h3 { font-size: 20px; }
  .product-content-block .inner-content h3 { font-size: 18px; }
  .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; }
  .product-content-block .inner-content::after { content: ""; display: block; width: 100%; clear: both; }
  .product-maybe-will-like { padding-top: 50px; }
  .product-maybe-will-like .section-title { padding-left: 0; font-size: 24px; }
  .product-maybe-will-like .products { padding-top: 60px; }
  .product-maybe-will-like .products { padding-bottom: 0px; }
  .product-mix-match .section-title { padding-left: 0; font-size: 24px; }
  .section-hot-post { padding-top: 28px; margin-bottom: 42px; }
  .section-hot-post .row { margin-left: -5px; margin-right: -5px; }
  .section-hot-post .row > * { padding-left: 5px; padding-right: 5px; }
  .section-hot-post .section-title { font-size: 32px; margin-bottom: 28px; }
  .section-hot-post .post { position: relative; }
  .section-hot-post .post .post-body .tag-new { min-width: 60px; font-size: 10px; margin-bottom: 10px; }
  .section-hot-post .post .post-body .post-category { margin-bottom: 10px; }
  .section-hot-post .post .post-body .post-category a { font-size: 12px; }
  .section-hot-post .post .post-body .post-title { font-size: 20px; margin-bottom: 10px; }
  .section-hot-post .post .post-body .post-meta li { font-size: 12px; }
  .section-hot-post .hot-post-left .post .post-body { padding: 25px 30px; }
  .section-hot-post .hot-post-right .post { margin-bottom: 7px; }
  .section-hot-post .hot-post-right .post .post-body { padding: 5px 10px; }
  .section-hot-post .hot-post-right .post .post-body .tag-new { padding: 3px 3px; min-width: 48px; font-size: 8px; margin-bottom: 5px; }
  .section-hot-post .hot-post-right .post .post-body .post-category { margin-bottom: 5px; }
  .section-hot-post .hot-post-right .post .post-body .post-category a { font-size: 10px; }
  .section-hot-post .hot-post-right .post .post-body .post-title { margin-bottom: 5px; font-size: 12px; }
  .section-hot-post .hot-post-right .post .post-body .post-meta li { font-size: 10px; }
  .section-hot-post .hot-post-right .post:last-child { margin-bottom: 0; }
  .section-news-listing .news-listing-header { margin-bottom: 32px; }
  .section-news-listing .news-listing-header .nav .nav-item .nav-link { padding: 9px 0; font-size: 14px; }
  .section-news-listing .catalogue-listing-footer { margin-top: 40px; }
  .section-post-list .row { margin-left: -5px; margin-right: -5px; }
  .section-post-list .row > * { padding-left: 5px; padding-right: 5px; }
  .section-new-post .row { margin-left: -5px; margin-right: -5px; }
  .section-new-post .row > * { padding-left: 5px; padding-right: 5px; }
  .section-news-listing { margin-bottom: 100px; }
  .post-margin { margin-bottom: 30px; }
  .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); }
  .posts .post .post-body { padding: 20px 15px 20px 15px; min-height: 150px; }
  .posts .post .post-body .tag-new { color: #ffffff; padding: 3px 3px; min-width: 48px; font-size: 8px; margin-bottom: 10px; }
  .posts .post .post-body .post-category { margin-bottom: 10px; }
  .posts .post .post-body .post-category a { font-size: 10px; }
  .posts .post .post-body .post-title { margin-bottom: 0px; font-size: 12px; }
  .posts .post .post-body .post-meta { padding: 10px 15px 10px 15px; }
  .posts .post .post-body .post-meta li { font-size: 10px; }
  .posts .post .post-body.post-body-x2 { min-height: 200px; padding: 20px 15px 30px 15px; }
  .posts .post .post-body.post-body-x2 .post-category { margin-bottom: 12px; }
  .posts .post .post-body.post-body-x2 .post-category a { font-size: 10px; }
  .posts .post .post-body.post-body-x2 .post-title { margin-bottom: 0px; font-size: 14px; }
  .posts .post .post-body.post-body-x2 .post-meta li { font-size: 10px; }
  .section-post-detail { padding: 40px 0 100px 0; }
  .section-post-detail .post-detail-wrapper { max-width: 910px; width: 100%; margin: auto; }
  .section-post-detail .post-detail-header .post-category { margin-bottom: 10px; }
  .section-post-detail .post-detail-header .post-category a { font-size: 12px; }
  .section-post-detail .post-detail-header .post-title { font-size: 24px; margin-bottom: 17px; }
  .section-post-detail .post-detail-header .post-meta { margin-bottom: 30px; }
  .section-post-detail .post-detail-header .post-meta li { font-size: 12px; }
  .section-post-detail .post-detail-header .short-content { margin-bottom: 30px; font-size: 16px; }
  .section-post-detail .post-detail-body { font-size: 16px; font-weight: 400; margin-bottom: 80px; color: #4E4E4F; }
  .section-post-detail .post-detail-body h1, .section-post-detail .post-detail-body h2 { font-size: 24px; margin-bottom: 28px; }
  .section-post-detail .post-detail-body h3 { font-size: 20px; margin-bottom: 28px; }
  .section-post-detail .post-detail-body h4, .section-post-detail .post-detail-body h5 { font-size: 16px; margin-bottom: 28px; }
  .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; }
  .section-post-detail .post-detail-body p { font-size: 16px; margin-bottom: 28px; }
  .section-post-detail .post-detail-body a { font-size: 16px; }
  .section-post-detail .post-detail-body a:hover, .section-post-detail .post-detail-body a:focus { color: #981B1E; }
  .section-post-detail .post-detail-body b, .section-post-detail .post-detail-body strong { font-weight: 700; }
  .section-post-detail .post-detail-body figure { margin-bottom: 30px; }
  .section-post-detail .post-detail-body .row { margin-left: -5px; margin-right: -5px; }
  .section-post-detail .post-detail-body .row > * { padding-left: 5px; padding-right: 5px; }
  .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; }
  .section-post-detail .post-detail-footer .footer-action .content-share { margin-left: 10px; width: calc(100% - 180px); }
  .section-post-detail .post-detail-footer .footer-action .content-share .label { font-weight: 700; font-size: 16px; margin-right: 8px; }
  .section-post-detail .post-detail-footer .footer-action .content-share .socicals .socical { margin-right: 4px; width: 50px; height: 50px; }
  .section-post-detail .post-detail-footer .footer-action .content-share .socicals .socical:last-child { margin-right: 0; }
  .section-posts-related { background-color: #e6e6e6; padding-top: 86px; padding-bottom: 117px; }
  .section-posts-related .section-title { font-size: 24px; margin-bottom: 40px; }
  .section-posts-related .posts-related { margin-left: -5px; margin-right: -5px; }
  .section-posts-related .swiper-posts-related-slider { padding: 5px; padding-right: 15%; }
  .section-blog-detail-header { margin-bottom: 37px; }
  .section-blog-detail-header .title { font-size: 40px; margin-bottom: 23px; min-height: unset; }
  .section-blog-detail-header .sub { font-size: 20px; text-align: left; margin-bottom: 20px; }
  .section-blog-detail-header .thumbnail-image-small { max-width: 55%; width: 100%; }
  .section-dashboard .dashboard-sidebar { min-height: auto; width: 250px; padding: 20px 0; }
  .section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link { padding: 17px 10px 17px 30px; font-size: 12px; }
  .section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link .icon { font-size: 18px; }
  .section-dashboard .dashboard-content { width: calc(100% - 250px); padding: 35px 15px 99px 15px; min-height: auto; }
  .section-dashboard .dashboard-content .title { font-size: 24px; margin-bottom: 25px; }
  .section-dashboard .dashboard-content .profile-content { margin-bottom: 90px; }
  .section-dashboard .dashboard-content .content-edit { padding-right: 58px; }
  .section-dashboard .dashboard-content .content-edit.content-edit-form .btn-edit { font-size: 14px; bottom: 10px; right: 0; }
  .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; }
  .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; }
  .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; }
  .section-dashboard .favourite-listing { background-color: #f8f8f8; padding: 20px 0 90px 0; }
  .section-dashboard .favourite-listing .favourite-listing-header { margin-bottom: 30px; }
  .section-dashboard .favourite-listing .favourite-listing-header .nav { border-bottom: 1px solid #000; }
  .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%; }
  .section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item .nav-link { font-size: 14px; padding: 16px 0; }
  .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%; }
  .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%; }
  .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%; }
  .section-dashboard .favourite-listing .checkbox-all { margin-bottom: 40px; }
  .section-dashboard .favourite-listing .checkbox-all .form-check { padding-left: 37px; }
  .section-dashboard .favourite-listing .checkbox-all .form-check .form-check-label::before { width: 25px; height: 25px; }
  .section-dashboard .favourite-listing .checkbox-all .form-check .form-check-label::after { content: ""; width: 25px; height: 25px; }
  .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; }
  .section-dashboard .favourite-listing .content-favourite .col-selected { width: 25px; }
  .section-dashboard .favourite-listing .content-favourite .col-selected .form-check .form-check-label { width: 25px; height: 25px; }
  .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; }
  .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; }
  .section-dashboard .favourite-listing .content-favourite .col-content .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 110px; }
  .section-dashboard .favourite-listing .content-favourite .col-content .thumbnail img { display: block; width: 100%; }
  .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; }
  .section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name { font-size: 14px; margin-bottom: 12px; }
  .section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name a { text-decoration: none; color: inherit; }
  .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; }
  .section-dashboard .favourite-listing .content-favourite .col-content .attributes ul { list-style-type: none; padding-left: 0; }
  .section-dashboard .favourite-listing .content-favourite .col-content .attributes ul li { margin-bottom: 5px; font-weight: 400; font-size: 10px; }
  .section-dashboard .favourite-listing .content-favourite .col-content .attributes ul li b { text-transform: uppercase; }
  .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; }
  .section-dashboard .favourite-listing .content-favourite .col-action .btn-delete { font-size: 14px; }
  .section-dashboard .favourite-listing .card .card-header .code { font-size: 20px; }
  .section-dashboard .favourite-listing .card .card-footer { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .section-dashboard .favourite-listing .card .card-footer .btn { min-width: 120px; font-size: 16px; } }
@media screen and (max-width: 767px) { .main { width: 100vw; overflow-x: hidden; }
  body { padding-top: 90px; }
  body.body-mobile-fixed { height: 100vh; overflow: hidden; width: 100vw; }
  body.page-fixed { overflow: hidden; }
  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; }
  .sidenav { display: block; }
  .group-action-menu { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .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); }
  .navbar-vietceramics .container { padding-left: 15px; padding-right: 15px; }
  .navbar-vietceramics .navbar-brand { height: 41px; padding: 0; }
  .navbar-vietceramics .btn-nav-menu-mobile { border-width: 0; }
  .navbar-vietceramics .dropdown-menu-end { position: absolute; right: 0; margin-right: -64px; top: calc(100% + 23px); }
  .btn { border-radius: 0 !important; }
  .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; }
  .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; }
  .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; }
  .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; }
  .btn.btn-primary { padding: 10px 15px; font-size: 16px; }
  .btn.btn-outline-primary { padding: 10px 15px; font-size: 16px; }
  .btn.btn-slider-viewmore { padding: 10px 15px; font-size: 16px; }
  .btn.btn-slider-viewmore:hover { background-color: #981B1E; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #fff !important; }
  .btn.btn-search-advance { padding: 8px 20px; }
  .to_top { width: 60px; height: 60px; }
  .to_top .icon { font-size: 18px; }
  .to_top.show { right: 15px; bottom: 90px; }
  .newsletter .contact { padding: 47px 0px; position: relative; }
  .newsletter .contact::before { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; width: 100vw; background-color: #981B1E; }
  .newsletter .contact .logo { position: relative; z-index: 1; max-width: 190px; margin-bottom: 45px; }
  .newsletter .contact .listitem { position: relative; z-index: 1; }
  .newsletter .contact .listitem .item { padding-left: 0; }
  .newsletter .contact .listitem .item a { display: block; width: 100%; font-size: 16px; position: relative; padding-left: 40px; }
  .newsletter .contact .listitem .item .icon-moon { font-size: 16px; position: absolute; top: 0%; left: 0; }
  .newsletter .contact .socials { position: relative; z-index: 1; }
  .newsletter .newsletter-inner { padding: 50px 0 30px 0; }
  .footer .nav-link { padding: 5px 0; }
  .section-achievements .row { margin-left: -3px; margin-right: -3px; }
  .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; }
  .section-achievements .box-icon .icon { height: 29px; }
  .section-achievements .box-icon .icon img { height: 100%; width: auto; }
  .section-achievements .box-icon .number { font-size: 32px; margin-bottom: 0; }
  .section-achievements .box-icon h5 { font-size: 12px; }
  .section-solutions .solution-title .solution-title-inner { padding: 0 15px 0 30px; }
  .section-solutions .solution-title .solution-title-inner h2 { margin-bottom: 15px; }
  .section-solutions .solution .solution-inner { left: 10px; bottom: 8px; }
  .section-solutions .solution .solution-inner .title { font-size: 10px; }
  .catalogue-slider .banner { padding-top: 500px; }
  .catalogue-slider .banner-layers { padding: 30px; min-width: 100%; width: 100%; }
  .catalogue-slider .banner-layers .label { font-size: 12px; margin-bottom: 8px; }
  .catalogue-slider .banner-layers .title { font-size: 32px; margin-bottom: 15px; }
  .catalogue-slider .banner-layers .sub { font-size: 16px; }
  .catalogue-slider .swiper-button-next, .catalogue-slider .swiper-button-prev { display: none; }
  .catalogue-slider .swiper-pagination { bottom: 18px; }
  .section-vietceramics .img { padding: 15px; }
  .section-vietceramics .col-inner { padding: 35px 30px 60px 30px; }
  .section-vietceramics .col-inner h2 { font-size: 32px; }
  .section-vietceramics .col-inner .text { margin-bottom: 48px; }
  .slider-vietceramics .banner { height: 850px; }
  .slider-vietceramics .banner-layers { min-width: 285px; padding: 30px; }
  .slider-vietceramics .banner-layers .title { font-size: 40px; }
  .slider-vietceramics .banner-layers .sub { font-size: 15px; }
  .slider-vietceramics .swiper-button-next, .slider-vietceramics .swiper-button-prev { display: none; }
  .slider-vietceramics .swiper-pagination { bottom: 60px; }
  .section-projects { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .section-projects .project-title, .section-projects .projects-slider { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .section-projects .swiper-button-next, .section-projects .swiper-button-prev { display: none; }
  .section-projects .project-title { padding: 30px 30px; }
  .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; }
  .section-projects .project-title .project-title-inner h2 { margin-bottom: 0; }
  .section-projects .projects-slider { padding-left: 15px; padding-bottom: 90px; }
  .section-projects .projects-slider .banner-layers { padding: 0 30px 0 30px; top: unset; bottom: 60px; }
  .section-projects .projects-slider .banner-layers .title { font-size: 20px; font-weight: 400; }
  .section-projects .projects-slider .swiper-slide:hover, .section-projects .projects-slider .swiper-slide:focus { width: 80vw !important; }
  .section-projects .projects-slider .swiper-pagination { display: block; }
  .section-projects .banner { padding-top: 350px; }
  .section-partner { padding: 50px 0; }
  .section-collections .g-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .section-collections .collection-title h2 { font-size: 24px; }
  .section-collections .collection .content-inner { bottom: 12px; }
  .section-collections .collection .content-inner h3 { font-size: 12px; margin-bottom: 3px; }
  .section-collections .collection .content-inner h6 { font-size: 10px; margin-bottom: 0; }
  .section-news { background-color: #efefef; }
  .section-news .container { padding-left: 15px; padding-right: 15px; }
  .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; }
  .section-news .new-title .new-title-inner h2 { margin-bottom: 0; }
  .section-news .section-top-new { background-color: #efefef; padding-bottom: 42px; padding-top: 35px; }
  .section-news .section-bottom-new { background-color: #efefef; padding-bottom: 60px; }
  .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; }
  .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%; }
  .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; }
  .section-news .blog-post .post-info-wrapper .post-category { font-size: 10px; margin-bottom: 4px; }
  .section-news .blog-post .post-info-wrapper .post-title { font-size: 13px; text-transform: inherit; margin-bottom: 8px; }
  .section-news .blog-post .post-info-wrapper .post-title a { text-transform: inherit; }
  .section-news .blog-post .post-info-wrapper .post-meta { font-size: 10px; position: relative; left: 0; bottom: unset; width: 100%; }
  .section-catalogues { padding: 40px 0 105px 0; background-color: #efefef; }
  .section-catalogues.section-desktop-catalogues { display: none; }
  .section-catalogues.section-mobile-catalogues { display: block; }
  .section-mobile-catalogues .catalogue-title { padding-left: 15px; padding-right: 15px; margin-bottom: 35px; }
  .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; }
  .section-mobile-catalogues .catalogue-title .catalogue-title-inner h2 { margin-bottom: 0; }
  .section-mobile-catalogues .catalogues-slider { padding-left: 15px; }
  .section-mobile-catalogues .slider-catalogues { padding-right: 125px; }
  .section-mobile-catalogues .slider-catalogues .catalogue:after { display: none; }
  .section-product-banner { position: relative; }
  .section-product-banner .banner { padding-top: 150px; }
  .section-product-banner .banner .fill { height: 100%; left: 0; margin: 0 !important; padding: 0 !important; position: absolute; right: 0; top: 0; }
  .section-product-banner .banner .bg-fill { background-size: cover; background-position: center center; }
  .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%); }
  .section-product-banner .banner .banner-layers h2.title { color: #ffffff; font-size: 24px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
  .section-find-products { background-color: #e6e6e6; padding: 25px 0; }
  .section-find-products .container { padding-left: 15px; padding-right: 15px; }
  .section-find-products .title { font-size: 24px; color: #000000; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; }
  .section-find-products .text { margin-bottom: 20px; }
  .section-tiles-general-products .tiles-general-product-description { padding: 15px 15px; }
  .section-tiles-general-products .tiles-general-product-description .description { font-size: 13px; }
  .section-tiles-general-products .tiles-general-product .product-title { text-align: center; padding: 25px 10px; font-size: 12px; }
  .section-tiles-general-products .row { margin-left: -5px; margin-right: -5px; }
  .section-tiles-general-products .row > * { padding: 5px; }
  .section-tiles-general-solutions { padding-top: 39px; padding-bottom: 70px; }
  .section-tiles-general-solutions .container { padding-left: 15px; padding-right: 15px; }
  .section-tiles-general-solutions .solution-title .solution-title-inner { margin-bottom: 20px; }
  .section-tiles-general-solutions .solution { padding-top: 125%; margin-bottom: 10px; }
  .section-tiles-general-solutions .solution .solution-inner { left: 0; }
  .section-tiles-general-solutions .solution .solution-inner .title { font-size: 14px; text-align: center; width: 100%; }
  .section-tiles-general-solutions .row { margin-left: -5px; margin-right: -5px; }
  .section-tiles-general-solutions .row > * { padding: 0 5px; }
  .section-product-information .container-fluid { padding-left: 0; padding-right: 0; }
  .section-product-information .col-inner { padding: 45px 15px 35px 15px; }
  .section-product-information .col-inner h2 { font-size: 24px; margin-bottom: 30px; }
  .section-product-information .col-inner .image-product { height: 60px; margin-bottom: 42px; }
  .section-product-information .col-inner .text { font-size: 16px; }
  .section-product-collections .container { padding-left: 15px; padding-right: 15px; }
  .section-product-collections .row { margin-left: -5px; margin-right: -5px; }
  .section-product-collections .row > * { padding-left: 5px; padding-right: 5px; }
  .section-product-collections .collections .collection { padding-top: 125%; margin-bottom: 10px; }
  .section-product-collections .collections .collection .new { font-size: 8px; }
  .section-product-collections .collections .collection .solution-inner { padding: 0 10px; top: 73%; bottom: unset; }
  .section-product-collections .collections .collection .solution-inner .title { font-weight: 700; font-size: 14px; margin-bottom: 7px; }
  .section-product-collections .collections .collection .solution-inner .sub { font-weight: 400; font-size: 10px; }
  .section-all-products .container { padding-left: 15px; padding-right: 15px; }
  .section-all-products .row { margin-left: -5px; margin-right: -5px; }
  .section-all-products .row > * { padding-left: 5px; padding-right: 5px; }
  .section-all-products .products-title { padding: 15px 0; }
  .section-all-products .products-title .products-title-inner h2 { font-size: 24px; }
  .section-all-products .products-filter { padding: 15px 0 9px 0; }
  .section-all-products .products-filter.sticky { top: 89px; }
  .section-all-products .products-filter .navbar-filter .nav-item { display: none; }
  .section-all-products .products-filter .navbar-filter .nav-item:first-child { display: block; }
  .products .product { margin-bottom: 20px; }
  .products .product .thumbnail { margin-bottom: 25px; }
  .products .product .title { font-size: 14px; min-height: 45px; }
  .section-product-collections { padding: 30px 0 50px 0; }
  .section-product-collections .product-collections-title .product-collections-title-inner { margin-bottom: 30px; }
  .section-product-collections .product-collections-title .product-collections-title-inner h2 { font-weight: 700; font-size: 24px; }
  .section-product-collections .collections { margin-bottom: 40px; }
  .section-collection-inspiration-products .container { padding-left: 15px; padding-right: 15px; }
  .section-collection-inspiration-products .row { margin-left: -5px; margin-right: -5px; }
  .section-collection-inspiration-products .row > * { padding-left: 5px; padding-right: 5px; }
  .section-collection-inspiration-products .section-title { font-weight: 700; font-size: 24px; }
  .section-collection-inspiration-products .products { padding-top: 40px; }
  .collection-inspiration-color-size .section-title { font-size: 24px; }
  .collection-inspiration-color-size .description { font-size: 16px; margin-bottom: 45px; }
  .collection-inspiration-color-size h5 { font-size: 16px; }
  .collection-inspiration-color-size h6 { font-size: 16px; }
  .section-banner-sanitary-general .banner { padding-top: 650px; }
  .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%); }
  .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%); }
  .section-banner-sanitary-general .banner .banner-layers .description { margin-bottom: 29px; }
  .section-banner-sanitary-general.section-content-start { margin-bottom: 0; }
  .section-sanitary-general-products { padding: 40px 0; }
  .section-sanitary-general-products .section-title { margin-bottom: 30px; font-size: 24px; }
  .section-sanitary-general-products .row { margin-left: -5px; margin-right: -5px; }
  .section-sanitary-general-products .row > * { padding-left: 5px; padding-right: 5px; }
  .section-sanitary-general-products .sanitary-general-product .product-title { padding: 25px 15px; font-size: 12px; }
  .section-sanitary-general-design-style, .section-sanitary-general-mix { padding: 40px 0 40px 0; }
  .section-sanitary-general-design-style .section-title, .section-sanitary-general-mix .section-title { font-size: 24px; margin-bottom: 55px; }
  .section-sanitary-general-design-style .swiper-sanitary-general-content, .section-sanitary-general-mix .swiper-sanitary-general-content { padding-right: 30%; }
  .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; }
  .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; }
  .section-sanitary-general-brands { padding: 30px 0 50px 0; }
  .section-sanitary-general-brands .section-title { font-size: 24px; margin-bottom: 55px; }
  .section-sanitary-brand-detail .sanitary-brand-detail { margin-bottom: 50px; }
  .section-sanitary-brand-detail .sanitary-brand-detail .title-brand-detail { font-weight: 700; font-size: 24px; color: #000000; text-transform: uppercase; margin-bottom: 30px; }
  .section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-image, .section-sanitary-brand-detail .sanitary-brand-detail .thumbnail-video { margin-bottom: 50px; }
  .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; }
  .section-sanitary-brand-detail .sanitary-brand-detail .inner-content .title-brand-detail { font-size: 24px; display: none; }
  .product-mix-match { padding-top: 45px; padding-bottom: 60px; }
  .product-mix-match .section-title { font-size: 24px; }
  .product-mix-match .products { padding-top: 35px; }
  .content-collection-inspiration-header { padding: 23px 0 32px 0; }
  .content-collection-inspiration-header .title { font-size: 32px; margin-bottom: 5px; }
  .content-collection-inspiration-header .sub-title { font-size: 16px; }
  .section-collection-inspiration-banner { height: 330px; margin-bottom: 50px; }
  .section-collection-inspiration-content { padding: 50px 0; }
  .section-collection-inspiration-content .inner-content { font-size: 16px; font-weight: 400; }
  .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; }
  .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; }
  .section-collection-inspiration-content .thumbnail-video { margin-bottom: 48px; }
  .section-collection-inspiration-content .thumbnail-video .btn-play { width: 77px; height: 77px; }
  .section-collection-inspiration-content .thumbnail-image { margin-bottom: 40px; height: 200px; }
  .section-collection-inspiration-content .row { margin-left: -5px; margin-right: -5px; }
  .section-collection-inspiration-content .row > * { padding-left: 5px; padding-right: 5px; }
  .section-collection-inspiration-content .blockquote { font-size: 32px; }
  .section-collection-inspiration-content .content-absolute { position: relative; -webkit-transform: translateY(0); transform: translateY(0); top: 0; }
  .section-collection-inspiration-content.section-collection-inspiration-content-style-1 { padding: 68px 0 15px 0; }
  .section-collection-inspiration-content.section-collection-inspiration-content-style-1 .inner-content { margin-bottom: 30px; }
  .section-collection-inspiration-content.section-collection-inspiration-content-style-1 .thumbnail-image { margin-bottom: 0; }
  .section-collection-inspiration-slide-detail { margin-bottom: 25px; }
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .swiper-slide > .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .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%; }
  .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%; }
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content { font-weight: 400; font-size: 16px; padding: 40px 0 25px 0; }
  .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; }
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content h5 { font-size: 16px; }
  .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; }
  .section-collection-inspiration-slide-detail .swiper-collection-inspiration .col-slide-content .inner-content p { font-size: 16px; }
  .collection-inspiration-gallery { padding-top: 25px; margin-bottom: 50px; }
  .collection-inspiration-gallery .section-title { display: none; margin-bottom: 20px; }
  .collection-inspiration-color-size .pic-size { margin-top: 0; margin-bottom: 17px; }
  .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; }
  .collection-inspiration-color-size .item-color-size:last-child { margin-bottom: 0; }
  .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; }
  .content-collection-inspiration .section-footer-action .footer-action .content-share { margin-left: 10px; width: calc(100% - 180px); }
  .content-collection-inspiration .section-footer-action .footer-action .content-share .label { font-weight: 700; font-size: 16px; margin-right: 8px; }
  .content-collection-inspiration .section-footer-action .footer-action .content-share .socicals .socical { margin-right: 4px; width: 50px; height: 50px; }
  .content-collection-inspiration .section-footer-action .footer-action .content-share .socicals .socical:last-child { margin-right: 0; }
  .section-about-vietceramics { padding: 38px 0 38px 0; }
  .section-about-vietceramics .section-title { font-size: 24px; margin-bottom: 38px; }
  .section-about-vietceramics .thumbnail-video, .section-about-vietceramics .thumbnail-image { margin-bottom: 38px; }
  .section-about-vietceramics .thumbnail-video .btn-play, .section-about-vietceramics .thumbnail-image .btn-play { width: 77px; height: 77px; }
  .section-about-vietceramics .text { font-weight: 400; font-size: 16px; }
  .section-mission-vietceramics { padding: 60px 0; }
  .section-mission-vietceramics .banner-bg { height: auto; }
  .section-mission-vietceramics .inner-content { position: relative; left: 0; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .section-mission-vietceramics .inner-content .title { font-weight: 700; font-size: 24px; }
  .section-mission-vietceramics .inner-content .text { font-size: 20px; line-height: 1.25; }
  .section-core-values-vietceramics { padding: 43px 0; }
  .section-core-values-vietceramics .row { margin-left: -5px; margin-right: -5px; }
  .section-core-values-vietceramics .row > * { padding-left: 5px; padding-right: 5px; }
  .section-core-values-vietceramics .core-values .thubnail h3 { font-size: 16px; bottom: 15px; min-height: 65px; }
  .section-core-values-vietceramics .core-values .inner-content { font-size: 16px; padding: 22px 9px 10px 9px; min-height: 190px; }
  .section-total-solution-space .mb-30 { margin-bottom: 20px; }
  .section-total-solution-space .section-title { font-size: 24px; margin-bottom: 35px; }
  .section-total-solution-space .text { font-size: 16px; line-height: 1.5; margin-bottom: 50px; }
  .section-total-solution-space .solution-space .inner-content { padding: 20px; }
  .section-total-solution-space .solution-space .inner-content h3 { font-size: 20px; }
  .section-total-solution-space .solution-space.solution-space-landscape, .section-total-solution-space .solution-space.solution-space-portrait { padding-top: 68.3%; }
  .section-vietceramics-projects .row { margin-left: -5px; margin-right: -5px; }
  .section-vietceramics-projects .row > * { padding-left: 5px; padding-right: 5px; }
  .section-vietceramics-projects .projects-description { padding: 15px 15px; }
  .section-vietceramics-projects .projects-description .description { font-weight: 400; font-size: 12px; }
  .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; }
  .section-vietceramics-projects-detail { background-color: #e6e6e6; }
  .section-vietceramics-projects-detail .row { margin-left: -5px; margin-right: -5px; }
  .section-vietceramics-projects-detail .row > * { padding-left: 5px; padding-right: 5px; }
  .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; }
  .section-vietceramics-projects-detail .projects-description .description { font-size: 20px; }
  .section-vietceramics-projects-detail .projects { position: relative; text-decoration: none; margin-bottom: 10px; display: block; }
  .section-vietceramics-projects-detail .projects .thumbnail { padding-top: 125%; }
  .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; }
  .section-vietceramics-projects-detail .projects .inner-content { position: absolute; bottom: 0; left: 0; padding: 28px 0px; z-index: 2; width: 100%; }
  .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); }
  .section-vietceramics-projects-detail .projects .project-title a { text-decoration: none; }
  .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); }
  .section-vietceramics-projects-detail .projects .location a { text-decoration: none; }
  .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; }
  .section-vietceramics-projects-detail .project-filter { padding: 15px 0 9px 0; }
  .section-vietceramics-projects-detail .project-filter .navbar-filter .nav-item { display: none; }
  .section-vietceramics-projects-detail .project-filter .navbar-filter .nav-item:first-child { display: block; }
  .section-vietceramics-projects-detail .project-listing { padding-top: 30px; padding-bottom: 60px; }
  .section-vietceramics-projects-detail .project-listing .read-more { margin-top: 70px; }
  .section-vietceramics-projects-categories { padding: 45px 0 45px 0; }
  .section-vietceramics-projects-categories .section-title { font-size: 24px; margin-bottom: 30px; }
  .section-vietceramics-projects-categories .swiper-projects-categories { padding-right: 40%; }
  .section-vietceramics-projects-categories .projects { position: relative; text-decoration: none; }
  .section-vietceramics-projects-categories .projects .inner-content { padding: 16px 5px; min-height: 95px; }
  .section-vietceramics-projects-categories .projects .project-title { font-size: 16px; }
  .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; }
  .section-catalogue-listing { background-color: #f8f8f8; padding: 20px 0 90px 0; }
  .section-catalogue-listing .catalogue-listing-header { margin-bottom: 30px; }
  .section-catalogue-listing .catalogue-listing-header .nav { border-bottom: 1px solid #000; }
  .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%; }
  .section-catalogue-listing .catalogue-listing-header .nav .nav-item .nav-link { font-size: 14px; padding: 16px 0; }
  .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%; }
  .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%; }
  .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%; }
  .section-catalogue-listing .row { margin-left: -5px; margin-right: -5px; }
  .section-catalogue-listing .row > * { padding-left: 5px; padding-right: 5px; }
  .section-catalogue-listing .catalogue { margin-bottom: 20px; }
  .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; }
  .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; }
  .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; }
  .section-form-contact .form-contact-info { background-color: #f8f8f8; position: relative; height: 100%; padding-top: 69px; padding-bottom: 70px; }
  .section-form-contact .form-contact-info h2 { font-size: 30px; margin-bottom: 32px; padding: 0 0px 0 0px; }
  .section-form-contact .form-contact-info .contact-icon { text-align: center; padding: 20px 0 45px 0; }
  .section-form-contact .form-contact-info .contact-icon .icon { height: 25px; width: auto; max-width: auto; margin: 0 auto 14px auto; }
  .section-form-contact .form-contact-info .contact-icon h4 { font-weight: 700; font-size: 16px; text-align: center; color: #4E4E4F; margin-bottom: 5px; }
  .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; }
  .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; }
  .section-form-contact .form-contact-info .contact-socials .label { font-weight: 700; font-size: 20px; color: #000000; margin-bottom: 0; margin-right: 50px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin-bottom: 30px; }
  .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; }
  .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; }
  .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; }
  .section-form-contact .form-contact-info .contact-socials .socials .item .icon-moon::before { color: inherit; }
  .section-form-contact .form-contact-info .contact-socials .socials .item:last-child { margin-right: 0; }
  .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; }
  .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; }
  .section-form-contact .form-contact-submit { background-color: #e0dbd8; position: relative; height: 100%; padding: 39px 0px 39px 0px; }
  .section-form-contact .form-contact-submit .description { font-weight: 400; font-size: 16px; color: #000000; margin-bottom: 40px; }
  .section-form-contact .form-contact-submit .form-group { margin-bottom: 40px; }
  .section-form-contact .form-contact-submit .form-group .form-control { padding: 15px 28px; font-weight: 400; font-size: 16px; color: #4E4E4F; }
  .section-form-contact .form-contact-submit form { position: relative; z-index: 1; }
  .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%); }
  .section-contact-find-showroom { background-color: #e0dbd8; }
  .section-contact-find-showroom .banner { height: 227px; width: 100%; position: relative; }
  .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; }
  .section-contact-find-showroom .col-inner { padding: 30px 0px; }
  .section-contact-find-showroom .col-inner .text { color: #000000; font-weight: 400; font-size: 20px; margin-bottom: 30px; }
  .section-search-bar { padding: 32px 0 100px 0; background-color: #f8f8f8; }
  .section-search-bar .form-search { margin-bottom: 50px; }
  .section-search-bar .form-search .label-input { font-size: 16px; }
  .section-search-bar .form-search .form-group-search { position: relative; margin-bottom: 16px; }
  .section-search-bar .form-search .form-group-search .form-control-search { padding: 10px 0; font-size: 32px; padding-right: 37px; }
  .section-search-bar .form-search .form-group-search .btn-search .icon { font-size: 32px; width: 32px; }
  .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; }
  .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%; }
  .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; }
  .section-search-bar .advance-search .content .inner-content { color: #ffffff; }
  .section-search-bar .advance-search .content .inner-content h3 { font-size: 32px; margin-bottom: 30px; }
  .section-search-bar .advance-search .content .inner-content .text { font-size: 16px; margin-bottom: 45px; }
  .section-search-bar .search-results .title-search-ressult { margin-bottom: 50px; font-weight: 400; font-size: 24px; color: #000000; }
  .section-search-bar .search-results .results { margin-bottom: 60px; }
  .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; }
  .section-search-bar .search-results .results .result-title.result-title-empty { margin-bottom: 15px; }
  .section-search-bar .search-results .results .empty { font-weight: 400; font-size: 16px; color: #000000; }
  .section-search-bar .search-results .results .result { margin-bottom: 20px; }
  .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; }
  .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; }
  .section-search-bar .search-results .results .result.result-product .thumbnail img { height: auto; display: block; width: 100%; }
  .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; }
  .section-search-bar .search-results .results .result.result-product .content h5 { font-size: 14px; }
  .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; }
  .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; }
  .section-search-bar .search-results .results .result.result-collection .thumbnail img { height: auto; display: block; width: 100%; }
  .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; }
  .section-search-bar .search-results .results .result.result-collection .content h5 { font-size: 14px; }
  .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; }
  .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; }
  .section-search-bar .search-results .results .result.result-new .content h5 { font-size: 14px; }
  .section-search-bar .search-results .results .result:hover .content h5 { color: #981B1E; }
  .section-advance-search .advance-search-header { padding-top: 36px; padding-bottom: 45px; background-color: #f8f8f8; }
  .section-advance-search .advance-search-header .section-title { font-weight: 400; font-size: 24px; margin-bottom: 30px; }
  .section-advance-search .advance-search-header .nav { border-bottom: 1px solid #000; }
  .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%; }
  .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%; }
  .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%; }
  .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%; }
  .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; }
  .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%); }
  .section-advance-search .advance-search-header .nav .nav-item .nav-link.active { font-weight: 700; color: #981B1E; }
  .section-advance-search .advance-search-header .nav .nav-item .nav-link.active::after { width: 100%; }
  .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; }
  .section-advance-search .products { padding-top: 30px; }
  .sidebar-fillter { top: 90px; height: calc(100% - 91px); }
  .sidebar-fillter [sidebarjs-container] { -webkit-box-shadow: unset !important; box-shadow: unset !important; max-width: calc(100% - 65px); width: 100%; }
  .sidebar-fillter [sidebarjs-backdrop] { opacity: 0.3 !important; }
  .sidebar-fillter .sidebar-container { max-width: 100%; width: 100%; }
  .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; }
  .sidebar-fillter .sidebar-footer .btn-reset { font-size: 14px; }
  .sidebar-fillter .sidebar-footer .btn-filter { font-size: 14px; }
  .section-service-intro { padding: 34px 0 20px 0; background-color: #f8f8f8; }
  .section-service-intro .section-title { font-size: 24px; margin-bottom: 33px; }
  .section-service-intro .content { font-weight: 400; font-size: 20px; color: #4E4E4F; text-align: left; }
  .section-service-intro .content p { text-align: left; font-size: 16px; margin-bottom: 30px; }
  .section-service-vietceramics { padding-top: 15px; }
  .section-service-vietceramics .col-inner { padding: 62px 15px 57px 15px; }
  .section-service-vietceramics .col-inner h2 { font-size: 24px; }
  .section-service-vietceramics .col-inner .text { margin-bottom: 48px; }
  .section-introduction-jobs { background-color: #e0dbd8; padding-top: 15px; }
  .section-introduction-jobs .col-inner { padding: 30px 0px 47px 0px; max-width: 720px; width: 100%; }
  .section-introduction-jobs .col-inner .description { margin-bottom: 30px; font-weight: 400; font-size: 20px; }
  .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; }
  .section-introduction-jobs .col-inner .group-action .btn { margin-right: 0; font-size: 14px; padding: 10px 15px; }
  .section-jobs-dashboard .jobs-dashboard-content { padding: 30px 0 50px 0; }
  .section-jobs-dashboard .jobs-dashboard-content .title { text-transform: uppercase; font-weight: 700; font-size: 16px; color: #000000; margin-bottom: 15px; }
  .section-jobs-dashboard .read-more { padding: 20px 0 50px 0; }
  .section-jobs-dashboard .nav-mobile-filter { background-color: #ffffff; padding: 10px 0; margin-bottom: 30px; position: relative; }
  .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; }
  .section-jobs-dashboard .nav-mobile-filter .btn-fillter { background-color: #981B1E; border: 1px solid #981B1E; color: #ffffff; position: relative; z-index: 2; }
  .section-jobs-dashboard .nav-mobile-filter .btn-fillter .icon { margin-right: 12px; }
  .jobs .job { padding: 30px 13px 36px 13px; }
  .jobs .job .job-name { font-size: 24px; }
  .jobs .job .meta li { width: 50%; font-size: 12px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail #apply-cv { margin-bottom: 35px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar { min-height: 0; padding: 0; position: relative; height: 50px; }
  .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; }
  .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%; }
  .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; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-sidebar .nav-menu-sidebar .nav-item .nav-link .icon { font-size: 18px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .jobs-dashboard-content { padding: 0; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail { padding-left: 0; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header { padding: 36px 0 0px 0; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .job-name { font-size: 24px; margin-bottom: 15px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .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; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(1) { margin-bottom: 30px; width: 100%; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(2) { margin-bottom: 30px; width: 100%; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(3) { width: 100%; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-header .meta .item:nth-child(4) { width: 100%; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body { padding: 25px 0 0 0; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content { font-size: 16px; margin-bottom: 30px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .content-title { font-size: 20px; }
  .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; }
  .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; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content a { color: #e74a3b; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content i { font-style: italic; }
  .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; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content li { margin-bottom: 16px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content p { margin-bottom: 16px; }
  .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; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul > li { margin-top: 5px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul > li::before { content: "- "; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-body .job-detail-content .inner-content ul ul ul { list-style-type: circle; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer { padding: 25px 0 40px 0; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .content-share .label { font-size: 16px; }
  .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; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical { width: 40px; height: 40px; }
  .section-jobs-dashboard.section-jobs-dashboard-detail .job-detail .job-detail-footer .footer-action .socicals .socical .icon { font-size: 22px; }
  .section-apply-cv { padding: 23px 0px 70px 0px; background-color: #eeebe6; }
  .section-apply-cv .inner-apply-cv { padding: 0 0; }
  .section-apply-cv .section-title { font-size: 24px; margin-bottom: 16px; text-align: left; }
  .section-apply-cv .form-group { margin-bottom: 20px; }
  .section-apply-cv .form-group label { font-size: 16px; }
  .section-apply-cv .form-group .form-control { font-size: 14px; }
  .section-apply-cv .form-group-button { max-width: 400px; margin: auto; }
  .section-apply-cv .form-group-button .btn { width: 100%; }
  .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; }
  .section-apply-cv .form-group-file .label-file h5 { font-weight: 400; font-size: 16px; margin-bottom: 0; }
  .section-apply-cv .form-group-file .label-file span { font-size: 14px; }
  .section-apply-cv .form-group-file .file-name { display: none; font-size: 16px; font-weight: 400; color: #000000; }
  .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; }
  .section-apply-cv .form-group-file .form-file { position: absolute; top: 0; right: 0; height: 100%; width: 100%; opacity: 0; }
  .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; }
  .section-showrooms .showrooms-header, .section-showrooms-3d .showrooms-header { margin-bottom: 30px; }
  .section-showrooms .showrooms-header .nav, .section-showrooms-3d .showrooms-header .nav { border-bottom: 1px solid #000; }
  .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%; }
  .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; }
  .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%; }
  .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%; }
  .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%; }
  .section-showrooms .showrooms-body .showroom-detail .name, .section-showrooms-3d .showrooms-body .showroom-detail .name { font-size: 24px; }
  .section-showrooms .showroom-detail-content, .section-showrooms-3d .showroom-detail-content { background-color: #f8f8f8; padding-top: 20px; padding-bottom: 30px; }
  .section-showrooms .showrooms-body .showrooms, .section-showrooms-3d .showrooms-body .showrooms { max-height: 330px; overflow-y: auto; }
  .section-showrooms .showrooms-body .showrooms .showroom, .section-showrooms-3d .showrooms-body .showrooms .showroom { margin-bottom: 10px; padding: 11px 28px; }
  .section-showrooms .showrooms-body .showrooms .showroom .name, .section-showrooms-3d .showrooms-body .showrooms .showroom .name { font-size: 16px; margin-bottom: 13px; }
  .section-showrooms .showrooms-body .showrooms .showroom .district, .section-showrooms-3d .showrooms-body .showrooms .showroom .district { font-size: 16px; margin-bottom: 13px; }
  .section-showrooms .showrooms-body .showrooms .showroom .address, .section-showrooms-3d .showrooms-body .showrooms .showroom .address { font-size: 15px; }
  .section-showrooms .showrooms-body .showroom-detail .address, .section-showrooms-3d .showrooms-body .showroom-detail .address { font-size: 16px; margin-bottom: 27px; }
  .section-showrooms .showrooms-body .showroom-detail .room-title, .section-showrooms-3d .showrooms-body .showroom-detail .room-title { font-size: 16px; }
  .section-showrooms .showrooms-body .showroom-detail .metas .meta-item, .section-showrooms-3d .showrooms-body .showroom-detail .metas .meta-item { margin-bottom: 34px; }
  .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; }
  .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; }
  .section-showrooms .showrooms-body .showroom-slider, .section-showrooms-3d .showrooms-body .showroom-slider { margin-bottom: 20px; }
  .section-showrooms .showrooms-map .iframe-googlemap, .section-showrooms-3d .showrooms-map .iframe-googlemap { padding-top: 60%; }
  .section-showrooms .showrooms-map .iframe-googlemap .group-action, .section-showrooms-3d .showrooms-map .iframe-googlemap .group-action { left: 10px; bottom: 14px; }
  .section-showrooms .showrooms-map .iframe-googlemap .group-action .btn, .section-showrooms-3d .showrooms-map .iframe-googlemap .group-action .btn { margin-right: 20px; }
  .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; }
  .section-showrooms-3d .showrooms-body #myTabContent { padding-left: 0; }
  .section-showrooms-3d .showroom-detail-content { margin-bottom: 0; }
  .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; }
  .modal-newsletter .modal-content .modal-body .title, .modal-forgot-password .modal-content .modal-body .title { font-size: 36px; }
  .modal-newsletter .modal-content .modal-body .text, .modal-forgot-password .modal-content .modal-body .text { margin-bottom: 15px; }
  .modal-newsletter .modal-content .modal-body .form-group .form-control, .modal-forgot-password .modal-content .modal-body .form-group .form-control { padding: 12px 20px; }
  .modal-authorization .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5px; right: 5px; }
  .modal-authorization .modal-content .modal-body .inner-authorization .form-group .form-control { min-height: 45px; padding: 9px 20px; }
  .modal-authorization .modal-content .modal-body .inner-authorization h3 { font-size: 32px; margin-bottom: 30px; }
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login { padding: 45px 25px; }
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login h3 { font-size: 32px; margin-bottom: 30px; }
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login .form-group { margin-bottom: 30px; }
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-login .form-group-button .btn { margin-bottom: 30px; }
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-register { padding: 45px 25px; }
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-register h3 { font-size: 32px; }
  .modal-authorization .modal-content .modal-body .inner-authorization.inner-authorization-register .form-switch .form-check-label { font-size: 12px; }
  .modal-project-detail .modal-content { border-radius: 0; }
  .modal-project-detail .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5px; right: 5px; }
  .modal-project-detail .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
  .modal-project-detail .modal-body { background-color: #f8f8f8; }
  .modal-project-detail .project-header { display: block; padding: 22px 0 0 0; }
  .modal-project-detail .project-header .cat { font-size: 16px; margin-bottom: 9px; }
  .modal-project-detail .project-header .title { font-size: 32px; margin-bottom: 22px; }
  .modal-project-detail .project-header .thumbnail img { display: block; width: 100%; }
  .modal-project-detail .project-body { padding: 0px; }
  .modal-project-detail .project-body .project-info { background-color: #e6e6e6; height: 100%; padding: 30px 30px; margin-bottom: 30px; height: auto; }
  .modal-project-detail .project-body .project-info .info { font-weight: 400; font-size: 16px; margin-bottom: 20px; }
  .modal-project-detail .project-body .project-info .info b { font-weight: 700; }
  .modal-project-detail .project-body .project-info .info:last-child { margin-bottom: 0; }
  .modal-project-detail .project-body .thumbnail-info { padding: 0 30px; }
  .modal-project-detail .project-body .inner-content { padding: 30px 30px; border-bottom: 1px solid #000; }
  .modal-project-detail .project-body .inner-content h1, .modal-project-detail .project-body .inner-content h2 { font-size: 24px; font-weight: 700; }
  .modal-project-detail .project-body .inner-content h3, .modal-project-detail .project-body .inner-content h4 { font-size: 20px; font-weight: 700; }
  .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; }
  .modal-project-detail .project-body .project-socicals { padding: 25px 30px; }
  .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; }
  .modal-project-detail .project-body .project-socicals .btn-primary .icon { font-size: 16px; }
  .modal-project-detail .project-body .project-socicals .btn-primary:last-child { margin-right: 0; }
  .modal-project-detail .project-body .content-share { margin-bottom: 50px; }
  .modal-project-detail .project-body .content-share .label { font-size: 16px; margin-right: 2px; }
  .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; }
  .modal-project-detail .project-body .socicals .socical { margin-right: 5px; }
  .modal-project-detail .project-body .project-related { padding: 25px 30px; }
  .modal-project-detail .project-body .project-related .row { margin-left: -8px; margin-right: -8px; padding-bottom: 8px; }
  .modal-project-detail .project-body .project-related .row > * { padding: 8px; }
  .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; }
  .modal-project-detail .project-body .project-related .projects-description .description { font-size: 20px; }
  .modal-project-detail .project-body .project-related .related-title { font-weight: 700; font-size: 20px; color: #000000; margin-bottom: 24px; }
  .modal-project-detail .project-body .project-related .projects { position: relative; text-decoration: none; }
  .modal-project-detail .project-body .project-related .projects .thumbnail img { display: block; width: 100%; height: auto; }
  .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; }
  .modal-project-detail .project-body .project-related .projects .project-title { font-size: 10px; margin-bottom: 4px; }
  .modal-project-detail .project-body .project-related .projects .location { font-size: 8px; }
  .modal-product-wish-list .modal-dialog { margin-top: 110px; }
  .modal-product-wish-list .modal-content { background-color: #f8f8f8; border-radius: 0; }
  .modal-product-wish-list .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5px; right: 5px; }
  .modal-product-wish-list .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
  .modal-product-wish-list .modal-content .modal-body { padding: 50px 25px 20px 25px; min-height: 300px; }
  .modal-product-wish-list .product-wish-list .product-title { font-size: 20px; margin-bottom: 25px; }
  .modal-product-wish-list .product-attribute { font-size: 16px; }
  .modal-product-wish-list .product-attribute .txt-label { display: inline-block; }
  .modal-product-wish-list .attribute-radio-selected .form-check-label { font-size: 14px; }
  .modal-product-wish-list .group-action .btn-primary { padding: 18px 12px; }
  .modal-alert-login .modal-content { background-color: #EEEBE6; border-radius: 0; }
  .modal-alert-login .modal-content .btn-close { width: 40px; height: 40px; background: unset; position: absolute; top: 5x; right: 5px; z-index: 3; }
  .modal-alert-login .modal-content .btn-close img { display: block; width: 100%; height: 100%; }
  .modal-alert-login .modal-content .modal-body { padding: 45px 20px 25px 20px; }
  .modal-alert-login .modal-content .modal-body .text { font-size: 14px; }
  .modal-alert-login .icon-login { width: 80px; margin: 0 auto 50px auto; }
  .modal-alert-login .icon-login img { display: block; width: 100%; height: auto; }
  .modal-alert-login .btn-link { font-size: 16px; }
  .select2.select2-container .select2-selection .select2-selection__rendered { font-weight: 400; font-size: 16px; min-height: 45px; padding: 11px 20px; }
  .btn-group-filter-slider { padding-left: 15px; padding-right: 15px; }
  .btn-group-filter-slider .btn-filter { font-size: 14px; padding: 14px 4px; }
  .product-main-block { padding-top: 0; padding-bottom: 0; }
  .product-main-block .product-left { padding-left: 0; padding-right: 0; }
  .product-main-block .container-product-thumbs { padding-left: 15px; padding-right: 15px; }
  .product-detail-block .product-title { font-weight: 700; font-size: 20px; }
  .product-detail-block .group-product-attributes { margin-bottom: 40px; }
  .product-detail-block .group-product-attributes .attribute-skus .sku { font-size: 16px; }
  .product-detail-block .product-attribute { font-size: 16px; margin-bottom: 12px; }
  .product-detail-block .product-attribute .attribute { font-size: 16px; }
  .product-detail-block .product-attribute:last-child { margin-bottom: 0; }
  .product-detail-block .user-manual .user-manual-item { margin-bottom: 12px; font-size: 16px; }
  .product-detail-block .user-manual .user-manual-item a { margin-left: 15px; height: 36px; width: 36px; padding: 5px; }
  .product-detail-block .user-manual .user-manual-item a i { font-size: 26px; line-height: 26px; }
  .product-detail-block .product-actions .btn { padding: 23px 5px; margin-bottom: 20px; }
  .product-detail-block .product-actions .btn .icon { font-size: 20px; }
  .product-detail-block .product-share .label { font-size: 16px; }
  .product-detail-block .product-description { font-weight: 700; font-size: 20px; color: #4e4e4f; margin-bottom: 55px; }
  .product-content-block { background-color: #f8f8f8; margin-bottom: 50px; padding-top: 20px; padding-bottom: 20px; }
  .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; }
  .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; }
  .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; }
  .product-content-block .collapse .card-body { padding: 0; background-color: #f8f8f8; border-width: 0; }
  .product-content-block .inner-content { padding-bottom: 10px; padding-top: 20px; font-size: 16px; }
  .product-content-block .inner-content h1, .product-content-block .inner-content h2, .product-content-block .inner-content h3 { font-size: 20px; }
  .product-content-block .inner-content h3 { font-size: 18px; }
  .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; }
  .product-content-block .inner-content::after { content: ""; display: block; width: 100%; clear: both; }
  .product-maybe-will-like { padding-top: 50px; }
  .product-maybe-will-like .section-title { padding-left: 0; font-size: 24px; }
  .product-maybe-will-like .products { padding-top: 60px; padding-bottom: 0px; padding-left: 15px; }
  .product-maybe-will-like .container { padding-right: 0 !important; }
  .product-mix-match .container { padding-right: 0 !important; }
  .product-mix-match .section-title { padding-left: 0; font-size: 24px; }
  .product-mix-match .products { padding-left: 15px; }
  .section-news-listing .news-listing-header { margin-bottom: 32px; }
  .section-news-listing .news-listing-header .nav .nav-item .nav-link { padding: 9px 0; font-size: 14px; }
  .section-news-listing .catalogue-listing-footer { margin-top: 40px; }
  .section-post-list .row { margin-left: -5px; margin-right: -5px; }
  .section-post-list .row > * { padding-left: 5px; padding-right: 5px; }
  .section-news-listing { margin-bottom: 100px; }
  .post-margin { margin-bottom: 30px; }
  .section-hot-post .section-title { font-size: 32px; margin-bottom: 28px; }
  .section-hot-post .swiper-hot-post-slider { padding-right: 20%; }
  .section-hot-post .hot-post-left { padding-right: 0 !important; }
  .section-hot-post .hot-post-left .post .post-body { padding: 13px 11px; }
  .section-hot-post .post { position: relative; }
  .section-hot-post .post .post-body { padding: 13px 11px; }
  .section-hot-post .post .post-body .tag-new { min-width: 60px; font-size: 8px; margin-bottom: 7px; }
  .section-hot-post .post .post-body .post-category { margin-bottom: 7px; }
  .section-hot-post .post .post-body .post-category a { font-size: 10px; }
  .section-hot-post .post .post-body .post-title { font-size: 16px; margin-bottom: 7px; }
  .section-hot-post .post .post-body .post-meta li { font-size: 10px; }
  .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); }
  .posts .post .post-body { padding: 20px 15px 20px 15px; min-height: 160px; }
  .posts .post .post-body .tag-new { color: #ffffff; padding: 3px 3px; min-width: 48px; font-size: 8px; margin-bottom: 10px; }
  .posts .post .post-body .post-category { margin-bottom: 10px; }
  .posts .post .post-body .post-category a { font-size: 10px; }
  .posts .post .post-body .post-title { margin-bottom: 10px; font-size: 12px; }
  .posts .post .post-body .post-meta { padding: 10px 15px; }
  .posts .post .post-body .post-meta li { font-size: 10px; }
  .posts .post .post-body.post-body-x2 { min-height: 170px; padding: 26px 15px; }
  .posts .post .post-body.post-body-x2 .post-category { margin-bottom: 12px; }
  .posts .post .post-body.post-body-x2 .post-category a { font-size: 10px; }
  .posts .post .post-body.post-body-x2 .post-title { margin-bottom: 12px; font-size: 16px; }
  .posts .post .post-body.post-body-x2 .post-meta { padding: 10px 15px; }
  .posts .post .post-body.post-body-x2 .post-meta li { font-size: 10px; }
  .section-post-detail { padding: 40px 0 100px 0; }
  .section-post-detail .post-detail-wrapper { max-width: 910px; width: 100%; margin: auto; }
  .section-post-detail .post-detail-header .post-category { margin-bottom: 10px; }
  .section-post-detail .post-detail-header .post-category a { font-size: 12px; }
  .section-post-detail .post-detail-header .post-title { font-size: 24px; margin-bottom: 17px; }
  .section-post-detail .post-detail-header .post-meta { margin-bottom: 30px; }
  .section-post-detail .post-detail-header .post-meta li { font-size: 12px; }
  .section-post-detail .post-detail-header .short-content { margin-bottom: 30px; font-size: 16px; }
  .section-post-detail .post-detail-body { font-size: 16px; font-weight: 400; margin-bottom: 80px; color: #4E4E4F; }
  .section-post-detail .post-detail-body h1, .section-post-detail .post-detail-body h2 { font-size: 24px; margin-bottom: 28px; }
  .section-post-detail .post-detail-body h3 { font-size: 20px; margin-bottom: 28px; }
  .section-post-detail .post-detail-body h4, .section-post-detail .post-detail-body h5 { font-size: 16px; margin-bottom: 28px; }
  .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; }
  .section-post-detail .post-detail-body p { font-size: 16px; margin-bottom: 28px; }
  .section-post-detail .post-detail-body a { font-size: 16px; }
  .section-post-detail .post-detail-body a:hover, .section-post-detail .post-detail-body a:focus { color: #981B1E; }
  .section-post-detail .post-detail-body b, .section-post-detail .post-detail-body strong { font-weight: 700; }
  .section-post-detail .post-detail-body figure { margin-bottom: 30px; }
  .section-post-detail .post-detail-body .row { margin-left: -20px; margin-right: -20px; }
  .section-post-detail .post-detail-body .row > * { padding-left: 5px; padding-right: 5px; }
  .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; }
  .section-post-detail .post-detail-footer .footer-action .content-share { margin-left: 10px; width: calc(100% - 180px); }
  .section-post-detail .post-detail-footer .footer-action .content-share .label { font-weight: 700; font-size: 16px; margin-right: 8px; }
  .section-post-detail .post-detail-footer .footer-action .content-share .socicals .socical { margin-right: 4px; width: 50px; height: 50px; }
  .section-post-detail .post-detail-footer .footer-action .content-share .socicals .socical:last-child { margin-right: 0; }
  .section-posts-related { background-color: #e6e6e6; padding-top: 86px; padding-bottom: 117px; }
  .section-posts-related > .container { padding-right: 0; }
  .section-posts-related .section-title { font-size: 24px; margin-bottom: 40px; }
  .section-posts-related .posts-related { margin-left: -5px; margin-right: -5px; }
  .section-posts-related .swiper-posts-related-slider { padding: 5px; padding-right: 25%; }
  .section-blog-detail-header { margin-bottom: 37px; }
  .section-blog-detail-header .title { font-size: 35px; margin-bottom: 23px; min-height: unset; }
  .section-blog-detail-header .sub { font-size: 20px; text-align: left; margin-bottom: 20px; }
  .section-blog-detail-header .thumbnail-image-small { max-width: 55%; width: 100%; }
  .section-dashboard { padding-top: 52px; }
  .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; }
  .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; }
  .section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 180px; }
  .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; }
  .section-dashboard .dashboard-sidebar .nav-menu-profile .nav-item .nav-link .icon { font-size: 18px; }
  .section-dashboard .dashboard-content { width: 100%; padding: 35px 15px 99px 15px; min-height: auto; }
  .section-dashboard .dashboard-content .title { font-size: 24px; margin-bottom: 25px; }
  .section-dashboard .dashboard-content .profile-content { margin-bottom: 90px; }
  .section-dashboard .dashboard-content .content-edit { padding-right: 58px; }
  .section-dashboard .dashboard-content .content-edit.content-edit-form .btn-edit { font-size: 14px; bottom: 10px; right: 0; }
  .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; }
  .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; }
  .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; }
  .section-dashboard .favourite-listing { background-color: #f8f8f8; padding: 20px 0 90px 0; }
  .section-dashboard .favourite-listing .favourite-listing-header { margin-bottom: 30px; }
  .section-dashboard .favourite-listing .favourite-listing-header .nav { border-bottom: 1px solid #000; }
  .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%; }
  .section-dashboard .favourite-listing .favourite-listing-header .nav .nav-item .nav-link { font-size: 14px; padding: 16px 0; }
  .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%; }
  .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%; }
  .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%; }
  .section-dashboard .favourite-listing .checkbox-all { margin-bottom: 40px; }
  .section-dashboard .favourite-listing .checkbox-all .form-check { padding-left: 37px; }
  .section-dashboard .favourite-listing .checkbox-all .form-check .form-check-label::before { width: 25px; height: 25px; }
  .section-dashboard .favourite-listing .checkbox-all .form-check .form-check-label::after { content: ""; width: 25px; height: 25px; }
  .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; }
  .section-dashboard .favourite-listing .content-favourite .col-selected { width: 25px; }
  .section-dashboard .favourite-listing .content-favourite .col-selected .form-check .form-check-label { width: 25px; height: 25px; }
  .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; }
  .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; }
  .section-dashboard .favourite-listing .content-favourite .col-content .thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70px; }
  .section-dashboard .favourite-listing .content-favourite .col-content .thumbnail img { display: block; width: 100%; }
  .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; }
  .section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name { font-size: 14px; margin-bottom: 12px; }
  .section-dashboard .favourite-listing .content-favourite .col-content .inner-content .name a { text-decoration: none; color: inherit; }
  .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; }
  .section-dashboard .favourite-listing .content-favourite .col-content .attributes ul { list-style-type: none; padding-left: 0; }
  .section-dashboard .favourite-listing .content-favourite .col-content .attributes ul li { margin-bottom: 5px; font-weight: 400; font-size: 10px; }
  .section-dashboard .favourite-listing .content-favourite .col-content .attributes ul li b { text-transform: uppercase; }
  .section-dashboard .favourite-listing .content-favourite .col-action { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 80px; }
  .section-dashboard .favourite-listing .content-favourite .col-action .btn-delete { font-size: 14px; }
  .section-dashboard .favourite-listing .content-favourite .col-action .quantity-control { width: 80px; }
  .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; }
  .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; }
  .section-dashboard .favourite-listing .content-favourite.content-favourite-listing .col-content { width: calc(100% - 90px); }
  .section-dashboard .favourite-listing .content-download-listing .datetime { font-weight: 400; font-size: 14px; text-align: right; color: #4E4E4F; }
  .section-dashboard .favourite-listing .card { padding: 24px 15px 50px 15px; }
  .section-dashboard .favourite-listing .card .card-header .code { font-size: 20px; }
  .section-dashboard .favourite-listing .card .card-footer { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .section-dashboard .favourite-listing .card .card-footer .btn { min-width: 100px; font-size: 14px; margin-left: 10px; }
  .section-dashboard .favourite-listing .card .card-footer .btn .icon { font-size: 14px; }
  .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; }
  .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%); } }

/*# sourceMappingURL=style.css.a7551622ebd5.map */