@charset "UTF-8";
@charset "UTF-8";

@font-face {
font-family: 'Gilroy';
src: url(//mant.vn/wp-content/themes/mant/dist/fonts/Gilroy.woff2) format('woff2'),
url(//mant.vn/wp-content/themes/mant/dist/fonts/Gilroy.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url(//mant.vn/wp-content/themes/mant/dist/fonts/Gilroy-Bold.woff2) format('woff2'),
url(//mant.vn/wp-content/themes/mant/dist/fonts/Gilroy-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url(//mant.vn/wp-content/themes/mant/dist/fonts/Gilroy-Semibold.woff2) format('woff2'),
url(//mant.vn/wp-content/themes/mant/dist/fonts/Gilroy-Semibold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
} .skltbs-theme-light .skltbs-tab-group,.skltbs-theme-dark .skltbs-tab-group{margin:0;padding:0;list-style:none}.skltbs-theme-light .skltbs-tab-group::after,.skltbs-theme-dark .skltbs-tab-group::after{content:"";clear:both;display:table}.skltbs-theme-light .skltbs-tab-item,.skltbs-theme-dark .skltbs-tab-item{float:left;margin:0 3px 3px 0}.skltbs-theme-light .skltbs-tab,.skltbs-theme-dark .skltbs-tab{display:block;padding:1em 1.25em;color:inherit;border:0;font-family:inherit;font-size:1rem;-webkit-appearance:none;appearance:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.skltbs-theme-light .skltbs-tab:disabled,.skltbs-theme-dark .skltbs-tab:disabled{background:transparent;cursor:not-allowed;touch-action:none}.skltbs-theme-light .skltbs-panel,.skltbs-theme-dark .skltbs-panel{padding:15px 25px;border:2px solid}.skltbs-theme-light .skltbs-panel-heading,.skltbs-theme-dark .skltbs-panel-heading{margin-top:3px}.skltbs-theme-light .skltbs-panel-heading:first-child,.skltbs-theme-dark .skltbs-panel-heading:first-child{margin-top:0}.skltbs-theme-light .skltbs-panel-heading .skltbs-tab,.skltbs-theme-dark .skltbs-panel-heading .skltbs-tab{width:100%}.skltbs-theme-light{color:#333}.skltbs-theme-light .skltbs-tab{background:#f6f6f8}.skltbs-theme-light .skltbs-tab:focus{outline:0;box-shadow:inset 0 0 0 2px #0a69ca}.skltbs-theme-light .skltbs-tab:disabled{color:#ccc;background:transparent}.skltbs-theme-light .skltbs-tab.skltbs-active{color:#fff;background:#2b8ff5}.skltbs-theme-light .skltbs-tab.skltbs-active:focus,.skltbs-theme-light .skltbs-tab.skltbs-active:hover{border-color:#5ca9f7}.skltbs-theme-light .skltbs-panel{background-color:#fff;border:2px solid #f6f6f8}.skltbs-theme-light .skltbs-panel:focus{outline:0;border-color:#74b6f8}.skltbs-theme-dark{color:#fff}.skltbs-theme-dark .skltbs-tab{background:#2d2e2f}.skltbs-theme-dark .skltbs-tab:focus{outline:0;box-shadow:inset 0 0 0 2px #085cb2}.skltbs-theme-dark .skltbs-tab:disabled{color:#fff;background:transparent}.skltbs-theme-dark .skltbs-tab.skltbs-active{background:#2b8ff5}.skltbs-theme-dark .skltbs-tab.skltbs-active:focus,.skltbs-theme-dark .skltbs-tab.skltbs-active:hover{border-color:#000}.skltbs-theme-dark .skltbs-panel{background-color:#1a1b1c;border:2px solid #2d2e2f}.skltbs-theme-dark .skltbs-panel:focus{outline:0;border-color:#085cb2}.skltbs-mode-tabs .skltbs-panel-group{position:relative}.skltbs-mode-tabs.use-fade .skltbs-panel{position:relative;transition:opacity 500ms}.skltbs-mode-tabs.use-fade .skltbs-leave{position:absolute;top:0;display:block !important;opacity:1}.skltbs-mode-tabs.use-fade .skltbs-leave-active{opacity:0}.skltbs-mode-tabs.use-fade .skltbs-enter{opacity:0}.skltbs-mode-tabs.use-fade .skltbs-enter-active{opacity:1}.skltbs-mode-tabs.use-fade-scale .skltbs-panel{position:relative;transition:500ms;transition-property:opacity,transform}.skltbs-mode-tabs.use-fade-scale .skltbs-leave{position:absolute;top:0;display:block !important;opacity:1;transform:scale(1)}.skltbs-mode-tabs.use-fade-scale .skltbs-leave-active{opacity:0;transform:scale(0.95)}.skltbs-mode-tabs.use-fade-scale .skltbs-enter{opacity:0;transform:scale(0.95)}.skltbs-mode-tabs.use-fade-scale .skltbs-enter-active{opacity:1;transform:scale(1)}.skltbs-mode-tabs.use-drop .skltbs-panel{position:relative;transition:500ms;transition-property:opacity,transform}.skltbs-mode-tabs.use-drop .skltbs-leave{position:absolute;top:0;display:block !important;opacity:1;transform:translate3d(0, 0, 0)}.skltbs-mode-tabs.use-drop .skltbs-leave-active{opacity:0;transform:translate3d(0, 50%, 0)}.skltbs-mode-tabs.use-drop .skltbs-enter{opacity:0;transform:scale(0.5)}.skltbs-mode-tabs.use-drop .skltbs-enter-active{opacity:1;transform:scale(1)}.skltbs-mode-tabs.use-rotate .skltbs-panel-group{overflow:hidden}.skltbs-mode-tabs.use-rotate .skltbs-panel{position:relative;transition:500ms;transition-property:opacity,transform}.skltbs-mode-tabs.use-rotate .skltbs-leave{position:absolute;top:0;display:block !important;opacity:1;transform:translate3d(0, 0, 0)}.skltbs-mode-tabs.use-rotate .skltbs-leave-active{opacity:0;transform:translate3d(-50%, 0, 0)}.skltbs-mode-tabs.use-rotate .skltbs-enter{opacity:0;transform:translate3d(50%, 0, 0)}.skltbs-mode-tabs.use-rotate .skltbs-enter-active{opacity:1;transform:translate3d(0, 0, 0)} .slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 html, body, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
} :focus {
outline: 0;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
-moz-appearance: none;
}
input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
box-sizing: content-box;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
} audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
max-width: 100%;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden] {
display: none;
} html {
font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
opacity: 0.8;
} img {
border: 0; -ms-interpolation-mode: bicubic; } figure {
margin: 0;
max-width: 100%;
} form {
margin: 0;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0;
white-space: normal; *margin-left: -7px; } button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled],
html input[disabled] {
cursor: default;
} input[type=checkbox],
input[type=radio] {
box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type=search] {
-webkit-appearance: textfield;  box-sizing: content-box;
} input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; } table {
border-collapse: collapse;
border-spacing: 0;
}
html,
button,
input,
select,
textarea {
color: #222;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
video {
max-width: 100%;
}
textarea {
resize: vertical;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
* {
box-sizing: border-box;
}
.font-14 {
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.font-16-bold {
font-size: 16px;
line-height: 150%;
}
.font-20 {
font-size: 20px;
line-height: 150%;
}
.btn {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 24px;
border-radius: 40px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.btn svg {
width: 24px;
height: 24px;
}
.btn.btn-primary {
background-color: #AF8035;
color: white;
}
.btn.btn-center {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
.btn.btn-full {
width: 100%;
}
.btn.btn-border {
border: 1px solid #AF8035;
border-radius: 99px;
border: 1px solid #FAF5EC;
color: #FAF5EC;
background-color: transparent;
}
.btn.btn-border:hover {
background-color: #AF8035;
color: white;
border: 1px solid #AF8035;
}
.btn-border {
border: 1px solid #AF8035;
color: #AF8035;
}
header {
background-color: #423625;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
}
@media (min-width: 768px) {
header .logo {
position: relative;
width: 75px;
text-align: center;
margin: 0;
}
}
header .container {
display: flex;
align-items: center;
justify-content: space-between;
}
header a {
color: white;
text-decoration: none;
display: block;
}
header a.cart-link {
height: 25px;
}
.btnToggleMobileMenu {
display: none;
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
width: 24px;
height: 18px;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
}
@media (max-width: 1240px) {
.btnToggleMobileMenu {
display: block;
}
}
.btnToggleMobileMenu span {
display: block;
width: 100%;
height: 2px;
background-color: white;
position: absolute;
right: 0;
margin: 0;
transition: all 0.3s ease;
}
.btnToggleMobileMenu span:first-child {
top: 0;
}
.btnToggleMobileMenu span:nth-child(2) {
top: 50%;
transform: translateY(-50%);
}
.btnToggleMobileMenu span:last-child {
bottom: 0;
}
.btnToggleMobileMenu.active span:first-child {
transform: translateY(6px) rotate(45deg);
}
.btnToggleMobileMenu.active span:nth-child(2) {
opacity: 0;
}
.btnToggleMobileMenu.active span:last-child {
transform: translateY(-10px) rotate(-45deg);
}
.header-left {
display: flex;
flex-wrap: nowrap;
gap: 40px;
align-items: center;
}
@media (max-width: 1240px) {
.header-left {
height: 80px;
align-items: center;
justify-content: space-between;
}
.header-left .logo {
margin: 0;
}
.header-left .logo img {
height: 60px;
}
}
@media (max-width: 1240px) {
.header-left .header__menu.desktop-ver {
display: none;
}
}
.header-right {
display: flex;
gap: 24px;
align-items: center;
}
@media (max-width: 1240px) {
.header-right {
display: none;
}
}
.header-right .search-form {
position: relative;
}
.header-right .search-form input {
height: 20px;
padding: 10px 8px 8px 36px;
border-radius: 8px;
background: #554A3A;
border: none;
outline: none;
color: white;
display: flex;
align-items: center;
line-height: 1;
font-size: 18px;
}
.header-right .search-form button {
background-color: transparent;
height: 36px;
width: 36px;
position: absolute;
left: 0px;
top: 0px;
border: none;
outline: none;
}
.header-right .search-form button svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.header__menu > ul, .header__menu .max-mega-menu {
display: flex;
gap: 36px;
line-height: 107px;
}
.header__menu > ul > li > a, .header__menu .max-mega-menu > li > a {
display: block;
}
.header__menu .mega-menu-tab {
margin-right: 29px;
position: relative;
margin-top: 34px;
}
.header__menu .mega-menu-tab::after {
content: "";
display: block;
width: 1px;
height: 450px;
top: -30px;
background-color: rgba(190, 183, 173, 0.6);
position: absolute;
right: 0;
}
.header__menu .mega-menu-tab li {
max-height: 56px !important;
line-height: 56px !important;
cursor: pointer;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 1.5;
text-transform: uppercase;
min-width: 150px;
}
@media (min-width: 768px) {
.header__menu .mega-menu-item-has-children:hover > .mega-sub-menu {
opacity: 1;
height: 450px;
}
}
.header__menu .mega-menu-item-has-children#mega-menu-item-429:hover > .mega-sub-menu {
opacity: 1;
height: 450px;
}
.header__menu .mega-menu-item-has-children#mega-menu-item-429 .widget_text .textwidget {
background-color: #fff;
padding: 15px;
font-size: 14px;
}
.header__menu .mega-menu-item-has-children#mega-menu-item-429 .widget_text .textwidget p {
margin-bottom: 0;
}
.header__menu .mega-menu-item-has-children#mega-menu-item-429 .widget_text .textwidget img {
margin-bottom: 10px;
margin-bottom: 0;
}
.header__menu .mega-menu-item-has-children > .mega-sub-menu {
position: fixed;
background-color: #EBE7DC;
display: flex;
transition: all 0.5s;
height: 0;
width: 100%;
top: 104px;
left: 0;
z-index: 9999;
overflow: hidden;
}
.header__menu .mega-menu-item-has-children > .mega-sub-menu:after {
content: "";
display: block;
width: 100%;
height: 100px;
top: 0;
right: 0;
position: absolute;
max-width: 396px;
height: 450px;
background: url(//mant.vn/wp-content/themes/mant/dist/images/image-megamenu.jpg) no-repeat center center;
background-size: cover;
}
.header__menu .mega-menu-item-has-children > .mega-sub-menu > li {
width: 100%;
max-width: 1240px;
margin: 0px auto 0;
}
.header__menu .mega-menu-item-has-children > .mega-sub-menu > li > .mega-sub-menu {
display: flex;
}
.header__menu .mega-menu-item-has-children > .mega-sub-menu > li > .mega-sub-menu .mega-menu-column:first-child {
min-width: 136px;
}
.header__menu .mega-menu-item-has-children > .mega-sub-menu > li > .mega-sub-menu .mega-menu-column:first-child .mega-menu-tab {
display: flex;
flex-direction: column;
}
.header__menu .mega-menu-item-has-children > .mega-sub-menu > li > .mega-sub-menu .mega-menu-column:first-child .mega-menu-tab li {
max-height: 56px;
}
.header__menu .mega-menu-item-has-children > .mega-sub-menu > li > .mega-sub-menu .mega-menu-column:first-child .mega-menu-tab li.active {
color: #A2762F;
}
.header__menu .mega-menu-item-has-children .mega-block-title {
margin-bottom: 10px;
}
.header__menu .mega-menu-item-has-children #mega-menu-item-text-6 {
margin-bottom: 20px;
}
.header__menu .mega-menu-item-has-children #mega-menu-item-text-12 .textwidget,
.header__menu .mega-menu-item-has-children #mega-menu-item-text-13 .textwidget {
background-color: #fff;
padding: 15px;
font-size: 14px;
}
.header__menu .mega-menu-item-has-children #mega-menu-item-text-12 .textwidget p,
.header__menu .mega-menu-item-has-children #mega-menu-item-text-13 .textwidget p {
margin-bottom: 0;
}
.header__menu .mega-menu-item-has-children #mega-menu-item-text-12 .textwidget img,
.header__menu .mega-menu-item-has-children #mega-menu-item-text-13 .textwidget img {
margin-bottom: 10px;
}
.categoryMenu__item {
display: flex;
align-items: center;
padding: 15px 10px;
justify-content: space-between;
position: relative;
padding-left: 64px;
min-width: 216px;
border-radius: 4px;
background: #FAF5EC;
}
@media (min-width: 768px) {
.categoryMenu__item {
max-height: 65px;
overflow: hidden;
}
}
.categoryMenu__item a {
color: rgba(0, 0, 0, 0.7);
}
.categoryMenu__item .categoryMenu__item--thumbnail {
max-width: 45px;
position: absolute;
top: 50%;
transform: translatey(-50%);
left: 8px;
}
.mega-toggle-block {
display: none;
}
.header__menuRight {
display: flex;
align-items: center;
}
.header__menuRight > ul {
display: flex;
}
.header__menuRight > a {
margin: 15px 20px;
}
.header__menuRight .dgwt-wcas-search-wrapp {
position: fixed;
top: 104px;
left: 0;
width: 100%;
max-width: inherit;
background-color: #F6F5F1;
padding: 0 30px;
transition: all 0.5s;
height: 0;
overflow: hidden;
}
.header__menuRight .dgwt-wcas-search-wrapp.active {
height: 100px;
}
.header__menuRight .dgwt-wcas-search-form {
margin: 30px auto;
max-width: 700px;
box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
.header__menuRight .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
border-radius: 0;
}
.header__searchForm {
display: none;
}
#menu-header-mobile-menu {
opacity: 0;
visibility: hidden;
transition: all 0.5s;
display: none;
transform: translate(-100%, 80px);
}
#menu-header-mobile-menu .sub-menu {
display: none;
}
#menu-header-mobile-menu .menu-item-has-children.open > a {
font-weight: bold;
}
@media (max-width: 1240px) {
#menu-header-mobile-menu {
display: block;
background-color: #423625;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 9999;
padding: 40px;
max-width: 400px;
}
#menu-header-mobile-menu .menu-item-has-children > a {
display: flex;
align-items: center;
justify-content: space-between;
}
#menu-header-mobile-menu .menu-item-has-children > a:after {
content: "";
display: block;
width: 16px;
height: 16px;
background-color: transparent;
background-image: url(//mant.vn/wp-content/themes/mant/dist/images/arrow-down-light.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
#menu-header-mobile-menu .menu-item a {
font-size: 16px;
line-height: 36px;
}
#menu-header-mobile-menu .menu-item ul {
padding-left: 20px;
}
}
@media (max-width: 1240px) and (max-width: 480px) {
#menu-header-mobile-menu {
padding: 20px;
}
}
#menu-header-mobile-menu.active {
opacity: 1;
visibility: visible;
transform: translate(0, 80px);
}
@media (max-width: 1240px) {
.header__menu > ul, .header__menu .max-mega-menu {
flex-direction: column;
gap: 0;
line-height: 1;
}
}
.cart-popup-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
z-index: 9999;
display: none;
}
.cart-popup-wrapper .cart-popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
z-index: 1;
}
.cart-popup-wrapper .cart-popup-container {
max-width: 1270px;
padding: 0 15px;
margin: 0 auto;
width: 100%;
height: 0;
position: relative;
z-index: 2;
}
.cart-popup-wrapper .cart-popup-content {
width: 100%;
max-width: 515px;
height: auto;
min-height: 300px;
position: absolute;
top: 95px;
right: 15px;
padding: 24px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
background: #FAF5EC;
box-shadow: 0px 4px 4px 0px rgba(132, 132, 132, 0.2);
border-radius: 8px;
transform: translateX(76px);
}
@media (max-width: 1440px) {
.cart-popup-wrapper .cart-popup-content {
transform: translateX(15px);
}
}
.cart-popup-wrapper .cart-popup-content:before {
content: "";
position: absolute;
top: -13px;
right: 72px;
width: 31px;
height: 28px;
background-image: url(//mant.vn/wp-content/themes/mant/dist/images/triagle.svg);
background-size: contain;
}
@media (max-width: 1440px) {
.cart-popup-wrapper .cart-popup-content:before {
right: 12px;
}
}
.cart-popup-wrapper .cart-popup-content .cart-popup-qty {
display: flex;
align-items: center;
}
.cart-popup-wrapper .cart-popup-content .cart-popup-qty button {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border: none;
outline: none;
padding: 0;
}
.cart-popup-wrapper .cart-popup-content .cart-popup-qty input {
width: 40px;
height: 24px;
border: none;
outline: none;
text-align: center;
border: 1px solid #F0E9DC;
background: #F8F4EC;
padding: 0 10px;
padding: 5px 8px;
font-size: 14px;
}
.cart-popup-wrapper .cart-popup-content .cart-popup-content__title {
color: #423625;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin-bottom: 16px;
}
.cart-popup-wrapper .cart-popup-content .cart-popup-list {
display: flex;
flex-direction: column;
width: 100%;
border-top: 1px solid rgba(190, 183, 173, 0.3);
margin-bottom: 16px;
}
.cart-popup-wrapper .cart-popup-content .cart-popup-list .cart-popup-item {
display: flex;
align-items: center;
padding: 17px 0 16px;
border-bottom: 1px solid rgba(190, 183, 173, 0.3);
position: relative;
}
.cart-popup-wrapper .cart-popup-content .cart-popup-list .cart-popup-item .remove_from_cart_button {
position: absolute;
right: 4px;
top: 4px;
width: 24px;
height: 24px;
background-color: transparent;
border: none;
outline: none;
padding: 0;
font-weight: 200;
font-size: 32px;
line-height: 150%;
color: #423625 !important;
}
.cart-popup-wrapper .cart-popup-content .cart-popup-list .cart-popup-item .cart-popup-price {
position: absolute;
right: 0;
bottom: 16px;
color: #AF8035;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.cart-popup-wrapper .cart-popup-content .cart-popup-list .cart-popup-item .cart-popup-thumb {
width: 72px;
height: 72px;
border-radius: 8px;
background: #F6F5F1;
padding: 13px;
}
.cart-popup-wrapper .cart-popup-content .cart-popup-list .cart-popup-item .cart-popup-thumb img {
width: 100%;
}
.cart-popup-wrapper .cart-popup-content .cart-popup-list .cart-popup-item .cart-item-variations {
color: #423625;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
}
.cart-popup-wrapper .cart-popup-content .cart-popup-list .cart-popup-item .cart-popup-details {
display: flex;
flex-direction: column;
gap: 8px;
}
.cart-popup-wrapper .cart-popup-content .cart-popup-list .cart-popup-item .cart-popup-details h4 {
color: #423625;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin: 0;
}
.cart-popup-wrapper .cart-popup-content .cart-popup-total {
display: flex;
justify-content: space-between;
}
.cart-popup-wrapper .cart-popup-content .cart-popup-total > span {
color: #423625;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.cart-popup-wrapper .cart-popup-content .cart-popup-total strong {
color: #AF8035;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.cart-popup-wrapper .cart-popup-content .btn-checkout {
width: 100%;
display: flex;
padding: 12px 24px;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
border-radius: 99px;
background: #AF8035;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
border: none;
margin-top: 16px;
}
.mega-current_page_item > a {
color: #A2762F !important;
}
.footer {
background-color: #423625;
padding-top: 50px;
}
.footer-main {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
gap: 40px;
}
@media (max-width: 1024px) {
.footer-main {
flex-wrap: wrap;
}
}
.footer-main .footer-main__block {
display: flex;
flex-direction: column;
}
.footer-main .footer-main__block-1 {
max-width: 299px;
}
.footer-main .footer-main__block-1 .wrap-logo {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 26px;
}
.footer-main .footer-main__block-1 .footer-main__block-title {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #FAF5EC;
margin-bottom: 12px;
}
.footer-main .footer-main__block-1 .footer-main__block-description {
font-size: 14px;
font-weight: 400;
line-height: 150%;
color: #FAF5EC;
margin-bottom: 0px;
}
.footer-main .footer-main__block-2 .footer-main__block-list, .footer-main .footer-main__block-3 .footer-main__block-list, .footer-main .footer-main__block-4 .footer-main__block-list {
display: flex;
flex-direction: column;
gap: 20px;
}
.footer-main .footer-main__block-2 .footer-main__block-list li, .footer-main .footer-main__block-3 .footer-main__block-list li, .footer-main .footer-main__block-4 .footer-main__block-list li {
color: #FAF5EC;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
display: flex;
align-items: flex-start;
gap: 8px;
}
.footer-main .footer-main__block-2 .footer-main__block-list li svg, .footer-main .footer-main__block-3 .footer-main__block-list li svg, .footer-main .footer-main__block-4 .footer-main__block-list li svg {
min-width: 24px;
}
.footer-main .footer-main__block-2 .footer-main__block-list li a, .footer-main .footer-main__block-3 .footer-main__block-list li a, .footer-main .footer-main__block-4 .footer-main__block-list li a {
color: #FAF5EC;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
display: flex;
align-items: flex-start;
gap: 8px;
}
.footer-main .footer-main__block-2 {
max-width: 80px;
}
@media (max-width: 767px) {
.footer-main .footer-main__block-2 {
width: 40%;
max-width: 100%;
}
}
@media (max-width: 480px) {
.footer-main .footer-main__block-2 {
max-width: 100%;
}
}
.footer-main .footer-main__block-3 {
max-width: 237px;
}
.footer-main .footer-main__block-4 {
max-width: 316px;
}
.footer-main .footer-main__block-4 h4 {
color: #FAF5EC;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.footer-social {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
margin-top: 50px;
padding: 18px 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 1024px) {
.footer-social {
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
}
.footer-social .footer-social__copyRight {
color: #FAF5EC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.title--heading2, .product_title {
position: relative;
font-weight: 600;
font-size: 40px;
color: #423625;
text-align: center;
display: table;
margin: auto;
line-height: 40px;
}
.title--heading2 .n2-ow, .product_title .n2-ow {
font-size: 40px;
font-weight: 600;
position: relative;
}
.title--heading2 .n2-ow:before, .title--heading2 .n2-ow:after, .product_title .n2-ow:before, .product_title .n2-ow:after {
position: absolute;
background-image: url(//mant.vn/wp-content/themes/mant/dist/images/icon_1.svg);
background-size: 100% auto;
content: "";
background-repeat: no-repeat;
background-position: center center;
top: 2px;
}
@media (min-width: 768px) {
.title--heading2 .n2-ow:before, .title--heading2 .n2-ow:after, .product_title .n2-ow:before, .product_title .n2-ow:after {
width: 35px;
height: 35px;
}
}
@media (max-width: 767px) {
.title--heading2 .n2-ow:before, .title--heading2 .n2-ow:after, .product_title .n2-ow:before, .product_title .n2-ow:after {
width: 25px;
height: 25px;
}
}
@media (max-width: 767px) {
.title--heading2, .product_title {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.title--heading2, .product_title {
margin-bottom: 40px;
}
}
.title--heading2:before, .title--heading2:after, .product_title:before, .product_title:after {
position: absolute;
background-image: url(//mant.vn/wp-content/themes/mant/dist/images/icon_1.svg);
background-size: 100% auto;
content: "";
background-repeat: no-repeat;
background-position: center center;
top: 2px;
}
@media (min-width: 768px) {
.title--heading2:before, .title--heading2:after, .product_title:before, .product_title:after {
width: 35px;
height: 35px;
}
}
@media (max-width: 767px) {
.title--heading2:before, .title--heading2:after, .product_title:before, .product_title:after {
width: 25px;
height: 25px;
}
}
.title--heading2:before, .product_title:before {
left: -60px;
}
@media (max-width: 767px) {
.title--heading2:before, .product_title:before {
left: -40px;
}
}
.title--heading2:after, .product_title:after {
right: -60px;
transform: rotate(180deg);
}
@media (max-width: 767px) {
.title--heading2:after, .product_title:after {
right: -40px;
}
}
.title--heading2.white, .product_title.white {
color: white;
}
.title--heading2.white:before, .product_title.white:before {
background-image: url(//mant.vn/wp-content/themes/mant/dist/images/icon_1_white.svg);
}
.title--heading2.white:after, .product_title.white:after {
background-image: url(//mant.vn/wp-content/themes/mant/dist/images/icon_1_white.svg);
}
.title--heading4 {
font-weight: 600;
font-size: 16px;
color: #423625;
}
.heading--title3 {
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
}
.btn__template1 {
border: 1px solid #423625;
color: #423625;
padding: 10px 17px;
text-decoration: none;
display: table;
margin: 0 auto;
transition: all 0.5s;
font-weight: 600;
}
.btn__template1:hover {
background-color: #423625;
color: white;
}
.btn__template2 {
color: white;
background-color: #423625;
padding: 15px 17px;
transition: all 0.5s;
text-decoration: none;
font-weight: 600;
border: 0;
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0;
}
.mfp-arrow-right {
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.container {
max-width: 1270px;
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
.container--fluid {
width: 100%;
max-width: 100%;
}
.container--2 {
max-width: 1410px;
width: 100%;
margin: 0 auto;
}
.skltbs-panel-group .viewMore {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
body {
background: #FAF5EC;
font-size: 16px;
line-height: 24px;
font-family: "Gilroy", sans-serif;
font-weight: 300;
overflow-x: hidden;
}
@media (min-width: 768px) {
body {
padding-top: 80px;
}
}
.woocommerce nav.woocommerce-pagination {
margin: 0 auto;
}
a {
color: #333333;
text-decoration: none;
}
.vi-wpvs-variation-wrap-image .vi-wpvs-option-wrap {
position: relative;
}
.vi-wpvs-variation-wrap-image .vi-wpvs-option-image--tooltip {
position: absolute;
top: -120px;
left: -25px;
width: 100px;
max-width: inherit;
box-shadow: -4px 0 14px 1px rgba(0, 0, 0, 0.05);
}
.vi-wpvs-variation-wrap-image .shadowArrow--down::before {
position: absolute;
bottom: -50px;
left: 40px;
width: 20px;
height: 80px;
background-size: contain;
background-image: url(//mant.vn/wp-content/themes/mant/dist/images/shadow-arrow-down.png);
content: "";
background-repeat: no-repeat;
transform: rotate(-90deg);
}
.vi-wpvs-variation-wrap-image .shadowArrow--down:after {
background-image: url(//mant.vn/wp-content/themes/mant/dist/images/arrow_down.png);
width: 15px;
height: 20px;
background-size: 100% auto;
content: "";
position: absolute;
bottom: -19px;
left: 42px;
background-repeat: no-repeat;
}
.featured__products {
padding: 100px 0;
background-color: #FAF5EC;
}
@media (max-width: 767px) {
.featured__products {
padding: 40px 0;
}
}
.featured__products h3 {
text-align: center;
margin-bottom: 20px;
}
.featured__products .btn {
margin-top: 40px;
}
@media (max-width: 767px) {
.featured__products .btn {
margin-top: 24px;
}
}
.product .vi-wpvs-variation-wrap .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected {
box-shadow: 0 0 0 1px #A2762F inset !important;
background-color: #FAF5EC;
border-radius: 8px;
}
.product .vi-wpvs-variation-wrap .vi-wpvs-option-wrap .vi-wpvs-option {
font-size: 14px;
}
.product .vi-wpvs-variation-wrap-image .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected {
border-radius: 0px !important;
}
.productItem {
background-color: #F0E9DC;
display: flex;
flex-direction: column;
text-align: left;
gap: 16px;
}
.productItem__cat {
margin-bottom: -12px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: #5A5042;
}
.productItem__title {
margin: 0;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
margin-bottom: -8px;
}
.productItem .price {
margin: 0;
padding: 0;
}
.productItem .price .woocommerce-Price-amount {
font-size: 20px;
font-weight: 700;
line-height: 150%;
color: #AF8035;
}
.productItem .price .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
margin-bottom: -5px;
text-decoration: none;
}
.productItem .vi-wpvs-variation-wrap-wrap .vi-wpvs-option-wrap {
padding: 0 !important;
}
.woof_products_top_panel {
display: none !important;
}
.productItem__materials {
display: flex;
align-items: center;
margin-bottom: 10px;
justify-content: center;
}
.productItem__materials ul {
display: flex;
margin-left: 5px;
}
.productItem__materials li {
width: 12px;
height: 12px;
margin: 0 5px;
border-radius: 2px;
cursor: pointer;
}
.productItem__materials li:hover {
opacity: 0.8;
}
.skltbs-tab-group {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto;
margin-bottom: 40px;
gap: 30px;
}
@media (max-width: 767px) {
.skltbs-tab-group {
gap: 10px;
}
}
.skltbs-tab-group .skltbs-tab-item {
cursor: pointer;
}
.skltbs-tab-group .skltbs-tab-item button {
all: unset;
color: #423625;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
padding: 0 0 7px;
margin-bottom: 0;
}
.skltbs-tab-group .skltbs-tab-item.skltbs-active {
all: unset;
}
.skltbs-tab-group .skltbs-tab-item.skltbs-active button {
color: #AF8035;
border-bottom: 1px solid #AF8035;
}
.skltbs-tab-group .skltbs-tab {
background-color: transparent;
border: 0;
font-size: 14px;
padding: 10px;
margin: 0 10px;
color: rgba(0, 0, 0, 0.5);
font-weight: 600;
}
.newsLetterSection {
background-image: url(//mant.vn/wp-content/themes/mant/dist/images/_10.jpg);
background-size: cover;
padding: 80px 0;
color: white;
text-align: center;
}
.newsLetterSection .title--heading2 {
margin-bottom: 20px;
}
.newsLetterSection *[type=submit] {
background-color: #8F856B;
border: 0;
color: white;
padding: 12px 40px;
}
.newsLetterSection form {
display: flex;
margin: 0 auto;
width: 100%;
max-width: 570px;
}
.newsLetterSection form label {
display: none !important;
}
.newsLetterSection form .tnp-field-email {
width: 100%;
}
.newsLetterSection form input[type=email], .newsLetterSection form input[type=text] {
width: 100%;
padding: 12px;
border: 0;
}
.bannerSection {
position: relative;
height: 760px;
background-size: cover;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.bannerSection {
height: 400px;
}
}
.bannerSection::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.bannerSection video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
transform: translate(-50%, -50%);
-o-object-fit: cover;
object-fit: cover;
z-index: -1;
}
.bannerSection .introTitle-wrapper {
z-index: 1;
position: relative;
}
.bannerSection .introTitle-wrapper .container {
text-align: center;
}
.bannerSection .introTitle-wrapper .container h2 {
color: #FAF5EC;
text-align: center;
font-size: 54px;
font-weight: 700;
line-height: 150%;
margin: 0;
}
@media (max-width: 767px) {
.bannerSection .introTitle-wrapper .container h2 {
font-size: 32px;
}
}
.bannerSection .introTitle-wrapper .container p {
color: #FAF5EC;
text-align: center;
font-size: 28px;
font-weight: 400;
line-height: 150%;
margin: 0;
}
@media (max-width: 767px) {
.bannerSection .introTitle-wrapper .container p {
font-size: 20px;
}
}
.advantangeList {
display: flex;
flex-wrap: wrap;
color: white;
}
.advantangeList .heading--title3 {
color: white;
}
.advantangeList__item {
width: 29%;
margin: 0 2%;
}
.advantageList__description {
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
line-height: 24px;
}
.advantageList__thumbnail {
margin-bottom: 20px;
}
.advantageList__thumbnail img {
width: 100%;
}
.advantageSection .container {
background: #2D2B26;
padding: 80px;
}
.showRoomSection {
display: flex;
padding: 120px 0;
}
.introSection__wrapper {
padding: 60px 0;
}
.introSection__wrapper .right {
text-align: center;
max-width: 450px;
}
.introSection__wrapper .right h3, .introSection__wrapper .right h2, .introSection__wrapper .right h4 {
margin-top: 30px;
margin-bottom: 10px;
}
.introSection__wrapper .right p {
max-width: 430px;
}
.showRoomSection .container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.showRoomSection .right {
max-width: 570px;
width: 100%;
}
.showRoomSection .left {
max-width: 570px;
width: 100%;
}
.showRoomSection .left img {
width: 100%;
}
.showRoomSection .map {
max-height: 360px;
overflow: hidden;
}
.showRoomSection .description {
text-align: center;
max-width: 490px;
display: table;
margin: auto;
}
.showRoom__address {
font-size: 16px;
line-height: 24px;
font-weight: 500;
max-width: 470px;
margin: auto;
margin-bottom: 30px;
display: flex;
align-items: center;
}
.showRoom__address img {
max-width: 16px;
margin-right: 5px;
}
.pageBanner {
min-height: 270px;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
background-color: #F0E9DC;
}
.pageBanner * {
max-width: 650px;
text-align: center;
}
.pageBanner .title--heading2 {
margin: 0;
margin-bottom: 22px;
color: white;
}
.pageBanner .pageBanner__description {
font-size: 16px;
line-height: 24px;
font-weight: 300;
color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 767px) {
.pageBanner .pageBanner__description {
padding: 0 20px;
}
}
.pageBanner .filtersProject {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
z-index: 1;
}
.pageBanner .filtersProject .tabsProjects {
display: flex;
gap: 50px;
justify-content: center;
flex-flow: row wrap;
align-items: center;
}
@media screen and (max-width: 767px) {
.pageBanner .filtersProject .tabsProjects {
gap: 20px;
}
}
@media screen and (max-width: 575px) {
.pageBanner .filtersProject .tabsProjects {
gap: 10px;
}
}
.pageBanner .filtersProject .tabsProjects li {
cursor: pointer;
padding-bottom: 7px;
border-bottom: 1px solid transparent;
font-weight: 500;
}
.pageBanner .filtersProject .tabsProjects li.active {
color: #AF8035;
border-bottom: 1px solid #AF8035;
font-weight: 700;
}
.pageBanner--single-du-an .pageBanner__single-du-an {
min-height: 580px;
padding-top: 16px;
}
.pageBanner--single-du-an .pageBanner__single-du-an .clink__breadcrumb {
margin-top: 20px;
}
.pageBanner.service-banner {
padding-top: 120px !important;
}
@media (max-width: 767px) {
.pageBanner.service-banner h1 {
font-size: 24px;
}
}
.pageBanner.service-banner .container {
max-width: 1240px !important;
position: absolute;
top: 40px;
margin-left: -15px;
}
.pageBanner.service-banner .container .clink__breadcrumb a, .pageBanner.service-banner .container .clink__breadcrumb .breadcrumbs__delimiter {
color: #91897E;
}
.singleProject-info {
padding: 0 0 72px;
}
.singleProject-info .project-info__wrapper {
padding: 48px 0;
position: relative;
}
.singleProject-info .project-info__wrapper:after {
position: absolute;
content: "";
width: 40%;
height: 100%;
background-color: #F0E9DC;
bottom: 0;
right: 0;
}
@media (max-width: 1320px) {
.singleProject-info .project-info__wrapper:after {
display: none;
}
}
.singleProject-info .project-info__wrapper .container {
z-index: 1;
position: relative;
}
.singleProject-info .project-info {
display: flex;
flex-wrap: wrap;
gap: 48px;
justify-content: space-between;
margin-bottom: 0;
padding: 0;
}
@media (max-width: 1320px) {
.singleProject-info .project-info {
gap: 30px;
}
}
.singleProject-info .project-info .singlePost__wrapper {
margin-bottom: 0;
padding: 0;
}
.singleProject-info .project-info .project-info__item {
width: 100%;
max-width: 747px;
}
.singleProject-info .project-info .project-info__item h1 {
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
}
.singleProject-info .project-info .project-info__item p {
color: #423625;
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
@media (max-width: 1320px) {
.singleProject-info .project-info .project-info__item {
max-width: 100%;
}
}
.singleProject-info .project-info .more__details {
width: 100%;
max-width: 400px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 1320px) {
.singleProject-info .project-info .more__details {
max-width: 100%;
}
}
.singleProject-info .project-info .more__details ul {
padding-left: 25px;
display: flex;
flex-direction: column;
gap: 16px;
}
.singleProject-info .project-info .more__details ul li {
font-size: 16px;
font-weight: 400;
line-height: 150%;
position: relative;
color: #423625;
}
.singleProject-info .project-info .more__details ul li:before {
content: "";
position: absolute;
top: 50%;
left: -15px;
width: 3px;
height: 3px;
background-color: #423625;
border-radius: 50%;
transform: translateY(-60%);
}
.breadcrumbs--projects {
position: absolute;
top: 35px;
width: 100%;
max-width: 1240px !important;
}
.breadcrumbs--projects .container {
max-width: 1270px !important;
padding: 0;
}
.breadcrumbs--projects .container .clink__breadcrumb .breadcrumbs__delimiter, .breadcrumbs--projects .container .clink__breadcrumb a {
color: #91897E;
}
.thumbnail {
overflow: hidden;
}
.thumbnail img {
width: 100%;
transition: all 0.5s;
}
.thumbnail img:hover {
transform: scale(1.2);
}
.collectionSection {
padding: 120px 0;
}
@media (max-width: 991px) {
.collectionSection {
padding: 60px 0;
}
}
@media (max-width: 676px) {
.collectionSection {
padding: 40px 0;
}
}
.collectionSection h2 {
text-align: center;
margin-bottom: 40px;
color: #423625;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
@media (max-width: 676px) {
.collectionSection h2 {
font-size: 28px;
}
}
.collectionList {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
@media (max-width: 991px) {
.collectionList {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 676px) {
.collectionList {
grid-template-columns: repeat(1, 1fr);
}
}
.collectionList .collectionItem {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
position: relative;
}
.collectionList .collectionItem .collectionItem__thumbnail {
width: 100%;
height: 100%;
overflow: hidden;
aspect-ratio: 348/300;
margin: 0;
}
.collectionList .collectionItem .collectionItem__thumbnail a {
position: relative;
width: 100%;
height: 100%;
display: block;
}
.collectionList .collectionItem .collectionItem__thumbnail a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.collectionList .collectionItem .collectionItem__title {
margin-bottom: 10px;
position: absolute;
bottom: 20px;
left: 20px;
margin: 0;
}
.collectionList .collectionItem .collectionItem__title a {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #FAF5EC;
}
.collectionItem__thumbnail {
margin-bottom: 20px;
max-height: 350px;
overflow: hidden;
}
.collectionItem__title {
margin-bottom: 10px;
}
.designSection {
padding: 120px 0;
}
.designSection .container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.designSection .left {
width: 100%;
max-width: 600px;
}
.designSection .right {
max-width: 400px;
padding-top: 95px;
}
@media (min-width: 768px) {
.designSection .right {
margin-right: 70px;
}
}
@media (min-width: 768px) {
.designSection .title--heading2 {
font-size: 40px;
line-height: 60px;
margin-bottom: 20px;
}
}
.designSection .description {
text-align: center;
}
.page-template-template-projects .collectionSection, .page-template-template-collections .collectionSection {
background-color: #F6F5F1;
}
@media (min-width: 768px) {
.page-template-template-projects .collectionSection, .page-template-template-collections .collectionSection {
padding-top: 40px;
}
}
@media (max-width: 767px) {
.page-template-template-projects .collectionSection, .page-template-template-collections .collectionSection {
padding: 20px 10px;
}
}
.collectionProjects {
display: grid;
grid-template-columns: repeat(24, 1fr);
gap: 32px 20px;
}
@media screen and (max-width: 575px) {
.collectionProjects {
grid-template-columns: 1fr;
}
}
.collectionProjects .collectionProjectItem a {
display: block;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
gap: 16px;
}
.collectionProjects .collectionProjectItem a .collectionProjectItem__thumbnail {
overflow: hidden;
aspect-ratio: 348/300;
}
.collectionProjects .collectionProjectItem a .collectionProjectItem__thumbnail img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.collectionProjects .collectionProjectItem h5.title {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin: 0;
}
.collectionProjects .collectionProjectItem:nth-child(6n+1) {
grid-column: span 10;
}
@media screen and (max-width: 991px) {
.collectionProjects .collectionProjectItem:nth-child(6n+1) {
grid-column: span 12;
}
}
@media screen and (max-width: 575px) {
.collectionProjects .collectionProjectItem:nth-child(6n+1) {
grid-column: unset;
}
}
.collectionProjects .collectionProjectItem:nth-child(6n+1) .collectionProjectItem__thumbnail {
aspect-ratio: 505/300;
}
@media (max-width: 991px) {
.collectionProjects .collectionProjectItem:nth-child(6n+1) .collectionProjectItem__thumbnail {
aspect-ratio: 348/300;
}
}
.collectionProjects .collectionProjectItem:nth-child(6n+2) {
grid-column: span 7;
}
@media screen and (max-width: 991px) {
.collectionProjects .collectionProjectItem:nth-child(6n+2) {
grid-column: span 12;
}
}
@media screen and (max-width: 575px) {
.collectionProjects .collectionProjectItem:nth-child(6n+2) {
grid-column: unset;
}
}
.collectionProjects .collectionProjectItem:nth-child(6n+3) {
grid-column: span 7;
}
@media screen and (max-width: 991px) {
.collectionProjects .collectionProjectItem:nth-child(6n+3) {
grid-column: span 12;
}
}
@media screen and (max-width: 575px) {
.collectionProjects .collectionProjectItem:nth-child(6n+3) {
grid-column: unset;
}
}
.collectionProjects .collectionProjectItem:nth-child(6n+4) {
grid-column: span 7;
}
@media screen and (max-width: 991px) {
.collectionProjects .collectionProjectItem:nth-child(6n+4) {
grid-column: span 12;
}
}
@media screen and (max-width: 575px) {
.collectionProjects .collectionProjectItem:nth-child(6n+4) {
grid-column: unset;
}
}
.collectionProjects .collectionProjectItem:nth-child(6n+5) {
grid-column: span 7;
}
@media screen and (max-width: 991px) {
.collectionProjects .collectionProjectItem:nth-child(6n+5) {
grid-column: span 12;
}
}
@media screen and (max-width: 575px) {
.collectionProjects .collectionProjectItem:nth-child(6n+5) {
grid-column: unset;
}
}
.collectionProjects .collectionProjectItem:nth-child(6n+6) {
grid-column: span 10;
}
@media screen and (max-width: 991px) {
.collectionProjects .collectionProjectItem:nth-child(6n+6) {
grid-column: span 12;
}
}
.collectionProjects .collectionProjectItem:nth-child(6n+6) .collectionProjectItem__thumbnail {
aspect-ratio: 505/300;
}
@media (max-width: 991px) {
.collectionProjects .collectionProjectItem:nth-child(6n+6) .collectionProjectItem__thumbnail {
aspect-ratio: 348/300;
}
}
@media screen and (max-width: 575px) {
.collectionProjects .collectionProjectItem:nth-child(6n+6) {
grid-column: unset;
}
}
.breadcrumb-archive-product {
margin-top: 40px;
}
.breadcrumb-archive-product .clink__breadcrumb a, .breadcrumb-archive-product .clink__breadcrumb .breadcrumbs__delimiter {
color: #91897E;
}
.projectCollectionList .slick-track {
margin: 0 -10px;
}
.projectCollectionList .container {
position: relative;
}
.projectCollectionList__btn {
width: 56px !important;
height: 40px !important;
background-color: transparent;
border-radius: 80px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(255, 255, 255, 0.5);
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 9999;
}
.projectCollectionList__btn.slick-prev-item {
left: 0;
}
.projectCollectionList__btn.slick-next-item {
right: 0;
}
.projectCollectionList__btn:hover {
background-color: #AF8035;
border-color: #AF8035;
}
.projectCollectionList .projectCollection-item {
position: relative;
padding: 0 10px;
}
.projectCollectionList .projectCollection-item > a.content {
aspect-ratio: 4/3;
overflow: hidden;
display: block;
width: 100%;
height: 100%;
z-index: 1;
position: relative;
}
.projectCollectionList .projectCollection-item > a.content:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.projectCollectionList .projectCollection-item > a.content img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.projectCollectionList .projectCollection-item .title {
position: absolute;
left: 20px;
bottom: 20px;
right: 20px;
margin: 0;
z-index: 2;
}
.projectCollectionList .projectCollection-item .title a {
color: #FAF5EC;
font-size: 20px;
font-weight: 700;
line-height: 150%;
margin: 0;
}
.clinkPagination {
margin: 0 auto;
margin-top: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.clinkPagination .page, .clinkPagination .directionBtn {
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 5px 10px;
color: rgba(0, 0, 0, 0.5);
background: transparent;
}
.clinkPagination a {
color: rgba(0, 0, 0, 0.5);
text-decoration: none;
}
.clinkPagination a, .clinkPagination span {
padding: 5px 10px;
margin: 0 5px;
font-size: 14px;
}
.clinkPagination span {
background: #2D2B26;
color: white;
}
.clink__breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
margin: 30px 0;
margin-bottom: 10px;
}
.clink__breadcrumb img {
max-width: 14px;
margin: 0 10px;
}
.singlePost__wrapper {
padding-bottom: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
@media (min-width: 768px) {
.singlePost__wrapper .left {
width: calc(100% - 500px);
}
}
.singlePost__wrapper .right {
width: 100%;
max-width: 470px;
padding: 30px;
padding-top: 10px;
}
@media (min-width: 768px) {
.singlePost__wrapper .right {
background: #FFFFFF;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
}
@media (max-width: 767px) {
.singlePost__wrapper .right {
padding-bottom: 0;
}
}
.singlePost__wrapper .right .title--heading2 {
margin-bottom: 15px;
max-width: 80%;
}
@media (min-width: 768px) {
.singlePost__wrapper .right .title--heading2 {
font-size: 28px;
}
}
@media (max-width: 767px) {
.singlePost__wrapper .right .title--heading2 {
font-size: 21px;
}
}
.singlePost__wrapper .right .more__details {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 30px;
margin: 0 -30px;
}
.singlePost__wrapper .right .more__details p:last-of-type {
margin-bottom: 0;
}
.singlePost__wrapper .right .btn__template2 {
width: 100%;
display: block;
margin-top: 30px;
padding: 15px;
font-size: 16px;
text-align: center;
}
.singlePost__wrapper .gallery-item {
margin-bottom: 30px;
padding: 0 10px;
}
.singlePost__wrapper .gallery-item:last-of-type {
margin-bottom: 0;
}
.relatedCollections {
background-color: white;
position: relative;
}
@media (min-width: 768px) {
.relatedCollections {
padding: 60px 0;
}
}
@media (max-width: 767px) {
.relatedCollections {
padding: 30px 0;
}
}
.relatedCollections__wrapper {
position: relative;
}
.relatedCollections__wrapper .relatedCollections__btn {
width: 40px !important;
height: 40px !important;
background-color: transparent;
border-radius: 80px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
border: 1px solid rgba(0, 0, 0, 0.5);
color: #423625;
z-index: 9999;
}
.relatedCollections__wrapper .relatedCollections__btn svg path {
stroke: rgba(0, 0, 0, 0.5) !important;
}
.relatedCollections__wrapper .relatedCollections__btn:hover {
background-color: #AF8035;
border-color: #AF8035;
}
.relatedCollections__wrapper .slick-prev {
left: -64px;
}
.relatedCollections__wrapper .slick-next {
right: -50px;
}
.image-wrappers {
margin-bottom: 40px;
max-width: 800px;
margin: 0 auto 50px;
}
.image-wrappers p {
margin-bottom: 0;
}
.image-wrappers .slick-prev {
left: -10px;
top: 45%;
width: 3% !important;
}
.image-wrappers .slick-prev svg {
width: 32px !important;
height: 32px !important;
}
.image-wrappers .slick-next {
right: -10px;
top: 45%;
width: 3% !important;
}
.image-wrappers .slick-next svg {
width: 32px !important;
height: 32px !important;
}
@media (min-width: 768px) {
.contactSection {
padding: 60px 0 120px 0;
}
}
@media (max-width: 767px) {
.contactSection {
padding: 20px 0 0 0;
}
}
.contactSection .container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contactSection .description {
max-width: 450px;
display: table;
margin: 0 auto;
text-align: center;
margin-bottom: 25px;
}
.contactSection .left {
width: 100%;
max-width: 470px;
padding-top: 15px;
}
.contactSection .right {
width: 100%;
max-width: 600px;
}
.contactSection .right img {
width: 100%;
}
.wpcf7-form {
display: flex;
flex-wrap: wrap;
}
.wpcf7-form .col {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.wpcf7-form .col {
width: 48%;
margin: 0 1%;
}
}
@media (max-width: 767px) {
.wpcf7-form .col {
width: 100%;
margin-bottom: 15px;
}
}
.wpcf7-form label {
margin-bottom: 10px;
}
.wpcf7-form .col-fuild {
display: flex;
flex-direction: column;
width: 100%;
}
.wpcf7-form .col, .wpcf7-form .col-fuild {
margin-bottom: 25px;
}
.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {
width: 100%;
padding: 12px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.wpcf7-form textarea {
height: 90px;
}
.wpcf7-form input[type=submit] {
width: 100%;
}
.wpcf7-form .wpcf7-response-output {
font-size: 14px;
margin: 0 !important;
}
.dgwt-wcas-search-wrapp {
position: absolute;
}
.productItem__thumbnails {
justify-content: center;
position: relative;
}
.productItem__thumbnails .productItem__hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
opacity: 0;
transition: opacity 0.3s ease;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.productItem__thumbnails .productItem__hover:hover {
opacity: 1;
}
.productItem__thumbnails img {
width: 100%;
}
.wobd-badges-wrapper {
position: inherit;
}
.pageBanner {
padding: 60px 0;
}
.pageBanner--projects {
min-height: 300px;
}
@media screen and (max-width: 575px) {
.pageBanner--projects {
padding: 0 15px;
}
.pageBanner--projects .clink__breadcrumb {
margin-left: 15px;
}
}
.mainServices__wrapper {
max-width: 970px;
margin: 0 auto;
margin-top: 40px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.mainServices__wrapper .mainService__item {
width: 48%;
background-color: white;
padding: 15px;
}
.mainServices__wrapper .title--heading3, .mainServices__wrapper .brandDesigner__title, .mainServices__wrapper .featured__products h3, .featured__products .mainServices__wrapper h3 {
margin-bottom: 15px;
}
.mainServices__wrapper .thumbnail {
margin-bottom: 15px;
}
.mainServices__wrapper .description {
color: rgba(0, 0, 0, 0.7);
min-height: 170px;
margin-bottom: 20px;
}
.mainServices__wrapper .description p {
margin-bottom: 5px;
}
.workingProcess__wrapper {
padding: 0px 0 80px;
margin-top: -31px;
z-index: 2;
position: relative;
}
.productItem {
position: relative;
}
.wobd-text-template-1.wobd-position-right_top {
margin-top: 0 !important;
top: 16px;
right: 16px;
}
@media (max-width: 767px) {
.productItem {
width: 100%;
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.productItem {
padding: 16px;
}
.productItem__thumbnails {
display: flex;
min-height: 200px;
align-items: center;
}
}
.categoryMenu {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-top: 34px;
}
.categoryMenu h3 a, .categoryMenu h2 a, .categoryMenu h4 a {
color: black;
font-size: 16px;
}
.productItems {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
width: 100%;
}
@media (max-width: 1024px) {
.productItems {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.productItems {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.productItems {
grid-template-columns: repeat(1, 1fr);
}
}
.productItems .productItem {
padding: 16px;
}
.productItems:before, .productItems:after {
display: none !important;
}
.productItems .woocommerce-ordering {
display: none;
}
.productItems .woocommerce-result-count {
display: none;
}
.productCategory__sidebar--overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 0;
}
.woocommerce-filters-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
float: left;
}
.woocommerce-filters-wrapper .woocommerce-filters-icon {
width: 30px;
height: 30px;
display: none;
cursor: pointer;
}
@media (max-width: 1240px) {
.woocommerce-filters-wrapper .woocommerce-filters-icon {
display: block;
}
}
.woocommerce-filters-wrapper .woocommerce-result-count {
margin: 0;
}
@media (max-width: 575px) {
.woocommerce-filters-wrapper .woocommerce-result-count {
display: none;
}
}
.productItem .vi-wpvs-variation-style-horizontal {
display: flex !important;
justify-content: center !important;
}
.productItem .vi_wpvs_loop_variation_form table {
width: 100%;
text-align: center;
}
.productItem .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-image.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap, .productItem .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-variation_img.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap, .productItem .vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-color.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap {
width: 12px !important;
height: 12px !important;
padding: 0;
border-radius: 2px;
border: 0 !important;
}
.woocommerce .productInCollection .productItems_list .woocommerce-filters-wrapper {
display: none;
}
.woocommerce .productInCollection .productItems_list .woocommerce-ordering, .woocommerce .productInCollection .productItems_list .woocommerce-notices-wrapper, .woocommerce .productInCollection .productItems_list .woocommerce-result-count {
display: none !important;
}
@media (min-width: 768px) {
.woocommerce .productInCollection {
padding: 80px 0;
}
}
@media (max-width: 767px) {
.woocommerce .productInCollection {
padding: 40px 0;
}
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
border-top: 3px solid #423625;
}
.woocommerce-info {
border-top-color: #423625;
}
.woocommerce-info::before {
color: #423625;
}
.product .vi-wpvs-variation-wrap .vi-wpvs-option-wrap {
padding: 10px;
}
.product .vi-wpvs-variation-wrap .vi-wpvs-option-wrap.vi-wpvs-option-wrap-default {
background-color: transparent;
border-radius: 8px;
}
.product .vi-wpvs-variation-wrap .vi-wpvs-option-wrap.vi-wpvs-option-wrap-default .vi-wpvs-option {
border-radius: 0px;
}
.product .vi-wpvs-variation-wrap-vi_wpvs_image_design img {
width: 48px !important;
height: 32px !important;
-o-object-fit: cover;
object-fit: cover;
}
.product .vi-wpvs-variation-wrap-image .vi-wpvs-option-wrap-selected {
border-radius: 0px;
padding: 3px !important;
}
.product .vi-wpvs-variation-wrap-image .vi-wpvs-option-wrap-selected .vi-wpvs-option {
border-radius: 0px;
}
.productCategory__sidebar .wpfFilterWrapper[data-filter-type] {
padding: 0;
}
.productCategory__sidebar .wpfFilterWrapper[data-radio="1"] .wpfCheckbox label:before {
width: 20px !important;
height: 20px !important;
border-radius: 4px !important;
background-color: transparent !important;
}
.productCategory__sidebar .wpfFilterVerScroll > li > .wpfLiLabel .wpfFilterTaxNameWrapper {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.productCategory__sidebar .wpfFilterVerScroll li label {
display: flex;
gap: 10px;
}
.productCategory__sidebar .wpfFilterVerScroll li .wpfLiLabel {
margin-bottom: 16px;
}
@media (min-width: 768px) {
.productCategory__sidebar .widget {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.productCategory__sidebar .widget {
margin-bottom: 10px;
}
}
.productCategory__sidebar .widget h3 {
margin-bottom: 10px;
position: relative;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin-bottom: 24px;
}
.productCategory__sidebar .wpfFilterWrapper {
margin: 0;
}
.gallery__wrapper {
width: 100%;
margin: 0 auto;
}
@media (min-width: 1440px) {
.gallery__wrapper {
max-width: 1366px;
}
}
@media (min-width: 768px) {
.gallery__wrapper .slick-center {
transform: scale(1.1);
}
.gallery__wrapper .slick-track {
display: flex;
align-items: center;
}
}
.gallery__wrapper .slick-track {
margin: 0 -15px;
}
.gallery__wrapper .slick-slide {
padding: 0 15px;
}
.gallery__wrapper .slick-slide img {
width: 100%;
}
.gallery__wrapper .slick-slide.slick-center .gallery__item {
max-height: 600px;
overflow: hidden;
}
.gallery__wrapper .slick-slide:not(.slick-center) {
transform: scale(0.9);
}
.gallery__wrapper .slick-slide:not(.slick-center) .gallery__item {
position: relative;
max-height: 500px;
overflow: hidden;
}
.gallery__wrapper .slick-slide:not(.slick-center) .gallery__item:after {
content: "" !important;
display: block !important;
background-color: rgba(255, 255, 255, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
visibility: visible !important;
opacity: 1 !important;
}
.productCategory__wrapper {
max-width: 1270px;
margin: 0 auto;
width: 100%;
padding: 60px 15px;
display: flex;
justify-content: space-between;
}
.productCategory__wrapper .productItems {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
width: 100%;
}
@media (max-width: 767px) {
.productCategory__wrapper .productItems {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 575px) {
.productCategory__wrapper .productItems {
grid-template-columns: repeat(1, 1fr);
}
}
.productCategory__sidebar {
width: 100%;
max-width: 250px;
}
@media (max-width: 1240px) {
.productCategory__sidebar {
position: fixed;
top: 80px;
left: 0;
width: 290px;
height: calc(100vh - 80px);
background-color: #fff;
z-index: 9999;
padding: 20px;
overflow-y: auto;
transform: translateX(-100%);
transition: all 0.3s ease-in-out;
}
.productCategory__sidebar.active {
transform: translateX(0);
}
}
.post-type-archive-product .productItems {
grid-template-columns: repeat(auto-fill, minmax(295px, 1fr));
}
.productCategory__products {
width: calc(100% - 300px);
}
@media (max-width: 1240px) {
.productCategory__products {
padding: 60px 0;
width: 100%;
}
}
@media (max-width: 767px) {
.productCategory__products {
padding: 40px 0;
}
}
@media (max-width: 575px) {
.productCategory__products {
padding: 0px 0;
}
}
.showRoom__infos {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 10px;
}
.showRoom__infos img {
max-width: 24px;
margin-right: 10px;
}
.showRoom__infos p {
margin: 5px 0;
margin-right: 15px;
}
.contactSection__wrapper {
padding: 60px 0;
}
.contactSection__wrapper .description {
margin-bottom: 30px;
}
.contactSection__wrapper .title--heading2 {
margin-bottom: 15px;
}
.pageWrapper {
min-height: 200px;
padding: 30px 0;
}
.processList {
display: flex;
flex-wrap: wrap;
padding: 40px 0;
}
.processItem {
width: 31%;
margin: 30px 1%;
}
.processItem__thumbnail {
margin-bottom: 20px;
}
.processItem__title {
font-size: 20px;
line-height: 28px;
margin-bottom: 10px;
}
.relatedPosts {
background-color: white;
padding: 60px 0;
}
.relatedPosts .blogItem {
margin-bottom: 0;
}
.relatedPosts .blogItems {
padding: 0;
}
.relatedPosts .title--heading2 {
margin-bottom: 50px;
}
#order__form {
display: none;
}
.woocommerce-product-gallery {
position: relative;
}
.woocommerce-product-gallery .wpgs-for .slick-arrow {
display: none;
}
.woocommerce-product-gallery .wpgs-nav {
position: absolute;
bottom: 0;
width: 100%;
padding: 20px 50px;
}
.woocommerce-product-gallery .wpgs-nav .slick-arrow:before {
color: white;
}
.woocommerce-product-gallery .wpgs-nav .slick-prev {
margin-left: 30px;
}
.woocommerce-product-gallery .wpgs-nav .slick-next {
margin-right: 30px;
}
.vi-wpvs-variation-wrap-wrap .vi-wpvs-option-wrap, .variations_form .vi-wpvs-option-wrap {
width: auto !important;
height: auto !important;
}
.vi-wpvs-variation-wrap-wrap .vi-wpvs-variation-wrap .vi-wpvs-option-wrap, .variations_form .vi-wpvs-variation-wrap .vi-wpvs-option-wrap {
width: auto !important;
height: auto !important;
}
.vi-wpvs-variation-wrap-wrap .vi-wpvs-variation-wrap-image .vi-wpvs-option-wrap, .variations_form .vi-wpvs-variation-wrap-image .vi-wpvs-option-wrap {
width: 48px !important;
height: 32px !important;
padding: 0;
}
.vi-wpvs-variation-wrap-wrap .vi-wpvs-variation-style, .variations_form .vi-wpvs-variation-style {
display: flex !important;
flex-direction: column;
padding-bottom: 20px;
border-bottom: 1px solid rgba(190, 183, 173, 0.3) !important;
margin-bottom: 20px;
}
.vi-wpvs-variation-wrap-wrap .vi-wpvs-variation-wrap-color .vi-wpvs-option-color, .variations_form .vi-wpvs-variation-wrap-color .vi-wpvs-option-color {
width: 12px !important;
height: 12px !important;
border-radius: 2px !important;
}
.productItem__tags {
margin: 5px 0;
font-size: 13px;
}
.woocommerce span.onsale {
top: 0;
background-color: #8F856B;
right: 0;
width: 100px;
height: 20px;
border-radius: 0;
min-height: initial;
min-width: initial;
line-height: 16px;
}
.singlePriceWrapper {
display: flex;
justify-content: space-between;
padding: 15px 0;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
margin-top: 20px;
align-items: center;
width: 100%;
margin-bottom: 20px;
font-weight: bold;
}
.singlePriceWrapper .priceLabel {
font-weight: 600;
}
.singlePriceWrapper .price {
margin-bottom: 0;
color: #8F856B !important;
}
.singlePriceWrapper .price * {
color: #8F856B;
font-size: 16px;
}
.related.products {
margin-bottom: 30px;
}
.woocommerce div.product form.cart {
margin-bottom: 0;
}
.woocommerce div.product form.cart div.quantity {
display: none !important;
}
.product {
overflow: hidden;
}
.product .product_title {
font-size: 28px;
max-width: 80%;
margin-bottom: 15px;
}
.product .product_title:before, .product .product_title:after {
top: 3px;
}
.woocommerce div.product .woocommerce-tabs {
margin-bottom: 40px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 0;
border-radius: 0;
background-color: transparent !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border-bottom: 3px solid #8F856B;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.product .entry-content {
font-size: 14px;
}
.product .entry-content table {
margin-bottom: 30px;
}
.product .entry-content table td {
border: 1px solid #e2e2e2;
padding: 7px;
}
.woocommerce-product-gallery {
position: relative;
}
.woocommerce-product-gallery .wpgs-image .slick-arrow {
display: none;
}
.woocommerce-product-gallery .slick-track {
margin: 0 -10px;
}
.woocommerce-product-gallery .slick-track .slick-slide {
padding: 0 10px;
}
.woocommerce-product-gallery .slick-track .slick-slide .thumbnail_image {
border-radius: 8px;
overflow: hidden;
}
.woocommerce-product-gallery .slick-track .slick-slide .thumbnail_image img {
z-index: 2;
position: relative;
}
.woocommerce-product-gallery .slick-track .slick-slide .thumbnail_image:before {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #F0E9DC;
opacity: 0.5;
z-index: 1;
}
.woocommerce-product-gallery .slick-track .slick-slide.slick-active.slick-current .thumbnail_image:before {
background: #FAF5EC;
}
.inner-wrapper-sticky {
background-color: #fff;
z-index: 99;
}
.single_variation_wrap .price {
font-size: 28px !important;
font-weight: bold;
}
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-color .vi-wpvs-option-wrap {
height: auto !important;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
margin-bottom: 10px;
padding-bottom: 0;
}
.mfp-content .popupWrapper {
display: flex !important;
}
.popupWrapper {
max-width: 970px;
background-color: #fff;
margin: 0 auto;
padding: 30px;
justify-content: space-between;
display: none;
}
.popupWrapper .left {
max-width: 460px;
}
.popupWrapper .right {
max-width: 410px;
}
.popupWrapper .right img {
width: 100%;
}
.popupWrapper .form__col {
display: flex;
margin-bottom: 15px;
width: 100%;
justify-content: space-between;
}
.popupWrapper .form__col .ajax-loader {
display: none;
}
.popupWrapper .form__col:last-of-type {
margin-bottom: 0;
}
.popupWrapper .form__col .group {
width: 48%;
}
.popupWrapper .form__col .group.group--fluid {
width: 100%;
}
.productActions {
margin-top: 10px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
.productActions .view_cart {
display: flex;
align-items: center;
}
.productActions .view_cart button {
all: unset;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.productActions .view_cart a {
display: flex;
align-items: center;
justify-content: center;
}
.productActions .view_cart a svg {
width: 29px;
min-width: 29px;
}
.custom-info {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.custom-info p {
margin-bottom: 12px;
}
.custom-info p strong {
font-weight: 700;
}
.custom-info__button {
display: flex;
gap: 16px;
}
.custom-info__button a {
flex: 1;
padding: 12px 40px;
border-radius: 8px;
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.custom-info__button a span {
margin-bottom: -2px;
}
.custom-info__button a:first-child {
background-color: #1363D6;
}
.custom-info__button a:last-child {
background: linear-gradient(87deg, #E87376 -7.55%, #C84BE9 22.87%, #1978E3 98.64%);
}
.woocommerce div.product form.cart .variations {
margin-bottom: 0;
}
.single_add_to_cart_button {
display: flex !important;
align-items: center;
justify-content: center;
}
.single_add_to_cart_button:not(.disabled):hover {
opacity: 0.8;
}
.single_add_to_cart_button img {
margin-right: 5px;
max-width: 20px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #AF8035;
}
.woocommerce-variation-price {
display: flex;
justify-content: space-between;
padding: 0 0 15px;
border-bottom: 1px solid #e2e2e2;
margin-top: 0px;
align-items: center;
width: 100%;
margin-bottom: 20px;
}
.productInCollection {
background-color: #FAF5EC;
}
.productInCollection h2 {
text-align: center;
margin-bottom: 40px;
color: #423625;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
@media (max-width: 676px) {
.productInCollection h2 {
font-size: 28px;
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.productInCollection {
padding: 80px;
}
}
.productCategory__wrapper .add_to_cart_button {
display: none !important;
}
.smcw-left-wrap {
border: 1px solid #e2e2e2;
}
.productTitle__wrapper dt {
display: none !important;
}
.productTitle__wrapper .variation {
display: flex;
}
.smcw-template-1 .smcw-right-wrapper .smcw-minus-button,
.smcw-template-1 .smcw-right-wrapper .smcw-plus-button {
height: 32px;
}
.smcw-template-1 .smcw-right-wrapper .smcw-input {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height: 32px;
}
.smcw-template-1 .smcw-right-wrapper .smcw-input input {
border: 0;
}
.smcw-template-1 .smcw-right-wrapper dl dd {
width: auto;
}
.woocommerce form .form-row textarea {
min-height: 150px;
}
#order_review_heading {
margin-top: 30px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
padding: 10px;
}
.smcw-template-1 .smcw-bottom-container .smcw-price-container {
border: 0;
display: none;
}
.smcw-template-1 .smcw-bottom-container .smcw-total-price-container {
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
padding: 10px 0;
margin-bottom: 20px;
}
.smcw-template-1 .smcw-bottom-container .smcw-checkout-wrap {
width: 100%;
}
.smcw-template-1 .smcw-bottom-container .smcw-checkout-wrap a {
background-color: #8F856B;
border: 0;
display: block;
}
.smcw-template-1 .smcw-bottom-container .smcw-checkout-wrap a:hover {
opacity: 0.8;
}
.smcw-template-1 .smcw-bottom-container .woocommerce-Price-amount {
color: #8F856B;
font-size: 20px;
font-weight: bold;
}
.smcw-template-1 .smcw-bottom-container .smcw-total-label {
font-weight: bold;
font-size: 16px;
color: black;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
border: none;
outline: none;
border-radius: 8px;
background-color: #A2762F;
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 150%;
padding: 16px;
flex: 1;
}
.woocommerce-checkout #payment ul.payment_methods {
display: none !important;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: transparent;
padding: 0;
}
.productTitle__wrapper {
display: flex;
flex-wrap: wrap;
}
.woocommerce div.product {
min-height: 500px;
}
.header__btnOpenSearch {
line-height: 0;
}
.cartHeader__wrapper {
position: relative;
margin-left: 15px;
}
.smcw-product-quantity-wrap {
position: absolute;
top: -5px;
right: -10px;
}
.smcw-cart-icons span {
color: white;
}
textarea, input {
font-family: inherit;
font-size: inherit;
}
.vi-wpvs-variation-wrap .vi-wpvs-option-wrap .vi-wpvs-option.vi-wpvs-option-color, .vi-wpvs-variation-wrap .vi-wpvs-option-wrap .vi-wpvs-option.vi-wpvs-option-image {
max-height: 100%;
max-width: 100%;
margin: 0;
}
.vi-wpvs-variation-wrap-loop.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-1614101065493 .vi-wpvs-option-wrap.vi-wpvs-option-wrap-default {
border-radius: 2px;
}
#projectSidebar.is-affixed .inner-wrapper-sticky {
padding: 30px;
}
@media (min-width: 768px) {
.singlePost__wrapper {
margin-bottom: 60px;
}
}
.sidebar, #projectSidebar {
will-change: min-height;
}
.sidebar__inner {
transform: translate(0, 0); transform: translate3d(0, 0, 0);
will-change: position, transform;
}
.scrolling {
left: inherit !important;
}
.tabs.wc-tabs {
display: flex;
justify-content: center;
align-items: center;
margin-top: 60px;
border-bottom: 1px solid rgba(190, 183, 173, 0.3);
gap: 24px;
}
@media (max-width: 575px) {
.tabs.wc-tabs {
flex-direction: column;
gap: 10px;
}
}
.tabs.wc-tabs li {
padding-bottom: 7px;
border-bottom: 1px solid transparent;
}
.tabs.wc-tabs li a {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #91897E;
}
.tabs.wc-tabs li.active {
border-bottom: 1px solid #423625;
}
.tabs.wc-tabs li.active a {
color: #423625;
}
.woocommerce-Tabs-panel {
padding-top: 25px;
}
.wc-tabs-wrapper div.gallery {
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
}
.wc-tabs-wrapper div.gallery .gallery-item {
width: calc(100% / 6.7);
margin: 5px;
position: relative;
z-index: 1;
}
.wc-tabs-wrapper div.gallery .gallery-item.last_item .total {
position: absolute;
width: 100%;
top: 50%;
left: 0;
color: white;
font-size: 20px;
font-weight: 600;
right: 0;
margin: 0 auto;
text-align: center;
transform: translatey(-50%);
}
.wc-tabs-wrapper div.gallery .gallery-item.last_item a {
position: relative;
display: flex;
}
.wc-tabs-wrapper div.gallery .gallery-item.last_item a:before {
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_details {
margin-top: 10px !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_data_desc {
display: none !important;
}
header .woofc-menu-item-inner-subtotal {
display: none;
}
.cartHeader__wrapper {
list-style-type: none;
}
#woofc-area .woofc-area-top {
background-color: white;
color: black;
border-bottom: 1px solid #e2e2e2;
text-align: center;
}
#woofc-area .woofc-area-top .woofc-close i {
color: black;
}
#woofc-area .woofc-action .woofc-action-full a {
background-color: #8F856B !important;
color: white !important;
font-weight: normal !important;
}
#woofc-area .woofc-area-bot .woofc-total {
padding: 10px 20px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
color: #8F856B !important;
}
#woofc-area .woofc-area-bot .woofc-total .woofc-total-left {
font-weight: bold;
color: black;
}
#woofc-area .woofc-area-bot .woofc-continue .woofc-continue-url {
color: #8F856B;
}
#woofc-area .woofc-area-mid {
flex-grow: inherit;
}
#woofc-area .woofc-area-mid .woofc-item {
border-bottom: 1px solid #e2e2e2;
padding-bottom: 20px;
}
#woofc-area .woofc-area-mid .woofc-item i {
color: #8F856B !important;
}
#woofc-area .woofc-area-mid .woofc-item .woofc-item-remove {
color: #8F856B;
}
@media (max-width: 767px) {
#woofc-area .woofc-area-mid .woofc-item .woofc-item-remove {
right: 0;
top: 8px;
}
}
#woofc-area .woofc-area-mid .woofc-item .woofc-item-price {
color: #8F856B;
font-size: 14px;
font-weight: bold !important;
}
#woofc-area .woofc-area-mid .woofc-item .woofc-item-data .variation {
display: flex;
}
#woofc-area .woofc-area-mid .woofc-item .woofc-item-data dt {
display: none;
}
#woofc-area .woofc-area-mid .woofc-item .woofc-item-data dd {
position: relative;
padding-right: 10px;
}
#woofc-area .woofc-area-mid .woofc-item .woofc-item-data dd:last-of-type:after {
display: none;
}
#woofc-area .woofc-area-mid .woofc-item .woofc-item-data dd:after {
content: "-";
position: absolute;
top: 0;
right: 2px;
}
#woofc-area .woofc-area-mid .woofc-item:hover {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
#woofc-area .woofc-area-mid .woofc-item .woofc-item-inner {
padding: 0;
}
#woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty-minus, #woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty-plus {
background-color: #fff !important;
border: 1px solid #e2e2e2;
line-height: 27px;
}
#woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb {
width: 80px;
flex: 0 0 80px;
margin-right: 20px;
}
#woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb img {
width: 100%;
}
#woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input {
background-color: #fff;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
font-weight: bold;
}
.woofc-area.woofc-style-01, .woofc-area.woofc-style-03, .woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover, .woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover {
background-color: #fff;
}
.wpgs_image {
background-color: #FAF5EC;
border-radius: 8px;
}
.woocommerce-product-gallery__lightbox i:before {
transform: translate(1px, 2px);
}
.woocommerce-product-gallery__image {
background-color: #FAF5EC;
border-radius: 8px;
}
.woocommerce-product-gallery .slick-prev::before {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: #FAF5EC;
background-image: url(//mant.vn/wp-content/themes/mant/resources/assets/images/arrow-left.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.woocommerce-product-gallery .slick-next {
transform: translate(-50%, -50%);
}
.woocommerce-product-gallery .slick-next::before {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: #FAF5EC;
background-image: url(//mant.vn/wp-content/themes/mant/resources/assets/images/arrow-right.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.product-customization {
border-radius: 8px;
border: 1px solid #EED3A8;
background: rgba(238, 211, 168, 0.4);
padding: 16px;
margin-bottom: 41px;
position: relative;
}
.product-customization::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: rgba(190, 183, 173, 0.3);
position: absolute;
bottom: -20px;
left: 0;
}
.product-customization .product-customization-title {
font-size: 16px;
font-weight: 700;
}
.product-customization__title {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 16px;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin: 0 0 4px;
}
.product-customization__title a {
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%;
color: #A2762F;
}
.product-customization__desc {
margin-bottom: 0;
}
@media (min-width: 768px) {
.header__menuRight .max-mega-menu > li > a {
padding: 30px 10px;
}
}
.title--heading3, .brandDesigner__title, .featured__products h3 {
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
}
@media (max-width: 767px) {
.title--heading3, .brandDesigner__title, .featured__products h3 {
font-size: 24px;
}
}
.brandDesigner {
background-color: #F0E9DC;
background-image: url(//mant.vn/wp-content/themes/mant/resources/assets/images/home/shape-brand-section.webp);
background-size: contain;
background-position: center;
background-repeat: repeat;
padding: 100px 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
@media (max-width: 767px) {
.brandDesigner {
padding: 40px 0;
}
}
.brandDesigner__title {
max-width: 565px;
text-align: center;
margin: 0 auto 24px;
}
.brandDesigner__counter {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 48px;
margin-bottom: 48px;
}
@media (max-width: 767px) {
.brandDesigner__counter {
flex-direction: column;
gap: 24px;
}
}
.brandDesigner__counter .brandDesigner__counter-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
}
.brandDesigner__counter .brandDesigner__counter-item-title {
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #AF8035;
}
.brandDesigner__counter .brandDesigner__counter-item-description {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: #423625;
}
.brandDesigner__content {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 20px;
}
@media (max-width: 767px) {
.brandDesigner__content {
flex-direction: column;
}
}
.brandDesigner__content-item {
position: relative;
}
.brandDesigner__content-item-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.brandDesigner__content-item-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
}
.brandDesigner__content-item-content-title {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #FAF5EC;
}
.brandDesigner__content-item-content-description {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: #FAF5EC;
}
.solution {
padding-top: 70px;
background-color: #F0E9DC;
}
.solution__title {
text-align: center;
margin: 0 0 12px;
}
.solution__description {
text-align: center;
margin: 0 auto 60px;
max-width: 610px;
}
.solution .col-md-6 {
padding: 0;
}
.solution__images {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 2px;
max-width: 1440px;
margin: 0 auto;
}
@media (max-width: 767px) {
.solution__images {
flex-direction: column;
}
}
.solution__images-item {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
}
.solution__images-item-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
}
.solution__images-item-content-title {
text-align: center;
font-size: 24px;
font-weight: 700;
line-height: 150%;
color: #FAF5EC;
margin: 0;
}
.solution__images-item-content-btn {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.forWhom {
padding: 120px 0;
background-color: #FAF5EC;
}
@media (max-width: 767px) {
.forWhom {
padding: 40px 0;
}
}
.forWhom__title {
text-align: center;
margin: 0 0 48px;
}
@media (max-width: 767px) {
.forWhom__title {
margin: 0 0 24px;
}
}
.forWhom__content {
display: flex;
gap: 30px;
}
@media (max-width: 767px) {
.forWhom__content {
flex-direction: column;
}
}
.forWhom__content-item {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 24px 24px 32px;
background-color: #F0E9DC;
gap: 20px;
}
.forWhom__content-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
margin-bottom: 24px;
}
.forWhom__content-item-title {
font-size: 24px;
font-weight: 700;
line-height: 150%;
margin-bottom: 16px;
}
.forWhom__content-item-list {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
}
.forWhom__content-item-list li {
font-size: 16px;
font-weight: 400;
line-height: 150%;
color: #423625;
display: flex;
gap: 8px;
align-items: center;
justify-content: flex-start;
}
.whyChooseUs {
padding: 80px 0 120px;
background-color: #F0E9DC;
}
@media (max-width: 767px) {
.whyChooseUs {
padding: 40px 0;
}
}
.whyChooseUs__title {
text-align: center;
margin: 0 0 44px;
}
.whyChooseUs__content {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 20px;
}
.whyChooseUs__content-item {
display: flex;
flex-direction: column;
justify-content: center;
}
.whyChooseUs__content-item-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
padding: 32px;
}
.whyChooseUs__content-item-inner-title {
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #FAF5EC;
width: 100%;
text-align: left;
margin: 0;
}
@media (max-width: 767px) {
.whyChooseUs__content-item-inner-title {
font-size: 24px;
}
}
.whyChooseUs__content-item-inner-description {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: #FAF5EC;
width: 100%;
margin: 0;
text-align: left;
}
@media (max-width: 767px) {
.whyChooseUs__content-item-inner-description {
font-size: 14px;
}
}
.whyChooseUs__content-item:nth-child(1) {
grid-column: span 4;
background: url(//mant.vn/wp-content/themes/mant/resources/assets/images/home/whyChooseUs-1.webp) no-repeat center center;
background-size: cover;
min-height: 220px;
}
@media (max-width: 767px) {
.whyChooseUs__content-item:nth-child(1) {
grid-column: span 12;
}
}
.whyChooseUs__content-item:nth-child(2) {
grid-column: span 4;
background-size: cover;
background-color: #5A5042;
min-height: 220px;
}
@media (max-width: 767px) {
.whyChooseUs__content-item:nth-child(2) {
grid-column: span 12;
}
}
.whyChooseUs__content-item:nth-child(3) {
grid-column: span 4;
grid-row: span 2;
background: url(//mant.vn/wp-content/themes/mant/resources/assets/images/home/whyChooseUs-2.webp) no-repeat center center;
background-size: cover;
min-height: 420px;
}
@media (max-width: 767px) {
.whyChooseUs__content-item:nth-child(3) {
grid-column: span 12;
}
}
.whyChooseUs__content-item:nth-child(4) {
grid-column: span 5;
background-color: #554A3A;
min-height: 180px;
}
@media (max-width: 767px) {
.whyChooseUs__content-item:nth-child(4) {
grid-column: span 12;
}
}
.whyChooseUs__content-item:nth-child(5) {
grid-column: span 3;
background-color: #EED3A8;
min-height: 180px;
}
@media (max-width: 767px) {
.whyChooseUs__content-item:nth-child(5) {
grid-column: span 12;
}
}
.whyChooseUs__content-item:nth-child(5) .whyChooseUs__content-item-title {
color: #423625;
}
.whyChooseUs__content-item:nth-child(5) .whyChooseUs__content-item-description {
color: #423625;
}
.whatWeOffer {
padding: 48px 0;
background-color: #423625;
}
.whatWeOffer__content {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
justify-content: space-between;
}
@media (max-width: 767px) {
.whatWeOffer__content {
flex-direction: column;
gap: 24px;
}
}
.whatWeOffer__content-item {
padding-left: 62px;
position: relative;
}
.whatWeOffer__content-item-icon {
width: 42px;
height: 42px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.whatWeOffer__content-item-title {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #FAF5EC;
margin-bottom: 4px;
}
.whatWeOffer__content-item-description {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: #FAF5EC;
margin: 0;
max-width: 200px;
}
.whatWeOffer__content .line {
width: 0.5px;
height: 36px;
background-color: #FAF5EC;
}
@media (max-width: 767px) {
.whatWeOffer__content .line {
display: none;
}
}
.outstanding {
position: relative;
}
.outstanding-slider {
margin: 0 !important;
}
.outstanding-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 56px !important;
height: 40px !important;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border-radius: 50px;
cursor: pointer;
border: 1px solid #fff;
transition: all 0.3s ease;
padding: 0;
}
.outstanding-btn:hover {
background-color: #AF8035;
border-color: #AF8035;
}
.outstanding .slick-prev {
left: 100px;
}
@media (max-width: 767px) {
.outstanding .slick-prev {
left: 15px;
}
}
@media (max-width: 480px) {
.outstanding .slick-prev {
display: none !important;
}
}
.outstanding .slick-next {
right: 100px;
}
@media (max-width: 767px) {
.outstanding .slick-next {
right: 15px;
}
}
@media (max-width: 480px) {
.outstanding .slick-next {
display: none !important;
}
}
.outstanding-slider {
margin: 0;
}
.outstanding-slider__item {
position: relative;
height: 760px;
}
@media (max-width: 767px) {
.outstanding-slider__item {
height: 400px;
}
}
.outstanding-slider__item img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.outstanding-slider__item-sub-title {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
color: #FAF5EC;
}
@media (max-width: 767px) {
.outstanding-slider__item-sub-title {
font-size: 16px;
}
}
@media (max-width: 480px) {
.outstanding-slider__item-sub-title {
font-size: 14px;
}
}
.outstanding-slider__item-title {
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin-bottom: 12px;
color: #FAF5EC;
}
@media (max-width: 767px) {
.outstanding-slider__item-title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.outstanding-slider__item-title {
font-size: 20px;
}
}
.outstanding-slider__item-btn {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}
.outstanding-slider__item-content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 12px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
align-items: center;
}
.outstanding-slider__item-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
.outstanding .slick-dots {
position: absolute;
bottom: 54px;
left: 50%;
transform: translateX(-50%);
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
}
.outstanding .slick-dots li {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);
cursor: pointer;
transition: all 0.3s ease;
margin: 0;
}
.outstanding .slick-dots li button {
display: none;
}
.outstanding .slick-dots li.slick-active {
background-color: #fff;
}
.cf7Section {
background-color: #F0E9DC;
background-image: url(//mant.vn/wp-content/themes/mant/resources/assets/images/home/shape-brand-section.webp);
background-size: contain;
background-position: center;
background-repeat: repeat;
padding: 80px 0 80px;
display: flex;
z-index: 1;
position: relative;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.cf7Section__title {
text-align: center;
margin-bottom: 12px;
}
.cf7Section__description {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin-bottom: 24px;
text-align: center;
margin-bottom: 14px;
}
.cf7Section__description + .cf7Section__description-2 {
margin-bottom: 38px;
display: flex;
gap: 8px;
justify-content: center;
}
@media (max-width: 767px) {
.cf7Section__description + .cf7Section__description-2 {
flex-direction: column;
}
}
.cf7Section__description + .cf7Section__description-2 a {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
color: #AF8035;
font-size: 16px;
font-style: normal;
}
.cf7Section__form {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.cf7Section__form .wpcf7 {
width: 100%;
position: relative;
}
.cf7Section__form .wpcf7-form {
position: relative;
}
.cf7Section__form .wpcf7-form .wpcf7-form-control-wrap {
position: relative;
width: 100%;
}
.cf7Section__form .wpcf7-form .wpcf7-form-control-wrap input {
width: 100%;
padding: 12px 100px 12px 16px;
border-radius: 8px;
border: 1px solid #BEB7AD;
background: #FAF5EC;
color: #423625;
font-size: 14px;
font-weight: 400;
line-height: 150%;
color: #BEB7AD;
height: 60px;
}
.cf7Section__form .wpcf7-form input.wpcf7-submit {
position: absolute;
top: 50%;
right: 7px;
transform: translateY(-50%);
width: 81px;
height: 44px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: #AF8035;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 150%;
border-radius: 4px;
border: 0;
}
.single-product .site-main {
position: relative;
}
.single-product .product.first {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 767px) {
.single-product .product.first {
flex-direction: column;
}
}
.single-product .product.first .product-info {
width: 100%;
}
.single-product .product.first .woocommerce-product-gallery {
width: 57.66%;
}
@media (max-width: 767px) {
.single-product .product.first .woocommerce-product-gallery {
width: 100%;
}
}
.single-product .product.first .summary.entry-summary {
width: 39.92%;
}
@media (max-width: 767px) {
.single-product .product.first .summary.entry-summary {
width: 100%;
}
}
.clink__breadcrumb {
display: flex;
gap: 8px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.clink__breadcrumb a, .clink__breadcrumb .breadcrumbs__delimiter {
color: #FAF5EC;
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.clink__breadcrumb a:hover, .clink__breadcrumb .breadcrumbs__delimiter:hover {
color: #D29A41;
}
.clink__breadcrumb .current {
color: #D29A41;
}
.contact-page .contact-page__hero {
background-image: url(//mant.vn/wp-content/themes/mant/resources/assets/images/contact/contact-page.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
}
.contact-page .contact-page__hero h1 {
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #fff;
text-align: center;
margin: 0;
}
.contact-page .contact-page__hero .clink__breadcrumb {
position: absolute;
top: 117px;
}
.contact-page__content {
padding: 70px 0 104px;
}
.contact-page__content .contact-page__content-wrapper {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: space-between;
}
.contact-page__content .contact-page__content-wrapper .contact-page__content__left {
width: 630px;
text-align: left;
}
.contact-page__content .contact-page__content-wrapper .contact-page__content__left .cf7Section__form {
width: 100%;
}
@media (max-width: 1320px) {
.contact-page__content .contact-page__content-wrapper .contact-page__content__left {
width: calc(50% - 8px);
}
}
@media (max-width: 1024px) {
.contact-page__content .contact-page__content-wrapper .contact-page__content__left {
width: 100%;
}
}
.contact-page__content .contact-page__content-wrapper .contact-page__content__left-box {
border-radius: 8px;
background: #F0E9DC;
padding: 24px;
margin-bottom: 32px;
text-align: left;
}
.contact-page__content .contact-page__content-wrapper .contact-page__content__left-box h2 {
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
margin-bottom: 12px;
}
.contact-page__content .contact-page__content-wrapper .contact-page__content__left-box p {
color: #423625;
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
.contact-page__content .contact-page__content-wrapper .contact-page__content__left-box p + p {
margin-top: 12px;
}
.contact-page__content .contact-page__content-wrapper .contact-page__content__left-info {
display: flex;
flex-direction: column;
gap: 20px;
}
.contact-page__content .contact-page__content-wrapper .contact-page__content__left-info h2 {
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 150%;
color: #423625;
}
.contact-page__content .contact-page__content-wrapper .contact-page__content__left-info p {
margin: 0;
color: #423625;
font-size: 16px;
font-weight: 400;
line-height: 150%;
display: flex;
align-items: center;
gap: 8px;
}
.contact-page__content .contact-page__content-wrapper .contact-page__content__right {
width: 578px;
overflow: hidden;
border-radius: 8px;
}
@media (max-width: 1320px) {
.contact-page__content .contact-page__content-wrapper .contact-page__content__right {
margin-right: 0;
width: calc(50% - 8px);
}
}
@media (max-width: 1024px) {
.contact-page__content .contact-page__content-wrapper .contact-page__content__right {
width: 100%;
text-align: center;
}
}
.contact-page__map {
padding: 60px 0 54px;
background-color: #F0E9DC;
}
.contact-page__map-list {
display: flex;
flex-direction: row;
gap: 16px;
}
@media (max-width: 1320px) {
.contact-page__map-list {
flex-direction: column;
text-align: center;
}
.contact-page__map-list iframe {
width: 100%;
}
}
.breadcrumb-blog {
padding-top: 40px;
}
.breadcrumb-blog .clink__breadcrumb a, .breadcrumb-blog .clink__breadcrumb .breadcrumbs__delimiter {
color: #91897E;
}
.featured-blog {
margin-top: 36px;
}
.featured-blog .featuredItems {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 20px;
}
@media (max-width: 991px) {
.featured-blog .featuredItems {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
}
}
@media (max-width: 676px) {
.featured-blog .featuredItems {
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}
}
.featured-blog .featuredItems .featured-article {
width: 100%;
height: 100%;
}
.featured-blog .featuredItems .featured-article a {
position: relative;
display: block;
width: 100%;
height: 100%;
border-radius: 8px;
overflow: hidden;
}
.featured-blog .featuredItems .featured-article a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
z-index: 1;
}
.featured-blog .featuredItems .featured-article a .featured-article__content {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
padding: 16px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 8px;
z-index: 2;
}
.featured-blog .featuredItems .featured-article a .featured-article__content h3 {
margin: 0;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 150%;
}
.featured-blog .featuredItems .featured-article a .featured-article__content p {
font-size: 16px;
font-weight: 400;
display: none;
color: #fff;
margin: 0;
}
.featured-blog .featuredItems .featured-article a .featured-article__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
.featured-blog .featuredItems .featured-article a .featured-article__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.featured-blog .featuredItems .featured-article:nth-child(1) {
grid-column: 1/2;
grid-row: 1/2;
}
@media (max-width: 991px) {
.featured-blog .featuredItems .featured-article:nth-child(1) {
grid-column: unset;
grid-row: unset;
}
}
.featured-blog .featuredItems .featured-article:nth-child(2) {
grid-column: 1/2;
grid-row: 2/3;
}
@media (max-width: 991px) {
.featured-blog .featuredItems .featured-article:nth-child(2) {
grid-column: unset;
grid-row: unset;
}
}
.featured-blog .featuredItems .featured-article:nth-child(3) {
grid-column: 2/3;
grid-row: 1/3;
}
@media (max-width: 991px) {
.featured-blog .featuredItems .featured-article:nth-child(3) {
grid-column: unset;
grid-row: unset;
}
}
.featured-blog .featuredItems .featured-article:nth-child(3) .featured-article__content p {
display: block;
}
.featured-blog .featuredItems .featured-article:nth-child(4) {
grid-column: 3/4;
grid-row: 1/2;
}
@media (max-width: 991px) {
.featured-blog .featuredItems .featured-article:nth-child(4) {
grid-column: unset;
grid-row: unset;
}
}
.featured-blog .featuredItems .featured-article:nth-child(5) {
grid-column: 3/4;
grid-row: 2/3;
}
@media (max-width: 991px) {
.featured-blog .featuredItems .featured-article:nth-child(5) {
grid-column: unset;
grid-row: unset;
}
}
.blog-items {
margin-top: 60px;
}
.blog-items__top {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 16px;
}
@media (max-width: 767px) {
.blog-items__top {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
}
.blog-items__top h2 {
margin-bottom: 0;
}
.blog-items__top-line {
width: 100%;
height: 1px;
flex: 1 0 0;
background-color: #D8B884;
margin-bottom: -7px;
}
.blog-items__top .blogTabs {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 24px;
}
.blog-items__top .blogTabs a {
display: block;
font-weight: 600;
}
.blog-items__top .blogTabs a:hover, .blog-items__top .blogTabs a:focus, .blog-items__top .blogTabs a.active {
color: #A2762F;
}
.blog-items .blogItems {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px 20px;
padding: 20px 0 135px;
}
@media (max-width: 991px) {
.blog-items .blogItems {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 676px) {
.blog-items .blogItems {
grid-template-columns: repeat(1, 1fr);
}
}
.blog-items .blogItems .blog-item:first-child {
grid-row: span 2;
}
@media (max-width: 991px) {
.blog-items .blogItems .blog-item:first-child {
grid-row: unset;
}
}
.blog-items .blogItems .blog-item:first-child .blog-item__image {
aspect-ratio: 400/614;
}
@media (max-width: 991px) {
.blog-items .blogItems .blog-item:first-child .blog-item__image {
aspect-ratio: unset;
}
}
.blog-items .blogItems .blog-item .blog-item__image {
overflow: hidden;
aspect-ratio: 8/5;
border-radius: 8px;
}
.blog-items .blogItems .blog-item .blog-item__image a {
display: block;
width: 100%;
height: 100%;
}
.blog-items .blogItems .blog-item .blog-item__image a img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.3s ease-in-out;
}
.blog-items .blogItems .blog-item h3 {
margin: 16px 0 8px;
color: #423625;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 1.5;
}
@media (max-width: 767px) {
.blog-items .blogItems .blog-item h3 {
font-size: 16px;
}
}
.blog-items .blogItems .blog-item .meta {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: #423625;
}
.blogSingleItem__wrapper .blogSingleItem__wrapper-hero {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 534px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background-color: lightgray;
}
.blogSingleItem__wrapper .blogSingleItem__wrapper-hero .container.breadcrumb-wrapper {
position: absolute;
top: 40px;
}
.blogSingleItem__wrapper .blogSingleItem__wrapper-hero .container.breadcrumb-wrapper .clink__breadcrumb a, .blogSingleItem__wrapper .blogSingleItem__wrapper-hero .container.breadcrumb-wrapper .clink__breadcrumb .breadcrumbs__delimiter {
color: #F0E9DC;
}
.blogSingleItem__wrapper .blogSingleItem__wrapper-hero:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
z-index: 1;
}
.blogSingleItem__wrapper .blogSingleItem__wrapper-hero .container {
position: relative;
z-index: 2;
}
.blogSingleItem__wrapper .blogSingleItem__wrapper-hero .container h1 {
font-size: 32px;
font-weight: 700;
line-height: 150%;
color: #F0E9DC;
z-index: 2;
max-width: 650px;
margin: 0 auto;
text-align: center;
}
.blogSingleItem__wrapper .blogSingleItem__content {
padding: 60px 0 44px;
background-color: #FAF5EC;
}
.blogSingleItem__wrapper .blogSingleItem__content .container {
max-width: 860px;
margin: 0 auto;
}
.relatedPosts {
padding: 70px 0 109px;
background-color: #F0E9DC;
}
.relatedPosts .relatedPosts__title {
text-align: center;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.relatedPosts .blogItems {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
@media (max-width: 991px) {
.relatedPosts .blogItems {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 676px) {
.relatedPosts .blogItems {
grid-template-columns: repeat(1, 1fr);
}
}
.relatedPosts .blogItems .blog-item .blog-item__image {
aspect-ratio: 8/5;
overflow: hidden;
border-radius: 8px;
}
.relatedPosts .blogItems .blog-item .blog-item__image a {
display: block;
width: 100%;
}
.relatedPosts .blogItems .blog-item h3 {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
margin: 16px 0 8px;
}
.relatedPosts .blogItems .blog-item .meta {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: #423625;
margin: 0;
}
.relatedPosts .blogItems .blog-item .meta span {
margin: 0 16px;
color: #BEB7AD;
}
.intro {
position: relative;
}
.intro__breadcrumbs {
position: absolute;
top: 20px;
z-index: 2;
padding-top: 16px;
}
.intro__breadcrumbs .clink__breadcrumb a, .intro__breadcrumbs .clink__breadcrumb .breadcrumbs__delimiter {
color: #FAF5EC;
}
.intro--hero {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 534px;
display: flex;
align-items: center;
justify-content: center;
background-color: lightgray;
}
.intro--hero:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
z-index: 1;
}
.intro--hero .container {
z-index: 2;
}
.intro--hero .container h1 {
font-size: 32px;
font-weight: 700;
line-height: 150%;
color: #FAF5EC;
max-width: 650px;
text-align: center;
margin: 0 auto 16px;
}
.intro--hero .container p {
font-size: 16px;
font-weight: 400;
line-height: 150%;
color: #FAF5EC;
max-width: 650px;
text-align: center;
margin: 0 auto;
}
.intro .intro-content__path-top--arrow {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 24px;
}
.intro .intro-content__path-top--arrow .slick-arrow {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border-radius: 50%;
border: 1px solid #A2762F;
cursor: pointer;
}
.intro .intro-content__path-top--arrow .slick-arrow.slick-disabled {
display: flex !important;
opacity: 0.5;
cursor: default;
}
.intro-content--why {
padding: 103px 0;
background-color: #F0E9DC;
}
.intro-content--why .container {
display: flex;
flex-direction: row;
}
.intro-content--why .container .intro-content__why-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 20px;
width: 100%;
flex-wrap: wrap;
}
.intro-content--why .container .intro-content__why-wrapper .intro-content__why-left {
width: 525px;
}
@media (max-width: 1320px) {
.intro-content--why .container .intro-content__why-wrapper .intro-content__why-left {
width: calc(50% - 10px);
}
}
@media (max-width: 991px) {
.intro-content--why .container .intro-content__why-wrapper .intro-content__why-left {
width: 100%;
}
}
.intro-content--why .container .intro-content__why-wrapper .intro-content__why-left p:last-child {
margin-bottom: 0;
}
.intro-content--why .container .intro-content__why-wrapper .intro-content__why-right {
width: 630px;
}
@media (max-width: 1320px) {
.intro-content--why .container .intro-content__why-wrapper .intro-content__why-right {
width: calc(50% - 10px);
}
}
@media (max-width: 991px) {
.intro-content--why .container .intro-content__why-wrapper .intro-content__why-right {
width: 100%;
}
}
.intro-content--vision-wrapper {
max-width: 1440px;
margin: 0 auto;
}
.intro-content--vision-wrapper .intro-content--vision-group {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
}
@media (max-width: 1320px) {
.intro-content--vision-wrapper .intro-content--vision-group {
flex-wrap: wrap;
}
}
@media (max-width: 991px) {
.intro-content--vision-wrapper .intro-content--vision-group {
flex-direction: column;
}
}
.intro-content--vision-wrapper .intro-content--vision-group .intro-content__vision-left {
max-width: 605px;
}
@media (max-width: 1320px) {
.intro-content--vision-wrapper .intro-content--vision-group .intro-content__vision-left {
max-width: 400px;
}
}
@media (max-width: 991px) {
.intro-content--vision-wrapper .intro-content--vision-group .intro-content__vision-left {
max-width: 100%;
}
}
.intro-content--vision-wrapper .intro-content--vision-group .intro-content__vision-left img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.intro-content--vision-wrapper .intro-content--vision-group .intro-content__vision-right {
flex: 1;
}
@media (max-width: 991px) {
.intro-content--vision-wrapper .intro-content--vision-group .intro-content__vision-right {
max-width: 100%;
}
}
.intro-content--vision-wrapper .intro-content--vision-group .intro-content__vision-right--item {
padding: 75px 105px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.intro-content--vision-wrapper .intro-content--vision-group .intro-content__vision-right--item p {
margin: 0;
}
.intro-content--vision-wrapper .intro-content--vision-group .intro-content__vision-right--item:nth-child(1) {
background-color: #FAF5EC;
min-height: 282px;
}
.intro-content--vision-wrapper .intro-content--vision-group .intro-content__vision-right--item:nth-child(2) {
background-color: #F0E9DC;
min-height: 362px;
}
.intro-content--path {
padding: 84px 0 120px;
background-color: #FAF5EC;
}
.intro-content--path-top h2 {
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.intro-content--path .intro-content__path-slider .timeline-item .timeline-item__date {
padding-bottom: 19px;
margin-bottom: 19px;
border-bottom: 1px solid #BEB7AD;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%;
position: relative;
width: 100%;
display: block;
}
.intro-content--path .intro-content__path-slider .timeline-item .timeline-item__date:before {
content: "";
position: absolute;
width: 16px;
height: 16px;
background-color: #EED3A8;
display: block;
border-radius: 2px;
bottom: 0;
transform: translateY(50%);
left: 0;
}
.intro-content--path .intro-content__path-slider .timeline-item .timeline-item__title {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
max-width: 350px;
margin-bottom: 7px;
}
.intro-content--path .intro-content__path-slider .timeline-item .timeline-item__desc {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: #423625;
max-width: 350px;
margin-bottom: 0;
}
.intro-content--team {
padding: 90px 0;
background-color: #F0E9DC;
}
.intro-content--team .intro-content__team-groups {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 20px;
}
.intro-content--team .intro-content__team-groups .intro-content__team-group {
grid-column: span 4;
}
.intro-content--team .intro-content__team-groups .intro-content__team-group .intro-content__team-group--item-content {
width: 100%;
border-radius: 0 0 8px 8px;
background-color: #A2762F;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
padding: 16px;
}
.intro-content--team .intro-content__team-groups .intro-content__team-group .intro-content__team-group--item-content h3 {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #FAF5EC;
}
.intro-content--team .intro-content__team-groups .intro-content__team-group .intro-content__team-group--item-content p {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: #FAF5EC;
}
.intro-content--team .intro-content__team-groups .intro-content__team-group--item {
display: flex;
flex-direction: column;
justify-content: center;
justify-content: flex-end;
align-items: flex-start;
}
.intro-content--team .intro-content__team-groups .intro-content__team-group--item h3 {
margin-bottom: 0;
text-align: center;
}
.intro-content--team .intro-content__team-groups .intro-content__team-group--item p {
margin: 0;
text-align: center;
}
.intro-content--team .intro-content__team-groups .intro-content__team-group:nth-child(2) {
order: 1;
grid-column: span 4;
grid-row: span 2;
}
@media (max-width: 991px) {
.intro-content--team .intro-content__team-groups .intro-content__team-group:nth-child(2) {
grid-column: span 12;
grid-row: unset;
order: 2;
}
}
.intro-content--team .intro-content__team-groups .intro-content__team-group:nth-child(1) {
order: 2;
grid-column: span 8;
padding-left: 27px;
max-width: 659px;
}
@media (max-width: 991px) {
.intro-content--team .intro-content__team-groups .intro-content__team-group:nth-child(1) {
grid-column: span 12;
grid-row: unset;
order: 1;
}
}
.intro-content--team .intro-content__team-groups .intro-content__team-group:nth-child(1) h2 {
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin: 0;
margin-bottom: 8px;
}
.intro-content--team .intro-content__team-groups .intro-content__team-group:nth-child(1) p {
text-align: left;
}
.intro-content--team .intro-content__team-groups .intro-content__team-group:nth-child(3) {
order: 3;
grid-column: span 8;
display: flex;
gap: 20px;
}
@media (max-width: 991px) {
.intro-content--team .intro-content__team-groups .intro-content__team-group:nth-child(3) {
grid-column: span 12;
grid-row: unset;
order: 3;
flex-direction: column;
}
}
.intro-content--scale {
padding: 90px 0 111px;
background-color: #FAF5EC;
}
.intro-content--scale .intro-content__scale-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
@media (max-width: 991px) {
.intro-content--scale .intro-content__scale-wrapper {
flex-direction: column;
}
}
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-left {
width: 50%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
flex: 1;
padding-right: 70px;
}
@media (max-width: 991px) {
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-left {
width: 100%;
padding-right: 0;
}
}
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-left img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-left img:nth-child(1) {
grid-column: span 1;
grid-row: span 1;
}
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-left img:nth-child(3) {
grid-column: span 1;
grid-row: span 1;
}
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-left img:nth-child(2) {
grid-column: span 1;
grid-row: span 2;
}
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-left img:nth-child(4) {
grid-column: span 2;
grid-row: span 1;
}
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-right {
width: 50%;
padding-left: 16px;
max-width: 525px;
}
@media (max-width: 991px) {
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-right {
width: 100%;
padding-left: 0;
max-width: 100%;
margin-top: 40px;
}
}
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-right h2 {
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
margin-bottom: 8px;
}
@media (max-width: 991px) {
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-right h2 {
margin-bottom: 16px;
}
}
@media (max-width: 676px) {
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-right h2 {
font-size: 24px;
}
}
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-right p {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: #423625;
margin-bottom: 30px;
}
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-right .group-number {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
display: flex;
gap: 32px;
}
@media (max-width: 480px) {
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-right .group-number {
flex-direction: column;
align-items: flex-start;
}
}
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-right .group-number__item {
flex: 1;
}
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-right .group-number__item-number {
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #AF8035;
margin-bottom: 4px;
}
.intro-content--scale .intro-content__scale-wrapper .intro-content__scale-right .group-number__item-desc {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: #423625;
margin: 0;
}
.project-image {
position: relative;
}
.project-image .slick-list {
overflow: visible !important;
}
.project-image .gallery-item {
position: relative;
width: 100%;
height: 100%;
padding: 0 10px;
}
.project-image .gallery-item img {
width: 100%;
height: 100%;
max-height: 600px;
-o-object-fit: cover;
object-fit: cover;
}
.project-image__btn {
width: 56px !important;
height: 40px !important;
background-color: transparent;
border-radius: 80px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(255, 255, 255, 0.5);
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 9999;
}
.project-image__btn.slick-prev-item {
left: 0;
}
.project-image__btn.slick-next-item {
right: 0;
}
.project-image__btn:hover {
background-color: #AF8035;
border-color: #AF8035;
}
.project-image .slick-dots {
position: absolute;
bottom: 78px;
}
.project-image .slick-dots li {
width: 8px;
height: 8px;
}
.project-image .slick-dots li button {
width: 8px;
height: 8px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
}
.project-image .slick-dots li button:before {
display: none;
}
.project-image .slick-dots li.slick-active button {
background-color: #fff;
}
.project-image .slick-dots li.slick-active button:before {
background-color: #fff;
}
.woofc-area.woofc-effect-01.woofc-area-show, .woofc-area.woofc-effect-01.woofc-slide-no, body.woofc-body-show .woofc-overlay {
display: none !important;
}
.tab__item-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
padding: 0 15px;
}
@media (max-width: 1200px) {
.tab__item-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.tab__item-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.tab__item-grid .tab__item-grid-item {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
.tab__item-grid .tab__item-grid-item-b2 {
min-height: 264px;
display: flex;
align-items: flex-end;
padding: 24px;
border-radius: 8px;
}
.tab__item-grid .tab__item-grid-item-b2 p {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #FAF5EC;
margin: 0;
}
.tab__item-grid .tab__item-grid-item-b6 {
min-height: 160px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
padding: 24px;
border-radius: 8px;
}
.tab__item-grid .tab__item-grid-item-b6 p {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #FAF5EC;
margin: 0;
}
.tab__item-grid .tab__item-grid-item-b6 p:last-child {
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #FAF5EC;
}
.tab__item-grid .tab__item-grid-item img {
border-radius: 8px;
}
.tab__item .process {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
margin-top: 110px;
}
.tab__item .process-title {
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
margin: 0;
}
.tab__item .process-desc {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: #423625;
margin-bottom: 43px;
}
.tab__item .process-content {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 81px;
}
@media (max-width: 1200px) {
.tab__item .process-content {
flex-direction: column;
gap: 40px;
}
}
.tab__item .process-content__left {
max-width: 447px;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
}
@media (max-width: 1200px) {
.tab__item .process-content__left {
margin: 0 auto;
padding: 0 15px;
}
}
.tab__item .process-content__left img {
width: 100%;
height: 100%;
border-radius: 16px;
-o-object-fit: cover;
object-fit: cover;
}
.tab__item .process-content__right {
max-width: 600px;
text-align: left;
}
.tab__item .process-content__right-list {
padding-left: 48px;
position: relative;
}
.tab__item .process-content__right-list:before {
content: "";
display: block;
width: 1px;
height: calc(100% - 80px);
border-left: 1px dashed #BEB7AD;
position: absolute;
top: 31px;
left: 16px;
}
.tab__item .process-content__right-list-item {
display: flex;
flex-direction: column;
position: relative;
}
.tab__item .process-content__right-list-item + .process-content__right-list-item {
margin-top: 48px;
}
.tab__item .process-content__right-list-item span:nth-child(1) {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin-bottom: 4px;
}
.tab__item .process-content__right-list-item span:nth-child(2) {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
position: relative;
margin-bottom: 10px;
}
.tab__item .process-content__right-list-item span:nth-child(2):before {
content: "";
display: block;
width: 24px;
height: 24px;
background-image: url(//mant.vn/wp-content/themes/mant/resources/assets/images/services/icon-check.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 8px;
position: absolute;
top: 5px;
left: -44px;
}
.tab__item .process-content__right-list-item span:nth-child(3) {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.service-ouradv {
background: #F0E9DC;
padding: 48px 0 48px;
}
.service-ouradv .service-ouradv__list {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 20px;
}
@media (max-width: 767px) {
.service-ouradv .service-ouradv__list {
flex-direction: column;
gap: 40px;
}
}
.service-ouradv .service-ouradv__list .line {
width: 0.5px;
height: 36px;
background-color: #423625;
}
@media (max-width: 767px) {
.service-ouradv .service-ouradv__list .line {
display: none;
}
}
.service-ouradv .service-ouradv__list-item {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding-left: 62px;
position: relative;
}
.service-ouradv .service-ouradv__list-item svg {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.service-ouradv .service-ouradv__list-item-title {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin-bottom: 4px;
}
.service-ouradv .service-ouradv__list-item-desc {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
margin: 0;
max-width: 200px;
}
.pageBannerCollection {
padding: 35px 0 60px;
background-color: #F0E9DC;
}
@media (max-width: 767px) {
.pageBannerCollection {
padding: 45px 0 45px;
}
}
.pageBannerCollection__breadcrumbs {
margin-bottom: 16px;
}
.pageBannerCollection__breadcrumbs .clink__breadcrumb a, .pageBannerCollection__breadcrumbs .clink__breadcrumb .breadcrumbs__delimiter {
color: #91897E;
}
.pageBannerCollection__title {
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin-bottom: 20px;
color: #423625;
text-align: center;
}
.pageBannerCollection__description {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: #423625;
text-align: center;
max-width: 650px;
margin: 0 auto;
margin-bottom: 48px;
}
.pageBannerCollection .collection-tab-group {
display: grid;
grid-template-columns: repeat(4, 1fr);
max-width: 762px;
justify-content: space-between;
margin: 0 auto;
}
@media (max-width: 767px) {
.pageBannerCollection .collection-tab-group {
grid-template-columns: repeat(2, 1fr);
text-align: center;
gap: 30px 10px;
}
}
.pageBannerCollection .collection-tab-group .collection-tab {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.pageBannerCollection .collection-tab-group .collection-tab-item button {
border: none;
outline: none;
background-color: transparent;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
padding: 0;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
position: relative;
}
.pageBannerCollection .collection-tab-group .collection-tab-item button a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.pageBannerCollection .collection-tab-group .collection-tab-item button img {
width: 150px;
height: 150px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.woocommerce-Tabs-panel th, .woocommerce-Tabs-panel td {
border: 1px solid #e2e2e2;
padding: 7px;
}
.collectionPage {
padding: 53px 0 109px;
}
.collectionPage .collection-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
@media (max-width: 991px) {
.collectionPage .collection-items {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 575px) {
.collectionPage .collection-items {
grid-template-columns: repeat(1, 1fr);
}
}
.collectionPage .collection-items .collection-item {
width: 100%;
height: 100%;
position: relative;
}
.collectionPage .collection-items .collection-item-title {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin: 0;
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
z-index: 2;
}
.collectionPage .collection-items .collection-item-title a {
color: #fff;
}
.collectionPage .collection-items .collection-item-thumbnails {
position: relative;
width: 100%;
height: 100%;
aspect-ratio: 4/3;
display: block;
overflow: hidden;
}
.collectionPage .collection-items .collection-item-thumbnails img {
background-color: lightgray;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.collectionPage .collection-items .collection-item-thumbnails:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
z-index: 1;
}
.archiveProduct__breadcrumbs .clink__breadcrumb {
margin-top: 16px;
}
.archiveProduct__breadcrumbs .clink__breadcrumb a, .archiveProduct__breadcrumbs .clink__breadcrumb .breadcrumbs__delimiter {
color: #91897E;
}
.woocommerce .woocommerce-ordering {
position: relative;
display: flex !important;
align-items: center;
}
.woocommerce .woocommerce-ordering:before {
content: "S\1EAFp x\1EBFp theo:";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
color: #000;
margin-right: 16px;
}
@media (max-width: 575px) {
.woocommerce .woocommerce-ordering:before {
display: none;
}
}
.woocommerce .woocommerce-ordering svg {
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
pointer-events: none;
}
.woocommerce .woocommerce-ordering .orderby {
padding: 8px 50px 8px 16px;
border: 1px solid #C0C0C0;
border-radius: 4px;
outline: none;
background-color: transparent;
font-size: 16px;
font-style: normal;
font-weight: 500;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.woocommerce .woocommerce-ordering .orderby option {
background-color: #F0E9DC;
border-radius: 4px;
padding: 10px 16px;
color: #423625;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
font-family: "Gilroy", sans-serif;
}
.product-title {
margin-top: 26px;
line-height: 1.2;
}
@media (max-width: 767px) {
.product-title {
font-size: 24px;
}
}
.product-single__top {
background-color: #F0E9DC;
}
.woocommerce .woocommerce-breadcrumb {
width: 100%;
max-width: 1240px;
margin: 0 auto;
padding: 40px 0 0;
background-color: #F0E9DC;
}
.woocommerce .woocommerce-breadcrumb:before {
content: "";
display: block;
width: 100%;
height: 40px;
background-color: #F0E9DC;
position: absolute;
top: 30px;
left: 0;
z-index: -1;
}
.badge-red, .badge-red .wobd-text {
background-color: #A60707 !important;
color: #ffffff !important;
padding: 4px 8px !important;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.badge-yellow, .badge-yellow .wobd-text {
background: #E1951B !important;
padding: 4px 8px !important;
color: #ffffff !important;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.woocommerce .star-rating {
float: unset;
}
.woocommerce-Reviews {
margin-top: 30px;
}
.woocommerce-Reviews .woocommerce-Reviews-title {
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 150%;
text-align: center;
color: #423625;
margin-bottom: 48px;
}
.woocommerce-Reviews .woocommerce-Reviews-top {
display: flex;
flex-wrap: wrap;
gap: 36px;
}
.woocommerce-Reviews .woocommerce-Reviews-top-rank {
width: 489px;
}
.woocommerce-Reviews .woocommerce-Reviews-top-rank-item {
display: flex;
flex-direction: column;
gap: 24px;
}
.woocommerce-Reviews .woocommerce-Reviews-top-rank-item-number {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 1;
color: #423625;
}
.woocommerce-Reviews .woocommerce-Reviews-top-rank-item-number-star-container {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}
.woocommerce-Reviews .woocommerce-Reviews-top-rank-item-number .average-rating {
margin-right: 8px;
}
.woocommerce-Reviews .woocommerce-Reviews-top-rank-item-number svg {
width: 24px;
height: 24px;
margin-bottom: -2px;
}
.woocommerce-Reviews .woocommerce-Reviews-top-rank-item-number-count {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}
.woocommerce-Reviews .woocommerce-Reviews-top-rank-item-number .woocommerce-Reviews-action {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
color: #fff;
background-color: #AF8035;
padding: 8px 16px;
border-radius: 40px;
border: none;
outline: none;
cursor: pointer;
transition: all 0.3s ease;
}
.woocommerce-Reviews .woocommerce-Reviews-top-rank-item-count {
display: flex;
flex-direction: column;
gap: 18px;
align-items: center;
}
.woocommerce-Reviews .woocommerce-Reviews-top-rank-item-count-item {
display: flex;
flex-direction: row;
gap: 24px;
align-items: center;
flex: 1;
width: 100%;
justify-content: space-between;
line-height: 1;
}
.woocommerce-Reviews .woocommerce-Reviews-top-rank-item-count-item-number {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 1;
color: #423625;
display: flex;
align-items: flex-start;
gap: 8px;
}
.woocommerce-Reviews .woocommerce-Reviews-top-rank-item-count-item-number svg {
width: 16px;
height: 16px;
margin-top: -1px;
}
.woocommerce-Reviews .woocommerce-Reviews-top-rank-item-count-item-bar {
flex: 1;
height: 8px;
background-color: #FAF5EC;
border-radius: 4px;
overflow: hidden;
}
.woocommerce-Reviews .woocommerce-Reviews-top-rank-item-count-item-bar-fill {
height: 100%;
background-color: #AF8035;
border-radius: 4px;
}
.woocommerce-Reviews .woocommerce-Reviews-top .latest-review-images {
flex: 1;
}
.woocommerce-Reviews .woocommerce-Reviews-top .latest-review-images .review-images-grid {
display: grid;
gap: 16px;
grid-template-columns: repeat(4, 1fr);
margin-top: 24px;
}
.woocommerce-Reviews .woocommerce-Reviews-top .latest-review-images .review-images-grid .review-image-item {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
border-radius: 8px;
}
.woocommerce-Reviews .woocommerce-Reviews-top .latest-review-images .review-images-grid .review-image-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.woocommerce-Reviews .review-filter {
display: flex;
flex-direction: row;
align-items: center;
gap: 14px;
margin-top: 60px;
}
@media (max-width: 575px) {
.woocommerce-Reviews .review-filter {
flex-wrap: wrap;
gap: 10px;
}
}
.woocommerce-Reviews .review-filter a {
display: flex;
padding: 8px 16px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 8px;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
color: #423625;
border: 1px solid #BEB7AD;
background-color: transparent;
}
.woocommerce-Reviews .review-filter a.active {
border: 1px solid #EED3A8;
background: #EED3A8;
}
.woocommerce-Reviews .review-filter strong {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
}
.woocommerce-Reviews .commentlist {
margin-top: 24px;
}
.woocommerce-Reviews .commentlist .custom-review-item {
display: flex;
flex-direction: row;
gap: 20px;
align-items: flex-start;
padding: 24px 0;
border-top: 1px solid rgba(190, 183, 173, 0.3);
}
@media (max-width: 575px) {
.woocommerce-Reviews .commentlist .custom-review-item {
flex-direction: column;
}
}
.woocommerce-Reviews .commentlist .custom-review-item:last-child {
border-bottom: 1px solid rgba(190, 183, 173, 0.3);
}
.woocommerce-Reviews .commentlist .custom-review-item .custom-review-header {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
width: 295px;
}
@media (max-width: 575px) {
.woocommerce-Reviews .commentlist .custom-review-item .custom-review-header {
width: 100%;
}
}
.woocommerce-Reviews .commentlist .custom-review-item .custom-review-header .custom-review-author {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
}
.woocommerce-Reviews .commentlist .custom-review-item .custom-review-header .custom-review-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
}
.woocommerce-Reviews .commentlist .custom-review-item .custom-review-header .custom-review-meta {
display: flex;
flex-direction: column;
gap: 8px;
}
.woocommerce .star-rating {
width: 7em;
}
.woocommerce .star-rating::before {
letter-spacing: 6px;
color: #E1951B;
}
.woocommerce .star-rating span::before {
letter-spacing: 6px;
color: #E1951B;
}
.related.products {
padding: 100px 0;
background-color: #FAF5EC;
position: relative;
}
@media (max-width: 575px) {
.related.products {
padding: 45px 0;
}
}
.related.products h2 {
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 150%;
text-align: center;
}
.related.products .arrow-left {
cursor: pointer;
width: 40px !important;
height: 40px !important;
background-color: transparent;
border-radius: 80px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 55%;
transform: translateY(-50%);
border: 1px solid rgba(0, 0, 0, 0.5);
color: #423625;
z-index: 9999;
left: -50px;
}
.related.products .arrow-left svg {
width: 17px;
height: 10px;
}
.related.products .arrow-right {
cursor: pointer;
width: 40px !important;
height: 40px !important;
background-color: transparent;
border-radius: 80px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 55%;
transform: translateY(-50%);
border: 1px solid rgba(0, 0, 0, 0.5);
color: #423625;
z-index: 9999;
right: -50px;
}
.related.products .arrow-right svg {
width: 17px;
height: 10px;
}
.related.products .productItems {
display: flex !important;
flex-wrap: nowrap;
overflow: hidden;
}
.related.products .productItems .slick-track .slick-slide {
padding: 0 10px;
}
.related.products .productItems .productItem {
display: flex !important;
}
.related.products .productItems .productItem__title {
min-height: 48px;
}
.related.products:hover .arrow-left, .related.products:hover .arrow-right {
opacity: 1;
}
#reviewModal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
#reviewModal .review-modal-content {
width: 700px;
max-width: 700px;
margin: 0 auto;
background-color: #FAF5EC;
padding: 24px;
border-radius: 8px;
position: relative;
}
#reviewModal .review-modal-content .review-modal-close {
position: absolute;
top: 24px;
right: 24px;
cursor: pointer;
font-size: 24px;
font-style: normal;
font-weight: 700;
color: #423625;
}
#reviewModal .review-modal-content .review-modal-form {
display: flex;
flex-direction: column;
gap: 16px;
}
#reviewModal .comment-notes {
display: none;
}
#reviewModal .comment-form-cookies-consent {
display: none;
}
#reviewModal #review_form .comment-reply-title {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid rgba(190, 183, 173, 0.2);
width: 100%;
display: block;
}
#reviewModal #review_form .comment-form-rating {
text-align: center;
}
#reviewModal #review_form .comment-form-rating .product-info-image {
max-width: 100px;
margin: 0 auto 8px;
background-color: #F0E9DC;
border-radius: 8px;
}
#reviewModal #review_form .comment-form-rating .product-info-title {
color: #423625;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin-bottom: 8px;
}
#reviewModal #review_form .comment-form-rating .product-info-title h3 {
margin-bottom: 0;
}
#reviewModal #review_form .comment-form-rating p.stars {
margin-bottom: 24px;
}
#reviewModal #review_form .comment-form-rating p.stars a {
font-size: 28px;
color: #E1951B;
}
#reviewModal #review_form .comment-form-rating p.stars a::before {
font-size: 28px;
color: #E1951B;
}
#reviewModal #review_form .comment-form-contact {
display: flex;
flex-direction: row;
gap: 22px;
}
#reviewModal #review_form .comment-form-author, #reviewModal #review_form .comment-form-phone, #reviewModal #review_form .comment-form-comment {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
margin-bottom: 24px !important;
}
#reviewModal #review_form .comment-form-author label, #reviewModal #review_form .comment-form-phone label, #reviewModal #review_form .comment-form-comment label {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
}
#reviewModal #review_form .comment-form-author label:-ms-input-placeholder, #reviewModal #review_form .comment-form-phone label:-ms-input-placeholder, #reviewModal #review_form .comment-form-comment label:-ms-input-placeholder {
color: #91897E;
}
#reviewModal #review_form .comment-form-author label::placeholder, #reviewModal #review_form .comment-form-phone label::placeholder, #reviewModal #review_form .comment-form-comment label::placeholder {
color: #91897E;
}
#reviewModal #review_form .comment-form-author input, #reviewModal #review_form .comment-form-phone input, #reviewModal #review_form .comment-form-comment input {
width: 100%;
border-radius: 8px;
border: 1px solid #BEB7AD;
background: transparent;
padding: 12px 16px;
color: #423625;
}
#reviewModal #review_form .comment-form-author input:-ms-input-placeholder, #reviewModal #review_form .comment-form-phone input:-ms-input-placeholder, #reviewModal #review_form .comment-form-comment input:-ms-input-placeholder {
color: #91897E;
}
#reviewModal #review_form .comment-form-author input::placeholder, #reviewModal #review_form .comment-form-phone input::placeholder, #reviewModal #review_form .comment-form-comment input::placeholder {
color: #91897E;
}
#reviewModal #review_form .comment-form-author textarea, #reviewModal #review_form .comment-form-phone textarea, #reviewModal #review_form .comment-form-comment textarea {
width: 100%;
border-radius: 8px;
border: 1px solid #BEB7AD;
background: transparent;
padding: 12px 16px;
height: 103px;
resize: none;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
color: #423625;
}
#reviewModal #review_form .comment-form-author textarea:-ms-input-placeholder, #reviewModal #review_form .comment-form-phone textarea:-ms-input-placeholder, #reviewModal #review_form .comment-form-comment textarea:-ms-input-placeholder {
color: #91897E;
}
#reviewModal #review_form .comment-form-author textarea::placeholder, #reviewModal #review_form .comment-form-phone textarea::placeholder, #reviewModal #review_form .comment-form-comment textarea::placeholder {
color: #91897E;
}
#reviewModal .comment-form-media > span {
color: #554A3A;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
#reviewModal .comment-form-media #review_media {
display: none;
}
#reviewModal .comment-form-media #review_media + span {
display: flex;
align-items: center;
gap: 4px;
cursor: pointer;
padding: 6px 12px;
border-radius: 88px;
border: 1px solid #AF8035;
background: transparent;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 12px;
font-style: normal;
font-weight: 500;
color: #AF8035;
line-height: 1;
margin-top: 8px;
}
#reviewModal .comment-form-media #review_media + span svg {
width: 20px;
height: 20px;
}
#reviewModal .form-submit input[type=submit] {
padding: 12px 24px !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 150% !important;
border-radius: 99px !important;
background: #AF8035 !important;
color: #fff !important;
border: none !important;
cursor: pointer !important;
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
margin: auto 0 auto auto !important;
display: block !important;
}
#reviewModal .form-submit input[type=submit]:hover {
opacity: 0.8;
}
.woocommerce form .form-row {
all: unset;
}
#order_comments_field label[for=order_comments] span {
display: none;
}
.thanh-toan {
background-color: #FAF5EC !important;
}
.thanh-toan .woocommerce {
margin: 0 15px;
}
.thanh-toan .clink__breadcrumb a, .thanh-toan .clink__breadcrumb .breadcrumbs__delimiter {
color: #91897E;
}
.thanh-toan .checkout.woocommerce-checkout {
display: flex;
flex-wrap: wrap;
}
.thanh-toan .checkout.woocommerce-checkout * {
all: unset;
}
@media screen and (max-width: 991px) {
.thanh-toan .checkout.woocommerce-checkout {
flex-direction: column;
}
}
.thanh-toan .checkout.woocommerce-checkout .woocommerce-NoticeGroup-checkout {
width: 100%;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details {
padding-right: 61px;
flex: 1;
width: 50%;
}
@media screen and (max-width: 991px) {
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details {
width: 100%;
}
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details #order_comments_field {
width: 100%;
margin-top: 12px;
display: flex;
flex-direction: column;
gap: 8px;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details #order_comments_field label {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details #order_comments_field textarea {
width: 100%;
height: 103px;
resize: none;
display: flex;
padding: 12px 16px;
justify-content: space-between;
align-items: center;
align-self: stretch;
border-radius: 8px;
border: 1px solid #BEB7AD;
background: transparent;
color: #423625;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details #order_comments_field textarea:-ms-input-placeholder {
color: #91897E;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details #order_comments_field textarea::placeholder {
color: #91897E;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields::before, .thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields::after {
display: none;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields h3 {
color: #423625;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields #billing_last_name_field, .thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields #billing_phone_field, .thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields #billing_address_1_field, .thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields #billing_state_field {
width: 100%;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields #billing_city_field {
width: calc(50% - 12px);
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields #billing_state_field {
width: calc(50% - 12px);
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
gap: 12px 24px;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row {
display: flex;
flex-direction: column;
gap: 8px;     }
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row label {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row input {
display: flex;
padding: 12px 16px;
justify-content: space-between;
align-items: center;
align-self: stretch;
border-radius: 8px;
border: 1px solid #BEB7AD;
background: transparent;
color: #423625;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row input:-ms-input-placeholder {
color: #91897E;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row input::placeholder {
color: #91897E;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single {
display: flex;
padding: 0px 16px;
justify-content: space-between;
align-items: center;
align-self: stretch;
height: auto;
min-height: 44px;
border-radius: 8px;
border: 1px solid #BEB7AD;
background: transparent;
color: #423625;
font-size: 16px;
line-height: 1.4;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #423625;
line-height: 1.4;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__rendered[title=""] {
color: #91897E;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single {
position: relative;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__arrow:after {
content: "";
width: 16px;
height: 8px;
display: block;
background-image: url(//mant.vn/wp-content/themes/mant/resources/assets/images/arrow-down.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #423625 transparent transparent transparent;
border-width: 6px 6px 0 6px;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default.select2-container--focus .select2-selection--single {
border-color: #423625;
box-shadow: none;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #423625;
line-height: 1.4;
}
.thanh-toan .checkout.woocommerce-checkout .checkout-customer-details .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__rendered[title=""] {
color: #91897E;
}
.thanh-toan .checkout.woocommerce-checkout #order_review {
flex: 1;
width: 50%;
}
@media screen and (max-width: 991px) {
.thanh-toan .checkout.woocommerce-checkout #order_review {
width: 100%;
display: block;
padding: 0 !important;
}
}
.thanh-toan .woocommerce-checkout-review-order {
padding: 32px !important;
display: block;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order {
display: flex;
flex-direction: column;
gap: 24px;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order .woocommerce-column__title {
font-size: 24px;
font-style: normal;
font-weight: 700;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order .wc-item-meta {
display: flex;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order .wc-item-meta li {
display: flex;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order .checkout-product-item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order .checkout-product-item__image {
overflow: hidden;
width: 88px;
max-height: 88px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background-color: #FAF5EC;
padding: 6px;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order .checkout-product-item__image img {
max-width: 76px;
max-height: 76px;
-o-object-fit: cover;
object-fit: cover;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order .checkout-product-item__name {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order .checkout-product-item__details {
display: flex;
flex-direction: column;
flex: 1;
gap: 8px;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order .checkout-product-item__price {
color: #AF8035;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order .checkout-product-item__price .checkout-product-item__qty {
color: #423625;
font-size: 16px;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order__totals {
display: flex;
flex-direction: column;
gap: 16px;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order__totals .checkout-total-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 8px;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order__totals .checkout-total-row .label {
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%;
color: #423625;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order__totals .checkout-total-row .value {
color: #AF8035;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order__totals .checkout-total-row:first-child {
border-top: 1px solid rgba(190, 183, 173, 0.3);
padding: 24px 0 0;
}
.thanh-toan .woocommerce-checkout-review-order .checkout-review-order__totals .checkout-total-row:nth-child(2) {
border-bottom: 1px solid rgba(190, 183, 173, 0.3);
padding-bottom: 24px;
}
.checkout-review-order {
display: flex;
flex-direction: column;
gap: 24px;
}
.checkout-review-order .woocommerce-column__title {
font-size: 24px;
font-style: normal;
font-weight: 700;
}
.checkout-review-order .wc-item-meta {
display: flex;
}
.checkout-review-order .wc-item-meta li {
display: flex;
}
.checkout-review-order .checkout-product-item {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.checkout-review-order .checkout-product-item + .checkout-product-item {
margin-top: 16px;
}
.checkout-review-order .checkout-product-item__image {
overflow: hidden;
width: 88px;
max-height: 88px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background-color: #FAF5EC;
padding: 6px;
}
.checkout-review-order .checkout-product-item__image img {
max-width: 76px;
max-height: 76px;
-o-object-fit: cover;
object-fit: cover;
}
.checkout-review-order .checkout-product-item__name {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #423625;
}
.checkout-review-order .checkout-product-item__details {
display: flex;
flex-direction: column;
flex: 1;
gap: 8px;
}
.checkout-review-order .checkout-product-item__price {
color: #AF8035;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.checkout-review-order .checkout-product-item__price .checkout-product-item__qty {
color: #423625;
font-size: 16px;
}
.checkout-review-order__totals {
display: flex;
flex-direction: column;
gap: 16px;
}
.checkout-review-order__totals .checkout-total-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.checkout-review-order__totals .checkout-total-row .label {
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%;
color: #423625;
}
.checkout-review-order__totals .checkout-total-row .value {
color: #AF8035;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.checkout-review-order__totals .checkout-total-row:first-child {
border-top: 1px solid rgba(190, 183, 173, 0.3);
padding: 24px 0 0;
}
.checkout-review-order__totals .checkout-total-row:nth-child(2) {
border-bottom: 1px solid rgba(190, 183, 173, 0.3);
padding-bottom: 24px;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
width: calc(100% - 32px);
float: unset;
margin: 0 auto;
display: block;
padding: 16px;
background-color: #AF8035;
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 700;
text-align: center;
border-radius: 8px;
border: none;
outline: none;
cursor: pointer;
transition: all 0.3s ease;
}
.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
opacity: 0.8;
}
.woocommerce-checkout-payment * {
all: unset;
}
.form-row.place-order {
padding: 0;
display: block;
}
.form-row.place-order:before, .form-row.place-order:after {
display: none !important;
}
.woocommerce-order-received .main:before, .woocommerce-checkout .main:before {
content: "";
display: block;
width: 50%;
height: 100%;
background-color: #F0E9DC;
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
@media (max-width: 1240px) {
.woocommerce-order-received .main:before, .woocommerce-checkout .main:before {
display: none;
}
}
.woocommerce-order {
display: flex;
flex-direction: row;
}
@media (max-width: 991px) {
.woocommerce-order {
flex-direction: column;
}
}
.woocommerce-order .order-left {
flex: 1;
padding-right: 54px;
padding-bottom: 120px;
}
@media (max-width: 991px) {
.woocommerce-order .order-left {
padding-right: 0;
padding-bottom: 40px;
}
}
.woocommerce-order .order-left > svg {
margin-bottom: 13px;
}
.woocommerce-order .order-left h3.woocommerce-thankyou-order-received {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%;
color: #A2762F;
margin-bottom: 8px;
}
.woocommerce-order .order-left p.woocommerce-thankyou-order-received {
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(190, 183, 173, 0.3);
}
.woocommerce-order .order-left .info-order-success__wrapper, .woocommerce-order .order-left .payment-order-success {
display: flex;
gap: 6px;
flex-direction: column;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(190, 183, 173, 0.3);
color: #423625;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.woocommerce-order .order-left .info-order-success__wrapper h4, .woocommerce-order .order-left .payment-order-success h4 {
margin-bottom: 6px;
color: #423625;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.woocommerce-order .order-left .more-info {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.woocommerce-order .order-left .more-info p {
margin-bottom: 0;
}
.woocommerce-order .order-left .more-info a {
color: #A2762F;
font-size: 14px;
font-style: normal;
font-weight: 500;
}
.woocommerce-order .order-right {
flex: 1;
}
.taxBannerCollection {
position: relative;
background-color: #F0E9DC;
}
@media (max-width: 767px) {
.taxBannerCollection {
padding: 35px 0 45px;
}
}
.taxBannerCollection .gallery__wrapper {
margin-top: 0px;
}
.taxBannerCollection .gallery__wrapper .slick-dots {
bottom: 20px;
}
.taxBannerCollection .gallery__wrapper .slick-dots li {
margin: 0;
}
.taxBannerCollection .gallery__wrapper .slick-dots li button:before {
font-size: 13px;
color: rgba(255, 255, 255, 0.5);
}
.taxBannerCollection .gallery__wrapper .slick-dots li.slick-active button:before {
color: #fff;
}
.taxBannerCollection .gallery__wrapper .gallery__item {
max-height: 534px;
}
.taxBannerCollection .gallery__wrapper .gallery__item img {
max-height: 534px;
-o-object-fit: cover;
object-fit: cover;
}
.taxBannerCollection .taxBannerCollection__wrapper {
display: flex;
gap: 48px;
align-items: start;
position: relative;
margin-top: 24px;
}
.taxBannerCollection .taxBannerCollection__wrapper h1 {
line-height: 1.3;
}
@media screen and (max-width: 1200px) {
.taxBannerCollection .taxBannerCollection__wrapper {
flex-direction: column;
gap: 20px;
}
}
.taxBannerCollection .taxBannerCollection__wrapper .archiveProduct__breadcrumbs {
position: absolute;
top: 0;
left: 0;
max-width: 372px;
}
@media screen and (max-width: 1200px) {
.taxBannerCollection .taxBannerCollection__wrapper .archiveProduct__breadcrumbs {
position: relative;
margin-top: 0px;
max-width: 100%;
}
}
.taxBannerCollection .taxBannerCollection__wrapper .taxBannerCollection__content {
min-width: 372px;
height: 100%;
position: relative;
margin-top: 90px;
}
.taxBannerCollection .taxBannerCollection__wrapper .containerGallery {
flex: 1;
max-width: 920px;
height: 534px;
position: relative;
}
.taxBannerCollection .taxBannerCollection__wrapper .containerGallery .gallery__items {
position: relative;
}
.taxBannerCollection .taxBannerCollection__wrapper .containerGallery .arrow-left, .taxBannerCollection .taxBannerCollection__wrapper .containerGallery .arrow-right {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 30px;
z-index: 99;
cursor: pointer;
opacity: 0;
transition: all 0.3s ease;
}
.taxBannerCollection .taxBannerCollection__wrapper .containerGallery .arrow-left {
left: 0;
}
.taxBannerCollection .taxBannerCollection__wrapper .containerGallery .arrow-right {
right: 30px;
}
@media screen and (max-width: 1200px) {
.taxBannerCollection .taxBannerCollection__wrapper .containerGallery {
max-width: 100%;
}
}
.taxBannerCollection .taxBannerCollection__wrapper .containerGallery .slick-slide {
opacity: 0;
}
.taxBannerCollection .taxBannerCollection__wrapper .containerGallery .slick-slide.slick-active {
opacity: 1;
}
.taxBannerCollection .taxBannerCollection__wrapper .containerGallery:hover .arrow-left, .taxBannerCollection .taxBannerCollection__wrapper .containerGallery:hover .arrow-right {
opacity: 1;
}
.wpfMainWrapper .wpfCount {
color: #423625;
font-size: 16px !important;
font-style: normal;
font-weight: 700;
line-height: 150%;
padding-left: 6px !important;
}
.wpfFilterVerScroll li ul li .wpfCount {
display: none !important;
}
.wpfMainWrapper {
background-color: transparent !important;
}
.wpfMainWrapper * {
background-color: transparent !important;
}
.fleft{float:left}.fright{float:right}.clear{clear:both}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-warning:focus,a.text-warning:hover{color:#66512c}a.text-info:focus,a.text-info:hover{color:#245269}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eeeeee}@media (max-width:767px){.col-md-4{float:left!important;width:50%!important;padding-right:10px!important;padding-left:10px!important}}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0%}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0%}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0%}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0%}}.clearfix:after,.clearfix:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.row:after,.row:before{display:table;content:" "}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.col-lg-5ths,.col-md-5ths,.col-sm-5ths,.col-xs-5ths{position:relative;min-height:1px;padding-right:10px;padding-left:10px}.col-xs-5ths{width:100%;float:left}@media (min-width:768px){.col-xs-5ths{width:100%;float:left}}@media (min-width:1160px){.col-xs-5ths{width:20%;float:left}}@media (min-width:1200px){.col-xs-5ths{width:20%;float:left}}.col-lg-4ths,.col-md-4ths,.col-sm-4ths,.col-xs-4ths{position:relative;min-height:1px;padding-right:10px;padding-left:10px}.col-xs-4ths{width:100%;float:left}@media (min-width:768px){.col-xs-4ths{width:100%;float:left}}@media (min-width:1160px){.col-xs-4ths{width:25%;float:left}}@media (min-width:1200px){.col-xs-4ths{width:25%;float:left}}.main__banner{background-image:url(https://mant.vn/wp-content/uploads/2021/04/banner-scaled-1-scaled.jpg);padding-top:100px;padding-bottom:150px;background-repeat:no-repeat;background-repeat:no-repeat;background-size:100% 100%}.main__banner p{font-size:22px;color:#929394;width:45%;margin:20px 0}.main__banner button{color:white;background:#90866e;padding:15px 60px;font-weight:bold;font-size:25px;border-radius:15px;border:none;cursor:pointer}.main__banner button:hover{opacity:0.7}.submit__banner{width:34%}.submit__banner p{font-size:18px;margin:5px 25px}p.main__banner--header{font-size:55px;color:white;width:50%;font-weight:bold;line-height:1.2}.main__introduce p{font-size:20px;color:#90866e;text-align:center;padding:15px 0 50px;margin-top:10px;font-weight:bold}.main__introduce{background:#f6f5f1}.introduce__headding{font-size:50px;color:#90866e;padding:100px 0 0;text-align:center;font-weight:bold}.introduce__content .item{text-align:center}.introduce__content p{text-align:center;font-size:20px;color:black}.introduce__button{text-align:center;margin:auto;padding-bottom:20px}.introduce__button button{padding:15px 40px;color:#90866e;border:4px solid #90866e;text-align:center;font-weight:bold;margin-bottom:20px;font-size:25px}.main__use{padding:0px 50px 45px}.main__use--content{padding:0 70px}.main__use--content img{border-radius:15px}.main__use--content p{line-height:1.2;text-align:left}.main__use--header{color:#90866e;padding:100px 0;text-align:center;font-size:50px;font-weight:bold}.main__use--content h3{font-size:24px;font-weight:bold;color:#90866e}.main__use--content .item{text-align:center}.customer_reviews{background:#f6f5f1;padding:0 50px 60px}.customer__reviews--items{margin-bottom:30px}.customer_reviews--header{color:#90866e;padding:100px 0;text-align:center;font-size:50px;font-weight:bold}.info__reviews--top{display:flex}.info__reviews--top .avatar{flex:2;border:2px solid #f6f5f1;border-radius:125px;overflow:hidden;height:125px;width:125px;text-align:center}.info__reviews--top .info{flex:3;text-align:left;padding-top:50px}.info__reviews--top .info h4{font-size:35px;font-weight:bold}.info__reviews--top .info p{font-size:22px}.info__reviews{border:3px solid #b1b2b3;border-radius:10px;margin:0 auto;padding:25px 5px}.content__reviews{text-align:center;margin-top:15px}.content__reviews p{font-size:22px;text-align:left;padding:0 45px 20px}.product__description{padding-top:10px}.product__description .items{display:flex}.product__description .item-left{flex:1;text-align:right}.product__description .item-right{flex:1;text-align:left;max-height:700px}.product__description--content{background:#afa894;padding:180px 100px;height:100%}.product__description--content h3{font-size:50px;color:white;width:100%;font-weight:bold;line-height:1.4}.product__description--content p{color:white;font-size:25px;width:90%;margin-bottom:30px}.clink__breadcrumb{margin-top:0}.product__description--content button{color:white;background:#90866e;padding:15px 60px;font-weight:bold;font-size:35px;border-radius:15px;border:none}.btn__action{color:white;background:#90866e;padding:15px 60px;font-weight:bold;font-size:25px;border:none;display:block}.span[typeof="v:Breadcrumb"]{display:none}@media (max-width:767px){.main__banner{padding-top:50px;padding-bottom:50px}.main__banner p{font-size:16px;width:100%;margin:20px 0;text-align:center;line-height:1.3}p.main__banner--header{width:100%;font-size:28px;text-align:center}.submit__banner{width:100%;text-align:center}.introduce__headding{font-size:25px;padding:35px 0 30px}.note__header{display:none}.main__introduce p{font-size:20px;padding:0 0 30px}.introduce__content{padding:0}.introduce__button button{padding:10px;font-size:18px}.main__use{padding:0px 15px 45px}.main__use--header{padding:40px 0;font-size:25px}.main__use--content{padding:0 25px}.main__use--content p{font-size:14px;margin-bottom:45px;text-align:center}.customer_reviews{background:#f6f5f1;padding:0 15px 60px}.customer_reviews--header{padding:50px 0;font-size:25px;line-height:1.3}.info__reviews .avatar{border-radius:90px;height:65px;width:65px;flex:3}.info__reviews .info{flex:7;padding-top:unset;text-align:left;margin:30px 0 0}.info__reviews .info h4{font-size:16px}.info__reviews .info p{font-size:12px}.content__reviews p{font-size:12px;text-align:center;padding:10px;line-height:1.4}.info__reviews{margin:10px 0;padding:20px 0px}.product__description--content{padding:50px 15px;text-align:center}.product__description--content h3{font-size:25px;width:100%;text-align:center;line-height:1.3;padding:0 0 20px}.product__description--content p{color:white;font-size:16px;width:100%;margin-bottom:30px;line-height:1.3}.product__description--content button{padding:10px 50px;font-size:25px}.product__description{padding-top:10px}.product__description .items{display:block}.product__description .item-left,.product__description .item-right{flex:unset}}.feature__main{background:#f6f5f1;padding:20px}.feature__link--pages a{color:#90866e;font-size:18px}.feature__content{overflow:hidden;margin-bottom:40px}.feature__content .content{background:#fff;padding:20px}.title__product h3{color:#90866e;font-size:25px;font-weight:bold;text-align:center;border-bottom:2px solid;padding:20px 0 10px}.title__product p{color:red;text-align:left;padding:15px 0 25px}.info__product h4{font-weight:bold;font-size:20px;padding-bottom:15px}.back--page{margin:60px auto 10px;text-align:center}.back--page a{color:#fff;background:#90866e;padding:20px 46px;font-size:25px;font-weight:bold}@media (max-width:767px){.back--page a{padding:15px 20px;font-size:20px}.item__right{width:100%!important}.feature__link--pages a{font-size:14px}}.nav__category{display:none;position:fixed;z-index:99999;top:20px;background:#f6f5f1;height:70px;line-height:70px;width:100%}.nav__category .item{display:inline-block;text-align:center;min-width:170px;padding:0 30px}.nav__category a{padding:10px 20px;background:white;text-align:center;font-size:20px;font-weight:bold;border-radius:12px;box-shadow:2px 2px 4px 0 #000000a3}.category__menu--items .item__top img{width:100%;height:100%}.introduce__content .thumbnail{border-radius:15px}.category__show--product a{color:#90866e}.category__menu--items .item{background:#fff}.category__menu--items .item img{border-top-left-radius:15px;border-top-right-radius:15px}.category__menu--items a{color:#90866e;text-align:center;font-weight:bold;border-radius:0 0 7px 7px;display:block}.category__menu--items .item__bot{padding:10px 0}.category__menu.fixed{position:fixed;top:100px;width:100%;left:0;z-index:99999999;padding:20px 0}.category__menu.fixed .item__top{display:none}.category__menu--items .item{cursor:pointer;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,0.1);position:relative}.category__menu--items .item.active:before{width:100%;height:100%;border-radius:15px;position:absolute;z-index:1;background-color:rgba(124,125,129,0.7)!important;content:"";background-repeat:no-repeat;background-position:center;background-image:url(data:image/svg+xml;charset=UTF-8;base64,IDxzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgd2lkdGg9JzI0JyBoZWlnaHQ9JzIwJyB2aWV3Qm94PScwIDAgMjQgMjAnPjxkZWZzPjxwYXRoIGlkPSdpY19hY2NlcHQtYScgZD0nTTExLjg5Mzc5NTgsMjMuNjQyNTU0MSBMMjYuNDM5MjcyMiw2IEwyOCw3LjIxMTU1NzA2IEwxMi44Mzk4NDczLDI1LjU5OTY2NjcgQzEyLjgwODQ2NjcsMjUuNjM2NTgzMyAxMi44MDg0NjY3LDI1LjYzNjU4MzMgMTIuNzc0ODY4MywyNS42NzE2MTQxIEMxMi4zNTQ2NTE4LDI2LjA5NjgxMjkgMTEuNjU4NzcyMywyNi4xMTA5NTQ3IDExLjIyMDU3NzgsMjUuNzAzMjAwNyBMNCwxOC45ODQyMjE5IEw1LjM4MzM5ODU5LDE3LjU4NDQyMTEgTDExLjg5Mzc5NTgsMjMuNjQyNTU0MSBaJy8+PC9kZWZzPjxnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgdHJhbnNmb3JtPSd0cmFuc2xhdGUoLTQgLTYpJz48dXNlIGZpbGw9JyNmZmZmZmYnIGZpbGwtcnVsZT0nbm9uemVybycgeGxpbms6aHJlZj0nI2ljX2FjY2VwdC1hJy8+PC9nPjwvc3ZnPg==)}.active__item{position:relative}.active__item:after{content:"✔";position:absolute;color:#fff;top:0;font-size:50px;font-weight:bold;display:block;background:#1f1d3a;opacity:0.5;width:85%;height:100%;padding:45% 33%;border-radius:10px}.category__show--product{padding:50px 0;overflow:hidden}.category__show--product .item{margin-bottom:30px}.category__show--product img{border-radius:10px 10px 0 0}.category__show--product h3{font-size:50px;color:#90866e;text-align:center;font-weight:bold;margin-bottom:25px}.category__show--product h4{text-align:center;color:#90866e;font-weight:bold;font-size:25px;margin-bottom:10px}.category__show--product .headding p{color:#90866e;text-align:center;margin:15px 0 50px;font-size:24px}.category__show--product .content p{color:#90866e;text-align:center;font-size:20px;margin:0}.category__show--product .item__img img{width:100%;height:100%}.category__show--product .note__img{background:#e8e6e6;border-radius:0 0 10px 10px;padding:20px}.newsLetterSection{overflow:hidden;width:100%}.category__menu{background-color:#f3f3f3;overflow:hidden;padding:50px 0;color:#90866e}.pageWrapper{background-color:#fff}@media (max-width:767px){.category__menu--items{padding:50px 0}.category__show--product{padding:50px 0}.category__show--product .content{padding:0}.category__show--product h3{font-size:25px}.category__show--product .headding p{font-size:16px;line-height:1.3}.item.col-md-2{display:inline-block}.category__show--product h4{font-size:18px}.category__show--product .content p{font-size:14px}.category__show--product .note__img{padding:15px 0}.active__item{position:relative}.active__item:after{width:87%}.category__menu--items .item:before{width:87%}}.owl-item,.owl-item.active{width:230px!important}.product__description--img img{width:100%}.banner__container{max-width:80%;margin:auto}.main__use{background-color:#fff;overflow:hidden}.main__use--content h3{margin-top:20px}.info__reviews--top .info h4{margin-bottom:10px}.customer_reviews{overflow:hidden}.customer_reviews p{padding-bottom:0;margin-bottom:0}.product__description--content h3{margin-bottom:10px;line-height:1.1}.product__description--content p{line-height:35px}.product__description{overflow:hidden}.product__description--img img{height:100%}.product__description .item-left{background-image:url(https://mant.vn/wp-content/uploads/2021/06/e-2.png);background-size:cover}.product__description .item-left img{display:none}@media (min-width:768px){.product__description .items{max-height:700px;overflow:hidden}}.item__top img{width:100%}a:hover{opacity:0.8}.customer_reviews,.main__introduce{background-color:#f3f3f3}.customer_reviews--header,.introduce__headding,.main__use--header{color:#90866e}.product__description--content button{background-color:#90866e}.main__introduce p{color:#727271}.introduce__content p{color:#040707}.introduce__button button{color:#90866e}.product__description--content{background-color:#aaa59a}.single-san-pham-ar .feature__content{padding-top:20px;background-color:#f3f3f3;padding-bottom:40px}.single-san-pham-ar .feature__content .container{max-width:90%;margin:0 auto;width:100%}.single-san-pham-ar .feature__content .col-md-8 img{width:100%}.btn__action{padding:25px 60px;text-align:center}
.category__menu--items .active .item__bot {
padding: 20px;
}
.category__menu--items .active .item__bot a {
position: absolute;
bottom: 6px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 9;
color: white;
}
button {
transition: all 0.5s;
}
button:hover {
opacity: 0.8;
transform: scale(1);
}
.single-san-pham-ar .feature__content .col-md-8 img {
width: 100%;
}
.category__menu.fixed .item.active:before {
background-image: none;
}
.ar__single--wrapper{
display: flex;
}
.main__banner--button{
color: white;
background: #90866e;
padding: 15px 60px;
font-weight: bold;
font-size: 25px;
border-radius: 15px;
border: none;
cursor: pointer;
overflow: hidden;
display: inline-block;
}
.introduce__button a{
padding: 15px 40px;
color: #90866e;
border: 4px solid #90866e;
text-align: center;
font-weight: bold;
margin-bottom: 20px;
font-size: 25px;
}
.product__description--content a{
color: white;
background: #90866e;
padding: 15px 60px;
font-weight: bold;
font-size: 35px;
border-radius: 15px;
border: none;
}
@media(max-width:767px){
.ar__single--wrapper{
flex-direction: column;
}
.banner__container {
max-width: 100%;
padding: 0 20px !important;
}
.main__banner--header {
font-size: 24px;
}
.main__banner--header br {
display: none;
}
.main__banner {
padding: 25px 0;
}
.main__introduce p {
font-size: 14px;
}
.main__use--content {
padding: 0;
}
.main__use--content .item {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.main__use--content .item .item__top {
width: 48%;
}
.main__use--content .item .item__bot {
width: 48%;
}
.main__use--content .item .item__bot * {
text-align: left;
}
.main__use--content .item .item__bot h3 {
margin-top: 0;
font-size: 16px;
margin-bottom: 5px;
}
.product__description .item-left img {
display: block;
}
.product__description--content h3 br {
display: none;
}
.product__description--content p {
line-height: 24px;
}
.customer__reviews--items{
margin:0 15px;
}
.info__reviews .info{
margin-top: 0;
}
.info__reviews--top .info h4{
margin-bottom: -5px;
}
.content__reviews{
margin-top: 0;
}
.info__reviews{
padding: 10px 0px;
}
.info__reviews .avatar{
margin-right: 10px;
}
.content__reviews p{
padding-top: 0;
}
.info__reviews .avatar{
height: 55px;
width: 55px;
flex: initial;
}
.category__menu{
padding:20px 0;
}
.category__menu.fixed{
top:0;
}
.category__menu--items{
padding:5px 0;
}
.category__menu--items .item__bot{
padding:5px 0;
}
.category__menu--items .active .item__bot{
padding:17px;
}
.category__show--product .headding p{
display: none;
}
.category__show--product{
padding: 10px 0;
margin: 0 -10px;
}
.category__show--product .note__img{
padding:10px;
}
.category__show--product .content p{
font-size: 12px;
line-height: 15px;
}
.single-san-pham-ar .feature__content .container{
max-width: 95%;
}
.item__right .content{
padding:10px;
background-color: transparent;
}
.btn__action{
padding: 20px 15px;
}
header{
position: fixed;
}
body{
padding-top: 54px;
}
.category__menu.fixed{
top:54px;
padding:10px 0;
}
.ar__single--wrapper iframe{
min-height: 400px;
}
.customer_reviews--header{
padding:25px 0;
}
.customer_reviews{
padding-bottom: 30px;
}
.category__menu--items .slick-slide{
padding:0 15px;
}
.introduce__button a{
font-size: 21px;
padding: 10px 40px;
}
.product__description--content a{
font-size: 28px;
padding: 10px 60px;
}
.main__banner{
background-size: cover;
}
.submit__banner p{
margin: 0;
}
.info__reviews .info p{
line-height: 16px;
margin-top: 4px;
}
.info__reviews--top{
padding:10px;
}
.submit__banner p{
margin:0 !important;
}
.product .entry-content table{
width: 100%;
}
.customer__reviews--items{
padding:0 10px;
margin:0 !important;
}
.category__menu--items .slick-slide .col-md-2{
padding:0;
}
}
@media(min-width:768px){
.main__introduce{
padding-bottom: 80px;
}
.submit__banner p{
margin: 0 25px;
}
}
body.woocommerce-cart,body.woocommerce-checkout{
background-color: #fff;
}