@font-face {
  font-family: "Oswald";
  font-weight: 200;
  font-style: normal;
  src: url("/themes/witt/font/Oswald-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: "Oswald";
  font-weight: 300;
  font-style: normal;
  src: url("/themes/witt/font/Oswald-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Oswald";
  font-weight: 400;
  font-style: normal;
  src: url("/themes/witt/font/Oswald-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Oswald";
  font-weight: 500;
  font-style: normal;
  src: url("/themes/witt/font/Oswald-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Oswald";
  font-weight: 600;
  font-style: normal;
  src: url("/themes/witt/font/Oswald-DemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Oswald";
  font-weight: 700;
  font-style: normal;
  src: url("/themes/witt/font/Oswald-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "SourceSans3";
  font-weight: 200;
  font-style: normal;
  src: url("/themes/witt/font/SourceSans3-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: "SourceSans3";
  font-weight: 300;
  font-style: normal;
  src: url("/themes/witt/font/SourceSans3-Light.ttf") format("truetype");
}

@font-face {
  font-family: "SourceSans3";
  font-weight: 400;
  font-style: normal;
  src: url("/themes/witt/font/SourceSans3-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "SourceSans3";
  font-weight: 500;
  font-style: normal;
  src: url("/themes/witt/font/SourceSans3-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "SourceSans3";
  font-weight: 600;
  font-style: normal;
  src: url("/themes/witt/font/SourceSans3-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "SourceSans3";
  font-weight: 700;
  font-style: normal;
  src: url("/themes/witt/font/SourceSans3-Bold.ttf") format("truetype");
}

:root {
  --primary-color: #171719;
  --granite: #384345;
  --tennessee: #ee7700;
  --greenebony: #42503e;
  --whitecoffee: #e0ded4;
  --ghostwhite: #f7f9fb;
  --white: #ffffff;
  --whitesmoke: #f5f5f5;
  --silver: #bbbbbb;
}

* {
  box-sizing: border-box;
}

body {
  font-family: "SourceSans3", sans-serif;
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6,
.nav-link,
#nav-link-products,
#mobile-show-products,
.myaccount_link,
.subcategory-link,
.sticker-p-n,
.ybc_title_block,
#category-select {
  font-family: "Oswald", sans-serif;
}

table.std,
table.table_block {
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-bottom: none;
  background: white;
  border-collapse: inherit;
}
table.std th,
table.table_block th {
  padding: 14px 12px;
  font-size: 16px;
  text-transform: uppercase;
}
table.std tr.alternate_item,
table.table_block tr.alternate_item {
  background-color: #f3f3f3;
}
table.std td,
table.table_block td {
  padding: 12px;
  border-bottom: 1px solid #e9e9e9;
  vertical-align: top;
}

a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
tt,
u,
ul,
var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  vertical-align: baseline;
  background: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
  color: var(--primary-color);
  padding: 0;
  margin: 0;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

blockquote {
  margin: 20px 0 30px;
  border-left: 5px solid;
  padding-left: 20px;
}

:focus {
  outline: 0;
}

del {
  text-decoration: line-through;
}

pre {
  overflow: auto;
  padding: 10px;
}

figure {
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article,
aside,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

body.et_fixed_nav.et_boxed_layout #page-container,
body.et_non_fixed_nav.et_transparent_nav.et_boxed_layout #page-container {
  padding-top: 80px;
}

body.et_fixed_nav.et_boxed_layout.et-tb #page-container,
body.et_fixed_nav.et_boxed_layout.et-tb-has-header #page-container,
body.page-template-page-template-blank-php #page-container {
  padding-top: 0 !important;
}

body.et_cover_background {
  background-size: cover !important;
  background-position: top !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
}

a,
a:hover {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

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

code,
pre {
  font-family:
    Courier New,
    monospace;
  margin-bottom: 10px;
}

ins {
  text-decoration: none;
}

sub,
sup {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sub {
  top: 0.3em;
}

dl {
  margin: 0 0 1.5em;
}

dl dt {
  font-weight: 700;
}

dd {
  margin-left: 1.5em;
}

blockquote p {
  padding-bottom: 0;
}

.cena-obowiazuje {
  padding-top: 10px;
}

.informacja_ustawowa_o_cenie {
  color: #666;
  font-size: 14px;
  line-height: initial;
  margin-bottom: 8px;
  margin-top: 5px;
  font-weight: normal;
}
.informacja_ustawowa_o_cenie .kwota {
  white-space: nowrap;
  display: inline-block;
  margin-right: 3px;
}

embed,
iframe,
object,
video {
  max-width: 100%;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

input {
  -webkit-appearance: none;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox;
}

input[type="radio"] {
  -webkit-appearance: radio;
}

input.text,
input.title,
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="text"],
select,
textarea {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: 2px;
  color: #4e4e4e;
}

input.text:focus,
input.title:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
  border-color: #2d3940;
  color: #3e3e3e;
}

input.text,
input.title,
input[type="text"],
select,
textarea {
  margin: 0;
}

textarea {
  padding: 4px;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

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

#ie8 img {
  width: auto;
}

br.clear {
  margin: 0;
  padding: 0;
}

#main-header {
  -webkit-transition:
    background-color 0.4s,
    color 0.4s,
    transform 0.4s,
    opacity 0.4s ease-in-out;
  -webkit-transition:
    background-color 0.4s,
    color 0.4s,
    opacity 0.4s ease-in-out,
    -webkit-transform 0.4s;
  transition:
    background-color 0.4s,
    color 0.4s,
    opacity 0.4s ease-in-out,
    -webkit-transform 0.4s;
  transition:
    background-color 0.4s,
    color 0.4s,
    transform 0.4s,
    opacity 0.4s ease-in-out;
  transition:
    background-color 0.4s,
    color 0.4s,
    transform 0.4s,
    opacity 0.4s ease-in-out,
    -webkit-transform 0.4s;
}

#main-header.et-disabled-animations * {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

#left-area ul.wp-block-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
}

.comment .children,
ol.commentlist {
  list-style: none !important;
  line-height: 1.7em !important;
  padding: 0 !important;
}

.comment-content ul {
  padding: 0 0 23px 16px !important;
}

.comment-content ol,
.comment-content ul {
  line-height: 26px !important;
}

#left-area ul.products {
  padding: 0 !important;
  line-height: 1.7 !important;
  list-style: none !important;
}

.gallery-item a {
  display: block;
}

.gallery-caption,
.gallery-item a {
  width: 90%;
}

body.admin-bar.et_fixed_nav #main-header,
body.admin-bar.et_fixed_nav #top-header,
body.admin-bar.et_non_fixed_nav.et_transparent_nav #main-header,
body.admin-bar.et_non_fixed_nav.et_transparent_nav #top-header {
  top: 32px;
}

body.et-wp-pre-3_8.admin-bar.et_fixed_nav #main-header,
body.et-wp-pre-3_8.admin-bar.et_fixed_nav #top-header,
body.et-wp-pre-3_8.admin-bar.et_non_fixed_nav.et_transparent_nav #main-header,
body.et-wp-pre-3_8.admin-bar.et_non_fixed_nav.et_transparent_nav #top-header {
  top: 28px;
}

body.et_fixed_nav.et_secondary_nav_enabled #main-header,
body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header {
  top: 30px;
}

body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header,
body.admin-bar.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled
  #main-header {
  top: 63px;
}

body.admin-bar.et_non_fixed_nav.et_transparent_nav.et_header_style_slide
  #main-header {
  top: 0;
}

.et_vertical_fixed.admin-bar #page-container #main-header {
  top: 32px;
}

#wpadminbar {
  z-index: 100001;
}

#top-header {
  font-size: 12px;
  line-height: 13px;
  z-index: 1004;
  color: #fff;
  background-color: var(--tennessee);
}

#top-header a {
  color: #fff;
}

#et-secondary-nav,
#top-header {
  -webkit-transition:
    background-color 0.4s,
    transform 0.4s,
    opacity 0.4s ease-in-out;
  -webkit-transition:
    background-color 0.4s,
    opacity 0.4s ease-in-out,
    -webkit-transform 0.4s;
  transition:
    background-color 0.4s,
    opacity 0.4s ease-in-out,
    -webkit-transform 0.4s;
  transition:
    background-color 0.4s,
    transform 0.4s,
    opacity 0.4s ease-in-out;
  transition:
    background-color 0.4s,
    transform 0.4s,
    opacity 0.4s ease-in-out,
    -webkit-transform 0.4s;
}

#main-header {
  line-height: 23px;
  font-weight: 500;
  top: 0;
  background-color: var(--primary-color);
  width: 100%;
  position: relative;
  z-index: 1004;
  height: 100px;
}

.et_duplicate_social_icons {
  display: none;
}

.et_fixed_nav.et_show_nav #page-container,
.et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container {
  padding-top: 80px;
}

.et_fixed_nav.et_show_nav.et-tb #page-container,
.et_fixed_nav.et_show_nav.et-tb-has-header #page-container {
  padding-top: 0 !important;
}

.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container,
.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled
  #page-container {
  padding-top: 129px;
}

.et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered
  #page-container,
.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered
  #page-container {
  padding-top: 177px;
}

.et_fixed_nav.et_show_nav.et_header_style_centered #page-container,
.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_header_style_centered
  #page-container {
  padding-top: 147px;
}

.et_fixed_nav #top-header,
.et_non_fixed_nav.et_transparent_nav #top-header {
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
}

.et_non_fixed_nav.et_transparent_nav #main-header,
.et_non_fixed_nav.et_transparent_nav #top-header {
  position: absolute;
}

.et_fixed_nav #main-header,
.et_fixed_nav #top-header {
  position: fixed;
}

.et_header_style_left #et-top-navigation,
.et_header_style_split #et-top-navigation {
  padding-top: 33px;
}

.et_header_style_left #et-top-navigation nav > ul > li > a,
.et_header_style_split #et-top-navigation nav > ul > li > a {
  padding-bottom: 33px;
}

.et_header_style_left .logo_container {
  display: flex;
  align-items: center;
  position: absolute;
  height: 100px;
  width: 100%;
}

.et_header_style_left .logo_container a {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 22px;
  color: var(--ghostwhite);
}

.et_header_style_split #et-top-navigation nav > ul > li > a {
  z-index: 3;
}

.et_header_style_split #main-header .centered-inline-logo-wrap {
  margin: -33px 0;
  height: 66px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.et_header_style_split #main-header .centered-inline-logo-wrap .logo_container,
.et_header_style_split #main-header .centered-inline-logo-wrap a {
  height: 100%;
}

.et_header_style_split #main-header .logo_container {
  position: static;
}

.et_header_style_split #top-menu-nav {
  display: inline-block;
}

.et_header_style_split #et_top_search {
  float: none;
  display: inline-block;
}

.et_header_style_split.et_vertical_nav #et_top_search {
  display: block;
}

.et_header_style_split #et_search_icon:before {
  margin-top: -9px;
}

.et_header_style_left #et-top-navigation .mobile_menu_bar,
.et_header_style_split #et-top-navigation .mobile_menu_bar {
  padding-bottom: 24px;
}

.et_header_style_split #et-top-navigation {
  float: none;
  text-align: center;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 100%;
  line-height: 1;
}

.et_header_style_split.et_vertical_nav #et-top-navigation {
  display: block;
}

.et_header_style_split.et_vertical_nav #et-top-navigation {
  text-align: left;
}

.et_header_style_split span.logo_helper {
  display: none;
}

.et_header_style_split #main-header .et-menu,
.et_header_style_split #main-header nav.et-menu-nav,
.et_header_style_split #top-header .et-menu,
.et_header_style_split #top-header nav.et-menu-nav,
.et_header_style_split #top-menu,
.et_header_style_split nav#top-menu-nav {
  float: none;
}

.safari.et_header_style_split #et-top-navigation {
  -webkit-transform: translateZ(0);
}
.et_header_style_centered #main-header div#et-top-navigation {
  bottom: 0;
  position: relative;
  width: 100%;
}

.et_header_style_centered #et-top-navigation,
.et_header_style_centered #logo,
.et_header_style_centered #top-menu,
.et_header_style_centered nav#top-menu-nav {
  float: none;
}

.et_header_style_centered #logo {
  max-height: 64%;
}

.et_header_style_centered #main-header .logo_container {
  height: 100px;
  padding: 0;
}

.et_header_style_centered header#main-header.et-fixed-header .logo_container {
  height: 70px;
}

.et_header_style_centered #et_top_search {
  float: none;
  display: inline-block !important;
}

.et_header_style_centered #et_search_icon:before {
  left: 3px;
  top: -13px;
}

.et_header_style_centered nav#top-menu-nav {
  display: inline-block;
}

.et_header_style_centered #top-menu > li > a {
  padding-bottom: 2em;
}

.et_header_style_centered #et-top-navigation .et-cart-info {
  float: none;
}

.et_hide_search_icon #et_top_search,
.et_hide_search_icon .et_slide_menu_top .et-search-form {
  display: none !important;
}

.et_vertical_nav.et_header_style_centered #main-header .logo_container,
.et_vertical_nav.et_header_style_centered
  header#main-header.et-fixed-header
  .logo_container {
  height: auto;
}

.et_vertical_nav.et_header_style_centered header#main-header #top-menu > li > a,
.et_vertical_nav.et_header_style_centered
  header#main-header.et-fixed-header
  #top-menu
  > li
  > a {
  padding-bottom: 19px;
}

.et_vertical_nav.et_header_style_left #et-top-navigation,
.et_vertical_nav.et_header_style_split #et-top-navigation {
  padding-top: 0;
}

#logo {
  width: 90px;
  filter: invert(100%) sepia(14%) saturate(253%) hue-rotate(102deg)
    brightness(113%) contrast(100%);
}

.et_pb_svg_logo #logo,
.et_pb_svg_logo.et_header_style_split
  .et-fixed-header
  .centered-inline-logo-wrap
  #logo {
  height: 54%;
  margin-right: 80px;
}

.logo_container {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

span.logo_helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.et_vertical_nav .logo_container {
  height: auto;
  position: relative;
  padding: 0;
}

.et_vertical_nav span.logo_helper {
  display: none;
}

.safari .centered-inline-logo-wrap {
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#et-define-logo-wrap img {
  width: 100%;
}

.gecko #et-define-logo-wrap.svg-logo {
  position: relative !important;
}

.et-cart-info {
  color: inherit;
}

#top-header .et-cart-info {
  margin-left: 15px;
}

#et-top-navigation .et-cart-info {
  float: left;
  margin: -2px 0 0 22px;
  font-size: 16px;
}

.et_vertical_nav #et-top-navigation .et-cart-info {
  margin-left: 0;
}

.et_header_style_fullscreen #et-top-navigation a.et-cart-info,
.et_header_style_slide #et-top-navigation a.et-cart-info {
  display: none;
}

#et-info {
  float: left;
}

#et-info-email,
#et-info-phone,
.et-cart-info span {
  position: relative;
}

#et-info-phone:before {
  content: "\e090";
  position: relative;
  top: 2px;
  margin-right: 2px;
}

#et-info-phone {
  margin-right: 13px;
}

#et-info-email:before {
  content: "\e076";
  margin-right: 4px;
}

#top-header .et-social-icons {
  float: none;
  display: inline-block;
}

#et-secondary-menu .et-social-icons {
  margin-right: 20px;
}

#top-header .et-social-icons li {
  margin-left: 12px;
  margin-top: -2px;
}

.et-social-icons {
  float: right;
}

.et-social-icons li {
  display: inline-block;
  margin-left: 20px;
}

.et-social-icon a {
  display: inline-block;
  font-size: 24px;
  position: relative;
  text-align: center;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
  color: #666;
  text-decoration: none;
}

.et-social-icon span {
  display: none;
}

#top-header .et-social-icon a {
  font-size: 14px;
}

#top-menu,
#top-menu-nav {
  line-height: 0;
}

#et-top-navigation {
  font-weight: 400;
}

.et_fixed_nav #et-top-navigation {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#et-secondary-menu {
  float: right;
}

#et-info,
#et-secondary-menu > ul > li a {
  padding-bottom: 0.75em;
  display: block;
}

#et-secondary-nav,
#et-secondary-nav li {
  display: inline-block;
}

#et-secondary-nav a {
  -webkit-transition:
    background-color 0.4s,
    color 0.4s ease-in-out;
  transition:
    background-color 0.4s,
    color 0.4s ease-in-out;
}

#et-secondary-nav li {
  margin-right: 15px;
}

#et-secondary-nav > li:last-child {
  margin-right: 0;
}

.et-cart-info span:before {
  content: "\e07a";
  margin-right: 10px;
}

#top-menu,
.et-menu,
nav#top-menu-nav,
nav.et-menu-nav {
  float: left;
}

#top-menu li {
  display: inline-block;
  font-size: 14px;
  padding-right: 22px;
}

#top-menu > li:last-child {
  padding-right: 0;
}

.et_fullwidth_nav.et_non_fixed_nav.et_header_style_left
  #top-menu
  > li:last-child
  > ul.sub-menu {
  right: 0;
}

#top-menu a {
  color: rgba(0, 0, 0, 0.6);
  text-decoration: none;
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#et-info-email:hover,
#et-secondary-menu > ul > li > a:hover,
#top-menu-nav > ul > li > a:hover,
.et-social-icons a:hover {
  opacity: 0.7;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#et_search_icon:before {
  content: "\55";
  font-size: 17px;
  left: 0;
  position: absolute;
  top: -3px;
}

#et_search_icon:hover {
  cursor: pointer;
}

#et_top_search {
  float: right;
  margin: 3px 0 0 22px;
  position: relative;
  display: block;
  width: 18px;
}

#et_top_search.et_search_opened {
  position: absolute;
  width: 100%;
}

.et_vertical_nav #et_top_search {
  margin-left: 0;
}

.et-search-form {
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1000;
  width: 100%;
}

.et-search-form input {
  width: 90%;
  border: none;
  color: #333;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  margin: auto;
  background: transparent;
}

.et-search-form .et-search-field::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}

.et_header_style_centered .et-search-form input,
.et_header_style_centered span.et_close_search_field {
  top: 60%;
}

.et_vertical_nav.et_header_style_centered .et-search-form input,
.et_vertical_nav.et_header_style_centered span.et_close_search_field {
  top: 0;
}

.woocommerce-info a {
  color: #fff !important;
}

.shop_table .actions .submit {
  float: right;
}

.shop_table .actions .checkout-button {
  clear: both;
}

.col2-set.addresses {
  margin-top: 20px;
}

table.shop_table {
  margin-bottom: 30px !important;
}

.woocommerce-message a.button.wc-forward,
.woocommerce-message a.button.wc-forward:hover {
  border: none;
  background: #fff;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  padding: 15px;
  font-size: 14px;
  border-radius: 3px;
}

p.woocommerce-result-count {
  font-weight: 500;
  font-size: 14px;
  color: #999;
  padding-bottom: 40px;
}

.entry-summary .entry-title {
  padding-bottom: 14px !important;
}

.et_pb_widget .buttons a {
  margin-top: 10px !important;
}

.product_meta {
  border: solid #dadada;
  border-width: 1px 0 0;
  font-size: 14px;
  color: #666;
  padding-top: 6px;
}

.posted_in a,
.tagged_as a {
  font-weight: 500;
  color: #2ea3f2;
  text-decoration: none;
}

.related.products {
  margin: 20px 0;
}

.entry-summary p.price span {
  font-size: 26px !important;
}

.entry-summary p.price del {
  color: #999;
  margin-right: 10px;
}

.cart_table_item .quantity {
  margin: 0 !important;
  width: 100px !important;
}

#main-content .cart-subtotal td {
  border-top: none;
}

.nav-previous {
  float: left;
}

.nav-next {
  float: right;
}

.single .et_pb_post {
  margin-bottom: 27px;
}

.et_portfolio_image,
.et_shop_image {
  position: relative;
  display: block;
}

.et_portfolio_image img {
  vertical-align: bottom;
  margin-bottom: 0;
}

.single .et_pb_post.et_pb_no_comments_section {
  padding-bottom: 0;
  margin-bottom: 0;
}

.et_pb_pagebuilder_layout .project .entry-content {
  padding-top: 0;
}

.et_full_width_portfolio_page .et_project_meta {
  margin-bottom: 0;
  float: left;
  width: 21%;
  margin-top: 0;
  border-bottom: none;
}

.et_full_width_portfolio_page .entry-content {
  margin-bottom: 43px;
}

.et_full_width_portfolio_page .nav-single {
  border-top: 1px solid #e2e2e2;
  padding-top: 13px;
}

.entry-content .et_pb_member_social_links {
  list-style-type: none !important;
  margin-top: 20px;
  padding: 0;
}

#et-top-navigation {
  float: right;
}

#top-menu li li {
  padding: 0 20px;
  margin: 0;
}

#top-menu li li a {
  padding: 6px 20px;
  width: 200px;
}

#et-secondary-nav li {
  position: relative;
  text-align: right;
}

#et-secondary-nav li ul {
  position: absolute;
  right: 0;
  padding: 1em 0;
}

#et-secondary-nav li ul ul {
  right: 220px;
  top: 0;
  margin-top: -1em;
}

#et-secondary-nav li ul li {
  display: block;
}

#et-secondary-nav li ul {
  z-index: 999999;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateZ(0);
}

#et-secondary-nav li.et-hover > ul {
  visibility: visible;
}

#et-secondary-nav li > ul {
  width: 220px;
}

#et-secondary-nav li.et-touch-hover > ul,
#et-secondary-nav li:hover > ul,
.nav li.et-touch-hover > ul {
  opacity: 1;
  visibility: visible;
}

#et-secondary-nav li li {
  padding: 0 2em;
  margin: 0;
}

#et-secondary-nav li li a {
  padding: 1em;
  width: 100%;
  font-size: 12px;
  line-height: 1em;
  margin-right: 0;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#top-menu .menu-item-has-children > a:first-child {
  padding-right: 20px;
}

#top-menu li .menu-item-has-children > a:first-child {
  padding-right: 40px;
}

#top-menu li .menu-item-has-children > a:first-child:after {
  right: 20px;
  top: 6px;
}

#et-secondary-nav .menu-item-has-children > a:first-child:after {
  top: 0;
}

#et-secondary-nav li .menu-item-has-children > a:first-child:after {
  top: 0.67em;
  right: auto;
  left: 2.3em;
}

#top-menu li.mega-menu {
  position: inherit;
}

#top-menu li.mega-menu > ul {
  padding: 30px 20px;
  position: absolute !important;
  width: 100%;
  left: 0 !important;
}

#top-menu li.mega-menu ul li {
  margin: 0;
  float: left !important;
  display: block !important;
  padding: 0 !important;
}

#top-menu li.mega-menu > ul > li:nth-of-type(4n) {
  clear: right;
}

#top-menu li.mega-menu > ul > li:nth-of-type(4n + 1) {
  clear: left;
}

#top-menu li.mega-menu ul li li {
  width: 100%;
}

#top-menu li.mega-menu li > ul {
  -webkit-animation: none !important;
  animation: none !important;
  padding: 0;
  border: none;
  left: auto;
  top: auto;
  width: 90% !important;
  position: relative;
  box-shadow: none;
  -webkit-box-shadow: none;
}

#top-menu li.mega-menu li ul {
  visibility: visible;
  opacity: 1;
  display: none;
}

#top-menu li.mega-menu.et-hover li ul {
  display: block;
}

#top-menu li.mega-menu.et-hover > ul {
  opacity: 1 !important;
  visibility: visible !important;
}

#top-menu li.mega-menu > ul > li > a {
  width: 90%;
  padding: 0 20px 10px;
}

#top-menu li.mega-menu > ul > li > a:first-child {
  padding-top: 0 !important;
  font-weight: 700;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

#top-menu li.mega-menu > ul > li > a:first-child:hover {
  background-color: transparent !important;
}

#top-menu li.mega-menu li > a {
  width: 100%;
}

#top-menu li.mega-menu.mega-menu-parent li > a,
#top-menu li.mega-menu.mega-menu-parent li li {
  width: 100% !important;
}

#top-menu li.mega-menu.mega-menu-parent li > .sub-menu {
  float: left;
  width: 100% !important;
}

#top-menu li.mega-menu > ul > li {
  width: 25%;
  margin: 0;
}

#top-menu li.mega-menu.mega-menu-parent-3 > ul > li {
  width: 33.33%;
}

#top-menu li.mega-menu.mega-menu-parent-2 > ul > li {
  width: 50%;
}

#top-menu li.mega-menu.mega-menu-parent-1 > ul > li {
  width: 100%;
}

#top-menu li.mega-menu .menu-item-has-children > a:first-child:after {
  display: none;
}

#top-menu li.mega-menu > ul > li > ul > li {
  width: 100%;
  margin: 0;
}

a.icon-button:hover {
  color: #404040;
}

a.icon-button span.et-icon {
  position: absolute;
  top: 10px;
  left: 12px;
  width: 18px;
  height: 16px;
}

a.download-icon span.et-icon {
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -3px -2px;
  width: 17px;
  height: 20px;
  top: 7px;
}

a.search-icon span.et-icon {
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -206px -2px;
  top: 9px;
}

a.refresh-icon span.et-icon {
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -169px -19px;
}

a.question-icon span.et-icon {
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -164px -2px;
}

a.people-icon span.et-icon {
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -151px -33px;
  height: 17px;
  top: 9px;
}

a.warning-icon span.et-icon {
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -188px -19px;
  width: 15px;
}

a.mail-icon span.et-icon {
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -131px -33px;
  height: 15px;
}

a.heart-icon span.et-icon {
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -131px -18px;
  width: 14px;
  height: 13px;
  top: 12px;
  left: 14px;
}

a.paper-icon span.et-icon {
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -147px -17px;
  width: 15px;
  height: 15px;
}

a.notice-icon span.et-icon {
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -147px -2px;
  width: 15px;
  height: 13px;
  top: 11px;
}

a.stats-icon span.et-icon {
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -184px -2px;
  width: 15px;
  height: 14px;
  top: 11px;
}

a.rss-icon span.et-icon {
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -171px -36px;
  width: 15px;
  top: 9px;
}

.et-protected-form p .et_protected_icon {
  width: 10px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 18px;
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -190px -37px;
  display: block;
}

.et-protected-form p .et_protected_password {
  height: 23px;
  background-position: -275px -2px;
}

.et-protected-form label span {
  display: none;
}

.author-shortcodes,
.et-learn-more,
.et-simple-slider,
.et-tabs-container,
.et-tooltip-box,
.tabs-left {
  color: #201f1f !important;
  text-shadow: none !important;
}

.author-shortcodes a,
.et-learn-more a,
.et-simple-slider a,
.et-tabs-container a,
.et-tooltip-box a,
.tabs-left a {
  text-shadow: none !important;
}

.et-custom-list ul {
  list-style: none !important;
  list-style-image: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
  line-height: 26px;
}

.et-custom-list ul li {
  padding-left: 28px !important;
  margin: 5px 0 !important;
  list-style: none !important;
  position: relative;
}

.et-custom-list ul li:before {
  top: 5px;
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -74px -2px;
}

.et-custom-list ul li:before,
.etlist-x ul li:before {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 18px;
}

.etlist-x ul li:before {
  top: 6px;
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -75px -21px;
}

.etlist-dot ul li {
  padding-left: 25px !important;
}

.etlist-dot ul li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -230px -3px;
  width: 10px;
  height: 9px;
}

.et-custom-list ul li ul {
  padding: 2px 0 !important;
  margin: 0 !important;
}

.et-pricing {
  margin: 40px 0 10px;
}

.pricing-table {
  float: left;
  width: 25%;
  margin-bottom: 22px;
  position: relative;
  margin-left: -1px;
}

.pricing-table-wrap {
  border: 1px solid #e7e7e7;
  border-bottom: none;
}

.pricing-heading {
  border-bottom: 1px solid #e7e7e7;
  padding: 23px 10px 22px;
  text-shadow: 1px 1px 0 #fff;
  font-size: 12px;
  color: #999;
  text-align: center;
  -webkit-box-shadow: inset 1px 1px 0 0 #fff;
  box-shadow: inset 1px 1px 0 0 #fff;
}

.pricing-title {
  text-transform: uppercase;
  font-size: 20px;
  color: #53b4c7 !important;
  font-weight: 700;
  text-shadow: none !important;
}

.pricing-heading p {
  padding-bottom: 0 !important;
}

.pricing-table ul.pricing {
  padding: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  list-style-image: none !important;
  line-height: 26px;
}

.pricing-table ul.pricing li {
  list-style: none !important;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e7e7e7;
  background: #f5f5f5;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f5f5f5),
    color-stop(7%, #fefefe),
    to(#fff)
  );
  background: linear-gradient(180deg, #f5f5f5 0, #fefefe 7%, #fff);
  padding: 14px 7px 14px 63px;
  position: relative;
  font-size: 12px;
  color: #363636;
  text-shadow: none !important;
}

.pricing-table ul.pricing li span.pricing-mark {
  position: absolute;
  top: 19px;
  left: 30px;
  width: 22px;
  height: 18px;
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -74px -2px;
}

.pricing-table ul.pricing li.x-mark span.pricing-mark {
  background-position: -74px -20px;
}

.pricing-content-bottom {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e7e7e7;
  -webkit-box-shadow: inset 1px 0 0 0 #fff;
  box-shadow: inset 1px 0 0 0 #fff;
  padding: 20px 5px 43px;
  text-align: center;
}

span.et-price {
  font-size: 48px;
  color: #94c65c;
  text-shadow: 0 1px 0 #fff;
  font-family: Georgia, serif;
}

span.et-price sup {
  font-size: 24px;
  bottom: 13px;
  left: 1px;
}

span.et-price span.dollar-sign {
  font-size: 36px;
}

.pricing-table a.icon-button {
  margin: 0;
  padding-left: 15px;
  position: absolute;
  bottom: -13px;
  left: 50%;
  visibility: hidden;
}

.pricing-big {
  top: -20px;
  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.pricing-big .pricing-table-wrap {
  border-color: #d6d5d5;
}

.pricing-big .pricing-heading {
  padding-top: 43px;
}

.pricing-big .pricing-content-bottom {
  padding-bottom: 63px;
  border-bottom: 1px solid #d6d5d5;
}

.et-testimonial-box {
  border: 1px solid #e7e7e7;
  background: #fff;
  position: relative;
  margin: 10px 0 45px;
}

.et-testimonial-author-info {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e7e7e7;
  padding: 20px 20px 15px;
  text-shadow: 0 1px 0 #fff;
}

.t-img {
  width: 60px;
  height: 60px;
  float: left;
  margin: 0 25px 5px 0;
  -webkit-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
  position: relative;
}

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

.t-overlay {
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
}

.t-author,
.t-overlay,
.t-position {
  display: block;
}

.t-author {
  font-size: 18px;
  color: #999;
  padding: 10px 0 5px;
}

.t-position {
  color: #595959;
}

.et-testimonial,
.t-position {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
}

.et-testimonial {
  padding: 43px 35px 30px 77px;
  color: #363636;
  position: relative;
  text-shadow: none !important;
}

.et-testimonial:before {
  content: "";
  position: absolute;
  top: 43px;
  left: 35px;
  width: 25px;
  height: 19px;
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -45px -35px;
}

.t-bottom-arrow {
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -97px -25px;
  width: 31px;
  height: 32px;
  position: absolute;
  bottom: -32px;
  right: 40px;
}

.et-dropcap {
  font-size: 48px;
  float: left;
  display: block;
  margin: 0 7px 0 0;
  line-height: 1;
}

.et_quote {
  padding-left: 57px;
  min-height: 40px;
  font-family: Georgia, serif;
  font-size: 14px;
  font-style: italic;
  position: relative;
  line-height: 1.5;
  margin-bottom: 10px;
}

.et_quote .et_quote_sign {
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -206px -20px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 40px;
  height: 34px;
}

.quote-center .et_quote_sign {
  background-position: -251px -2px;
  width: 20px;
  height: 16px;
  top: 3px;
}

.quote-center .et_quote_additional_sign {
  background: url(epanel/shortcodes/images/shortcodes-sprite.png)
    no-repeat -251px -22px;
  position: absolute;
  top: 3px;
  right: 13px;
  display: block;
  width: 20px;
  height: 16px;
}

.et_right_quote {
  width: 100%;
}

.quote-center {
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
  padding-left: 30px;
}

.quote-center .et_right_quote {
  padding-right: 30px;
  width: 95%;
}

.et-tabs-container .et-tabs-control {
  padding: 0;
}

.tabs-left .et-tabs-control {
  padding-left: 0;
}

.author-info h1,
.author-info h2,
.author-info h3,
.author-info h4,
.author-info h5,
.author-info h6 {
  color: #201f1f !important;
  text-shadow: none !important;
}

.et-tabs-container .et-tabs-control li a,
.tabs-left .et-tabs-control li a {
  text-decoration: none !important;
}

a.big-button,
a.icon-button,
a.small-button {
  cursor: pointer;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix,
:first-child + html .clearfix {
  zoom: 1;
}

.et_column_last {
  margin-right: 0 !important;
  clear: right;
}

.clear {
  clear: both;
}

button.mfp-arrow,
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.slider-image-mobile {
  display: none !important;
}

#ot-sdk-btn.ot-sdk-show-settings.kh-footer-style:hover,
#ot-sdk-btn.optanon-show-settings.kh-footer-style:hover {
  background-color: initial;
  color: #ffffff;
}

#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings {
  border: none;
}

#ot-sdk-btn.ot-sdk-show-settings.kh-footer-style,
#ot-sdk-btn.optanon-show-settings.kh-footer-style {
  padding: 0;
  background-color: initial;
  border: none;
  font-size: 1em;
  color: #ffffff;
  text-transform: none;
}
button#ot-sdk-btn.ot-sdk-show-settings.kh-footer-style {
  display: block;
  color: #ffffff;
  background: url(../../../modules/blocklink/img/arrow_right_2.png) no-repeat
    10px 10px transparent;
  text-align: left;
}

.home-video,
.home-second-video,
.op-video {
  position: relative;
  height: 400px;
}

.home-video video,
.home-second-video video,
.op-video video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.op-video h1,
.home-video h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 36px;
  color: var(--ghostwhite);
  font-weight: 700;
  line-height: 54px;
  text-align: center;
}

.home-products {
  background-color: var(--whitecoffee);
  padding: 60px 40px;
}

.home-products h2,
.home-delivery-info h2,
.contact-info h2,
.newsletter-content h2 {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}

.home-delivery-info h2 {
  color: var(--ghostwhite);
}

.home-products-grid,
.home-delivery-info-grid {
  text-align: center;
  max-width: 1360px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}

.home-products-grid {
  padding: 20px 0;
}

.home-delivery-info-grid {
  padding-top: 40px;
}

.home-products-grid h3,
.home-delivery-info-card h3 {
  margin-top: 20px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  white-space: normal;
  word-wrap: break-word;
  text-align: center;
  font-size: 1rem;
}

.home-products-grid img {
  border-radius: 10px;
  width: 100%;
}

.home-delivery-info {
  background-color: var(--greenebony);
  padding: 60px 40px;
}

.home-delivery-info-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-delivery-info-card h3 {
  color: #fff;
}

.logo_container-links {
  display: flex;
  align-items: center;
}

.logo_container-links a {
  color: #fff;
  font-weight: 700;
  gap: 40px;
  text-transform: uppercase;
  font-size: 20px;
  padding: 5px 15px;
}

.logo_container-links a.bf,
.menu-mobile-links a.bf {
  color: var(--tennessee);
}

.logo_container-links a:first-of-type {
  padding: 40px 15px;
}

.footer-content {
  max-width: 1450px;
  margin: 0 auto;
  display: flex;
  padding: 60px 20px;
  justify-content: center;
  gap: 80px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 80px;
}

.footer-logo {
  width: 170px;
  height: 100px;
  object-fit: cover;
}

.footer-grid a {
  color: var(--ghostwhite);
}

.footer-content h3 {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
}

.footer-content ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

.footer-content ul li {
  font-size: 14px;
  color: var(--ghostwhite);
}

.footer-content a:hover {
  text-decoration: underline;
}

.rte,
.contact-section {
  background-color: var(--whitecoffee);
}

.op-video {
  margin-bottom: 50px;
}

.op-info {
  display: flex;
  max-width: 1360px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  height: 400px;
}

.op-info .left,
.op-info .right {
  width: 50%;
}

.contact-info {
  max-width: 1360px;
  margin: 0 auto;
  padding: 50px 20px 50px 20px;
  text-align: center;
  box-sizing: content-box;
}

.op-info .left.text,
.op-info .right.text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  text-align: center;
}

.op-info .left.text h2,
.op-info .right.text h2 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.op-info .left.text ul,
.op-info .right.text ul {
  color: #384345;
  font-weight: 400;
}

.op-info .left.text a,
.op-info .right.text a {
  color: var(--tennessee);
  text-decoration: underline;
}

.op-info .left.text ul li::before,
.op-info .right.text ul li::before {
  content: "";
  width: 3px;
  height: 3px;
  background-color: #384345;
  display: inline-block;
  margin-right: 10px;
  border-radius: 100%;
  vertical-align: middle;
}

.op-info .left.text p,
.op-info .right.text p {
  color: #384345;
  font-weight: 400;
}

.contact-info-grid {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.contact-info-card {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: var(--greenebony);
  height: 400px;
  gap: 15px;
}

.contact-info-card h3,
.contact-info-card p,
.newsletter-content h2,
.newsletter-content h4,
.contact-info-card p a {
  color: var(--ghostwhite);
}

.newsletter-content h4 {
  font-size: 16px;
}

.contact-info-card h3 {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

#contact-form {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: content-box;
}

#nav-products-div {
  display: none;
  background-color: var(--primary-color);
  position: fixed;
  top: 130px;
  left: 0px;
  z-index: 9999;
  width: 100%;
}

#nav-products-div .home-product-card:hover h3 {
  text-decoration: underline;
}

.home-product-card #nav-link-products {
  cursor: pointer;
  user-select: none;
}

#nav-link-products:hover,
#nav-link-products.active {
  text-decoration: underline;
}

.nav-link:hover,
.nav-link.active {
  text-decoration: underline;
}

#main-header nav {
  position: relative;
  padding: 0 40px;
  box-sizing: content-box;
  max-width: 1360px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

#main-header nav .nav-left {
  display: flex;
  align-items: center;
}

#page-container {
  background-color: var(--whitecoffee);
}

.newsletter {
  position: relative;
  height: 315px;
}

.newsletter img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsletter-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.newsletter-form__input {
  position: relative;
  width: 660px;
}

.newsletter-form__input input,
#newsletter-input {
  color: var(--ghostwhite) !important;
  border: 2px solid var(--ghostwhite);
  border-radius: 30px;
  padding: 15px;
  width: 100%;
  background-color: transparent;
}

.newsletter-form__input input::placeholder,
#search_query_top::placeholder {
  color: var(--ghostwhite);
}

.newsletter-form__input input:hover,
.newsletter-form__input input:active,
.newsletter-form__input input:focus,
.newsletter-form__input input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s !important;
  -webkit-text-fill-color: #fff !important;
}

.newsletter-form__input button,
.newsletter-content button {
  position: absolute;
  background-color: transparent;
  color: var(--ghostwhite);
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  border: none;
  font-size: 26px;
  cursor: pointer;
}

.newsletter-content button {
  display: flex;
  align-items: center;
}

.newsletter-content .warning_inline {
  color: red;
}

.newsletter-content .success_inline {
  color: lightgreen;
}

.category-video {
  height: 400px;
}

.category-video video {
  height: 100%;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product-card {
  flex: 1;
  min-width: calc(33.33% - 40px);
  text-align: center;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}

.product-card:nth-child(4) {
  flex: 0;
  width: auto;
}

.product-card-top {
  position: relative;
  background-color: var(--ghostwhite);
  height: 300px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.product-card-top-colors {
  position: absolute;
  bottom: 25px;
  left: 25px;
  display: flex;
  gap: 25px;
  z-index: 9;
}

.product-color-switch {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid var(--granite);
  cursor: pointer;
}

.product-color-switch.checked,
.product-color-switch:hover {
  border: 2px solid var(--ghostwhite);
}

.product-card-top img {
  height: 100%;
  width: 100%;
  border-radius: 10px 10px 0 0;
  object-fit: cover;
}

.product-card-content {
  text-align: start;
  min-height: 240px;
}

.product-card-content.piec {
  min-height: 520px;
}

.product-card-content h2,
.product-card-content h3 {
  font-size: 18px;
  font-weight: 700;
}

.product-card-content p {
  line-height: 24px;
}

.product-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background-color: var(--tennessee);
  height: 60px;
  border-radius: 0 0 10px 10px;
}

.product-card-bottom a {
  color: var(--ghostwhite);
  text-transform: uppercase;
  font-weight: 700;
}

.category-238-innovation-content {
  gap: 40px;
  align-items: flex-start;
}

.category-238-innovation-content-video {
  width: 67.5%;
  height: 280px;
}

.category-238-innovation-content-video video {
  width: 100%;
  border-radius: 10px;
  height: 100%;
  object-fit: cover;
}

.category-238-innovation-content-text {
  width: 32.5%;
}

.category-238-innovation-content-text .imgs .img-box img {
  width: 80px;
  height: 80px;
  filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(18%)
    hue-rotate(238deg) brightness(103%) contrast(100%);
}

.category-238-must-haves {
  position: relative;
  height: 540px;
}

.category-238-must-haves img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#main-footer {
  background-color: var(--primary-color);
}

.notfound-section {
  min-height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

.notfound-section h1 {
  text-align: center;
  text-transform: none;
}

.notfound-section a {
  text-decoration: underline;
}

.header-search-section {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.header-search-section form {
  display: flex;
  align-items: center;
  gap: 10px;
}

#search_query_top {
  background-color: transparent;
  padding: 12px 20px;
  border-radius: 30px;
  border: 2px solid var(--ghostwhite);
  width: 45vw;
  margin-left: 40px;
  color: var(--ghostwhite);
}

.header-search-input-div {
  position: relative;
}

.header-search-input-div button {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.header-search-input-div button[type="submit"] {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.search-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.close-search-btn {
  background-color: transparent;
  color: var(--ghostwhite);
  border: none;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}

@media (max-width: 760px) {
  .home-products .home-products-grid {
    grid-template-columns: 1fr 1fr;
  }

  .home-page-section .home-products,
  .home-delivery-info {
    padding: 60px 20px;
  }

  .home-delivery-info-card h3 {
    font-size: 13px;
  }

  .newsletter-form__input {
    width: 100%;
  }

  #newsletterws {
    width: 90%;
  }

  .op-video h1,
  .home-video h1 {
    width: 98%;
    font-size: 28px;
    line-height: 38px;
  }
}

#main-header .nav-right {
  display: flex;
  gap: 15px;
  align-items: normal;
  position: relative;
}

#contact-form {
  padding-bottom: 50px;
}

#contact-form select,
#contact-form input,
#contact-form textarea {
  background-color: transparent;
  padding: 15px 20px;
  border-radius: 30px;
  border: 2px solid #a4a4a4;
}

#contact-form select {
  padding-right: 20px;
  background: url("/themes/witt/img/icon/arrow-down.svg") no-repeat right 0.8rem
    center;
  background-size: 1rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.arrow-up {
  top: -13px;
  right: 71px;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
  border-radius: 10px;
}

.contact-form-2-cols {
  display: flex;
  gap: 20px;
}

.contact-form-2-cols input,
.contact-form-2-cols select {
  width: 50%;
}

.et_contact_bottom_container {
  display: flex;
  justify-content: center;
}

.et_pb_contact_submit.et_pb_button {
  color: var(--ghostwhite);
  background-color: var(--tennessee);
  text-transform: uppercase;
  border: none;
  padding: 20px 80px;
  border-radius: 30px;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
}

#block-history form {
  border: none;
}

.contact-form-2-fields {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 50%;
}

#message {
  width: 50%;
}

.contact-form-2-fields input {
  width: 100%;
}

.nav-logo-m,
.hamburger-btn,
.menu-mobile {
  display: none;
}

.nav-logo-m {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nav-logo-m img {
  margin-right: 0 !important;
}

.menu-mobile {
  position: fixed;
  background-color: var(--primary-color);
  width: 80%;
  height: 100vh;
  top: 129px;
  z-index: 99999;
}

.menu-mobile-links {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 50px 20px;
}

.menu-mobile-links a {
  color: var(--ghostwhite);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 20px;
  white-space: nowrap;
}

.menu-mobile-links a.active {
  text-decoration: underline;
}

.close-menu-mobile {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  padding: 10px;
  box-sizing: content-box;
  z-index: 999999;
}

.hamburger-btn {
  cursor: pointer;
}

.btn-primary,
.btn-primary-2 {
  position: relative;
  color: var(--ghostwhite) !important;
  background-color: var(--tennessee);
  text-transform: uppercase;
  border: none;
  padding: 20px 40px;
  border-radius: 30px;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  transition: transform 0.3s ease;
  white-space: nowrap;
}

.btn-primary-2 {
  padding: 10px 40px;
  text-transform: none;
  font-weight: 400;
}

.btn-primary:hover,
.btn-primary-2:hover,
.btn-secondary:hover,
.btn-secondary-2:hover {
  transform: translateY(-5px);
}

.btn-primary::before,
.btn-primary-2::before,
.btn-primary::after,
.btn-primary-2::after,
.btn-secondary::before,
.btn-secondary-2::before,
.btn-secondary::after,
.btn-secondary-2::after {
  content: "";
  position: absolute;
  top: -50px;
  background: rgba(255, 255, 255, 0.4);
  transform: rotate(35deg);
  pointer-events: none;
  opacity: 0;
  transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-primary::before,
.btn-primary-2::before,
.btn-primary::before,
.btn-secondary-2::before {
  width: 50px;
  height: 150px;
  left: -60%;
}

.btn-primary::after,
.btn-primary-2::after,
.btn-secondary::after,
.btn-secondary-2::after {
  width: 8rem;
  height: 20rem;
  left: -100%;
}

.btn-primary:hover::before,
.btn-primary-2:hover::before,
.btn-secondary:hover::before,
.btn-secondary-2:hover::before {
  left: 120%;
  opacity: 1;
  transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-primary:hover::after,
.btn-primary-2:hover::after,
.btn-secondary:hover::after,
.btn-secondary-2:hover::after {
  left: 200%;
  opacity: 1;
  transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-secondary,
.btn-secondary-2 {
  position: relative;
  color: var(--ghostwhite);
  background-color: var(--primary-color);
  text-transform: uppercase;
  border: none;
  padding: 20px 40px;
  border-radius: 30px;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  transition: transform 0.3s ease;
  text-align: center;
}

.btn-secondary-2 {
  padding: 10px 40px !important;
  text-transform: unset;
  font-weight: 400;
}

.must-haves-products {
  display: flex;
  gap: 40px;
  width: 66.66%;
}

.must-haves-content-m {
  display: none !important;
}

.must-haves-content-d {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.must-haves-content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}

.must-haves-product {
  background-color: var(--ghostwhite);
  border-radius: 10px;
  width: 100%;
}

.must-haves-product img {
  width: 100%;
  height: 300px;
  border-radius: 10px 10px 0 0;
  object-fit: contain;
  background-color: white;
}

.header-cart-badge {
  color: var(--ghostwhite);
  font-size: 13px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  width: 20px;
  background-color: var(--tennessee) !important;
}

.owl-theme .owl-dots .owl-dot span {
  margin: 5px !important;
  background-color: #a4a4a4 !important;
}

.item-opinion p {
  height: 84px;
}

.item-opinion h3 {
  font-size: 26px;
  margin-top: 50px;
}

.menu-mobile-links .home-products-grid {
  display: none;
}

.op-section .home-products-grid {
  padding: 50px 0;
}

/* STEPS */

.steps {
  padding-bottom: 60px;
  max-width: 690px;
  margin: 0 auto;
  position: relative;
}

.steps ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.bar {
  height: 2px;
  width: 80%;
  position: absolute;
  background-color: rgba(56, 67, 69, 1);
  top: 15px;
  left: 10%;
}

.bar-progress-line {
  z-index: 1;
  background-color: var(--tennessee);
  width: 25%;
  height: 2px;
}

.steps li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.steps li .step-number {
  width: 32px;
  height: 32px;
  background-color: rgba(56, 67, 69, 1);
  border-radius: 50px;
  position: relative;
}

.steps li .step-number.active {
  background-color: var(--tennessee);
}

.steps li .step-number h5 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--ghostwhite);
  font-size: 14px;
}

.steps li span {
  font-size: 16px;
  color: rgba(56, 67, 69, 1);
}

.steps li span.active {
  font-weight: 500;
}

.steps li span a:hover {
  text-decoration: underline;
}

.category-238-products {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}

.history-order-col {
  flex: 1 1 auto;
  min-width: max-content;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .steps li span {
    font-size: 13px;
  }

  .must-haves-content-m {
    display: flex !important;
    flex-direction: column;
  }

  .must-haves-content-d {
    display: none;
  }
}

/**** STEPS END ***/

@media (max-width: 800px) {
  .nav-logo-m,
  .hamburger-btn {
    display: block;
  }

  .my-account-a {
    display: none;
  }

  #main-header nav {
    padding: 0 20px;
  }

  .account-creation-2c {
    flex-direction: column;
  }

  .nav-logo-d,
  .logo_container-links {
    display: none;
  }

  .header-search-section {
    width: 90vw;
  }

  .header-search-input-div {
    width: 100%;
  }

  #search_query_top {
    margin: 0;
    width: 100%;
  }

  .menu-mobile-links .home-products-grid {
    grid-template-columns: 1fr 1fr;
  }

  .op-section .home-products-grid {
    padding: 50px 0;
  }

  .my-account-btn {
    display: none;
  }
}

.text-primary {
  color: var(--ghostwhite);
}

.text-secondary {
  color: var(--tennessee);
}

.text-black {
  color: var(--primary-color);
}

.text-orange {
  color: var(--tennessee);
}

.uppercase {
  text-transform: uppercase;
}

.flex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.flex-col {
  flex-direction: column;
}

.rg-1 {
  row-gap: 1rem;
}

.grid {
  display: grid;
}

.container {
  max-width: 1360px;
  margin: 0 auto;
  box-sizing: content-box;
}

.bg-primary {
  background-color: var(--primary-color);
}

.bg-secondary {
  background-color: var(--whitecoffee);
}

.bg-orange {
  background-color: var(--tennessee);
}

.bg-white {
  background-color: var(--ghostwhite);
}

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

.text-left {
  text-align: left;
}

.object-cover {
  object-fit: cover;
}

.m-1 {
  margin: 10px;
}

.mx-1 {
  margin-right: 10px;
  margin-left: 10px;
}

.my-1 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mt-1 {
  margin-top: 10px;
}

.mb-1 {
  margin-bottom: 10px;
}

.mr-1 {
  margin-right: 10px;
}

.ml-1 {
  margin-left: 10px;
}

.m-2 {
  margin: 20px;
}

.mx-2 {
  margin-right: 20px;
  margin-left: 20px;
}

.my-2 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mt-2 {
  margin-top: 20px;
}

.mb-2 {
  margin-bottom: 20px;
}

.mr-2 {
  margin-right: 20px;
}

.ml-2 {
  margin-left: 20px;
}

.m-3 {
  margin: 30px;
}

.mx-3 {
  margin-right: 30px;
  margin-left: 30px;
}

.my-3 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mt-3 {
  margin-top: 30px;
}

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

.mr-3 {
  margin-right: 30px;
}

.ml-3 {
  margin-left: 30px;
}

.m-4 {
  margin: 40px;
}

.mx-4 {
  margin-right: 40px;
  margin-left: 40px;
}

.my-4 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mt-4 {
  margin-top: 40px;
}

.mb-4 {
  margin-bottom: 40px;
}

.mr-4 {
  margin-right: 40px;
}

.ml-4 {
  margin-left: 40px;
}

.m-5 {
  margin: 50px;
}

.mx-5 {
  margin-right: 50px;
  margin-left: 50px;
}

.my-5 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mt-5 {
  margin-top: 50px;
}

.mb-5 {
  margin-bottom: 50px;
}

.mr-5 {
  margin-right: 50px;
}

.ml-5 {
  margin-left: 50px;
}

.p-1 {
  padding: 20px;
}

.px-1 {
  padding-right: 10px;
  padding-left: 10px;
}

.py-1 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pt-1 {
  padding-top: 10px;
}

.pb-1 {
  padding-bottom: 10px;
}

.pr-1 {
  padding-right: 10px;
}

.pl-1 {
  padding-left: 10px;
}

.p-2 {
  padding: 20px;
}

.px-2 {
  padding-right: 20px;
  padding-left: 20px;
}

.py-2 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pt-2 {
  padding-top: 20px;
}

.pb-2 {
  padding-bottom: 20px;
}

.pr-2 {
  padding-right: 20px;
}

.pl-2 {
  padding-left: 20px;
}

.p-3 {
  padding: 30px;
}

.px-3 {
  padding-right: 30px;
  padding-left: 30px;
}

.py-3 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pt-3 {
  padding-top: 30px;
}

.pb-3 {
  padding-bottom: 30px;
}

.pr-3 {
  padding-right: 30px;
}

.pl-3 {
  padding-left: 30px;
}

.p-4 {
  padding: 40px;
}

.px-4 {
  padding-right: 40px;
  padding-left: 40px;
}

.py-4 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pt-4 {
  padding-top: 40px;
}

.pb-4 {
  padding-bottom: 40px;
}

.pr-4 {
  padding-right: 40px;
}

.pl-4 {
  padding-left: 40px;
}

.p-5 {
  padding: 50px;
}

.px-5 {
  padding-right: 50px;
  padding-left: 50px;
}

.py-5 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pt-5 {
  padding-top: 50px;
}

.pb-5 {
  padding-bottom: 50px;
}

.pr-5 {
  padding-right: 50px;
}

.pl-5 {
  padding-left: 50px;
}

.py-6 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.rounded-1 {
  border-radius: 10px;
}

.rounded-2 {
  border-radius: 20px;
}

.rounded-3 {
  border-radius: 30px;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.cursor-pointer {
  cursor: pointer;
}

.gap-1 {
  gap: 10px;
}

.gap-2 {
  gap: 20px;
}

.gap-3 {
  gap: 30px;
}

.gap-4 {
  gap: 40px;
}

.gap-5 {
  gap: 50px;
}

.gap-6 {
  gap: 60px;
}

.gap-7 {
  gap: 70px;
}

.gap-8 {
  gap: 80px;
}

.relative {
  position: relative;
}

.wrap {
  flex-wrap: wrap;
}

.font-bold {
  font-weight: bold;
}

.font-normal {
  font-weight: normal;
}

.font-light {
  font-weight: 200;
}

.block {
  display: block;
}

.video-gradient {
  background: linear-gradient(
    175.97deg,
    #292929 -39.66%,
    rgba(0, 0, 0, 0) 96.71%
  );
}

.img-m,
.video-m {
  display: none;
}

.op-info .img-mobile {
  display: none;
}

.category-238-reviews {
  position: relative;
}

.category-238-reviews-content .owl-nav {
  display: none;
}

.category-238-reviews-content .owl-dots {
  margin-top: 20px;
}

.termometry-l-reviews-nav {
  position: absolute;
  top: 0;
  right: 20px;
  display: flex;
  gap: 20px;
}

.termometry-l-reviews-nav button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.op-info .img-mobile img {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
}

.right img {
  object-fit: cover;
  height: 100%;
  border-radius: 0 10px 10px 0;
  width: 100%;
}

.termometry-l-reviews .owl-nav {
  display: none;
}

.termometry-l-reviews .owl-dots {
  margin-top: 20px;
}

.loader {
  display: none;
  position: absolute;
  left: calc(50% - 24px);
  top: 126px;
  z-index: 9;
  width: 48px;
  height: 48px;
  border: 5px solid var(--ghostwhite);
  border-bottom-color: var(--tennessee);
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

.category-238-opinions-c-n,
.category-238-reviews-c-n {
  position: absolute;
  right: 20px;
  top: -2px;
  display: flex;
  gap: 20px;
}

.category-238-opinions-c-n button,
.category-238-reviews-c-n button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.category-238-opinions .owl-nav {
  display: none;
}

.category-238-opinions .owl-dots {
  margin-top: 20px;
}

.lp-term-l-p-o-content,
.lp-term-l-p-o-media,
.lp-var-l-p-o-content,
.lp-var-l-p-o-media {
  width: 50%;
  height: 380px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.lp-var-l-p-o-media.v2 {
  background-color: #000;
  border-radius: 10px 0 0 10px;
}

.lp-var-l-p-o-content,
.lp-var-l-p-o-media {
  height: 520px;
}

.lp-t-a-content,
.lp-t-a-img {
  width: 50%;
}

.t-l-p-o img,
.t-l-p-o video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.lp-term-l-p-o-media .img-r,
.lp-var-l-p-o-media .img-r {
  border-radius: 0 10px 10px 0;
}

.lp-term-l-p-o-media .img-l,
.lp-var-l-p-o-media .img-l {
  border-radius: 10px 0 0 10px;
}

.lp-term-l-p-o-media.mobile,
.lp-var-l-p-o-media.mobile {
  display: none;
}

.lp-termometry-banner img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.social-media {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
}

.social-media li {
  border: 1px solid var(--ghostwhite);
  border-radius: 50%;
  width: 35px;
  height: 35px;
}

.social-media li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.handle-video-btn {
  position: absolute;
  z-index: 10;
  top: 35px;
  right: 35px;
  cursor: pointer;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loader-bg {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--granite);
  z-index: 8;
  border-radius: 10px 10px 0 0;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

input[type="search"]::-moz-search-clear {
  display: none;
}

.my-account-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.my-account-info {
  display: none;
  position: absolute;
  background-color: white;
  border-radius: 10px;
  top: 100px;
  right: 40px;
  width: calc(25% - 35px);
  z-index: 1000;
}

.my-account-info.active {
  display: block;
}

#login-form,
#create-account_form,
.forgotten-password {
  background-color: var(--greenebony);
  border-radius: 10px !important;
}

.reviews-slider-control {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 20px;
  top: 0;
  right: 20px;
}

.reviews-slider-control button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.owl-reviews .owl-dots {
  margin-top: 50px !important;
}

#pagination {
  display: flex;
  justify-content: center;
}

ul.pagination {
  align-items: center;
  display: flex;
  width: fit-content;
  gap: 1px;
}

ul.pagination li a,
ul.pagination li.current a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--granite);
}

ul.pagination li.current a {
  color: var(--ghostwhite);
  background-color: var(--tennessee);
  border: 1px solid var(--tennessee);
}

#customer-form,
#add_address,
.js-address-form,
#password-new_form {
  background-color: var(--greenebony);
  border-radius: 10px;
  padding: 30px;
  font-size: 14px;
}

#customer-form .form-control-label {
  font-weight: normal !important;
}

.password-requirements-length,
.password-requirements-score {
  color: var(--ghostwhite);
}

.js-address-form label {
  color: var(--ghostwhite);
  margin-bottom: 10px;
}

.js-address-form sup {
  color: red;
  font-weight: 700;
  font-size: 14px;
}

.js-address-form input:not([type="checkbox"]),
.js-address-form select {
  border-radius: 50px;
  padding: 15px;
  font-size: 14px;
  box-sizing: border-box;
  margin: 0;
  outline: 0;
  line-height: normal;
  color: var(--ghostwhite);
  border-width: 0;
  background-color: transparent;
  border: 1px solid var(--ghostwhite);
  width: 100%;
}

#customer-form input[type="text"],
#customer-form input[type="password"],
#add_address input[type="text"],
#add_address textarea,
#add_address select {
  width: 100% !important;
}

#customer-form select option,
#sendOrderMessage select option {
  color: var(--primary-color);
}

#sendOrderMessage select,
#sendOrderMessage textarea {
  border: 1px solid #999;
  color: var(--primary-color);
}

.myaccount_link.active {
  background-color: #51674b;
}

.landing-ad {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  background-color: var(--primary-color);
  height: 600px;
}

.landing-ad-img {
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
}

.landing-ad-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  gap: 40px;
  text-align: center;
  width: 100%;
  padding: 20px;
}

.landing-ad-content h2 {
  font-size: 36px;
}

@media (max-width: 1160px) {
  .t-l-p-o {
    flex-direction: column;
  }

  .lp-term-l-p-o-content,
  .lp-var-l-p-o-content,
  .lp-term-l-p-o-media,
  .lp-var-l-p-o-media,
  .lp-t-a-content,
  .lp-t-a-img {
    width: 100%;
  }

  .lp-var-l-p-o-media.v2 {
    border-radius: 10px 10px 0 0;
  }

  .lp-term-l-p-o-content,
  .lp-var-l-p-o-content {
    padding: 20px;
    height: auto;
  }

  .lp-term-l-p-o-media,
  .lp-var-l-p-o-media {
    height: 200px;
  }

  .lp-term-l-p-o-media.mobile,
  .lp-var-l-p-o-media.mobile {
    display: block;
  }

  .lp-term-l-p-o-media.mobile img,
  .lp-var-l-p-o-media.mobile img,
  .lp-term-l-p-o-media.mobile video,
  .lp-term-l-p-o-media .img-l,
  .lp-var-l-p-o-media .img-l {
    border-radius: 10px 10px 0 0 !important;
  }

  .lp-term-l-p-o-media.desktop,
  .lp-var-l-p-o-media.desktop {
    display: none;
  }
}

@media (max-width: 1024px) {
  .lp-termometry-app .container {
    flex-direction: column;
  }

  .category-238-must-haves {
    height: 720px;
  }

  .must-haves-products,
  .must-haves-link {
    width: 100%;
  }

  .must-haves-products {
    gap: 20px;
  }
}

.history-order-col.mobile {
  display: none;
}

.axZm_mouseOverTitleParentAbove {
  display: none !important;
}

@media (max-width: 964px) {
  .contact-info-grid {
    grid-template-columns: 1fr;
  }

  .contact-form-2-cols {
    flex-direction: column;
    gap: 10px;
  }

  .contact-form-2-cols select,
  .contact-form-2-cols input,
  .contact-form-2-cols textarea,
  .contact-form-2-fields {
    width: 100% !important;
  }

  .history-orders {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .history-order-col.desktop {
    display: none;
  }

  .history-order-col.mobile {
    display: flex;
  }
}

@media (max-width: 1024px) {
  .product-card {
    min-width: 100%;
  }

  .category-238-innovation-content {
    flex-direction: column;
    gap: 40px;
  }

  .category-238-innovation-content-text,
  .category-238-innovation-content-video {
    width: 100%;
  }

  .footer-content {
    flex-direction: column;
    align-items: center;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 664px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .op-info .img-mobile {
    display: block;
  }

  .rte .home-products-grid {
    grid-template-columns: 1fr 1fr;
  }

  .handle-video-btn {
    top: 20px;
    right: 20px;
  }

  .newsletter form {
    width: 100%;
  }

  .op-info .right {
    display: none;
  }

  .op-info {
    flex-direction: column;
  }

  .op-info .left {
    width: 100%;
  }

  .category-238-opinions-c-n,
  .category-238-reviews-c-n {
    gap: 0;
  }

  .category-238-reviews h3,
  .termometry-l-reviews h3 {
    width: 70%;
    margin: 0 auto;
    padding-bottom: 20px;
  }

  h1 {
    font-size: 20px;
  }

  h3 {
    font-size: 16px;
  }

  .termometry-l-reviews-nav {
    gap: 0;
  }

  .category-238-reviews-c-n button svg,
  .category-238-opinions-c-n button svg,
  .termometry-l-reviews-nav button svg {
    width: 20px;
  }
}

@media (max-width: 600px) {
  .category-238-products {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 600px) and (max-width: 1024px) {
  .category-238-products {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 1240px) {
  .history-order-col {
    min-width: unset;
  }
}

/* Payment execution, payment confirmation */
.payment_execution,
.payment_confirmation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding-block: 4rem;
  padding-inline: 2rem;
  background-color: var(--ghostwhite);
}
@media screen and (width < 768px) {
  .payment_execution,
  .payment_confirmation {
    padding-block: 2rem;
  }
}

.payment_execution.payu_payment_methods,
.payment_execution.santander_credit_validate {
  flex-direction: column;
  row-gap: 2rem;
}

.payment_execution .payment_header {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.payment_execution.payu_payment_methods .payment_header {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 2rem;
}

.payment_execution h3 {
  font-size: 22px;
}

@media screen and (width < 576px) {
  .payment_execution.payu_payment_methods #payuAmountInfo {
    order: 2;
  }
}

.payment_execution .price {
  display: inline-block;
}

.payment_execution #payment_form,
.payment_execution #santanderCreditForm {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 100%;
}

.payment_execution #santanderCreditForm {
  align-items: center;
}

.payment_execution #santanderCreditForm .payment_credit_images {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.payment_execution #santanderCreditForm .payment_credit_images img {
  cursor: pointer;
}

.payment_execution .consent-required {
  cursor: pointer;
}
@media screen and (width < 768px) {
  .payment_execution .consent-required {
    align-items: baseline;
  }
}

.payment_execution .consent-required:not(:last-child) {
  padding-block: 0 1rem;
}

.payment_execution label[for="santanderAgreement"] a {
  cursor: help;
}

.payment_execution .buttons-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}
@media screen and (width < 576px) {
  .buttons-group a,
  .buttons-group button {
    width: 100%;
  }
}

.payment_execution label[for="agree_law"] {
  font-weight: 400;
  cursor: pointer;
}

.payment_execution.santander_credit_validate .price {
  color: red;
}

.payment_confirmation_santander {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}

.payment_execution .alert.alert-warning.payu-alert-warning {
  float: none;
  display: flex;
  justify-content: center;
  width: auto;
  margin: 0;
  padding: 1rem 2rem;
  border-radius: 8px;
  border-color: red;
  background-color: var(--ghostwhite);
}

.payment_execution .payu-alert-warning ul {
  list-style-type: disc;
  margin-left: 20px;
}

.payment_execution .payu-alert-warning ul li {
  padding-block: 0.15rem;
}

.payment_confirmation {
  flex-direction: column;
  gap: 2rem;
}

.payment_confirmation .wrapper-content {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  flex-wrap: wrap;
}

.payment_confirmation .wrapper-content .price,
.payment_confirmation .wrapper-content .no-break {
  display: inline-block;
}

.payment_confirmation .wrapper-content ul.payment_confirmation_bankwire {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  list-style: "-";
  margin-left: 20px;
}

.payment_confirmation .wrapper-content ul.payment_confirmation_bankwire li {
  padding-left: 10px;
}
/* !Payment execution */

.highlight {
  color: var(--tennessee);
  font-weight: 400;
}

/* Santander */
.payment_errors {
  position: relative;
  text-align: center;
  margin: 0 auto;
  padding-block: 2em;
  padding-inline: 1rem;
  max-width: 1920px;
  overflow: hidden;
}
.payment_errors h1,
.payment_errors ul {
  padding-bottom: 2rem;
}
/* !Santander */

.product-header-variant-1
  .axZm_mouseOverZoomContainerWrap.axZm_mouseOverZoomContainerWrap_bottom.axZm_mouseOverZoomContainerWrap_custom_bottom {
  background-color: var(--primary-color);
}

.axZm_mouseOverZoomContainerWrap.axZm_mouseOverZoomContainerWrap_bottom.axZm_mouseOverZoomContainerWrap_custom_bottom {
  border-radius: 25px;
  overflow: hidden;
}

.subcategory-link {
  background-color: var(--greenebony);
  width: 203px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 40px;
  text-align: center;
  color: var(--ghostwhite);
  font-weight: bold;
  line-height: 150%;
  border-radius: 5px;
}

.subcategories {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.subcategory-link.active {
  background-color: #51674b;
}

.search-result-content.large-tiles {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  padding-bottom: 50px;
}

.sticker {
  margin-top: 20px;
}

.sticker a {
  font-weight: 500;
  text-transform: uppercase;
}

.buy {
  margin-top: 10px;
}

.product {
  position: relative;
  overflow: hidden;
}

.product-flags {
  position: absolute;
  top: 30px;
  right: -72px;
  z-index: 10;
  width: 240px;
  height: 30px;
  transform: rotate(45deg);
}

.cm-flag-news,
.cm-flag-discount {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  color: var(--ghostwhite);
  font-weight: 500;
}

.buy .price {
  color: var(--tennessee);
  font-weight: 500;
}

.page-header__heading {
  text-align: center;
}

.list-product.search {
  max-width: 1360px;
  margin: 0 auto;
  padding: 50px 20px;
  box-sizing: content-box;
}

.list-product.search h1 {
  text-align: center;
  padding-bottom: 50px;
}

.password-email-page .acc_variant,
.login-form .acc_variant {
  max-width: 600px;
  margin: 0 auto;
}

#login-form input,
#customer-form input,
.forgotten-password input,
.identity-form-controls input,
#password-new_form input {
  border-radius: 50px;
  padding: 15px;
  font-size: 14px;
  box-sizing: border-box;
  margin: 0;
  outline: 0;
  line-height: normal;
  color: var(--ghostwhite);
  border-width: 0;
  background-color: transparent;
  border: 1px solid var(--ghostwhite);
  width: 100%;
}

#login-form input[type="checkbox"],
#customer-form input[type="checkbox"],
.forgotten-password input[type="checkbox"],
.identity-form-controls input[type="checkbox"],
#password-new_form input[type="checkbox"] {
  width: auto;
}

.forgotten-password input {
  width: 80%;
}

#login-form label,
#customer-form label {
  color: var(--ghostwhite);
  margin-bottom: 10px;
}

.custom-checkbox {
  color: var(--ghostwhite);
}

.custom-checkbox a {
  color: var(--tennessee);
}

.custom-checkbox input[name="newsletter"],
.custom-checkbox input[name="newsletter_phone"],
.custom-checkbox input[name="newsletter_post"],
.custom-checkbox input[name="newsletter_all"] {
  margin-left: 20px !important;
}

#login-form label sup {
  display: none;
}

.forgot-password a {
  color: var(--ghostwhite);
}

.password-email-page .wrapper-content.ramka44,
.authenticate_page .wrapper-content.ramka44 {
  margin-top: 80px;
  margin-bottom: 50px;
}

#address-form-checkout #delivery-addresses,
#address-form-checkout #invoice-addresses {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  width: 100%;
}

#address-form-checkout {
  background-color: transparent;
}

.js-address-item.address-item {
  margin: 0 !important;
  padding: 15px;
  border-radius: 8px;
  background-color: var(--white);
  border: 1px solid var(--silver);
  width: calc(50% - 1rem);
}

.js-address-item.address-item .address {
  font-size: 16px;
  font-weight: 300;
  color: black;
  text-transform: uppercase;
  line-height: 125%;
}

.js-address-item.address-item .address-footer {
  display: flex;
  justify-content: end;
}

.js-address-item.address-item .address-footer .edit-address {
  font-size: 12px;
  color: var(--tennessee);
  font-weight: 500;
}

#customer-form .form-control-valign {
  display: flex;
}

#customer-form .form-control-comment {
  color: var(--ghostwhite);
}

.identity-form-control {
  position: relative;
}

.identity-form-control label {
  position: absolute;
  top: -10px;
  left: 40px;
  background-color: var(--whitecoffee);
  padding: 0 10px;
}

.identity-form-control input,
.identity-form-control select {
  color: var(--primary-color) !important;
  border: 1px solid rgba(164, 164, 164, 1) !important;
  width: 100% !important;
}

.identity-form-control input::placeholder {
  color: var(--primary-color) !important;
}

.identity-form-controls {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2%;
  row-gap: 30px;
}

@media (max-width: 991px) {
  .identity-form-controls {
    display: flex;
    flex-wrap: wrap;
  }

  .identity-form-control {
    width: 49%;
  }

  .identity-form-control:last-of-type {
    width: 100%;
  }

  .identity-form-control label {
    left: 10px;
  }
}

sup.required {
  color: red;
}

.login-form .no-account {
  display: flex;
  justify-content: center;
}

.login-form .no-account a {
  font-weight: 600;
}

.login-form .no-account a:hover {
  text-decoration: underline;
}

.login-form .forgot-password {
  text-align: center;
  margin-bottom: 20px;
}

.login-form .forgot-password a {
  font-weight: 200;
  color: var(--tennessee);
}

.body#checkout section.checkout-step .forgot-password {
  text-align: center;
  color: var(--tennessee);
}

#newsletter-form .newsletter-email {
  font-size: 14px;
  font-weight: 400;
}

#newsletter-form .newsletter-email::placeholder {
  color: var(--ghostwhite);
}

.input-group-btn .btn[data-action="show-password"] {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 50px 50px 0;
  border-right: 1px solid var(--ghostwhite);
  border-top: 1px solid var(--ghostwhite);
  border-bottom: 1px solid var(--ghostwhite);
}

.js-address-form input:focus {
  border-color: var(--ghostwhite);
  color: var(--ghostwhite);
}

.js-address-form .form-control-comment {
  color: var(--ghostwhite);
}

#identity-form .custom-checkbox {
  color: var(--primary-color);
}

@media (max-width: 768px) {
  .search-result-content.large-tiles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding-bottom: 50px;
  }

  #products .products,
  .featured-products .products,
  .product-accessories .products {
    grid-template-columns: 1fr 1fr;
  }

  .subcategory-link {
    width: calc(33% - 7px);
    height: 112px;
    font-size: 14px;
  }

  .subcategories {
    gap: 10px;
    padding-bottom: 30px;
  }

  .js-address-item.address-item {
    width: 100%;
  }
}

.cart-products-count {
  color: var(--ghostwhite);
  font-size: 13px;
}

.cart-products-a {
  display: flex;
  align-items: center;
  gap: 4px;
}

:root {
  --white: #ffffff;
  --whitesmoke: #f5f5f5;
  --silver: #bbbbbb;
  --denim: #1773b0;
  --aliceblue: #f0f5ff;
  --japanese-laurel: #3a8d3a;
}

/* Basic */
body {
  min-width: 320px;
}

input[type="checkbox"] {
  cursor: pointer;
}

.center {
  text-align: center;
}

.align-center {
  align-items: center;
}

.nowrap {
  white-space: nowrap;
}

.wrapper-order-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

.wrapper-order-process,
.wrapper-cart {
  display: grid;
  grid-area: shell-content;
  grid-template-areas: "main order-summary";
  grid-template-columns:
    minmax(min-content, calc(50% + calc(calc(66rem - 52rem) / 2)))
    1fr;
  background-color: var(--ghostwhite);
  overflow: hidden;
}
@media screen and (width < 1024px) {
  .wrapper-order-process,
  .wrapper-cart {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}

.wrapper-order-process h3,
.wrapper-cart h3 {
  font-size: 24px;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.wrapper-order-process select,
.wrapper-order-process textarea,
.wrapper-order-process input[type="text"],
.wrapper-order-process input[type="password"],
.wrapper-cart select,
.wrapper-cart textarea,
.wrapper-cart input[type="text"],
.wrapper-cart input[type="password"] {
  border-radius: 8px;
  padding: 14px;
}

.wrapper-order-process select:focus,
.wrapper-order-process select:active,
.wrapper-order-process textarea:focus,
.wrapper-order-process textarea:active,
.wrapper-order-process textarea:focus:active,
.wrapper-order-process input[type="text"]:focus,
.wrapper-order-process input[type="text"]:active,
.wrapper-order-process input[type="text"]:focus:active,
.wrapper-order-cart select:focus,
.wrapper-order-cart select:active,
.wrapper-order-cart textarea:focus,
.wrapper-order-cart textarea:active,
.wrapper-order-cart textarea:focus:active,
.wrapper-order-cart input[type="text"]:focus,
.wrapper-order-cart input[type="text"]:active,
.wrapper-order-cart input[type="text"]:focus:active {
  outline: 2px solid var(--denim);
  border-color: transparent;
}

.order-process__column-left,
.cart__column-left {
  grid-area: main;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  justify-self: flex-end;
  max-width: 775px;
  width: 100%;
  height: 100%;
  padding: 2.8rem;
}

.cart__column-left {
  justify-content: start;
}

.order-process__column-right,
.cart__column-right {
  position: relative;
  grid-area: order-summary;
  background-color: var(--whitesmoke);
}

.order-process__column-right .order-column,
.cart__column-right .order-column {
  position: fixed;
  right: auto;
  left: auto;
  top: 8.1rem;
  width: -webkit-fill-available;
  max-width: 44rem;
}

.wrapper-order-process .order-column,
.wrapper-cart .order-column {
  padding: 2.8rem;
}

@media screen and (width < 768px) {
  .wrapper-order-process .order-column,
  .wrapper-cart .order-column {
    padding: 1.8rem;
  }
}
/* !Basic */

/* Alert */
.wrapper-order-process .error.wrapper-content.container.py-5.px-2 {
  padding-inline: 0;
  padding-block: 0 2rem;
}

.wrapper-order-process .error .lnk {
  padding-top: 1rem;
}

.wrapper-order-process .error p.mb-1 {
  padding-bottom: 1rem;
  margin: 0;
}
/* !Alert */

/* Account */
#opc_new_account {
  display: flex;
  flex-direction: column;
}

#opc_new_account h3 {
  padding-block: 0.5rem 1rem;
}

#opc_new_account #opc_account_choice {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 1rem;
}
@media screen and (width < 1024px) {
  #opc_new_account #opc_account_choice {
    justify-content: center;
  }
}

#opc_new_account .btn-primary {
  width: 250px;
  text-align: center;
}
/* !Account */

#login_form h3,
#login_form p {
  color: var(--ghostwhite);
}

#login_email,
#login_passwd {
  border-radius: 50px;
  padding: 15px;
  font-size: 14px;
  box-sizing: border-box;
  margin: 0;
  outline: 0;
  line-height: normal;
  color: var(--ghostwhite);
  border-width: 0;
  background-color: transparent;
  border: 1px solid var(--ghostwhite);
  width: 80%;
}

#login_form_content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#new_account_form {
  background-color: var(--ghostwhite);
  border-radius: 10px;
  padding: 30px;
}

.account_input {
  width: 100%;
}

#opc_account_saved {
  color: var(--japanese-laurel);
  text-align: center;
  padding: 8px;
  margin-block: 1rem;
  border: 1px solid var(--japanese-laurel);
  border-radius: 8px;
}

.opc-account-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  gap: 1rem;
  padding-block: 1rem;
}

/* Address */
#opc_account .addresses label[for="id_address_delivery"],
#opc_account .addresses label[for="id_address_invoice"] {
  display: block;
  padding-bottom: 1rem;
  width: 100% !important;
  float: none !important;
  font-weight: 600;
}

#opc_account .addresses .address_delivery.select,
#opc_account .addresses #address_invoice_form {
  padding: 0;
}

#opc_account .addresses #id_address_delivery,
#opc_account .addresses #id_address_invoice {
  width: 100%;
  margin: 0;
}

#opc_account .addresses .addressesAreEquals {
  padding-block: 1rem !important;
}

#opc_account .addresses .addressesAreEquals input {
  float: none;
}

#opc_account .addresses #address_invoice_form {
  margin: 0;
  padding-bottom: 1rem;
}

#address_delivery,
#address_invoice {
  margin: 0 !important;
  padding: 15px;
  border-radius: 8px;
  background-color: var(--white);
  border: 1px solid var(--silver);
  width: calc(50% - 1rem);
}
@media screen and (width < 768px) {
  #address_delivery,
  #address_invoice {
    width: 100%;
  }
}

ul#address_delivery li,
ul#address_invoice li {
  padding-bottom: 0.25rem;
}

#opc_account .addresses .order_address_fix {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  width: 100%;
}

#opc_account .addresses .order_address_fix .addresses {
  padding: 0 !important;
}

#opc_account .addresses .order_address_fix .address_update {
  width: 100%;
  font-size: 12px;
  text-align: right;
}

#opc_account .addresses .order_address_fix .address_update a {
  color: var(--tennessee);
  font-weight: 500;
}

#opc_accoun .address_add {
  padding-block: 2rem 0;
}
/* !Address */

/* Terms and conditions */
.required-rules {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  padding-block: 1rem;
}

.required-rules .policy_label {
  cursor: pointer;
}

.required-rules ul {
  list-style: disc;
  margin-left: 2.75rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
/* !Terms and conditions */

/* List of products, vouchers, total costs */
#order-detail-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 2.1rem;
  position: relative;
}

#cart-summary-product-list .wrapper-product-image {
  /* width: calc(((6.4rem - (1px * 2)) * 1) + (1px * 2)); */
  width: calc(((10rem - (1px * 2)) * 1) + (1px * 2));
  height: auto;
}

#cart-summary-product-list .wrapper-product-image .product-image {
  border-radius: 8px;
}

#cart-summary-product-list .order-detail-content-products {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.cart-summary-products .order-detail-product {
  display: flex;
  column-gap: 1rem;
}

#cart-summary-product-list .cart_description {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  row-gap: 0.5rem;
  column-gap: 0.75rem;
  width: 100%;
}

@media screen and (width < 1280px) {
  #cart-summary-product-list .cart_description {
    flex-wrap: wrap;
  }
}

.cart_product.wrapper-product-image .media-object {
  width: 100%;
}

.cart_description .product-name a,
.cart_description .product-price {
  font-size: 16px;
}

#cart-summary-product-list .cart_description .cart-product-details {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
#cart-summary-product-list .cart_description .cart_quantity_button {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0.5rem;
}
#cart-summary-product-list .cart_description .cart_quantity_input[type="text"] {
  width: 4rem;
  padding: 8px;
  text-align: center;
}

#voucher {
  display: flex;
  column-gap: 0.5rem;
}
#voucher input#discount_name {
  font-size: 14px;
  width: 100%;
}
#voucher #addVoucherBtn {
  font-size: 14px;
  font-weight: 500;
  padding-block: 8px;
  padding-inline: 14px;
  color: var(--granite);
  background-color: var(--ghostwhite);
  border: 1px solid var(--silver);
  border-radius: 8px;
  cursor: pointer;
}

#voucher #addVoucherBtn:active,
#voucher #addVoucherBtn:focus,
#voucher #addVoucherBtn:hover {
  outline: 2px solid var(--denim);
  background-color: var(--aliceblue) !important;
  border-color: transparent !important;
}

.discounts-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  column-gap: 1rem;
  row-gap: 0.5rem;
  margin-block: 2rem 1rem;
}

.discounts-list .discount-list {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 8px;
}

.discounts-list .discount-list,
.discounts-list .discount-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  column-gap: 1rem;
  row-gap: 0.5rem;
}

.discounts-list h5 {
  margin: 0;
  padding: 0;
  padding-bottom: 1rem;
}

.discounts-list .discount-info {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media screen and (width < 480px) {
  .discounts-list .discount-info {
    flex-direction: column;
    align-items: baseline;
    justify-content: flex-start;
  }
}

#js-checkout-summary .cart_total_delivery {
  padding-block: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.order-process__column-right .cart_total_price {
  display: flex;
  justify-content: space-between;
  padding-top: 0;
  font-size: 18px;
  font-weight: 600;
}
/* !List of products, vouchers, total costs */

/* Shipping ways */
#opc_delivery_methods .order_carrier_content {
  padding-bottom: 1rem;
}

#opc_delivery_methods .delivery_option_best.delivery_option_icon {
  color: var(--tennessee);
}

#opc_delivery_methods .delivery_option label {
  display: flex;
  column-gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background-color: var(--white);
  margin-bottom: 0.75rem;
  border-radius: 8px;
  border: 1px solid var(--silver);
  cursor: pointer;
}

#opc_delivery_methods .delivery_option:hover label {
  outline: 2px solid var(--denim);
  border-color: transparent;
}

@media screen and (width < 576px) {
  #opc_delivery_methods .delivery_option label {
    flex-wrap: wrap;
    row-gap: 1rem;
  }

  #opc_delivery_methods .delivery_option label > * {
    width: 100%;
  }
}

#opc_delivery_methods .delivery_option_radio {
  display: none;
}

.delivery-options-list .delivery-option:has(input[type="radio"]:checked) {
  outline: 2px solid var(--denim);
  background-color: var(--aliceblue);
  border-color: transparent;
}

.delivery-options-list .delivery-option label {
  height: 100%;
  padding: 1rem;
  cursor: pointer;
}

#opc_delivery_methods #message {
  width: 100%;
  resize: vertical;
}
/* !Shipping ways */

/* Payment methods */
#opc_payment_methods #HOOK_PAYMENT {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  row-gap: 1rem;
}

#opc_payment_methods #HOOK_PAYMENT .payment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid var(--silver);
  background-color: var(--white);
  cursor: pointer;
}
@media screen and (width < 576px) {
  #opc_payment_methods #HOOK_PAYMENT .payment {
    flex-wrap: wrap;
  }
}

#opc_payment_methods #HOOK_PAYMENT .payment:hover {
  outline: 2px solid var(--denim);
  border-color: transparent;
}
#opc_payment_methods #HOOK_PAYMENT .payment:focus,
#opc_payment_methods #HOOK_PAYMENT .payment:active,
#opc_payment_methods #HOOK_PAYMENT .payment:focus:active {
  outline: 2px solid var(--denim);
  background-color: var(--aliceblue);
  border-color: transparent;
}

#opc_payment_methods #HOOK_PAYMENT .payment p {
  text-align: right;
}
@media screen and (width < 576px) {
  #opc_payment_methods #HOOK_PAYMENT .payment > *:not(img),
  #opc_payment_methods #HOOK_PAYMENT .payment p {
    width: 100%;
    text-align: left;
  }
}

#opc_payment_methods #HOOK_PAYMENT .payment .subtext {
  color: var(--tennessee);
}

#voucher .promo-input {
  width: 100%;
}

#js-checkout-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 2.1rem;
}

.js-delivery-option .custom-radio {
  display: none;
}

.delivery-option.js-delivery-option {
  background-color: var(--white);
  margin-bottom: 15px;
  border-radius: 8px;
  border: 1px solid var(--silver);
  cursor: pointer;
}

.delivery-option.js-delivery-option .deliver_option-label {
  display: flex;
  column-gap: 1rem;
  align-items: center;
  justify-content: space-between;
}

#cart-summary-product-list .media-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

#post-product-comment-modal .modal-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 !important;
}

.new_comment-footer {
  width: 100%;
  position: absolute;
  bottom: 15px;
  padding: 0 15px;
  left: 0;
  display: flex;
  justify-content: space-between;
}

.star {
  background-image: url("/themes/witt/img/star.svg") !important;
  height: 64px !important;
  width: 64px !important;
  cursor: pointer !important;
  -webkit-appearance: unset !important;
}

.star a {
  display: none;
}

.star.star-on,
.star.star-hover {
  background-image: url("/themes/witt/img/star-on.svg") !important;
  background-position: unset !important;
}

#comment-prev-step-btn {
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  padding: 12px 32px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: 0.3s;
}

#comment-prev-step-btn:hover {
  background-color: #ddd;
}

#comment-next-step-btn,
#submitNewMessage {
  background-color: #000;
  color: #fff;
  border: none;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  padding: 12px 32px;
  border-radius: 16px;
}

#post-product-comment-form #criterions_list .star_content {
  display: flex;
  float: unset;
  justify-content: space-between;
}

#post-product-comment-form textarea {
  width: 480px;
  height: 256px;
  border-radius: 15px;
  resize: none;
  border: 1px solid #777;
  padding: 12px;
  font-size: 16px;
}

#comment-next-step-btn:disabled {
  background-color: #bbb;
  color: #777;
}

.new_comment-progress-bar {
  display: flex;
  align-items: center;
  gap: 10px;
}

.new_comment-progress-bar-element {
  width: 80px;
  height: 8px;
  background-color: #bbb;
  border-radius: 10px;
}

.new_comment-progress-bar-element.active {
  background-color: #000;
}

.grade-stars .star-content {
  position: unset !important;
  top: unset !important;
  left: unset !important;
}

.product-comment-modal .modal-body {
  height: 680px;
}

#post-product-comment-form,
#post-product-comment-form .new_comment_form_content {
  height: 100%;
}

#post-product-comment-form .new_comment_form_content {
  display: flex;
  align-items: center;
  justify-content: center;
}

#post-product-comment-modal .modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 1;
  z-index: 1;
}

#new_comment_tab_btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#product-comments-list-footer {
  min-height: unset !important;
}

.product-comment-list-item.item {
  color: var(--ghostwhite);
  background-color: var(--primary-color);
  border-radius: 10px;
}

.product-comment-list-item.item .comment_details p {
  color: var(--ghostwhite);
}

.product-comment-list-item.item .star {
  width: 20px !important;
  height: 20px !important;
  flex: unset !important;
}

.product-comment-list-item.item .star-on {
  flex: unset !important;
}

#order-history table th,
table.r th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: var(--tennessee);
  color: white;
}

#sendOrderMessage select,
#sendOrderMessage textarea {
  border-radius: 50px;
  padding: 15px;
  font-size: 14px;
  box-sizing: border-box;
  margin: 0;
  outline: 0;
  line-height: normal;
  color: var(--ghostwhite);
  border-width: 0;
  background-color: transparent;
  border: 1px solid #999;
  color: var(--primary-color);
}

.comment-add-modal {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 360px;
}

.comment-add-modal .modal-body {
  height: unset !important;
}

.cart__column-right .order-column {
  position: fixed;
  top: 8.1rem;
}

#js-checkout-summary.stop {
  position: absolute;
  top: unset;
  bottom: 0;
}

#checkout-addresses-step #address-form-checkout {
  padding: 0;
}

.cart__column-right .order-column {
  position: static;
  top: 0;
}

.js-error-text {
  font-weight: 600;
}

.order-detail-product-edit-count .input-group-btn-vertical {
  position: unset !important;
}

#blockcart-modal.modal {
  z-index: 9999;
}

.cart-overview .bootstrap-touchspin {
  display: flex !important;
}

.product-total-and-sort {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sort-by-row {
  display: flex;
  align-items: center;
  gap: 20px;
}

.products-sort-order .select-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  border: none;
  color: #171719;
  font-size: 16px;
  font-weight: bold;
  width: 220px;
}

.sort-by-row.m {
  display: none;
  justify-content: space-between;
  background-color: var(--ghostwhite);
  border-radius: 20px;
}

.sort-by-row.m .products-sort-order.dropdown {
  width: 80%;
}

.sort-by-row.m .products-sort-order .select-title {
  width: 100%;
}

.sort-by-row.m .products-sort-order .dropdown-menu {
  width: 100%;
}

.sort-by-row.m .sort-by {
  padding-left: 20px;
}

.dlf-shipping-info {
  display: flex;
  align-items: center;
}

.dlf-shipping-info p {
  font-weight: bold;
}

.dlf-shipping-info::before {
  width: 20px !important;
  height: 20px !important;
}

.product-header-variant-1 .dlf-shipping-info::before {
  filter: invert(1);
}

#checkout-payment-step .payment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid var(--silver);
  background-color: var(--white);
  cursor: pointer;
  margin-bottom: 15px;
  min-height: 91px;
}

#checkout-payment-step .payment:hover {
  outline: 2px solid var(--denim);
}

#checkout-payment-step .payment.checked {
  outline: 2px solid var(--denim);
  background-color: var(--aliceblue);
}

#checkout-payment-step .payment .payment-option {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#checkout-payment-step .payment .subtext {
  color: var(--tennessee);
}

#checkout-payment-step .payment .payment-option-input {
  display: none !important;
}

.product-card-content-ul {
  color: var(--ghostwhite);
}

.product-card-content-ul li {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 0;
}

.product-card-content-ul li:first-of-type {
  font-weight: bold;
  color: var(--tennessee);
  text-transform: uppercase;
}

.c238i-card-left,
.c238i-card-right {
  width: 50%;
}

.c238i-card-left.text,
.c238i-card-right.text {
  padding: 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.c238i-card-left.text p,
.c238i-card-right.text p {
  line-height: 24px;
  font-weight: 400;
}

.c238i-card-left.text h4,
.c238i-card-right.text h4,
.c238i-comparision h3,
.category-238-faq h3 {
  text-transform: uppercase;
}

.c238i-comparision,
.category-238-faq h3 {
  text-align: center;
}

.c238i-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c238i-card {
  display: flex;
  background-color: var(--ghostwhite);
  border-radius: 10px;
  overflow: hidden;
  height: 400px;
}

.c238i-comparision p {
  font-weight: 400;
}

.c238i-comparision-table-container {
  width: 100%;
  overflow-x: auto;
}

.c238i-comparision-table {
  width: 100%;
  min-width: 1000px;
  border-collapse: collapse;
}

.c238i-comparision-table th,
.c238i-comparision-table td {
  white-space: nowrap;
}

.c238i-comparision-table th {
  text-align: unset;
}

.c238i-comparision-table thead tr {
  border-bottom: 20px solid transparent;
}

.c238i-comparision-table tbody tr td {
  padding: 10px 0;
  font-weight: 400;
}

.c238i-comparision-table tbody tr td a,
.c238i-comparision a {
  color: var(--tennessee);
  text-decoration: underline;
}

.c238i-card-right.img.mobile {
  display: none;
}

.c238i-card-right.img.mobile img {
  height: 350px;
}

.c238i-cards {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.category-238-faqs-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 50px;
}

.category-238-faq-element {
  background-color: var(--ghostwhite);
  padding: 19px 20px;
  border-radius: 40px;
  cursor: pointer;
}

.category-238-faq-header {
  position: relative;
}

.category-238-faq-header p {
  margin-left: 20px;
  margin-right: 40px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
  user-select: none;
}

.category-238-faq-content {
  display: none;
  margin-left: 20px;
  margin-top: 10px;
}

.category-238-faq-element .arrow-down {
  width: 27px;
  height: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s ease-in-out;
}

.category-238-faq-element .arrow-down.rotate {
  transform: rotate(180deg) translateY(50%);
}

.category-238-faq-element .arrow-down::after {
  content: "";
  display: inline-block;
  width: 27px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='15' viewBox='0 0 27 15' fill='none'%3E%3Cpath d='M0.250976 1.8042C0.245405 1.60725 0.278412 1.41114 0.348632 1.22705C0.418852 1.04298 0.524845 0.874146 0.660156 0.730957C0.795346 0.587985 0.957145 0.472535 1.13672 0.39209C1.31654 0.311575 1.51106 0.267778 1.70801 0.262207C1.90491 0.256652 2.10111 0.289657 2.28516 0.359863C2.46921 0.430083 2.63807 0.536081 2.78125 0.671387L2.78027 0.672363L13 10.3247L23.2197 0.674315C23.3622 0.535996 23.531 0.426669 23.7158 0.354003C23.9006 0.281392 24.0984 0.246224 24.2969 0.250487C24.4955 0.254812 24.6915 0.298806 24.873 0.379393C25.0547 0.460043 25.219 0.575733 25.3555 0.720214C25.4918 0.864667 25.5979 1.03531 25.668 1.22119C25.738 1.40702 25.7707 1.60476 25.7637 1.80322C25.7566 2.0018 25.7101 2.19696 25.627 2.37744C25.5438 2.55793 25.4256 2.72055 25.2793 2.85498L25.2783 2.85498L14.0312 13.4771C13.7527 13.7404 13.3833 13.8872 13 13.8872C12.6168 13.8871 12.2482 13.7403 11.9697 13.4771L0.719726 2.85205C0.576599 2.71676 0.461344 2.55427 0.380859 2.37451C0.300448 2.19479 0.256544 2.00101 0.250976 1.8042Z' fill='%23171719' stroke='%23171719' stroke-width='0.5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.category-bottom-info-section {
	text-align: center;
	margin-top: 34px;
}

.category-bottom-info-section p,
.category-bottom-info-section ul {
	font-weight: 400;
	line-height: 24px;
}

.category-bottom-info-section h4 {
	margin-bottom: 5px;
}

.category-bottom-info-section ul li::before {
    content: "";
	width: 3px;
	height: 3px;
	background-color: #171719;
	display: inline-block;
	margin-right: 10px;
	border-radius: 100%;
	vertical-align: middle;
}

.category-bottom-info-section a {
	color: var(--tennessee);
	text-decoration: underline;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .op-info {
    height: 580px;
  }
}

@media (max-width: 768px) {
  #blockcart-modal .cart-content-btn {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
  }

  .page-cms .home-products-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sort-by-row.d {
    display: none;
  }

  .product-total-and-sort {
    justify-content: center;
    padding-bottom: 30px;
  }

  .sort-by-row.m {
    display: flex;
  }

  .products-selection {
    margin-bottom: 50px;
  }

  .c238i-card {
    flex-direction: column;
    height: unset;
  }

  .c238i-card-left,
  .c238i-card-right {
    width: 100%;
  }

  .c238i-card-right.img.mobile {
    display: block;
  }

  .c238i-card-right.img {
    display: none;
  }
}

@media (max-width: 810px) {
  #new_comment_form,
  #new_comment_form textarea,
  .new_comment-step {
    width: 100%;
  }

  .new_comment-progress-bar {
    display: none;
  }
}

@media screen and (width < 1024px) {
  .order-process__column-right .order-column,
  .cart__column-right .order-column {
    position: relative;
    max-width: 100%;
    top: 0;
  }

  .order-process__column-left,
  .cart__column-left {
    order: 2;
    width: 100%;
    max-width: 100%;
    display: block;
    overflow: hidden;
  }

  .order-process__column-right,
  .cart__column-right {
    width: 100%;
  }

  .order-process__column-left {
    padding: 1.8rem;
  }
}

@media (max-width: 768px) {
  .op-info {
    height: unset;
  }

  .op-info .left,
  .op-info .right {
    width: 100%;
  }
}