/*!
Theme Name: perci
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: perci
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.

perci 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
	 ========================================================================== */
/*root*/
:root {
  --Gold: #CABD9B;
  --White: #E7E7E7;
  --Black: #111314;
}
/*IMPORT*/
@font-face {
  font-family: 'SangBleu Sunrise';
  src: url('/wp-content/themes/perci/font/SangBleu-Sunrise.woff2') format('woff2');
  font-weight: normal;
}
@font-face {
  font-family: 'Fixel Display';
  src: url("/wp-content/themes/perci/font/FixelDisplay-Light.woff2") format('woff2');
  font-weight: normal;
}
/*@font-face {
	font-family: 'Manrope-Bold';
	src: url('/wp-content/themes/perci/font/Manrope-Bold.ttf') format('truetype');
	font-weight: 700;
}
@font-face {
	font-family: 'Manrope-Extra-Bold';
	src: url('/wp-content/themes/perci/font/Manrope-ExtraBold.ttf') format('truetype');
	font-weight: 800;
}
@font-face {
	font-family: 'Manrope-ExtraLight';
	src: url('/wp-content/themes/perci/font/Manrope-ExtraLight.ttf') format('truetype');
	font-weight: 200;
}
@font-face {
	font-family: 'Manrope-Light';
	src: url('/wp-content/themes/perci/font/Manrope-Light.ttf') format('truetype');
	font-weight: 300;
}
@font-face {
	font-family: 'Manrope-Medium';
	src: url('/wp-content/themes/perci/font/Manrope-Medium.ttf') format('truetype');
	font-weight: 500;
}
@font-face {
	font-family: 'Manrope-SemiBold';
	src: url('/wp-content/themes/perci/font/Manrope-SemiBold.ttf') format('truetype');
	font-weight: 600;
}
@font-face {
	font-family: 'Manrope-Regular';
	src: url('/wp-content/themes/perci/font/Manrope-Regular.ttf') format('truetype');
	font-weight: 400;
}*/
/**
 * 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%;
  scroll-behavior: smooth;
}

/* 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: #ebebeb;
  font-family: "Manrope", 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: 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*/
a {
  transition: all 0.3s ease-in-out;
}
a:not(.selected):hover {
  color: var(--Gold) !important;
}
.current-menu-item > a {
  color: var(--Gold) !important;
}
.back-to-top {
  position: fixed;
  z-index: 100000;
  bottom: 20px;
  left: 30px;
  min-height: 30px;
  display: none;
  cursor: pointer;
}
.wp-block-cover {
  height: 100vh;
}
.site-header {
  background-color: var(--Black);
  width: 100%;
  height: 187px;
  display: flex;
  z-index: 1042;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: top 0.2s ease-in-out;
  position: absolute;
  border-bottom: 1px solid var(--Gold);
  gap: 24px;
}
.site-branding {
  display: block;
  margin-top: 40px;
}
.custom-logo-link {
  width: auto;
}
.custom-logo {
  height: 60px !important;
  width: 160px !important;
}
.main-navigation {
  display: flex;
  vertical-align: middle;
  text-align: center;
  width: auto;
  flex-direction: row;
}
.menu-main-menu-container {
  height: auto;
  max-width: 1200px;
}
#primary-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-right: 0px;
  transition: opacity ease-in-out 0.3s;
  display: flex;
  height: auto;
  padding-left: 0px;
  gap:12px;
}

.nav-menu ul {
  display: flex;
  flex-flow: wrap;
}
.main-navigation li {
  /* padding: 0 15px 0 0; */
  font-size: 16px;
  margin: 10px 0;
}
.main-navigation li a {
  color: var(--White);
  text-align: center;
  font-family: SangBleu Sunrise;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 12px 4px;
}
.main-navigation .current_page_item {
  opacity: 0.7;
}
.social-link {
  display: table-cell;
  vertical-align: middle;
  min-width: 320px;
  width: auto;
  text-align: center;
  position: relative;
}
.social-link a {
  padding-right: 10px;
  text-decoration: none;
}
.site-footer {
  padding: 24px 126px 40px 126px;
  background-color: #111314;
  border-top: 1px solid #CABD9B;
}
.site-info {
  display: flex;
  justify-content: space-between;
}
.site-info h1 {
  color: #E5E3DD;
  font-family: SangBleu Sunrise;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}

.site-info h1:last-child {
  color: #E5E3DD;
  font-family: SangBleu Sunrise;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}
.site-info-mobile {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1200px;
  padding: 0;
  background-color: #111314;
}
.text-info-1 p,
.text-info-1-mobile p {
  color: #e5e3dd;
  margin: 0;
  font-size: 14px;
  position: relative;
}
.text-info-1-mobile p {
  flex: 1;
}
.info-container-3 a {
  text-decoration: none;
  color: #e5e3dd;
}
.logo-img-nav-bar-menu {
  display: flex;
  justify-content: end;
  align-self: flex-end;
  position: absolute;
  bottom: 0px;
}
.h1-text-info-1-mobile,
.h1-text-info-1 {
  margin-bottom: 6px !important;
  margin-top: 6px !important;
  font-size: 2.5rem !important;
}
.container-site-info {
  text-align: center;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.container-site-info-mobile {
  text-align: center;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.social-facebook,
.social-instagram {
  display: inline-block;
  margin: 4px 1px 0;
}
.site-info-bottom {
  /* padding-top: 60px;
    padding-bottom: 75px; */
  background-color: #ffffff;
  height: 100px;
}
.container-site-info-bottom {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1200px;
  padding-bottom: 20px;
  height: 100px;
}
.text-info-2 {
  /* max-width: 1160px; */
  width: 100%;
  display: flex;
  justify-content: center;
}
.bottom__ul {
  text-align: center;
  list-style-type: none;
  padding-top: 16px;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 0;
  margin-bottom: 10px;
}
.bottom__li {
  clear: both;
  font-family: "Manrope", sans-serif;
  color: #000;
  font-size: 14px;
  display: inline;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0;
  font-weight: 600;
}
.bottom__li a {
  text-decoration: none;
}
.copyright__bottom {
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  color: #000;
  opacity: 0.7;
  /* height: 100px; */
  /* padding-top: 40px;
    padding-bottom: 40px; */
}
.deep__bottom {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #171717;
}
.form-button {
  right: 30px;
  bottom: 30px;
  cursor: pointer;
  position: fixed;
  z-index: 99;
}
.btn_text_animate {
  position: absolute;
  right: 80px;
  white-space: nowrap;
  background: #fff;
  padding: 9px 13px;
  font-size: 15px;
  border-radius: 3px;
  -webkit-transform: translateX(0%) translateY(-50%);
  transform: translateX(0%) translateY(-50%);
  top: 50%;
  background: #292929;
  color: #fff;
  opacity: 0.85;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.btn_text_animate::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 10px;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  border-left-color: #292929;
}
.btn-wrapper {
  position: relative;
  background: #868686;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  overflow: hidden;
}
/*.btn-wrapper:active{
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}*/
.btn-wrapperclicked {
  background: #868686 !important;
  position: relative;
  background: transparent;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  overflow: hidden;
}
/*.btn-wrapperclicked:active{
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}*/

.btn_animated {
  animation: btn_animate 2s ease-out;
  animation-iteration-count: infinite;
  -webkit-animation: btn_animate_1 2s ease-out;
  -webkit-animation-iteration-count: infinite;
}
.btn_animated:hover {
  animation-play-state: paused;
}
@-webkit-keyframes btn_animate_1 {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }

  25% {
    -webkit-transform: rotate(10deg) scale(1.1);
    transform: rotate(10deg) scale(1.1);
  }

  50% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }

  70% {
    -webkit-transform: rotate(-10deg) scale(1.1);
    transform: rotate(-10deg) scale(1.1);
  }

  100% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
}

@keyframes btn_animate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }

  25% {
    -webkit-transform: rotate(10deg) scale(1.1);
    transform: rotate(10deg) scale(1.1);
  }

  50% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }

  70% {
    -webkit-transform: rotate(-10deg) scale(1.1);
    transform: rotate(-10deg) scale(1.1);
  }

  100% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
}

.popup-form {
  margin: 0;
  top: initial;
  left: initial;
  right: 28px;
  bottom: 95px;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  background: #fff;
  position: fixed;
  z-index: 1;
  cursor: default;
  text-align: center;
  max-width: 360px;
  transition: opacity ease-in-out 0.2s;
  z-index: 100101;
}
.form-wrapper {
  padding: 30px 35px 40px;
  border-radius: 5px;
  overflow-y: auto;
  max-height: 65vh;
}
.form-icon {
  fill: white;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.form-icon-close {
  fill: white;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.form-text {
  font-size: 22px;
  line-height: 1.35;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  color: #000;
  margin-bottom: 25px;
}
.form-text p {
  margin: 0;
}
.form-container {
  margin: 0 auto;
}
.form-wrapper input[type="submit"] {
  height: 50px;
  padding: 0;
  width: 100%;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  background-color: #fa8669;
  color: #fff;
  border-width: 0;
  background-color: #282828;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
}
.addition-info {
  margin-top: 30px;
}
.addition-info p {
  margin: 0;
}
.additional-text {
  margin-top: 10px;
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 1.55;
}
.additional-text-2 {
  font-size: 18px;
  line-height: 1.55;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
  width: 290px;
  outline: none;
  height: 50px;
  border: 1px solid #d1d1d1;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: "Manrope", sans-serif;
}
.input-wrapper {
  width: 290px;
  height: 110px;
}
.input-wrapper p {
  margin: 0;
}
.container-text-menu-primary {
  padding: 10px 0px 10px 0px !important;
  margin: 0;
  font-size: 32px !important;
}
div.woocommerce {
  background-color: #111314;
}
div.woocommerce .columns-4 {
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* max-width: 1200px;
    padding: 45px 0px 0px 0px; */
}
.woocommerce ul.products li.product-category a img {
  filter: brightness(0.6);
  object-position: center;
  transition: all ease-in-out 0.25s;
  width: 568px;
  height: 504px;
  margin: 0;
  object-fit: cover;
  max-width: 100%;
}
body.home .woocommerce ul.products li a {
  position: relative;
  width: 100%;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title {
  color: var(--Gold, #CABD9B);
  text-align: center;
  font-family: SangBleu Sunrise;
  font-size: 18.503px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 1.665px;
  text-transform: uppercase;
  padding: 18px;
}
body:not(.tax-product_cat) .woocommerce ul.products li.product,
body:not(.tax-product_cat) .woocommerce-page ul.products li.product {
  width: 50%;
  float: left;
  margin: 0;
  padding: 0px 0px 58px 0px;
  display: flex;
  align-self: end;
  width: 568px;
}
.woocommerce ul.products::before {
  display: none;
}
.woocommerce ul.products li.product-category a:hover h2 {
  opacity: 1;
  transform: translateY(0%);
  transition: all ease-in-out 0.2s;
}
.woocommerce ul.products li.product-category a:hover img {
  transition: all ease-in-out 0.25s;
  filter: brightness(1);
}

.product-category {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.product-category .category-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

.product-category:hover .category-text {
  transform: translateY(0%);
}

.product-category:hover img {
  overflow: hidden;
}
img.logo_faini_img {
  height: 68px;
  max-width: 100%;
  width: 100%;
  padding: 10px 14px;
  margin-right: 16px;
  float: right;
  max-width: 160px;
}
.menu__content {
  top: 16px !important;
  position: absolute;
  left: 15px;
  z-index: 99999;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
  width: auto;
  -webkit-transition: opacity ease-in-out 0.2s;
  -moz-transition: opacity ease-in-out 0.2s;
  -o-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
}
.menu__content_container {
  position: relative;
  width: 32px;
  height: 32px;
  cursor: pointer;
  -webkit-transition: opacity ease-in-out 0.2s;
  -moz-transition: opacity ease-in-out 0.2s;
  -o-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
}
.menu__content_burger {
  width: 32px;
  height: 14px;
  z-index: 999;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin: 0 auto;
}
.menu__content_burger span {
  display: block;
  position: absolute;
  width: 100%;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  height: 3px;
  background-color: #808080 !important;
}
.menu__content_burger span:nth-child(1) {
  top: 0px;
}
.menu__content_burger span:nth-child(2) {
  top: 8px;
}
.menu__content_burger span:nth-child(3) {
  top: 8px;
}
.menu__content_burger span:nth-child(4) {
  top: 16px;
}
.menu__content_overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity ease-in-out 0.3s;
  -moz-transition: opacity ease-in-out 0.3s;
  -o-transition: opacity ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
}
.menu__content_overlay_active {
  display: block;
  z-index: 99999;
  opacity: 1;
}
.menu__content_overlay_bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0.6;
}
.menu__content_overflowed {
  /* max-width: 260px; */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  z-index: 99999;
  -webkit-transition: transform ease-in-out 0.3s;
  -moz-transition: transform ease-in-out 0.3s;
  -o-transition: transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s;
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  background-color: var(--Black);
}
.menu__content_overflowed_show {
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  z-index: 999999;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.menu__content_overlay_container {
  box-sizing: border-box;
  padding: 24px 80px 38px 40px;
  position: relative;
  height: auto;
  text-align: center;
}
.menu__content_overlay_logo {
  margin: 0;
  padding: 0;
  border: 0;
  margin-bottom: 25px;
}
.menu__content_overlay_logo_img {
  display: block;
  width: 100%;
  max-width: 120px;
}
.menu__content_main {
  margin: 0;
  padding: 0;
}
.menu__content_main_ul {
  padding-left: 20px;
  margin-top: 0;
  margin-bottom: 10px;
  list-style-type: none;
  margin: 0;
  padding: 0 !important;
}
/* .menu__content_main_li{
		clear: both;
		font-family: Arial,sans-serif;
		font-size: 16px;
		display: block;
		margin: 0;
		color: #000;
	  } */
.menu__content_main_li a {
  transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  color: #000000 !important;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
}
.menu__content_main_li a:hover {
  color: #ff0000 !important;
  transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.menu__content-social-link-container {
  position: relative;
  right: auto;
  bottom: auto;
  left: auto;
}
.social-link-instagram,
.social-link-facebook {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
  margin-top: 2px;
}
.menu__content_overlay_close_button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: none;
  width: 40px;
  height: 30px;
  background-color: var(--Black);
  position: absolute;
  top: 16px;
  right: 24px;
  cursor: pointer;
  z-index: 999999;
}
.close__icon {
  width: 30px;
  height: 20px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 999;
  margin: 0;
  margin-top: 11px;
  margin-left: 8px;
}
.close__icon span {
  display: block;
  position: absolute;
  width: 100%;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  height: 2px;
  background-color: #ff7300 !important;
}
.close__icon span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}
.close__icon span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 8px;
}
.close__icon span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 8px;
}
.close__icon span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}
.small-wrapper-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.small-wrapper-1-mobile {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.small-wrapper-1-mobile h1 {
  text-align: left;
  width: 100%;
}
.logo-info-container p span {
  margin-right: 32px;
}
span.info-container-span-0 {
  display: flex;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 22.4px;
}
.text-info-1-mobile {
  padding: 16px 20px;
  text-align: left;
}
.text-info-1-mobile p {
  color: #ffffff !important;
  line-height: 19.6px;
}
.footer-social {
  display: flex;
  justify-content: center;
  margin-top: 20px !important;
}
.social-instagram {
  padding-left: 7px;
}
.social-facebook {
  padding-right: 7px;
}
.footer-social a {
  text-decoration: none;
  border-bottom: 1px solid #000000;
  box-shadow: inset 0px 0px 0px 0px #000000;
  -webkit-box-shadow: inset 0px 0px 0px 0px #000000;
  color: #fe8578;
}
ul#side-menu {
  list-style-type: none;
  margin: 0;
  padding: 0 !important;
}

ul#side-menu li.menu-item {
  padding: 12px 0;
}
ul#side-menu li.menu-item ul > li {
  padding: 4px 0;
}

ul#side-menu li.menu-item a {
  transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  text-decoration: none;
  text-align: center;
  font-family: SangBleu Sunrise;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: var(--White);
}
/*Корзина*/
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination {
  margin: 0;
  margin-left: 10px;
}
.woocommerce-page table.cart td.actions {
  float: left;
}
body:not(.tax-product_cat) .button.wp-element-button {
  background: #282828;
  color: #fff !important;
  opacity: 1 !important;
  transition: all 0.3s ease-in-out;
}
body:not(.tax-product_cat) .button.wp-element-button:hover {
  background: #626262 !important;
  color: #ff7300 !important;
}
@media screen and (max-width: 580px) {
  /* body.woocommerce-checkout .entry-title::after{
		left: -12px;
	} */
  .header-spacer-navigation {
    display: none;
  }
}

.woocommerce-cart-form__cart-item .product-name a {
  color: #f2f2f2;
  text-decoration: none;
}
.checkout-button.button.alt.wc-forward.wp-element-button {
  text-decoration: none;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: #111314;
}
/* .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{
	display: flex;
	justify-content: space-between;
} */
.xoo-wsc-sum-col a {
  color: #000000;
}
.woocommerce table.shop_table td {
  border-color: #fff !important ;
}
/*Категории-----------------------------------------------------------------------------------------------------------------*/
/*Попап товарка*/
.mfp-container {
  padding: 0px 0px;
}
.mfp-inline-holder .mfp-content {
  width: 100%;
  height: 100%;
}
.wpb_wl_quick_view_content {
  max-width: 100%;
  padding: 0px;
  margin: 0px;
  height: 100%;
}
.woocommerce-product-details__short-description .js-store-prod-name.js-product-name.t-store__card__title.t-name.t-name_md{
  color: var(--White);
  font-family: Fixel Display;
  font-size: 24px;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal;
}
.woocommerce-product-details__short-description .js-store-prod-descr.t-store__card__descr.t-descr.t-descr_xxs {
  color: #E5E3DD;
  font-family: Fixel Display;
  font-size: 16px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 20px; /* 125% */
}
.wpb_wl_summary p:last-child strong {
  color: #E5E3DD;
  font-family: Fixel Display;
  font-size: 16px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 20px; /* 125% */
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  display: flex;
  justify-content: end;
  align-items: center;
  background-color: #111314;
}
.wpb_wl_images {
  width: 60%;
  height: 100%;
  margin: 0px 0 0px 0px;
}
@media screen and (min-width: 1200px) {
  .wpb_wl_summary {
    margin-left: 30px;
    float: right;
    width: 45%;
    display: inline;
    height: 100%;
    padding: 100px 70px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .wpb_wl_summary {
    margin-left: 30px;
    float: right;
    width: 45%;
    display: inline;
    height: 100%;
    padding: 50px 35px;
  }
}
.wpb_wl_images img {
  object-fit: cover;
}
.wpb_wl_summary .button {
  background-color: #ff7300;
  color: #fff;
  border-radius: 40px;
}
.mfp-wrap {
  /* background-color: #fff; */
}
.mfp-wrap.mfp-gallery.mfp-close-btn-in.mfp-auto-cursor.mfp-zoom-in.mfp-ready {
  overflow: hidden !important;
}
.woocommerce-product-gallery__image a {
  height: 100%;
  display: flex;
}
.woocommerce div.product.wpb_wl_quick_view_content div.images,
.woocommerce-page div.product.wpb_wl_quick_view_content div.images,
.wpb_wl_quick_view_content div.images,
figure.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image {
  height: 100%;
}
.single_variation_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.woocommerce-variation.single_variation {
  padding-left: 12px;
}
/*colors*/
.wpb_wl_product_,
.mfp-content .wpb_wl_summary span.woocommerce-Price-amount.amount,
.wpb_wl_summary p,
.woocommerce div.product form.cart .variations label,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.mfp-close-btn-in .mfp-close,
.woocommerce-product-details__short-description > div {
  color: #e5e3dd !important;
  letter-spacing: 0.05em;
}
.mfp-content .wpb_wl_summary span.woocommerce-Price-amount.amount {
  color: #E5E3DD;
  font-family: Fixel Display;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%; /* 48px */
  letter-spacing: 1.2px;
}
button.mfp-arrow {
  display: none;
}
.wpb_wl_product_title,
.wpb_wl_product_price .amount,
.wpb_wl_summary .woocommerce-Price-amount {
  color:var(--White);
  font-family: Fixel Display;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.wpb_wl_product_title {
  margin: 0px 0px 14px;
}
span.price.wpb_wl_product_price {
  color: #E5E3DD;
  font-family: Fixel Display;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 1.2px;
}
/**/
.woocommerce ul.products li.product .price {
  margin-bottom: 0px !important;
}
.entry-header {
  margin: 0;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  color: #CABD9B;
  text-align: center;
  font-family: SangBleu Sunrise;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 5.04px;
  text-transform: uppercase;
  margin-top: 70px;
}
.entry-title {
  display: flex;
  position: relative;
  justify-content: center;
}
.woocommerce-products-header__title.page-title {
  color: #fff;
  margin: 0;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}
.woocommerce-products-header__title.page-title img {
  display:none;
}
.woocommerce-products-header__title.page-title span {
  position: relative;
  color: #111314;
  text-align: center;
  font-family: SangBleu Sunrise;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 5.04px;
  text-transform: uppercase;
}
@media screen and (min-width: 581px) {
  .woocommerce-products-header__title.page-title::before,
  .entry-title::before {
    /*content: url("/wp-content/themes/perci/svg/logo-in-category.svg") !important;*/
    width: 110px !important;
    height: auto !important;
    position: absolute;
    top: 0;
    left: -70px;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 1;
    vertical-align: top;
  }
}
@media screen and (max-width: 580px) {
  .woocommerce-products-header__title.page-title::before,
  .entry-title::before {
    /*content: url("/wp-content/themes/perci/svg/logo-in-category.svg") !important;*/
    width: 62px !important;
    height: auto !important;
    position: absolute;
    top: 0;
    left: -47px;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 1;
    vertical-align: top;
  }
}
body.tax-product_cat #primary {
  background-color: #E7E7E7;
}
body #primary {
  background-color: #111314;
}
body.home #primary {

}
.woocommerce ul.products::after {
  display: none;
}
.page:not(.home) main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .woocommerce ul.columns-4.products li.type-product {
    background-color: #edf1f3;
  }
}
@media screen and (max-width: 580px) {
  .woocommerce ul.columns-4.products li.type-product {
    background-color: transparent;
  }
}
@media screen and (max-width: 1200px) {
  .page:not(.home) main {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  display: none;
}
header.woocommerce-products-header {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0px;
}
.woocommerce ul.columns-4 li.type-product a > img {
  object-position: center;
  width: 360px !important;
  height: 360px !important;
  /* margin: 0; */
  object-fit: cover;
  max-width: 100%;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}
.woocommerce ul.columns-4 li.type-product {
  width: calc(25% - 18px);
  margin: 0;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  border: 1px solid var(--Gold);
  background: #EDF1F3;
}
.woocommerce ul.columns-4 li.type-product a > h2 {
  color: var(--Black);
  font-family: Fixel Display;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 122.5%; /* 22.05px */
  padding: 4px 14px !important;
}
.woocommerce ul.columns-4 li.product a .price {
  display: none;
  font-weight: 400;
  margin-bottom: 0.5em;
  font-size: 16px;
  line-height: 1.35;
}
.woocommerce ul.products li.product .price {
  font-weight: 700;
  margin-bottom: 0.5em;
  font-size: 24px;
  line-height: 48px;
  color: #494747;
  letter-spacing: 0.05em;
}
.xoo-wsc-tools-value {
  color: #000;
}
body.tax-product_cat.woocommerce ul.columns-4 {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0px;
  padding: 0px 124px 20px 124px;
  gap: 20px 18px;
}
a.reset_variations {
  display: none !important;
}
.variations select {
  display: none !important;
}
select option:checked,
select option:hover {
  background-color: #282828;
  color: #fff;
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
  width: 60%;
}
.wpb_wl_summary .button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0px;
  color: #e5e3dd;
  font-weight: 600;
  /* margin: 20px auto; */
  width: 100%;
  max-width: 234px;
  background-color: #ff7300;
  border-radius: 40px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  transition: all 0.2s ease-in-out;
  height: 50px;
  border: 1px solid transparent;
  letter-spacing: 0.08em;
}
.wpb_wl_summary .button svg {
  margin-left: 10px;
  display: none !important;
}
.wpb_wl_summary .button svg path {
  transition: all 0.3s ease-in-out;
}
.wpb_wl_summary .button:hover svg path {
  fill: #000;
  transition: all 0.3s ease-in-out;
}
.woocommerce ul.products li.product .button {
  display: flex;
  justify-content: center;
  margin: 20px auto;
  width: 60%;
  max-width: 172px;
  border-radius: 40px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  transition: all 0.2s ease-in-out;
  height: 32px;
  border-radius: 40px;
  background: transparent;
  border: 1px solid #111314;
  color: #111314;
  text-align: center;
  font-family: Fixel Display;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 200%;
  letter-spacing: 1.28px;
  text-transform: uppercase;
  padding: 0;
  margin-right: 20px;
}
.woocommerce ul.products li.product .button:not(.selected):hover,
.wpb_wl_summary .button:not(.selected):hover {
  transition: all 0.2s ease-in-out;
  border: 1px solid #292b2b;
  color: #000 !important;
  opacity: 1 !important;
  border-radius: 40px;
  border: 1px solid #292B2B;
  background: #CABD9B;
}
/* .woocommerce ul.products li.product .button:active{
	background-color: #292B2B;
    transition: all 0.1s ease-in-out;
    border: 1px solid #292B2B;
    color: #E5E3DD !important;
} */
.woocommerce ul.products li.product .single_add_to_cart_button {
  display: flex;
  justify-content: center;
  margin: 20px auto;
  width: 100%;
  max-width: 172px;
  border-radius: 40px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  transition: all 0.2s ease-in-out;
  height: 32px;
  border-radius: 40px;
  background: transparent;
  border: 1px solid #111314;
  color: #111314;
  text-align: center;
  font-family: Fixel Display;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 200%;
  letter-spacing: 1.28px;
  text-transform: uppercase;
  padding: 0;
}
.simple_price, .woocommerce-variation-price {
  vertical-align: middle;
  display: flex;
  align-items: center;
  padding-left: 20px;
  letter-spacing: 0.05em;
  flex-wrap: wrap;
  color: #494747;
  font-weight: 600;
  font-size: 24px;
  line-height: 200%;
  width: 40%;
}
.simple-product-footer-wrapper {
  display: flex;
  margin-top: auto;
}
.simple_price del {
  opacity: 0.5;
}
.simple_price ins {
  background-color: #fff;
}
.woocommerce ul.products li.product .onsale {
  display: none;
}
.woocommerce ul.products li.product .quantity {
  margin-bottom: 10px;
}
form.variations_form.cart {
  margin-top: auto;
  padding: 4px 14px;
  color: #282828;
}

.woocommerce-cart .quantity .qty {
  display: block !important;
}
a.added_to_cart.wc-forward,
.woocommerce:where(body:not(.woocommerce-cart)) button.button.added::after,
.woocommerce .quantity .qty {
  display: none;
}
.xoo-wsc-basket {
  top: 200px !important;
  right: 15px !important;
  z-index: 991;
  margin: 0;
  width: 48px;
  height: 48px;
}
.xoo-wsc-basket .xoo-wsc-bki {
  position: absolute;
  top: -2px;
  right: 0;
  left: 0;
  bottom: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-desc p,
.product-desc div {
  margin: 0;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}
.product-desc {
  padding: 4px 14px;
  color: var(--Black);
  font-family: Fixel Display;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
}
ul.products a.page-numbers {
  color: #000000;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  color: #000000;
  border: 1px solid #000000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
}
span.woocommerce-Price-amount.amount {
  color: #111314;
  font-family: Fixel Display;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 200%; /* 36px */
  letter-spacing: 0.9px;
}
.woocommerce-page #payment #place_order,
body.woocommerce-cart div.woocommerce .checkout-button {
  color: #ffffff;
  background-color: #282828;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  transition: all 0.2s ease-in-out;
}
.woocommerce-page #payment #place_order:hover,
body.woocommerce-cart div.woocommerce .checkout-button:hover {
  background-color: #020202;
  transition: all 0.2s ease-in-out;
  color: #ff7300;
}
body.woocommerce-checkout div.woocommerce,
body.woocommerce-cart div.woocommerce {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
header.entry-header {
  text-align: center;
}
body.woocommerce-cart .woocommerce-cart-form__cart-item .product-price span {
  color: #f3f3f3;
  font-size: 24px;
  line-height: 48px;
  font-weight: 600;
}
body.xoo-wsc-active .xoo-wsc-price span.woocommerce-Price-amount.amount {
  color: #000000 !important;
  font-size: 24px;
  line-height: 48px;
  font-weight: 600;
}
.simple-product-loop-wrapper {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
  justify-content: flex-start;
}
figure.wp-block-image.size-full {
  display: flex;
  justify-content: center;
}
img.wp-image-411 {
  flex: 0;
  padding: 0px 12px;
  width: auto;
}
.fake-options {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-start;
  gap: 8px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fake-options div {
  border: 0.5px solid #292b2b;
  border-radius: 40px;
  text-align: center;
  /*margin: 0px 8px;*/
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  line-height: 34px;
  font-weight: 600;
  padding: 0px 12px;
  width: auto;
}
.fake-options div:not(.selected):hover {
  border: 0.5px solid #ff7300;
}

.selected {
  background-color: #292b2b !important;
  color: #e5e3dd !important;
  border: 0.5px solid #ff7300 !important;
}
/*adaptive*/

.nav__menu_mobile {
  display: none;
  width: 100%;
  top: 0;
  z-index: 990;
}
.navbar_link_text_li a,
.navbar_link_text_ul,
.navbar_social_link a {
  text-decoration: none;
  list-style-type: none;
  list-style: none;
  padding: 0;
}
.navbar_link_text_li {
  padding: 10px;
}
.navbar_link_text {
  padding: 20px 0;
}
.navbar_social_link {
  padding: 20px 0;
}
#billing_country_field {
  display: none;
}
.deep__bottom_empty {
  height: 65px;
  margin-top: 0px;
  background-color: #171717;
  border: none;
}

@media screen and (max-width: 1200px) {
  .site-branding {
    padding-left: 20px;
  }
  .social-link {
    display: table-cell;
    vertical-align: middle;
    min-width: 285px;
    width: auto;
    position: relative;
  }
  .main-navigation ul.nav-menu {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
  }
  #primary-menu {
    padding-right: 0px;
  }
  .container-site-info,
  .container-site-info-bottom {
    max-width: 960px;
    padding: 0;
  }
  div.woocommerce > .columns-4 {
    max-width: 100%;
    width: 100%;
  }
  .woocommerce ul.products li.product a img {
    width: 600px;
    height: 450px;
  }
  .woocommerce ul.columns-4 li.type-product {
    width: calc(33% - 18px);
    float: left;
}
.woocommerce ul.columns-4 li.type-product a > img {
  width: 300px !important;
  height: 300px !important;
}
body.woocommerce-checkout .entry-content,
body.woocommerce-cart .entry-content {
  max-width: 1200px;
  margin: 0px 20px;
}
}


@media screen and (max-width: 1000px) {
span.info-container-3 {
  display: flex;
  margin: 8.5px 0px 0px 0px;
}
.info-container-3 a img {
  margin: 0px 10px 0px 0px;
}
.logo-info-container a {
  margin-left: 0px !important;
}
.logo-info-container p span {
  margin-right: 0px !important;
}
span.info-container-span-2 {
  display: flex;
}
.container-site-info {
  max-width: 640px;
}
.container-site-info-bottom {
  max-width: 640px;
}
div.woocommerce .columns-4 {
  max-width: 100%;
  width: 100%;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: 50%;
  float: left;
  margin: 0;
}
.woocommerce ul.columns-4 li.type-product {
  width: calc(33% - 18px);
  float: left;
}
}
@media screen and (min-width: 992px) {
.nav__menu_mobile_navbar_container,
.navbar__container {
  display: none;
  margin: 0 !important;
  padding: 0 !important;
}
.menu__content {
  display: none !important;
}
}
@media screen and (max-width: 980px) and (min-width: 581px) {
.simple_price {
  padding-left: 5px;
}
}
@media screen and (max-width: 992px) {
/* .entry-content{
      margin-top: 64px;
  } */
  .woocommerce ul.columns-4.products li.type-product {
    background-color: transparent;
    border: 0px;
  }
  .woocommerce ul.columns-4 li.type-product a > img {
    border-radius: 24px;
  }
  .header-spacer {
    height: 68px !important;
  }
  .header-spacer-navigation {
    display: none !important;
  }
  .cats-header-menu {
    display: none !important;
  }
  figure.wp-block-image.size-full {
    margin: 0 !important;
  }
  .site-header {
    background-color: #2a2a2a;
    height: 68px;
    position: fixed;
    top: 0;
  }
  /*ul.menu li:lt(5) a {*/
  /*  text-transform: uppercase;*/
  /*}*/
  .site-branding,
  .main-navigation,
  .social-link {
    display: none;
  }
  .nav__menu_mobile {
    background-color: var(--Black);
    display: flex;
    height: auto;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    border-bottom: 1px solid var(--Gold);
  }
  .nav__menu_mobile_container {
    position: relative;
  }
  .nav__menu_mobile_logo {
    position: absolute;
    color: #fff;
    top: 50%;
    max-width: calc(100% - 80px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
  }
  .nav__menu_mobile_burger {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 20px;
    width: 28px;
    height: 20px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    z-index: 1003;
  }
  .nav__menu_mobile_burger span {
    display: block;
    position: absolute;
    width: 100%;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
    height: 3px;
    background-color: #fff;
  }
  .nav__menu_mobile_burger span:nth-child(1) {
    top: 0px;
  }
  .nav__menu_mobile_burger span:nth-child(2),
  .nav__menu_mobile_burger span:nth-child(3) {
    top: 8px;
  }
  .nav__menu_mobile_burger span:nth-child(4) {
    top: 16px;
  }
  .nav__menu_mobile_burger_opened > span {
    display: block;
  }
  .nav__menu_mobile_burger_opened span:nth-child(1) {
    top: 8px;
    width: 0%;
    left: 50%;
  }
  .nav__menu_mobile_burger_opened span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .nav__menu_mobile_burger_opened span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .nav__menu_mobile_burger_opened span:nth-child(4) {
    top: 8px;
    width: 0%;
    left: 50%;
  }
  .nav__menu_mobile_navbar_container {
    position: static;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
    transition: background-color 0.3s linear;
    z-index: 99999;
    width: 100%;
  }
  .navbar__container {
    height: auto !important;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #fff;
  }
  .navbar__logo {
    width: auto;
    display: block;
    padding-top: 20px;
  }
  .navbar__logo img {
    width: auto !important;
    box-sizing: border-box;
    padding: 20px;
  }
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    width: 50%;
    float: left;
    margin: 0;
  }
  .container-text-menu-primary {
    display: none !important;
  }
  .small-wrapper-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  li.menu__content_main_li {
    padding: 4px 0;
  }
  .woocommerce ul.columns-4 li.type-product {
    width: calc(33% - 18px);
    float: left;
  }
}

@media screen and (max-width: 960px) {
  body.tax-product_cat.woocommerce ul.columns-4 {
    max-width: 640px;
    padding: 0;
  }
  .woocommerce ul.columns-4 li.type-product {
    width:calc(50% - 18px) !important;
    float: left;
  }
  body.home #primary {
    padding-top: 0px;
  }
}
@media screen and (max-width: 1279px) {
  .woocommerce ul.products li.product .woocommerce-loop-category__title {
    opacity: 1;
    transform: translateY(0%);
    transition: all ease-in-out 0.2s;
    /*top:0;*/
    /* height: 46px !important; */
  }
  body.home .woocommerce ul.products li.product a img {
    transition: all ease-in-out 0.25s;
    filter: brightness(0.6);
  }
}
@media screen and (min-width: 580px) and (max-width: 1200px) {
  table.variations tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.wpb_simple_price_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 45px;
}
.price.wpb_wl_product_price {
  display: block !important;
  margin: 0;
}
.woocommerce div.product form.cart {
  margin: 0;
}
@media screen and (max-width: 768px) {
  /*Popup-card*/
  .mfp-zoom-in.mfp-ready .mfp-with-anim {
    display: flex;
    justify-content: stretch;
    align-items: center;
    background-color: #ffffff;
    flex-direction: column;
    object-fit: cover;
    overflow: scroll;
  }
  .wpb_wl_images {
    width: 100%;
    height: 100%;
    max-height: 320px;
  }
  .wpb_wl_images img {
    object-fit: cover;
  }
  .woocommerce div.product div.images img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: none;
    object-fit: cover;
  }
  .wpb_wl_product_price,
  .wpb_wl_summary p,
  .wpb_wl_product_title {
    margin: 0 0 16px;
  }
  .wpb_wl_summary form.cart {
    margin: 0;
  }
  .woocommerce div.product form.cart .button {
    float: none;
    letter-spacing: 0.08em;
  }
  .mfp-close-popup,
  .myBtn-close-popup {
    display: none;
  }
  .myBtn-close-popup-mobile {
    display: flex;
    justify-content: start;
    width: 100%;
  }
  .mfp-close-popup-mobile {
    overflow: visible !important;
    cursor: pointer !important;
    background: url("/wp-content/themes/perci/svg/Button-close-white.svg") !important;
    border: 0 !important;
    -webkit-appearance: none !important;
    display: block !important;
    outline: none !important;
    padding: 0 !important;
    z-index: 1046 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    /* text-indent: -9999px !important; */
    width: 48px !important;
    height: 48px !important;
    transition: all 0.3s ease-in-out !important;
    margin: 22px 10px;
    position: relative !important;
  }
  .mfp-close-popup-mobile::before {
    content: "назад до розділу";
    display: inline-block;
    margin-left: 54px;
    width: 124px;
    height: auto;
    color: #292B2B;
    text-align: center;
    font-family: SangBleu Sunrise;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
  }
  .wpb_wl_product_title,
  .wpb_wl_product_,
  .mfp-content .wpb_wl_summary span.woocommerce-Price-amount.amount,
  .wpb_wl_summary p,
  .woocommerce div.product form.cart .variations label,
  .woocommerce div.product p.price,
  .woocommerce div.product span.price,
  .mfp-close-btn-in .mfp-close,
  .woocommerce-product-details__short-description > div,
  .wpb_wl_summary form.cart {
    color: #494747 !important;
  }
  .mfp-content .wpb_wl_summary span.woocommerce-Price-amount.amount {
    font-weight: 700;
  }
  .wpb_wl_summary {
    margin: 0;
    width: 100%;
  }
  /*-----------*/
  .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    justify-content: end;
  }
  .woocommerce ul.products li.product .woocommerce-loop-category__title {
    height: auto;
    font-size: 32px ;
    line-height: 44px ;
    letter-spacing: 0.18em;
    top: calc(50% - 44px / 2 + 24px);
  }
  table.variations tr {
    display: flex;
    flex-direction: row;
  }

  .woocommerce ul.columns-4 li.type-product a > h2 {
    font-size: 24px !important;
  }
  .product-desc,
  table.variations,
  table select {
    font-size: 14px !important;
  }
  /* table.variations tbody{
		display: flex;
	} */
  .woocommerce table.shop_table_responsive tr td,
  .woocommerce-page table.shop_table_responsive tr td {
    display: flex;
    justify-content: space-between;
  }
  .simple_price {
    font-size: 24px;
  }
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product {
    /*width: 100%;*/
    /*float: left;*/
    /*clear: both;*/
  }
  body.home .woocommerce ul.products li.product,
  body.home .woocommerce-page ul.products li.product {
    max-width: 100% !important;
    width: 100% !important;
    float: left;
    margin: 0 !important;
    padding: 0px;
    border-radius: 0px;
  }
  .woocommerce ul.products li.product-category a img {
    border-radius: 0px;
    border: 0px solid #111314;
  }
  .woocommerce ul.products[class*="columns-"] li.product:nth-child(2n),
  .woocommerce-page ul.products[class*="columns-"] li.product:nth-child(2n) {
    /*float: right;*/
  }
  .woocommerce ul.products[class*="columns-"] li.product:nth-child(2n),
  .woocommerce-page ul.products[class*="columns-"] li.product:nth-child(2n) {
    float: none;
  }
  .deep__bottom_empty {
    height: 50px;
    margin-top: 0px;
  }
  .text-info-bottom {
    padding: 30px;
  }
  .back-to-top {
    left: 10px;
    bottom: 25px;
  }
  .form-button {
    bottom: 20px;
    right: 10px;
  }

  body.tax-product_cat .woocommerce ul.columns-4 li.type-product {
    width: 50%;
    float: left;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .text-info-1 {
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: left;
  }
  .simple-product-footer-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 2px;
  }
  .simple_price {
    /* margin-top: 0px;
		justify-content: left;
		width: auto;
		padding-left: 16px; */
  }
  .woocommerce ul.products li.product .button {
    margin: 0;
  }
}
@media screen and (max-width: 640px) {
  .woocommerce ul.products li.product a img {
    height: 350px;
    max-width: 100%;
  }
  .popup-form {
    right: 28px;
    bottom: 95px;
  }
}
.small-wrapper-1-mobile {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 12px 20px 40px 40px;
  border-top: 1px solid var(--Gold);
}
@media screen and (max-width: 580px) {
  .text-info-1,
  .text-info-1 {
    text-align: left;
    padding: 10px 40px;
  }
  .small-wrapper-1 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .text-info-1,
  .text-info-1-mobile {
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: left;
  }
  .small-wrapper-1-mobile {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 12px 20px 40px 40px;
    border-top: 1px solid var(--Gold);
  }
  .menu__content_overlay_container {
    text-align: left;
  }
  .woocommerce ul.columns-4 li.type-product {
    width: 100% !important;
    float: left;
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-top: 20px !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  .copyright__bottom {
    height: 170px;
    text-align: left;
    padding-left: 40px;
  }
  #primary,
  .woocommerce-products-header__title.page-title {
    color: #000000;
    background-color: #ffffff;
  }
  .woocommerce-products-header__title.page-title::after,
  .entry-title::after {
    left: 0;
  }
  .woocommerce ul.columns-4 li.type-product a > img {
    border-radius: 24px;
  }
  /* body.woocommerce-cart .entry-title::after{
		left: 40px;
	} */
  body.woocommerce-checkout .entry-title::after {
    left: 0;
  }
  body.woocommerce-checkout .entry-title,
  .page-title {
    width: auto;
  }
}

@media screen and (max-width: 480px) {
  /* .type-product{
		max-width: 100%;
		width: 100%;
		float: left;
		 margin-right: 10px; 
		 padding: 40px; 
		padding-left: 10px !important;
		padding-right: 10px !important;
		margin-bottom: 60px !important;
		border-top: 0 !important;
		display: flex;
		flex-direction: column;
		align-items: center;
	} */
  .copyright__bottom {
    height: 180px;
  }
}

@media screen and (max-width: 450px) {
  .menu__content {
    top: 100px;
  }
  .xoo-wsc-basket {
    top: 160px !important;
  }
}
@media screen and (max-width: 390px) {
  .copyright__bottom {
    height: 190px;
  }
}
@media screen and (max-width: 340px) {
  .copyright__bottom {
    height: 220px;
  }
}
@media screen and (max-width: 420px) {
  .popup-form {
    right: 0px;
    bottom: 95px;
    left: 0;
    margin: 0 auto;
  }
}

/*Adaptive Image*******************************************************************************************************************************/

.woocommerce ul.products li.product a img {
  width: 100%;
  height: 100%;
  max-height: 279px;
  min-height: 279px;
}
@media screen and (max-width: 768px) {
  .woocommerce ul.products li.product a img {
    height: 576px;
  }
  /* .woocommerce ul.products li.product a img{
		width: 100% !important;
		height: auto !important;
	}   */
  .woocommerce ul.columns-4 li.type-product a > img {
    height: auto !important;
  }
  .woocommerce ul.products li.product a img {
    width: 100% !important;
  }
  body.home .entry-content {
    margin: 0px 0px !important;
  }
  body.home .woocommerce ul.products li.product a img {
    width: 100% !important;
    height: auto;
    max-width: 480px !important;
  }
  body.home .woocommerce ul.products li.product a {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 700px) {
  .woocommerce ul.products li.product a img {
    height: 525px;
  }
  .woocommerce ul.products li.product a img {
    height: auto !important;
  }
}
@media screen and (max-width: 658px) {
  .woocommerce ul.products li.product a img {
    height: 493px;
  }
}
@media screen and (max-width: 640px) {
  .container-text-menu-primary {
    display: none !important;
  }
  body.tax-product_cat.woocommerce ul.columns-4 {
    padding-left: 20px;
  }
}
@media screen and (max-width: 600px) {
  .woocommerce ul.products li.product a img {
    height: 450px;
    width: 600px;
  }
}
@media screen and (max-width: 580px) {
  body.tax-product_cat.woocommerce ul.columns-4 {
    padding-left: 0px;
  }
}
@media screen and (max-width: 560px) {
  .woocommerce ul.products li.product a img {
    height: 420px;
  }
}
@media screen and (max-width: 500px) {
  .woocommerce ul.products li.product a img {
    height: 375px;
  }
}
@media screen and (max-width: 450px) {
  .woocommerce ul.products li.product a img {
    height: 337px;
  }
}
@media screen and (max-width: 400px) {
  .woocommerce ul.products li.product a img {
    height: 300px;
  }
}
@media screen and (max-width: 380px) {
  .woocommerce ul.products li.product a img {
    height: 285px;
  }
}
@media screen and (max-width: 360px) {
  .woocommerce ul.products li.product a img {
    height: 270px;
  }
}
@media screen and (max-width: 320px) {
  .woocommerce ul.products li.product a img {
    height: 240px;
  }
}

.woocommerce ul.columns-4 li.type-product a > img {
  height: 280px !important;
  width: 100% !important;
  margin-bottom: 22px;
}
th.label {
  display: none;
}
table.variations tbody {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
table.variations tr {
  display: flex;
  flex-direction: column;
}

.menu__content_overlay_container .menu__content_main .menu-side-menu-container ul li svg {
  margin-left: 10px;
  transform: rotate(180deg);
  transition: transform 0.3s linear;
  position: relative;
  top: -3px;
}
.rotate {
  transform: rotate(0deg) !important;
}
.active {
  color: #ff7300 !important;
}
.menu-item-has-children ul {
  list-style-type: none;
  padding: 0;
  margin-top: 8px;
}
.info-container {
  margin-top: 2px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.logo-info-container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.logo-info-container a {
  margin-left: 10px;
  text-decoration: none;
  color: #fff;
}
.logo-info-container img {
  vertical-align: top;
  cursor: pointer;
}
.logo-img-nav-bar {
  width: 173px;
  height: 114px !important;
  position: absolute;
  right: 0;
  bottom: 0px;
}
.mfp-close:active {
  top: 0px;
}
.mfp-close-popup {
  overflow: visible !important;
  cursor: pointer !important;
  background: url("/wp-content/themes/perci/svg/Button-close.svg") !important;
  border: 0 !important;
  -webkit-appearance: none !important;
  display: block !important;
  outline: none !important;
  padding: 0 !important;
  z-index: 1046 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  /* text-indent: -9999px !important; */
  width: 48px !important;
  height: 48px !important;
  background-color: #111314 !important;
  transition: all 0.3s ease-in-out !important;
  margin-bottom: 108px;
  position: relative !important;
}
.mfp-close-popup::before {
  content: "назад до розділу";
  display: inline-block;
  margin-left: 54px;
  color: #e5e3dd;
  font-size: 14px;
  width: 112px;
  height: auto;
}
.wpb_wl_summary form.cart {
  padding: 0px;
  color: #e5e3dd;
}
.wpb_wl_summary form.cart .button {
  width: 100%;
  max-width: 234px;
  min-width: 234px;
  border-radius: 40px;
  background: #CABD9B;
  border: 1px solid transparent;
  color: #111314;
  text-align: center;
  font-family: Fixel Display;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 200%; /* 32px */
  letter-spacing: 1.28px;
  text-transform: uppercase;
}
.wpb_wl_summary form.cart .button:hover {
  background-color: #CABD9B;
  color: #000;
  border:1px solid #000;
}
button.mfp-close {
  opacity: 1;
}
.xoo-wsc-tools-label,
.xoo-wsc-shiptxt {
  color: #000;
}
.woocommerce ul.products li.product .button svg {
  transition: all 0.2s ease-in-out !important;
  margin-left: 6px;
  transform: rotate(0deg);
  display: none !important;
}
.woocommerce ul.products li.product .button svg path {
  transition: all 0.2s ease-in-out !important;
}
.woocommerce ul.products li.product .button:hover svg path {
  fill: #000;
  transition: all 0.2s ease-in-out !important;
}
.logo-info-container p img {
  /*margin: 0px 10px 0px 0px;*/
}
.fake-options div:first-child {
  margin-left: 0;
}

/*Dostavka*/
.block-wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: 16px;
  border: 1px solid #CABD9B;
  background: #2B2926;
  padding: 40px 55px;
  gap: 10px;
  margin-bottom:60px;
  max-width: 1200px;
}
.block-1,
.block-2 {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  text-align: center;
  gap: 20px;
}
.block-1 p,
.block-2 p {
  color: #CABD9B;
  font-family: SangBleu Sunrise;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
}


body:not(.home).entry-content {
  max-width: 1200px;
}
body.home .entry-content {
  padding: 34px 146px 60px 146px;
}
body.home .entry-content .woocommerce .products {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}
.block img {
  margin-right: 21px;
}
.row .block {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 0px 0px;
  margin-bottom: 10px;
}
.wp-block-column p img {
  margin-right: 8px;
  vertical-align: top;
}
.row-2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  border: 1px solid #575757;
  border-radius: 73px;
  padding: 0px 0px;
  margin: 4px 0px;
  min-height: 74px;
  position: relative;
}
.row-1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  background: #2B2926;
  border-radius: 73px;
  padding: 0px 0px;
  margin: 20px 0px;
  min-height: 74px;
  position: relative;
}
.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0px 20px 20px 20px;
}
.row-2::after {
  content: url("/wp-content/themes/perci/svg/text-vector.svg");
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}
.row-1::after {
  content: url("/wp-content/themes/perci/svg/text-vector.svg");
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  width: 100% !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.form-row .optional {
  display: none;
}
@media screen and (max-width: 870px) {
  .block img {
    margin-right: 15px;
  }
  .block-1,
  .block-2 {
    height: 280px;
    max-height: 460px;
  }
}
@media screen and (max-width: 782px) {
  .row-1,
  .row-2,
  .row {
    flex-wrap: nowrap !important;
  }
}
.has-text-align-left,.has-text-align-center {
  color: #FFF;
  text-align: center;
  font-family: Fixel Display;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .block-1,
  .block-2 {
    height: 100%;
    max-height: 460px;
  }
  .row-1,
  .row-2 {
    background-color: #292b2b;
    border: 0px;
  }
  .block-wrapper {
    flex-direction: column;
    margin: 0px 40px;
  }
  .block-1 p,
  .block-2 p {
    padding: 0px 20px;
  }
  .block-1 img,
  .block-2 img {
    padding-top: 24px;
  }
  .has-text-align-left {
    padding-left: 22px;
  }
  :where(.wp-block-columns.is-layout-flex) {
    gap: 0px;
  }
}
.wp-block-column.is-layout-flow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 4px 10px;
}
/* .wp-block-column:first-child{flex-grow: 1 !important;}.wp-block-column:last-child{flex-grow: 0 !important;} */
.has-text-align-center {
  margin: 0;
}

@media screen and (min-width: 661px) {
  .row-2 .wp-block-column p > img,
  .row-1 .wp-block-column p > img {
    display: none;
  }
}
.row-2 .wp-block-column p > img,
.row-1 .wp-block-column p > img {
  vertical-align: middle !important;
}
@media screen and (max-width: 660px) {
  .row-2::after,
  .row-1::after {
    content: " ";
    width: 0;
    height: 0;
  }
  /* .row-1 .wp-block-column:nth-child(2)::before,
	.row-2 .wp-block-column:nth-child(2)::before{
	content: url("/wp-content/themes/perci/svg/text-vector.svg");
	position: absolute;
	top: 16px;
	bottom: 0;
	left: 42px;
	margin-top: auto;
	margin-bottom: auto;
	opacity: 1;
	} */
}
@media screen and (max-width: 580px) {
  body:not(.tax-product_cat) #primary,
  body:not(.tax-product_cat) .woocommerce-products-header__title.page-title {
    background-color: #111314;
    color: #ebebeb;
  }
}
@media screen and (max-width: 400px) {
  .block-wrapper {
    margin: 0px 10px;
  }
}
span.woocommerce-Price-currencySymbol {
  margin-left: 4px;
}
.fake-options div:first-child {
  margin-left: 0;
}

.cats-header-menu {
  display: flex;
  width: 100%;
  max-width: 100%;
  margin: auto;
  justify-content: center;
  gap: 10px 10px;
  position: absolute;
  top: 112px;
  background: #111314;
}
.cats-header-menu a {
  border: 0.5px solid #ff7300;
  border-radius: 40px;
  padding: 4px 12px;
  color: #e5e3dd;
  text-decoration: none;
  margin-top: 74px;
  margin-bottom: 18px;
  font-weight: 500;
  font-size: 12px;
  line-height: 200%;
  text-transform: lowercase;
  letter-spacing: 0.1em;
  transition: margin 0.3s ease-in-out;
}
@media screen and (max-width: 580px) {
  .cats-header-menu {
    display: none !important;
  }
}
body.term-piczy .fake-options div::before {
  content: "Ø";
  margin-right: 4px;
}
.fixed-header {
  position: fixed;
  height: 190px;
  padding-top: 20px;
  top: 0;
}
.woocommerce table.shop_table tfoot td label {
  font-weight: 400;
}
.fixed-cats-header {
  position: fixed;
  z-index: 1041;
  top: 70px;
  background-color: #292b2b;
  max-width: 100% !important;
  padding-top: 16px;
}
.fixed-cats-header-a {
  margin-top: 0px !important;
}
.header-spacer {
  height: 187px;
  background: #292b2b;
  border-bottom: 1px solid #CABD9B;
}
.header-spacer-navigation {
  height: 126px;
  background: #111314;
  margin-top: -70px;
}

@media screen and (min-width: 981px) {
  body.term-piczy .fixed-header,
  body.term-napoyi .fixed-header,
  body:not(.tax-product_cat) .fixed-header {
    height: 200px;
    padding-top: 0px;
  }
}
@media screen and (max-width: 580px) {
  .header-spacer-navigation {
    height: 126px;
    background: #111314;
    margin-top: 0px;
  }
  header.woocommerce-products-header {
    padding-top: 20px;
    margin-bottom: -35px;
    padding-left: 35px;
    padding-right: 35px;
  }
}
.woocommerce ul.products li.product a {
  outline: none;
}

/*New Year Pop Up*/
.newyear-modal-wrapper {
  position: fixed;
  z-index: 100003;
  top: 0;
  max-width: 633px;
  margin: auto;
  max-height: 754px;
  right: 0;
  bottom: 0;
  border-radius: 16px;
  background: #FF7300;
  padding: 48px;
  overflow: hidden;
  left: -200em;
  transition: all 1s ease-in-out;
}
.newyear-modal-wrapper.active {
  left: 0;
}
.blur_background {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.0);
  backdrop-filter: blur(0px);
  transition: all .5s ease-in-out;
}
.blur_background.active {
  z-index: 10002;
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(10px);
}
.newyear-block-1 h1 {
  color: #000;
  font-family: 'Manrope';
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 46.2px */
  margin: 0;
  margin-bottom: 8px;
}

a#closeModal {
  position: absolute;
  right: 50px;
  top: 20px;
  cursor: pointer;
}
a#closeModal svg {
  transition: all .3s ease-in-out;
  transform: scale(1);
}
a#closeModal svg:hover  {
  transform: scale(1.05);

}

.newyear-block-1 p {
  color: #111314;
  text-align: left;
  font-family: 'Manrope';
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 28.6px */
  margin: 0;
  margin-bottom: 24px;
}

.newyear-block-2 {
  display: flex;
  gap: 34px;
}

.block-2-wrapper {
  border-radius: 16px;
  background: #FBF4F0;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.25);
  padding: 20px;
}

.block-2-description h2 {
  color: var(--black-900, #000);
  font-family: 'Manrope';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 26.4px */
  margin: 0;
  margin-bottom: 8px;
}

.block-2-description p {
  color: var(--black-900, #000);
  font-family: Manrope;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 14.3px */
  margin: 0;
}

span.block-2-choise {
  display: flex;
  color: #333;
  font-family: 'Manrope';
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 18.2px */
  justify-content: flex-start;
  gap: 8px;
  margin: 28px 0px;
}

.block-2-wrapper a {
  border-radius: 40px;
  background: #FF7300;
  color: #111314;
  text-align: center;
  font-family: 'Manrope';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 200%; /* 48px */
  text-transform: uppercase;
  text-decoration: none;
  width: 100%;
  display: flex;
  justify-content: center;
  min-height: 50px;
}
.block-2-wrapper a:hover {
  color: #111314 !important;
}
/*.block-2-wrapper a span {*/
/*  color: #111314;*/
/*  font-size: 22px;*/
/*  font-style: normal;*/
/*  font-weight: 200;*/
/*  line-height: 170%;*/
/*  text-transform: uppercase;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  margin-left: 8px;*/
/*}*/

.block-3-four-description {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 12px;
  align-items: center;
  margin-bottom: 24px;
  justify-content: space-around;
}

.block-3-four-description > h1:first-child {
  width: 100%;
}
.block-3-four-description > h1:last-child {
  width: calc(56% - 12px);
}

.block-3-four-description h1 {
  color: #FFF;
  font-family: 'Manrope';
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}

.block-3-four-description > a {
  width: calc(46% - 12px);
}

a.block-3-link {
  display: flex;
  gap: 12px;
  color: #111314;
  text-align: center;
  font-family: 'Manrope';
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
  position: relative;
  justify-content: flex-end;
}

a.block-3-tel {
  border-radius: 40px;
  border: 2px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #111314;
  text-align: center;
  font-family: 'Manrope';
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 200%; /* 48px */
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  max-height: 48px;
  min-width: 257px;
}
a.block-3-link svg {
  margin-top: 4px;
  position: absolute;
  left: -6px;
}
.newyear-block-3 {
  margin-top: 24px;
}
.rights_description h1 {
  color: var(--black-700, #333);
  font-family: Manrope;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 15.6px */
  margin: 0;
}
a.block-3-tel:hover,a.block-3-link:hover {
  color: #111314 !important;
}
body.active-modal {
  overflow: hidden;
}
@media (max-width: 992px) {
  div#newyearpopUp {
    padding: 20px 24px;
    max-width: 328px;
    max-height: 500px;
  }
  .wpb_wl_summary p {
    font-family: Fixel Display;
    font-size: 14px;
    color: #292B2B;
  }

  .newyear-block-1 h1 {
    font-size: 22px;
    max-width: 264px;
    max-height: 64px;
  }

  .newyear-block-1 p {
    margin-bottom: 8px;
    font-size: 13.7px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
  }

  a#closeModal svg {
    width: 28px;
  }

  a#closeModal {
    top: 10px;
    right: 20px;
  }

  .newyear-block-2 {
    flex-wrap: wrap;
    gap: 8px;
  }

  .block-2-wrapper {
    padding: 12px 9px;
    width: 100%;
  }

  .block-2-description h2 {
    font-size: 20px;
  }
  .block-2-description p {
    font-size: 10px;
  }

  span.block-2-choise {
    margin: 0;
    font-size: 12px;
    color: #333;
    justify-content: center;
    align-items: center;
  }

  .block-2-choise-mobile {
    display: flex;
    margin-top: 12px;
    gap: 20px;
  }

  .block-2-choise-mobile a {
    padding: 4px 12px;
    color: #111314;
    text-align: center;
    font-family: 'Manrope';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 48px */
    text-transform: uppercase;
    height: 38px;
    min-height: auto;
    align-items: center;
    max-width: 149px;
  }

  .block-2-choise-mobile a span {
    font-size: 18px;
  }

  .block-3-four-description h1 {
    width: calc(55% - 9px);
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .newyear-block-3 {
    margin-top: 12px;
  }

  a.block-3-tel {
    max-width: 137px;
    padding: 2.143px 2px;
    color:#111314;
    text-align: center;
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 28px */
    text-transform: uppercase;
    border-radius: 22px;
    border: 1.071px solid #000;
  }

  .block-3-four-description > a {
    width: calc(47% - 0px);
  }
  a.block-3-tel {
    width: 100%;
    min-width: auto;
  }
  .block-3-four-description {
    justify-content: space-between;
    gap: 8px 0px;
    margin-bottom: 12px;
  }

  a.block-3-link {
    font-size: 12px;
    align-items: center;
    gap: 0px;
    justify-content: flex-end;
  }

  a.block-3-link svg {
    width: 12px;
    margin-top: -1px;
    margin-right: 2px;
    left: 3px;
  }
  .rights_description h1 {
    font-size: 8px;
  }
  span.block-2-choise svg rect {
    fill: #111314;
  }
}
/*animation*/
.block-2-wrapper:first-child .block-2-description .emoji {
  animation: spin 15s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.block-2-wrapper:last-child .block-2-description .emoji {
  animation: pulse 1s ease-in-out infinite alternate;
}

@keyframes pulse {
  0% {
    opacity: 0.7;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.block-3-link:hover svg {
  animation: instaTransition 0.5s ease-in-out;
}

@keyframes instaTransition {
  25% {
    transform: translateX(-5px) rotate(5deg);
  }
  50% {
    transform: translateX(5px) rotate(-5deg);
  }
  75% {
    transform: translateX(-5px) rotate(5deg);
  }
  100% {
    transform: translateX(0) rotate(0);
  }
}

/*Popup category*/
.newyear-modal-wrapper.category {
  position: fixed;
  z-index: 100003;
  top: 0;
  max-width: 633px;
  margin: auto;
  max-height: 754px;
  right: 0;
  bottom: 0;
  border-radius: 16px;
  background: #FF7300;
  padding: 48px;
  overflow: hidden;
  left: -200em;
  transition: all 1s ease-in-out;
}
.newyear-modal-wrapper.category.active {
  left: 0;
}
a#closeModalCategory {
  position: absolute;
  right: 50px;
  top: 20px;
  cursor: pointer;
}
a#closeModalCategory svg {
  transition: all .3s ease-in-out;
  transform: scale(1);
}
a#closeModalCategory svg:hover  {
  transform: scale(1.05);

}
.newyear-block-1.category h1 {
  color: var(--Black-900, #000);
  font-family: Manrope;
  font-size: 31px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px; /* 109.677% */
  margin-bottom:32px;
}
.newyear-block-1.category h1 img {
  vertical-align: bottom;
}
.block-2-wrapper.category {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  align-items: center;
}

.block-2-image-left {
  width: calc(50% - 20px);
}

.block-2-wrapper.category .block-2-description {
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.block-2-wrapper.category .block-2-description h2 {
  color: var(--Black-900, #000);
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 26.4px;
  margin: 0;
  max-height: 52px;
  margin-bottom: 8px;
}
.block-2-wrapper.category .block-2-description h2 img {
  vertical-align: text-bottom;
}
.block-2-wrapper.category .block-2-description ul {
  margin: 0;
  padding: 0;
  padding-left: 18px;
}
span.block-2-choise.category {
  margin: 0;
}
.block-2-wrapper.category .block-2-description ul li {
  color: var(--Black-900, #000);
  font-family: Manrope;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.28px; /* 20.28px */
}

.block-2-choise-mobile.category a {
  max-width: 124px;
  max-height: 42px;
}

.block-2-choise-mobile.category {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.block-2-choise-mobile.category a {
  max-width: 124px;
  max-height: 42px;
  min-height: 42px;
  padding: 4px 12px;
  color: #111314;
  text-align: center;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; /* 48px */
  text-transform: uppercase;
  border-radius: 40px;
  background: #FF7300;
}
.block-2-choise-mobile.category a:hover {
  color: #111314 !important;
}
.block-2-choise-mobile.category {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-height: 52px;

}
.block-2-image-left.category img {
  min-height: 266px;
  object-fit: cover;
  height: 100%;
  border-radius: 12px;
}

.block-3-four-description.category h1:first-child {
  width: 100%;
  color: #FFF;
  text-align: center;
  font-family: Manrope;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.block-3-four-description.category a {
  border: 2px solid #000;
  color: #111314;
  text-align: center;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 200%; /* 48px */
  text-transform: uppercase;
}

.block-3-four-description.category h1:last-child {
  color: #FFF;
  font-family: Manrope;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.block-3-four-description.category .block-3-link {
  border-radius: 40px;
  background: #292B2B;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E5E3DD;
  text-align: center;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 200%; /* 48px */
  letter-spacing: 1.92px;
  text-transform: uppercase;
  border: 0px;
  width: calc(50% - 10px);
}
.block-3-four-description.category .block-3-link svg {
  margin-top: 0px;
  position: relative;
  right: 0;
  left: auto;
  margin-left: 0px;
}
.block-3-four-description.category div h1 {
  width: 50% !important;
  max-width: 257px;
}
.block-3-four-description.category div {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
@media (max-width:992px) {
  .newyear-block-1.category h1 {
    max-height: 88px;
    color: var(--Black-900, #000);
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 22px */
    margin: 0;
    margin-bottom: 8px;
  }
  .newyear-block-1.category h1 img {
    width: 22px;
  }
  .newyear-modal-wrapper.category {
    padding: 20px 24px;
  }
  a#closeModalCategory svg {
    width: 28px;
  }
  a#closeModalCategory {
    right: 24px;
    top: 10px;
  }
  a#closeModalCategory svg {
    width: 28px;
  }

  .block-2-wrapper.category {
    flex-direction: column;
    max-height: 355px;
    flex-wrap: nowrap;
    gap: 12px;
  }

  .block-2-image-left.category {
    width: 100%;
    overflow: hidden;
    height: 96px;
  }

  .block-2-wrapper.category .block-2-description {
    width: 100%;
  }
  .block-2-image-left.category img {
    min-height: auto;
    width: 100%;
    object-fit: cover;
  }
  .block-2-choise-mobile.category {
    margin: 0;
  }
  .block-2-wrapper.category .block-2-description h2 {
    color: var(--Black-900, #000);
    font-family: Manrope;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 20.9px */
    letter-spacing: -0.19px;
    margin: 0;
  }

  .block-2-wrapper.category .block-2-description h2 img {
    width: 19px;
    vertical-align: bottom;
  }

  .block-2-wrapper.category .block-2-description ul li {
    color: var(--Black-900, #000);
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 156%; /* 20.28px */
  }

  .block-2-choise-mobile.category {
    margin: 0;
  }
  .block-3-four-description.category h1:first-child {
    color: #FFF;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .block-3-four-description.category a {
    color: #111314;
    text-align: center;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%;
    text-transform: uppercase;
    width: calc(50% - 8px);
  }

  .block-3-four-description.category .block-3-link {
    color: #E5E3DD;
    text-align: center;
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 200%;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    padding: 4px 8px;
  }

  div#newyearpopUpCategory {
    height: 617px;
    max-width: 328px;
  }
  .block-3-four-description.category div {
    margin-top: 16px;
  }
  .block-3-four-description.category div {
    margin-top: 16px;
  }

  .block-3-four-description.category .block-3-link svg {
    width: 14px;
    margin-bottom: 3px;
    margin-left: 8px;
  }

}
.woocommerce-notices-wrapper {
  display: none !important;
}


ul#primary-menu li {
  padding: 0px;
  margin: 0;
}


body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(-n+4),
body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(-n+4) {
  width: calc(25% - 24px) !important;
  float: left;
  margin: 0;
  padding: 0px;
  display: flex;
  align-self: end;
  border-radius: 12px;
  border: 0.925px solid #CABD9B;
}

body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(n+5),
body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(n+5) {
  width: calc(25% - 24px);
  float: left;
  margin: 0;
  padding: 0px;
  display: flex;
  align-self: end;
  border-radius: 12px;
  border: 0.925px solid #CABD9B;
}

body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(7),
body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(7),body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(8) {
  width: calc(50% - 24px);
  float: left;
  margin: 0;
  padding: 0px;
  display: flex;
  align-self: end;
  border-radius: 12px;
  border: 0.925px solid #CABD9B;
}
@media screen and (max-width: 1200px) {
  body.home .entry-content {
    padding: 20px 15.5px;
  }
  body.home .woocommerce ul.products li.product a {
    flex-direction: column;
  }
  .site-footer {
    
  }
  .woocommerce ul.products li.product .woocommerce-loop-category__title {
    font-size: 20px !important;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.09em;
    text-align: center;
  }
  body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(-n+4),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(-n+4) {
    width: calc(50% - 24px) !important;
  }

  body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(5),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(5),body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(8),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(8),body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(11),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(11) {
    width: calc(100% - 24px) !important;
  }

  body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(6),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(6),
  body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(7),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(7),body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(9),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(9),
  body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(10),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(10),body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(12),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(12) {
    width: calc(50% - 24px) !important;
  }
}
/*About Us*/
.about-us-block-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url('/wp-content/themes/perci/images/pronas-img-1.jpg');
  background-size: 100%;
}

.about-us-block-1 img {
  margin: 200px;
}

.about-us-block-1-bottom-wrapper {
  display: flex;
  width: 100%;
}

.block-1-bottom-left {
  color: #111314;
  font-family: SangBleu Sunrise;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal; /* 0px */
  letter-spacing: 0.88px;
  text-transform: uppercase;
  background: rgba(202, 189, 155, 0.90);
  width: 50%;
  padding: 52px 100px;
}

.block-1-bottom-right {
  color: #CABD9B;
  font-family: SangBleu Sunrise;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: rgba(14, 20, 24, 0.90);
  width: 50%;
  padding: 52px 100px;
}

.about-us-block-2 {
  display: flex;
  background: var(--Black);
  padding-top: 60px;
}

.about-us-block-2 img {
  width: 50%;
}

.about-us-block-2-right-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 70px 50px;
  width: 50%;
}

.about-us-block-2-right-wrapper h1 {
  color: var(--Gold);
  text-align: left;
  font-family: SangBleu Sunrise;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 5.04px;
  text-transform: uppercase;
  margin: 0;
}

.about-us-block-2-right-wrapper p {
  color: var(--White);
  font-family: SangBleu Sunrise;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.about-us-block-2-right-wrapper p:last-child {
  margin-top: 24px;
}
.about-us-block-2-right-wrapper p span {
  color: var(--Gold);
  font-family: SangBleu Sunrise;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.about-us-block-3 {
  display: flex;
  background: var(--Black);
  padding-bottom: 60px;
}
.about-us-block-3 img {
  width: 50%;
}

@media (max-width:992px) {
  .about-us-block-1-bottom-wrapper {
    flex-direction: column;
  }
  .about-us-block-2 img,.about-us-block-3 img {
    width: 100%;
    filter: brightness(0.5);
    object-fit: cover;
    height: 300px;
    object-position: top;
  }
  .block-1-bottom-left,.block-1-bottom-right {
    padding: 15px 22px 15px 29px;
    width: 100%;
    font-size: 14px;
  }
  .about-us-block-2-right-wrapper {
    width: 100%;
    text-align: center;
    padding-bottom: 0px;
    padding-left: 32px;
    padding-right: 32px;
  }
  .about-us-block-2-right-wrapper h1 {
    text-align: center;
  }
  .about-us-block-1 img {
    margin: 200px;
    max-width: 200px;
  }
  .about-us-block-1 {
    background-size: 250% 100%;
    background-repeat: no-repeat;
    background-position: top;
  }
  .about-us-block-2 {
    flex-direction: column;
    padding-top: 0px;
  }
  .about-us-block-2-right-wrapper p,.about-us-block-2-right-wrapper p span {
    font-size: 16px;
  }
  .about-us-block-3 {
    flex-direction: column-reverse;
    padding-bottom: 20px;
  }
  .about-us-block-2 .about-us-block-2-right-wrapper {
    padding-bottom: 20px;
  }
  .block-wrapper {
    border: 0px;
    background: transparent;
    gap: 40px;
    padding: 20px 40px 40px 40px;
  }
  .block-1, .block-2 {
    border: 1px solid var(--Gold);
    background: #2B2926;
    flex-direction: column;
    border-radius: 24px;
    padding:24px;
  }
  .block-1 p, .block-2 p {
    text-align: center;
    padding: 0px;
    font-size: 16px;
  }
  .has-text-align-left, .has-text-align-center {
    font-size: 18px;
  }
  .row-2 {
    border-radius: 73px;
    background: #2B2926;
  }
  .row-1 {
    border-radius: 73px;
    background: transparent;
  }
  header.entry-header {
    margin-top: 20px;
  }
  .entry-title {
    font-size: 28px;
  }
  body.tax-product_cat #primary {
    background: #fff;
  }
  .fixed-header {
    background-color: var(--Black);
    height: 68px;
    position: fixed;
    top: 0;
  }
  .site-footer {
    padding: 12px 20px 40px 40px;
  }
  .site-info h1 {
    font-size: 14px;
    color: #E5E3DD;
  }
  body.home .woocommerce ul.products li.product a img {
    filter: brightness(1);
  }
  body.home .entry-content .woocommerce .products {
    gap: 20px 16px;
  }
  body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(-n+4),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(-n+4) {
    width: calc(50% - 16px) !important;
  }

  body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(5),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(5),body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(8),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(8),body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(11),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(11) {
    width: calc(100% - 16px) !important;
  }

  body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(6),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(6),
  body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(7),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(7),body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(9),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(9),
  body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(10),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(10),body:not(.tax-product_cat) .woocommerce ul.products li.product:nth-child(12),
  body:not(.tax-product_cat) .woocommerce-page ul.products li.product:nth-child(12) {
    width: calc(50% - 16px) !important;
  }
}
@media (max-width: 680px) {
  .site-info {
    flex-direction: column;
  }
  .site-info img {
    max-width: 150px;
    margin-top: 40px;
  }
}