/*!
Theme Name: bentley
Theme URI: http://underscores.me/
Author: Quantt88
Author URI: http://zenzweb.com/
Description: Create by Quantt88
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bentley
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

bentley is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}

a:visited {
  color: #800080;
}

a:hover, a:focus, a:active {
  color: #191970;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* Custom
--------------------------------------------- */
/*
Theme Name: bentley

WooCommerce styles override
*/
/**
 * Shop tables
 */
table.shop_table_responsive thead {
  display: none;
}

table.shop_table_responsive tbody th {
  display: none;
}

table.shop_table_responsive tr td {
  display: block;
  text-align: right;
  clear: both;
}

table.shop_table_responsive tr td::before {
  content: attr(data-title) ": ";
  float: left;
}

table.shop_table_responsive tr td.product-remove a {
  text-align: left;
}

table.shop_table_responsive tr td.product-remove::before {
  display: none;
}

table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before {
  display: none;
}

table.shop_table_responsive tr td.download-actions .button {
  display: block;
  text-align: center;
}

@media screen and (min-width: 48em) {
  table.shop_table_responsive thead {
    display: table-header-group;
  }
  table.shop_table_responsive tbody th {
    display: table-cell;
  }
  table.shop_table_responsive tr th,
  table.shop_table_responsive tr td {
    text-align: left;
  }
  table.shop_table_responsive tr td {
    display: table-cell;
  }
  table.shop_table_responsive tr td::before {
    display: none;
  }
}

/**
 * Products
 */
ul.products {
  margin: 0;
  padding: 0;
}

ul.products li.product {
  list-style: none;
  position: relative;
  margin-bottom: 2em;
}

ul.products li.product img {
  display: block;
}

ul.products li.product .button {
  display: block;
}

@media screen and (min-width: 48em) {
  ul.products li.product {
    width: 30.79667%;
    float: left;
    margin-right: 3.8%;
  }
  ul.products li.product.first {
    clear: both;
  }
  ul.products li.product.last {
    margin-right: 0;
  }
  ul.products.columns-1 li.product {
    float: none;
    width: 100%;
  }
  ul.products.columns-2 li.product {
    width: 48.1%;
  }
  ul.products.columns-3 li.product {
    width: 30.79667%;
  }
  ul.products.columns-4 li.product {
    width: 22.15%;
  }
  ul.products.columns-5 li.product {
    width: 16.96%;
  }
  ul.products.columns-6 li.product {
    width: 13.49333%;
  }
}

/**
 * Single product
 */
.single-product div.product {
  position: relative;
}

.single-product div.product .woocommerce-product-gallery {
  position: relative;
  float: left;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  position: absolute;
  top: 2em;
  right: 1em;
  display: block;
  z-index: 99;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
  margin-bottom: 1em;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  margin: 0;
  padding: 0;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
  list-style: none;
  cursor: pointer;
  float: left;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
  opacity: 0.5;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
  opacity: 1;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
  opacity: 1;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
  width: 48.1%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
  margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
  clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
  width: 30.79667%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
  margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
  clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  width: 22.15%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
  margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
  clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
  width: 16.96%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
  margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
  clear: both;
}

.stock:empty::before {
  display: none;
}

.stock.in-stock {
  color: #0f834d;
}

.stock.out-of-stock {
  color: #e2401c;
}

/**
 * Checkout
 */
@media screen and (min-width: 768px) {
  .col2-set .form-row-first {
    float: left;
    margin-right: 3.8%;
  }
  .col2-set .form-row-last {
    float: right;
    margin-right: 0;
  }
  .col2-set .form-row-first,
  .col2-set .form-row-last {
    width: 48.1%;
  }
}

/**
 * General WooCommerce components
 */
/**
 * Header cart
 */
.site-header-cart {
  position: relative;
  margin: 0;
  padding: 0;
}

.site-header-cart .cart-contents {
  text-decoration: none;
}

.site-header-cart .widget_shopping_cart {
  display: none;
}

.site-header-cart .product_list_widget {
  margin: 0;
  padding: 0;
}

/**
 * Star rating
 */
.star-rating {
  overflow: hidden;
  position: relative;
  height: 1.618em;
  line-height: 1.618;
  width: 5.3em;
  font-family: star;
  font-weight: 400;
}

.star-rating::before {
  content: "\53\53\53\53\53";
  opacity: 0.25;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}

.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}

.star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
  color: #4169e1;
}

p.stars a {
  position: relative;
  height: 1em;
  width: 1em;
  text-indent: -999em;
  display: inline-block;
  text-decoration: none;
  margin-right: 1px;
  font-weight: 400;
}

p.stars a::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  line-height: 1;
  font-family: star;
  content: "\53";
  color: #404040;
  text-indent: 0;
  opacity: 0.25;
}

p.stars a:hover ~ a::before {
  content: "\53";
  color: #404040;
  opacity: 0.25;
}

p.stars:hover a::before {
  content: "\53";
  color: #4169e1;
  opacity: 1;
}

p.stars.selected a.active::before {
  content: "\53";
  color: #4169e1;
  opacity: 1;
}

p.stars.selected a.active ~ a::before {
  content: "\53";
  color: #404040;
  opacity: 0.25;
}

p.stars.selected a:not(.active)::before {
  content: "\53";
  color: #4169e1;
  opacity: 1;
}

/**
 * Tabs
 */
.woocommerce-tabs ul.tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.woocommerce-tabs ul.tabs li {
  display: block;
  margin: 0;
  position: relative;
}

.woocommerce-tabs ul.tabs li a {
  padding: 1em 0;
  display: block;
}

.woocommerce-tabs .panel h2:first-of-type {
  margin-bottom: 1em;
}

/**
 * Password strength meter
 */
.woocommerce-password-strength {
  text-align: right;
}

.woocommerce-password-strength.strong {
  color: #0f834d;
}

.woocommerce-password-strength.short {
  color: #e2401c;
}

.woocommerce-password-strength.bad {
  color: #e2401c;
}

.woocommerce-password-strength.good {
  color: #3d9cd2;
}

/**
 * Forms
 */
.form-row.woocommerce-validated input.input-text {
  box-shadow: inset 2px 0 0 #0f834d;
}

.form-row.woocommerce-invalid input.input-text {
  box-shadow: inset 2px 0 0 #e2401c;
}

.required {
  color: #f00;
}

/**
 * Notices
 */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
  background-color: #0f834d;
  clear: both;
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
  background-color: #3d9cd2;
}

.woocommerce-error {
  background-color: #e2401c;
}

.demo_store {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 1em;
  background-color: #3d9cd2;
  z-index: 9999;
}

@media screen and (min-width: 48em) {
  /**
	 * Header cart
	 */
  .site-header-cart .widget_shopping_cart {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 999999;
    left: -999em;
    display: block;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
    left: 0;
    display: block;
  }
}

/**
 * WooCommerce widgets
 */
/**
 * WooCommerce Price Filter
 */
.widget_price_filter .price_slider {
  margin-bottom: 1.5em;
}

.widget_price_filter .price_slider_amount {
  text-align: right;
  line-height: 2.4;
}

.widget_price_filter .price_slider_amount .button {
  float: left;
}

.widget_price_filter .ui-slider {
  position: relative;
  text-align: left;
}

.widget_price_filter .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1em;
  height: 1em;
  cursor: ew-resize;
  outline: none;
  background: #4169e1;
  box-sizing: border-box;
  margin-top: -0.25em;
  opacity: 1;
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
  margin-left: -1em;
}

.widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
  box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  border: 0;
  background: #4169e1;
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider-horizontal {
  height: 0.5em;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
  height: 100%;
}

.optional {
  display: none !important;
}

@font-face {
  font-family: Megante;
  src: url("../fonts/Megante/SVN-Megante.otf") format("opentype");
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: SFUBlack;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-Black.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-Black.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-Black.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFUBlackItalic;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-BlackItalic.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-BlackItalic.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-BlackItalic.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFUBold;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-Bold.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-Bold.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-Bold.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFUBoldItalic;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-BoldItalic.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-BoldItalic.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-BoldItalic.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFUHeavy;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-Heavy.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-Heavy.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-Heavy.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFUHeavyItalic;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-HeavyItalic.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-HeavyItalic.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-HeavyItalic.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFULight;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-Light.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-Light.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-Light.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFULightItalic;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-LightItalic.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-LightItalic.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-LightItalic.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFUMedium;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-Medium.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-Medium.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-Medium.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFUMediumItalic;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-MediumItalic.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-MediumItalic.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-MediumItalic.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFURegular;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-Regular.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-Regular.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-Regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFURegularItalic;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-RegularItalic.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-RegularItalic.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-RegularItalic.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFUSemibold;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-Semibold.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-Semibold.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-Semibold.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFUSemiboldItalic;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-SemiboldItalic.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-SemiboldItalic.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-SemiboldItalic.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFUThin;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-Thin.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-Thin.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-Thin.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFUThinItalic;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-ThinItalic.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-ThinItalic.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-ThinItalic.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFUUltralight;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-Ultralight.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-Ultralight.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-Ultralight.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: SFUUltralightItalic;
  src: url("../fonts/SFU/new/SanFranciscoDisplay-UltralightItalic.ttf") format("truetype"), url("../fonts/SFU/new/SanFranciscoDisplay-UltralightItalic.otf") format("opentype"), url("../fonts/SFU/new/SanFranciscoDisplay-UltralightItalic.woff2") format("woff2");
  font-display: swap;
}

html {
  margin-top: 0 !important;
}

body {
  font-size: 16px;
  font-family: SFURegular, sans-serif;
  color: #222321;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

body.overflow-h {
  overflow: hidden;
}

body::-webkit-scrollbar {
  width: 6px;
}

body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

body::-webkit-scrollbar-thumb {
  background: #888;
}

body::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.outer {
  max-width: calc(100% - (100vw * (120 * 2) / 1920));
  margin-left: auto;
  margin-right: auto;
}

.outer-menu {
  max-width: calc(100% - (100vw * (60 * 2) / 1920));
  margin-left: auto;
  margin-right: auto;
}

.outer2 {
  max-width: calc(100% - (100vw * (360 * 2) / 1920));
  margin-left: auto;
  margin-right: auto;
}

.page,
.post {
  margin: 0;
}

.page-title {
  margin-top: 0 !important;
}

.entry-title {
  margin: 0 !important;
  font-size: 1rem;
}

a {
  color: #000;
  text-decoration: none;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

a:hover {
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

a:focus, a:hover, a:visited {
  color: #000;
}

p {
  margin-top: 0;
  margin-bottom: 5px;
}

.entry-content,
.entry-summary,
.page-content {
  margin: 0;
}

.loadingpage {
  position: relative;
}

.loadingpage:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: url("../assets/loading-paged.gif") center/30px no-repeat, rgba(255, 255, 255, 0.7);
  z-index: 99;
}

.search-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  width: 100%;
}

.search-form label {
  width: 100%;
}

.search-form label .search-field {
  width: 100%;
  background: transparent;
  border: 0 !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
  color: #fff;
}

.search-form label .search-field:focus {
  outline: 0 !important;
}

.search-form .search-submit {
  position: absolute;
  right: 0;
  background: url("../assets/search.svg") center/14px no-repeat, transparent;
  color: transparent;
  border: 0 !important;
  width: 24px;
  height: 24px;
  padding: 0;
}

.payment_box.payment_method_paypal {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #213b64;
}

.load-more a img {
  position: relative;
  animation-name: bouceee;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.load-more a:hover img {
  transform: rotate(0deg) !important;
}

@keyframes bouceee {
  0% {
    top: 0;
  }
  50% {
    top: -10px;
  }
  100% {
    top: 0;
  }
}

.page-banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 120px;
}

.page-banner > img {
  width: 100%;
}

.page-banner .text {
  position: absolute;
  max-width: 50%;
  font-family: Megante, sans-serif;
  font-size: 4rem;
  color: #fff;
  text-transform: uppercase;
  word-spacing: 4px;
  letter-spacing: 2px;
  text-align: center;
}

.page-banner .text > span:nth-child(1) {
  margin-bottom: 24px;
  display: block;
  line-height: 1.1;
}

.page-banner .text > span:nth-child(2) {
  font-family: SFULight, sans-serif;
  font-size: 1.5rem;
  text-transform: capitalize;
}

.page-banner .text > span:nth-child(2) p {
  font-family: SFULight, sans-serif;
  font-size: 1.5rem;
  text-transform: none;
}

.single ul {
  margin: 0;
}

.page-template-default {
  margin-top: 200px;
}

.page-template-wishlist #masthead {
  position: relative;
}

.page-template-wishlist .site-main {
  margin-top: 50px;
}

.filter-internal {
  font-family: SFURegular, sans-serif;
  z-index: 20;
}

.filter-internal .wrap-filter {
  text-align: left;
  position: relative;
  color: #213b64;
  display: inline-block;
}

.filter-internal .wrap-filter .title {
  padding: 15px 30px;
  border: 1px solid #213b64;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 47px;
  font-size: 1.125rem;
  color: #213b64;
  opacity: 1;
}

.filter-internal .wrap-filter .title img {
  position: absolute;
  right: 10px;
}

.filter-internal .wrap-filter .group-items {
  height: 0;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  padding: 5px 30px;
  background: #fff;
  z-index: 20;
}

.filter-internal .wrap-filter .group-items .item {
  cursor: pointer;
  padding: 15px 0;
  opacity: 1;
}

.filter-internal .wrap-filter .group-items .item.active {
  text-decoration: underline;
}

.filter-internal .wrap-filter:hover .title {
  border: 1px solid #213b64;
  border-bottom: 0;
}

.filter-internal .wrap-filter:hover .group-items {
  height: auto;
  visibility: visible;
  opacity: 1;
  border-left: 1px solid #213b64;
  border-right: 1px solid #213b64;
  border-bottom: 1px solid #213b64;
}

#load-more-svg {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  width: 100%;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 68px;
}

#load-more-svg.show {
  visibility: visible;
  opacity: 1;
}

#load-more-svg img {
  display: inline-block;
  animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.page-template-wishlist .breadcrumb {
  position: relative;
  z-index: 5;
  padding-bottom: 44px;
  margin-bottom: 132px;
  border-bottom: 1px solid #D5DBE0;
}

.page-template-wishlist .breadcrumb a:nth-child(1) {
  color: #16315E;
}

.page-template-wishlist .products {
  position: relative;
  z-index: 2;
}

.social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 146px;
  width: 100%;
}

.social .item {
  margin-right: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.social .item a {
  display: flex;
}

.social .item.label {
  font-family: SFURegular, sans-serif;
  font-size: 1.125rem;
  color: #213b64;
  margin-right: 13px;
}

.page-template-blogs .listing-post > .item {
  height: calc(100vw * 590 / 1920);
}

.home-part-category .m-title {
  margin-top: 100px;
  margin-bottom: 90px;
}

.home-part-category .m-content {
  width: calc(100% - 118px);
}

#home-slider .tparrows {
  position: absolute;
  bottom: -85px;
  z-index: 999;
  width: 81px !important;
  height: 81px !important;
  font-size: 0;
  border: 0 !important;
  outline: 0 !important;
}

#home-slider .tparrows.tp-leftarrow {
  left: 60px;
  background: url("../assets/image/arr-y.svg") center/contain no-repeat !important;
  transform: rotate(0deg) !important;
  left: 120px !important;
}

#home-slider .tparrows.tp-leftarrow:hover {
  background: url("../assets/image/arr-y-hover.svg") center/contain no-repeat !important;
  transform: rotate(180deg) !important;
}

#home-slider .tparrows.tp-leftarrow:before {
  content: "" !important;
}

#home-slider .tparrows.tp-rightarrow {
  right: 60px;
  background: url("../assets/image/arr-y.svg") center/contain no-repeat !important;
  transform: rotate(180deg) !important;
  left: calc(100% - 201px) !important;
}

#home-slider .tparrows.tp-rightarrow:hover {
  background: url("../assets/image/arr-y-hover.svg") center/contain no-repeat !important;
  transform: rotate(0deg) !important;
}

#home-slider .tparrows.tp-rightarrow:before {
  content: "" !important;
}

#home-part-category-tabs {
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden;
}

#home-part-category-tabs .ui-tabs-nav {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  border-bottom: 2px solid #d5dbe0 !important;
  display: flex;
}

#home-part-category-tabs .ui-tabs-tab {
  border: 0 !important;
  background: transparent !important;
  outline: 0 !important;
  flex: 1;
  margin-bottom: -2px;
  padding-bottom: 0;
}

#home-part-category-tabs .ui-tabs-tab.ui-tabs-active {
  background: transparent !important;
}

#home-part-category-tabs .ui-tabs-tab.ui-tabs-active a {
  color: #213b64;
  border-bottom: 2px solid #213b64 !important;
  font-family: SFUSemibold, sans-serif;
}

#home-part-category-tabs .ui-tabs-tab a {
  color: #222321;
  margin: 0 40px !important;
  padding: 10px 0 !important;
  outline: 0 !important;
  font-size: 1.375rem;
  border-bottom: 2px solid transparent !important;
  font-family: SFURegular, sans-serif;
}

#home-part-category-tabs .ui-tabs-tab a:hover {
  font-weight: bold;
  color: #213b64;
}

#home-part-category-tabs .ui-tabs-tab a:nth-child(1) {
  margin: 0 40px 0 0 !important;
}

*[id^='tabs-'] {
  position: relative;
  padding: 0 !important;
  min-height: 500px;
  margin-top: 30px;
}

*[id^='tabs-'] .view-all {
  margin-top: 100px;
  padding-right: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

*[id^='tabs-'] .view-all a {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  color: #213b64;
  font-family: SFUSemibold, sans-serif;
}

*[id^='tabs-'] .view-all a img {
  margin-left: 20px;
}

*[id^='tabs-'] .ss-product {
  margin-top: 175px;
}

*[id^='tabs-'] .ss-image {
  max-width: 1424px;
  margin-right: 40px;
}

*[id^='tabs-'] .ss-product-item {
  max-width: calc(100vw * 405 / 1920);
}

*[id^='tabs-'] .ss-product-item:nth-child(odd) {
  margin-top: 150px;
}

*[id^='tabs-'] .slick-dots {
  position: absolute;
  bottom: -50px;
  z-index: 998;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  margin: 0 60px 0 0;
  width: calc(100% - 60px);
}

*[id^='tabs-'] .slick-dots li {
  display: flex;
  align-items: center;
}

*[id^='tabs-'] .slick-dots li button {
  background: #d9d9d9 !important;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  font-size: 0;
  border: 0 !important;
  outline: 0 !important;
  margin: 0 5px;
}

*[id^='tabs-'] .slick-dots li.slick-active button, *[id^='tabs-'] .slick-dots li:hover button {
  background: #213b64 !important;
}

*[id^='tabs-'] .slick-arrow {
  position: absolute;
  bottom: -85px;
  z-index: 999;
  width: 81px;
  height: 81px;
  font-size: 0;
  border: 0 !important;
  outline: 0 !important;
}

*[id^='tabs-'] .slick-arrow.slick-prev {
  left: 0;
  background: url("../assets/image/arr.svg") center/contain no-repeat;
}

*[id^='tabs-'] .slick-arrow.slick-prev:hover {
  background: url("../assets/image/arr-hover.svg") center/contain no-repeat;
  transform: rotate(180deg);
}

*[id^='tabs-'] .slick-arrow.slick-next {
  right: 60px;
  background: url("../assets/image/arr.svg") center/contain no-repeat;
  transform: rotate(180deg);
}

*[id^='tabs-'] .slick-arrow.slick-next:hover {
  background: url("../assets/image/arr-hover.svg") center/contain no-repeat;
  transform: rotate(0deg);
}

.wpcsi-product-list {
  padding: 10px;
}

.wpcsi-product-list li .product-inner .product-price {
  font-family: SFUSemibold, sans-serif;
  font-size: 1.125rem;
}

.wpcsi-shoppable-image .wpcsi-popup {
  padding: 0;
  transform: translate(-50%, calc(-100% - 20px));
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.wpcsi-shoppable-image > img {
  width: 1424px;
  height: 945px;
  object-fit: cover;
}

.wpcsi-shoppable-image .wpcsi-tag,
.wpcsi-shoppable-image .wpcsi-tag.active {
  background: #f1e4d7;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.wpcsi-shoppable-image .wpcsi-tag:before,
.wpcsi-shoppable-image .wpcsi-tag.active:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 2px;
  background: #666767;
}

.wpcsi-shoppable-image .wpcsi-tag:after,
.wpcsi-shoppable-image .wpcsi-tag.active:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 50%;
  background: #666767;
}

.product-name a {
  font-family: SFURegular, sans-serif;
  font-size: 1.125rem;
  color: #213b64;
}

.product-price {
  color: #213b64;
}

.m-title {
  background: url("../assets/image/title-back.svg") center/contain no-repeat;
  color: #213b64;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  text-transform: uppercase;
}

.m-title .wrap-title {
  padding: 88px 44px;
  display: inline-block;
  text-align: center;
}

.m-title span {
  display: block;
  text-transform: uppercase;
}

.m-content {
  width: calc(100% - 60px);
  margin-right: 0;
  margin-left: auto;
}

.view-all {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 10;
  width: 100%;
}

.view-all a {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  color: #213b64;
  text-transform: uppercase;
  font-family: SFUSemibold, sans-serif;
}

.view-all a img {
  margin-left: 20px;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.view-all a:hover img {
  transform: rotate(45deg);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.home-part-banner {
  margin-top: 200px;
  margin-bottom: 200px;
}

.home-part-banner .wpcsi-shoppable-image img {
  width: 100%;
  height: auto;
}

.home-part-banner .slick-dots {
  position: absolute;
  bottom: -50px;
  z-index: 998;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.home-part-banner .slick-dots li {
  display: flex;
  align-items: center;
}

.home-part-banner .slick-dots li button {
  background: #d9d9d9 !important;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  font-size: 0;
  border: 0 !important;
  outline: 0 !important;
  margin: 0 5px;
}

.home-part-banner .slick-dots li.slick-active button, .home-part-banner .slick-dots li:hover button {
  background: #213b64 !important;
}

.home-part-banner .slick-arrow {
  position: absolute;
  bottom: -85px;
  z-index: 999;
  width: 81px;
  height: 81px;
  font-size: 0;
  border: 0 !important;
  outline: 0 !important;
}

.home-part-banner .slick-arrow.slick-prev {
  left: 60px;
  background: url("../assets/image/arr.svg") center/contain no-repeat;
}

.home-part-banner .slick-arrow.slick-prev:hover {
  background: url("../assets/image/arr-hover.svg") center/contain no-repeat;
  transform: rotate(180deg);
}

.home-part-banner .slick-arrow.slick-next {
  right: 60px;
  background: url("../assets/image/arr.svg") center/contain no-repeat;
  transform: rotate(180deg);
}

.home-part-banner .slick-arrow.slick-next:hover {
  background: url("../assets/image/arr-hover.svg") center/contain no-repeat;
  transform: rotate(0deg);
}

.home-part-product .wrap-home-part-product .m-title {
  margin-bottom: 30px;
}

.home-part-product .wrap-home-part-product .m-desc {
  width: 100%;
  max-width: 420px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 90px;
}

.home-part-product .wrap-home-part-product .view-all {
  margin-bottom: 50px;
}

.home-part-product .wrap-home-part-product .view-all a {
  font-family: SFUSemibold, sans-serif;
}

.home-part-product .wrap-home-part-product .products {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.home-part-product .wrap-home-part-product .products .product {
  width: calc(100% / 4 - (20px * 3 / 4));
  margin-right: 20px;
  margin-bottom: 40px;
}

.home-part-product .wrap-home-part-product .products .product:nth-child(4n+4) {
  margin-right: 0;
}

.home-part-blog {
  margin-top: 200px;
}

.home-part-blog .wrap-home-part-blog .m-title {
  margin-bottom: 40px;
}

.home-part-blog .wrap-home-part-blog .m-desc {
  width: 100%;
  max-width: 420px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 90px;
}

.home-part-blog .wrap-home-part-blog .view-all {
  margin-top: 50px;
  margin-bottom: 150px;
}

.home-part-blog .wrap-home-part-blog .view-all a {
  font-family: SFUSemibold, sans-serif;
}

.home-part-blog .wrap-home-part-blog .listing-post {
  display: grid;
  grid-template-columns: auto;
}

.home-part-blog .wrap-home-part-blog .listing-post .item {
  position: relative;
  margin-bottom: 45px;
  margin-right: 45px;
  height: calc(100vw * 590 / 1920);
}

.home-part-blog .wrap-home-part-blog .listing-post .item:nth-child(3n+3) {
  margin-right: 0;
}

.home-part-blog .wrap-home-part-blog .listing-post .item:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
}

.home-part-blog .wrap-home-part-blog .listing-post .item:nth-child(2) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
}

.home-part-blog .wrap-home-part-blog .listing-post .item:nth-child(3) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
}

.home-part-blog .wrap-home-part-blog .listing-post .item:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
}

.home-part-blog .wrap-home-part-blog .listing-post .item:nth-child(5) {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
}

.home-part-blog .wrap-home-part-blog .listing-post .item:nth-child(6) {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 2;
}

.home-part-blog .wrap-home-part-blog .listing-post .item .s-thumnail {
  height: 100%;
  overflow: hidden;
}

.home-part-blog .wrap-home-part-blog .listing-post .item .s-thumnail img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.home-part-blog .wrap-home-part-blog .listing-post .item .s-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45%;
  overflow: hidden;
  background-image: linear-gradient(rgba(217, 217, 217, 0), #2c2c2c);
  display: flex;
  align-items: flex-end;
}

.home-part-blog .wrap-home-part-blog .listing-post .item .s-title a {
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  font-size: 1.125rem;
  padding: 48px 28px;
  min-height: 150px;
}

.home-part-blog .wrap-home-part-blog .listing-post .item:hover .s-thumnail img {
  transform: scale(1.1);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.slick-arrow {
  cursor: pointer;
}

.ss-product-item {
  margin: 0 37px;
  transition: 0s;
  -moz-transition: 0s;
  -webkit-transition: 0s;
}

.ss-product-item:hover {
  position: relative;
  border: 1px solid #ABB6C2;
  transition: 0s;
  -moz-transition: 0s;
  -webkit-transition: 0s;
}

.ss-product-item:hover:before {
  content: "";
  position: absolute;
  top: -35px;
  left: -35px;
  width: 70px;
  height: 70px;
  border-right: 1px solid #ABB6C2;
  transform: rotate(45deg);
  z-index: 1;
  background: #fff;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

.ss-product-item:hover:after {
  content: "";
  position: absolute;
  bottom: -35px;
  right: -35px;
  width: 70px;
  height: 70px;
  border-left: 1px solid #ABB6C2;
  transform: rotate(45deg);
  z-index: 1;
  background: #fff;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

.ss-product-item:hover .pp-loop-thumb .pp-loop-control {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  z-index: 10;
}

.ss-product-item .pp-loop-thumb {
  padding: calc(100vw * 39 / 1920) calc(100vw * 39 / 1920) 0;
  position: relative;
}

.ss-product-item .pp-loop-thumb .pp-loop-control {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  font-size: 0.875rem;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  cursor: pointer;
  z-index: 2;
  font-family: SFURegular, sans-serif;
}

.ss-product-item .pp-loop-thumb .pp-loop-control .ar {
  display: flex;
  align-items: center;
  background: #213b64;
  padding: 15px 0;
  color: #fff;
  width: 50%;
  justify-content: center;
}

.ss-product-item .pp-loop-thumb .pp-loop-control .ar a {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.ss-product-item .pp-loop-thumb .pp-loop-control .ar img {
  margin-right: 10px;
  max-width: 30px;
}

.ss-product-item .pp-loop-thumb .pp-loop-control .wishlist {
  display: flex;
  align-items: center;
  background: #f1e4d7;
  padding: 7px 10px;
  width: 50%;
  justify-content: center;
}

.ss-product-item .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  line-height: 0;
}

.ss-product-item .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist img {
  max-width: 30px;
}

.ss-product-item .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist img.no-wishlist {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  position: relative;
  top: 0;
  left: 0;
}

.ss-product-item .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist img.tick-wishlist {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
}

.ss-product-item .pp-loop-thumb .pp-loop-control .wishlist.active .wrap-wishlist img.tick-wishlist, .ss-product-item .pp-loop-thumb .pp-loop-control .wishlist:hover .wrap-wishlist img.tick-wishlist {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  position: relative;
  top: 0;
  left: 0;
}

.ss-product-item .pp-loop-thumb .pp-loop-control .wishlist.active .wrap-wishlist img.no-wishlist, .ss-product-item .pp-loop-thumb .pp-loop-control .wishlist:hover .wrap-wishlist img.no-wishlist {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
}

.ss-product-item .pp-loop-title {
  padding: calc(100vw * 25 / 1920) calc(100vw * 39 / 1920) calc(100vw * 16 / 1920);
}

.ss-product-item .pp-loop-title a {
  font-size: 1.125rem;
  font-family: SFULight, sans-serif;
}

.ss-product-item .pp-loop-price {
  padding: 0 calc(100vw * 39 / 1920) calc(100vw * 39 / 1920);
  color: #213b64;
  font-family: SFURegular, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
}

.ss-product-item .pp-loop-price .del {
  color: #abb6c2;
  margin-left: 15px;
}

.ss-product-item:hover .wrap-thumb a img {
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

.ss-product-item:hover .wrap-thumb a img.hover {
  visibility: visible;
  opacity: 1;
  display: block;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  position: relative;
  top: 0;
  left: 0;
  object-fit: cover;
}

.ss-product-item:hover .wrap-thumb a img.no-hover {
  visibility: hidden;
  opacity: 0;
  display: none;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.products {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.products .product {
  width: calc(100% / 4 - (20px * 3 / 4));
  margin-right: 20px;
  margin-bottom: 40px;
  transition: 0s;
  -moz-transition: 0s;
  -webkit-transition: 0s;
}

.products .product:nth-child(4n+4) {
  margin-right: 0;
}

.products .product:hover {
  position: relative;
  border: 1px solid #ABB6C2;
  transition: 0s;
  -moz-transition: 0s;
  -webkit-transition: 0s;
}

.products .product:hover:before {
  content: "";
  position: absolute;
  top: -35px;
  left: -35px;
  width: 70px;
  height: 70px;
  border-right: 1px solid #ABB6C2;
  transform: rotate(45deg);
  z-index: 1;
  background: #fff;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  z-index: 7;
}

.products .product:hover:after {
  content: "";
  position: absolute;
  bottom: -35px;
  right: -35px;
  width: 70px;
  height: 70px;
  border-left: 1px solid #ABB6C2;
  transform: rotate(45deg);
  z-index: 1;
  background: #fff;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  z-index: 7;
}

.products .product:hover .pp-loop-thumb .pp-loop-control {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.products .product .pp-loop-thumb {
  padding: calc(100vw * 39 / 1920) calc(100vw * 39 / 1920) 0;
  position: relative;
  z-index: 5;
}

.products .product .pp-loop-thumb .pp-loop-control {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  font-size: 0.875rem;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  cursor: pointer;
  z-index: 2;
  font-family: SFURegular, sans-serif;
}

.products .product .pp-loop-thumb .pp-loop-control .ar {
  display: flex;
  align-items: center;
  background: #213b64;
  padding: 15px 0;
  color: #fff;
  width: 50%;
  justify-content: center;
}

.products .product .pp-loop-thumb .pp-loop-control .ar a {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.products .product .pp-loop-thumb .pp-loop-control .ar img {
  margin-right: 10px;
  max-width: 30px;
}

.products .product .pp-loop-thumb .pp-loop-control .wishlist {
  display: flex;
  align-items: center;
  background: #f1e4d7;
  padding: 7px 10px;
  width: 50%;
  justify-content: center;
}

.products .product .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  line-height: 0;
}

.products .product .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist img {
  max-width: 30px;
}

.products .product .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist img.no-wishlist {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  position: relative;
  top: 0;
  left: 0;
}

.products .product .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist img.tick-wishlist {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
}

.products .product .pp-loop-thumb .pp-loop-control .wishlist.active .wrap-wishlist img.tick-wishlist, .products .product .pp-loop-thumb .pp-loop-control .wishlist:hover .wrap-wishlist img.tick-wishlist {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  position: relative;
  top: 0;
  left: 0;
}

.products .product .pp-loop-thumb .pp-loop-control .wishlist.active .wrap-wishlist img.no-wishlist, .products .product .pp-loop-thumb .pp-loop-control .wishlist:hover .wrap-wishlist img.no-wishlist {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
}

.products .product .pp-loop-title {
  padding: calc(100vw * 25 / 1920) calc(100vw * 39 / 1920) calc(100vw * 16 / 1920);
  position: relative;
  z-index: 5;
}

.products .product .pp-loop-title a {
  font-size: 1.125rem;
  font-family: SFULight, sans-serif;
}

.products .product .pp-loop-price {
  padding: 0 calc(100vw * 39 / 1920) calc(100vw * 39 / 1920);
  color: #213b64;
  position: relative;
  z-index: 5;
  font-family: SFURegular, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
}

.products .product .pp-loop-price .del {
  color: #abb6c2;
  margin-left: 15px;
}

.products .product:hover .wrap-thumb a img {
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

.products .product:hover .wrap-thumb a img.hover {
  visibility: visible;
  opacity: 1;
  display: block;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  position: relative;
  top: 0;
  left: 0;
  object-fit: cover;
}

.products .product:hover .wrap-thumb a img.no-hover {
  visibility: hidden;
  opacity: 0;
  display: none;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.wrap-thumb {
  position: relative;
  line-height: 0;
}

.wrap-thumb a {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}

.wrap-thumb a img {
  height: calc(100vw * 417 / 1920);
  width: 100%;
  object-fit: contain;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
}

.wrap-thumb a img.no-hover {
  visibility: visible;
  opacity: 1;
  display: block;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  position: relative;
  top: 0;
  left: 0;
  object-fit: cover;
}

.wrap-thumb a img.hover {
  visibility: hidden;
  opacity: 0;
  transition: 1s;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
}

.wrap-thumb > model-viewer {
  visibility: hidden;
  opacity: 0;
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.wrap-thumb.show-ar {
  z-index: 1;
}

.wrap-thumb.show-ar > model-viewer {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.wrap-thumb.show-ar > a {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  z-index: 10;
}

.wrap-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 44px;
}

.wrap-thumb-product {
  width: 55%;
}

.wrap-info-product {
  width: calc(45% - 192px);
  margin-left: 192px;
}

.wrap-info-product .zwc-product-info .p-title {
  font-family: Megante, sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  color: #213b64;
  margin-bottom: 39px;
}

.wrap-info-product .zwc-product-info .p-price {
  color: #213b64;
  margin-bottom: 39px;
  font-size: 24px;
}

.wrap-info-product .zwc-product-info .p-price .del {
  color: #abb6c2;
  margin-left: 15px;
}

.wrap-info-product .zwc-product-info .sub-info {
  margin-bottom: 15px;
}

.wrap-info-product .zwc-product-info .sub-info .sku {
  font-size: 12px;
  text-transform: uppercase;
}

.wrap-info-product .zwc-product-info .info {
  text-align: justify;
  margin-bottom: 50px;
}

.wrap-info-product .zwc-product-info .attributes .item {
  margin-bottom: 35px;
}

.wrap-info-product .zwc-product-info .attributes .item .a-title {
  font-size: 12px;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.wrap-info-product .zwc-product-info .attributes .item .wrap-attr-self .attr-detail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.wrap-info-product .zwc-product-info .attributes .item .wrap-attr-self .attr-detail .attr-item {
  display: inline-block;
  margin-right: 26px;
  border: 1px solid #222321;
  padding: 5px 10px;
  color: #222321;
  cursor: pointer;
}

.wrap-info-product .zwc-product-info .attributes .item .wrap-attr-self .attr-detail .attr-item span {
  font-size: 1.125rem;
}

.wrap-info-product .zwc-product-info .attributes .item .wrap-attr-self .attr-detail .attr-item.active, .wrap-info-product .zwc-product-info .attributes .item .wrap-attr-self .attr-detail .attr-item:hover {
  background: #213b64;
  color: #f1e4d7;
}

.wrap-info-product .zwc-product-info .attributes .item .wrap-attr-self .attr-detail .attr-item.attr-map {
  padding: 0;
  border: 1px solid transparent;
  background: transparent;
}

.wrap-info-product .zwc-product-info .attributes .item .wrap-attr-self .attr-detail .attr-item.attr-map img {
  border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: inline-block;
  padding: 3px;
  width: 54px;
  height: 54px;
}

.wrap-info-product .zwc-product-info .attributes .item .wrap-attr-self .attr-detail .attr-item.attr-map img:hover {
  border: 1px solid #213b64;
}

.wrap-info-product .zwc-product-info .attributes .item .wrap-attr-self .attr-detail .attr-item.attr-map.active img {
  border: 1px solid #213b64;
}

.zwc-custom-thumbnail {
  display: flex;
  flex-wrap: wrap;
}

.zwc-custom-thumbnail .thumb-main {
  width: 100%;
  margin-bottom: 20px;
}

.zwc-custom-thumbnail .thumb-main img {
  width: 100%;
  object-fit: cover;
  max-height: 587px;
  margin-left: 8px;
  margin-right: 8px;
}

.zwc-custom-thumbnail .thumb-gallery {
  width: 100%;
}

.zwc-custom-thumbnail .thumb-gallery .slick-dots {
  display: none !important;
}

.zwc-custom-thumbnail .thumb-gallery .slick-slide {
  padding: 0;
  opacity: 0.7;
  margin-right: 8px;
  margin-left: 8px;
  height: calc(100vw * 250 / 1920);
  object-fit: cover;
}

.zwc-custom-thumbnail .thumb-gallery .slick-slide.slick-current {
  opacity: 1;
}

.zwc-custom-thumbnail .thumb-gallery .slick-arrow {
  position: absolute;
  bottom: -60px;
}

.zwc-custom-thumbnail .thumb-gallery .slick-arrow:hover svg path {
  opacity: 1;
}

.zwc-custom-thumbnail .thumb-gallery .slick-arrow.slick-prev {
  left: 40%;
}

.zwc-custom-thumbnail .thumb-gallery .slick-arrow.slick-next {
  right: 40%;
}

.zwc-custom-thumbnail .paging-slide {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 50px;
}

.zwc-custom-thumbnail .paging-slide .paging-info {
  display: inline-block;
  text-align: center;
  font-family: SFURegular, sans-serif;
  font-size: 1.125rem;
  color: #213b64;
  margin-left: 20px;
  margin-right: 20px;
}

.related-product {
  margin-top: 200px;
  margin-bottom: 200px;
}

.related-product .c-title {
  font-family: Megante, sans-serif;
  margin-bottom: 35px;
  color: #213b64;
  font-size: 2.5rem;
  text-transform: uppercase;
}

.products-slider .product {
  max-width: calc(100vw * 405 / 1920);
}

.products-slider .product .pp-loop-control {
  white-space: nowrap;
}

.buy {
  margin-bottom: 16px;
}

.buy .wrap-action .buy-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.buy .wrap-action .buy-item a {
  padding: 18px;
  width: 100%;
  background: #f1e4d7;
  color: #213b64;
  text-transform: uppercase;
}

.view-room {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 44px;
}

.view-room > a {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  text-transform: uppercase;
  color: #213b64;
}

.view-room > a img {
  margin-right: 15px;
}

.view-room > span {
  width: 100%;
  display: block;
  text-transform: uppercase;
  font-size: 12px;
}

.breadcrumb {
  margin-bottom: 30px;
}

.breadcrumb a {
  font-size: 14px;
  color: #9D9D9D;
}

.breadcrumb a:nth-child(1) {
  color: #16315E;
}

.breadcrumb a:hover {
  color: #16315E;
}

.specification {
  border-bottom: 1px solid #222321;
  margin-bottom: 44px;
  padding: 22px 0;
}

.specification .title {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  cursor: pointer;
}

.specification .title img {
  position: absolute;
  right: 10px;
}

.specification .content {
  margin-top: 20px;
  text-align: justify;
  display: none;
}

.download {
  border-bottom: 1px solid #222321;
  padding: 22px 0;
}

.download .title {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.download .title img {
  position: absolute;
  right: 10px;
}

.group-product {
  margin-bottom: 60px;
}

.group-product .title {
  font-size: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid #222321;
  font-family: SFUMedium, sans-serif;
}

.group-product .grouped-listing .item {
  padding: 30px 0;
  border-bottom: 1px solid #222321;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.group-product .grouped-listing .item .image {
  width: calc(30% - 30px);
  margin-right: 30px;
}

.group-product .grouped-listing .item .image img {
  width: 100%;
}

.group-product .grouped-listing .item .content {
  width: 70%;
}

.group-product .grouped-listing .item .content .c-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.group-product .grouped-listing .item .content .c-item > .left {
  width: calc(70% - 30px);
  margin-right: 30px;
}

.group-product .grouped-listing .item .content .c-item > .right {
  width: 30%;
  text-align: right;
}

.group-product .grouped-listing .item .content .c-item:nth-child(1) {
  margin-bottom: 10px;
}

.group-product .grouped-listing .item .content .c-item:nth-child(1) > .left {
  font-size: 22px;
  text-transform: capitalize;
}

.group-product .grouped-listing .item .content .c-item:nth-child(1) > .right {
  font-size: 1.375rem;
  padding-right: 14px;
}

.group-product .grouped-listing .item .content .c-item:nth-child(2) > .left {
  font-size: 16px;
}

.group-product .grouped-listing .item .content .c-item:nth-child(2) > .left label {
  font-weight: 600;
  text-transform: capitalize;
}

.group-product .grouped-listing .item .content .c-item:nth-child(2) > .right {
  font-size: 1.125rem;
}

.buy.grouped {
  margin-bottom: 60px;
}

#popup-ar {
  transition: 0.7s;
  -moz-transition: 0.7s;
  -webkit-transition: 0.7s;
  display: flex;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 20vh;
  left: 0;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: -999999999;
}

#popup-ar.show {
  transition: 0.7s;
  -moz-transition: 0.7s;
  -webkit-transition: 0.7s;
  top: 0;
  visibility: visible;
  opacity: 1;
  display: flex;
  z-index: 999999999;
}

#popup-ar .wrap-popup-ar {
  position: relative;
  width: calc(100vw * 1700 / 1920);
  background: #fff;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.3);
}

#popup-ar .wrap-popup-ar .content-popup-ar {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

#popup-ar .wrap-popup-ar .content-popup-ar .popup-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 35%;
  height: 100%;
}

#popup-ar .wrap-popup-ar .content-popup-ar .popup-content .wrap-popup-content {
  padding: 100px 90px;
}

#popup-ar .wrap-popup-ar .content-popup-ar .popup-content .wrap-popup-content .icon {
  margin-bottom: 56px;
  text-align: center;
  width: 100%;
}

#popup-ar .wrap-popup-ar .content-popup-ar .popup-content .wrap-popup-content .icon img {
  max-width: 74px;
}

#popup-ar .wrap-popup-ar .content-popup-ar .popup-content .wrap-popup-content .title {
  width: 100%;
  font-family: Megante, sans-serif;
  font-size: 2rem;
  color: #213b64;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 43px;
}

#popup-ar .wrap-popup-ar .content-popup-ar .popup-content .wrap-popup-content .desc {
  font-family: SFURegular, sans-serif;
  font-size: 1.125rem;
  color: #222321;
  text-align: center;
  margin-bottom: 25px;
}

#popup-ar .wrap-popup-ar .content-popup-ar .popup-content .wrap-popup-content .popup-qr {
  width: 100%;
  text-align: center;
}

#popup-ar .wrap-popup-ar .content-popup-ar .popup-content .wrap-popup-content .popup-qr img {
  max-width: 160px;
}

#popup-ar .wrap-popup-ar .content-popup-ar .image {
  width: 65%;
}

#popup-ar .wrap-popup-ar .content-popup-ar .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#popup-ar .wrap-popup-ar .close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.modern-classic-products .pp-loop-control {
  display: none !important;
}

body.admin-bar #masthead {
  margin-top: 32px !important;
}

body.admin-bar #masthead.is-product {
  margin-top: 0 !important;
}

body.admin-bar.page-template-wishlist #masthead, body.admin-bar.single #masthead, body.admin-bar.single-product #masthead, body.admin-bar.tax-product_cat #masthead {
  margin-top: 0 !important;
}

.cart-show svg {
  height: 24px;
  width: 24px;
}

#masthead {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
}

#masthead .wrap-masthead {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 24px 0;
}

#masthead .wrap-masthead .search svg path {
  fill: white;
}

#masthead .wrap-masthead .wishlist svg path {
  stroke: white;
}

#masthead .wrap-masthead .cart-show svg path {
  fill: white;
}

#masthead .wrap-masthead .site-branding {
  display: inline-block;
  width: 14%;
}

#masthead .wrap-masthead .site-branding img {
  width: 100%;
  max-width: 227px;
  height: 50px;
  object-fit: contain;
}

#masthead .wrap-masthead .site-branding .custom-logo-link.change-type {
  display: none;
}

#masthead .wrap-masthead .main-navigation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 72%;
}

#masthead .wrap-masthead .main-navigation a {
  color: #fff;
}

#masthead .wrap-masthead .main-navigation ul#primary-menu > li > a {
  padding: 20px 40px;
  text-transform: uppercase;
  font-family: SFUSemibold, sans-serif;
  letter-spacing: 2px;
}

#masthead .wrap-masthead .main-navigation ul#primary-menu > li ul > li {
  width: 100%;
  text-align: center;
}

#masthead .wrap-masthead .main-navigation ul#primary-menu > li ul > li > a {
  width: auto;
}

#masthead .wrap-masthead .main-navigation ul#primary-menu > li:hover.pll-parent-menu-item {
  background: #fff;
}

#masthead .wrap-masthead .main-navigation ul#primary-menu > li:hover.pll-parent-menu-item a {
  color: #213b64;
}

#masthead .wrap-masthead .main-navigation ul#primary-menu > li:hover.pll-parent-menu-item ul {
  width: 100%;
  background: #fff;
}

#masthead .wrap-masthead .main-navigation ul#primary-menu > li:hover.pll-parent-menu-item ul > li > a {
  padding: 0 30px 20px;
  text-transform: uppercase;
}

#masthead .wrap-masthead .main-navigation > .menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.product {
  position: inherit;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item > a {
  padding: 20px 32.5px;
  text-transform: uppercase;
  font-family: SFUMedium, sans-serif;
  letter-spacing: 0.25em;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.menu-item-lang {
  position: relative;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.menu-item-lang > a {
  padding: 20px;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.menu-item-lang svg {
  position: absolute;
  right: 0;
  top: 26px;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.menu-item-lang .wrap-sub-menu {
  width: 100%;
  text-align: center;
  padding: 0;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.menu-item-lang .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub {
  width: 100%;
  margin: 0;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.menu-item-lang .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub > div {
  margin-bottom: 0;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.menu-item-lang .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub > div > a {
  padding: 10px 20px 0;
  text-transform: uppercase;
  font-family: SFUSemibold, sans-serif;
  letter-spacing: 2px;
  color: #222321;
  font-size: 1rem;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.menu-item-lang:hover {
  background: #fff;
  box-shadow: 0 0 18px -4px rgba(0, 0, 0, 0.1);
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.menu-item-lang:hover svg {
  display: none;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.menu-item-lang:hover > a {
  color: #213b64;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.menu-item-lang:hover .wrap-sub-menu {
  background: #fff;
  box-shadow: 0 7px 20px -4px rgba(0, 0, 0, 0.1);
  width: 100%;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.menu-item-lang:hover .wrap-sub-menu .sub-menu-custom {
  width: 100%;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  position: absolute;
  left: 0;
  top: calc(100% - 25px);
  width: 100%;
  padding: 45px 60px 0;
  background: #fff;
  z-index: 10;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu a {
  color: #213b64;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu .sub-menu-custom {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub {
  width: calc(100% / 7 - (84px * 6 / 7));
  margin-right: 84px;
  margin-bottom: 45px;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub .menu-item-sub-title {
  letter-spacing: 2px;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub:nth-child(7n+7) {
  margin-right: 0;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub .menu-item-sub a {
  color: #222321;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub .menu-item-sub a:hover {
  font-family: SFUMedium, sans-serif;
  color: #213b64;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub .menu-item-sub.menu-item-sub-title {
  margin-bottom: 15px;
  color: #213b64;
  font-family: SFUSemibold, sans-serif;
  font-size: 1.125rem;
  text-transform: uppercase;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub .menu-item-sub.menu-item-sub-title a {
  font-family: SFUSemibold, sans-serif;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub .menu-item-sub.menu-item-sub-item {
  color: #222321;
  margin-bottom: 10px;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub .menu-item-sub.menu-item-sub-item:last-child {
  margin-bottom: 0;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item:hover .wrap-sub-menu {
  visibility: visible;
  opacity: 1;
  display: flex;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu {
  display: flex;
  flex-wrap: wrap;
  padding: 45px 60px;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .menu-item-sub-title {
  margin-bottom: 15px;
  color: #213b64;
  font-family: SFUSemibold, sans-serif;
  font-size: 1.125rem;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .menu-item-sub-title > a {
  letter-spacing: 2px;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .menu-item-sub-title > a:nth-child(1) {
  width: 70%;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .menu-item-sub-title > a:nth-child(2) {
  width: 30%;
  text-align: right;
  display: none;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .menu-item-sub-title > a:nth-child(2) img {
  height: 15px;
  margin-left: 5px;
  object-fit: contain;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .sub-menu-custom {
  width: calc(25% - 70px);
  margin-right: 70px;
  display: block;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub {
  width: 100%;
  margin-right: 0;
  margin-bottom: 5px;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub a {
  color: #222321;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub a:hover {
  font-family: SFUMedium, sans-serif;
  color: #213b64;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .featured-product-menu {
  width: 75%;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .featured-product-menu .menu-product {
  display: flex;
  flex-wrap: wrap;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .featured-product-menu .menu-product .menu-product-item {
  margin-right: 65px;
  width: calc(100% / 3 - (65px * 2 / 3));
  margin-bottom: 30px;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .featured-product-menu .menu-product .menu-product-item:nth-child(3n+3) {
  margin-right: 0;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .featured-product-menu .menu-product .menu-product-item:hover .menu-product-title a {
  font-family: SFUMedium, sans-serif;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .featured-product-menu .menu-product .menu-product-image {
  overflow: hidden;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .featured-product-menu .menu-product .menu-product-image img {
  width: 100%;
  height: 235px;
  object-fit: cover;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .featured-product-menu .menu-product .menu-product-image img:hover {
  transform: scale(1.05);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

#masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .featured-product-menu .menu-product .menu-product-title {
  font-family: SFURegular, sans-serif;
  color: #222321;
}

#masthead .wrap-masthead .action-control {
  display: flex;
  align-items: center;
  width: 14%;
  justify-content: flex-end;
}

#masthead .wrap-masthead .action-control > div {
  padding: 20px;
  display: flex;
  align-items: center;
}

#masthead .wrap-masthead .action-control > div img {
  height: 24px;
  object-fit: contain;
}

#masthead .wrap-masthead .action-control > div a {
  position: relative;
  display: inherit;
}

#masthead .wrap-masthead .action-control > div a span {
  position: absolute;
  font-size: 0.75rem;
  top: -3px;
  right: -8px;
  width: 18px;
  height: 18px;
  background: #C10D32;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
}

#masthead .wrap-masthead .action-control.change-type {
  display: none;
}

#masthead.is-product {
  position: relative;
  border-bottom: 1px solid rgba(103, 103, 103, 0.2);
}

#masthead.is-product .cart-show svg path {
  fill: #213b64;
}

#masthead.is-product a {
  color: #213b64 !important;
}

#masthead.type-blue {
  border-bottom: 1px solid rgba(103, 103, 103, 0.2);
  position: relative;
}

#masthead.type-blue .wrap-masthead .main-navigation a {
  color: #213b64;
}

#masthead.type-blue .search svg path {
  fill: #213b64;
}

#masthead.type-blue .wishlist svg path {
  stroke: #213b64;
}

#masthead.type-blue .cart-show svg path {
  fill: #213b64;
}

#masthead.change-type {
  background: #fff;
  border-bottom: 1px solid rgba(103, 103, 103, 0.2);
  position: fixed;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

#masthead.change-type .search svg path {
  fill: #213b64;
}

#masthead.change-type .wishlist svg path {
  stroke: #213b64;
}

#masthead.change-type .cart-show svg path {
  fill: #213b64;
}

#masthead.change-type .cart-show svg path {
  fill: #213b64;
}

#masthead.change-type a {
  color: #213b64 !important;
}

#masthead.change-type .site-branding .custom-logo-link {
  display: none;
}

#masthead.change-type .site-branding .custom-logo-link.change-type {
  display: block;
}

#masthead.change-type .wrap-masthead .action-control.change-type {
  display: flex;
}

#masthead.change-type .menu-item-lang svg path {
  fill: #213b64;
}

#masthead .cart-show {
  padding: 20px;
  display: flex;
  align-items: center;
}

#masthead .cart-show img {
  height: 24px;
  object-fit: contain;
}

#masthead .cart-show a {
  position: relative;
  display: inherit;
}

#masthead .cart-show a span {
  position: absolute;
  font-size: 0.75rem;
  top: -3px;
  right: -8px;
  width: 18px;
  height: 18px;
  background: #C10D32;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
}

body.page-template-checkout .bar1,
body.page-template-checkout .bar2,
body.page-template-checkout .bar3,
body.page-template-checkout .bar4,
body.page-template-search .bar1,
body.page-template-search .bar2,
body.page-template-search .bar3,
body.page-template-search .bar4,
body.page-template-wishlist .bar1,
body.page-template-wishlist .bar2,
body.page-template-wishlist .bar3,
body.page-template-wishlist .bar4,
body.single .bar1,
body.single .bar2,
body.single .bar3,
body.single .bar4 {
  background-color: #213b64;
}

#zwc-search {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  position: absolute;
  top: -200vh;
  left: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  z-index: 1;
}

#zwc-search.show {
  top: 100%;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

#zwc-search .wrap-input {
  width: 100%;
  padding: 20px 60px 20px 104px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#zwc-search .wrap-input > img {
  cursor: pointer;
  position: absolute;
  right: 60px;
}

#zwc-search .wrap-input svg path {
  stroke: #666767;
}

#zwc-search .wrap-input > input {
  width: 100%;
  border: 0 !important;
  border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  outline: none !important;
  font-family: SFURegular, sans-serif !important;
  font-size: 1.375rem !important;
  color: #666767 !important;
}

#zwc-search .wrap-input > input ::-webkit-input-placeholder {
  /* Edge */
  font-family: SFURegular, sans-serif !important;
  font-size: 1.375rem !important;
  color: #666767 !important;
}

#zwc-search .wrap-input > input :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-family: SFURegular, sans-serif !important;
  font-size: 1.375rem !important;
  color: #666767 !important;
}

#zwc-search .wrap-input > input ::placeholder {
  font-family: SFURegular, sans-serif !important;
  font-size: 1.375rem !important;
  color: #666767 !important;
}

#zwc-search .wrap-input svg {
  position: absolute;
  left: 60px;
  cursor: pointer;
}

#zwc-search .zwc-search-result {
  padding-left: 60px;
  padding-right: 60px;
}

#zwc-search .zwc-search-result .view-all {
  text-align: center;
  width: 100%;
  margin-bottom: 60px;
  position: relative;
  z-index: 10;
}

.mobile-menu-nav .view-all {
  width: 100%;
}

.wishlist svg.viber-loop {
  animation-name: viber;
  animation-duration: 0.3s;
  animation-iteration-count: 3;
}

.wishlist svg.viber {
  animation-name: viber;
  animation-duration: 0.3s;
  animation-iteration-count: 3;
}

@keyframes viber {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.btnz {
  cursor: pointer;
  display: none;
}

.bar1,
.bar2,
.bar3,
.bar4 {
  width: 30px;
  height: 2.2px;
  background-color: #fff;
  margin-bottom: 8px;
  transition: 0.4s;
}

.bar1 {
  margin-top: 1px;
}

.bar3 {
  margin-bottom: 0;
}

.bar4 {
  margin-bottom: 0;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-10px, 4px);
  transform: rotate(-45deg) translate(-10px, 4px);
  background-color: #fff;
}

.change .bar2 {
  opacity: 0;
}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-10px, -5px);
  transform: rotate(45deg) translate(-10px, -5px);
  background-color: #fff;
}

.change .bar4 {
  opacity: 0;
}

.btn-scroll-top {
  display: none !important;
  position: fixed;
  width: 30px;
  height: 30px;
  cursor: pointer;
  right: 65px;
  bottom: 70px;
  opacity: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  z-index: 1199;
}

.btn-scroll-top.show {
  bottom: 70px;
  opacity: 1;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.btn-scroll-top.show img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* clears the 'X' from Internet Explorer */
input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.social-fixed-other {
  display: none !important;
}

.category-banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.category-banner > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.category-banner .text {
  position: absolute;
  max-width: 50%;
  font-family: Megante, sans-serif;
  font-size: 4rem;
  color: #fff;
  text-transform: uppercase;
  word-spacing: 4px;
  letter-spacing: 2px;
}

.filter {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 55px;
  margin-bottom: 66px;
  padding-left: 30px;
  padding-right: 30px;
  opacity: 0.75;
  position: relative;
  z-index: 2;
}

.filter .advanced-filter {
  padding: 10px 45px 10px 25px;
  font-size: 16px;
  border: 1px solid #213b64;
  color: #213b64;
  margin-right: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.filter .advanced-filter:hover {
  font-weight: 600;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.filter .advanced-filter > img {
  position: absolute;
  right: 8px;
  top: 15px;
}

.filter .default-filter {
  padding: 10px 45px 10px 25px;
  font-size: 16px;
  border: 1px solid #213b64;
  color: #213b64;
  margin-right: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  cursor: pointer;
  z-index: 99;
  cursor: pointer;
}

.filter .default-filter > span {
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.filter .default-filter > span > img {
  position: absolute;
  right: 10px;
  top: 11px;
}

.filter .default-filter:hover > span {
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  font-weight: 600;
}

.filter .default-filter .group-items {
  position: absolute;
  top: calc(100% - 2px);
  left: -1px;
  background: #fff;
  width: calc(100% + 2px);
  padding: 10px 45px 10px 25px;
  border: 1px solid #213b64;
  border-top: 1px solid transparent;
  height: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 20;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.filter .default-filter .group-items .item {
  margin-bottom: 10px;
  color: #213b64;
  cursor: pointer;
  opacity: 1;
}

.filter .default-filter .group-items .item.active, .filter .default-filter .group-items .item:hover {
  text-decoration: underline;
}

.filter .default-filter:hover .group-items {
  height: auto;
  visibility: visible;
  opacity: 1;
}

.filter .search-filter {
  border-bottom: 1px solid #213b64;
  padding: 10px 20px 10px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  min-width: 320px;
}

.filter .search-filter > img {
  position: absolute;
  right: 8px;
}

.filter .search-filter input {
  border: 0;
  outline: 0 !important;
  width: 100%;
  font-family: SFULight, sans-serif;
  color: #213b64;
  text-align: center;
}

.filter .search-filter input::-webkit-input-placeholder {
  /* Edge */
  color: #213b64;
  font-size: 16px;
  font-family: SFULight, sans-serif;
}

.filter .search-filter input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #213b64;
  font-size: 16px;
  font-family: SFULight, sans-serif;
}

.filter .search-filter input::placeholder {
  color: #213b64;
  font-size: 16px;
  font-family: SFULight, sans-serif;
}

.load-more {
  margin-bottom: 100px;
}

.load-more.hide {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.modern-classic-products {
  margin-top: 200px;
}

.modern-classic-products .image {
  position: relative;
  z-index: 5;
}

.modern-classic-products .image img {
  width: 100%;
}

.modern-classic-products .content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  z-index: 1;
}

.modern-classic-products .content .block-content {
  width: calc(30% - 70px);
  margin-right: 70px;
}

.modern-classic-products .content .block-content .title {
  font-family: Megante, sans-serif;
  font-size: 2rem;
  color: #213b64;
  text-transform: uppercase;
  margin-bottom: 36px;
}

.modern-classic-products .content .block-content .description {
  font-size: 16px;
  margin-bottom: 61px;
}

.modern-classic-products .content .block-content .view-all {
  justify-content: flex-start;
}

.modern-classic-products .content .block-content .view-all a {
  font-family: SFUSemibold, sans-serif;
}

.modern-classic-products .content .products {
  width: 70%;
}

.modern-classic-products .content .products .product {
  padding: 30px 0;
  width: calc(100% / 4);
  margin-right: 0;
  margin-bottom: 40px;
}

.modern-classic-products .content .products .product .pp-loop-thumb {
  padding: 40px 18px 0;
  position: relative;
}

.modern-classic-products .content .products .product .pp-loop-thumb .wrap-thumb a img {
  height: calc(100vw * 328 / 1920);
}

.modern-classic-products .content .products .product .pp-loop-title {
  padding: 25px 20px 12px;
}

.modern-classic-products .content .products .product .pp-loop-price {
  padding: 0 20px;
  color: #213b64;
}

.wrap-p-grouped .filter {
  margin-bottom: 66px;
}

.wrap-p-grouped .products {
  margin-bottom: 50px;
}

.wrap-p-grouped .products .product {
  width: calc(100% / 2);
  padding: 34px;
  margin-right: 0;
}

.wrap-p-grouped .products .product .wrap-thumb a img {
  height: calc(100vw * 529 / 1920);
}

.wrap-p-grouped .products .product .pp-loop-thumb {
  padding: 0;
}

.wrap-p-grouped .products .product .pp-loop-title {
  padding: 25px 0 12px;
  text-transform: uppercase;
}

.wrap-p-grouped .products .product .pp-loop-price {
  padding: 0;
  color: #213b64;
  font-family: SFURegular, sans-serif;
  font-weight: 400;
}

.wrap-p-grouped .products .product .pp-loop-price span {
  font-weight: 700;
  font-family: SFURegular, sans-serif;
}

.wrap-p-grouped .products .product .pp-loop-control .wishlist {
  width: 100%;
  justify-content: center;
  padding: 17px;
}

.category-desctiption {
  display: flex;
  flex-wrap: wrap;
  padding-top: 100px;
  padding-bottom: 50px;
  position: relative;
}

.category-desctiption > .patten {
  position: absolute;
  top: -22%;
  right: 0;
  z-index: -1;
}

.category-desctiption .image {
  width: calc(50% - 25px);
  margin-right: 25px;
}

.category-desctiption .image img {
  width: 100%;
}

.category-desctiption .content {
  width: calc(50% - 25px);
  margin-left: 25px;
  padding: 50px;
  display: flex;
  align-items: center;
}

.category-desctiption .content .sub-wrap-content {
  width: 70%;
}

.category-desctiption .content .title {
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 36px;
  color: #213b64;
}

.category-desctiption .content .title span {
  display: block;
}

.category-desctiption .content .title span:nth-child(2) {
  margin-left: 66px;
}

.page-template-about .m-title {
  margin-bottom: 40px;
}

.page-template-about .m-desc {
  max-width: 420px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.125rem;
}

.page-template-about .general-block .item {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 100px 0;
  margin: 50px 0;
  position: relative;
}

.page-template-about .general-block .item > .patten {
  position: absolute;
  z-index: -1;
  bottom: 0;
  width: 50%;
}

.page-template-about .general-block .item > .patten.right {
  right: 0;
}

.page-template-about .general-block .item > .patten.left {
  left: 0;
}

.page-template-about .general-block .item .image {
  width: 55%;
}

.page-template-about .general-block .item .image img {
  width: 100%;
}

.page-template-about .general-block .item .block-content {
  width: 45%;
  padding: 120px 120px 0;
}

.page-template-about .general-block .item .block-content .block-title {
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  margin-bottom: 36px;
  color: #213b64;
}

.page-template-about .general-block .item .block-content .block-desc {
  margin-bottom: 55px;
  width: 85%;
}

.page-template-about .general-block .item .block-content .block-url a {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  font-family: SFURegular, sans-serif;
  font-size: 1.125rem;
  color: #213b64;
  font-weight: 600;
  text-transform: uppercase;
}

.page-template-about .general-block .item .block-content .block-url a img {
  margin-left: 20px;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.page-template-about .general-block .item .block-content .block-url a:hover img {
  transform: rotate(45deg);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.page-template-about .philosophy {
  margin-top: 200px;
}

.page-template-about .philosophy .block-header {
  position: relative;
  background: #213b64;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 100px 0;
  text-align: center;
  color: #f1e4d7;
  font-family: Megante, sans-serif;
  margin-bottom: 120px;
}

.page-template-about .philosophy .block-header .wrap-block-header {
  width: 65%;
  position: absolute;
  z-index: 2;
  text-transform: uppercase;
}

.page-template-about .philosophy .block-header .sub-title {
  text-align: center;
  font-size: 1.375rem;
  margin-bottom: 24px;
  font-family: SFURegular, sans-serif;
}

.page-template-about .philosophy .block-header .philosophy-header-content {
  font-size: 2.5rem;
}

.page-template-about .philosophy .block-header .philosophy-header-content span {
  display: block;
}

.page-template-about .philosophy .block-header .patten {
  position: relative;
  bottom: -100px;
  width: 50%;
  margin-right: 0;
  margin-left: auto;
  z-index: 1;
}

.page-template-about .philosophy .philosophy-block .philosophy-block-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item {
  width: calc(100% / 3 - ((100vw * 180 / 1920) * 2 / 3));
  margin-right: calc(100vw * 180 / 1920);
  margin-bottom: 120px;
}

.page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item:nth-child(3n+3) {
  margin-right: 0;
}

.page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-number {
  margin-bottom: 18px;
  font-family: Megante, sans-serif;
  color: #213b64;
  font-size: 1.2rem;
}

.page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-title {
  margin-bottom: 32px;
  font-family: Megante, sans-serif;
  color: #213b64;
  font-size: 2rem;
  height: 100px;
  overflow: hidden;
  text-transform: uppercase;
}

.page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-desc {
  height: 200px;
  overflow: hidden;
  margin-bottom: 56px;
  font-size: 1rem;
  color: #213b64;
}

.page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-image {
  height: calc(100vw * 418 / 1920);
}

.page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.team .m-title .sub-title {
  font-size: 1.125rem;
  margin-bottom: 30px;
  font-family: SFURegular, sans-serif;
}

.team .m-desc {
  margin-bottom: 130px;
}

.team .team-block {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 92px;
}

.team .team-block .slick-arrow {
  position: absolute;
  bottom: 50%;
  z-index: 999;
  width: 81px;
  height: 81px;
  font-size: 0;
  border: 0 !important;
  outline: 0 !important;
}

.team .team-block .slick-arrow.slick-prev {
  left: -100px;
  background: url("../assets/image/arr.svg") center/contain no-repeat;
}

.team .team-block .slick-arrow.slick-prev:hover {
  background: url("../assets/image/arr-hover.svg") center/contain no-repeat;
  transform: rotate(180deg);
}

.team .team-block .slick-arrow.slick-next {
  right: -100px;
  background: url("../assets/image/arr.svg") center/contain no-repeat;
  transform: rotate(180deg);
}

.team .team-block .slick-arrow.slick-next:hover {
  background: url("../assets/image/arr-hover.svg") center/contain no-repeat;
  transform: rotate(0deg);
}

.team .team-block .item {
  margin: 0 70px;
}

.team .team-block .item .image {
  margin-bottom: 35px;
}

.team .team-block .item .image img {
  width: 100%;
}

.team .team-block .item .name {
  font-family: SFUSemibold, sans-serif;
  font-size: 1.375rem;
  color: #213b64;
  text-transform: uppercase;
}

.team .team-block .item .position {
  font-size: 1.125rem;
}

.team .team-banner img {
  width: 100%;
}

.customers {
  margin-top: 200px;
}

.customers .m-title {
  margin-bottom: 120px;
}

.customers .customers-block {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 92px;
}

.customers .customers-block .slick-arrow {
  position: absolute;
  bottom: 67%;
  z-index: 999;
  width: 81px;
  height: 81px;
  font-size: 0;
  border: 0 !important;
  outline: 0 !important;
}

.customers .customers-block .slick-arrow.slick-prev {
  left: -100px;
  background: url("../assets/image/arr.svg") center/contain no-repeat;
}

.customers .customers-block .slick-arrow.slick-prev:hover {
  background: url("../assets/image/arr-hover.svg") center/contain no-repeat;
  transform: rotate(180deg);
}

.customers .customers-block .slick-arrow.slick-next {
  right: -100px;
  background: url("../assets/image/arr.svg") center/contain no-repeat;
  transform: rotate(180deg);
}

.customers .customers-block .slick-arrow.slick-next:hover {
  background: url("../assets/image/arr-hover.svg") center/contain no-repeat;
  transform: rotate(0deg);
}

.customers .customers-block .item {
  margin: 0 35px;
}

.customers .customers-block .item .image {
  margin-bottom: 35px;
  height: calc(100vw * 430 / 1920);
  overflow: hidden;
}

.customers .customers-block .item .image img {
  width: 100%;
  object-fit: cover;
}

.customers .customers-block .item .name {
  font-size: 1rem;
  height: 163px;
  overflow: hidden;
}

.customers .customers-block .item .content {
  font-size: 1rem;
  margin-bottom: 35px;
}

.instagram {
  margin-bottom: 250px;
}

.instagram .listing {
  margin-top: 104.5px;
}

.page-template-sustainbility .m-title {
  margin-bottom: 40px;
}

.page-template-sustainbility .m-desc {
  width: 20%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.page-template-sustainbility .general-block .block-item {
  display: flex;
  flex-wrap: wrap;
}

.page-template-sustainbility .general-block .block-item.normal .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  padding-top: 250px;
  background: #fff;
}

.page-template-sustainbility .general-block .block-item.normal .item .image {
  width: 45%;
  line-height: 0;
}

.page-template-sustainbility .general-block .block-item.normal .item .image img {
  width: 100%;
}

.page-template-sustainbility .general-block .block-item.normal .item .block-content {
  width: 55%;
}

.page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content .text {
  width: 65%;
}

.page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content .text .title {
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  color: #213b64;
  text-transform: uppercase;
  margin-bottom: 36px;
}

.page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content .text .desc {
  text-align: left;
}

.page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content .text .desc p {
  margin-top: 0 !important;
  margin-bottom: 36px;
}

.page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content .s-img {
  width: 20%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content .s-img img {
  width: 100%;
  object-fit: cover;
}

.page-template-sustainbility .general-block .block-item.normal .item:nth-child(odd) .image {
  order: 1;
  -moz-order: 1;
  -webkit-order: 1;
}

.page-template-sustainbility .general-block .block-item.normal .item:nth-child(odd) .block-content {
  order: 2;
  -moz-order: 2;
  -webkit-order: 2;
}

.page-template-sustainbility .general-block .block-item.normal .item:nth-child(odd) .block-content .wrap-block-content .text {
  padding: 70px;
}

.page-template-sustainbility .general-block .block-item.normal .item:nth-child(even) .image {
  order: 2;
  -moz-order: 2;
  -webkit-order: 2;
}

.page-template-sustainbility .general-block .block-item.normal .item:nth-child(even) .block-content {
  order: 1;
  -moz-order: 1;
  -webkit-order: 1;
}

.page-template-sustainbility .general-block .block-item.normal .item:nth-child(even) .block-content .wrap-block-content .text {
  padding: 70px 70px 70px 120px;
  width: 75%;
}

.page-template-sustainbility .general-block .block-item.normal:nth-child(1) .item:nth-child(1) {
  padding-top: 130px;
  z-index: 5;
}

.page-template-sustainbility .general-block .block-item.normal:nth-child(1) .item:nth-child(2) {
  z-index: 4;
}

.page-template-sustainbility .general-block .block-item.normal:nth-child(1) .item:nth-child(2):before {
  content: "";
  position: absolute;
  background: url("../assets/image/patten-sus.svg") 77% 100%/50% no-repeat;
  width: 100%;
  height: 100%;
  top: -64%;
  left: 0;
  z-index: -1;
}

.page-template-sustainbility .general-block .block-item.normal:nth-child(3) .item:nth-child(1) {
  z-index: 5;
}

.page-template-sustainbility .general-block .block-item.normal:nth-child(3) .item:nth-child(2) {
  z-index: 4;
}

.page-template-sustainbility .general-block .block-item.normal:nth-child(3) .item:nth-child(2):before {
  content: "";
  position: absolute;
  background: url("../assets/image/patten-sus2.svg") 57% 100%/50% no-repeat;
  width: 100%;
  height: 100%;
  top: -48%;
  left: 0;
  z-index: -1;
}

.page-template-sustainbility .general-block .block-item.full {
  justify-content: center;
  margin-top: 250px;
  padding-top: 196px;
  padding-bottom: 196px;
  background: #213b64;
  color: #f1e4d7;
  text-align: center;
  position: relative;
}

.page-template-sustainbility .general-block .block-item.full .patten {
  position: absolute;
  width: 23%;
  right: 0;
  bottom: 0;
}

.page-template-sustainbility .general-block .block-item.full .item .block-content .wrap-block-content {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.page-template-sustainbility .general-block .block-item.full .item .block-content .wrap-block-content .text {
  text-transform: uppercase;
}

.page-template-sustainbility .general-block .block-item.full .item .block-content .wrap-block-content .text .title {
  font-family: SFU, sans-serif;
  font-size: 1.375rem;
  margin-bottom: 22px;
}

.page-template-sustainbility .general-block .block-item.full .item .block-content .wrap-block-content .text .desc {
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
}

.page-template-sustainbility .wrap-title {
  max-width: 30%;
}

.page-template-sustainbility #cart .wrap-title {
  max-width: 100% !important;
}

.wrap-content-service .service-menu {
  display: flex;
  flex-wrap: wrap;
}

.wrap-content-service .service-menu .item {
  width: calc(100% / 4 - (72px * 3 / 4));
  margin-right: 72px;
  margin-bottom: 45px;
  position: relative;
}

.wrap-content-service .service-menu .item:nth-child(4n+4) {
  margin-right: 0;
}

.wrap-content-service .service-menu .item a {
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 25px 37px;
  border: 1px solid #ABB6C2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-family: SFUSemibold, sans-serif;
  font-weight: 500;
}

.wrap-content-service .service-menu .item a > span {
  display: block;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.wrap-content-service .service-menu .item a > span img {
  height: 50px;
  width: 100%;
  object-fit: contain;
}

.wrap-content-service .service-menu .item a > span.icon {
  display: block;
}

.wrap-content-service .service-menu .item a > span.icon-hover {
  display: none;
}

.wrap-content-service .service-menu .item a > span.title {
  color: #213b64;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
}

.wrap-content-service .service-menu .item a.active {
  background: #213b64;
}

.wrap-content-service .service-menu .item a.active > span.icon-hover {
  display: block;
}

.wrap-content-service .service-menu .item a.active > span.icon {
  display: none;
}

.wrap-content-service .service-menu .item a.active > span.title {
  color: #f1e4d7;
}

.wrap-content-service .service-menu .item a:hover:not(.active) {
  border: 1px solid #213b64;
  background: #F9FAFA;
}

.wrap-content-service .service-menu .item:before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  height: 30px;
  width: 30px;
  border-right: 1px solid #ABB6C2;
  transform: rotate(45deg);
  z-index: 2;
  background: #fff;
}

.wrap-content-service .service-menu .item:after {
  content: "";
  position: absolute;
  bottom: -15px;
  right: -15px;
  height: 30px;
  width: 30px;
  border-left: 1px solid #ABB6C2;
  transform: rotate(45deg);
  z-index: 2;
  background: #fff;
}

.wrap-content-service .service-menu .item:hover:before {
  border-right: 1px solid #213b64;
}

.wrap-content-service .service-menu .item:hover:after {
  border-left: 1px solid #213b64;
}

.s-content .s-title {
  font-family: Megante, sans-serif;
  font-size: 2.25rem;
  color: #213b64;
  margin-top: 90px;
  margin-bottom: 60px;
  padding-top: 50px;
  border-top: 1px solid #213b64;
  text-transform: uppercase;
}

.s-content .wrap-s-content {
  font-size: 1.125rem;
  text-decoration-color: #566C83;
  text-align: justify;
}

.s-content .wrap-s-content h2 {
  font-size: 1.375rem;
  margin: 45px 0 5px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: SFUMedium, sans-serif;
}

.s-content .wrap-s-content h3 {
  font-size: 1.375rem;
  margin: 35px 0 5px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: SFUMedium, sans-serif;
}

.s-content .wrap-s-content ul {
  margin: 0;
}

.s-content .wrap-s-content pre {
  background: transparent;
  margin: 0;
  padding: 0;
  font-family: SFURegular, sans-serif;
  font-size: 1.375rem;
  font-weight: 500;
  text-transform: capitalize;
  color: #566C83;
}

.s-content .wrap-s-content p,
.s-content .wrap-s-content span {
  text-decoration-color: #566C83 !important;
}

.s-content .wrap-s-content p,
.s-content .wrap-s-content ul {
  margin: 0 0 5px;
}

.other-block-content {
  margin-top: 50px;
}

.other-block-content .wrap-other-block-content .b-title .wrap-b-title {
  font-family: Megante, sans-serif;
  font-size: 2.25rem;
  color: #213b64;
  text-transform: uppercase;
}

.other-block-content .wrap-other-block-content .b-content {
  margin-bottom: 150px;
}

.other-block-content .wrap-other-block-content .b-content .r-item {
  display: flex;
  flex-wrap: wrap;
  padding-top: 60px;
  margin-top: 60px;
}

.other-block-content .wrap-other-block-content .b-content .r-item .c-item {
  width: calc(100% / 2 - (200px * 1 / 2));
  padding-bottom: 100px;
}

.other-block-content .wrap-other-block-content .b-content .r-item .c-item .image img {
  width: 100%;
}

.other-block-content .wrap-other-block-content .b-content .r-item .c-item .wrap-c-content {
  padding: 75px 120px;
}

.other-block-content .wrap-other-block-content .b-content .r-item .c-item .wrap-c-content .title {
  font-family: SFUMedium, sans-serif;
  font-size: 1.375rem;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #213b64;
}

.other-block-content .wrap-other-block-content .b-content .r-item .c-item:nth-child(2n+1) {
  margin-right: 100px;
  position: relative;
}

.other-block-content .wrap-other-block-content .b-content .r-item .c-item:nth-child(2n+1) .wrap-c-content {
  width: 85%;
  margin-right: auto;
  margin-left: 0;
}

.other-block-content .wrap-other-block-content .b-content .r-item .c-item:nth-child(2n+1):after {
  content: "";
  position: absolute;
  top: -60px;
  left: 0;
  background: #E8E2DB;
  width: calc(100% + 350px);
  height: calc(100% + 60px);
  z-index: -1;
}

.other-block-content .wrap-other-block-content .b-content .r-item .c-item:nth-child(2n+2) {
  margin-left: 100px;
}

.other-block-content .wrap-other-block-content .b-content .r-item .c-item:nth-child(2n+2) .wrap-c-content {
  width: 85%;
  margin-right: 0;
  margin-left: auto;
}

.other-block-content-full {
  padding-top: 200px;
  padding-bottom: 200px;
  position: relative;
  width: 100%;
}

.other-block-content-full .wrap-other-block-content-full {
  background: #e8e2db;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.other-block-content-full .wrap-other-block-content-full .inner-content {
  width: 25%;
  right: 15%;
  padding-top: 150px;
  padding-bottom: 150px;
  position: relative;
  color: #213b64;
  margin-right: 0;
  margin-left: auto;
}

.other-block-content-full .wrap-other-block-content-full .inner-content a {
  color: #213b64;
}

.other-block-content-full .wrap-other-block-content-full .inner-content .s-title {
  font-family: SFUMedium, sans-serif;
  font-size: 1.375rem;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #213b64;
}

.other-block-content-full .wrap-other-block-content-full .inner-content .s-desc {
  font-size: 1rem;
  margin-bottom: 30px;
}

.other-block-content-full .wrap-other-block-content-full .inner-content .s-contact {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.other-block-content-full .wrap-other-block-content-full .inner-content .s-contact span {
  width: calc(50% - 5px);
  white-space: nowrap;
}

.other-block-content-full .wrap-other-block-content-full .inner-content .s-contact span p {
  display: inline-block;
  padding: 7px 12px;
  text-align: center;
  width: 100%;
}

.other-block-content-full .wrap-other-block-content-full .inner-content .s-contact span p a {
  margin-right: 20px;
  text-transform: uppercase;
}

.other-block-content-full .wrap-other-block-content-full .inner-content .s-contact span:nth-child(1) {
  margin-right: 10px;
}

.other-block-content-full .wrap-other-block-content-full .inner-content .s-contact span:nth-child(1) p {
  background: #f1e4d7;
  color: #213b64;
}

.other-block-content-full .wrap-other-block-content-full .inner-content .s-contact span:nth-child(1) p a {
  color: #213b64;
}

.other-block-content-full .wrap-other-block-content-full .inner-image {
  position: absolute;
  width: 50%;
  left: 10%;
  padding: 80px 70px 80px 0;
  background: url("../assets/image/back-contact.svg") center/contain no-repeat;
}

.other-block-content-full .wrap-other-block-content-full .inner-image img {
  height: 100%;
  object-fit: contain;
}

.faq .wrap-faq > .title {
  margin-top: 60px;
  font-family: Megante, sans-serif;
  font-size: 2.25rem;
  color: #213b64;
}

.faq .wrap-faq > .desc {
  margin-top: 60px;
  margin-bottom: 60px;
  font-size: 1.125rem;
}

.faq .wrap-faq .faq-list .faq-item {
  padding: 45px 40px;
  margin-bottom: 35px;
  background: #FBF8F5;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.faq .wrap-faq .faq-list .faq-item .title {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
  color: #213b64;
  font-size: 1.375rem;
}

.faq .wrap-faq .faq-list .faq-item .title > span {
  display: block;
}

.faq .wrap-faq .faq-list .faq-item .title > span.control {
  position: absolute;
  right: 0;
  width: 35px;
  height: 35px;
  background: url("../assets/image/collap.svg") center/contain no-repeat;
}

.faq .wrap-faq .faq-list .faq-item .content {
  color: #666767;
  font-size: 1rem;
  visibility: hidden;
  height: 0;
  opacity: 0;
}

.faq .wrap-faq .faq-list .faq-item.active {
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.faq .wrap-faq .faq-list .faq-item.active .title {
  margin-bottom: 24px;
}

.faq .wrap-faq .faq-list .faq-item.active .title > span.control {
  background: url("../assets/image/expand.svg") center/contain no-repeat;
}

.faq .wrap-faq .faq-list .faq-item.active .content {
  visibility: visible;
  height: auto;
  opacity: 1;
}

.page-template-service .page-banner,
.single-service .page-banner {
  margin-bottom: 47px;
}

.page-template-service .breadcrumb,
.single-service .breadcrumb {
  margin-bottom: 92px;
}

.page-template-service .footer-part-contact,
.single-service .footer-part-contact {
  padding-top: 355px;
}

.page-template-recruite .page-banner {
  margin-bottom: 0;
}

.page-template-recruite .page-desc {
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #FBFBFC;
}

.page-template-recruite .page-desc > .left {
  width: 55%;
  padding-left: 240px;
  padding-right: 120px;
  font-family: Megante, sans-serif;
  text-transform: uppercase;
  font-size: 2.25rem;
  color: #2C4865;
  text-align: left;
}

.page-template-recruite .page-desc > .right {
  width: 45%;
  padding-right: 120px;
}

.job-detail {
  margin-top: 95px;
}

.job-detail .wrap-job-detail {
  display: flex;
  flex-wrap: wrap;
}

.job-detail .wrap-job-detail .info {
  width: calc(15% - 100px);
  margin-right: 100px;
}

.job-detail .wrap-job-detail .info .title {
  color: #00192E;
  font-size: 1.125rem;
  text-transform: uppercase;
}

.job-detail .wrap-job-detail .info .term {
  font-family: SFULight,sans-serif;
  font-size: 1rem;
  color: #666767;
}

.job-detail .wrap-job-detail .info .location {
  margin-bottom: 20px;
}

.job-detail .wrap-job-detail .info .date {
  margin-bottom: 20px;
}

.job-detail .wrap-job-detail .info .salary {
  margin-bottom: 20px;
}

.job-detail .wrap-job-detail .info .apply-job a {
  display: inline-block;
  padding: 12px 20px;
  background: #f1e4d7;
  color: #2C4865;
}

.job-detail .wrap-job-detail .content {
  width: 85%;
  margin-bottom: 200px;
}

.job-detail .wrap-job-detail .content h1 {
  margin: 0 0 40px !important;
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  color: #213b64;
  text-align: left;
  text-transform: uppercase;
}

.job-detail .wrap-job-detail .content .s-content {
  max-width: 1192px;
}

.job-detail .wrap-job-detail .content .s-content h3 {
  margin: 0 0 10px;
}

.job-detail .wrap-job-detail .content .s-content p,
.job-detail .wrap-job-detail .content .s-content ul {
  margin: 0 0 25px;
}

.highlight-job {
  margin-top: 90px;
  margin-bottom: 90px;
  padding-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

.highlight-job:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 80%;
  background: #F8F1EB;
  z-index: 1;
}

.highlight-job > .left {
  width: 55%;
  position: relative;
  z-index: 5;
}

.highlight-job > .left img {
  width: 100%;
}

.highlight-job > .right {
  width: 45%;
  position: relative;
  z-index: 5;
}

.highlight-job > .right .wrap-block-content {
  padding: 70px;
  text-align: left;
}

.highlight-job > .right .wrap-block-content .title {
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  color: #213b64;
  margin-bottom: 24px;
  text-transform: uppercase;
}

.highlight-job > .right .wrap-block-content .desc {
  margin-bottom: 60px;
  width: 72%;
}

.highlight-job > .right .wrap-block-content .desc p {
  margin-top: 0;
  margin-bottom: 24px;
}

.highlight-job > .right .wrap-block-content .view-all {
  justify-content: flex-start;
}

.highlight-job > .right .wrap-block-content .view-all a {
  font-family: SFUSemibold, sans-serif;
}

.our-values {
  margin-bottom: 215px;
}

.our-values .wrap-our-values .title {
  text-align: center;
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  color: #213b64;
  text-transform: uppercase;
  margin-bottom: 90px;
}

.our-values .wrap-our-values .content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.our-values .wrap-our-values .content .item {
  width: calc(100% / 4 - (calc(100vw * 120 / 1920) * 3 / 4));
  margin-right: calc(100vw * 120 / 1920);
  text-align: left;
}

.our-values .wrap-our-values .content .item:nth-child(4n+4) {
  margin-right: 0;
}

.our-values .wrap-our-values .content .item .icon {
  margin-bottom: 32px;
}

.our-values .wrap-our-values .content .item .icon img {
  display: inline-block;
  height: 47px;
  object-fit: contain;
}

.our-values .wrap-our-values .content .item .title {
  margin-bottom: 32px;
  font-family: SFUMedium, sans-serif;
  font-size: 1.5rem;
  color: #213b64;
  text-align: left;
}

.our-values .wrap-our-values .content .item .desc {
  color: #666767;
}

.about-team {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 150px;
  position: relative;
}

.about-team:before {
  content: "";
  position: absolute;
  top: -10%;
  left: -30px;
  height: 100%;
  width: 7%;
  background: url("../assets/image/patten-jobs.svg") center/contain no-repeat;
}

.about-team > .left {
  width: 40%;
}

.about-team > .left .wrap-about-team {
  padding-left: 165px;
  padding-right: 45px;
}

.about-team > .left .wrap-about-team .title {
  margin-bottom: 32px;
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  color: #213b64;
}

.about-team > .left .wrap-about-team .title p:nth-child(n+2) {
  margin-left: 50px;
}

.about-team > .left .wrap-about-team .desc {
  color: #666767;
  font-size: 1rem;
}

.about-team > .right {
  width: 60%;
}

.about-team > .right img {
  width: 100%;
}

.jobs .m-title {
  margin-bottom: 40px;
}

.jobs .m-desc {
  margin-bottom: 140px;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.jobs .control {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 35px;
}

.jobs .control .filter-internal {
  width: 50%;
  opacity: 1;
}

.jobs .control .filter-internal .title {
  opacity: 1;
}

.jobs .control .filter-internal .group-items .item {
  opacity: 1;
}

.jobs .control .search-internal {
  width: 50%;
  text-align: right;
  justify-content: flex-end;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  opacity: 1;
}

.jobs .control .search-internal > input {
  width: 40%;
  border: 0 !important;
  border-bottom: 1px solid #213b64 !important;
  border-radius: 0 !important;
  padding: 10px 0 !important;
}

.jobs .control .search-internal > input::-webkit-input-placeholder {
  /* Edge */
  color: #213b64;
  font-size: 18px;
  font-family: SFURegular, sans-serif;
}

.jobs .control .search-internal > input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #213b64;
  font-size: 18px;
  font-family: SFURegular, sans-serif;
}

.jobs .control .search-internal > input::placeholder {
  color: #213b64;
  font-size: 18px;
  font-family: SFURegular, sans-serif;
}

.jobs .control .search-internal > img {
  position: absolute;
  right: 2px;
  cursor: pointer;
}

.jobs .listing {
  margin-bottom: 30px;
}

.jobs .listing .item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 40px 30px;
  border-bottom: 1px solid #dcdddd;
  color: #222321;
  cursor: pointer;
}

.jobs .listing .item:hover {
  background: #D5DBE0;
}

.jobs .listing .item:hover.header {
  background: transparent;
}

.jobs .listing .item.header {
  border-top: 1px solid #213b64;
  border-bottom: 1px solid #213b64;
  text-transform: uppercase;
  padding: 11px 30px;
  color: #213b64;
}

.jobs .listing .item.header .list-col-2 {
  color: #213b64;
}

.jobs .listing .item.header .list-col-3 {
  color: #213b64;
}

.jobs .listing .item .list-col-1 {
  width: 50%;
  font-size: 1.125rem;
  opacity: 1;
}

.jobs .listing .item .list-col-1 a {
  color: #213b64;
  font-size: 1.125rem;
}

.jobs .listing .item .list-col-2 {
  width: 25%;
  color: #213b64;
  font-size: 1.125rem;
  text-align: center;
}

.jobs .listing .item .list-col-3 {
  width: 25%;
  color: #213b64;
  font-size: 1.125rem;
  text-align: center;
}

.cate-blogs .wrap-listing .wrap-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

.cate-blogs .wrap-listing .wrap-title > .title {
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  text-transform: uppercase;
  color: #213b64;
  margin-bottom: 90px;
}

.cate-blogs .wrap-listing .wrap-title > .view-all {
  display: inline-block;
  position: absolute !important;
  right: 0;
  width: auto;
}

.cate-blogs .wrap-listing .wrap-title > .view-all a {
  font-family: SFUSemibold, sans-serif;
}

.cate-blogs .wrap-listing .outer .wrap-title {
  margin-bottom: 60px;
}

.cate-blogs .wrap-listing .outer .wrap-title > .title {
  margin-bottom: 0;
}

.cat-listing {
  margin-bottom: 150px;
}

.cat-listing > .wrap-listing > .title {
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  text-transform: uppercase;
  color: #213b64;
  margin-bottom: 45px;
}

.cat-listing > .wrap-listing .listing {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  position: 4;
}

.cat-listing > .wrap-listing .listing .item {
  width: calc(100% / 4 - (50px * 3 / 4));
  margin-right: 50px;
  border: 1px solid transparent;
  text-align: center;
  padding: 40px;
  position: relative;
  cursor: pointer;
}

.cat-listing > .wrap-listing .listing .item:nth-child(4n+4) {
  margin-right: 0;
}

.cat-listing > .wrap-listing .listing .item .image {
  margin-bottom: 20px;
}

.cat-listing > .wrap-listing .listing .item .image img {
  width: 100%;
  filter: grayscale(1);
}

.cat-listing > .wrap-listing .listing .item .title {
  font-size: 18px;
  text-transform: uppercase;
  font-family: SFURegular, sans-serif;
  color: #213b64;
}

.cat-listing > .wrap-listing .listing .item:hover .image img {
  filter: grayscale(0);
}

.cat-listing > .wrap-listing .listing .item:hover .title {
  font-family: SFUSemibold, sans-serif;
}

.cat-listing > .wrap-listing .listing .item.active {
  border: 1px solid #BFBFBF;
  border-bottom: 3px solid #213b64;
  background: rgba(241, 228, 215, 0.3);
}

.cat-listing > .wrap-listing .listing .item.active:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  border-right: 1px solid #BFBFBF;
  top: -30px;
  left: -31px;
  transform: rotate(45deg);
  background: #fff;
}

.cat-listing > .wrap-listing .listing .item.active:after {
  content: "";
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  border-left: 1px solid #BFBFBF;
  bottom: -31px;
  right: -30px;
  transform: rotate(45deg);
  background: #fff;
}

.cat-listing > .wrap-listing .listing .item.active .image img {
  filter: grayscale(0);
}

.cat-listing > .wrap-listing .listing .item.active .title {
  font-family: SFUSemibold, sans-serif;
}

.cat-listing > .wrap-listing .detail-listing {
  background: rgba(241, 228, 215, 0.3);
  padding: 120px 120px 60px;
  position: relative;
  z-index: 5;
}

.cat-listing > .wrap-listing .detail-listing > .item {
  display: none;
  opacity: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.cat-listing > .wrap-listing .detail-listing > .item.active {
  display: block;
  opacity: 1;
}

.cat-listing > .wrap-listing .detail-listing > .item .m-title {
  margin-bottom: 40px;
}

.cat-listing > .wrap-listing .detail-listing > .item .m-desc {
  margin-bottom: 104px;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.cat-listing > .wrap-listing .detail-listing > .item .listing-post {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

.cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item {
  position: relative;
  margin-bottom: 45px;
  margin-right: 45px;
  height: calc(100vw * 590 / 1920);
}

.cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item:nth-child(3n+3) {
  margin-right: 0;
}

.cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
}

.cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item:nth-child(2) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
}

.cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item:nth-child(3) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
}

.cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  margin-right: 45px;
}

.cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item:nth-child(5) {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
  margin-right: 45px;
}

.cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item:nth-child(6) {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 2;
}

.cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item .s-thumnail {
  height: 100%;
  overflow: hidden;
}

.cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item .s-thumnail img {
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item .s-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  overflow: hidden;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  display: flex;
  align-items: flex-end;
}

.cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item .s-title a {
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  font-size: 1.125rem;
  padding: 48px 28px;
}

.cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item:hover .s-thumnail img {
  transform: scale(1.1);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.design-of-year {
  margin-bottom: 200px;
}

.design-of-year .listing-post {
  column-count: 3;
  column-gap: 52px;
}

.design-of-year .listing-post > .item {
  position: relative;
  margin-bottom: 52px;
  height: calc(100vw * 590 / 1920);
}

.design-of-year .listing-post > .item:nth-child(3n+3) {
  margin-right: 0;
}

.design-of-year .listing-post > .item:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  height: calc(100vw * 420 / 1920);
}

.design-of-year .listing-post > .item:nth-child(2) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
  height: calc(100vw * 720 / 1920);
}

.design-of-year .listing-post > .item:nth-child(3) {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  height: calc(100vw * 420 / 1920);
  margin-bottom: 0;
}

.design-of-year .listing-post > .item:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 4;
  height: calc(100vw * 720 / 1920);
}

.design-of-year .listing-post > .item:nth-child(5) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
  height: calc(100vw * 420 / 1920);
}

.design-of-year .listing-post > .item:nth-child(6) {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
  height: calc(100vw * 420 / 1920);
  margin-bottom: 0;
}

.design-of-year .listing-post > .item:nth-child(7) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 4;
  grid-row-end: 5;
  height: calc(100vw * 420 / 1920);
}

.design-of-year .listing-post > .item:nth-child(8) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 4;
  grid-row-end: 5;
  height: calc(100vw * 420 / 1920);
}

.design-of-year .listing-post > .item:nth-child(9) {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 5;
  height: calc(100vw * 720 / 1920);
  margin-bottom: 0;
}

.design-of-year .listing-post > .item .s-thumnail {
  height: 100%;
  overflow: hidden;
}

.design-of-year .listing-post > .item .s-thumnail img {
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.design-of-year .listing-post > .item .s-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  overflow: hidden;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  display: flex;
  align-items: flex-end;
}

.design-of-year .listing-post > .item .s-title a {
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  font-size: 1.125rem;
  padding: 48px 28px;
}

.design-of-year .listing-post > .item:hover .s-thumnail img {
  transform: scale(1.1);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.inspired-blog {
  margin-bottom: 200px;
}

.inspired-blog .listing-post {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

.inspired-blog .listing-post > .item {
  position: relative;
  margin-right: 52px;
  height: calc(100vw * 590 / 1920);
}

.inspired-blog .listing-post > .item:nth-child(3n+3) {
  margin-right: 0;
}

.inspired-blog .listing-post > .item:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
}

.inspired-blog .listing-post > .item:nth-child(2) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
}

.inspired-blog .listing-post > .item:nth-child(3) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
}

.inspired-blog .listing-post > .item:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  margin-right: 52px;
}

.inspired-blog .listing-post > .item:nth-child(5) {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
  margin-right: 52px;
}

.inspired-blog .listing-post > .item:nth-child(6) {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 2;
}

.inspired-blog .listing-post > .item .s-thumnail {
  height: 100%;
  overflow: hidden;
}

.inspired-blog .listing-post > .item .s-thumnail img {
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.inspired-blog .listing-post > .item:hover .s-thumnail img {
  transform: scale(1.1);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.inspired-blog .listing-post > .item .s-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  overflow: hidden;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  display: flex;
  align-items: flex-end;
}

.inspired-blog .listing-post > .item .s-title a {
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  font-size: 1.125rem;
  padding: 48px 28px;
}

.guide {
  margin-bottom: 200px;
}

.guide .listing-post {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

.guide .listing-post > .item {
  position: relative;
  margin-right: 52px;
  height: calc(100vw * 590 / 1920);
}

.guide .listing-post > .item:nth-child(3n+3) {
  margin-right: 0;
}

.guide .listing-post > .item:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
}

.guide .listing-post > .item:nth-child(2) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
}

.guide .listing-post > .item:nth-child(3) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
}

.guide .listing-post > .item:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  margin-right: 52px;
}

.guide .listing-post > .item:nth-child(5) {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
  margin-right: 52px;
}

.guide .listing-post > .item:nth-child(6) {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 2;
}

.guide .listing-post > .item .s-thumnail {
  height: 100%;
  overflow: hidden;
}

.guide .listing-post > .item .s-thumnail img {
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.guide .listing-post > .item:hover .s-thumnail img {
  transform: scale(1.1);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.guide .listing-post > .item .s-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  overflow: hidden;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  display: flex;
  align-items: flex-end;
}

.guide .listing-post > .item .s-title a {
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  font-size: 1.125rem;
  padding: 48px 28px;
}

.cate-blogs-sub {
  margin-bottom: 200px;
}

.cate-blogs-sub .m-title {
  margin-bottom: 40px;
}

.cate-blogs-sub .m-desc {
  margin-bottom: 104px;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.cate-blogs-sub .listing-post {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

.cate-blogs-sub .listing-post > .item {
  position: relative;
  margin-bottom: 52px;
  margin-right: 52px;
  height: calc(100vw * 590 / 1920);
}

.cate-blogs-sub .listing-post > .item:nth-child(3n+3) {
  margin-right: 0;
}

.cate-blogs-sub .listing-post > .item:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
}

.cate-blogs-sub .listing-post > .item:nth-child(2) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
}

.cate-blogs-sub .listing-post > .item:nth-child(3) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
}

.cate-blogs-sub .listing-post > .item:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  margin-right: 52px;
}

.cate-blogs-sub .listing-post > .item:nth-child(5) {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
  margin-right: 52px;
}

.cate-blogs-sub .listing-post > .item:nth-child(6) {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 2;
}

.cate-blogs-sub .listing-post > .item:nth-child(7) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
}

.cate-blogs-sub .listing-post > .item:nth-child(8) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 3;
}

.cate-blogs-sub .listing-post > .item:nth-child(9) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 3;
}

.cate-blogs-sub .listing-post > .item:nth-child(10) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 4;
}

.cate-blogs-sub .listing-post > .item:nth-child(11) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 4;
}

.cate-blogs-sub .listing-post > .item:nth-child(12) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 4;
}

.cate-blogs-sub .listing-post > .item .s-thumnail {
  height: 100%;
  overflow: hidden;
}

.cate-blogs-sub .listing-post > .item .s-thumnail img {
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.cate-blogs-sub .listing-post > .item:hover .s-thumnail img {
  transform: scale(1.1);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.cate-blogs-sub .listing-post > .item .s-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  overflow: hidden;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  display: flex;
  align-items: flex-end;
}

.cate-blogs-sub .listing-post > .item .s-title a {
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  font-size: 1.125rem;
  padding: 48px 28px;
}

.single-post .breadcrumb {
  margin-top: 22px;
  margin-bottom: 70px;
}

.single-post .s-thumnail {
  height: 435px;
  overflow: hidden;
}

.single-post .s-thumnail img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.wrap-m-content {
  display: flex;
  flex-wrap: wrap;
}

.wrap-m-content .wp-block-image {
  margin: 45px 0;
}

.wrap-m-content .info {
  width: calc(20% - 120px);
  margin-right: 120px;
}

.wrap-m-content .info .category .mm-title,
.wrap-m-content .info .tags .mm-title {
  color: #213b64;
  font-size: 1.125rem;
}

.wrap-m-content .info .category .listing,
.wrap-m-content .info .tags .listing {
  color: #666767;
}

.wrap-m-content .info .category {
  margin-bottom: 20px;
}

.wrap-m-content .info .category .listing span {
  display: block;
}

.wrap-m-content .mm-content {
  width: 60%;
}

.wrap-m-content .mm-content .title {
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  margin-bottom: 40px;
  text-transform: uppercase;
  color: #213b64;
}

.wrap-m-content .mm-content img {
  width: 100%;
}

.wrap-m-content .mm-content .content h3 {
  margin-bottom: 0;
}

.relate-post-title {
  margin-top: 250px;
  margin-bottom: 85px;
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  color: #213b64;
}

.relate-listing-post {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

.relate-listing-post > .item {
  position: relative;
  margin-bottom: 52px;
  margin-right: 52px;
  height: calc(100vw * 590 / 1920);
}

.relate-listing-post > .item:nth-child(3n+3) {
  margin-right: 0;
}

.relate-listing-post > .item:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
}

.relate-listing-post > .item:nth-child(2) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
}

.relate-listing-post > .item:nth-child(3) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
}

.relate-listing-post > .item:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  margin-right: 52px;
}

.relate-listing-post > .item:nth-child(5) {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
  margin-right: 52px;
}

.relate-listing-post > .item:nth-child(6) {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 2;
}

.relate-listing-post > .item .s-thumnail {
  height: 100%;
  overflow: hidden;
}

.relate-listing-post > .item .s-thumnail img {
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.relate-listing-post > .item:hover .s-thumnail img {
  transform: scale(1.1);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.relate-listing-post > .item .s-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  overflow: hidden;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  display: flex;
  align-items: flex-end;
}

.relate-listing-post > .item .s-title a {
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  font-size: 1.125rem;
  padding: 48px 28px;
}

body.archive.category .cate-blogs-sub .m-title {
  margin-top: 90px;
}

.page-template-stores .m-title {
  margin-bottom: 90px;
}

.page-template-stores .m-desc {
  margin-bottom: 140px;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.page-template-stores .highlight-store .wrap-highlight-store {
  display: flex;
  flex-wrap: wrap;
}

.page-template-stores .highlight-store .wrap-highlight-store .image {
  width: calc(100% / 2 - (140px * 1 / 2));
  margin-right: 70px;
}

.page-template-stores .highlight-store .wrap-highlight-store .image img {
  width: 100%;
}

.page-template-stores .highlight-store .wrap-highlight-store .content {
  width: calc(100% / 2 - (140px * 1 / 2));
  margin-left: 70px;
}

.page-template-stores .highlight-store .wrap-highlight-store .content .wrap-content .title {
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  text-transform: uppercase;
  color: #213b64;
  margin-bottom: 40px;
}

.page-template-stores .highlight-store .wrap-highlight-store .content .wrap-content .desc {
  margin-bottom: 40px;
}

.page-template-stores .highlight-store .wrap-highlight-store .content .wrap-content .items {
  margin-bottom: 40px;
}

.page-template-stores .highlight-store .wrap-highlight-store .content .wrap-content .items .item {
  display: flex;
  flex-wrap: wrap;
}

.page-template-stores .highlight-store .wrap-highlight-store .content .wrap-content .items .item .label {
  font-weight: 600;
  margin-right: 5px;
}

.page-template-stores .highlight-store .wrap-highlight-store .content .wrap-content .view-all {
  justify-content: flex-start;
}

.page-template-stores .highlight-store .wrap-highlight-store .content .wrap-content .view-all a {
  font-family: SFUSemibold, sans-serif;
}

.page-template-stores .video-store {
  padding: 120px;
  background: #213b64;
  margin-top: 120px;
  margin-bottom: 120px;
  position: relative;
  text-align: center;
}

.page-template-stores .video-store .title {
  display: none;
}

.page-template-stores .video-store .inner-video {
  position: relative;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.page-template-stores .video-store .inner-video #patten-vid {
  position: absolute;
  cursor: pointer;
  z-index: 5;
}

.page-template-stores .video-store .inner-video #patten-vid.hidden {
  display: none;
}

.page-template-stores .video-store .inner-video #player {
  position: relative;
  z-index: 3;
}

.page-template-stores .video-store .inner-video #thumbnail-video {
  position: absolute;
  z-index: 4;
  visibility: visible;
  opacity: 1;
  display: block;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  height: 100%;
  object-fit: cover;
}

.page-template-stores .video-store .inner-video #thumbnail-video.hidden {
  visibility: hidden;
  opacity: 0;
  display: none;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.page-template-stores .video-store > .patten {
  position: absolute;
  bottom: 0;
  right: 70px;
  z-index: 1;
}

.page-template-stores .wrap-locations .control {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 35px;
}

.page-template-stores .wrap-locations .control .filter-internal {
  width: 50%;
}

.page-template-stores .wrap-locations .control .search-internal {
  width: 50%;
  text-align: right;
  justify-content: flex-end;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  opacity: 1;
}

.page-template-stores .wrap-locations .control .search-internal > input {
  width: 40%;
  border: 0 !important;
  border-bottom: 1px solid #213b64 !important;
  border-radius: 0 !important;
  padding: 10px 0 !important;
}

.page-template-stores .wrap-locations .control .search-internal > input::-webkit-input-placeholder {
  /* Edge */
  color: #213b64;
  font-size: 18px;
  font-family: SFURegular, sans-serif;
}

.page-template-stores .wrap-locations .control .search-internal > input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #213b64;
  font-size: 18px;
  font-family: SFURegular, sans-serif;
}

.page-template-stores .wrap-locations .control .search-internal > input::placeholder {
  color: #213b64;
  font-size: 18px;
  font-family: SFURegular, sans-serif;
}

.page-template-stores .wrap-locations .control .search-internal > img {
  position: absolute;
  right: 2px;
  cursor: pointer;
}

.page-template-stores .wrap-locations .listing {
  margin-bottom: 30px;
}

.page-template-stores .wrap-locations .listing .item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 40px 30px;
  border-bottom: 1px solid #dcdddd;
  color: #213b64;
  cursor: pointer;
}

.page-template-stores .wrap-locations .listing .item:hover {
  background: #D5DBE0;
}

.page-template-stores .wrap-locations .listing .item:hover.header {
  background: transparent;
}

.page-template-stores .wrap-locations .listing .item.header {
  border-top: 1px solid #213b64;
  border-bottom: 1px solid #213b64;
  text-transform: uppercase;
  padding: 11px 30px;
}

.page-template-stores .wrap-locations .listing .item.header .list-col-2 {
  color: #213b64;
}

.page-template-stores .wrap-locations .listing .item.header .list-col-3 {
  color: #222321;
}

.page-template-stores .wrap-locations .listing .item .list-col-1 {
  width: 50%;
  font-size: 1.125rem;
  opacity: 1;
}

.page-template-stores .wrap-locations .listing .item .list-col-1 a {
  color: #213b64;
  font-size: 1.125rem;
}

.page-template-stores .wrap-locations .listing .item .list-col-2 {
  width: 25%;
  color: #213b64;
  font-size: 1.125rem;
  text-align: center;
}

.page-template-stores .wrap-locations .listing .item .list-col-3 {
  width: 25%;
  color: #213b64;
  font-size: 1.125rem;
  text-align: center;
}

.page-template-stores .wrap-locations .listing .item .list-col-3 a {
  font-family: SFURegular, sans-serif;
}

.info-client-shipping {
  display: none;
}

.info-client-shipping.active {
  display: block;
}

.coupon-part .coupon-part-control > a {
  color: #8091A2;
  text-decoration: underline;
}

.coupon-part .coupon-part-detail {
  display: none;
}

.coupon-part .coupon-part-detail [name="coupon-show"] {
  padding: 15px;
  border: 1px solid rgba(102, 103, 103, 0.3) !important;
  border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}

.coupon-part .coupon-part-detail [name="redeem-coupon-show"] {
  border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border: 1px solid #213b64 !important;
  color: #F1E4D7 !important;
  background: #213b64 !important;
  display: inline-block !important;
  height: 55px;
  position: relative;
  top: 2px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: SFUSemibold, sans-serif;
  font-size: 1.125rem;
}

.coupon-part .coupon-part-detail [name="redeem-coupon-show"]:hover {
  color: #213b64 !important;
  background: #fff !important;
}

#coupon-redeem {
  display: none;
}

#coupon-redeem [name="coupon"] {
  padding: 15px;
  border: 1px solid rgba(102, 103, 103, 0.3) !important;
  border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}

#coupon-redeem [name="redeem-coupon"] {
  border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border: 1px solid #213b64 !important;
  color: #F1E4D7 !important;
  background: #213b64 !important;
  display: inline-block !important;
  height: 55px;
  position: relative;
  top: 2px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: SFUSemibold, sans-serif;
  font-size: 1.125rem;
}

#coupon-redeem [name="redeem-coupon"]:hover {
  color: #213b64 !important;
  background: #fff !important;
}

.wrap-checkout-info2 {
  display: flex;
  flex-wrap: wrap;
  font-family: SFURegular, sans-serif;
}

.wrap-checkout-info2 > .left {
  width: calc(60% - 69px);
  margin-right: 69px;
  padding-top: 58px;
  padding-left: 120px;
}

.wrap-checkout-info2 > .left .wrap-content .control .return {
  display: flex;
  flex-wrap: wrap;
}

.wrap-checkout-info2 > .left .wrap-content .control .return > span {
  margin-right: 5px;
  color: #213b64;
  display: inline-block;
}

.wrap-checkout-info2 > .left .wrap-content .control .return a {
  text-transform: uppercase;
  font-size: 1rem;
  color: #213b64;
  display: inline-block;
}

.wrap-checkout-info2 > .left .wrap-content .page-title {
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  color: #213b64;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.wrap-checkout-info2 > .left .wrap-content .coupon-part {
  background: rgba(241, 228, 215, 0.2);
  padding: 15px 10px;
  margin-bottom: 63px;
}

.wrap-checkout-info2 > .left .wrap-content .billing-title {
  font-family: SFURegular, sans-serif;
  font-size: 1.75rem;
  color: #213b64;
  text-transform: uppercase;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 29px;
}

.wrap-checkout-info2 > .left .wrap-content .wrap-form-row-data .wrap-info-client .info-client {
  display: flex;
  flex-wrap: wrap;
}

.wrap-checkout-info2 > .left .wrap-content .wrap-form-row-data .wrap-info-client .info-client .form-row {
  width: 100%;
}

.wrap-checkout-info2 > .left .wrap-content .wrap-form-row-data .wrap-info-client .info-client .form-row.form-row-name {
  width: calc(100% / 2 - (14px * 1 / 2));
  margin-right: 14px;
}

.wrap-checkout-info2 > .left .wrap-content .wrap-form-row-data .wrap-info-client .info-client .form-row.form-row-name:nth-child(2) {
  margin-right: 0;
}

.wrap-checkout-info2 > .left .wrap-content .wrap-form-row-data .wrap-info-client .info-client .form-row#billing_state_field {
  width: calc(100% / 2 - (14px * 1 / 2));
  margin-right: 14px;
}

.wrap-checkout-info2 > .left .wrap-content .wrap-form-row-data .wrap-info-client .info-client .form-row#billing_city_field {
  width: calc(100% / 2 - (14px * 1 / 2));
  margin-right: 0;
}

.wrap-checkout-info2 > .right {
  width: 40%;
  background: rgba(33, 59, 100, 0.03);
  padding-top: 106px;
  padding-left: 96px;
  padding-right: 120px;
}

.wrap-checkout-info2 > .right ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.wrap-checkout-info2 > .right .wrap-content .total-cart-content .order-summary-title {
  font-family: SFURegular, sans-serif;
  font-size: 1.75rem;
  color: #213b64;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 31px;
  width: 75%;
  margin-left: 25%;
}

.wrap-checkout-info2 > .right .wrap-content .total-cart-content .top {
  padding-bottom: 26px;
  margin-bottom: 26px;
  border-bottom: 1px solid rgba(103, 102, 102, 0.25);
}

.wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 31px;
}

.wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .thumbnail {
  width: calc(25% - 31px);
  margin-right: 31px;
}

.wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail {
  width: 75%;
  position: relative;
}

.wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail > .mid .title {
  margin-bottom: 10px;
}

.wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail > .mid .title a {
  font-size: 1.375rem;
  color: #222321;
}

.wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail > .mid .attr .attr-item {
  margin-bottom: 10px;
}

.wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail > .mid .attr .attr-item label {
  font-size: 1rem;
  font-weight: 600;
}

.wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail > .right {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1.375rem;
}

.wrap-checkout-info2 > .right .wrap-content .total-cart-content .cart-sub-total {
  padding-bottom: 26px;
  margin-bottom: 26px;
  border-bottom: 1px solid rgba(103, 102, 102, 0.25);
}

.wrap-checkout-info2 > .right .wrap-content .cart-sub-total {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.wrap-checkout-info2 > .right .wrap-content .cart-sub-total .coll-left {
  width: 50%;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-family: SFURegular, sans-serif;
  font-weight: 600;
}

.wrap-checkout-info2 > .right .wrap-content .cart-sub-total .coll-right {
  width: 50%;
  text-align: right;
  font-size: 1.375rem;
}

.wrap-checkout-info2 > .right .wrap-content .cart-shipping {
  margin-bottom: 26px;
  border-bottom: 1px solid rgba(103, 102, 102, 0.25);
}

.wrap-checkout-info2 > .right .wrap-content .cart-shipping > .coll-left {
  font-size: 1.125rem;
  font-family: SFUSemibold, sans-serif;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.wrap-checkout-info2 > .right .wrap-content .cart-shipping > .coll-right ul li {
  margin-bottom: 30px;
  font-size: 1.375rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.wrap-checkout-info2 > .right .wrap-content .cart-shipping > .coll-right ul li:nth-last-child() {
  margin-bottom: 0;
}

.wrap-checkout-info2 > .right .wrap-content .cart-shipping > .coll-right ul li .sh-cost {
  float: right;
}

.wrap-checkout-info2 > .right .wrap-content .cart-shipping > .coll-right [type="radio"] {
  width: 17px;
  height: 17px;
}

.wrap-checkout-info2 > .right .wrap-content .cart-total {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 30px;
}

.wrap-checkout-info2 > .right .wrap-content .cart-total .coll-left {
  width: 50%;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-family: SFUSemibold, sans-serif;
}

.wrap-checkout-info2 > .right .wrap-content .cart-total .coll-right {
  width: 50%;
  text-align: right;
  font-size: 1.375rem;
  font-weight: 600;
}

#payment ul {
  padding: 30px 10px 1px;
  background: #fff;
  margin-bottom: 33px;
}

#payment ul li {
  margin-bottom: 30px;
  font-size: 1.375rem;
}

#payment ul li:nth-last-child() {
  margin-bottom: 0;
}

#payment [type="radio"] {
  width: 17px;
  height: 17px;
}

.wrap-form-row-data .form-row input,
.wrap-form-row-data .form-row select,
.wrap-form-row-data .form-row textarea {
  border: 1px solid rgba(102, 103, 103, 0.3) !important;
  border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  width: 100%;
  padding: 13px 16px !important;
  margin-bottom: 25px;
}

.wrap-form-row-data .form-row input::-webkit-input-placeholder,
.wrap-form-row-data .form-row select::-webkit-input-placeholder,
.wrap-form-row-data .form-row textarea::-webkit-input-placeholder {
  /* Edge */
  font-family: SFURegular, sans-serif;
}

.wrap-form-row-data .form-row input:-ms-input-placeholder,
.wrap-form-row-data .form-row select:-ms-input-placeholder,
.wrap-form-row-data .form-row textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-family: SFURegular, sans-serif;
}

.wrap-form-row-data .form-row input::placeholder,
.wrap-form-row-data .form-row select::placeholder,
.wrap-form-row-data .form-row textarea::placeholder {
  font-family: SFURegular, sans-serif;
}

.wrap-form-row-data .form-row > label {
  font-size: 1.125rem;
  color: #222321;
  margin-bottom: 8px;
}

.wrap-form-row-data .form-row .select2-selection {
  border: 1px solid rgba(102, 103, 103, 0.3) !important;
  border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  width: 100%;
  padding: 13px 16px !important;
  display: block;
  height: auto;
  margin-bottom: 25px;
}

.wrap-form-row-data .form-row .select2-selection > span {
  padding: 0;
  margin: 0;
}

.toggle-shipping-form-fields {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 50px;
}

.toggle-shipping-form-fields span {
  font-size: 1.375rem;
}

.toggle-shipping-form-fields span:nth-child(1) {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: relative;
  border: 1px solid #213b64;
  margin-right: 10px;
}

.toggle-shipping-form-fields.active span:nth-child(1):before {
  content: "";
  height: 34px;
  width: 34px;
  top: 2px;
  left: 2px;
  background: #213b64;
  display: inline-block;
  position: absolute;
  position: absolute;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 15px;
  right: 4px;
}

#order_comments {
  min-height: 172px;
}

.woocommerce-terms-and-conditions-wrapper {
  margin-bottom: 30px;
}

.woocommerce-terms-and-conditions-checkbox-text {
  font-family: SFULight, sans-serif;
  font-size: 1rem;
}

#place_order {
  font-family: SFURegular, sans-serif !important;
  font-weight: 600 !important;
  width: 100%;
  background: #213b64 !important;
  color: #F1E4D7 !important;
  border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  padding: 18px !important;
  text-transform: uppercase;
  border: 1px solid #213b64;
}

#place_order:hover {
  background: #fff !important;
  color: #222321 !important;
}

.payment_box {
  font-size: 1rem;
}

.wrap-checkout-info2 input[type="radio"] {
  /* The native appearance is hidden */
  appearance: none;
  -webkit-appearance: none;
  /* For a circular appearance we need a border-radius. */
  border-radius: 50%;
  /* The background will be the radio dot's color. */
  background: rgba(34, 35, 33, 0);
  /* The border will be the spacing between the dot and the outer circle */
  border: 2px solid #FFF;
  /* And by creating a box-shadow with no offset and no blur, we have an outer circle */
  box-shadow: 0 0 0 1px #222321;
  margin-right: 5px;
}

.wrap-checkout-info2 > .right .wrap-content .cart-shipping > .coll-right [type="radio"] {
  margin-right: 10px;
}

.wrap-checkout-info2 input[type="radio"]:hover {
  background: #222321;
}

.wrap-checkout-info2 input[type="radio"]:checked {
  background: #222321;
}

.form-row input:focus {
  outline: none !important;
}

.woocommerce-NoticeGroup .woocommerce-error {
  display: none !important;
}

.form-row.woocommerce-invalid input.input-text {
  box-shadow: inset 0 -2px 0 #EC0000 !important;
}

.woocommerce-invalid {
  position: relative;
}

.woocommerce-invalid .error {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #EC0000;
}

.woocommerce-terms-and-conditions-checkbox-text.tick {
  color: #EC0000;
}

.woocommerce-terms-and-conditions-checkbox-text.tick a {
  color: #EC0000;
}

.order-success-part {
  position: fixed;
  z-index: 99999999999999999;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
}

.order-success-part .wrap-order-success-part {
  padding: 37px 30px 44px;
  background: #fff;
  border-radius: 25px;
  -ms-border-radius: 25px;
  -webkit-border-radius: 25px;
  text-align: center;
  position: relative;
  z-index: 5;
  width: 42%;
  max-width: 790px;
  background: url("../assets/image/subtract.png") center/cover no-repeat;
}

.order-success-part .wrap-order-success-part > img {
  max-width: 70px;
  object-fit: contain;
}

.order-success-part .wrap-order-success-part .title {
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  color: #213b64;
  margin-bottom: 38px;
  text-transform: uppercase;
}

.order-success-part .wrap-order-success-part .order-success-id {
  color: #666767;
  font-family: SFURegular, sans-serif;
  font-size: 1.125rem;
  margin-bottom: 42px;
  padding-bottom: 32px;
  border-bottom: 1px dashed rgba(33, 59, 100, 0.2);
}

.order-success-part .wrap-order-success-part .order-success-desc {
  font-family: SFURegular, sans-serif;
  font-size: 1.375rem;
  color: #222321;
  margin-bottom: 28px;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.order-success-part .wrap-order-success-part .order-success-btn {
  text-align: center;
}

.order-success-part .wrap-order-success-part .order-success-btn a {
  display: inline-block;
  padding: 14px 0;
  background: #213b64;
  border: 1px solid #213b64;
  color: #f1e4d7;
  font-family: SFUSemibold, sans-serif;
  font-size: 1.125rem;
  width: 340px;
}

.order-success-part .wrap-order-success-part .order-success-btn a:hover {
  background: #213b64;
  color: #f1e4d7;
}

#zwc_chosen_method {
  padding-left: 10px;
}

#cart {
  position: fixed;
  top: 0;
  right: -200vw;
  width: 32%;
  height: 100vh;
  overflow: hidden;
  box-shadow: 0 2px 5px 0 rgba(33, 59, 100, 0.3);
  z-index: 99999999;
  background: #fff;
  padding: 40px 45px;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

#cart.active {
  right: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

#cart::-webkit-scrollbar {
  width: 6px;
}

#cart::-webkit-scrollbar-track {
  background: #f1f1f1;
}

#cart::-webkit-scrollbar-thumb {
  background: #888;
}

#cart::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#cart > .wrap-title {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid rgba(103, 102, 102, 0.25);
  margin-bottom: 30px;
}

#cart > .wrap-title .close {
  position: absolute;
  right: 0;
  cursor: pointer;
}

#cart > .wrap-title .title {
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  color: #213b64;
  padding-bottom: 16px;
  text-transform: uppercase;
}

#cart .wrap-cart-page .top .listing-cart {
  height: 50vh;
  overflow-x: hidden;
  overflow-y: auto;
}

#cart .wrap-cart-page .top .listing-cart::-webkit-scrollbar {
  width: 0;
}

#cart .wrap-cart-page .top .listing-cart::-webkit-scrollbar-track {
  background: #f1f1f1;
}

#cart .wrap-cart-page .top .listing-cart::-webkit-scrollbar-thumb {
  background: #888;
}

#cart .wrap-cart-page .top .listing-cart::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#cart .wrap-cart-page .top .listing-cart .item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

#cart .wrap-cart-page .top .listing-cart .item .thumbnail {
  width: calc(31% - 30px);
  margin-right: 30px;
}

#cart .wrap-cart-page .top .listing-cart .item .thumbnail img {
  width: 100%;
}

#cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail {
  width: 69%;
  position: relative;
}

#cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-title .title {
  margin-bottom: 10px;
}

#cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-title .title a {
  font-size: 1.375rem;
  font-family: SFURegular, sans-serif;
  text-transform: capitalize;
  font-weight: 400;
}

#cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-attr {
  font-size: 1rem;
}

#cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-attr > .left .attr {
  margin-bottom: 25px;
}

#cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-attr > .left .attr .attr-item {
  margin-bottom: 10px;
}

#cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-attr > .right {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 20%;
  text-align: right;
}

#cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-attr > .right .p-price {
  word-break: break-all;
  font-size: 1.5rem;
}

#cart .wrap-cart-page .top .listing-cart .redeem-cart > span {
  margin-bottom: 15px;
}

#cart .wrap-cart-page .top .listing-cart .redeem-cart > span > span {
  color: #8091A2;
  text-decoration: underline;
}

#cart .wrap-cart-page .bottom {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid rgba(103, 102, 102, 0.25);
}

#cart .wrap-cart-page .bottom .wrap-bottom .redeem-cart {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(103, 102, 102, 0.25);
}

#cart .wrap-cart-page .bottom .wrap-bottom .redeem-cart > span {
  margin-bottom: 15px;
}

#cart .wrap-cart-page .bottom .wrap-bottom .redeem-cart > span > span {
  color: #8091A2;
  text-decoration: underline;
}

#cart .wrap-cart-page .bottom .wrap-bottom .cart-total {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

#cart .wrap-cart-page .bottom .wrap-bottom .cart-total .coll-left {
  width: 50%;
}

#cart .wrap-cart-page .bottom .wrap-bottom .cart-total .coll-left > span {
  display: block;
  font-size: 1.125rem;
  font-family: SFUMedium, sans-serif;
  text-transform: uppercase;
}

#cart .wrap-cart-page .bottom .wrap-bottom .cart-total .coll-left > span:nth-child(2) {
  text-transform: capitalize;
}

#cart .wrap-cart-page .bottom .wrap-bottom .cart-total .coll-right {
  width: 50%;
  text-align: right;
}

#cart .wrap-cart-page .bottom .wrap-bottom .cart-total .coll-right > span {
  display: block;
}

#cart .wrap-cart-page .bottom .wrap-bottom .cart-total .coll-right > span:nth-child(1) {
  font-family: SFUSemibold, sans-serif;
  font-size: 1.5rem;
}

#cart .wrap-cart-page .bottom .wrap-bottom .cart-total .coll-right > span:nth-child(2) {
  font-family: SFURegular, sans-serif;
  font-size: 1rem;
}

#cart .wrap-cart-page .cart-action .continue-shopping {
  margin-bottom: 20px;
}

#cart .wrap-cart-page .cart-action .continue-shopping a.continue-shopping-btn {
  display: inline-block;
  width: 100%;
  padding: 17px;
  border: 1px solid rgba(33, 59, 100, 0.25);
  color: #213b64;
  background: #fff;
  font-family: SFUSemibold, sans-serif;
  font-size: 1.125rem;
  text-align: center;
  text-transform: uppercase;
}

#cart .wrap-cart-page .cart-action .continue-shopping a.continue-shopping-btn:hover {
  border: 1px solid #213b64;
  background: #F9FAFA;
}

#cart .wrap-cart-page .cart-action .proceed a.proceed-btn {
  display: inline-block;
  width: 100%;
  padding: 17px;
  border: 1px solid #213b64;
  color: #F1E4D7;
  background: #213b64;
  font-family: SFUSemibold, sans-serif;
  font-size: 1.125rem;
  text-align: center;
  text-transform: uppercase;
}

#cart .wrap-cart-page .cart-action .proceed a.proceed-btn:hover {
  color: #213b64;
  border: 1px solid #213b64;
  background: #F9FAFA;
}

.redeem-cart {
  padding-bottom: 20px;
}

.redeem-cart #coupon-redeem {
  display: block !important;
}

.redeem-cart #coupon-redeem p {
  display: flex;
  flex-wrap: wrap;
}

.redeem-cart #coupon-redeem p [name="coupon"] {
  width: calc(80% - 10px);
  margin-right: 10px;
}

.redeem-cart #coupon-redeem p [name="coupon"]::-webkit-input-placeholder {
  font-family: SFURegular,sans-serif;
}

.redeem-cart #coupon-redeem p [name="coupon"]:-ms-input-placeholder {
  font-family: SFURegular,sans-serif;
}

.redeem-cart #coupon-redeem p [name="coupon"]::placeholder {
  font-family: SFURegular,sans-serif;
}

.redeem-cart #coupon-redeem p [name="redeem-coupon"] {
  width: 20%;
  top: 0;
}

.redeem-cart .error-p input[name="coupon"] {
  border: 1px solid #EC0000 !important;
}

.redeem-cart .error-p .error {
  color: #EC0000;
}

#coupon-redeem.error-p [name="coupon"] {
  border: 1px solid #EC0000 !important;
}

.change-qty {
  display: inline-block;
  padding: 2px 15px;
  border: 1px solid rgba(103, 102, 102, 0.25);
}

.change-qty .pre {
  width: 20px;
  text-align: center;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 1.375rem;
  margin-right: 10px;
  cursor: pointer;
}

.change-qty .val {
  width: 20px;
  text-align: center;
  font-size: 1.25rem;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.change-qty .next {
  width: 20px;
  text-align: center;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 1.375rem;
  margin-left: 10px;
  cursor: pointer;
}

.woocommerce-error {
  margin: 30px 0;
  background: #213b64 !important;
  color: #F1E4D7 !important;
  list-style-type: none;
  padding: 15px 120px;
}

.footer-part-contact {
  padding-top: 200px;
  padding-bottom: 302px;
  position: relative;
}

.footer-part-contact .wrap-footer-part-contact {
  background: #213b64;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.footer-part-contact .wrap-footer-part-contact .inner-content {
  width: 30%;
  left: 15%;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  color: #f1e4d7;
}

.footer-part-contact .wrap-footer-part-contact .inner-content a {
  color: #f1e4d7;
}

.footer-part-contact .wrap-footer-part-contact .inner-content .s-title {
  font-family: Megante, sans-serif;
  font-size: 2.25rem;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 30px;
}

.footer-part-contact .wrap-footer-part-contact .inner-content .s-desc {
  font-size: 1rem;
  margin-bottom: 30px;
}

.footer-part-contact .wrap-footer-part-contact .inner-content .s-desc span {
  display: block;
}

.footer-part-contact .wrap-footer-part-contact .inner-content .s-contact {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span {
  width: calc(50% - 5px);
  white-space: nowrap;
}

.footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span p {
  display: flex;
  padding: 15px 12px;
  text-align: center;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span p a {
  margin-right: 20px;
  text-transform: uppercase;
}

.footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span p > img {
  max-height: 28px;
  object-fit: contain;
}

.footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span:nth-child(1) {
  margin-right: 10px;
}

.footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span:nth-child(1) p {
  background: #f1e4d7;
  color: #213b64;
}

.footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span:nth-child(1) p a {
  color: #213b64;
  font-size: 1.125rem;
  font-family: SFUSemibold, sans-serif;
}

.footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span:nth-child(2) {
  font-size: 1.125rem;
  font-family: SFUSemibold, sans-serif;
}

.footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span:nth-child(2) p a {
  margin-left: 3px;
}

.footer-part-contact .wrap-footer-part-contact .inner-image {
  position: absolute;
  width: 43%;
  right: 80px;
  padding: 96px 90px 96px 0;
  background: url("../assets/image/back-contact.svg") center/contain no-repeat;
}

.footer-part-contact .wrap-footer-part-contact .inner-image img {
  height: 100%;
  object-fit: contain;
}

.footer-part-contact .wrap-footer-part-contact .inner-image iframe {
  width: 100%;
}

footer {
  background: #E8E2DB;
  padding: 80px 120px 0;
}

footer .footer-menu {
  display: inline-block;
  display: grid;
  padding-bottom: 80px;
  grid-template-columns: auto auto auto auto auto auto;
}

footer .footer-menu .item {
  font-size: 0.875rem;
  text-transform: uppercase;
  display: inline-block;
  margin-right: calc(100vw * 151 / 1920);
  float: left;
}

footer .footer-menu .item:last-child {
  margin-right: 0;
}

footer .footer-menu .item.f-logo {
  margin-right: calc(100vw * 220 / 1920);
  min-width: 68px;
}

footer .footer-menu .item .title {
  color: #213b64;
  margin-bottom: 30px;
  font-weight: 600;
  letter-spacing: 0.2em;
}

footer .footer-menu .item .listing {
  letter-spacing: 0.1em;
}

footer .footer-menu .item .listing .f-item {
  margin-bottom: 15px;
}

footer .footer-menu .item .listing .f-item a {
  color: #222321;
  position: relative;
  display: inline-block;
  padding-bottom: 0;
  overflow: hidden;
}

footer .footer-menu .item .listing .f-item a:before {
  content: "";
  position: absolute;
  left: -120%;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #213b64;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

footer .footer-menu .item .listing .f-item a:hover {
  color: #213b64;
}

footer .footer-menu .item .listing .f-item a:hover:before {
  left: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

footer .copyright {
  border-top: 1px solid #ABB6C2;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  font-family: SFURegular, sans-serif;
}

footer .copyright span {
  display: block;
  color: #213b64;
  opacity: 0.8;
  font-size: 0.75rem;
  letter-spacing: 3px;
}

#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #213b64;
  top: 0;
  left: 0;
  z-index: 999999999999999999999;
  transition: 1.5s;
  -moz-transition: 1.5s;
  -webkit-transition: 1.5s;
}

#overlay.leaf {
  left: -120vw;
  transition: 1.5s;
  -moz-transition: 1.5s;
  -webkit-transition: 1.5s;
}

#search-popup {
  position: fixed;
  top: 0;
  right: -100vw;
  width: 30%;
  min-width: 690px;
  height: 100%;
  z-index: 10000;
  overflow: hidden;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

#search-popup::-webkit-scrollbar {
  width: 6px;
}

#search-popup::-webkit-scrollbar-track {
  background: transparent;
}

#search-popup::-webkit-scrollbar-thumb {
  background: transparent;
}

#search-popup::-webkit-scrollbar-thumb:hover {
  background: #1a1a1a;
}

#search-popup.show {
  right: 0;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

#search-popup.show .header-right {
  width: 100%;
  height: 45px;
}

#search-popup.show .search-wrap {
  padding: 55px 50px 70px;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0.75rem;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}

#search-popup.show:after {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background: url("../assets/arrow-left.svg") 60% center/30px 15px no-repeat, rgba(0, 0, 0, 0.25);
  z-index: 5;
}

#search-popup .close {
  font-size: 2rem;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 99999999999999;
}

#search-popup .title {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 45px;
}

#search-popup .search-archive {
  margin-bottom: 30px;
}

#search-popup .search-archive .item {
  font-size: 1.2rem;
  margin-bottom: 10px;
  cursor: pointer;
}

#search-popup .search-archive .item.active {
  font-weight: 600;
}

#search-popup .search-archive .item:hover {
  font-weight: 600;
}

#search-popup .search-input {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 30px;
}

#search-popup .search-input input {
  border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  padding: 10px 7px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #000;
  font-size: 0.75rem;
}

#search-popup .search-input input::-webkit-input-placeholder {
  font-size: 0.75rem;
}

#search-popup .search-input input:-ms-input-placeholder {
  font-size: 0.75rem;
}

#search-popup .search-input input::placeholder {
  font-size: 0.75rem;
}

#search-popup .search-input > img {
  position: absolute;
  right: 10px;
}

#search-popup .search-result .item {
  margin-bottom: 10px;
}

.page-template-search .breadcrumb {
  padding-top: 44px;
  padding-bottom: 54px;
  border-bottom: 1px solid #D5DBE0;
}

.page-template-search .page-search-title {
  margin-top: 65px;
  margin-bottom: 114px;
  width: 100%;
  text-align: center;
  color: #213b64;
  font-family: SFURegular, sans-serif;
  font-size: 2.25rem;
  text-transform: uppercase;
}

#filter {
  position: fixed;
  top: 0;
  right: -200vw;
  width: 32%;
  height: 100vh;
  overflow: hidden;
  box-shadow: 0 2px 5px 0 rgba(33, 59, 100, 0.3);
  z-index: 99999999;
  background: #fff;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

#filter.active {
  right: 0;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

#filter .wrap-filter {
  padding: 44px 62px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  /* Track */
  /* Handle */
  /* Handle on hover */
}

#filter .wrap-filter::-webkit-scrollbar {
  width: 6px;
}

#filter .wrap-filter::-webkit-scrollbar-track {
  background: #f1f1f1;
}

#filter .wrap-filter::-webkit-scrollbar-thumb {
  background: #888;
}

#filter .wrap-filter::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#filter .wrap-filter .reset {
  font-size: 1.125rem;
  color: #666767;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  cursor: pointer;
}

#filter .wrap-filter .reset .close {
  position: absolute;
  right: 0;
  cursor: pointer;
}

#filter .wrap-filter .reset .close img {
  height: 23px;
  object-fit: contain;
}

#filter .wrap-filter .options .option {
  padding-top: 25px;
  padding-bottom: 60px;
  border-bottom: 1px solid rgba(102, 103, 103, 0.75);
}

#filter .wrap-filter .options .option.show {
  padding-bottom: 10px;
}

#filter .wrap-filter .options .option > .title {
  text-transform: uppercase;
  font-family: SFURegular, sans-serif;
  font-size: 1.375rem;
  color: #213b64;
  letter-spacing: 5px;
  margin-bottom: 15px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#filter .wrap-filter .options .option > .title .expand {
  position: absolute;
  right: 0;
  width: 24px;
  height: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

#filter .wrap-filter .options .option > .title .expand:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  background: #213b64;
}

#filter .wrap-filter .options .option > .title .expand:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background: #213b64;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

#filter .wrap-filter .options .option > .title.show .expand:after {
  transform: rotate(90deg);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

#filter .wrap-filter .options .option > .wrap-option {
  padding-left: 34px;
}

#filter .wrap-filter .options .option > .wrap-option .item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}

#filter .wrap-filter .options .option > .wrap-option .item .attr-item {
  display: inline-block;
  margin-right: 26px;
  padding: 5px 10px;
  color: #222321;
  cursor: pointer;
}

#filter .wrap-filter .options .option > .wrap-option .item .attr-item .attr-name {
  text-transform: capitalize;
}

#filter .wrap-filter .options .option > .wrap-option .item .attr-item span {
  font-size: 1.125rem;
}

#filter .wrap-filter .options .option > .wrap-option .item .attr-item.attr-normal {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#filter .wrap-filter .options .option > .wrap-option .item .attr-item.attr-normal > span:nth-child(1) {
  width: 20px;
  height: 20px;
  border: 2px solid #213b64;
  position: relative;
  margin-right: 18px;
  border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
}

#filter .wrap-filter .options .option > .wrap-option .item .attr-item.attr-normal.active > span:nth-child(1):after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  background: #213b64;
  border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
}

#filter .wrap-filter .options .option > .wrap-option .item .attr-item.attr-map {
  padding: 0;
  border: 1px solid transparent;
  background: transparent;
}

#filter .wrap-filter .options .option > .wrap-option .item .attr-item.attr-map img {
  border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: inline-block;
  padding: 3px;
  width: 40px;
  height: 40px;
}

#filter .wrap-filter .options .option > .wrap-option .item .attr-item.attr-map img:hover {
  border: 1px solid #213b64;
}

#filter .wrap-filter .options .option > .wrap-option .item .attr-item.attr-map.active img {
  border: 1px solid #213b64;
}

#filter .wrap-filter .options .option > .wrap-option .finish-options {
  margin-bottom: 35px;
}

#filter .wrap-filter .options .o-price > .wrap-option {
  padding-left: 0;
}

#filter .wrap-filter .options .o-price .select {
  width: 100%;
}

#filter .wrap-filter .options .o-price .range-slide {
  position: relative;
  margin: 23px 0 28px;
  height: 4px;
  width: calc(100%);
}

#filter .wrap-filter .options .o-price .slide {
  position: absolute;
  top: 0;
  height: 4px;
  background: #D5DBE0;
  left: 9px;
  right: 9px;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#filter .wrap-filter .options .o-price .line {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background-color: #8091A2;
}

#filter .wrap-filter .options .o-price .thumb {
  position: absolute;
  z-index: 2;
  text-align: left;
  border: 1px solid #213b64;
  background-color: #213b64;
  border-radius: 50%;
  outline: none;
  top: -8px;
  height: 20px;
  width: 20px;
  margin-left: -11px;
}

#filter .wrap-filter .options .o-price .range-slide input {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  pointer-events: none;
  z-index: 3;
  height: 3px;
  top: 0;
  width: 100%;
  opacity: 0;
  margin: 0;
}

#filter .wrap-filter .options .o-price .range-slide input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  pointer-events: all;
  border-radius: 50%;
  cursor: pointer;
  width: 18px;
  height: 18px;
}

#filter .wrap-filter .options .o-price .display {
  margin: 0;
  width: calc(100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#filter .wrap-filter .options .o-price .display #maxShow,
#filter .wrap-filter .options .o-price .display #minShow {
  padding: 5px 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid rgba(34, 35, 33, 0.5);
  min-width: 117px;
  position: relative;
  opacity: 0.5;
  font-size: 1.125rem;
}

#filter .wrap-filter .options .o-price .display #maxShow span:nth-child(2),
#filter .wrap-filter .options .o-price .display #minShow span:nth-child(2) {
  right: 10px;
  position: absolute;
}

#filter .wrap-filter .options .o-title {
  font-size: 1.125rem;
  text-transform: uppercase;
  margin-bottom: 15px;
}

#filter .wrap-filter .options .apply-filter {
  margin-top: 37px;
}

#filter .wrap-filter .options .apply-filter input {
  font-family: SFUSemibold, sans-serif;
  font-size: 1.125rem;
  color: #F1E4D7;
  width: 100%;
  text-align: center;
  display: block;
  border: 1px solid #213b64 !important;
  background: #213b64 !important;
  padding: 18px !important;
  cursor: pointer;
}

.no-result-filter {
  padding-left: 30px;
  font-family: SFURegular, sans-serif;
  color: #213b64;
}

.no-result-filter span {
  font-family: SFUMedium, sans-serif;
  cursor: pointer;
}

.comment-list {
  max-width: 950px;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 90%;
  list-style-type: none;
  margin-top: 200px !important;
}

.comment-body {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  color: #222321;
  padding-top: 45px;
  padding-bottom: 45px;
  border-bottom: 1px solid rgba(44, 71, 100, 0.25);
}

.comment-body .vcard {
  margin-right: 24px;
}

.comment-body .vcard .comment-avatar {
  width: 68px;
  height: 68px;
  display: block;
  border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #F1E4D7;
  font-size: 1.375rem;
  font-family: SFUBold, sans-serif;
  text-transform: uppercase;
}

.comment-body .wrap-comment {
  flex: 1;
}

.comment-body .wrap-comment .comment-meta {
  position: relative;
  font-family: SFURegular, sans-serif;
  margin-bottom: 20px;
}

.comment-body .wrap-comment .comment-meta .comment-author {
  font-size: 1.125rem;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.comment-body .wrap-comment .comment-meta .time-cmt {
  font-size: 0.875rem;
}

.comment-body .wrap-comment .comment-meta .rating {
  position: absolute;
  top: 0;
  right: 0;
}

.comment-body .wrap-comment .comment-meta .rating .fa-star {
  margin-left: 12px;
  color: #F1E4D7;
  font-size: 1.125rem;
}

.comment-body .wrap-comment .comment-meta .rating .fa-star.checked {
  color: #FFBE51;
}

.comment-body .wrap-comment .comment-body-content {
  font-size: 1rem;
}

#btn-review {
  text-align: center;
  margin-top: 50px;
}

#btn-review a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 0;
  max-width: 275px;
  background: #213b64;
  border: 1px solid #213b64;
  text-transform: uppercase;
  font-family: SFURegular,sans-serif;
  font-size: 1.125rem;
  color: #f1e4d7;
  margin-left: auto;
  margin-right: auto;
}

#btn-review a:hover {
  color: #213b64;
  background: #fff;
}

#form-review {
  display: flex;
  visibility: hidden;
  opacity: 0;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 200vh;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999999999999999999;
  background: rgba(0, 0, 0, 0.8);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

#form-review .error {
  width: 100%;
  display: block;
  color: #ec0000;
  text-align: left;
}

#form-review.show {
  visibility: visible;
  opacity: 1;
  top: 0;
  left: 0;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

#form-review .wrap-form-review {
  width: 90%;
  max-width: 745px;
  padding: 70px 56px;
  position: relative;
  border-radius: 20px;
  -ms-border-radius: 20px;
  -webkit-border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 2px 0 #D5DBE0;
  color: #666767;
  font-family: SFURegular, sans-serif;
  text-align: center;
}

#form-review .wrap-form-review input,
#form-review .wrap-form-review textarea {
  padding: 13px 16px;
}

#form-review .wrap-form-review input::-webkit-input-placeholder,
#form-review .wrap-form-review textarea::-webkit-input-placeholder {
  color: rgba(102, 103, 103, 0.5);
  font-size: 1.125rem;
}

#form-review .wrap-form-review input:-ms-input-placeholder,
#form-review .wrap-form-review textarea:-ms-input-placeholder {
  color: rgba(102, 103, 103, 0.5);
  font-size: 1.125rem;
}

#form-review .wrap-form-review input::placeholder,
#form-review .wrap-form-review textarea::placeholder {
  color: rgba(102, 103, 103, 0.5);
  font-size: 1.125rem;
}

#form-review .wrap-form-review label {
  margin-bottom: 4px;
  display: block;
  text-align: left;
}

#form-review .wrap-form-review > div {
  margin-bottom: 12px;
}

#form-review .wrap-form-review .title {
  font-family: Megante, sans-serif;
  font-size: 2.5rem;
  color: #213b64;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 36px;
}

#form-review .wrap-form-review .name {
  width: 100%;
}

#form-review .wrap-form-review .name label {
  font-size: 1.125rem;
}

#form-review .wrap-form-review .name input {
  width: 100%;
}

#form-review .wrap-form-review .email {
  width: 100%;
  margin-bottom: 25px;
}

#form-review .wrap-form-review .email label {
  font-size: 1.125rem;
}

#form-review .wrap-form-review .email input {
  width: 100%;
}

#form-review .wrap-form-review .form-rating {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#form-review .wrap-form-review .form-rating label {
  font-size: 1.125rem;
}

#form-review .wrap-form-review .form-rating .rating .fa-star {
  color: #D5DBE0;
  margin-left: 12px;
  font-size: 1.125rem;
  cursor: pointer;
}

#form-review .wrap-form-review .form-rating .rating .fa-star.checked {
  color: #FFBE51;
}

#form-review .wrap-form-review .comment {
  width: 100%;
}

#form-review .wrap-form-review .comment label {
  font-size: 1.125rem;
}

#form-review .wrap-form-review .comment textarea {
  width: 100%;
}

#form-review .wrap-form-review .policy-review {
  width: 100%;
  margin-bottom: 42px;
  text-align: left;
}

#form-review .wrap-form-review .submit-review a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 0;
  max-width: 340px;
  background: #213b64;
  border: 1px solid #213b64;
  text-transform: uppercase;
  font-family: SFURegular,sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: #f1e4d7;
  margin-left: auto;
  margin-right: auto;
}

#form-review .wrap-form-review .submit-review a:hover {
  color: #213b64;
  background: #fff;
}

#form-review .wrap-form-review .close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
}

#form-review .wrap-form-review .close img {
  width: 100%;
}

.mobile {
  display: none !important;
}

@media only screen and (min-width: 2241px) {
  #masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .featured-product-menu .menu-product .menu-product-image img {
    height: auto;
  }
  .products .product .pp-loop-thumb,
  .ss-product-item .pp-loop-thumb {
    padding: calc(100vw * 39 / 1920) calc(100vw * 39 / 1920) 0;
  }
  *[id^='tabs-'] .ss-product-item {
    max-width: calc(100vw * 1065 / 5210);
  }
  .products .product .pp-loop-title,
  .ss-product-item .pp-loop-title {
    padding: calc(100vw * 25 / 1920) calc(100vw * 39 / 1920) calc(100vw * 16 / 1920);
  }
  .products .product .pp-loop-price,
  .ss-product-item .pp-loop-price {
    padding: 0 calc(100vw * 39 / 1920) calc(100vw * 39 / 1920);
  }
  .products .product .pp-loop-thumb .pp-loop-control,
  .ss-product-item .pp-loop-thumb .pp-loop-control {
    bottom: -2px;
  }
  .products .product .pp-loop-thumb .pp-loop-control .ar,
  .ss-product-item .pp-loop-thumb .pp-loop-control .ar {
    padding: calc(100vw * 15 / 1920) 0;
  }
  .products .product .pp-loop-thumb .pp-loop-control .wishlist,
  .ss-product-item .pp-loop-thumb .pp-loop-control .wishlist {
    padding: calc(100vw * 7 / 1920) calc(100vw * 10 / 1920);
  }
  .home-part-product .wrap-home-part-product .products .product,
  .wrap-p-variation .products .product {
    max-width: calc(100vw * 1065 / 5210);
  }
  .page-template-sustainbility .general-block .block-item.full {
    height: calc(100vw * 1685 / 5120);
    align-items: center;
  }
  .modern-classic-products .content .products .product .pp-loop-thumb {
    padding: 40px calc(100vw * 18 / 1920) 0;
  }
  .modern-classic-products .content .products .product .pp-loop-thumb .wrap-thumb a img {
    width: 100%;
  }
  .modern-classic-products .content .products .product .pp-loop-title {
    padding: 25px calc(100vw * 18 / 1920) 12px;
  }
  .modern-classic-products .content .products .product .pp-loop-price {
    padding: 0 calc(100vw * 18 / 1920) 0;
  }
  .other-block-content-full {
    padding-top: calc(100vw * 200 / 1920);
    padding-bottom: calc(100vw * 200 / 1920);
  }
  .other-block-content-full .wrap-other-block-content-full .inner-content {
    padding-top: calc(100vw * 150 / 1920);
    padding-bottom: calc(100vw * 150 / 1920);
  }
  .cat-listing > .wrap-listing .detail-listing {
    padding: 120px 0 60px;
  }
  .cat-listing > .wrap-listing .detail-listing > .item .listing-post {
    max-width: calc(100% - (100vw * (120 * 2) / 1920));
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 2240px) and (min-width: 1921px) {
  body {
    font-size: 1.125rem;
  }
  .highlight-job > .left img {
    width: 100%;
  }
  .about-team:before {
    left: -20px;
  }
  .home-part-blog .wrap-home-part-blog .listing-post .item {
    margin-bottom: 55px;
    margin-right: 55px;
  }
  .view-all a {
    font-size: 1.25rem;
  }
  .archive.tax-product_cat .products {
    min-height: 40vh;
    width: calc(70% + 48px);
  }
  .modern-classic-products .content {
    margin-top: 58px;
    align-items: flex-start;
  }
  .modern-classic-products .content .products .product {
    padding: 0;
  }
  .modern-classic-products .content .block-content {
    width: calc(30% - 74.5px);
    margin-right: 26.5px;
  }
  .modern-classic-products .content .products .product .pp-loop-thumb {
    padding: 0 26.5px;
    line-height: 0;
  }
  .modern-classic-products .content .products .product .pp-loop-title {
    padding: 17px 26.5px 0;
  }
  .modern-classic-products .content .products .product .pp-loop-price {
    padding: 0 26.5px;
  }
  .modern-classic-products .content .products .product .pp-loop-thumb .wrap-thumb a img {
    height: 385px;
  }
  .page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-desc {
    height: 150px;
    margin-bottom: 45px;
  }
  .customers .customers-block .item .image {
    line-height: 0;
    height: 527px;
  }
  .customers .customers-block .item .image img {
    height: 100%;
  }
  .about-team > .left .wrap-about-team .desc {
    max-width: 550px;
  }
  .page-template-sustainbility .general-block .block-item.full {
    min-height: 738px;
    align-items: center;
  }
  .page-template-stores .highlight-store .wrap-highlight-store .wrap-content {
    max-width: 715px;
  }
  .page-template-stores .highlight-store .wrap-highlight-store .image {
    width: calc(100% / 2 - (70px * 1 / 2));
    margin-right: 35px;
  }
  .page-template-stores .highlight-store .wrap-highlight-store .image img {
    height: 745px;
    object-fit: cover;
  }
  .highlight-job {
    margin-bottom: 140px;
  }
  .zwc-custom-thumbnail .thumb-main img {
    max-height: none;
  }
  .customers .customers-block {
    max-width: 1788px;
    width: 100%;
  }
  .customers .customers-block .item {
    margin: 0 40.5px;
  }
  #masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .featured-product-menu .menu-product .menu-product-image img {
    height: auto;
  }
  .ss-product-item .pp-loop-thumb {
    padding: calc(100vw * 39 / 1920) calc(100vw * 39 / 1920) 0;
  }
  .ss-product-item .pp-loop-title {
    padding: calc(100vw * 25 / 1920) calc(100vw * 39 / 1920) calc(100vw * 16 / 1920);
  }
  .ss-product-item .pp-loop-price {
    padding: 0 calc(100vw * 39 / 1920) calc(100vw * 39 / 1920);
  }
  .products .product .pp-loop-thumb {
    padding: calc(100vw * 39 / 1920) calc(100vw * 39 / 1920) 0;
  }
  .products .product .pp-loop-title {
    padding: calc(100vw * 25 / 1920) calc(100vw * 39 / 1920) calc(100vw * 16 / 1920);
  }
  .products .product .pp-loop-price {
    padding: 0 calc(100vw * 39 / 1920) calc(100vw * 39 / 1920);
  }
}

@media only screen and (max-width: 1440px) {
  .outer,
  .outer2 {
    width: 100%;
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 1440px) and (min-width: 1367px) {
  .m-title {
    font-size: 1.75rem;
  }
  .page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content .text .title {
    font-size: 1.75rem;
  }
  .page-template-about .general-block .item .block-content .block-title {
    font-size: 1.75rem;
  }
  .page-template-about .philosophy .block-header .philosophy-header-content {
    font-size: 1.75rem;
  }
  .page-template-sustainbility .general-block .block-item.full .item .block-content .wrap-block-content .text .desc {
    font-size: 1.75rem;
  }
  .customers .customers-block .item .image img {
    height: 100%;
  }
  .customers .customers-block .item .image {
    margin-bottom: calc(100vw * 35 / 1920);
  }
  .customers .customers-block .item {
    margin: 0 calc(100vw * 35 / 1920);
  }
  .modern-classic-products .content .block-content .title {
    font-size: 1.5rem;
  }
  .modern-classic-products .content .products .product .pp-loop-thumb {
    padding: calc(100vw * 40 / 1920) calc(100vw * 20 / 1920) 0;
  }
  .modern-classic-products .content .products .product .pp-loop-title {
    padding: calc(100vw * 25 / 1920) calc(100vw * 20 / 1920) calc(100vw * 12 / 1920);
  }
  .modern-classic-products .content .products .product .pp-loop-price {
    padding: 0 calc(100vw * 20 / 1920);
  }
  .modern-classic-products .content .block-content {
    width: calc(30% - (100vw * 70 / 1920));
    margin-right: calc(100vw * 70 / 1920);
  }
  .modern-classic-products .content .products {
    width: 67%;
  }
  .highlight-job:after {
    height: 90%;
  }
  .category-desctiption > .patten {
    top: -50%;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-title {
    font-size: 1.75rem;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span p {
    padding: 8px 12px;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span:nth-child(1) p a {
    font-size: 0.875rem !important;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span {
    font-size: 0.875rem !important;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-image {
    padding: calc(100vw * 96 / 1920) 0 calc(100vw * 96 / 1920) 0;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-image iframe {
    transform: translateX(-50px);
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content {
    left: 12%;
  }
  footer .footer-menu {
    margin: auto;
    width: 100%;
  }
  footer .footer-menu .item {
    margin-right: calc(100vw * 60 / 1920);
  }
  #masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub {
    width: calc(100% / 7 - ((100vw * 84 / 1920) * 6 / 7));
    margin-right: calc(100vw * 84 / 1920);
  }
  #masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub .menu-item-sub.menu-item-sub-title {
    font-size: 0.875rem !important;
  }
  #masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub .menu-item-sub.menu-item-sub-item {
    font-size: 0.875rem !important;
  }
  #masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .featured-product-menu .menu-product .menu-product-image img {
    height: auto;
  }
  #masthead .wrap-masthead .main-navigation > .menu > .menu-item.collection .wrap-sub-menu .menu-item-sub-title {
    font-size: 0.875rem !important;
  }
  #cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-attr > .right .p-price {
    font-size: 1.125rem;
  }
  .page-template-about .general-block .item .block-content {
    padding: 120px 70px 0 120px;
  }
}

@media only screen and (max-width: 1440px) {
  .redeem-cart #coupon-redeem p [name="coupon"] {
    width: calc(70% - 10px);
  }
  .redeem-cart #coupon-redeem p [name="redeem-coupon"] {
    width: 30%;
  }
  .cat-listing > .wrap-listing .detail-listing {
    padding: 120px 40px 60px;
  }
}

@media only screen and (max-width: 1366px) {
  body {
    font-size: 0.875rem;
  }
  .outer,
  .outer2 {
    width: 100%;
    max-width: 100%;
    padding-left: 87px;
    padding-right: 87px;
    margin-left: 0;
    margin-right: 0;
  }
  #part-show-product .site-main,
  .single-product .site-main {
    margin-top: 83px;
  }
  #part-show-product .single-sumary-wrap .zwc-custom-thumbnail img,
  .single-product .single-sumary-wrap .zwc-custom-thumbnail img {
    max-width: 533px;
  }
  .single-product .site-main {
    margin-top: 14px;
  }
  .page-template-recruite .page-desc > .left {
    padding-left: 120px;
    padding-right: 30px;
  }
  .page-template-sustainbility .wrap-title {
    max-width: 60%;
  }
  .page-template-sustainbility .general-block .block-item.normal:nth-child(3) .item .block-content .wrap-block-content .text {
    width: 100%;
  }
  .page-template-sustainbility .general-block .block-item.normal:nth-child(1) .item:nth-child(2):before {
    top: -50%;
  }
  .highlight-job:after {
    height: 90%;
  }
  .customers .customers-block {
    width: 100%;
    max-width: 1184px;
  }
  .customers .customers-block .item {
    margin: 0 28px;
  }
  .customers .customers-block .item .image {
    height: 320px;
  }
  .customers .customers-block .slick-arrow.slick-prev {
    left: -80px;
  }
  .customers .customers-block .slick-arrow.slick-next {
    right: -80px;
  }
  .category-banner .text {
    text-align: center;
  }
  .wrap-thumb a img {
    height: 310px;
  }
  .page-banner .text {
    max-width: 80%;
    font-size: 2.25rem;
  }
  .about-team:before {
    left: -20px;
  }
  .page-template-about .general-block .item > .patten {
    width: 57%;
  }
  .cat-listing > .wrap-listing .detail-listing {
    padding: 120px 87px 60px;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content {
    left: 120px;
    width: 37%;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-image {
    padding: 96px 5px 96px 0;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-image iframe {
    left: -25px;
    position: relative;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-desc span {
    display: inline;
  }
  footer .footer-menu .item {
    margin-right: calc(100vw * 50 / 1920);
  }
  footer .footer-menu .item.f-logo {
    margin-right: calc(100vw * 50 / 1920);
  }
  .page-template-stores .video-store {
    padding: 120px 60px;
  }
  .page-template-stores .video-store iframe {
    padding: 1px;
  }
  .cat-listing > .wrap-listing .detail-listing > .item .listing-post,
  .guide .listing-post,
  .home-part-blog .wrap-home-part-blog .listing-post,
  .relate-listing-post {
    grid-template-columns: auto;
  }
  .cat-listing > .wrap-listing .detail-listing > .item .listing-post .item,
  .cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item:nth-child(4),
  .cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item:nth-child(5),
  .home-part-blog .wrap-home-part-blog .listing-post .item,
  .relate-listing-post > .item {
    margin-right: 32px;
    margin-bottom: 32px;
  }
  .cate-blogs-sub .listing-post > .item {
    margin-right: 32px;
    margin-bottom: 32px;
  }
  .cate-blogs-sub .listing-post > .item:nth-child(4) {
    margin-right: 32px;
  }
  .cate-blogs-sub .listing-post > .item:nth-child(5) {
    margin-right: 32px;
  }
  .design-of-year .listing-post {
    column-gap: 32px;
  }
  .page-template-blogs .listing-post > .item {
    margin-right: 32px;
  }
  .design-of-year .listing-post > .item {
    margin-right: 0;
    margin-bottom: 32px;
  }
  .page-template-about .general-block .item .block-content .block-title {
    font-size: 2.25rem;
  }
  .page-template-about .general-block .item .block-content {
    padding: 120px 107px 0;
  }
  .customers .customers-block .slick-arrow {
    bottom: 73%;
  }
  .page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-desc {
    height: 214px;
  }
  .products .product .pp-loop-thumb .pp-loop-control,
  .ss-product-item .pp-loop-thumb .pp-loop-control {
    font-size: 0.75rem;
  }
  .products .product .pp-loop-title a,
  .ss-product-item .pp-loop-title a {
    font-size: 1rem;
  }
  .products .product .pp-loop-price,
  .ss-product-item .pp-loop-price {
    font-size: 1rem;
  }
  #masthead .wrap-masthead .main-navigation {
    justify-content: center;
  }
  .page-template-stores .m-title,
  .page-template-stores .m-title {
    margin-bottom: 40px;
  }
  .products .product .pp-loop-thumb .pp-loop-control .ar img {
    margin-right: 7px;
    max-width: 28px;
  }
  #cart > .wrap-title .title {
    font-size: 2.25rem;
  }
  #cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-title .title a {
    font-size: 1rem;
  }
  #cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-attr {
    font-size: 0.75rem;
  }
  #cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-attr > .right .p-price {
    font-size: 1rem;
  }
  #cart .wrap-cart-page .top .listing-cart .redeem-cart > span {
    margin-bottom: 8px;
    display: block;
  }
  #cart .wrap-cart-page .top .listing-cart {
    height: 44vh;
  }
  #coupon-redeem [name="redeem-coupon"] {
    font-size: 0.875rem;
    padding: 5px;
  }
  #cart .wrap-cart-page .bottom .wrap-bottom .cart-total .coll-left > span {
    font-size: 0.875rem;
  }
  #cart .wrap-cart-page .bottom .wrap-bottom .cart-total .coll-right > span:nth-child(1) {
    font-size: 1rem;
  }
  #cart .wrap-cart-page .bottom .wrap-bottom .cart-total .coll-right > span:nth-child(2) {
    font-size: 0.75rem;
  }
  #cart .wrap-cart-page .cart-action .continue-shopping a.continue-shopping-btn {
    font-size: 0.875rem;
  }
  #cart .wrap-cart-page .cart-action .proceed a.proceed-btn {
    font-size: 0.875rem;
  }
  #cart .wrap-cart-page .top .listing-cart .redeem-cart > span {
    font-size: 0.875rem;
  }
  #cart {
    padding: 30px;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail > .mid .title a {
    font-size: 1rem;
  }
  #payment ul li,
  .wrap-checkout-info2 > .right .wrap-content .cart-shipping > .coll-right ul li {
    font-size: 1rem;
  }
  #payment ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .wrap-checkout-info2 > .right .wrap-content .cart-sub-total .coll-right,
  .wrap-checkout-info2 > .right .wrap-content .cart-total .coll-right,
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail > .right {
    font-size: 1.125rem;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail > .mid .attr .attr-item,
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail > .mid .attr .attr-item label {
    font-size: 0.75rem;
  }
  .home-part-product .wrap-home-part-product .products .product {
    width: calc(100% / 4);
    margin-right: 0;
  }
  .page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item {
    width: calc(100% / 3 - ((100vw * 108 / 1366) * 2 / 3));
    margin-right: calc(100vw * 108 / 1366);
  }
  .ss-product-item {
    margin: 0;
  }
  *[id^='tabs-'] .ss-product-item {
    max-width: calc(100vw * 305 / 1366);
  }
  .ss-product-item .pp-loop-thumb {
    padding: 28px 28px 0;
    overflow: hidden;
  }
  .ss-product-item .wrap-thumb a img {
    width: calc(100vw * 245 / 1366);
    height: calc(100vw * 310 / 1366);
  }
  .team .team-block .item {
    margin: 0 calc(100vw * 51.5 / 1366);
  }
  .team .team-block {
    max-width: 1194px;
    width: 100%;
  }
  .team .team-block .item .image img {
    height: calc(100vw * 365 / 1366);
    object-fit: cover;
  }
  .team .team-block .slick-arrow.slick-prev {
    left: -55px;
  }
  .team .team-block .slick-arrow.slick-next {
    right: -55px;
  }
  .modern-classic-products .content .block-content {
    width: calc(27.5% - 8px);
    margin-right: 0;
  }
  .category-desctiption > .patten {
    top: -46%;
  }
  .modern-classic-products .content .products {
    width: calc(72.5% + 8px);
  }
  .modern-classic-products .content .products .product .pp-loop-thumb .wrap-thumb a img {
    height: calc(100vw * 230 / 1366);
  }
  .modern-classic-products .content .products .product .pp-loop-thumb {
    padding: 40px 0 0 36px;
  }
  .modern-classic-products .content .products .product .pp-loop-title {
    padding: 25px 0 12px 36px;
  }
  .modern-classic-products .content .products .product .pp-loop-price {
    padding: 0 0 0 36px;
  }
  .modern-classic-products .content .block-content .title {
    font-size: 1.5rem;
    margin-bottom: 24px;
    margin-top: 36px;
    white-space: nowrap;
  }
  .modern-classic-products .content .block-content .description {
    margin-bottom: 24px;
    font-size: 0.875rem;
  }
  .modern-classic-products .content .block-content .view-all a {
    font-size: 1rem;
    position: relative;
  }
  .modern-classic-products .content .block-content .view-all a img {
    position: absolute;
    right: -30px;
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item {
    padding-bottom: calc(100vw * 100 / 1920);
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item:nth-child(2n+1) {
    margin-right: calc(100vw * 100 / 1920);
    padding-bottom: calc(100vw * 100 / 1920);
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item:nth-child(2n+2) {
    margin-left: calc(100vw * 100 / 1920);
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item:nth-child(2n+1):after {
    width: calc(100% + (100vw * 350 / 1920));
    height: calc(100% + (100vw * 60 / 1920));
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item .wrap-c-content {
    padding: calc(100vw * 75 / 1920) calc(100vw * 120 / 1920);
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item .wrap-c-content .title {
    font-family: SFUSemibold, sans-serif;
    font-size: 1.25rem;
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item .wrap-c-content .desc {
    font-size: 1rem;
  }
  .other-block-content-full .wrap-other-block-content-full .inner-content .s-title {
    font-family: SFUSemibold, sans-serif;
    font-size: 1.25rem;
  }
  .other-block-content-full .wrap-other-block-content-full .inner-content .s-desc {
    font-size: 1rem;
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item:nth-child(2n+1) .wrap-c-content {
    width: 100%;
  }
  .other-block-content-full .wrap-other-block-content-full {
    position: relative;
    background: none;
  }
  .other-block-content-full .wrap-other-block-content-full:before {
    content: "";
    width: 100%;
    height: 70%;
    background: #e8e2db;
    position: absolute;
    top: 15%;
    left: 0;
  }
  .other-block-content-full {
    padding-top: 30px;
    padding-bottom: 90px;
  }
  .other-block-content-full .wrap-other-block-content-full .inner-image {
    z-index: 10;
    width: 45%;
    left: 10%;
    padding: 65px 30px;
  }
  #masthead .wrap-masthead .main-navigation > .menu > .menu-item > a {
    font-family: SFUMedium, sans-serif;
    font-size: 1rem;
  }
  #masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub .menu-item-sub.menu-item-sub-title a {
    font-size: 1rem;
  }
  #masthead .wrap-masthead .main-navigation > .menu > .menu-item .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub {
    width: calc(100% / 7 - (calc(100vw * 84 / 1920) * 6 / 7));
    margin-right: calc(100vw * 84 / 1920);
  }
  .wrap-p-grouped .filter {
    margin-bottom: 44px;
  }
  .wrap-p-grouped .products .product {
    margin-bottom: 10px;
  }
  .filter {
    margin-bottom: 44px;
    z-index: 20;
    padding-left: 0;
  }
  .products .product {
    width: calc(100% / 4);
    margin-right: 0;
  }
  .products .product .pp-loop-thumb {
    padding: 26px 26px 0;
  }
  .products .product .pp-loop-title {
    padding: 25px 26px 12px;
  }
  .products .product .pp-loop-price {
    padding: 0 26px 26px;
  }
  .no-result-filter {
    padding-left: 0;
  }
  .order-success-part .wrap-order-success-part {
    background: url("../assets/image/subtract-mb2.png") center/cover no-repeat;
  }
  .page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-title {
    font-size: 1.625rem;
    height: 76px;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .thumbnail {
    width: calc(35% - 24px);
    margin-right: 24px;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail {
    width: 65%;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .order-summary-title {
    width: 65%;
    margin-right: 0;
    margin-left: auto;
  }
  .wrap-checkout-info2 > .right {
    padding-bottom: 96px;
  }
  .page-template-service .breadcrumb,
  .single-service .breadcrumb {
    margin-bottom: 46px;
  }
  .page-template-sustainbility .m-desc {
    max-width: 420px;
    width: 100%;
  }
  .cat-listing > .wrap-listing .detail-listing > .item .m-desc {
    max-width: 420px;
    width: 100%;
  }
  .wrap-checkout-info2 > .right .wrap-content .cart-shipping > .coll-right [type="radio"] {
    margin-right: 5px;
  }
}

@media only screen and (max-width: 1280px) {
  .ss-product-item .pp-loop-thumb {
    padding: calc(100vw * 39 / 1920) calc(100vw * 39 / 1920) 0;
  }
  .ss-product-item .pp-loop-title {
    padding: calc(100vw * 25 / 1920) calc(100vw * 39 / 1920) calc(100vw * 16 / 1920);
  }
  .ss-product-item .pp-loop-price {
    padding: 0 calc(100vw * 39 / 1920) calc(100vw * 39 / 1920);
  }
  .products .product .pp-loop-thumb {
    padding: calc(100vw * 39 / 1920) calc(100vw * 39 / 1920) 0;
  }
  .products .product .pp-loop-title {
    padding: calc(100vw * 25 / 1920) calc(100vw * 39 / 1920) calc(100vw * 16 / 1920);
  }
  .products .product .pp-loop-price {
    padding: 0 calc(100vw * 39 / 1920) calc(100vw * 39 / 1920);
  }
}

@media only screen and (max-width: 1180px) {
  .products .product:hover:before,
  .ss-product-item:hover:before {
    border-right: 1px solid #abb6c2;
    top: -30px;
    left: -30px;
    width: 60px;
    height: 60px;
  }
  .products .product:hover:after,
  .ss-product-item:hover:after {
    border-left: 1px solid #abb6c2;
    bottom: -30px;
    right: -30px;
    width: 60px;
    height: 60px;
  }
  .ss-product-item .pp-loop-thumb .pp-loop-control .ar img {
    margin-right: 5px;
    max-width: 20px;
  }
  .ss-product-item .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist {
    margin-right: 5px;
  }
  .ss-product-item .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist img {
    max-width: 20px;
  }
  .products .product .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist img {
    max-width: 20px;
  }
  .products .product .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist {
    margin-right: 5px;
  }
  .products .product .pp-loop-thumb .pp-loop-control .ar img {
    margin-right: 5px;
    max-width: 20px;
  }
  .team .team-block .slick-arrow {
    width: 45px;
    height: 45px;
  }
  .team .team-block .slick-arrow.slick-prev {
    left: 55px;
  }
  .team .team-block .slick-arrow.slick-next {
    right: 55px;
  }
  .customers .customers-block .slick-arrow {
    width: 45px;
    height: 45px;
  }
  .customers .customers-block .slick-arrow.slick-prev {
    left: 55px;
  }
  .customers .customers-block .slick-arrow.slick-next {
    right: 55px;
  }
  .customers .customers-block .item .name {
    height: auto;
  }
  .customers .customers-block .item .image {
    height: auto;
  }
  .cat-listing > .wrap-listing .listing .item {
    padding: 25px;
  }
  .page-template-about .general-block .item .block-content .block-title {
    font-size: 1.625rem;
  }
}

@media only screen and (max-width: 1180px) and (min-width: 1025px) {
  .team .team-block {
    padding-left: 87px;
    padding-right: 87px;
  }
  .customers .customers-block {
    padding-left: 87px;
    padding-right: 87px;
  }
  .page-template-about .philosophy .philosophy-block {
    padding: 0 87px;
  }
  #masthead .wrap-masthead .action-control > div {
    padding: 20px 12px;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-title {
    font-size: 1.75rem;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span:nth-child(1) p a {
    font-size: 0.875rem;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span:nth-child(2) {
    font-size: 0.875rem;
  }
  .filter-internal .wrap-filter .title img {
    top: 24px;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 821px) {
  .our-values > .outer {
    padding-left: 25px;
    padding-right: 25px;
  }
  .page-banner > img {
    min-height: calc(100vw * 576 / 1024);
    object-fit: cover;
  }
  .page-template-stores .highlight-store .wrap-highlight-store .image {
    width: calc(100% / 2);
    margin-right: 0;
  }
  .jobs .control .search-internal > input {
    width: 53%;
  }
  .page-template-sustainbility .wrap-title {
    max-width: 40%;
  }
}

@media only screen and (max-width: 1024px) {
  body {
    font-size: 1rem;
  }
  .outer,
  .outer2 {
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
    margin-right: 0;
  }
  .outer10 {
    padding-left: 15px;
    padding-right: 15px;
  }
  html {
    margin-top: 0 !important;
  }
  .desktop {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  body.admin-bar #masthead {
    margin-top: 0 !important;
  }
  #wpadminbar {
    display: none;
  }
  .btnz {
    display: inline-block;
    position: absolute;
    z-index: 9999;
    left: 30px;
  }
  #masthead .site-branding {
    display: inline-block;
  }
  #masthead .site-branding .custom-logo-link.change-type {
    display: none;
  }
  #masthead .site-branding .custom-logo-link img {
    max-width: 40px;
    object-fit: contain;
  }
  #masthead.change-type {
    border-bottom: 0;
  }
  #masthead.change-type .btnz .bar1 {
    background-color: #213b64;
  }
  #masthead.change-type .btnz .bar2 {
    background-color: #213b64;
  }
  #masthead.change-type .btnz .bar3 {
    background-color: #213b64;
  }
  #masthead.change-type .btnz .bar4 {
    background-color: #213b64;
  }
  #masthead.change-type .mobile-menu-top {
    border-bottom: 1px solid transparent;
  }
  #masthead.change .mobile-menu-top .btnz {
    display: none !important;
  }
  #masthead.change .mobile-menu-nav .btnz .bar1 {
    background-color: #213b64;
  }
  #masthead.change .mobile-menu-nav .btnz .bar2 {
    background-color: #213b64;
  }
  #masthead.change .mobile-menu-nav .btnz .bar3 {
    background-color: #213b64;
  }
  #masthead.change .mobile-menu-nav .btnz .bar4 {
    background-color: #213b64;
  }
  .mobile-menu-top {
    text-align: center;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 16px 0;
    height: 80px;
  }
  .mobile-menu-top .cart-show {
    position: absolute;
    right: 30px;
    padding: 0 !important;
  }
  .mobile-menu-top .cart-show svg {
    width: 28px;
    height: 28px;
  }
  .mobile-menu-nav {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: -200vw;
    z-index: 999;
    align-items: center;
    justify-content: flex-end;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    background: #fff;
    color: #213b64;
  }
  .mobile-menu-nav.show {
    left: 0;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
  }
  .mobile-menu-nav .top {
    width: 100%;
    padding: 16px 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    height: 80px;
    border-bottom: 1px solid #ddd;
  }
  .mobile-menu-nav .search {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 30px;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .mobile-menu-nav .search input {
    width: 100%;
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #ddd !important;
    padding: 0 0 15px !important;
    outline: none !important;
  }
  .mobile-menu-nav .search svg {
    position: absolute;
    right: 33px;
    top: 2px;
    cursor: pointer;
  }
  .mobile-menu-nav .search svg path {
    fill: #ddd !important;
  }
  .mobile-menu-nav .main-nav {
    padding: 0 30px;
    position: relative;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .wrap-a-item > a {
    font-size: 1rem;
    font-family: SFURegular, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #213b64;
    padding-bottom: 5px;
    margin-bottom: 25px;
    border-bottom: 2px solid transparent;
    display: inline-block;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .wrap-a-item > a.current {
    border-bottom: 2px solid #ddd;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .wrap-a-item img {
    margin-left: 7px;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu {
    position: absolute;
    top: 0;
    left: -100vw;
    width: 100%;
    height: calc(100vh - 145px);
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    background: #fff;
    padding: 0 30px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu.show {
    left: 0;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .back-to-menu {
    font-size: 0.75rem;
    font-family: SFURegular, sans-serif;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    margin-bottom: 25px;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .back-to-menu img {
    margin-right: 3px;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .wrap-main-nav-item {
    line-height: 1.9;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .wrap-main-nav-item .main-nav-item-title {
    margin-bottom: 25px;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .wrap-main-nav-item .main-nav-item-title > a {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #213b64;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .wrap-main-nav-item .main-nav-item-title img {
    margin-left: 7px;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .wrap-main-nav-item .main-nav-item_item.pp {
    display: none;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .wrap-main-nav-item .main-nav-item_item .main-nav-item_item__item {
    margin-bottom: 25px;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang {
    position: relative;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang > a {
    padding: 20px;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang .wrap-sub-menu {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub {
    width: 100%;
    margin: 0;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub > div {
    margin-bottom: 0;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub > div > a {
    padding: 10px 20px 0;
    text-transform: uppercase;
    font-family: SFUSemibold, sans-serif;
    letter-spacing: 2px;
    color: #222321;
    font-size: 1rem;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang:hover {
    background: #fff;
    box-shadow: 0 0 18px -4px rgba(0, 0, 0, 0.1);
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang:hover > a {
    color: #213b64;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang:hover .wrap-sub-menu {
    background: #fff;
    box-shadow: 0 7px 20px -4px rgba(0, 0, 0, 0.1);
    width: 100%;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang:hover .wrap-sub-menu .sub-menu-custom {
    width: 100%;
  }
  .mobile-menu-nav .wishlist {
    display: flex;
    margin-right: 21px;
  }
  .mobile-menu-nav .wishlist a {
    position: relative;
    display: inherit;
  }
  .mobile-menu-nav .wishlist svg {
    width: 28px;
    height: 28px;
  }
  .mobile-menu-nav .wishlist svg path {
    stroke: #213b64;
  }
  .mobile-menu-nav .cart-show {
    padding: 0 !important;
    display: inline-block;
  }
  .mobile-menu-nav .cart-show svg {
    width: 28px;
    height: 28px;
  }
  .mobile-menu-nav .cart-show svg path {
    fill: #213b64;
  }
  .home-part-category .m-content {
    width: 100%;
  }
  #home-part-category-tabs .ui-tabs-nav {
    flex-wrap: wrap;
    padding: 0 15px !important;
    border-bottom: 0 !important;
  }
  .ui-tabs .ui-tabs-nav li {
    width: calc(100% / 4 - (8px * 3 /4));
    margin-right: 8px;
    margin-bottom: 18px;
  }
  .ui-tabs .ui-tabs-nav li:nth-child(4n+4) {
    margin-right: 0;
  }
  #home-part-category-tabs .ui-tabs-tab {
    border-bottom: 1px solid #d5dbe0 !important;
    margin: 0;
    padding: 0;
  }
  #home-part-category-tabs .ui-tabs-tab a {
    margin: 0 0 8px;
    font-size: 0.875rem;
    font-weight: 500;
    border-bottom: 2px solid transparent;
  }
  #home-part-category-tabs .ui-tabs-tab.ui-tabs-active a {
    border-bottom: 2px solid transparent !important;
    position: relative;
  }
  #home-part-category-tabs .ui-tabs-tab.ui-tabs-active a:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    background: #213b64;
    height: 1px;
    width: 100%;
  }
  .m-title {
    font-size: 2.25rem;
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .m-title .wrap-title {
    padding: 70px 30px;
  }
  .m-desc {
    font-size: 1rem;
    margin-bottom: 40px;
    max-width: 315px !important;
  }
  *[id^='tabs-'] .ss-product-item {
    max-width: calc(100vw * 248.5 / 1024);
  }
  .ss-product-item .wrap-thumb a img {
    width: 100%;
    height: 310px;
  }
  footer {
    padding: 35px;
  }
  footer .footer-menu {
    padding-bottom: 0;
  }
  footer .footer-menu .item {
    flex: auto;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #abb6c2;
  }
  footer .footer-menu .item.f-logo {
    width: 100%;
    text-align: center;
    padding: 0 0 35px;
  }
  footer .footer-menu .item .title {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0;
  }
  footer .footer-menu .item .title .icon {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
  }
  footer .footer-menu .item .title .icon:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: #abb6c2;
  }
  footer .footer-menu .item .title .icon:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #abb6c2;
  }
  footer .footer-menu .item .title .icon.active:before {
    display: none;
  }
  footer .footer-menu .item .listing {
    margin-top: 15px;
    display: none;
  }
  footer .copyright {
    border-top: 0;
    padding-bottom: 15px;
    display: inline-block;
    width: 100%;
  }
  footer .copyright span {
    font-size: 0.625rem;
    letter-spacing: 2px;
  }
  .footer-part-contact {
    padding-top: 100px;
    padding-bottom: 202px;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-title {
    font-size: 1.5rem;
    margin-bottom: 15px;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content {
    left: 30px;
    width: 37%;
    padding-top: 32px;
    padding-bottom: 15px;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span {
    width: 100%;
  }
  #filter {
    width: 50%;
  }
  .category-desctiption > .patten {
    top: -85%;
  }
  .modern-classic-products {
    margin-top: 100px;
  }
  .home-part-blog {
    margin-top: 100px;
  }
  .order-success-part .wrap-order-success-part {
    background: url("https://bentley.boconganh.net.vn/wp-content/themes/bentley/assets/image/subtract-mb.png") center/contain no-repeat;
  }
  .order-success-part .wrap-order-success-part:after {
    top: auto;
    bottom: 0;
  }
  .order-success-part .wrap-order-success-part .order-success-id {
    margin-bottom: 74px;
  }
  .wrap-summary {
    padding-left: 15px;
    padding-right: 15px;
  }
  .wrap-info-product {
    width: calc(45% - 65px);
    margin-left: 65px;
  }
  .comment-list-title {
    padding-left: 15px;
    padding-right: 15px;
    font-family: Megante, sans-serif;
    font-size: 1rem;
    color: #213b64;
    margin-top: 115px;
    padding-left: 30px;
    padding-right: 30px;
    text-transform: uppercase;
  }
  .comment-list {
    margin-top: 50px !important;
  }
  .highlight-job:after {
    height: 100%;
  }
  .about-team {
    margin-bottom: 75px;
  }
  .about-team > .left .wrap-about-team {
    padding-left: 70px;
    padding-right: 25px;
  }
  .jobs .m-desc {
    margin-bottom: 40px;
  }
  .cat-listing > .wrap-listing .detail-listing {
    padding: 120px 15px 60px;
  }
  .inspired-blog .listing-post > .item:nth-child(4) {
    display: none;
  }
  .guide .listing-post > .item:nth-child(4) {
    display: none;
  }
  .design-of-year .listing-post {
    display: flex;
    flex-wrap: wrap;
    column-count: inherit;
    column-gap: 0;
  }
  .design-of-year .listing-post > .item {
    width: calc(100% / 2 - (32px * 1 / 2));
    margin-right: 32px !important;
    margin-bottom: 32px;
    min-height: calc(100vw * 590 / 1920);
    height: calc(100vw * 590 / 1920) !important;
  }
  .design-of-year .listing-post > .item:nth-child(2n+2) {
    margin-right: 0 !important;
  }
  .guide .listing-post,
  .inspired-blog .listing-post {
    grid-template-columns: 25% 25% 25%;
  }
  .guide .view-all,
  .inspired-blog .view-all {
    margin-top: 32px;
  }
  .team .team-block {
    width: calc(100% - 60px);
    margin-bottom: 155px;
  }
  .team .team-block .item .image img {
    height: auto;
  }
  .team .team-block .slick-arrow {
    bottom: -55px;
    width: 45px;
    height: 45px;
  }
  .team .team-block .slick-arrow.slick-prev {
    left: 0;
  }
  .team .team-block .slick-arrow.slick-next {
    right: 0;
  }
  .customers {
    margin-top: 120px;
  }
  .page-template-about .customers .m-title {
    margin-bottom: 50px;
  }
  .page-template-about .footer-part-contact {
    padding-top: 0 !important;
  }
  .customers .customers-block {
    width: calc(100% - 60px);
    margin-bottom: 185px;
  }
  .customers .customers-block .item .name {
    height: auto;
  }
  .customers .customers-block .item .image {
    height: auto;
    margin-bottom: 20px;
  }
  .customers .customers-block .item .content {
    margin-bottom: 15px;
  }
  .customers .customers-block .slick-arrow {
    bottom: -55px;
    width: 45px;
    height: 45px;
  }
  .customers .customers-block .slick-arrow.slick-prev {
    left: 0;
  }
  .customers .customers-block .slick-arrow.slick-next {
    right: 0;
  }
  .page-template-sustainbility .wrap-title {
    max-width: 40%;
    padding: 70px 0;
  }
  .page-template-sustainbility .m-desc {
    width: 100%;
    max-width: 315px;
    margin-bottom: 0;
  }
  .page-template-sustainbility .general-block .block-item.normal .item {
    padding-bottom: 50px;
    padding-top: 0;
  }
  .page-template-sustainbility .general-block .block-item.normal .item .image {
    width: 100%;
    order: 1 !important;
    -ms-order: 1 !important;
    -webkit-order: 1 !important;
  }
  .page-template-sustainbility .general-block .block-item.normal .item .block-content {
    width: 100%;
    order: 2 !important;
    -ms-order: 2 !important;
    -webkit-order: 2 !important;
  }
  .page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content .text {
    padding: 30px 30px 0 !important;
    width: 100%;
  }
  .page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content .title {
    width: 100%;
  }
  .page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content .s-img {
    width: 100%;
    position: relative;
    text-align: right;
  }
  .page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content .s-img img {
    width: 50%;
  }
  .page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content .text .title {
    font-size: 2.25rem;
    margin-bottom: 20px;
  }
  .page-template-sustainbility .general-block .block-item.full .item .block-content .wrap-block-content {
    width: calc(100% - 60px);
  }
  .page-template-sustainbility .general-block .block-item.full .item .block-content .wrap-block-content .text .title {
    font-size: 1.125rem !important;
    margin-bottom: 20px;
    font-family: SFURegular, sans-serif;
  }
  .page-template-sustainbility .general-block .block-item.full .item .block-content .wrap-block-content .text .desc {
    font-size: 1.25rem !important;
    letter-spacing: 2px;
  }
  .page-template-sustainbility .general-block .block-item.full .item .block-content .wrap-block-content .text .desc span {
    display: block;
  }
  .page-template-sustainbility .general-block .block-item.full {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    padding-top: 150px;
    padding-bottom: 184px;
  }
  .page-template-sustainbility .general-block .block-item.full .patten {
    position: absolute;
    width: 62%;
    right: -24%;
    bottom: 0;
  }
  .page-template-sustainbility .home-part-blog {
    margin-top: 0;
  }
  .page-template-sustainbility .general-block .block-item:nth-child(3n+3) .item:nth-child(1) {
    padding-top: 50px;
    background: url("../assets/image/patten-collection.svg") -50% 1%/100% no-repeat;
  }
  .page-template-sustainbility .m-title {
    margin-bottom: 25px !important;
  }
  .page-template-sustainbility .general-block .block-item.normal:nth-child(1) .item:nth-child(1) {
    padding-top: 50px;
  }
  .page-template-sustainbility .general-block .block-item.normal .item {
    background: none;
  }
  .page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content .text {
    margin-bottom: 26px;
    background: #fff;
    width: 100%;
  }
  .page-template-sustainbility .general-block .block-item.normal .item:nth-child(even) .block-content .wrap-block-content .text {
    width: 100%;
  }
  .page-template-sustainbility .general-block .block-item.normal:nth-child(1) .item:nth-child(2):before {
    background: url("../assets/image/patten-sus.svg") 92% 99%/200% no-repeat;
    width: 100%;
    height: 100%;
    top: -100%;
  }
  .page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content .s-img img {
    margin-right: 20px;
  }
  .page-template-sustainbility .general-block .block-item.normal .item .block-content .wrap-block-content .text .desc p {
    margin-bottom: 24px;
  }
  .page-template-sustainbility .general-block .block-item.normal .item:last-child .block-content .wrap-block-content .text {
    margin-bottom: 0;
  }
  .page-template-sustainbility .general-block .block-item.normal .item:last-child .block-content .wrap-block-content .text .desc p:last-child {
    margin-bottom: 0;
  }
  .page-template-sustainbility .general-block .block-item.normal:nth-child(1) .item:nth-child(2) {
    padding-bottom: 26px;
  }
  .page-template-sustainbility .general-block .block-item.normal:nth-child(3) .item:nth-child(1) {
    padding-bottom: 36px;
  }
  .page-template-sustainbility .general-block .block-item.normal:nth-child(1) .item:nth-child(2):before {
    background: url("../assets/image/patten-sus.svg") 92% 97%/200% no-repeat;
  }
  .page-template-sustainbility .general-block .block-item.normal:nth-child(3) .item:nth-child(2):before {
    display: none;
  }
  #cart {
    width: 50%;
  }
  .wrap-checkout-info2 > .left {
    width: 100%;
    margin-right: 0;
    padding: 40px 30px 35px;
  }
  .wrap-checkout-info2 > .right {
    width: 100%;
    padding: 40px 30px;
  }
  .wrap-checkout-info2 > .left .wrap-content .page-title {
    font-size: 1.25rem;
    margin-bottom: 30px;
  }
  .wrap-checkout-info2 > .left .wrap-content .coupon-part {
    font-size: 0.75rem;
    margin-bottom: 35px;
  }
  .wrap-checkout-info2 > .left .wrap-content .control .return {
    align-items: center;
    margin-bottom: 34px;
  }
  .wrap-checkout-info2 > .left .wrap-content .control .return a {
    max-width: 200px;
    font-size: 0.75rem;
  }
  .wrap-checkout-info2 > .left .wrap-content .billing-title {
    font-size: 1.125rem;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail .right .attr-item {
    padding-right: 12px;
  }
  .wrap-checkout-info2 > .right .wrap-content .cart-sub-total .coll-left {
    font-family: SFUMedium, sans-serif;
  }
  .wrap-checkout-info2 > .right .wrap-content .cart-sub-total .coll-right {
    font-family: SFUSemibold, sans-serif;
  }
  .wrap-form-row-data .form-row > label {
    font-size: 0.875rem;
  }
  .wrap-form-row-data .form-row input::-webkit-input-placeholder,
  .wrap-form-row-data .form-row select::-webkit-input-placeholder,
  .wrap-form-row-data .form-row textarea::-webkit-input-placeholder {
    font-size: 0.875rem;
  }
  .wrap-form-row-data .form-row input:-ms-input-placeholder,
  .wrap-form-row-data .form-row select:-ms-input-placeholder,
  .wrap-form-row-data .form-row textarea:-ms-input-placeholder {
    font-size: 0.875rem;
  }
  .wrap-form-row-data .form-row input::placeholder,
  .wrap-form-row-data .form-row select::placeholder,
  .wrap-form-row-data .form-row textarea::placeholder {
    font-size: 0.875rem;
  }
  .toggle-shipping-form-fields {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .toggle-shipping-form-fields span:nth-child(1) {
    width: 30px;
    height: 30px;
  }
  .toggle-shipping-form-fields span {
    font-size: 0.75rem;
  }
  .toggle-shipping-form-fields.active span:nth-child(1):before {
    height: 24px;
    width: 24px;
  }
  .woocommerce-invalid .error {
    font-size: 0.875rem;
    bottom: -6px;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .order-summary-title {
    text-align: left;
    font-size: 1.125rem;
    padding-bottom: 8px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(103, 102, 102, 0.25);
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail > .mid .title a {
    font-size: 0.875rem;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail > .mid .attr .attr-item label {
    font-size: 0.75rem;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail > .mid .attr .attr-item {
    font-size: 0.75rem;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail > .right {
    font-size: 0.875rem;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item {
    margin-bottom: 25px;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item:last-child {
    margin-bottom: 0;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail .mid {
    width: 65%;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail .right {
    position: relative;
    width: 35%;
    text-align: right;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .wrap-item-detail .right .price {
    position: absolute;
    bottom: 10px;
    right: 0;
  }
  .wrap-checkout-info2 > .right .wrap-content .cart-sub-total .coll-left,
  .wrap-checkout-info2 > .right .wrap-content .cart-sub-total .coll-right {
    font-size: 1rem;
  }
  .wrap-checkout-info2 > .right .wrap-content .cart-shipping > .coll-left {
    font-size: 1rem;
    margin-bottom: 14px;
  }
  .wrap-checkout-info2 > .right .wrap-content .cart-shipping > .coll-right [type="radio"] {
    width: 24px;
    height: 24px;
  }
  #payment [type="radio"] {
    width: 24px;
    height: 24px;
    margin-right: 5px;
  }
  .wrap-checkout-info2 > .right .wrap-content .cart-shipping > .coll-right ul li {
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    position: relative;
  }
  .wrap-checkout-info2 > .right .wrap-content .cart-shipping > .coll-right ul li input {
    margin-right: 15px;
  }
  .woocommerce-form__label.woocommerce-form__label-for-checkbox {
    position: relative;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .woocommerce-form__label.woocommerce-form__label-for-checkbox abbr[title] {
    display: none;
  }
  .woocommerce-terms-and-conditions-checkbox-text {
    font-size: 0.75rem;
    font-family: SFURegular, sans-serif;
  }
  input#terms {
    margin-right: 5px;
  }
  #zwc_chosen_method {
    padding-left: 15px;
  }
  .wrap-checkout-info2 > .right .wrap-content .cart-shipping > .coll-right ul li .sh-cost {
    position: absolute;
    right: 0;
  }
  .wrap-checkout-info2 > .right .wrap-content .cart-total .coll-left {
    font-size: 1rem;
    font-family: SFUMedium, sans-serif;
  }
  .wrap-checkout-info2 > .right .wrap-content .cart-total .coll-right {
    font-family: SFUSemibold, sans-serif;
  }
  #payment ul {
    padding: 25px 15px;
  }
  #payment ul li {
    font-size: 0.875rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(103, 102, 102, 0.25);
  }
  #payment ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  #payment ul li input {
    margin-right: 5px;
  }
  #payment ul li .payment_box {
    width: 100%;
    margin-top: 5px;
    font-size: 0.875rem;
  }
  .page-template-checkout .footer-part-contact {
    padding-top: 200px !important;
  }
  .related-product .products .product {
    max-width: 100% !important;
  }
  .ss-product-item .pp-loop-thumb .pp-loop-control .ar img {
    margin-right: 5px;
    max-width: 20px;
  }
  .ss-product-item .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist {
    margin-right: 5px;
  }
  .ss-product-item .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist img {
    max-width: 22px;
  }
  .products .product .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist img {
    max-width: 22px;
  }
  .products .product .pp-loop-thumb .pp-loop-control .wishlist .wrap-wishlist {
    margin-right: 5px;
  }
  .products .product .pp-loop-thumb .pp-loop-control .ar img {
    margin-right: 5px;
    max-width: 20px;
  }
  .products .product:hover,
  .ss-product-item:hover {
    border: 1px solid #abb6c2;
  }
  .page-template-about .m-desc {
    font-size: 1rem;
  }
  .page-template-about .general-block .item .block-content .block-title {
    font-size: 1.625rem;
  }
  .page-template-about .general-block .item .block-content {
    padding: 120px 50px 0;
  }
  .page-template-about .general-block .item:nth-child(even) .block-content {
    padding: 120px 20px 0 87px;
  }
  .page-template-about .general-block .item {
    padding: 50px 0 50px;
    margin: 0;
  }
  .page-template-about .philosophy .philosophy-block {
    padding: 0 50px;
  }
  .page-template-about .general-block .item > .patten {
    width: 59%;
  }
  .category-banner {
    height: calc(100vw * 576 / 1024);
  }
  .category-banner .text {
    font-size: 2.25rem;
  }
  .cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item .s-title {
    height: auto;
  }
  .cate-blogs .view-all {
    text-align: center;
  }
}

@media only screen and (max-width: 820px) {
  .outer,
  .outer2 {
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
    margin-right: 0;
  }
  .outer10 {
    padding-left: 15px;
    padding-right: 15px;
  }
  html {
    margin-top: 0 !important;
  }
  .desktop {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  body.admin-bar #masthead {
    margin-top: 0 !important;
  }
  #wpadminbar {
    display: none;
  }
  .btnz {
    display: inline-block;
    position: absolute;
    z-index: 9999;
    left: 30px;
  }
  #masthead .site-branding {
    display: inline-block;
  }
  #masthead .site-branding .custom-logo-link.change-type {
    display: none;
  }
  #masthead .site-branding .custom-logo-link img {
    max-width: 40px;
    object-fit: contain;
  }
  #masthead.change-type {
    border-bottom: 0;
  }
  #masthead.change-type .btnz .bar1 {
    background-color: #213b64;
  }
  #masthead.change-type .btnz .bar2 {
    background-color: #213b64;
  }
  #masthead.change-type .btnz .bar3 {
    background-color: #213b64;
  }
  #masthead.change-type .btnz .bar4 {
    background-color: #213b64;
  }
  #masthead.change-type .mobile-menu-top {
    border-bottom: 1px solid transparent;
  }
  #masthead.change .mobile-menu-top .btnz {
    display: none !important;
  }
  #masthead.change .mobile-menu-nav .btnz .bar1 {
    background-color: #213b64;
  }
  #masthead.change .mobile-menu-nav .btnz .bar2 {
    background-color: #213b64;
  }
  #masthead.change .mobile-menu-nav .btnz .bar3 {
    background-color: #213b64;
  }
  #masthead.change .mobile-menu-nav .btnz .bar4 {
    background-color: #213b64;
  }
  .mobile-menu-top {
    text-align: center;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 16px 0;
    height: 80px;
  }
  .mobile-menu-top .cart-show {
    position: absolute;
    right: 30px;
    padding: 0 !important;
  }
  .mobile-menu-top .cart-show svg {
    width: 28px;
    height: 28px;
  }
  .mobile-menu-nav {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: -200vw;
    z-index: 999;
    align-items: center;
    justify-content: flex-end;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    background: #fff;
    color: #213b64;
  }
  .mobile-menu-nav.show {
    left: 0;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
  }
  .mobile-menu-nav .top {
    width: 100%;
    padding: 16px 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    height: 80px;
    border-bottom: 1px solid #ddd;
  }
  .mobile-menu-nav .search {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 30px;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .mobile-menu-nav .search input {
    width: 100%;
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #ddd !important;
    padding: 0 0 15px !important;
    outline: none !important;
  }
  .mobile-menu-nav .search svg {
    position: absolute;
    right: 33px;
    top: 2px;
    cursor: pointer;
  }
  .mobile-menu-nav .search svg path {
    fill: #ddd !important;
  }
  .mobile-menu-nav .main-nav {
    padding: 0 30px;
    position: relative;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .wrap-a-item > a {
    font-size: 1rem;
    font-family: SFURegular, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #213b64;
    padding-bottom: 5px;
    margin-bottom: 25px;
    border-bottom: 2px solid transparent;
    display: inline-block;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .wrap-a-item > a.current {
    border-bottom: 2px solid #ddd;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .wrap-a-item img {
    margin-left: 7px;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu {
    position: absolute;
    top: 0;
    left: -100vw;
    width: 100%;
    height: calc(100vh - 145px);
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    background: #fff;
    padding: 0 30px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu.show {
    left: 0;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .back-to-menu {
    font-size: 0.75rem;
    font-family: SFURegular, sans-serif;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    margin-bottom: 25px;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .back-to-menu img {
    margin-right: 3px;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .wrap-main-nav-item {
    line-height: 1.9;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .wrap-main-nav-item .main-nav-item-title {
    margin-bottom: 25px;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .wrap-main-nav-item .main-nav-item-title > a {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #213b64;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .wrap-main-nav-item .main-nav-item-title img {
    margin-left: 7px;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .wrap-main-nav-item .main-nav-item_item.pp {
    display: none;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item .main-nav-submenu .wrap-main-nav-item .main-nav-item_item .main-nav-item_item__item {
    margin-bottom: 25px;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang {
    position: relative;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang > a {
    padding: 20px;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang .wrap-sub-menu {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub {
    width: 100%;
    margin: 0;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub > div {
    margin-bottom: 0;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang .wrap-sub-menu .sub-menu-custom .wrap-menu-item-sub > div > a {
    padding: 10px 20px 0;
    text-transform: uppercase;
    font-family: SFUSemibold, sans-serif;
    letter-spacing: 2px;
    color: #222321;
    font-size: 1rem;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang:hover {
    background: #fff;
    box-shadow: 0 0 18px -4px rgba(0, 0, 0, 0.1);
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang:hover > a {
    color: #213b64;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang:hover .wrap-sub-menu {
    background: #fff;
    box-shadow: 0 7px 20px -4px rgba(0, 0, 0, 0.1);
    width: 100%;
  }
  .mobile-menu-nav .main-nav .main-nav-section .main-nav-item.menu-item-lang:hover .wrap-sub-menu .sub-menu-custom {
    width: 100%;
  }
  .mobile-menu-nav .wishlist {
    display: flex;
    margin-right: 21px;
  }
  .mobile-menu-nav .wishlist a {
    position: relative;
    display: inherit;
  }
  .mobile-menu-nav .wishlist svg {
    width: 28px;
    height: 28px;
  }
  .mobile-menu-nav .wishlist svg path {
    stroke: #213b64;
  }
  .mobile-menu-nav .cart-show {
    padding: 0 !important;
    display: inline-block;
  }
  .mobile-menu-nav .cart-show svg {
    width: 28px;
    height: 28px;
  }
  .mobile-menu-nav .cart-show svg path {
    fill: #213b64;
  }
  .home-part-category .m-content {
    width: 100%;
  }
  #home-part-category-tabs .ui-tabs-nav {
    flex-wrap: wrap;
    padding: 0 15px !important;
    border-bottom: 0 !important;
  }
  .ui-tabs .ui-tabs-nav li {
    width: calc(100% / 4 - (8px * 3 /4));
    margin-right: 8px;
    margin-bottom: 18px;
  }
  .ui-tabs .ui-tabs-nav li:nth-child(4n+4) {
    margin-right: 0;
  }
  #home-part-category-tabs .ui-tabs-tab {
    border-bottom: 1px solid #d5dbe0 !important;
    margin: 0;
    padding: 0;
  }
  #home-part-category-tabs .ui-tabs-tab a {
    margin: 0 0 8px;
    font-size: 0.875rem;
    font-weight: 500;
    border-bottom: 2px solid transparent;
  }
  #home-part-category-tabs .ui-tabs-tab.ui-tabs-active a {
    border-bottom: 2px solid transparent !important;
    position: relative;
  }
  #home-part-category-tabs .ui-tabs-tab.ui-tabs-active a:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    background: #213b64;
    height: 1px;
    width: 100%;
  }
  .m-title {
    font-size: 1.375rem;
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .m-title .wrap-title {
    padding: 70px 30px;
  }
  .home-part-category .m-title {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .wpcsi-shoppable-image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #home-slider .tparrows.tp-leftarrow {
    left: 15px !important;
  }
  #home-slider .tparrows.tp-rightarrow {
    left: calc(100% - 75px) !important;
  }
  *[id^='tabs-'] .slick-arrow,
  #home-slider .tparrows,
  .home-part-banner .slick-arrow {
    width: 60px !important;
    height: 60px !important;
  }
  #home-slider .tparrows {
    display: none !important;
  }
  *[id^='tabs-'] .slick-arrow,
  .home-part-banner .slick-arrow {
    bottom: -75px;
  }
  *[id^='tabs-'] .slick-arrow.slick-prev,
  .home-part-banner .slick-arrow.slick-prev {
    left: 15px;
  }
  *[id^='tabs-'] .slick-arrow.slick-next,
  .home-part-banner .slick-arrow.slick-next {
    right: 15px;
  }
  *[id^='tabs-'] .slick-dots,
  .home-part-banner .slick-dots {
    margin: 0;
    width: 100%;
  }
  *[id^='tabs-'] .view-all {
    padding-right: 0;
    margin-top: 35px;
  }
  .home-part-banner {
    margin-top: 115px;
    margin-bottom: 0;
  }
  .home-part-banner .wpcsi-shoppable-image img {
    height: 100%;
    width: 100%;
  }
  .wrap-thumb a img {
    height: calc(100vw * 176 / 768) !important;
  }
  .wrap-p-grouped .products .product .wrap-thumb a img {
    height: 217px !important;
  }
  *[id^='tabs-'] .ss-product {
    display: flex;
    flex-wrap: wrap;
    margin-top: 100px;
    padding: 0 15px;
  }
  *[id^='tabs-'] .ss-product-item {
    width: 25% !important;
    max-width: none;
    margin: 0;
  }
  *[id^='tabs-'] .ss-product-item:nth-child(odd) {
    margin-top: 0;
  }
  .ss-product-item .wrap-thumb a img {
    width: 100%;
  }
  .pp-loop-thumb .pp-loop-control {
    font-size: 0.4375rem !important;
    font-family: SFURegular, sans-serif;
  }
  .pp-loop-thumb .pp-loop-control .ar,
  .pp-loop-thumb .pp-loop-control .wishlist {
    padding: 5px 0 !important;
  }
  .pp-loop-control .ar img {
    max-width: 15px !important;
    margin-right: 3px !important;
  }
  .pp-loop-control .wishlist .wrap-wishlist {
    margin-right: 3px !important;
  }
  .pp-loop-control .wishlist .wrap-wishlist img {
    max-width: 15px !important;
  }
  .pp-loop-title {
    padding: 11px 15px 2px !important;
    line-height: 1.2;
  }
  .pp-loop-title a {
    font-size: 0.75rem !important;
    font-family: SFURegular, sans-serif;
  }
  .pp-loop-price {
    font-size: 0.75rem !important;
    padding: 0 15px 25px !important;
  }
  .pp-loop-thumb {
    padding: 15px 14px 0 !important;
    position: relative;
  }
  .home-part-blog {
    margin-top: 115px;
  }
  .home-part-blog .wrap-home-part-blog .m-title {
    margin-bottom: 24px;
    margin-top: 26px;
  }
  .home-part-blog .wrap-home-part-blog .m-desc {
    margin-bottom: 60px;
  }
  .m-title {
    margin-bottom: 25px;
  }
  .m-desc {
    font-size: 0.875rem;
    margin-bottom: 40px;
    max-width: 315px !important;
  }
  .home-part-blog .wrap-home-part-blog .listing-post {
    display: flex;
    flex-wrap: wrap;
  }
  .home-part-blog .wrap-home-part-blog .listing-post .item {
    width: calc(100% / 2 - (15px * 1 / 2));
    margin-right: 15px !important;
    margin-bottom: 15px;
    height: calc(100vw * 250 / 375);
  }
  .home-part-blog .wrap-home-part-blog .listing-post .item:nth-child(2n+2) {
    margin-right: 0 !important;
  }
  .home-part-blog .wrap-home-part-blog .listing-post .item .s-title a {
    font-size: 0.75rem;
    font-weight: 300;
    padding: 18px 12px;
    min-height: auto;
  }
  .home-part-blog .wrap-home-part-blog .view-all {
    margin-bottom: 0;
    margin-top: 35px;
  }
  .footer-part-contact {
    padding-top: 100px !important;
    padding-bottom: 190px !important;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content {
    width: 100% !important;
    left: 0 !important;
    padding: 50px 30px 30px !important;
    margin-bottom: -105px !important;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-image {
    position: relative !important;
    width: 100% !important;
    right: 0 !important;
    top: 90px !important;
    margin-left: auto !important;
    padding: 45px 40px !important;
    background: url("../assets/image/back-contact.svg") right/contain no-repeat !important;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-image iframe {
    top: 0 !important;
    left: 0 !important;
    position: relative !important;
    width: 100% !important;
    height: 236px !important;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) !important;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span {
    margin-bottom: 10px !important;
    font-family: SFUSemibold, sans-serif;
    width: 100% !important;
    margin-right: 0 !important;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span:nth-child(1) p a {
    font-size: 1rem;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-desc span {
    display: inline !important;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-title {
    font-size: 1.25rem !important;
    margin-bottom: 25px !important;
    line-height: 28px !important;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-desc {
    font-size: 0.875rem !important;
  }
  .category-banner {
    height: 450px;
  }
  .category-banner .text {
    font-size: 1.625rem;
    text-align: center;
  }
  .wrap-summary {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .tax-product_cat .wrap-p-grouped {
    margin-bottom: 100px;
  }
  .wrap-p-grouped .products {
    margin-bottom: 35px;
  }
  .wrap-p-grouped .products .product {
    width: 50%;
    padding: 0;
    margin-right: 0;
    margin-bottom: 45px;
    max-width: 100%;
    position: relative;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    padding: 15px;
  }
  .wrap-p-grouped .products .product.overlayout {
    transition: 0s;
    -moz-transition: 0s;
    -webkit-transition: 0s;
  }
  .wrap-p-grouped .products .product.overlayout:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0);
    z-index: 999;
  }
  .wrap-p-grouped .products .product:hover {
    padding: 15px;
  }
  .wrap-p-grouped .products .product .pp-loop-thumb {
    padding: 0 !important;
  }
  .wrap-p-grouped .products .product .pp-loop-price {
    padding: 0 !important;
  }
  .wrap-p-grouped .products .product .pp-loop-price {
    font-size: 1rem !important;
  }
  .wrap-p-grouped .products .product .pp-loop-title {
    padding: 16px 0 2px !important;
  }
  .wrap-p-grouped .products .product .pp-loop-title a {
    font-size: 1rem !important;
    text-transform: uppercase;
  }
  .products .product:hover,
  .ss-product-item:hover {
    border: 1px solid #abb6c2;
  }
  .products .product:hover:before,
  .ss-product-item:hover:before {
    border-right: 1px solid #abb6c2;
    top: -15px;
    left: -15px;
    width: 30px;
    height: 30px;
  }
  .products .product:hover:after,
  .ss-product-item:hover:after {
    border-left: 1px solid #abb6c2;
    left: auto !important;
    top: auto !important;
    bottom: -15px !important;
    right: -15px !important;
    width: 30px !important;
    height: 30px !important;
    background: #fff !important;
  }
  .products .product:hover:after,
  .ss-product-item:hover:after {
    transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -webkit-transition: 0.3s !important;
  }
  .filter {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 25px;
    max-width: 100%;
  }
  .filter .advanced-filter {
    width: calc(50% - 4px);
    margin-right: 8px;
    margin-bottom: 12px;
    font-size: 0.75rem;
    padding: 12px 20px;
  }
  .filter .default-filter {
    width: calc(50% - 4px);
    margin-right: 0;
    margin-bottom: 12px;
    font-size: 0.75rem;
    padding: 12px 20px;
  }
  .wrap-p-grouped .filter {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .filter .search-filter {
    width: 100%;
    padding: 7px 20px 6px 0;
    max-width: 100%;
    min-width: 315px;
    margin-left: 0;
    margin-right: auto;
  }
  .filter .search-filter input {
    text-align: left;
  }
  .filter .search-filter input::-webkit-input-placeholder {
    font-size: 0.75rem;
  }
  .filter .search-filter input:-ms-input-placeholder {
    font-size: 0.75rem;
  }
  .filter .search-filter input::placeholder {
    font-size: 0.75rem;
  }
  .modern-classic-products .content .block-content {
    width: 100%;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .modern-classic-products .content .block-content .title {
    margin-top: 35px;
    margin-bottom: 20px;
    font-size: 1.25rem;
  }
  .modern-classic-products .content .block-content .description {
    font-size: 0.875rem;
    margin-bottom: 35px;
  }
  .modern-classic-products .content .products {
    width: 100%;
  }
  .modern-classic-products .content .products .product:hover {
    background: none;
  }
  .modern-classic-products .content .block-content .view-all {
    margin-bottom: 35px;
    justify-content: center;
  }
  .single-product .bar1,
  .single-product .bar2,
  .single-product .bar3,
  .single-product .bar4 {
    background: #213b64;
  }
  .single-product .site-main {
    margin-top: 0;
  }
  .single-product .modern-classic-products {
    margin-top: 115px;
  }
  .single-product .home-part-blog {
    margin-top: 0;
  }
  .wrap-thumb-product {
    width: 100%;
    margin-bottom: 35px;
  }
  .wrap-info-product {
    width: 100%;
    margin-left: 0;
  }
  .wrap-info-product .zwc-product-info .p-title {
    font-size: 1.25rem;
    margin-bottom: 35px;
  }
  .wrap-info-product .zwc-product-info .sub-info .sku {
    font-size: 10px;
  }
  .wrap-info-product .zwc-product-info .info {
    font-size: 0.875rem;
    margin-bottom: 18px;
    text-align: left;
  }
  .wrap-info-product .zwc-product-info .p-price {
    font-size: 1.375rem;
    margin-bottom: 35px;
  }
  .related-product {
    margin-bottom: 115px;
    margin-top: 115px;
  }
  .category-desctiption {
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 0;
  }
  .category-desctiption .image {
    padding-top: 35px;
    width: 100%;
    margin-right: 0;
    background: #fff;
    line-height: 0;
  }
  .category-desctiption > .patten {
    top: -22%;
    right: -16%;
  }
  .category-desctiption .content {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .category-desctiption .content .title {
    font-size: 1.25rem;
    margin-bottom: 18px;
    line-height: 1.4;
  }
  .category-desctiption .content .title span:nth-child(2) {
    margin-left: 0;
  }
  .category-desctiption .content .sub-wrap-content {
    width: 100%;
  }
  .category-desctiption .content .sub-wrap-content .desc {
    font-size: 0.875rem;
  }
  .tax-product_cat .load-more {
    margin-bottom: 0;
    margin-top: 10px;
  }
  .tax-product_cat .footer-part-contact {
    padding-top: 140px !important;
  }
  .page-banner {
    height: 450px;
  }
  .page-banner img {
    height: 100%;
    object-fit: cover;
  }
  .page-banner .text {
    font-size: 1.625rem;
    text-align: center;
  }
  .wrap-content-service .service-menu .item {
    width: calc(100% / 2 - (28px * 1 / 2));
    margin-right: 28px;
    margin-bottom: 28px;
  }
  .wrap-content-service .service-menu .item:nth-child(2n+2) {
    margin-right: 0;
  }
  .wrap-content-service .service-menu .item a {
    padding: 15px 4px;
  }
  .wrap-content-service .service-menu .item a > span.title {
    white-space: nowrap;
    letter-spacing: 1px;
    font-size: 0.75rem;
  }
  .wrap-content-service .service-menu .item:before {
    top: -10px;
    left: -10px;
    height: 22px;
    width: 22px;
  }
  .wrap-content-service .service-menu .item:after {
    bottom: -10px;
    right: -10px;
    height: 22px;
    width: 22px;
  }
  .wrap-content-service .service-menu .item a > span img {
    height: 32px;
  }
  .other-block-content-full .wrap-other-block-content-full .inner-content .s-desc {
    font-size: 0.875rem;
  }
  .block-content .text .title {
    font-size: 1.25rem !important;
  }
  .block-content .text .desc {
    font-size: 0.875rem !important;
  }
  .page-template-stores .m-title {
    margin-bottom: 25px;
  }
  .page-template-service .breadcrumb,
  .single-service .breadcrumb {
    display: none;
  }
  .s-content .s-title {
    margin-top: 22px;
    padding-top: 50px;
    margin-bottom: 28px;
    font-size: 1.25rem;
    text-transform: uppercase;
    border-top: 1px solid #ABB6C2;
  }
  .s-content .wrap-s-content h2,
  .s-content .wrap-s-content h3,
  .s-content .wrap-s-content h4,
  .s-content .wrap-s-content h5,
  .s-content .wrap-s-content h6 {
    text-transform: uppercase;
    font-family: SFUMedium, sans-serif;
  }
  .s-content .wrap-s-content h2 {
    font-size: 1.125rem;
    font-family: SFUMedium, sans-serif;
    margin: 20px 0 5px;
  }
  .s-content .wrap-s-content h3 {
    font-size: 1.125rem;
    font-family: SFUMedium, sans-serif;
    margin: 20px 0 5px;
  }
  .s-content .wrap-s-content p,
  .s-content .wrap-s-content ul {
    margin-bottom: 5px;
  }
  .s-content .wrap-s-content p:last-child {
    margin-bottom: 0;
  }
  .faq .wrap-faq > .title {
    margin-top: 28px;
  }
  .faq .wrap-faq > .desc {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .faq .wrap-faq .faq-list .faq-item {
    margin-bottom: 20px;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 25px 20px;
  }
  .faq .wrap-faq .faq-list .faq-item .title > span:nth-child(1) {
    font-family: SFUMedium, sans-serif;
  }
  .other-block-content .wrap-other-block-content .b-title .wrap-b-title {
    text-transform: uppercase;
    font-size: 1.25rem;
  }
  .other-block-content .wrap-other-block-content .b-content .r-item {
    margin-top: 50px;
    padding-top: 0;
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item {
    width: 100%;
    padding-bottom: 0;
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item:nth-child(2n+1) {
    margin-right: 0;
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item:nth-child(2n+1):after {
    display: none;
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item .wrap-c-content {
    padding: 40px 30px;
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item:nth-child(2n+1) .wrap-c-content {
    width: 100%;
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item:nth-child(2n+2) {
    width: 100%;
    margin-left: 0;
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item:nth-child(2n+2) .wrap-c-content {
    width: 100%;
  }
  .single ul {
    padding-left: 20px;
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item .wrap-c-content .title {
    margin-bottom: 10px;
    font-size: 1.125rem;
  }
  .other-block-content .wrap-other-block-content .b-content .r-item .c-item .wrap-c-content .desc {
    font-size: 0.875rem;
  }
  .other-block-content-full {
    padding-top: 0;
    padding-bottom: 0;
  }
  .other-block-content-full .wrap-other-block-content-full {
    background: none;
  }
  .other-block-content-full .wrap-other-block-content-full .inner-image {
    position: relative;
    width: 100%;
    left: 0;
    padding: 100px 0;
  }
  .other-block-content-full .wrap-other-block-content-full .inner-content {
    width: 100%;
    margin: 0;
    right: 0;
    padding: 40px 30px 0;
  }
  .other-block-content-full .wrap-other-block-content-full .inner-content .s-title {
    font-size: 1.125rem;
    margin-bottom: 20px;
  }
  .other-block-content .wrap-other-block-content .b-content {
    margin-bottom: 0;
  }
  .faq .wrap-faq .faq-list .faq-item .title {
    font-size: 1.125rem;
  }
  .faq .wrap-faq .faq-list .faq-item .title > span:nth-child(1) {
    width: 92%;
  }
  .faq .wrap-faq .faq-list .faq-item.active .content {
    font-size: 0.875rem;
  }
  .page-template-blogs .page-banner {
    margin-bottom: 50px;
  }
  .page-banner {
    margin-bottom: 35px;
  }
  .cat-listing {
    margin-bottom: 80px;
  }
  .cat-listing > .wrap-listing .listing .item {
    width: 50%;
    margin-right: 0;
    padding: 15px 14px;
  }
  .cat-listing > .wrap-listing .listing .item .title {
    font-size: 0.875rem;
  }
  .cat-listing > .wrap-listing .detail-listing > .item .m-title {
    margin: 0 0 25px;
  }
  .cat-listing > .wrap-listing > .title {
    margin-bottom: 20px;
    font-size: 1.25rem;
  }
  .cat-listing > .wrap-listing .listing {
    margin-bottom: 50px;
  }
  .cat-listing > .wrap-listing .listing .item.active:before,
  .cat-listing > .wrap-listing .listing .item:hover:before {
    width: 40px;
    height: 40px;
    top: -20px;
    left: -20px;
  }
  .cat-listing > .wrap-listing .listing .item.active:after,
  .cat-listing > .wrap-listing .listing .item:hover:after {
    width: 40px;
    height: 40px;
    bottom: -20px;
    right: -20px;
  }
  .cat-listing > .wrap-listing .detail-listing > .item .m-desc {
    width: 100%;
    margin-bottom: 40px;
  }
  .cat-listing > .wrap-listing .detail-listing {
    padding: 30px 15px 40px;
  }
  .cat-listing > .wrap-listing .detail-listing .view-all {
    margin-top: 35px;
  }
  .cat-listing > .wrap-listing .detail-listing > .item .listing-post {
    display: flex;
    flex-wrap: wrap;
  }
  .cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item {
    width: calc(100% / 2 - (15px * 1 / 2));
    margin-right: 15px !important;
    margin-bottom: 15px;
    height: calc(100vw * 251 / 375);
  }
  .cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item:nth-child(2n+2) {
    margin-right: 0 !important;
  }
  .cat-listing > .wrap-listing .detail-listing > .item .listing-post > .item .s-title a {
    font-size: 0.75rem;
    font-weight: 300;
    padding: 18px;
  }
  .cate-blogs .listing-post > .item .s-title a {
    padding: 18px 12px !important;
  }
  .cate-blogs .wrap-listing .outer .wrap-title {
    margin-bottom: 30px;
  }
  .cate-blogs .wrap-listing .outer .wrap-title > .title {
    font-size: 1.25rem;
  }
  .design-of-year {
    margin-bottom: 80px;
  }
  .design-of-year .view-all {
    margin-top: 35px;
    text-align: center;
  }
  .design-of-year .listing-post {
    display: flex;
    flex-wrap: wrap;
    column-count: inherit;
    column-gap: 0;
  }
  .design-of-year .listing-post > .item {
    width: calc(100% / 2 - (15px * 1 / 2));
    margin-right: 15px !important;
    margin-bottom: 15px;
    height: calc(100vw * 251 / 375) !important;
  }
  .design-of-year .listing-post > .item:nth-child(2n+2) {
    margin-right: 0 !important;
  }
  .design-of-year .listing-post > .item .s-title a {
    font-size: 0.75rem;
    font-weight: 300;
    padding: 18px;
  }
  .inspired-blog {
    margin-bottom: 80px;
  }
  .inspired-blog .view-all {
    margin-top: 35px;
    text-align: center;
  }
  .inspired-blog .listing-post {
    display: flex;
    flex-wrap: wrap;
  }
  .inspired-blog .listing-post > .item {
    width: calc(100% / 2 - (15px * 1 / 2));
    margin-right: 15px !important;
    margin-bottom: 15px;
    height: calc(100vw * 251 / 375) !important;
  }
  .inspired-blog .listing-post > .item:nth-child(2n+2) {
    margin-right: 0 !important;
  }
  .inspired-blog .listing-post > .item .s-title a {
    font-size: 0.75rem;
    font-weight: 300;
    padding: 18px;
  }
  .guide {
    margin-bottom: 0;
  }
  .guide .view-all {
    margin-top: 35px;
    text-align: center;
  }
  .guide .listing-post {
    display: flex;
    flex-wrap: wrap;
  }
  .guide .listing-post > .item {
    width: calc(100% / 2 - (15px * 1 / 2));
    margin-right: 15px !important;
    margin-bottom: 15px;
    height: calc(100vw * 251 / 375) !important;
  }
  .guide .listing-post > .item:nth-child(2n+2) {
    margin-right: 0 !important;
  }
  .guide .listing-post > .item .s-title a {
    font-size: 0.75rem;
    font-weight: 300;
    padding: 18px;
  }
  .guide .listing-post > .item .s-thumnail img {
    width: 100%;
  }
  .cate-blogs-sub {
    margin-bottom: 20px;
  }
  .cate-blogs-sub .m-desc {
    width: 100%;
    max-width: 315px !important;
    margin-bottom: 42px;
  }
  .cate-blogs-sub .listing-post {
    display: flex;
    flex-wrap: wrap;
  }
  .cate-blogs-sub .listing-post > .item {
    width: calc(100% / 2 - (15px * 1 / 2));
    margin-right: 15px !important;
    margin-bottom: 15px;
    height: calc(100vw * 251 / 375) !important;
  }
  .cate-blogs-sub .listing-post > .item:nth-child(2n+2) {
    margin-right: 0 !important;
  }
  .cate-blogs-sub .listing-post > .item .s-title a {
    font-size: 0.75rem;
    font-weight: 300;
    padding: 18px;
  }
  .single-post .outer {
    padding-left: 30px;
    padding-right: 30px;
  }
  .single-post .breadcrumb {
    margin-bottom: 30px;
    display: none;
  }
  .wrap-m-content {
    margin-top: 35px;
  }
  .wrap-m-content .mm-content .title {
    margin-bottom: 12px;
    font-size: 1.25rem;
  }
  .wrap-m-content .info.mobile {
    width: 100%;
    display: flex !important;
    flex-wrap: wrap;
    margin-bottom: 52px;
  }
  .wrap-m-content .info .category {
    width: calc(50% - 5px);
    margin-right: 10px;
    margin-bottom: 0;
  }
  .wrap-m-content .mm-content {
    width: 100%;
  }
  .wrap-m-content .info .tags {
    width: calc(50% - 5px);
  }
  .wrap-m-content .info .category .mm-title,
  .wrap-m-content .info .tags .mm-title {
    color: #222321;
    font-size: 0.875rem;
  }
  .wrap-m-content .mm-content .content {
    width: 100%;
    font-size: 0.875rem;
  }
  .wrap-m-content .mm-content .content h3 {
    margin-bottom: 5px;
  }
  .wrap-m-content .info .category .listing,
  .wrap-m-content .info .tags .listing {
    font-size: 0.875rem;
  }
  .social {
    margin-top: 52px;
  }
  .page-template-recruite .page-desc {
    padding: 30px;
  }
  .page-template-recruite .page-desc > .left {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
    font-size: 1.25rem;
  }
  .page-template-recruite .page-desc > .right {
    width: 100%;
    padding-right: 0;
  }
  .highlight-job > .left {
    width: 100%;
  }
  .highlight-job > .right {
    width: 100%;
  }
  .highlight-job > .right .wrap-block-content {
    padding: 40px 30px;
  }
  .highlight-job > .right .wrap-block-content .title {
    font-size: 1.25rem;
    width: 75%;
  }
  .highlight-job:after {
    width: 100%;
  }
  .highlight-job {
    margin-top: 0;
    padding-bottom: 10px;
    margin-bottom: 80px;
  }
  .our-values {
    margin-bottom: 0;
  }
  .our-values .wrap-our-values .title {
    margin-bottom: 30px;
    font-size: 1.25rem;
    text-align: left;
  }
  .our-values .wrap-our-values .content .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 35px;
  }
  .our-values .wrap-our-values .content .item .icon {
    margin-bottom: 12px;
  }
  .our-values .wrap-our-values .content .item .title {
    margin-bottom: 12px;
    font-size: 1.125rem;
    text-transform: capitalize;
  }
  .our-values .wrap-our-values .content .item .desc {
    font-size: 0.875rem;
  }
  .about-team {
    margin-bottom: 50px;
  }
  .about-team > .left {
    width: 100%;
  }
  .about-team > .right {
    width: 100%;
  }
  .about-team > .left .wrap-about-team {
    padding: 40px 30px 28px;
  }
  .about-team > .left .wrap-about-team .title {
    font-size: 1.25rem;
    display: flex;
    margin-bottom: 20px;
  }
  .about-team > .left .wrap-about-team .title p:nth-child(n+2) {
    margin-left: 5px;
  }
  .about-team:before {
    display: none;
  }
  .jobs .m-title {
    background: url("../assets/image/title-back.svg") center/203px 203px no-repeat !important;
  }
  .jobs .m-desc {
    width: 100%;
    max-width: 315px !important;
    margin-bottom: 35px;
  }
  .jobs .listing .item .list-col-1 {
    width: 60%;
    font-size: 0.875rem;
  }
  .jobs .listing .item .list-col-1 a {
    font-size: 0.875rem;
  }
  .jobs .listing .item .list-col-2 {
    width: 40%;
    text-align: right;
    font-size: 0.875rem;
  }
  .jobs .listing .item .list-col-3 {
    display: none;
  }
  .jobs .listing .item.header {
    padding: 11px 0;
  }
  .jobs .listing .item {
    padding: 40px 0;
  }
  .job-detail {
    margin-top: 50px;
  }
  .job-detail .wrap-job-detail .content {
    width: 100%;
    margin-bottom: 0;
  }
  .job-detail .wrap-job-detail .content h1 {
    font-size: 1.25rem;
    margin: 0 0 30px !important;
  }
  .job-detail .wrap-job-detail .info.mobile {
    display: flex !important;
    flex-wrap: wrap;
    font-size: 0.875rem;
    width: 100%;
    margin-bottom: 25px;
  }
  .job-detail .wrap-job-detail .info.mobile .location {
    width: calc(100% / 3 - (55px * 2 / 3));
    margin-right: 55px;
  }
  .job-detail .wrap-job-detail .info.mobile .date {
    width: calc(100% / 3 - (55px * 2 / 3));
    margin-right: 55px;
  }
  .job-detail .wrap-job-detail .info.mobile .salary {
    width: calc(100% / 3 - (55px * 2 / 3));
    margin-right: 0;
  }
  .job-detail .apply-job a {
    width: 100%;
    display: inline-block;
    padding: 12px 20px;
    background: #f1e4d7;
    text-align: center;
    font-family: SFUSemibold, sans-serif;
    color: #2C4865;
  }
  .page-template-stores .m-desc {
    width: 100%;
    max-width: 315px !important;
    margin-bottom: 68px;
  }
  .page-template-stores .highlight-store .wrap-highlight-store .image {
    width: 100%;
    margin-right: 0;
  }
  .page-template-stores .highlight-store .wrap-highlight-store .content {
    width: 100%;
    margin-left: 0;
    padding: 40px 30px;
  }
  .page-template-stores .highlight-store .wrap-highlight-store .content .wrap-content .title {
    font-size: 1.25rem;
    margin-bottom: 20px;
  }
  .page-template-stores .highlight-store .wrap-highlight-store .content .wrap-content .desc {
    margin-bottom: 20px;
    font-size: 0.875rem;
  }
  .page-template-stores .highlight-store .wrap-highlight-store .content .wrap-content .items .item {
    font-size: 0.875rem;
  }
  .page-template-stores .video-store {
    padding: 120px 0 0;
    margin-top: 44px;
    margin-bottom: 85px;
  }
  .page-template-stores .video-store p {
    margin: 0;
    padding: 0;
    line-height: 0;
  }
  .page-template-stores .video-store iframe {
    height: 211px;
  }
  .page-template-stores .video-store > .patten {
    width: 70%;
    display: none;
  }
  .page-template-stores .wrap-locations .listing .item .list-col-1 {
    width: 70%;
    font-size: 0.875rem;
    opacity: 1;
  }
  .filter-internal .wrap-filter .group-items {
    padding: 0;
  }
  .filter-internal .wrap-filter .group-items .item {
    font-size: 0.875rem;
    opacity: 1;
    padding: 5px 15px;
  }
  .page-template-stores .wrap-locations .listing .item .list-col-1 a {
    font-size: 0.875rem;
    opacity: 1;
  }
  .page-template-stores .wrap-locations .listing .item .list-col-2 {
    width: 30%;
    text-align: right;
    font-size: 0.875rem;
  }
  .page-template-stores .wrap-locations .listing .item .list-col-3 {
    display: none;
  }
  .page-template-stores .wrap-locations .listing .item.header {
    padding: 11px 0;
    border-top: 1px solid rgba(33, 59, 100, 0.75) !important;
    border-bottom: 1px solid rgba(33, 59, 100, 0.75) !important;
  }
  .page-template-stores .wrap-locations .listing .item {
    padding: 24px 0 30px;
  }
  #cart {
    width: 100%;
    padding: 21px 30px;
  }
  #cart > .wrap-title .title {
    font-size: 1.5rem;
  }
  #cart > .wrap-title .close img {
    width: 20px;
  }
  #cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-title .title {
    font-size: 0.875rem;
  }
  #cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-attr > .left .attr .attr-item {
    font-size: 0.875rem;
    margin-bottom: 3px;
  }
  #cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-attr > .right {
    font-size: 1rem;
    max-width: 30%;
  }
  .change-qty .val {
    font-size: 1rem;
  }
  .change-qty {
    height: 28px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 2px 8px;
  }
  .change-qty .pre {
    font-size: 1rem;
    margin-right: 0;
  }
  .change-qty .next {
    font-size: 1rem;
    margin-left: 0;
  }
  #cart .wrap-cart-page .bottom .wrap-bottom .cart-total {
    margin-bottom: 33px;
  }
  #cart .wrap-cart-page .bottom .wrap-bottom .cart-total .coll-left > span:nth-child(1) {
    font-size: 1rem;
    text-transform: uppercase;
  }
  #cart .wrap-cart-page .bottom .wrap-bottom .cart-total .coll-left > span:nth-child(2) {
    font-size: 1rem;
  }
  #cart .wrap-cart-page .bottom .wrap-bottom .cart-total .coll-right > span:nth-child(1) {
    font-size: 1.375rem;
  }
  #cart .wrap-cart-page .bottom .wrap-bottom .cart-total .coll-right > span:nth-child(2) {
    font-size: 0.875rem;
  }
  #cart .wrap-cart-page .cart-action .continue-shopping a.continue-shopping-btn {
    font-size: 1rem;
    padding: 9px 10px 10px;
  }
  #cart .wrap-cart-page .cart-action .proceed a.proceed-btn {
    font-size: 1rem;
    padding: 9px 10px 10px;
  }
  .page-template-checkout .footer-part-contact {
    padding-top: 0 !important;
  }
  .redeem-cart #coupon-redeem p [name="coupon"] {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
    height: 45px;
    font-family: SFUSemibold, sans-serif;
    font-size: 1rem;
  }
  .redeem-cart #coupon-redeem p [name="coupon"]::-webkit-input-placeholder {
    /* Edge */
    font-family: SFUSemibold, sans-serif;
    font-size: 1rem;
  }
  .redeem-cart #coupon-redeem p [name="coupon"]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-family: SFUSemibold, sans-serif;
    font-size: 1rem;
  }
  .redeem-cart #coupon-redeem p [name="coupon"]::placeholder {
    font-family: SFUSemibold, sans-serif;
    font-size: 1rem;
  }
  .redeem-cart #coupon-redeem p [name="redeem-coupon"] {
    width: 100%;
    font-size: 1rem;
    height: 45px;
  }
  #cart .wrap-cart-page .top .listing-cart {
    height: 48vh;
  }
  .paging-slide {
    display: none;
  }
  #popup-ar .wrap-popup-ar .content-popup-ar .popup-content {
    height: auto;
  }
  #popup-ar .wrap-popup-ar .content-popup-ar .popup-content .wrap-popup-content {
    padding: 45px 30px;
  }
  #popup-ar .wrap-popup-ar .content-popup-ar .popup-content .wrap-popup-content .icon {
    margin-bottom: 25px;
  }
  #popup-ar .wrap-popup-ar .content-popup-ar .popup-content .wrap-popup-content .title {
    font-size: 1.25rem;
    margin-bottom: 25px;
  }
  #popup-ar .wrap-popup-ar .content-popup-ar .popup-content .wrap-popup-content .desc {
    font-size: 0.875rem;
    margin-bottom: 15px;
  }
  #popup-ar .wrap-popup-ar .content-popup-ar .image {
    width: 100%;
  }
  *[id^='tabs-'] .ss-image {
    margin-right: 0;
  }
  .page-template-home .wrap-home-part-product {
    padding-top: 150px;
  }
  .modern-classic-products {
    margin-top: 110px;
  }
  .single-product .breadcrumb {
    display: none;
  }
  .zwc-custom-thumbnail .thumb-main {
    margin-bottom: 25px;
  }
  .group-product .grouped-listing .item .content .c-item > .right {
    font-size: 1rem !important;
  }
  .wrap-info-product .zwc-product-info .attributes .item .wrap-attr-self .attr-detail .attr-item {
    padding: 7px 10px 6px;
  }
  .wrap-info-product .zwc-product-info .attributes .item .wrap-attr-self .attr-detail .attr-item.attr-map {
    margin-right: 13px;
  }
  .wrap-info-product .zwc-product-info .attributes .item .wrap-attr-self .attr-detail .attr-item.attr-map span {
    display: flex;
    height: 52px;
    width: 52px;
    align-items: center;
    justify-content: center;
  }
  .wrap-info-product .zwc-product-info .attributes .item .wrap-attr-self .attr-detail .attr-item.attr-map img {
    width: 45px;
    height: 45px;
  }
  .buy .wrap-action .buy-item a {
    padding: 13px 18px;
  }
  .related-product .c-title {
    font-size: 1.375rem;
    margin-bottom: 25px;
  }
  .group-product {
    margin-bottom: 35px;
  }
  .group-product .title {
    font-family: SFUMedium, sans-serif;
  }
  .group-product .grouped-listing .item .content .c-item:nth-child(1) > .left {
    font-size: 0.875rem;
  }
  .group-product .grouped-listing .item .content .c-item:nth-child(2) > .left {
    font-size: 0.75rem;
  }
  .page-template-about .page-banner {
    margin-bottom: 36px;
  }
  .page-template-about .m-title {
    margin-top: 0;
    margin-bottom: 24px;
  }
  .page-template-about .m-desc {
    margin-bottom: 68px;
    font-size: 0.875rem;
  }
  .page-template-about .team {
    margin-top: -1px;
  }
  .page-template-about .team .m-desc {
    margin-bottom: 50px;
  }
  .team .team-block .item .image {
    margin-bottom: 10px;
  }
  .page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-number {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 0.875rem;
  }
  .page-banner .text {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
  }
  .page-banner .text > span:nth-child(1) {
    margin-bottom: 0;
  }
  .page-banner .text > span:nth-child(2) {
    display: none;
  }
  .page-template-stores .video-store .inner-video #patten-vid img {
    width: 32px;
    height: 20px;
  }
  .page-template-stores .video-store {
    padding: 0;
  }
  .page-template-stores .video-store .title {
    display: block;
    font-family: Megante ,sans-serif;
    color: #E1D9C9;
    text-transform: uppercase;
    text-align: left;
    padding-left: 30px;
    font-size: 1.25rem;
    padding-top: 24px;
    padding-bottom: 35px;
  }
  .page-template-stores .video-store .title p {
    line-height: 1.3;
  }
  .filter-internal {
    width: 100% !important;
    margin-bottom: 22px;
  }
  .filter-internal .wrap-filter {
    width: 100%;
  }
  .filter-internal .wrap-filter .title {
    font-size: 0.875rem;
    padding: 9px 15px;
    opacity: 1;
    border: 1px solid rgba(33, 59, 100, 0.75) !important;
  }
  .filter-internal .wrap-filter .title:hover {
    border-bottom: 0 !important;
  }
  .search-internal {
    width: 100% !important;
  }
  .jobs .control .search-internal > input,
  .page-template-stores .wrap-locations .control .search-internal > input {
    width: 100% !important;
    font-size: 0.875rem;
    padding: 9px 15px !important;
    border-bottom: 1px solid rgba(33, 59, 100, 0.75) !important;
  }
  .jobs .control .search-internal > input::-webkit-input-placeholder,
  .page-template-stores .wrap-locations .control .search-internal > input::-webkit-input-placeholder {
    /* Edge */
    font-size: 0.875rem;
  }
  .jobs .control .search-internal > input:-ms-input-placeholder,
  .page-template-stores .wrap-locations .control .search-internal > input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 0.875rem;
  }
  .jobs .control .search-internal > input::placeholder,
  .page-template-stores .wrap-locations .control .search-internal > input::placeholder {
    font-size: 0.875rem;
  }
  #load-more-svg {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .page-template-recruite .footer-part-contact,
  .page-template-stores .footer-part-contact {
    padding-top: 31px !important;
  }
  .highlight-job > .right .wrap-block-content .desc {
    margin-bottom: 13px;
    width: 100%;
  }
  .apply-job.mobile {
    position: fixed;
    bottom: 0;
    left: 15px;
    width: calc(100% - 30px);
    z-index: 99999999999999999;
  }
  .archive.category .page-banner {
    margin-bottom: 35px;
  }
  .cate-blogs-sub .m-title {
    margin-bottom: 25px;
  }
  .relate-post-title {
    font-size: 1.25rem;
    margin-top: 80px;
    margin-bottom: 30px;
  }
  .relate-listing-post {
    display: flex;
    flex-wrap: wrap;
  }
  .relate-listing-post > .item {
    width: calc(100% / 2 - (15px * 1 / 2));
    margin-right: 15px !important;
    margin-bottom: 15px;
    height: calc(100vw * 251 / 375);
  }
  .relate-listing-post > .item:nth-child(2n+2) {
    margin-right: 0 !important;
  }
  .relate-listing-post > .item .s-title a {
    font-size: 0.75rem;
    font-weight: 300;
    padding: 18px;
  }
  .outer.relate {
    padding-left: 15px;
    padding-right: 15px;
  }
  #cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-title .title {
    width: 70%;
  }
  #cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-title .title a {
    font-size: 1rem;
  }
  #cart .wrap-cart-page .top .listing-cart .item .thumbnail {
    width: calc(22% - 5px);
    margin-right: 5px;
  }
  #cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail {
    width: 78%;
  }
  #cart .wrap-cart-page .top .listing-cart .item .wrap-item-detail .wrap-attr > .right .p-price {
    font-family: SFUSemibold, sans-serif;
    font-size: 1rem;
  }
  .change-qty .val {
    font-family: SFUMedium, sans-serif;
    font-size: 1rem;
  }
  .wrap-form-row-data .form-row input,
  .wrap-form-row-data .form-row select,
  .wrap-form-row-data .form-row textarea {
    margin-bottom: 15px;
  }
  .wrap-checkout-info2 > .left .wrap-content .wrap-form-row-data .wrap-info-client .info-client .form-row.form-row-name {
    width: 100%;
    margin-right: 0;
  }
  .wrap-checkout-info2 > .left .wrap-content .wrap-form-row-data .wrap-info-client .info-client .form-row#billing_state_field {
    width: 100%;
    margin-right: 0;
  }
  .wrap-checkout-info2 > .left .wrap-content .wrap-form-row-data .wrap-info-client .info-client .form-row#billing_city_field {
    width: 100%;
    margin-right: 0;
  }
  .page-template-checkout .footer-part-contact {
    display: none;
  }
  .page-template-wishlist .breadcrumb {
    display: none;
  }
  .page-template-wishlist .site-main {
    margin-top: 44px;
  }
  .order-success-part .wrap-order-success-part > img {
    max-width: 31px;
  }
  .order-success-part .wrap-order-success-part .title {
    font-size: 1.25rem;
    margin-bottom: 11px;
    text-transform: uppercase;
  }
  .order-success-part .wrap-order-success-part {
    width: 100%;
    max-width: 345px;
    padding: 21px;
    background: url("../assets/image/subtract-mb.png") center/cover no-repeat;
  }
  .order-success-part .wrap-order-success-part .order-success-id {
    font-size: 10px;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .order-success-part .wrap-order-success-part .order-success-desc {
    font-size: 0.75rem;
    margin-bottom: 15px;
  }
  .order-success-part .wrap-order-success-part .order-success-btn a {
    font-size: 1rem;
    max-width: 302px;
    width: 100%;
    padding: 9px 0 10px;
  }
  .order-success-part .wrap-order-success-part:before {
    height: 18px;
    width: 18px;
    left: -9px;
    top: 50%;
  }
  .order-success-part .wrap-order-success-part:after {
    height: 18px;
    width: 18px;
    right: -9px;
    top: 50%;
  }
  .pp-loop-price,
  .product-price {
    font-weight: 700 !important;
  }
  #form-review .wrap-form-review {
    padding: 35px 30px;
  }
  #form-review .wrap-form-review .title {
    font-size: 1.375rem;
    margin-bottom: 20px;
  }
  #form-review .wrap-form-review .comment label,
  #form-review .wrap-form-review .email label,
  #form-review .wrap-form-review .form-rating label,
  #form-review .wrap-form-review .name label {
    font-size: 0.875rem;
  }
  #form-review .wrap-form-review .policy-review {
    margin-bottom: 25px;
  }
  #form-review .wrap-form-review .submit-review a {
    font-size: 1rem;
    padding: 9px 0 10px;
  }
  #form-review .wrap-form-review input::-webkit-input-placeholder,
  #form-review .wrap-form-review textarea::-webkit-input-placeholder {
    color: rgba(102, 103, 103, 0.5);
    font-size: 0.875rem;
  }
  #form-review .wrap-form-review input:-ms-input-placeholder,
  #form-review .wrap-form-review textarea:-ms-input-placeholder {
    color: rgba(102, 103, 103, 0.5);
    font-size: 0.875rem;
  }
  #form-review .wrap-form-review input::placeholder,
  #form-review .wrap-form-review textarea::placeholder {
    color: rgba(102, 103, 103, 0.5);
    font-size: 0.875rem;
  }
  #btn-review a {
    padding: 9px 0 10px;
    font-size: 1rem;
    max-width: 315px;
  }
  #form-review .error {
    font-size: 0.875rem;
  }
  .comment-body-content {
    width: 100%;
  }
  .comment-body .wrap-comment .comment-meta .comment-author {
    font-size: 1rem;
    margin-bottom: 5px;
  }
  .comment-body .wrap-comment .comment-meta .time-cmt {
    font-size: 0.75rem;
  }
  .comment-content {
    font-size: 0.875rem;
  }
  .comment-body .vcard .comment-avatar {
    width: 45px;
    height: 45px;
  }
  .comment-body .vcard {
    margin-right: 10px;
  }
  .comment-body .wrap-comment .comment-meta .rating .fa-star {
    font-size: 1rem;
    margin-left: 8px;
  }
  .comment-list-title {
    font-family: Megante, sans-serif;
    font-size: 1rem;
    color: #213b64;
    margin-top: 115px;
    padding-left: 30px;
    padding-right: 30px;
    text-transform: uppercase;
  }
  .comment-list {
    padding-left: 0 !important;
    margin-top: 0 !important;
    width: 100%;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  #form-review .wrap-form-review input,
  #form-review .wrap-form-review textarea {
    padding: 5px 10px;
  }
  #form-review .wrap-form-review .form-rating .rating .fa-star {
    font-size: 1rem;
  }
  #form-review .wrap-form-review .close {
    top: 16px;
    right: 16px;
    width: 20px;
    height: 20px;
  }
  .wrap-info-product .zwc-product-info .attributes .item .wrap-attr-self .attr-detail .attr-item span {
    font-size: 1rem;
  }
  .page-template-search .breadcrumb {
    display: none;
  }
  .page-template-search .page-search-title {
    margin-top: 45px;
    margin-bottom: 38px;
    font-size: 1.25rem;
  }
  .mobile-menu-nav .search input {
    z-index: 99;
  }
  .mobile-menu-nav .search input::-webkit-input-placeholder {
    /* Edge */
    color: #d5dbe0;
    font-family: SFURegular, sans-serif;
    font-size: 0.875rem;
  }
  .mobile-menu-nav .search input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #d5dbe0;
    font-family: SFURegular, sans-serif;
    font-size: 0.875rem;
  }
  .mobile-menu-nav .search input::placeholder {
    color: #d5dbe0;
    font-family: SFURegular, sans-serif;
    font-size: 0.875rem;
  }
  .page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-number {
    margin-bottom: 15px;
  }
  .page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-title {
    margin-bottom: 15px !important;
  }
  .page-template-service .footer-part-contact,
  .single-service .footer-part-contact {
    padding-top: 100px !important;
  }
  .page-template-service .s-content .wrap-s-content,
  .single-service .s-content .wrap-s-content {
    font-size: 0.875rem;
    text-align: left;
  }
  .our-values .wrap-our-values .content .item .icon img {
    height: 40px;
  }
  .wrap-our-values {
    padding-left: 15px;
    padding-right: 15px;
  }
  #place_order {
    padding: 13px 18px 14px !important;
  }
  .home-part-product .wrap-home-part-product .m-desc {
    margin-bottom: 50px;
  }
  .wpcsi-product-list li .product-inner .product-name a {
    font-size: 0.875rem;
    color: #222321;
  }
  .zwc-custom-thumbnail .paging-slide {
    display: none;
  }
  .specification {
    margin-bottom: 12px;
  }
  .view-room {
    margin-bottom: 22px;
  }
  .page-template-about .general-block .item .block-content .block-url a {
    font-size: 1rem;
  }
  .team .team-block .item .name {
    font-size: 1.125rem;
    font-family: SFUSemibold,sans-serif;
  }
  .team .team-block .item .position {
    font-size: 1rem;
  }
  .job-detail .wrap-job-detail .info .title {
    font-size: 0.875rem;
  }
  .job-detail .wrap-job-detail .info .term {
    font-size: 0.875rem;
    white-space: nowrap;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-content .s-contact span:nth-child(2) {
    font-size: 1rem;
  }
  .jobs .control .search-internal,
  .page-template-stores .wrap-locations .control .search-internal {
    display: none;
  }
  .modern-classic-products .image img {
    height: calc(100vw * 240 / 376);
  }
  .modern-classic-products .content .products .product .pp-loop-thumb {
    padding: 15px 9px 0 !important;
  }
  .modern-classic-products .content .products .product .pp-loop-thumb .wrap-thumb a img {
    height: 176px;
  }
  #filter {
    width: 100%;
  }
  .filter .default-filter > span > img {
    right: 8px;
    top: 8px;
  }
  .filter .default-filter .group-items {
    padding: 10px 10px 10px 25px;
  }
  #filter .wrap-filter {
    padding: 15px 30px;
  }
  #filter .wrap-filter .reset {
    font-size: 0.875rem;
    border-bottom: 1px solid #666767;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  #filter .wrap-filter .options .option > .title {
    font-size: 1rem;
  }
  #filter .wrap-filter .options .o-title {
    font-size: 0.875rem;
  }
  #filter .wrap-filter .options .option > .wrap-option .item .attr-item.attr-map {
    margin-right: 11px;
  }
  #filter .wrap-filter .options .option > .wrap-option .item .attr-item.attr-map img {
    width: 30px;
    height: 30px;
  }
  #filter .wrap-filter .options .option > .wrap-option .item .attr-item .attr-name {
    font-size: 0.875rem;
  }
  #filter .wrap-filter .options .option {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #filter .wrap-filter .options .option > .wrap-option {
    padding-left: 25px;
  }
  #filter .wrap-filter .options .apply-filter input {
    font-size: 1rem;
  }
  #filter .wrap-filter .options .o-price > .wrap-option {
    padding-left: 0 !important;
  }
  .page-template-recruite .footer-part-contact .wrap-footer-part-contact .inner-content {
    margin-bottom: -105px !important;
  }
  .page-template-recruite .footer-part-contact .wrap-footer-part-contact .inner-image {
    position: relative !important;
    width: 100% !important;
    right: 0 !important;
    top: 90px !important;
    margin-left: auto !important;
    padding: 45px 40px !important;
  }
  .footer-part-contact .wrap-footer-part-contact .inner-image img {
    top: 0;
    left: 0;
    position: relative;
    width: 100%;
    height: 236px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }
  .inspired-blog .listing-post > .item:nth-child(4) {
    display: block;
  }
  .guide .listing-post > .item:nth-child(4) {
    display: block;
  }
  .page-template-about .philosophy .block-header .patten {
    position: absolute;
    bottom: 0;
    right: -16%;
    width: 50%;
  }
  .page-template-sustainbility .general-block .block-item.full {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    padding-top: 150px;
    padding-bottom: 184px;
  }
  .page-template-sustainbility .general-block .block-item.full .patten {
    position: absolute;
    width: 57%;
    right: -20%;
    bottom: 0;
  }
  .page-template-sustainbility .general-block .block-item:nth-child(3n+3) .item:nth-child(1) {
    padding-top: 50px;
    background: url("../assets/image/patten-collection.svg") -145px 40%/100% no-repeat;
  }
  .other-block-content-full .wrap-other-block-content-full:before {
    display: none;
  }
  .other-block-content-full .wrap-other-block-content-full .inner-image {
    background: url("../assets/image/back-contact.svg") center/87% no-repeat;
  }
  #home-part-category-tabs .ui-tabs-tab a:nth-child(1) {
    margin: 0 15px 0 0 !important;
  }
  .jobs .m-title {
    margin-bottom: 20px;
  }
  .jobs .control {
    margin-bottom: 15px;
  }
  .page-template-sustainbility .wrap-title {
    max-width: 40%;
  }
  .wrap-checkout-info2 > .right .wrap-content .total-cart-content .top .listing-cart .item .thumbnail img {
    width: 100%;
  }
  .block-title {
    font-size: 1.375rem !important;
    margin-bottom: 25px !important;
  }
  .block-desc {
    font-size: 0.875rem !important;
  }
  .filter .advanced-filter > img {
    top: 10px;
  }
  .filter-internal .wrap-filter .title img {
    top: 14px;
  }
  .page-template-about .general-block .item .image {
    width: 100%;
    order: 1;
    -ms-order: 1;
    -webkit-order: 1;
  }
  .page-template-about .general-block .item .block-content {
    width: 100%;
    padding: 30px 30px 45px;
    order: 2;
    -ms-order: 2;
    -webkit-order: 2;
  }
  .block-title {
    font-size: 2.25rem !important;
    margin-bottom: 25px !important;
  }
  .block-desc {
    width: 100% !important;
    font-size: 1rem !important;
  }
  .page-template-about .general-block .item {
    padding: 0;
    margin: 0 0 50px;
    overflow: hidden;
  }
  .page-template-about .general-block .item > .patten.left {
    transform: scale(2) rotate(90deg) translateX(-10%);
    left: auto;
    right: 30%;
  }
  .page-template-about .general-block .item > .patten {
    width: 100%;
    transform: scale(2);
  }
  .page-template-about .general-block .item > .patten.right {
    width: 100%;
    right: 50%;
  }
  .page-template-about .general-block .item .block-content .block-desc {
    margin-bottom: 20px;
    width: 90% !important;
  }
  .page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-number {
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-template-about .philosophy .block-header .sub-title {
    font-size: 1.125rem;
  }
  .page-template-about .philosophy .block-header .philosophy-header-content {
    font-size: 1.25rem;
  }
  .page-template-about .philosophy {
    margin-top: 75px;
  }
  .page-template-about .philosophy .block-header .wrap-block-header {
    position: relative;
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
  }
  .page-template-about .philosophy .block-header {
    padding: 132px 0 146px;
    margin-bottom: 56px;
    overflow: hidden;
  }
  .page-template-about .philosophy .block-header .patten {
    position: absolute;
    bottom: 0;
    right: -14%;
    width: 40%;
  }
  .page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 84px;
  }
  .page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-title {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 12px;
    height: auto;
  }
  .page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-desc {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 32px;
    height: auto;
    color: #222321;
  }
  .page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-image {
    height: auto;
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  *[id^='tabs-'] .ss-product-item {
    width: 50% !important;
    max-width: none;
    margin: 0;
  }
  .wrap-p-grouped .products .product {
    width: 100%;
    padding: 0;
    margin-right: 0;
    margin-bottom: 45px;
    max-width: 100%;
    position: relative;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    padding: 15px;
  }
  .wrap-p-grouped .products .product.overlayout:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0);
    z-index: 999;
  }
  .wrap-p-grouped .products .product:last-child {
    margin-bottom: 0;
  }
  .page-template-about .philosophy .philosophy-block .philosophy-block-wrap .item .block-image img {
    height: 300px;
    object-fit: cover;
  }
  .products .product {
    width: calc(100% / 2);
    margin-right: 0;
    margin-bottom: 15px;
  }
  .products .product:nth-child(2n+2) {
    margin-right: 0;
  }
  .wrap-thumb a img {
    height: 176px !important;
  }
  .modern-classic-products .content .products .product {
    width: calc(100% / 2);
    margin-right: 0;
    margin-bottom: 15px;
    padding: 0;
  }
  .modern-classic-products .content .products .product:nth-child(2n+2) {
    margin-right: 0;
  }
  .zwc-custom-thumbnail .thumb-main img {
    height: 282px;
    width: 100%;
    object-fit: cover;
  }
  .zwc-custom-thumbnail .thumb-gallery .slick-slide {
    height: 77px;
    object-fit: cover;
  }
  .buy .wrap-action .buy-item a {
    padding: 13px 18px;
    max-width: 315px;
    margin-left: auto;
    margin-right: auto;
  }
  .other-block-content-full .wrap-other-block-content-full .inner-image {
    position: relative;
    width: 100%;
    left: 0;
    padding: 50px 0;
  }
  .page-template-about .philosophy .block-header .patten {
    position: absolute;
    bottom: 0;
    right: -40%;
    width: 100%;
  }
  .page-template-sustainbility .general-block .block-item.full {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    padding-top: 150px;
    padding-bottom: 184px;
  }
  .page-template-sustainbility .general-block .block-item.full .patten {
    position: absolute;
    width: 100%;
    right: -35%;
    bottom: 0;
  }
  .page-template-sustainbility .general-block .block-item:nth-child(3n+3) .item:nth-child(1) {
    padding-top: 50px;
    background: url("../assets/image/patten-collection.svg") -115px 128%/100% no-repeat;
  }
}

@media only screen and (max-width: 414px) {
  .home-part-product .wrap-home-part-product .products .product {
    width: calc(50%);
    margin-right: 0;
  }
  .team .team-block .item {
    margin: 0;
  }
  .customers .customers-block .item {
    margin: 0;
  }
  #cart .wrap-cart-page .bottom {
    overflow-y: auto;
  }
}

@media only screen and (max-width: 375px) and (max-height: 667px) {
  #cart .wrap-cart-page .top .listing-cart {
    height: 40vh !important;
  }
}