/*@font-face {
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
  font-weight: 400;
  /*src: url(../fonts/NotoNastaliqUrdu-Regular.ttf);*/ }
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document*/
========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
    font-family: 'Noto Sans JP', sans-serif;
}

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

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

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: #302A27;
  transition: .2s all; }
  a:hover {
    color: #ff0000; }

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

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

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

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  vertical-align: middle;
  max-width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.grid__column.clear {
  clear: both; }

.grid {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0;
  position: relative;
  float: none; }
  .grid:after {
    content: '';
    display: table;
    clear: both; }

.grid__column {
  position: relative;
  box-sizing: border-box;
  min-height: 1px;
  vertical-align: top;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 15px;
  width: 100%; }
  @media (max-width: 767px) {
    .grid--stackable > .grid__column {
      width: 100% !important;
      -webkit-box-flex: 1 !important;
      -ms-flex: 1 0 auto !important;
      -webkit-flex: 1 0 auto !important;
      flex: 1 0 auto !important; } }

.grid--rev {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.grid--full {
  margin-left: 0;
  margin-right: 0; }
  .grid--full > .grid__column {
    padding: 0 15px; }

.grid--nospace {
  margin: 0; }
  .grid--nospace .grid__column {
    padding: 0; }

.grid--automatic {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap; }
  .grid--automatic > .grid__column {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .grid--automatic > .grid__column[class*="-twelfths"] {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  .grid--automatic > .grid__column:not([class*="-twelfths"]) {
    flex: 1 1 0%;
    -webkit-flex: 1 1 0%; }

.grid--equal-height > .grid__column > div {
  width: 100%; }
.grid--equal-height > .grid__column {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex; }

.grid--aligned-topcenter {
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

.grid--aligned-topright {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

.grid--aligned-middleleft {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.grid--aligned-center {
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.grid--aligned-middleright {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.grid--aligned-bottomleft {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end; }

.grid--aligned-bottomcenter {
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end; }

.grid--aligned-bottomright {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end; }

.grid--one-column > .grid__column {
  width: 100%; }

.grid--two-columns > .grid__column {
  width: 50%; }

.grid--three-columns > .grid__column {
  width: 33.3333333333%; }

.grid--four-columns > .grid__column {
  width: 25%; }

.grid--five-columns > .grid__column {
  width: 20%; }

.grid--six-columns > .grid__column {
  width: 16.6666666667%; }

.grid--seven-columns > .grid__column {
  width: 14.2857142857%; }

.grid--eight-columns > .grid__column {
  width: 12.5%; }

.grid--nine-columns > .grid__column {
  width: 11.1111111111%; }

.grid--ten-columns > .grid__column {
  width: 10%; }

.grid--eleven-columns > .grid__column {
  width: 9.0909090909%; }

.grid--twelfth-columns > .grid__column {
  width: 8.3333333333%; }

/** Whole */
.one-whole {
  width: 100%; }

/* Halves */
.one-half {
  width: 50%; }

/* Twelfths */
.one-twelfth {
  width: 8.333%; }

.two-twelfths {
  width: 16.666%; }

.three-twelfths {
  width: 25%; }

.four-twelfths {
  width: 33.333%; }

.five-twelfths {
  width: 41.666%; }

.six-twelfths {
  width: 50%; }

.seven-twelfths {
  width: 58.333%; }

.eight-twelfths {
  width: 66.666%; }

.nine-twelfths {
  width: 75%; }

.ten-twelfths {
  width: 83.333%; }

.eleven-twelfths {
  width: 91.666%; }

.visible {
  display: block !important; }

.hidden {
  display: none !important; }

@media (max-width: 767px) {
  /** Whole */
  .mobile--one-whole {
    width: 100%; }

  /* Halves */
  .mobile--one-half {
    width: 50%; }

  /* Twelfths */
  .mobile--one-twelfth {
    width: 8.333%; }

  .mobile--two-twelfths {
    width: 16.666%; }

  .mobile--three-twelfths {
    width: 25%; }

  .mobile--four-twelfths {
    width: 33.333%; }

  .mobile--five-twelfths {
    width: 41.666%; }

  .mobile--six-twelfths {
    width: 50%; }

  .mobile--seven-twelfths {
    width: 58.333%; }

  .mobile--eight-twelfths {
    width: 66.666%; }

  .mobile--nine-twelfths {
    width: 75%; }

  .mobile--ten-twelfths {
    width: 83.333%; }

  .mobile--eleven-twelfths {
    width: 91.666%; }

  .mobile--visible {
    display: block !important; }

  .mobile--hidden {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  /** Whole */
  .tablet--one-whole {
    width: 100%; }

  /* Halves */
  .tablet--one-half {
    width: 50%; }

  /* Twelfths */
  .tablet--one-twelfth {
    width: 8.333%; }

  .tablet--two-twelfths {
    width: 16.666%; }

  .tablet--three-twelfths {
    width: 25%; }

  .tablet--four-twelfths {
    width: 33.333%; }

  .tablet--five-twelfths {
    width: 41.666%; }

  .tablet--six-twelfths {
    width: 50%; }

  .tablet--seven-twelfths {
    width: 58.333%; }

  .tablet--eight-twelfths {
    width: 66.666%; }

  .tablet--nine-twelfths {
    width: 75%; }

  .tablet--ten-twelfths {
    width: 83.333%; }

  .tablet--eleven-twelfths {
    width: 91.666%; }

  .tablet--visible {
    display: block !important; }

  .tablet--hidden {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  /** Whole */
  .desk--one-whole {
    width: 100%; }

  /* Halves */
  .desk--one-half {
    width: 50%; }

  /* Twelfths */
  .desk--one-twelfth {
    width: 8.333%; }

  .desk--two-twelfths {
    width: 16.666%; }

  .desk--three-twelfths {
    width: 25%; }

  .desk--four-twelfths {
    width: 33.333%; }

  .desk--five-twelfths {
    width: 41.666%; }

  .desk--six-twelfths {
    width: 50%; }

  .desk--seven-twelfths {
    width: 58.333%; }

  .desk--eight-twelfths {
    width: 66.666%; }

  .desk--nine-twelfths {
    width: 75%; }

  .desk--ten-twelfths {
    width: 83.333%; }

  .desk--eleven-twelfths {
    width: 91.666%; }

  .desk--visible {
    display: block !important; }

  .desk--hidden {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .grid--doubling.grid--two-columns > .grid__column {
    width: 100%; }

  .grid--doubling.grid--three-columns > .grid__column {
    width: 50%; }

  .grid--doubling.grid--four-columns > .grid__column {
    width: 50%; }

  .grid--doubling.grid--five-columns > .grid__column {
    width: 33.3333333333%; }

  .grid--doubling.grid--six-columns > .grid__column {
    width: 33.3333333333%; }

  .grid--doubling.grid--seven-columns > .grid__column {
    width: 33.3333333333%; }

  .grid--doubling.grid--eight-columns > .grid__column {
    width: 25%; }

  .grid--doubling.grid--nine-columns > .grid__column {
    width: 20%; }

  .grid--doubling.grid--ten-columns > .grid__column {
    width: 20%; }

  .grid--doubling.grid--eleven-columns > .grid__column {
    width: 20%; }

  .grid--doubling.grid--twelfth-columns > .grid__column {
    width: 16.6666666667%; } }
@media (max-width: 767px) {
  .grid--doubling.grid--two-columns > .grid__column, .grid--doubling.grid--three-columns > .grid__column, .grid--doubling.grid--four-columns > .grid__column, .grid--doubling.grid--five-columns > .grid__column {
    width: 100%; }
  .grid--doubling.grid--six-columns > .grid__column, .grid--doubling.grid--seven-columns > .grid__column, .grid--doubling.grid--eight-columns > .grid__column, .grid--doubling.grid--nine-columns > .grid__column {
    width: 50%; }
  .grid--doubling.grid--ten-columns > .grid__column, .grid--doubling.grid--elevent-columns > .grid__column, .grid--doubling.grid--twelfth-columns > .grid__column {
    width: 33.3333%; } }
@media (min-width: 1200px) {
  .large--visible {
    display: block !important; }

  .large--hidden {
    display: none !important; } }
.flex {
  display: flex; }
  .flex--space {
    flex: 1; }
  .flex--column {
    flex-flow: column; }

.justify--center {
  justify-content: center; }
.justify--around {
  justify-content: space-around; }
.justify--between {
  justify-content: space-between; }
.justify--start {
  justify-content: flex-start; }
.justify--end {
  justify-content: flex-end; }

.align--center {
  align-items: center; }
.align--start {
  align-items: flex-start; }
.align--end {
  align-items: flex-end; }

.text--black {
  font-weight: 900; }
.text--bold {
  font-weight: 700; }
.text--simi {
  font-weight: 600; }
.text--medium {
  font-weight: 500; }
.text--normal {
  font-weight: 400; }
.text--light {
  font-weight: 300; }
.text--extra-light {
  font-weight: 200; }
.text--upper {
  text-transform: uppercase; }
.text--lower {
  text-transform: lowercase; }
.text--title {
  text-transform: capitalize; }
.text--nowrap {
  white-space: nowrap; }
.text--white {
  color: #fff; }
.text--dark {
  color: #302A27; }
.text--primary {
  color: #F8E34A; }
.text--right {
  text-align: right; }
.text--left {
  text-align: left; }
.text--center {
  text-align: center; }

.mgt--10 {
  margin-top: 10px; }

.mgt--20 {
  margin-top: 20px; }

.mgt--30 {
  margin-top: 30px; }

.mgt--40 {
  margin-top: 40px; }

.mgt--50 {
  margin-top: 50px; }

.mgt--60 {
  margin-top: 60px; }

.mgt--70 {
  margin-top: 70px; }

.mgt--80 {
  margin-top: 80px; }

.mgt--90 {
  margin-top: 90px; }

.mgt--100 {
  margin-top: 100px; }

.mgb--10 {
  margin-bottom: 10px; }

.mgb--20 {
  margin-bottom: 20px; }

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

.mgb--40 {
  margin-bottom: 40px; }

.mgb--50 {
  margin-bottom: 50px; }

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

.mgb--70 {
  margin-bottom: 70px; }

.mgb--80 {
  margin-bottom: 80px; }

.mgb--90 {
  margin-bottom: 90px; }

.mgb--100 {
  margin-bottom: 100px; }

.pdt--10 {
  padding-top: 10px; }

.pdt--20 {
  padding-top: 20px; }

.pdt--30 {
  padding-top: 30px; }

.pdt--40 {
  padding-top: 40px; }

.pdt--50 {
  padding-top: 50px; }

.pdt--60 {
  padding-top: 60px; }

.pdt--70 {
  padding-top: 70px; }

.pdt--80 {
  padding-top: 80px; }

.pdt--90 {
  padding-top: 90px; }

.pdt--100 {
  padding-top: 100px; }

.pdb--10 {
  padding-bottom: 10px; }

.pdb--20 {
  padding-bottom: 20px; }

.pdb--30 {
  padding-bottom: 30px; }

.pdb--40 {
  padding-bottom: 40px; }

.pdb--50 {
  padding-bottom: 50px; }

.pdb--60 {
  padding-bottom: 60px; }

.pdb--70 {
  padding-bottom: 70px; }

.pdb--80 {
  padding-bottom: 80px; }

.pdb--90 {
  padding-bottom: 90px; }

.pdb--100 {
  padding-bottom: 100px; }

.pd--10 {
  padding: 10px; }

.pd--20 {
  padding: 20px; }

.pd--30 {
  padding: 30px; }

.pd--40 {
  padding: 40px; }

.pd--50 {
  padding: 50px; }

.pd--60 {
  padding: 60px; }

.pd--70 {
  padding: 70px; }

.pd--80 {
  padding: 80px; }

.pd--90 {
  padding: 90px; }

.pd--100 {
  padding: 100px; }

body,
html {
  margin: 0;
  padding: 0; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
    font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #302A27;
  background-color: #fff;
  }

*, *::before, *::after {
  box-sizing: border-box; }

.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  text-transform: none;
  border: 0;
  margin: 0;
  overflow: visible;
  transition: .2s all;
  background: none;
  outline: none; }

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #F8E34A; }

.hamburger-box {
  width: 40px;
  height: 28px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 5px;
  background-color: #F8E34A;
  border-radius: 2px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -10px; }

.hamburger-inner::after {
  bottom: -10px; }

.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.container {
  max-width: 1170px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative; }

.site-header {
  border-bottom: 13px solid #fff;
background-color: #302A27;}
  .site-header__inner {
    display: flex;
    justify-content: center;
    position: relative;
    padding: 0px 0 0px; }
  .site-header__logo {
    width: 190px;
    transition: .2s all; }
  .site-header.is-sticky .site-header__logo {
    width: 100px; }
  .site-header__menu {
    position: absolute;
    right: 0;
    bottom: 40px;
    display: flex;
    align-items: center; }
    .site-header__menu a {
      padding: 0 10px;
color:#f8e34a;}
  .site-header__search button {
    border: 0;
    padding: 0 10px;
    background: none;
    cursor: pointer;
color:#f8e34a;}
  .site-header__search input {
    height: 36px;
    line-height: 36px;
    width: 0;
    transition: .2s all;
    border: 1px solid transparent;
    outline: none; }
  .site-header__search:hover input {
    width: 210px;
    padding: 0 20px;
    border: 1px solid #ebebeb; }

.site-nav {
  background: #F8E34A;
  position: sticky;
  top: 0;
  z-index: 11; }
  .site-nav ul {
    margin: 0;
    padding: 0;
    display: flex;
justify-content: center;}
    .site-nav ul a {
      padding: 0;
      line-height: 50px;
      display: block;
      position: relative;
      font-size: 16px;
      text-transform: uppercase; }
      .site-nav ul a:hover {
        color: #000; }
      .site-nav ul a:after {
        content: '';
        height: 20px;
        width: 2px;
        background: #302A27;
        display: block;
        position: absolute;
        top: 15px;
        right: -26px; }
      .site-nav ul a:before {
        content: '';
        position: absolute;
        width: 0;
        height: 3px;
        display: block;
        right: 0;
        background: #fff;
        transition: width .2s ease;
        bottom: 0; }
      .site-nav ul a:hover:before {
        width: 100%;
        left: 0;
        background: #fff; }
    .site-nav ul li {
      list-style: none;
      padding: 0 25px; }
      .site-nav ul li:last-child a:after {
        display: none; }

.hero-section {
  border-bottom: 15px solid #302A27; }
/*### Anpassung durch Tobi vom 18.10.2019 ####*/
.slide-content {
  background-color: rgba(216, 216, 216, 0.38);
  padding: 30px 40px;
  display: inline-block;
  float: left;
  text-align: center; }
  .slide-content h2 {
    font-size: 70px;
    line-height: 73px;
    font-weight: bold;
    margin: 0; }
  .slide-content p {
    font-size: 25px;
    line-height: 30px;
    font-weight: bold;
    margin: 0; }
.slide-button {
  height: 45px;
  text-transform: uppercase;
  font-size: 13px;
  padding: 0 25px;
  line-height: 45px;
  background: #F8E34A;
  display: inline-block;
  margin-top: 30px; }
  .slide-button:hover {
    color: #fff;
    background: #302A27; }

.site-footer {
  background: #F8E34A; }
  .site-footer .sppb-column-addons {
    font-size: 16px; }
    .site-footer .sppb-column-addons > div {
      margin-bottom: 0 !important; }
  .site-footer .sppb-addon-title {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    font-weight: bold; }
  .site-footer__top {
    position: relative; }
    .site-footer__top .backtop {
      font-size: 36px;
      position: absolute;
      bottom: 90px;
      right: 30px;
      transform: translateX(-50%);
      cursor: pointer;
      width: 40px;
      text-align: center;
      position: fixed;
      display: none;
      z-index:9999;
    }
  .site-footer ul {
    margin: 0;
    padding: 0; }
    .site-footer ul li {
      list-style: none; }
  .site-footer__bot {
    background: #302A27;
    color: #F8E34A;
    position: relative;
    padding: 10px 0; }
    .site-footer__bot a {
      color: #F8E34A; }
  .site-footer__links {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0; }
    .site-footer__links a {
      font-size: 18px;
      padding: 0 8px; }
  .site-footer .sppb-addon-single-image-container {
    float: left;
    margin-top: 30px; }

.sppb-row-container {
  max-width: 960px; }

#sp-page-builder .sppb-section-title {
  margin-bottom: 20px; }

.sppb-addon-testimonial-pro-footer .sppb-addon-testimonial-pro-client-name {
  font-weight: normal !important; }

.sppb-testimonial-pro .fa-quote-left {
  position: absolute;
  left: -32px;
  color: #302A27 !important; }

.sppb-carousel-indicators li {
  background: #7D7A7A;
  border-color: #7D7A7A;
  width: 13px !important;
  height: 13px !important;
  margin: 0 2px !important; }
  .sppb-carousel-indicators li.active {
    border-color: #F8E34A !important;
    background: #F8E34A !important; }

.sppb-addon-overlay-image-content {
  position: relative; }
  .sppb-addon-overlay-image-content:before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid #fff;
    content: '';
    opacity: 0;
    transition: opacity 0.35s, transform 0.35s;
    transform: scale(0); }
  .sppb-addon-overlay-image-content:hover:before {
    opacity: 1;
    transform: scale(1); }
  .sppb-addon-overlay-image-content:hover .overlay-image-title {
    color: #F8E34A; }

.sppb-carousel-arrow {
  text-shadow: none;
  font-size: 40px; }
  .sppb-carousel-arrow.left i:before {
    content: "\f104"; }
  .sppb-carousel-arrow.right i:before {
    content: "\f105"; }

.gallery .sppb-row div[class*="sppb-col-md"] {
  padding: 0 3px; }
.gallery .sppb-column-addons > div {
  margin-bottom: 6px !important; }

.sppb-instagram-images {
  margin: 20px -2px 0; }

.sppb-instagram-image {
  padding: 2px; }

.sppb-ajaxt-contact-form .sppb-form-group {
  margin-bottom: 10px !important; }
.sppb-ajaxt-contact-form .sppb-form-control {
  height: 43px;
  line-height: 43px; }
.sppb-ajaxt-contact-form textarea.sppb-form-control {
  height: 200px; }
.sppb-ajaxt-contact-form .custom-message {
  font-size: 18px;
  line-height: 24px;
  color: #fff; }
.sppb-ajaxt-contact-form .sppb-btn {
  font-weight: bold !important; }

.sppb-addon-accordion .sppb-panel-modern {
  background: #302A27;
  color: #F8E34A;
  font-size: 18px;
  margin-bottom: 5px !important; }
.sppb-addon-accordion .sppb-panel-heading {
  background: none !important;
  display: flex;
  padding: 15px !important; }
.sppb-addon-accordion .sppb-panel-button,
.sppb-addon-accordion .sppb-panel-title {
  font-size: 30px;
  color: #F8E34A;
  margin: 0; }
.sppb-addon-accordion .sppb-panel-subtitle {
  font-size: 18px;
  color: #F8E34A;
  margin: 0; }
.sppb-addon-accordion .sppb-panel-right {
  width: 40%;
  padding-left: 20px; }
  .sppb-addon-accordion .sppb-panel-right p {
    margin: 0; }
.sppb-addon-accordion .sppb-panel-body {
  display: flex;
  padding: 30px 15px;
  border-top: none !important; }
.sppb-addon-accordion .sppb-panel-button {
  text-align: left;
  display: inline-flex;
  align-items: center;
  padding-left: 20px; }
  .sppb-addon-accordion .sppb-panel-button .sppb-toggle-arrow {
    margin-left: 15px;
    transition: transform .3s; }
.sppb-addon-accordion .sppb-panel-heading.active .sppb-toggle-arrow {
  transform: rotate(90deg); }
.sppb-addon-accordion .sppb-panel-heading-left,
.sppb-addon-accordion .sppb-panel-left {
  width: 60%;
  padding: 0 15px;
  position: relative; }
  .sppb-addon-accordion .sppb-panel-heading-left:after,
  .sppb-addon-accordion .sppb-panel-left:after {
    content: '';
    width: 1px;
    display: block;
    background: #F8E34A;
    height: 100%;
    top: 0;
    bottom: 0;
    position: absolute;
    right: 0; }
.sppb-addon-accordion .sppb-panel-left:after {
  height: calc(100% + 46px);
  top: -46px; }

.newsfeed .sppb-row-container {
  background: #F8E34A; }

.sppb-row.sppb-no-gutter {
  margin-right: -15px;
  margin-left: -15px; }

.mobile-toggle {
  display: none; }

@media (max-width: 767px) {
  .site-header__logo {
    max-width: 100px; }
    .site-header__logo a {
      display: block; }
  .site-header__inner {
    padding: 0px 0;
    justify-content: space-between;
    align-items: center; }
  .site-header__search {
    display: none; }
  .site-header__menu {
    bottom: unset;
    position: relative; }

  .mobile-toggle {
    display: block; }

  .site-nav {
    position: relative;
    display: none; }
    .site-nav ul {
      flex-flow: column; }
      .site-nav ul a:before, .site-nav ul a:after {
        display: none; }

  .sppb-addon-accordion .sppb-panel-heading {
    flex-flow: column; }
  .sppb-addon-accordion .sppb-panel-button {
    padding: 15px; }
  .sppb-addon-accordion .sppb-panel-button,
  .sppb-addon-accordion .sppb-panel-title {
    font-size: 20px; }
  .sppb-addon-accordion .sppb-panel-subtitle {
    font-size: 14px; }
  .sppb-addon-accordion .sppb-panel-body {
    flex-flow: column; }
  .sppb-addon-accordion .sppb-panel-heading-left,
  .sppb-addon-accordion .sppb-panel-left {
    width: 100%; }
    .sppb-addon-accordion .sppb-panel-heading-left:after,
    .sppb-addon-accordion .sppb-panel-left:after {
      display: none; }
  .sppb-addon-accordion .sppb-panel-right {
    width: 100%; }

  .slide-content {
    padding: 15px; }
    .slide-content h2 {
      font-size: 32px;
      line-height: 38px; }
    .slide-content p {
      font-size: 16px;
      line-height: 24px; }

  .sppb-testimonial-pro .fa-quote-left {
    position: relative;
    left: auto; }

  .sppb-addon-text-block .sppb-addon-title,
  .sppb-addon-text-block .sppb-title-heading,
  .sppb-section-title .sppb-addon-title,
  .sppb-section-title .sppb-title-heading {
    font-size: 26px !important; }

  .site-footer .sppb-addon-title {
    font-size: 18px !important;
    margin-bottom: 10px; }
  .site-footer div[class*="sppb-col-md"] {
    margin-bottom: 20px; }
  .site-footer .sppb-instagram-images {
    overflow: hidden;
    display: block;
    margin-top: 10px; }
    .site-footer .sppb-instagram-images .sppb-instagram-image {
      width: 50% !important; }
  .site-footer__bot {
    text-align: center; }
  .site-footer__links {
    position: relative;
    transform: none;
    left: auto; } }

/*# sourceMappingURL=template.css.map */

h1, h2 {

    font-family: 'Noto Serif', serif;
  font-size: 30px !important;
}

h3 {

    font-family: 'Noto Serif', serif;
  font-size: 20px !important;
}
h3 a:hover{

  font-size: 20px !important;
}

h4 {

    font-family: 'Noto Serif', serif;
  font-size: 20px !important;
}
h5 {

    font-family: 'Noto Serif', serif;
  font-size: 45px !important;
  line-height: 55px;
  margin:20px 0px 20px 0px
}

.image-layout-preset-style-card .sppb-addon-image-layout-content {
    background: 0 0;
    padding: 0 30px 0 0px !important;
}


.site-header__search {
  display: none;
}

.site-footer__bot {

    background: #302A27;
    color: #F8E34A;
    position: relative;
    padding: 15px 0 50px 0;

}

/* new css */
body,
html {
    font-family: 'Nunito Sans', sans-serif;
}
.header-oc .row {
    padding: 0;
}
.header-oc .row #search-oc .form-control {
    max-width: 300px;
    max-height: 32px;
}
.header-oc .row #search-oc .btn {
    padding: 0 10px;
    background: #fff0;
    border: 0;
    font-weight: bold;
}
.header-oc .row #header-cart .btn {
    background: #fff0;
    color: #000;
    text-align: right;
    border: 0;
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
}
.body-oc .main_breadcrumb .breadcrumb {
    border: 0;
    background-color: #fcf4b9;
    display: flex;
    justify-content: center;
    align-items: center;
}
.body-oc .main_breadcrumb h1 {
  text-align: center;
  padding-bottom: 15px;
  margin-bottom: 0;
}
.body-oc .main_breadcrumb .breadcrumb-oc > li.breadcrumb-item {
    padding: 0;
}
.body-oc .main_breadcrumb .breadcrumb li + li a:before {
    content: "\00a0|\00a0";
    padding: 0 5px;
    color: #000;
}
.body-oc .main_breadcrumb .breadcrumb li:after {
    display: none !important;
}
#product-info > .row {
    padding: 0;
}
#product-info .list-unstyled {
    border-top: 1px solid #dddddd;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-bottom: 0;
}
#product-info .list-unstyled h2 {
    margin-bottom: 0;
}
#product-info .btn-primary {
    margin-left: 15px;
    text-shadow: none;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    background: #302a27;
    border: 0;
    padding: 0 20px;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    font-weight: 700;
    display: inline-block;
    height: 45px !important;
    text-align: center;
    text-transform: none;
    vertical-align: initial;
    font-size: 15px;
}
#product-info .form-control {
    padding: 5px 15px;
    width: 16%;
    border: 1px solid #ddd;
    outline: 0;
    height: 45px !important;
    text-align: center;
    vertical-align: top;
    margin: 0 5px;
    border-radius: 50px;
}
#product-info #form-product > h3 {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    font-size: 30px !important;
    margin: 0;
    padding: 0;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Noto Serif', serif;
    color: #000000;
    padding-bottom: 8px;
    line-height: 36px;
}
#product-info #form-product .mb-3.required {
    border-bottom: 1px solid #dddddd;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0 !important;
}
#product-info #form-product .mb-3:not(.required) {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 15px;
  	padding-bottom: 0;
}
#product-info #form-product .mb-3:not(.required) .form-label {
    font-size: 15px;
    font-weight: 400;
    color: #6a6464;
    text-transform: capitalize;
    margin-right: 15px;
}
#product-info #form-product .rating {
    display: none;
}
#product-info .btn-group .btn {
    background: #fff0;
    border: 0;
    padding: 0;
    margin-right: 15px;
}
#product-info .tab-content {
    padding: 25px 40px 40px;
    background-color: #fff5ae;
}
#product-info .nav-tabs {
    display: none;
}
#product-info #content-oc > h3 {
    padding-bottom: 20px;
    position: relative;
    color: #000;
    text-align: center;
    font-size: 30px !important;
}
#product-info #content-oc > h3:before {
    border-top: 2px solid #302a27;
    content: '';
    position: absolute;
    width: 95px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.product-thumb {
    border: 0 !important;
}
.product-thumb:hover {
    box-shadow: 2px 5px 15px 0 rgba(0, 0, 0, 0.2);
}
.product-thumb .image img {
    width: 100%;
    height: 100%;
}
.product-thumb h4 {
    margin: 0;
}
.product-thumb h4 a {
    color: #000;
    font-size: 20px;
    padding-bottom: 10px;
    display: inline-block;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0;
    min-height: auto;
    text-align: center;
    width: 100%;
}
.product-thumb p {
    display: none;
}
.product-thumb .price {
    color: #302a27;
    text-align: center;
    font-size: 18px;
}
.product-thumb .button-group {
    display: none !important;
}
.body-oc .list-inline-item a {
    color: #000;
}
#common-home > .row {
    padding: 0;
}
#common-home #content-oc > h3 {
    text-align: center;
    box-sizing: border-box;
    font-size: 30px !important;
    line-height: 1.1;
    margin: 0;
    padding: 0;
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: 20px;
    position: relative;
    color: #000;
    margin-top: 60px;
}
#common-home #content-oc > h3:before {
    border-top: 2px solid #302a27;
    content: '';
    position: absolute;
    width: 95px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#common-home #content-oc .list-group {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
#common-home #content-oc .list-group .image {
    width: 33.333333%;
    border: 0;
    font-size: 20px;
    font-weight: bold;
}
#common-home #content-oc .list-group .image .list-group-item {
    border: 0;
    padding: 0;
}
.body-oc .product-thumb {
    position: relative;
}
.body-oc .product-thumb .image {
    margin-bottom: 0;
}
.body-oc .product-thumb .description {
    background-color: #fff;
    position: relative;
    z-index: 1;
}
.body-oc .product-thumb:hover .button-group {
    transform: translateY(0);
}
.header-oc {
    padding-top: 17px;
    padding-bottom: 17px;
}
.body-oc #top-oc {
    display: none;
}
.body-oc .product-thumb .image .button-group {
    display: flex !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    transform: translateY(100%);
    background-color: rgba(255, 245, 174, 0.5);
    border: 0;
    justify-content: center;
    transition: all 0.5s;
}
.body-oc .product-thumb .price .price-tax {
    display: none;
}
.body-oc .product-thumb .add_to_cart_wrapper {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.body-oc .product-thumb:hover .image .button-group {
    transform: translateY(0);
}
#category-homepage {
    margin-top: 25px;
}
.body-oc .product-thumb .button-group button {
    background: #fff !important;
    border: 0;
    margin: 0;
    color: #000;
    max-width: 45px !important;
    height: 45px !important;
    border-radius: 100vmax !important;
}
.body-oc .product-thumb .button-group button + button {
    margin: 0 0 0 10px;
    border-left: 0;
}
#category-homepage {
    border: 0 !important;
    box-shadow: none;
}

.body-oc .product-thumb .button-group button {
  transition: all .5s;
}
.body-oc .product-thumb .button-group button:hover {
    background-color: #F8E34A !important;
}
.product-thumb .image img {
  transition: all .5s;
}
.product-thumb:hover .image img {
    transform: scale(1.2);
}

#product-category > .row {
    padding: 0;
}
.body-oc .breadcrumb-oc {
  margin-bottom: 0 !important;
}
#product-category .breadcrumb {
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#product-category .breadcrumb li {
    padding: 0;
}
#product-category .breadcrumb li + li a:before {
    content: "\00a0|\00a0";
    padding: 0 5px;
    color: #000;
}
#product-category .breadcrumb-oc > li.breadcrumb-item:after {
    display: none;
}
#product-category > .row {
    padding: 0;
}
#product-category .breadcrumb {
    border: 0;
    background-color: #fcf4b9;
    display: flex;
    justify-content: center;
    align-items: center;
}
#product-category .breadcrumb li {
    padding: 0;
}
#product-category .breadcrumb li + li a:before {
    content: "\00a0|\00a0";
    padding: 0 5px;
    color: #000;
}
#product-category .breadcrumb-oc > li.breadcrumb-item:after {
    display: none;
}
#display-control {
    align-items: center;
    background: transparent;
    padding: 15px 0 13px;
    border: 0;
    background: #fff5ae;
}
#display-control .mb-3 {
    margin-bottom: 0 !important;
}
#display-control .btn.btn-primary {
    background: #fff0;
    border: 0;
    color: #000;
}
#display-control .btn.btn-light {
    background: #fff0 !important;
    border: 0;
    padding: 0 7px;
    font-size: 24px;
}
#display-control .btn.btn-light.active {
    color: #f8e34a;
}
#display-control .input-group-text {
    text-transform: uppercase;
    background: #fff0;
    border: 0;
}
#display-control .input-group-text:after {
    content: ":";
}
#display-control .form-select {
    background: #fff0;
    border: 0;
    font-size: 16px;
}
#display-control .input-group {
    position: relative;
}
#display-control .input-group:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #f8e34a transparent transparent transparent;
}
.category-col-thumbs {
    padding-top: 15px;
    padding-bottom: 15px;
}

#display-control {
    margin: 0 !important;
}
div#product-search > .row {
  padding: 0;
}
div#product-search > .row {
    padding: 0;
}

button#button-search {
    background: #f8e34a;
    border: 0;
    padding: 10.5px 30px;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    border-radius: 75px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    color: #302a27;
    text-shadow: none;
    background-color: #f8e34a;
    background-image: none;
    background-repeat: repeat-x;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
#input-category {
    position: relative;
    font-size: 14px;
    border-radius: 0;
    padding: 6.5px 15px;
    height: auto;
    outline: 0;
    border: 1px solid #ddd;
    min-height: 45px;
    outline: 0;
    box-shadow: none;
    margin-bottom: 8px;
}
.custom-select {
    position: relative;
    font-family: Arial;
}
.custom-select > select {
    display: none !important;
}
.custom-select select {
    display: none;
}
.custom-select .select-items div,
.custom-select .select-selected {
    color: #000;
    padding: 8px 16px;
    border: 1px solid transparent;
    cursor: pointer;
    user-select: none;
}
.custom-select .select-selected {
    padding: 10px 12px;
    background: #fff5ae;
    position: relative;
    color: #000;
}
.custom-select .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #f8e34a transparent transparent transparent;
}
.custom-select .select-selected.select-arrow-active:after {
    border-color: #f8e34a transparent transparent transparent;
}
.custom-select .select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}
.custom-select .select-hide {
    display: none;
}
.custom-select .select-items div:hover,
.custom-select .same-as-selected {
    background-color: #f8e34a;
}#product-info h1 {
    margin-bottom: 0;
    padding-bottom: 0;
}

#product-info ul.list-unstyled2 {
    padding-left: 0;
}

div#product-info > .main_breadcrumb {
    margin-bottom: 50px;
}
#checkout-checkout > .main_breadcrumb {
    margin-bottom: 50px;
}
#checkout-checkout > .row {
    padding-left: 0;
    padding-right: 0;
}
#checkout-checkout #custom-fields-form-1 {
    margin-top: 16px;
}
#checkout-checkout #custom-fields-form-1 .control-label {
    white-space: nowrap;
    margin-bottom: 8px;
}
#checkout-checkout #custom-fields-form-1 .custom-field {
    margin-bottom: 16px;
}
#checkout-checkout #custom-fields-form-1 .custom-field > .col-sm-10 {
    width: 100%;
}
#checkout-checkout #custom-fields-form-1 .custom-field .input-group {
    display: flex;
    flex-flow: row-reverse;
    align-items: stretch;
    width: 100%;
}
#checkout-checkout #custom-fields-form-1 .custom-field .input-group-btn {
    padding: 0;
    display: flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.8;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}
#checkout-checkout #custom-fields-form-1 .custom-field .input-group-btn .btn {
    padding: 0;
}
.product-list .product-thumb p {
    display: block;
}
.product-list .product-thumb h4 a {
    text-align: left;
}
.product-list .product-thumb .price {
    text-align: left;
}
.product-list .product-thumb .add_to_cart_wrapper {
    justify-content: flex-start;
}
.product-list .product-thumb .image {
    padding: 0 !important;
    width: 30%;
    max-width: 320px;
}
.product-list .product-thumb .image img {
    width: 100%;
}
.product-list .product-thumb .image form {
    display: none;
}
.product-list .product-thumb .content-oc p {
    margin-top: 10px;
}
.product-list .product-thumb .content-oc form {
    display: block;
}
.product-list .product-thumb .content-oc form .button-group {
    display: block !important;
    background-color: #fff0;
    border: 0;
}
.product-list .product-thumb .content-oc form .button-group button {
    width: 45px;
    border: 0;
    color: #000;
}
.body-oc .product-thumb .description {
    display: flex;
    flex-flow: column;
}

.body-oc .product-thumb .price {
    flex: 1;
}
#checkout-checkout .btn.btn-primary {
    background: #f8e34a;
    border: 0;
    padding: 10.5px 30px;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    border-radius: 75px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    color: #302a27;
    text-shadow: none;
    background-color: #f8e34a;
    background-image: none;
    background-repeat: repeat-x;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
#checkout-payment button.btn.btn-primary.btn-primary-oc {
    background: #302a27;
    color: #fff;
}
.body-oc #checkout-checkout .input-group >:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.header-oc .row #header-cart .btn:hover {
    color: #000;
}
.body-oc #header-cart .dropdown-menu {
    background: #fff5ae;
    z-index: 1001;
    border-color: #dddddd;
    position: absolute;
    border-radius: 0;
    top: 150%;
    padding: 15px 20px;
    margin: 0;
    list-style: none;
    transition: 0.4s;
    margin-top: 10px;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.body-oc #header-cart ul.dropdown-menu p {
    margin-bottom: 8px;
}
.body-oc #header-cart ul.dropdown-menu p a {
    color: #fff;
    background-color: #302a27;
    display: inline-block;
    font-weight: normal;
    padding: 11px 15px 12px;
    text-transform: uppercase;
    width: auto;
    height: auto;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    line-height: normal;
    margin-right: 3px;
    font-weight: 500;
    font-size: 12px;
}
.body-oc #header-cart .table {
    border: 0;
    font-size: 14px;
}
.body-oc #header-cart .table td {
    border: 0;
}
.body-oc #header-cart .table tr {
    border: 0;
}
.body-oc #header-cart .table .text-end {
    text-transform: uppercase;
}
.body-oc #header-cart .table .text-start a {
    color: #000;
    text-transform: uppercase;
}
.body-oc #header-cart .table-striped > tbody tr td {
    border-bottom: 1px solid #0001;
}
.body-oc #header-cart .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-bg-type: #fff0;
}

.add_to_cart_wrapper button[type="submit"] {
    border: 0;
    background: #302a27;
    color: #f8e34a;
    height: auto;
    padding: 10px 20px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    outline: 0;
}

div#product + .rating {
    display: none;
}

#checkout-cart > .row {
    padding: 0 !important;
}

#checkout-cart > .main_breadcrumb {
  margin-bottom: 30px;
}

div#error-not-found .main_breadcrumb {
    margin-bottom: 30px;
}
div#error-not-found > .row {
    padding: 0;
}
div#error-not-found .btn-primary {
    background: #f8e34a;
    border: 0;
    padding: 10.5px 30px;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    border-radius: 75px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    color: #302a27;
    text-shadow: none;
    background-color: #f8e34a;
    background-image: none;
    background-repeat: repeat-x;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

#checkout-cart .btn-primary-oc {
    background: #f8e34a;
    border: 0;
    padding: 10.5px 30px;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    border-radius: 75px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    color: #302a27;
    text-shadow: none;
    background-color: #f8e34a;
    background-image: none;
    background-repeat: repeat-x;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

#checkout-cart .btn-light-oc {
    color: #fff;
    background-color: #302a27;
    display: inline-block;
    font-weight: normal;
    padding: 11px 15px 12px;
    text-transform: uppercase;
    width: auto;
    height: auto;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    line-height: normal;
    margin-right: 3px;
    font-weight: 500;
    font-size: 12px;
}
#checkout-cart .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), 
#checkout-cart .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), 
#checkout-cart .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, 
#checkout-cart .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#checkout-cart .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width)* -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.contact-info {
  	width: 250px;
  	background-color: #fff;
  top: 0;
}

.contact-info:before,
.contact-info:after {
    content: "";
    padding-top: 50px;
    display: block;
}

footer.site-footer {
    position: relative;
    z-index: 1;
}

.contact-info__item + .contact-info__item {
    border-top: 1px solid #0001;
}

.site {
    position: relative;
    z-index: 1;
}

.contact-info {
    font-size: 12px;
}

h4.contact-title {
    font-size: 16px !important;
    margin-bottom: 0;
}
.body-oc .form-switch .form-check-input {margin-top: 10px;}
div#product-compare > .row {
    padding: 0 !important;
    margin-top: 2rem;
}
.contact-info-wrapper {
    position: sticky;
    top: 50px;
}
h4.contact-title {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
h4.contact-title {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    position: relative;
    cursor: pointer;
  font-weight: bold;
}

h4.contact-title::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-bottom: 2px solid #302A27;
  border-right: 2px solid #302A27;
  transform: rotate(45deg) translateY(-75%);
}
.site-content-row {
    position: relative;
}

.contact-info {
    position: absolute;
    left: 100%;
    min-height: 100%;
}

.checkout-gift-card {
    padding: 0 0.5rem 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid #dee2e6;
}
.checkout-gift-card .form-radio {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}
.checkout-gift-card .form-radio .form-radio-choose {
    width: 33.3333%;
    padding: 0.5rem;
}
.checkout-gift-card .form-radio .form-radio-choose input {
    margin-right: 5px;
}
label.form-radio-choose img {
    height: 70px !important;
    object-fit: cover;
    width: auto;
}
@media screen and (max-width: 991px) {
  .body-oc #header-cart .dropdown-menu {
      max-width: 100vw;
      right: 0 !important;
      left: 0 !important;
      transform: translate3d(0px, 0px, 0px) !important;
  }

  .body-oc #header-cart ul.dropdown-menu p {
      width: 100%;
  }

  .body-oc #header-cart .dropdown-menu li {
      min-width: 100% !important;
  }
  div#shopping-cart thead {
    display: none !important;
}
div#shopping-cart table,
div#shopping-cart thead,
div#shopping-cart tr,
div#shopping-cart td,
div#shopping-cart tbody,
div#shopping-cart tfoot {
    display: block;
}
div#shopping-cart .table tr {
    display: flex;
    flex-wrap: wrap;
}
div#shopping-cart .table td {
    width: 100%;
}
div#shopping-cart .table td.text-center {
    width: 30%;
    border-bottom: 1px solid #dfe3e7;
}
div#shopping-cart .table td.text-wrap {
    width: 70%;
    border-left: 0;
    border-bottom: 1px solid #dfe3e7;
}
div#shopping-cart .table td.text-wrap + .text-start {
    width: 30%;
    border-bottom: 1px solid #dfe3e7;
}
div#shopping-cart .table td.text-wrap + .text-start + .text-start {
    width: 70%;
    border-left: 0;
    border-bottom: 1px solid #dfe3e7;
}
div#shopping-cart .table td.text-end {
    padding-top: 0;
}

.contact-info {
    position: relative;
    left: 0;
    width: 100%;
    border-left: 0;
  min-height: 0;
}
.contact-info .container {
    padding: 0;
}
}

.product-gifd-card {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    flex-flow: wrap;
    max-width: 570px;
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}
.product-gifd-card .product-gifd-card__item {
    padding: 0.25rem;
    width: 33.333333%;
}
.product-gifd-card .product-gifd-card__item img {
    border-radius: 4px;
    overflow: hidden;
}
.product-gifd-card__title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
}
.product-gifd-card-wrapper {
    border: 1px solid #eee;
    padding: 0.5rem;
    margin-top: 1rem;
  border-radius: 0.5rem;
}
.product-gifd-card__item img {
    height: 80px !important;
    width: 100%;
    object-fit: cover;
}
.body-oc #modal-payment .modal-content,
.body-oc #modal-shipping .modal-content {
    background-color: #fff5;
    backdrop-filter: blur(5px);
}
.body-oc #modal-payment .modal-content .form-check,
.body-oc #modal-shipping .modal-content .form-check {
    padding-left: 0;
    display: flex;
    align-items: center;
}
.body-oc #modal-payment .modal-content label,
.body-oc #modal-shipping .modal-content label {
    margin-left: 6px;
}
.body-oc #modal-payment .mode-payment-bg,
.body-oc #modal-shipping .mode-shipping-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0007;
}
.body-oc #modal-payment .modal-content,
.body-oc #modal-shipping .modal-content {
    background-color: #fff;
}
.contact-info .sppb-section {
    padding: 0 !important;
}
.contact-info .sppb-section .sppb-row-container {
    padding: 0;
}


.contact-info .mod-sppagebuilder.sp-page-builder {
    position: sticky;
    top: 50px;
}