/** Shopify CDN: Minification failed

Line 7444:29 Expected "]" to go with "["

**/
@charset "UTF-8";
@font-face {
  font-family: 'DIN-Bold';
  src: url("/cdn/shop/files/DIN-Bold_7d268767-9ba9-47d1-8bbe-011ccd2b3ed4.eot?v=1610963411");
  src: local("Γÿ║"), url("/cdn/shop/files/DIN-Bold.woff?v=1610963274") format("woff"), url("/cdn/shop/files/DIN-Bold.ttf?v=1610963521") format("truetype"), url("/cdn/shop/files/DIN-Bold.svg?v=1610963649") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DIN-Regular';
  src: url("/cdn/shop/files/DIN-Regular.eot?v=1610963419");
  src: local("Γÿ║"), url("/cdn/shop/files/DIN-Regular.woff?v=1610963278") format("woff"), url("/cdn/shop/files/DIN-Regular.ttf?v=1610963572") format("truetype"), url("/cdn/shop/files/DIN-Regular.svg?v=1610963656") format("svg");
  font-weight: normal;
  font-style: normal; }



@font-face {
  font-family: 'Whitney-Light-Bas';
  src: url("/cdn/shop/t/12/assets/Whitney-Light-Bas.ttf?v=55270189674950495621620709635") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }




::-webkit-input-placeholder {
  color: #3B3B3B;
  font-size: 20px; }

:-moz-placeholder {
  color: #3B3B3B;
  font-size: 20px; }

::-moz-placeholder {
  color: #3B3B3B;
  font-size: 20px; }

:-ms-input-placeholder {
  color: #3B3B3B;
  font-size: 20px; }


/*  em, strong, button, blockquote, small, strike, sub, sup, tt,  */
*,
*:before,
*:after {
  box-sizing: border-box; }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

html {
  padding-bottom: 0 !important; }

textarea,
input,
select {

  border-radius: 0 !important;
  border: solid 1px #3B3B3B; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ''; }

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

/* END RESET */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DIN-Bold";
  font-weight: normal; }

::-moz-selection {
  background: rgba(191, 166, 117, 0.3);
  color: #ffffff; }

::selection {
  background: rgba(191, 166, 117, 0.3);
  color: #ffffff; }

/** START CSS **/
a,
a:focus {
  text-decoration: none;
  transition: ease 0.2s;
  color: #CBB682; }

a:hover {
  text-decoration: none;
  transition: ease 0.2s;
  color: #7CA7AD; }

* :focus {
  outline: none; }

button,
button:focus {
  font-family: "DIN-Regular";
  cursor: pointer;
  color: #CBB682;
  outline: none; }

body {
  font-family: "DIN-Regular";
  color: #3B3B3B;
  font-size: 16px;
  margin: 0;
  line-height: 27px;
  overflow-x: hidden;
  background-color: #F8F2E9;
}
/* body.index {
  background-color: #F8F2E9; } */
body.popup-active, body.menu-active {
  overflow: hidden; }
@media only screen and (max-width: 1350px) {
  body {
    font-size: 16px;
    line-height: 1.5; } }
@media only screen and (max-width: 767px) {
  body {
    font-size: 14px; } }

ul {
  padding: 0;
  padding-left: 15px;
  margin-top: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

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

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

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

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

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

.mt-15 {
  margin-top: 15px; }

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

.mt-25 {
  margin-top: 25px; }

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

.mb-15 {
  margin-bottom: 15px; }

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

.mb-25 {
  margin-bottom: 25px; }

.bgcolor1 {
  background-color: #F8F2E9; }

.bgcolor2 {
  background-color: #7CA7AD; }

.bgcolor3 {
  background-color: #CBB682; }

.bgcolor4 {
  background-color: #ffffff; }

.bgcolor5 {
  background-color: #3B3B3B; }

.bgcolor6 {
  background-color: #204B6E; }

.color1 {
  color: #F8F2E9; }

.color2 {
  color: #7CA7AD; }

.color3 {
  color: #CBB682; }

.color4 {
  color: #ffffff; }

.color5 {
  color: #3B3B3B; }

.color6 {
  color: #204B6E;
}

.bg-color-brown {
  background-color: #F8F2E9; }

.container {
  max-width: 1600px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
@media only screen and (max-width: 1680px) {
  .container {
    padding-left: 50px;
    padding-right: 50px; } }
@media only screen and (max-width: 1350px) {
  .container {
    max-width: 94%;
    padding-left: 15px;
    padding-right: 15px; } }
@media only screen and (max-width: 1199px) {
  .container {
    max-width: 100%; } }

h1,
.h1 {
  line-height: 1.4;
  font-size: 70px; }
@media only screen and (max-width: 1680px) {
  h1,
  .h1 {
    font-size: 60px; } }
@media only screen and (max-width: 1350px) {
  h1,
  .h1 {
    font-size: 50px; } }
@media only screen and (max-width: 1024px) {
  h1,
  .h1 {
    font-size: 46px; } }
@media only screen and (max-width: 991px) {
  h1,
  .h1 {
    font-size: 40px; } }
@media only screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 26px; } }

h2,
.h2 {
  text-transform: uppercase;
  margin-bottom: 40px;
  line-height: 1.2;
  font-size: 50px; }
@media only screen and (max-width: 1680px) {
  h2,
  .h2 {
    margin-bottom: 5.5%;
    font-size: 40px; } }
@media only screen and (max-width: 1350px) {
  h2,
  .h2 {
    font-size: 34px;
    margin-bottom: 25px; } }
@media only screen and (max-width: 991px) {
  h2,
  .h2 {
    font-size: 28px;
    margin-bottom: 20px; } }
@media only screen and (max-width: 767px) {
  h2,
  .h2 {
    font-size: 22px; } }

h3,
.h3 {
  text-transform: uppercase;
  font-size: 30px;
  line-height: 1.2; }
@media only screen and (max-width: 1680px) {
  h3,
  .h3 {
    font-size: 26px; } }
@media only screen and (max-width: 1350px) {
  h3,
  .h3 {
    font-size: 24px; } }
@media only screen and (max-width: 991px) {
  h3,
  .h3 {
    font-size: 22px; } }

h4,
.h4 {
  font-size: 25px;
  line-height: 1.4;
  text-transform: uppercase; }
@media only screen and (max-width: 1350px) {
  h4,
  .h4 {
    font-size: 22px; } }
@media only screen and (max-width: 767px) {
  h4,
  .h4 {
    font-size: 18px; } }

h5,
.h5 {
  font-size: 20px;
  line-height: 1.5;
  text-transform: uppercase; }
@media only screen and (max-width: 1680px) {
  h5,
  .h5 {
    font-size: 16px; } }

h6,
.h6 {
  font-size: 18px;
  line-height: 1.4;
  text-transform: uppercase; }

.rte h1,
.rte .h1 {
  margin-bottom: 32px; }
.rte h2,
.rte .h2 {
  margin-bottom: 28px; }
.rte h3,
.rte .h3 {
  margin-bottom: 25px; }
.rte h4,
.rte .h4 {
  margin-bottom: 22px; }
.rte h5,
.rte .h5 {
  margin-bottom: 20px; }
.rte h6,
.rte .h6 {
  margin-bottom: 15px; }
.rte p {
  margin-bottom: 20px;
  font-size: 21px; }
.rte p:last-child {
  margin-bottom: 0; }
.rte .img {
  margin-top: 100px; }
.rte .img img {
  margin-bottom: 0; }
.rte img,
.rte p img {
  margin-bottom: 10px;
  max-width: 100%;
  border: 0; }
.rte a {
  color: #7CA7AD; }
.rte ul {
  padding-left: 30px;
  list-style: disc; }
.rte ul,
.rte ol {
  padding-left: 30px; }
.rte ul li,
.rte ol li {
  line-height: 25px; }
.rte ul li:last-child,
.rte ol li:last-child {
  margin-bottom: 15px; }
.rte blockquote {
  border-left: 4px solid #ffffff;
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px; }
.rte blockquote footer {
  font-size: 80%;
  line-height: 1.42857143;
  color: #777; }
.rte .blockquote-reverse {
  border-left: 0 solid #ffffff;
  border-right: 4px solid #ffffff;
  text-align: right; }
.rte address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143; }
.rte mark {
  background-color: #7CA7AD;
  padding: 0 3px; }
.rte .h1 .small,
.rte .h1 small,
.rte .h2 .small,
.rte .h2 small,
.rte .h3 .small,
.rte .h3 small,
.rte h1 .small,
.rte h1 small,
.rte h2 .small,
.rte h2 small,
.rte h3 .small,
.rte h3 small {
  font-size: 65%;
  color: #3B3B3B; }

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

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

.ai-s {
  align-items: flex-start; }

.ai-e {
  align-items: flex-end; }

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

.jc-s {
  justify-content: flex-start; }

.jc-e {
  justify-content: flex-end; }

.flexbox {
  display: flex;
  flex-wrap: wrap; }

.lefttop {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left; }

.leftcenter {
  align-items: center;
  justify-content: flex-start;
  text-align: left; }

.leftbottom {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left; }

.centertop {
  align-items: flex-start;
  justify-content: center;
  text-align: center; }

.center {
  align-items: center;
  justify-content: center;
  text-align: center; }

.centerbottom {
  align-items: flex-end;
  justify-content: center;
  text-align: center; }

.righttop {
  align-items: flex-start;
  justify-content: flex-end;
  text-align: right; }

.rightcenter {
  align-items: center;
  justify-content: flex-end;
  text-align: right; }

.rightbottom {
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right; }

img {
  max-width: 100%; }

.full {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.three {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333%;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%; }
@media only screen and (max-width: 767px) {
  .three {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

.half {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }
@media only screen and (max-width: 767px) {
  .half {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

.four {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.five {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%; }

.eight {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

@media only screen and (max-width: 991px) {
  .half-991 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .full-991 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }
@media only screen and (max-width: 767px) {
  .full-767 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .half-767 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; } }
@media only screen and (max-width: 767px) {
  .half-480 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .full-480 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }
.sec-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1; }
@media only screen and (max-width: 767px) {
  .sec-title {
    font-size: 32px; } }
@media only screen and (max-width: 540px) {
  .sec-title {
    font-size: 26px; } }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  box-shadow: none !important; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }
.slick-list:focus {
  outline: none; }
.slick-list.dragging {
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  box-shadow: none !important; }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
.slick-track:before {
  display: table;
  content: ''; }
.slick-track:after {
  display: table;
  content: '';
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;

  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }
.slick-slide.slick-loading img {
  display: none; }
.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block;
  box-shadow: none;
  outline: none !important; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.ct-slider:not(.slick-initialized) *:not(:first-child) {
  display: none; }

.form-wrap .form-group {
  margin-bottom: 25px; }
.form-wrap input[type="text"],
.form-wrap input[type="number"],
.form-wrap input[type="email"],
.form-wrap input[type="password"],
.form-wrap input[type="date"],
.form-wrap input[type="search"],
.form-wrap input[type="date"],
.form-wrap input[type="datetime-local"],
.form-wrap input[type="tel"],
.form-wrap textarea,
.form-wrap select {
  border: 1px solid #b9ad9b;
  height: 65px;
  padding: 20px 22px;
  font-family: "DIN-Regular";
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.1;
  text-transform: uppercase;
  width: 100%;
  max-width: 100%;
  color: #3B3B3B;
  text-align: center; }
.form-wrap input[type="text"]:focus,
.form-wrap input[type="number"]:focus,
.form-wrap input[type="email"]:focus,
.form-wrap input[type="password"]:focus,
.form-wrap input[type="date"]:focus,
.form-wrap input[type="search"]:focus,
.form-wrap input[type="date"]:focus,
.form-wrap input[type="datetime-local"]:focus,
.form-wrap input[type="tel"]:focus,
.form-wrap textarea:focus,
.form-wrap select:focus {
  border-color: #7CA7AD;
  color: #3B3B3B; }
.form-wrap ::-webkit-input-placeholder {
  font-family: "DIN-Regular";
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #3B3B3B;
  text-align: center; }
.form-wrap :-moz-placeholder {
  font-family: "DIN-Regular";
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #3B3B3B;
  text-align: center; }
.form-wrap ::-moz-placeholder {
  font-family: "DIN-Regular";
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #3B3B3B;
  text-align: center; }
.form-wrap :-ms-input-placeholder {
  font-family: "DIN-Regular";
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #3B3B3B;
  text-align: center; }
.form-wrap textarea {
  min-height: 274px; }
.form-wrap label {
  margin-bottom: 8px;
  display: block; }
.form-wrap input:-webkit-autofill {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #3B3B3B !important; }
.form-wrap input:-internal-autofill-selected {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #3B3B3B !important; }
.form-wrap .button6, .form-wrap .header-bar__search-form {
  margin-top: 50px; }

.checkbox {
  position: relative; }
.checkbox input[type="checkbox"] {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
  display: none; }
.checkbox input[type="checkbox"]:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 4px;
  height: 8px;
  border: solid #F8F2E9;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }
.checkbox label {
  position: relative;
  cursor: pointer;
  line-height: 18px; }
.checkbox label:before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #F8F2E9;
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 7px; }

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 990;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: ease 0.5s; }
.overlay.popup-active {
  opacity: 1;
  visibility: visible; }

.cs-popup {
  z-index: 991; }
.cs-popup[data-popup-type="popup"] {
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 992;
  transition: ease 0.25s;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 6px 60px 0 #3b3b3b73;
  background-color: #ffffff;
  display: block;
  min-width: 280px; }
@media only screen and (max-width: 435px) {
  .cs-popup[data-popup-type="popup"] {
    min-width: 85%; } }
.cs-popup[data-popup-type="popup"].popup-active {
  opacity: 1;
  visibility: visible; }
.cs-popup[data-popup-type="popup"] .cs-popup-cover {
  padding: 45px 70px;
  text-align: center; }
@media only screen and (max-width: 480px) {
  .cs-popup[data-popup-type="popup"] .cs-popup-cover {
    padding: 45px 28px; } }
.cs-popup[data-popup-type="sidebar"]:not([data-popup-from="top"]) {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 0;
  overflow-y: auto;
  background-color: #ffffff;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: ease 0.5s;
  max-width: 360px;
  width: 100%;
  z-index: 991; }
@media only screen and (max-width: 480px) {
  .cs-popup[data-popup-type="sidebar"]:not([data-popup-from="top"]) {
    max-width: 300px; } }
.cs-popup[data-popup-type="sidebar"]:not([data-popup-from="top"]):not([data-sidebar-from="left"]) {
  transform: translateX(100%);
  right: 0; }
.cs-popup[data-popup-type="sidebar"]:not([data-popup-from="top"])[data-sidebar-from="left"] {
  transform: translateX(-100%);
  left: 0; }
.cs-popup[data-popup-type="sidebar"]:not([data-popup-from="top"]).popup-active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0); }
.cs-popup[data-popup-type="sidebar"]:not([data-popup-from="top"]) .cs-popup-cover {
  padding: 42px; }
@media only screen and (max-width: 480px) {
  .cs-popup[data-popup-type="sidebar"]:not([data-popup-from="top"]) .cs-popup-cover {
    padding: 20px; } }
.cs-popup[data-popup-type="sidebar"] .cs-popup-logo {
  margin-bottom: 45px; }
@media only screen and (min-width: 481px) {
  .cs-popup[data-popup-from="top"] {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    border-radius: 0;
    overflow-y: auto;
    background-color: rgba(203, 182, 130, 0.98);
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: ease 0.5s;
    max-height: 100vh;
    height: 100%;
    width: 100%;
    z-index: 991;
    transform: translateY(-100%); }
  .cs-popup[data-popup-from="top"].popup-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); } }
@media only screen and (max-width: 480px) {
  .cs-popup[data-popup-from="top"] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 0;
    overflow-y: auto;
    background-color: rgba(203, 182, 130, 0.98);
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: ease 0.5s;
    max-width: 90%;
    width: 100%;
    z-index: 991;
    transform: translateX(100%);
    padding: 70px 10px 40px; }
  .cs-popup[data-popup-from="top"].popup-active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0); } }

.button1 a,
.button1 button,
.button1 input[type="submit"] {
  width: auto;
  border: 0;
  font-weight: "DIN-Bold";
  border-radius: 0;
  text-align: center;
  border: none;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 1;
  padding: 10px 20px;
  text-transform: uppercase;
  min-width: 208px;
  color: #fffcf8;
  letter-spacing: 1px;
  background: #F8F2E9;
  color: #ffffff; }
@media only screen and (max-width: 1680px) {
  .button1 a,
  .button1 button,
  .button1 input[type="submit"] {
    font-size: 16px; } }
.button1 a:hover,
.button1 button:hover,
.button1 input[type="submit"]:hover {
  background: #CBB682;
  color: #ffffff; }

.button2 a,
.button2 button,
.button2 input[type="submit"] {
  width: auto;
  border: 0;
  font-weight: "DIN-Bold";
  border-radius: 0;
  text-align: center;
  border: none;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 1;
  padding: 10px 20px;
  text-transform: uppercase;
  min-width: 208px;
  color: #fffcf8;
  letter-spacing: 1px;
  background: #7CA7AD;
  color: #ffffff; }
@media only screen and (max-width: 1680px) {
  .button2 a,
  .button2 button,
  .button2 input[type="submit"] {
    font-size: 16px; } }
.button2 a:hover,
.button2 button:hover,
.button2 input[type="submit"]:hover {
  background: #CBB682;
  color: #ffffff;
}
.button3 a,
.button3 button,
.button3 input[type="submit"] {
  width: auto;
  border: 0;
  font-weight: "DIN-Bold";
  border-radius: 0;
  text-align: center;
  border: none;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 1;
  padding: 10px 20px;
  text-transform: uppercase;
  min-width: 208px;
  color: #fffcf8;
  letter-spacing: 1px;
  background: #CBB682;
  color: #ffffff; }
@media only screen and (max-width: 1680px) {
  .button3 a,
  .button3 button,
  .button3 input[type="submit"] {
    font-size: 16px; } }
.button3 a:hover,
.button3 button:hover,
.button3 input[type="submit"]:hover {
  background: #F8F2E9;
  color: #ffffff; }

.button4 a,
.button4 button,
.button4 input[type="submit"] {
  width: auto;
  border: 0;
  font-weight: "DIN-Bold";
  border-radius: 0;
  text-align: center;
  border: none;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 1;
  padding: 10px 20px;
  text-transform: uppercase;
  min-width: 208px;
  color: #fffcf8;
  letter-spacing: 1px;
  background: #ffffff;
  color: #CBB682; }
@media only screen and (max-width: 1680px) {
  .button4 a,
  .button4 button,
  .button4 input[type="submit"] {
    font-size: 16px; } }
.button4 a:hover,
.button4 button:hover,
.button4 input[type="submit"]:hover {
  background: #CBB682;
  color: #ffffff; }

.button5 a,
.button5 button,
.button5 input[type="submit"] {
  width: auto;
  border: 0;
  font-weight: "DIN-Bold";
  border-radius: 0;
  text-align: center;
  border: none;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 1;
  padding: 10px 20px;
  text-transform: uppercase;
  min-width: 208px;
  color: #fffcf8;
  letter-spacing: 1px;
  background: #3B3B3B;
  color: #ffffff; }
@media only screen and (max-width: 1680px) {
  .button5 a,
  .button5 button,
  .button5 input[type="submit"] {
    font-size: 16px; } }
.button5 a:hover,
.button5 button:hover,
.button5 input[type="submit"]:hover {
  background: #7CA7AD;
  color: #ffffff; }

 .button6 a, .header-bar__search-form a,
.button6 button,
.header-bar__search-form button,
.button6 input[type="submit"],
.header-bar__search-form input[type="submit"] {
  width: auto;
  border: 0;
  font-weight: "DIN-Bold";
  border-radius: 0;
  text-align: center;
  border: none;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 1;
  padding: 10px 20px;
  text-transform: uppercase;
  min-width: 208px;
  color: #fffcf8;
  letter-spacing: 1px;
  background: #204B6E;
  color: #ffffff; } 
 @media only screen and (max-width: 1680px) {
  .button6 a, .header-bar__search-form a,
  .button6 button,
  .header-bar__search-form button,
  .button6 input[type="submit"],
  .header-bar__search-form input[type="submit"] {
    font-size: 16px; } }
.button6 a:hover, .header-bar__search-form a:hover,
.button6 button:hover,
.header-bar__search-form button:hover,
.button6 input[type="submit"]:hover,
.header-bar__search-form input[type="submit"]:hover {
  background: #7CA7AD;
  color: #ffffff; } 

.btn-border1 a {
  width: auto;
  min-width: 208px;
  border-width: 1px;
  border-style: solid;
  font-family: "DIN-Regular";
  border-radius: 0px;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  background: transparent;
  transition: ease 0.25s;
  cursor: pointer;
  line-height: 1.4;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: #F8F2E9;
  color: #F8F2E9; }
@media only screen and (max-width: 1680px) {
  .btn-border1 a {
    padding: 10px 15px;
    min-width: 180px;
    line-height: 22px;
    font-size: 16px; } }
@media only screen and (max-width: 1350px) {
  .btn-border1 a {
    padding: 10px;
    min-width: 150px;
    line-height: 20px;
    font-size: 14px; } }
@media only screen and (max-width: 991px) {
  .btn-border1 a {
    min-width: 130px;
    padding: 5px 10px; } }
.btn-border1 a:hover {
  background: #F8F2E9;
  color: #ffffff; }

.btn-border2 a {
  width: auto;
  min-width: 208px;
  border-width: 1px;
  border-style: solid;
  font-family: "DIN-Regular";
  border-radius: 0px;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  background: transparent;
  transition: ease 0.25s;
  cursor: pointer;
  line-height: 1.4;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: #7CA7AD;
  color: #7CA7AD; }
@media only screen and (max-width: 1680px) {
  .btn-border2 a {
    padding: 10px 15px;
    min-width: 180px;
    line-height: 22px;
    font-size: 16px; } }
@media only screen and (max-width: 1350px) {
  .btn-border2 a {
    padding: 10px;
    min-width: 150px;
    line-height: 20px;
    font-size: 14px; } }
@media only screen and (max-width: 991px) {
  .btn-border2 a {
    min-width: 130px;
    padding: 5px 10px; } }
.btn-border2 a:hover {
  background: #7CA7AD;
  color: #ffffff; }

.btn-border3 a {
  width: auto;
  min-width: 208px;
  border-width: 1px;
  border-style: solid;
  font-family: "DIN-Regular";
  border-radius: 0px;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  background: transparent;
  transition: ease 0.25s;
  cursor: pointer;
  line-height: 1.4;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: #CBB682;
  color: #CBB682; }
@media only screen and (max-width: 1680px) {
  .btn-border3 a {
    padding: 10px 15px;
    min-width: 180px;
    line-height: 22px;
    font-size: 16px; } }
@media only screen and (max-width: 1350px) {
  .btn-border3 a {
    padding: 10px;
    min-width: 150px;
    line-height: 20px;
    font-size: 14px; } }
@media only screen and (max-width: 991px) {
  .btn-border3 a {
    min-width: 130px;
    padding: 5px 10px; } }
.btn-border3 a:hover {
  background: #CBB682;
  color: #ffffff; }

.btn-border4 a {
  width: auto;
  min-width: 208px;
  border-width: 1px;
  border-style: solid;
  font-family: "DIN-Regular";
  border-radius: 0px;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  background: transparent;
  transition: ease 0.25s;
  cursor: pointer;
  line-height: 1.4;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: #ffffff;
  color: #ffffff; }
@media only screen and (max-width: 1680px) {
  .btn-border4 a {
    padding: 10px 15px;
    min-width: 180px;
    line-height: 22px;
    font-size: 16px; } }
@media only screen and (max-width: 1350px) {
  .btn-border4 a {
    padding: 10px;
    min-width: 150px;
    line-height: 20px;
    font-size: 14px; } }
@media only screen and (max-width: 991px) {
  .btn-border4 a {
    min-width: 130px;
    padding: 5px 10px; } }
.btn-border4 a:hover {
  background: #ffffff;
  color: #CBB682; }

.btn-border5 a {
  width: auto;
  min-width: 208px;
  border-width: 1px;
  border-style: solid;
  font-family: "DIN-Regular";
  border-radius: 0px;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  background: transparent;
  transition: ease 0.25s;
  cursor: pointer;
  line-height: 1.4;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: #3B3B3B;
  color: #3B3B3B; }
@media only screen and (max-width: 1680px) {
  .btn-border5 a {
    padding: 10px 15px;
    min-width: 180px;
    line-height: 22px;
    font-size: 16px; } }
@media only screen and (max-width: 1350px) {
  .btn-border5 a {
    padding: 10px;
    min-width: 150px;
    line-height: 20px;
    font-size: 14px; } }
@media only screen and (max-width: 991px) {
  .btn-border5 a {
    min-width: 130px;
    padding: 5px 10px; } }
.btn-border5 a:hover {
  background: #3B3B3B;
  color: #ffffff; }

.btn-border6 a {
  width: auto;
  min-width: 208px;
  border-width: 1px;
  border-style: solid;
  font-family: "DIN-Regular";
  border-radius: 0px;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  background: transparent;
  transition: ease 0.25s;
  cursor: pointer;
  line-height: 1.4;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center; }
@media only screen and (max-width: 1680px) {
  .btn-border6 a {
    padding: 10px 15px;
    min-width: 180px;
    line-height: 22px;
    font-size: 16px; } }
@media only screen and (max-width: 1350px) {
  .btn-border6 a {
    padding: 10px;
    min-width: 150px;
    line-height: 20px;
    font-size: 14px; } }
@media only screen and (max-width: 991px) {
  .btn-border6 a {
    min-width: 130px;
    padding: 5px 10px; } }

.letter-spacing-1 {
  letter-spacing: 1px; }

.letter-spacing-2 {
  letter-spacing: 2px; }

.letter-spacing-3 {
  letter-spacing: 3px; }

.letter-spacing-4 {
  letter-spacing: 4px; }

.letter-spacing-5 {
  letter-spacing: 5px; }

.formError {
  color: #f00 !important;
  border-color: #f00 !important; }
.formError ::-webkit-input-placeholder {
  color: #f00 !important; }
.formError :-moz-placeholder {
  color: #f00 !important; }
.formError ::-moz-placeholder {
  color: #f00 !important; }
.formError :-ms-input-placeholder {
  color: #f00 !important; }

.form-success {
  margin-bottom: 15px;
  line-height: 1.7;
  color: #F8F2E9; }

.header-initial {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 111;
  padding: 30px 0;
  transition: ease 0.5s; }
@media only screen and (max-width: 991px) {
  .header-initial {
    opacity: 0;
    visibility: hidden; } }
.header-initial.hidden {
  opacity: 0;
  visibility: hidden; }

.header-initial .menu-bar {
  margin-left: auto; }
.header-initial .menu-bar button {
  background: transparent;
  border: none;
  padding: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
.header-initial .menu-bar img {
  display: block; }
@media only screen and (min-width: 992px) {
  .header-initial + .site-header.home-header {
    opacity: 0;
    visibility: hidden;
    transition: ease 0.5s; }
  .header-initial + .site-header.visible {
    opacity: 1;
    visibility: visible; } }

@media only screen and (min-width: 992px) {
  .header-initial.visible + .site-header.home-header {
    opacity: 1;
    visibility: visible; } }

.site-header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 111;
  background-color: #ffffff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
@media only screen and (min-width: 992px) {
  .site-header.home-header {
    position: fixed; } }
.site-header.sticky {
  background-color: #ffffff;
  opacity: 1 !important;
  visibility: visible !important;
}

.announcement {
  padding: 10px 0;
  color: #ffffff; }

@media only screen and (max-width: 991px) {
  .main-header {
    padding: 14px 0; } }
.main-header .menu-bar {
  flex: 0 0 15%;
  width: 15%;
  display: flex; }
@media only screen and (min-width: 992px) {
  .main-header .menu-bar {
    display: none; } }
.main-header .menu-bar button {
  background: transparent;
  border: none;
  padding: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
.main-header .menu-bar img {
  display: block; }
@media only screen and (max-width: 991px) {
  .main-header .row {
    -ms-flex-pack: justify;
    justify-content: space-between; } }
.main-header .logo {
  width: 100%; }
@media only screen and (min-width: 992px) {
  .main-header .logo {
    max-width: 146px;
    margin: 18px 0; } }
@media only screen and (max-width: 991px) {
  .main-header .logo {
    max-width: 91px; } }
@media only screen and (max-width: 767px) {
  .main-header .logo {
    max-width: 70px; } }
.main-header .logo a,
.main-header .logo img {
  display: block;
  max-width: 115px; }
@media only screen and (max-width: 767px) {
  .main-header .logo a,
  .main-header .logo img {
    max-width: 70px; } }
.main-header .nav {
  flex-grow: 1;
  display: flex;
  align-items: center; }
@media only screen and (max-width: 991px) {
  .main-header .nav {
    display: none; } }
.main-header .right-menu {
  max-width: 276px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end; }
@media only screen and (max-width: 991px) {
  .main-header .right-menu {
    flex: 0 0 15%;
    width: 15%; } }

.nav .navigation {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%; }
.nav .navigation .nav-item {
  padding: 0 3.9%;
  height: 100%;
  align-items: center;
  display: flex; }
.nav .navigation .nav-item .nav-link {
  display: inline-block;
  font-family: "DIN-Bold";
  color: #204B6E;
  text-transform: uppercase;
  letter-spacing: 0.5px; }
.nav .navigation .nav-item .nav-link:hover {
  color: #CBB682;
  text-decoration: underline; }
.nav .navigation .nav-item.dropdown {
  display: inline-block;
  position: relative; }
.nav .navigation .nav-item.dropdown > a {
  display: flex;
  align-items: center; }
.nav .navigation .nav-item.dropdown .sub-dropdown {
  display: none;
  position: absolute;
  background-color: #fff;
  padding-left: 0;
  width: 250px;
  border: solid 1px #204B6E;
  list-style: none;
  letter-spacing: 0.72px;
  text-transform: uppercase;
  font-size: 24px; }
.nav .navigation .nav-item.dropdown .sub-dropdown li {
  padding: 0 10px;
  margin: 15px 0; }
.nav .navigation .nav-item.dropdown .sub-dropdown a {
  display: block;
  position: relative;
  color: #204B6E; }
.nav .navigation .nav-item.dropdown .sub-dropdown .sub-dropdown-in {
  position: relative; }
.nav .navigation .nav-item.dropdown .sub-dropdown .sub-dropdown-in:after {
  content: '';
  display: block;
  height: 13px;
  width: 13px;
  border-right: solid 2px #204B6E;
  border-bottom: solid 2px #204B6E;
  transform: rotate(45deg);
  position: absolute;
  right: 15px;
  top: 5px;
  transition: all ease-in-out 0.3s; }
.nav .navigation .nav-item.dropdown .sub-dropdown .sub-dropdown-in:hover::after {
  transform: rotate(-45deg); }
.nav .navigation .nav-item.dropdown .sub-dropdown .sub-dropdown-in > a {
  display: flex;
  align-items: center; }
.nav .navigation .nav-item.dropdown .sub-dropdown .sub-dropdown-in .grand-dropdown {
  display: none;
  background-color: #fff;
  position: absolute;
  left: 100%;
  width: 100%;
  list-style: none;
  padding-left: 0;
  top: 0;
  border: solid 1px #204B6E; }
.nav .navigation .nav-item.dropdown .sub-dropdown .sub-dropdown-in .grand-dropdown li {
  padding: 0 10px; }
.nav .navigation .nav-item.dropdown .sub-dropdown .sub-dropdown-in:hover .grand-dropdown {
  display: block; }
.nav .navigation .nav-item.dropdown:hover .sub-dropdown {
  display: block; }

@media only screen and (max-width: 991px) {
  .search-icon {
    display: none; } }
.cart-icon {
/*   margin-left: 24px; */
  position: relative; }
.cart-icon .cart_count {
  height: 25px;
  width: 25px;
  background-color: #3B3B3B;
  color: #ffffff;
  position: absolute;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 14px;
  top: -10px;
  right: -13px; }
.cart-icon .cart_count.empy_cart {
  display: none; }

.mega-menu-container {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  right: 0;
  z-index: 112;
  background-color: #fefcf9;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 75px 0;
  transition: ease 0.25s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  cursor: default; }
@media only screen and (max-width: 1350px) {
  .mega-menu-container {
    padding: 50px 0; } }
.mega-menu-container .row {
  margin: 0 -22px; }

.nav-item.mega-menu:hover .mega-menu-container {
  opacity: 1;
  visibility: visible;
  pointer-events: auto; }

.mega-menu-col {
  flex-grow: 1;
  padding: 0 22px; }
@media only screen and (max-width: 1680px) {
  .mega-menu-col {
    padding: 0 35px; } }
@media only screen and (max-width: 1260px) {
  .mega-menu-col {
    padding: 0 25px; } }
@media only screen and (max-width: 991px) {
  .mega-menu-col {
    padding: 0 20px; } }
.mega-menu-col .m-menu {
  list-style: none;
  padding: 0; }
.mega-menu-col .m-menu.two-ul {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2; }
.mega-menu-col .m-menu.two-ul li {
  padding-right: 30px; }
@media only screen and (max-width: 991px) {
  .mega-menu-col .m-menu.two-ul li {
    padding-right: 0; } }
.mega-menu-col .m-menu .mm-subdropdown {
  list-style: none;
  padding-top: 20px; }
.mega-menu-col .m-menu .mm-subdropdown li {
  margin-bottom: 10px !important; }
.mega-menu-col .m-menu .mm-subdropdown li a {
  text-transform: capitalize;
  letter-spacing: 0.72px; }
.mega-menu-col .m-menu li {
  letter-spacing: 0.72px;
  text-transform: uppercase;
  font-size: 24px; }
@media only screen and (max-width: 1680px) {
  .mega-menu-col .m-menu li {
    font-size: 20px; } }
@media only screen and (max-width: 1350px) {
  .mega-menu-col .m-menu li {
    font-size: 18px; } }
.mega-menu-col .m-menu li a {
  color: #204B6E; }
.mega-menu-col .m-menu li a:hover {
  color: #7CA7AD; }
.mega-menu-col .m-menu li:not(:last-child) {
  margin-bottom: 36px; }
@media only screen and (max-width: 1680px) {
  .mega-menu-col .m-menu li:not(:last-child) {
    margin-bottom: 25px; } }
@media only screen and (max-width: 1350px) {
  .mega-menu-col .m-menu li:not(:last-child) {
    margin-bottom: 20px; } }

.m-img-col {
  max-width: 35%;
  flex: 0 0 35%; }

.m-block {
  position: relative;
  border-radius: 30px;
  overflow: hidden; }
.m-block .m-block-content {
  position: absolute;
  bottom: 61px;
  padding: 0 15px;
  left: 6%;
  right: 6%;
  font-size: 18px;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  text-align: center;
  transition: ease 0.25s;
  padding: 33px 20px;
  border-radius: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-family: "DIN-Bold";
  color: #3B3B3B;
  background-image: url("/cdn/shop/files/Gold_button_6bf23629-b92f-4747-9086-e1882b50f8dc.png?v=1610944591");
  line-height: 1.3; }
@media only screen and (max-width: 1680px) {
  .m-block .m-block-content {
    padding: 20px;
    font-size: 16px; } }
@media only screen and (max-width: 1350px) {
  .m-block .m-block-content {
    padding: 15px;
    font-size: 14px; } }
.m-block a {
  display: block;
  max-height: 500px;
  height: 100%; }
.m-block img {
  display: block;
  width: 100%;
  object-fit: cover; }

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 110;
  bottom: 0;
  background: url("/cdn/shop/files/Oasis_Mobile_Menu_Footer.svg?v=1610948679") repeat-x center bottom #fefcf9;
  visibility: hidden;
  opacity: 0;
  transition: ease 0.35s; }
@media only screen and (min-width: 992px) {
  .mobile-menu {
    display: none; } }
.mobile-menu.open {
  visibility: visible;
  opacity: 1; }
.mobile-menu .navigation > .nav-item {
  padding-bottom: 24px; }

.mobile-menu-container {
  margin: 0 auto;
  padding: 40px 12% 10px;
  height: calc(100% - 40px);
  overflow-y: scroll; }
@media only screen and (max-width: 991px) {
  .mobile-menu-container {
    padding: 55px 35px; } }

.mobile-search {
  position: relative;
  margin-bottom: 35px; }
.mobile-search button {
  background: transparent;
  border: none;
  padding: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 36px;
  padding: 0;
  width: 36px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }
.mobile-search img {
  display: block; }
.mobile-search .search-input input[type="search"] {
  padding: 10px;
  border: none;
  border-bottom: 1px solid #ac9c63;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #CBB682;
  background: transparent; }
.mobile-search .search-input ::-webkit-input-placeholder {
  color: #CBB682;
  font-size: 14px;
  font-family: "DIN-Regular"; }
.mobile-search .search-input :-moz-placeholder {
  color: #CBB682;
  font-size: 14px;
  font-family: "DIN-Regular"; }
.mobile-search .search-input ::-moz-placeholder {
  color: #CBB682;
  font-size: 14px;
  font-family: "DIN-Regular"; }
.mobile-search .search-input :-ms-input-placeholder {
  color: #CBB682;
  font-size: 14px;
  font-family: "DIN-Regular"; }

.mobile-nav .navigation {
  padding: 0;
  list-style: none; }
.mobile-nav .nav-item {
  padding: 12px 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap; }
@media only screen and (max-width: 991px) {
  .mobile-nav .nav-item {
    padding: 0; } }
.mobile-nav .nav-item .nav-link {
  color: #204B6E;
  font-size: 24px;
  font-family: "DIN-Bold";
  letter-spacing: 0.72px;
  text-transform: uppercase; }
.mobile-nav .nav-item .submenuOpen {
  font-size: 0;
  position: relative;
  width: 24px;
  padding: 2px; }
.mobile-nav .nav-item .submenuOpen:before {
  content: '';
  width: 20px;
  height: 1px;
  background: #204b6e;
  display: block;
  position: absolute;
  top: 11px;
  left: 2px; }
.mobile-nav .nav-item .submenuOpen:after {
  content: '';
  width: 1px;
  height: 20px;
  background: #204b6e;
  display: block;
  margin: 0 auto;
  transition: ease 0.25s; }
.mobile-nav .nav-item.active .submenuOpen:after {
  opacity: 0; }
.mobile-nav .nav-item.active .nav-link {
  text-decoration: underline;
  color: #7CA7AD; }
.mobile-nav .mobile-submenu {
  width: 100%;
  display: none; }
.mobile-nav .mobile-submenu {
  padding-left: 8%; }
.mobile-nav .mobile-submenu ul {
  padding: 0;
  list-style-type: none;
  margin-top: 18px; }
@media only screen and (max-width: 991px) {
  .mobile-nav .mobile-submenu ul .m-menu {
    margin-top: 5px; } }
@media only screen and (max-width: 991px) {
  .mobile-nav .mobile-submenu ul .m-menu .nav-item {
    padding: 5px 15px; } }
.mobile-nav .mobile-submenu li {
  font-family: "DIN-Regular";
  font-size: 24px;
  letter-spacing: 0.72px;
  text-transform: uppercase; }
@media only screen and (max-width: 991px) {
  .mobile-nav .mobile-submenu li {
    font-size: 18px; } }
.mobile-nav .mobile-submenu li:not(:last-child) {
  margin-bottom: 24px; }
@media only screen and (max-width: 991px) {
  .mobile-nav .mobile-submenu li:not(:last-child) {
    margin-bottom: 15px; } }
.mobile-nav .mobile-submenu a {
  color: #204B6E; }
@media only screen and (max-width: 991px) {
  .mobile-nav .m-menu .m-menu .nav-item {
    margin-bottom: 0;
    padding: 10px 15px; } }

.site-footer .footer-top {
  padding: 74px 0;
  background: url("https://cdn.shopify.com/s/files/1/0425/4878/9414/files/Footer_Finalnowhite.svg?v=1598094192") no-repeat center;
  background-size: cover; }
@media only screen and (max-width: 1680px) {
  .site-footer .footer-top {
    padding: 4.5% 0; } }
@media only screen and (max-width: 767px) {
  .site-footer .footer-top {
    padding: 25px 0; } }
@media only screen and (max-width: 767px) {
  .site-footer .footer-top .container {
    padding-left: 0;
    padding-right: 0; } }
.site-footer .footer-top .footer-top-cover {
  background-color: #ffffff; }
.site-footer .footer-top .row {
  padding: 50px 20px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto; }
@media only screen and (max-width: 991px) {
  .site-footer .footer-top .row {
    justify-content: end;
    padding: 30px 15px; } }
@media only screen and (max-width: 767px) {
  .site-footer .footer-top .row {
    justify-content: end;
    padding: 20px 35px; } }
.site-footer .footer-bottom {
  padding: 27px 0;
  background-color: #CBB682;
  color: #3B3B3B; }
@media only screen and (max-width: 1680px) {
  .site-footer .footer-bottom {
    padding: 15px 0; } }
.site-footer .footer-bottom p,
.site-footer .footer-bottom a {
  text-transform: uppercase;
  color: #3B3B3B; }
.site-footer .footer-bottom p span,
.site-footer .footer-bottom a span {
  padding: 0 10px; }

.footer-col {
  padding: 0 15px; }
@media only screen and (max-width: 1350px) {
  .footer-col {
    max-width: 33.33%;
    width: 100%;
    padding: 15px; } }
@media only screen and (max-width: 767px) {
  .footer-col {
    max-width: 50%;
    width: 100%;
    padding: 20px 0;
    order: 2; } }
.footer-col.two-col {
  flex: 1 0 auto;
  max-width: 30%; }
@media only screen and (max-width: 1350px) {
  .footer-col.two-col {
    max-width: 33.33%;
    width: 100%; } }
@media only screen and (max-width: 767px) {
  .footer-col.two-col {
    max-width: 100%;
    width: 100%;
    order: 1; } }
.footer-col.two-col ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  list-style: none; }
@media only screen and (max-width: 767px) {
  .footer-col.two-col ul li:nth-child(even) {
    padding-right: 0; } }
.footer-col.two-col ul li.mainmenu ul {
  padding-left: 15px; }
.footer-col .footer-title {
  font-size: 18px;
  text-transform: uppercase;
  border-bottom: 1px solid #cfb77b;
  margin-bottom: 20px;
  color: #CBB682; }
@media only screen and (max-width: 767px) {
  .footer-col .footer-title {
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 25px; } }
.footer-col .footer-menu {
  list-style: none;
  padding: 0;
  text-transform: uppercase;
  font-size: 18px;
  display: flex; }
@media only screen and (max-width: 1680px) {
  .footer-col .footer-menu {
    font-size: 15px; } }
@media only screen and (max-width: 1350px) {
  .footer-col .footer-menu {
    font-size: 14px; } }
.footer-col .footer-menu ul {
  list-style: none;
  padding-left: 0;
  display: block; }
.footer-col .footer-menu li {
  padding-right: 10px; }
.footer-col .footer-menu li:not(:last-child) {
  margin-bottom: 15px; }
@media only screen and (max-width: 1680px) {
  .footer-col .footer-menu li:not(:last-child) {
    margin-bottom: 10px; } }
.footer-col .footer-menu a {
  color: #CBB682; }
.footer-col .footer-menu a:hover {
  color: #3B3B3B; }
.footer-col .footer-menu .mm-subdropdown {
  flex-wrap: wrap;
  display: block;
  list-style: none;
  background-color: #ffffff;
  transition: all ease-in-out 0.3s;
  padding-top: 5px; }
.footer-col .footer-menu .mm-subdropdown li {
  max-width: 100%;
  margin-bottom: 5px; }
.footer-col .footer-menu .mainmenu:hover .mm-subdropdown {
  height: auto;
  opacity: 1; }

.dataBg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

/*------------------
Cart Page 
--------------------*/
.cart-section {
  background: #ffffff;
  padding: 60px 0; }
.cart-section .sec-title {
  border-bottom: 1px solid #7CA7AD;
  padding: 10px 10px;
  margin: 0 0 15px;
  font-size: 20px; }
.cart-section .cart-cover .col-full {
  padding: 0; }
@media only screen and (max-width: 767px) {
  .cart-section .col-two {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0; }
  .cart-section .col-two:not(:last-child) {
    margin-bottom: 20px; } }
.cart-section .cart-right-col,
.cart-section .cart-left-col {
  border: 1px solid #3B3B3B;
  height: 100%; }
.cart-section .cart-right-col h3,
.cart-section .cart-left-col h3 {
  color: #3B3B3B;
  padding: 12px 15px;
  background: #7CA7AD;
  text-transform: uppercase;
  font-size: 16px;
  margin: 0;
  letter-spacing: 0.5px; }
.cart-section .cart-total h5 {
  font-size: 16px;
  color: #3B3B3B;
  font-family: "DIN-Bold";
  text-transform: none;
  display: flex;
  margin-bottom: 10px; }
.cart-section .cart-total h5 span {
  margin-left: auto;
  margin-right: 0; }
.cart-section .cart-grant-total {
  margin-bottom: 40px;
  border-bottom: 1px solid #3B3B3B; }
.cart-section .cart-grant-total h5 {
  font-size: 20px;
  text-transform: none;
  display: flex;
  margin-bottom: 20px;
  color: #3B3B3B; }
.cart-section .cart-grant-total h5 span {
  margin-left: auto;
  margin-right: 0; }
@media only screen and (max-width: 1199px) {
  .cart-section .cart-grant-total {
    margin-bottom: 20px; } }
@media only screen and (max-width: 540px) {
  .cart-section .cart-grant-total {
    margin-bottom: 10px; } }
@media only screen and (max-width: 1024px) {
  .cart-section .col-eight {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0; }
  .cart-section .col-four {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px 0 0; } }

.cart-list .cart-pro-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
.cart-list .cart-pro-info .cart-img {
  max-width: 100px;
  margin-right: 15px; }
.cart-list table {
  width: 100%; }
.cart-list thead th {
  text-transform: uppercase;
  color: #204B6E;
  padding: 15px 10px;
  font-size: 16px;
  border-top: 0;
  font-family: "DIN-Bold";
  vertical-align: bottom;
  letter-spacing: 1px;
  border: 1px solid #3B3B3B;
  text-align: center; }
@media only screen and (max-width: 767px) {
  .cart-list thead th {
    display: none; } }
.cart-list tbody td {
  padding: 10px;
  border: 1px solid #3B3B3B;
  vertical-align: middle;
  text-align: center; }
.cart-list tbody td.remove a {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #204B6E;
  padding: 5px;
  display: block;
  margin: 0 auto; }
.cart-list tbody td.remove img {
  width: 10px;
  display: block; }
.cart-list tbody .image {
  width: 80px; }
@media only screen and (max-width: 767px) {
  .cart-list tbody .image.width-active {
    width: 100% !important; } }
.cart-list tbody .image img {
  display: block; }
.cart-list tbody .desc {
  text-align: left; }
.cart-list tbody .desc a {
  color: #3B3B3B; }
.cart-list tbody .desc .item-info button {
  background: #204B6E;
  border: none;
  color: #ffffff;
  padding: 5px 10px;
  line-height: 1;
  margin-top: 10px; }
@media only screen and (max-width: 767px) {
  .cart-list tbody .desc.width-active {
    width: 100% !important; } }
.cart-list tbody .qty input {
  width: 105px;
  text-align: center;
  height: 40px;
  border: 1px solid #3B3B3B;
  color: #3B3B3B;
  font-family: "DIN-Bold";
  -webkit-appearance: none;
  border-radius: 0; }
@media only screen and (max-width: 767px) {
  .cart-list tbody tr {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #3B3B3B; }
  .cart-list tbody tr:not(:last-child) {
    margin-bottom: 15px; }
  .cart-list tbody .desc,
  .cart-list tbody .image {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: transparent; } }
@media only screen and (max-width: 767px) and (max-width: 320px) {
  .cart-list tbody .desc .item-info a,
  .cart-list tbody .image .item-info a {
    font-size: 12px; } }
@media only screen and (max-width: 767px) {
  .cart-list tbody td {
    padding: 10px;
    vertical-align: top;
    display: block;
    width: 25%;
    border: transparent;
    border-top: 1px solid #3B3B3B; } }
@media only screen and (max-width: 767px) and (max-width: 435px) {
  .cart-list tbody td {
    width: 50%; } }
@media only screen and (max-width: 767px) {
  .cart-list tbody td.qty:before {
    content: 'Quantity';
    padding-right: 5px;
    display: block; }
  .cart-list tbody td.shipping:before {
    content: 'Shipping';
    padding-right: 5px;
    display: block; }
  .cart-list tbody td.total:before {
    content: 'Total';
    padding-right: 5px;
    display: block; }
  .cart-list tbody td.remove:before {
    content: 'Remove';
    padding-right: 5px;
    display: block; }
  .cart-list tbody td.price:before {
    content: 'Price';
    padding-right: 5px;
    display: block; } }
@media only screen and (max-width: 767px) {
  .cart-list {
    background: transparent;
    padding: 0; } }

.cart-list .bold_options .bold_option_total {
  font-size: 20px; }
.cart-list .bold_options .bold_option_title {
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px; }
@media only screen and (max-width: 767px) {
  .cart-list .bold_options .bold_option_title {
    font-size: 14px; } }
.cart-list .bold_options .bold_option_value .bold_option_value_title {
  font-size: 16px;
  padding-bottom: 10px;
  line-height: 1;
  padding-left: 10px; }
@media only screen and (max-width: 767px) {
  .cart-list .bold_options .bold_option_value .bold_option_value_title {
    padding-bottom: 15px;
    line-height: 1.2;
    font-size: 14px; } }
.cart-list .bold_options .bold_option_value .bold_option_value_element {
  width: 15px; }
.cart-list .bold_options .bold_option_value .bold_option_value_element input[type='checkbox']:after {
  width: 15px;
  height: 15px;
  margin-top: 0px;
  margin-left: 0px; }
.cart-list .bold_options .bold_option_value .bold_option_value_element input[type='checkbox']:checked::after {
  width: 15px;
  height: 15px; }
.cart-list .bold_options .bold_option_value .bold_option_value_price {
  font-size: 16px; }
@media only screen and (max-width: 767px) {
  .cart-list .bold_options .bold_option_value .bold_option_value_price {
    font-size: 14px; } }
.cart-list .bold_options .bold_option_value .bold_option_value_quantity input {
  font-size: 16px; }
@media only screen and (max-width: 767px) {
  .cart-list .bold_options .bold_option_value .bold_option_value_quantity input {
    font-size: 14px; } }
.cart-list .bold_options .bold_option_value .bold_option_value_quantity input[name="qty[]"] {
  width: 46px; }
.cart-list .bold_option_edit_container button {
  background: #204B6E;
  border: none;
  color: #ffffff;
  padding: 5px 10px;
  line-height: 1; }

.cart-content {
  margin-top: 50px; }
.cart-content .row {
  margin: 0 -15px; }
.cart-content .half {
  padding: 0 15px; }
@media only screen and (max-width: 767px) {
  .cart-content .half {
    padding: 15px; } }

.cart-content-col,
.coupon-content-col {
  padding: 20px; }
@media only screen and (max-width: 991px) {
  .cart-content-col,
  .coupon-content-col {
    padding: 10px; } }
.cart-content-col label,
.coupon-content-col label {
  display: block;
  margin-bottom: 5px; }
.cart-content-col textarea,
.coupon-content-col textarea {
  width: 100%;
  max-width: 100%;
  min-height: 100px;
  border-radius: 5px; }

.cart-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 15px;
  margin-top: 30px; }
@media only screen and (max-width: 767px) {
  .cart-button {
    padding: 0; } }
@media only screen and (max-width: 540px) {
  .cart-button {
    width: 100%; } }
.cart-button .btn {
  width: auto;
  border: 0;
  font-weight: "DIN-Bold";
  border-radius: 0;
  text-align: center;
  border: none;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 1;
  padding: 10px 20px;
  text-transform: uppercase;
  min-width: 208px;
  color: #fffcf8;
  letter-spacing: 1px;
  background: #204B6E;
  color: #ffffff;
  width: 100%; }
@media only screen and (max-width: 1680px) {
  .cart-button .btn {
    font-size: 16px; } }
.cart-button .btn:hover {
  background: #7CA7AD;
  color: #ffffff; }
@media only screen and (max-width: 540px) {
  .cart-button .button {
    width: 100%; } }

.complete-order {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap; }
.complete-order a,
.complete-order input {
  max-width: calc(50% - 10px);
  width: 100% !important; }
.complete-order a.btn,
.complete-order input.btn {
  width: auto;
  border: 0;
  font-weight: "DIN-Bold";
  border-radius: 0;
  text-align: center;
  border: none;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 1;
  padding: 10px 20px;
  text-transform: uppercase;
  min-width: 208px;
  color: #fffcf8;
  letter-spacing: 1px;
  background: #204B6E;
  color: #ffffff; }
@media only screen and (max-width: 1680px) {
  .complete-order a.btn,
  .complete-order input.btn {
    font-size: 16px; } }
.complete-order a.btn:hover,
.complete-order input.btn:hover {
  background: #7CA7AD;
  color: #ffffff; }
@media only screen and (max-width: 991px) {
  .complete-order a.btn,
  .complete-order input.btn {
    padding: 10px;
    min-width: 150px;
    font-size: 14px; } }
@media only screen and (max-width: 540px) {
  .complete-order a.btn,
  .complete-order input.btn {
    min-width: 100%;
    width: 100%;
    margin-bottom: 15px; }
  .complete-order a.btn:last-child,
  .complete-order input.btn:last-child {
    margin-bottom: 0; } }
.complete-order a.shop-btn,
.complete-order input.shop-btn {
  width: auto;
  border: 0;
  font-weight: "DIN-Bold";
  border-radius: 0;
  text-align: center;
  border: none;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 1;
  padding: 10px 20px;
  text-transform: uppercase;
  min-width: 208px;
  color: #fffcf8;
  letter-spacing: 1px;
  background: #7CA7AD;
  color: #ffffff; }
@media only screen and (max-width: 1680px) {
  .complete-order a.shop-btn,
  .complete-order input.shop-btn {
    font-size: 16px; } }
.complete-order a.shop-btn:hover,
.complete-order input.shop-btn:hover {
  background: #CBB682;
  color: #ffffff; }
@media only screen and (max-width: 991px) {
  .complete-order a.shop-btn,
  .complete-order input.shop-btn {
    padding: 10px;
    min-width: 165px;
    font-size: 14px; } }
@media only screen and (max-width: 540px) {
  .complete-order a.shop-btn,
  .complete-order input.shop-btn {
    min-width: 100%;
    width: 100%; } }

.hero-slide {
  position: relative; }
.hero-slide .hero-image {
  height: 100vh; }
@media only screen and (max-width: 767px) {
  .hero-slide .hero-image {
    height: 60vh; } }
.hero-slide .hero-image img {
  display: block; }
.hero-slide .hero-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }
.hero-slide .hero-content-cover {
  max-width: 1127px;
  width: 100%;
  padding: 0 20px; }
@media only screen and (max-width: 1680px) {
  .hero-slide .hero-content-cover {
    padding: 0 50px; } }
@media only screen and (max-width: 1350px) {
  .hero-slide .hero-content-cover {
    max-width: 85%; } }
@media only screen and (max-width: 991px) {
  .hero-slide .hero-content-cover {
    max-width: 85%; } }
@media only screen and (max-width: 767px) {
  .hero-slide .hero-content-cover {
    max-width: 90%;
    padding: 0 15px; } }
.hero-slide h1,
.hero-slide .h1 {
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.16);
  color: #ffffff;
  letter-spacing: 2.1px;
  line-height: 1;
  text-transform: uppercase; }
@media only screen and (max-width: 767px) {
  .hero-slide h1,
  .hero-slide .h1 {
    letter-spacing: 1px; } }
.hero-slide .landing-logo img {
  margin: 0 auto; }
.hero-slide .landing-logo + h1,
.hero-slide .landing-logo .h1 {
  display: none;
  color: #3B3B3B; }

@media only screen and (max-width: 767px) {
  .hero-slider {
    height: 60vh;
    overflow: hidden; } }
.hero-slider .slick-dots {
  position: absolute;
  right: 2%;
  top: 50%;
  transform: translateY(-50%);
  list-style-type: none;
  padding: 0;
  margin: 0; }
@media only screen and (max-width: 767px) {
  .hero-slider .slick-dots {
    top: auto;
    bottom: 35px;
    right: 0;
    left: 0;
    display: flex !important;
    justify-content: center; } }
.hero-slider .slick-dots li {
  margin: 3px 0; }
@media only screen and (max-width: 767px) {
  .hero-slider .slick-dots li {
    margin: 3px 2px; } }
.hero-slider .slick-dots li button {
  font-size: 0;
  padding: 0;
  border: none;
  width: 18px;
  height: 18px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  margin: 0;
  transition: ease 0.25s; }
@media only screen and (max-width: 1350px) {
  .hero-slider .slick-dots li button {
    width: 13px;
    height: 13px; } }
@media only screen and (max-width: 767px) {
  .hero-slider .slick-dots li button {
    width: 11px;
    height: 11px; } }
.hero-slider .slick-dots li:hover button, .hero-slider .slick-dots li.slick-active button {
  background-color: white; }
.hero-slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 0;
  height: 43px;
  width: 22px;
  font-size: 0; }
@media only screen and (max-width: 1350px) {
  .hero-slider .slick-arrow {
    width: 18px; } }
@media only screen and (max-width: 767px) {
  .hero-slider .slick-arrow {
    height: 16px; } }
.hero-slider .slick-arrow.slick-prev {
  background: url("/cdn/shop/files/left-arrow_782d0752-2b96-42d8-b724-517fe2eee834.svg?v=1610953891") no-repeat center transparent;
  left: 5%;
  background-size: 100%; }
@media only screen and (max-width: 767px) {
  .hero-slider .slick-arrow.slick-prev {
    left: 12px; } }
.hero-slider .slick-arrow.slick-next {
  background: url("/cdn/shop/files/right-arrow.svg?v=1610953858") no-repeat center transparent;
  right: 5%;
  background-size: 100%; }
@media only screen and (max-width: 767px) {
  .hero-slider .slick-arrow.slick-next {
    right: 12px; } }

.idx-welcome {
  padding: 110px 0 80px; }
@media only screen and (max-width: 1680px) {
  .idx-welcome {
    padding: 6% 0 5%; } }
@media only screen and (max-width: 1350px) {
  .idx-welcome {
    padding: 50px 0 50px; } }
@media only screen and (max-width: 767px) {
  .idx-welcome {
    padding: 20px 0 0 0; } }
.idx-welcome .pride-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 566px;
  padding-bottom: 20px;
  border-bottom: 8px dotted #CBB682; }
@media only screen and (max-width: 1350px) {
  .idx-welcome .pride-title {
    max-width: 500px; } }
@media only screen and (max-width: 767px) {
  .idx-welcome .pride-title {
    border-bottom: 4px dotted #CBB682;
    padding-bottom: 15px;
    max-width: 307px; } }
@media only screen and (max-width: 1350px) {
  .idx-welcome .pride-title img {
    max-width: 85px; } }
@media only screen and (max-width: 767px) {
  .idx-welcome .pride-title img {
    display: none; } }
.idx-welcome .pride-title h4 {
  text-transform: none;
  font-family: "DIN-Regular";
  letter-spacing: 0.25px;
  margin-right: 25px;
  padding-left: 15px; }
@media only screen and (max-width: 767px) {
  .idx-welcome .pride-title h4 {
    padding-left: 0;
    margin-right: 0; } }
.idx-welcome .button-wrap {
  margin-top: 90px; }
@media only screen and (max-width: 1680px) {
  .idx-welcome .button-wrap {
    margin-top: 5%; } }
@media only screen and (max-width: 1350px) {
  .idx-welcome .button-wrap {
    margin-top: 35px; } }
@media only screen and (max-width: 767px) {
  .idx-welcome .button-wrap {
    margin-top: 25px;
    padding-bottom: 35px;
    border-bottom: solid 2px #fff;
    margin-left: 10px;
    margin-right: 10px; } }
@media only screen and (max-width: 540px) {
  .idx-welcome .button-wrap a {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .best-sellers .row {
    justify-content: space-between; } }
.best-sellers .container {
  padding: 70px 0 100px;
  border-top: solid 2px #ffffff; }
@media only screen and (max-width: 1680px) {
  .best-sellers .container {
    padding: 30px 50px 70px; } }
@media only screen and (max-width: 1350px) {
  .best-sellers .container {
    padding: 50px 50px; } }
@media only screen and (max-width: 767px) {
  .best-sellers .container {
    padding: 25px 30px;
    border: none; } }
.best-sellers h2 {
  color: #204B6E;
  letter-spacing: 1.5px; }
@media only screen and (max-width: 767px) {
  .best-sellers h2 {
    margin-bottom: 0; } }
.best-sellers .product-item {
  margin-top: 70px; }
@media only screen and (max-width: 1680px) {
  .best-sellers .product-item {
    margin-top: 4%; } }
@media only screen and (max-width: 1350px) {
  .best-sellers .product-item {
    margin-top: 30px; } }
@media only screen and (max-width: 767px) {
  .best-sellers .product-item {
    max-width: calc(50% - 16px) !important;
    padding: 0;
    margin-top: 50px; } }

.grid-3 .product-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333%;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%; }

 @media only screen and (min-width: 992px) {
  .grid-4 .product-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; } }
@media only screen and (max-width: 991px) {
  .grid-4 .product-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; } } 
.grid-4 .product-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; } 
.grid-5 .product-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%; }

.product-item {
  padding: 0 15px; }
.product-item .product-item-cover {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  position: relative; }
.product-item .tag {
  position: absolute;
  height: 65px;
  width: 65px;
  border-radius: 50%;
  background-color: #CBB682;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  right: 5px;
  top: 5px;
  letter-spacing: 0.5px; }
@media only screen and (max-width: 767px) {
  .product-item .tag {
    height: 50px;
    width: 50px;
    font-size: 10px; } }
.product-item .product-image {
  flex-grow: 1;
  margin-bottom: 60px;
  height: 360px;
}
@media only screen and (max-width: 1680px) {
  .product-item .product-image {
    margin-bottom: 15%; } }
@media only screen and (max-width: 767px) {
  .product-item .product-image {
    height: unset; } }
.product-item .product-image a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }
.product-item .product-image img {
  display: block;
  margin: 0 auto;
  object-fit: contain;
  height: 360px;
  width: 100%; 
}
@media only screen and (max-width: 767px) {
  .product-item .product-image img {
    height: 200px; } }
.product-item .product-meta {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
.product-item .product-meta h5 {
  margin-bottom: 20px; }
@media only screen and (max-width: 1680px) {
  .product-item .product-meta h5 {
    margin-bottom: 15px; } }
@media only screen and (max-width: 1350px) {
  .product-item .product-meta h5 {
    font-size: 18px;
    letter-spacing: 0px;
    margin-bottom: 10px; } }
@media only screen and (max-width: 1260px) {
  .product-item .product-meta h5 {
    font-size: 14px; } }
@media only screen and (max-width: 767px) {
  .product-item .product-meta h5 {
    font-size: 14px; } }
.product-item .product-meta h5 a {
  color: #3B3B3B;
  letter-spacing: 1px; }
.product-item .product-meta h5 a:hover {
  color: #CBB682; }
.product-item .product-meta p {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 1px; }
@media only screen and (max-width: 1680px) {
  .product-item .product-meta p {
    font-size: 16px; } }
@media only screen and (max-width: 1260px) {
  .product-item .product-meta p {
    font-size: 14px; } }
@media only screen and (max-width: 767px) {
  .product-item .product-meta p {
    font-size: 14px; } }
.product-item .product-meta p small,
.product-item .product-meta p del {
  padding-right: 5px; }
.product-item .product-meta h6 {
  font-weight: normal;
  font-family: 'DIN-Regular'; }
@media only screen and (max-width: 1680px) {
  .product-item .product-meta h6 {
    font-size: 14px; } }
@media only screen and (max-width: 1260px) {
  .product-item .product-meta h6 {
    font-size: 12px; } }
.product-item .product-meta .add-to-cart {
  margin-top: 30px; }
@media only screen and (max-width: 1680px) {
  .product-item .product-meta .add-to-cart {
    margin-top: 10%; } }
@media only screen and (max-width: 1680px) {
  .product-item .product-meta .add-to-cart {
    margin-top: 15px; } }

.product-gallery .product-images img {
  margin: 0 auto; }

.add-to-cart a,
.add-to-cart button {
  width: auto;
  min-width: 208px;
  border-width: 1px;
  border-style: solid;
  font-family: "DIN-Regular";
  border-radius: 0px;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  background: transparent;
  transition: ease 0.25s;
  cursor: pointer;
  line-height: 1.4;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: #3B3B3B;
  color: #3B3B3B; }
@media only screen and (max-width: 1680px) {
  .add-to-cart a,
  .add-to-cart button {
    padding: 10px 15px;
    min-width: 180px;
    line-height: 22px;
    font-size: 16px; } }
@media only screen and (max-width: 1350px) {
  .add-to-cart a,
  .add-to-cart button {
    padding: 10px;
    min-width: 150px;
    line-height: 20px;
    font-size: 14px; } }
@media only screen and (max-width: 991px) {
  .add-to-cart a,
  .add-to-cart button {
    min-width: 130px;
    padding: 5px 10px; } }
.add-to-cart a:hover,
.add-to-cart button:hover {
  background: #3B3B3B;
  color: #ffffff; }
.add-to-cart .sold-out {
  opacity: 0.4;
  cursor: no-drop; }

.idx-story-section {
  padding: 80px 0 215px; }
@media only screen and (max-width: 1680px) {
  .idx-story-section {
    padding: 5% 0 13%; } }
@media only screen and (max-width: 1350px) {
  .idx-story-section {
    padding: 50px 0 80px; } }
@media only screen and (max-width: 767px) {
  .idx-story-section {
    padding: 30px 0 35px; } }
.idx-story-section .storey-image img {
  display: block;
  width: 100%; }
.idx-story-section .idx-story-content {
  max-width: 800px;
  width: 100%;
  padding-left: 8%;
  padding-right: 2%;
  margin-top: 10%; }
@media only screen and (max-width: 991px) {
  .idx-story-section .idx-story-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px; } }
@media only screen and (max-width: 767px) {
  .idx-story-section .idx-story-content {
    margin-top: 35px;
    padding-left: 40px;
    padding-right: 40px; } }
.idx-story-section h2 {
  color: #204B6E;
  letter-spacing: 1.2px; }
@media only screen and (max-width: 767px) {
  .idx-story-section h2 {
    text-align: center; } }
.idx-story-section .desc {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px; }
@media only screen and (max-width: 1680px) {
  .idx-story-section .desc {
    font-size: 16px;
    line-height: 26px; } }
@media only screen and (max-width: 991px) {
  .idx-story-section .desc {
    line-height: 22px; } }
.idx-story-section .desc p:not(:last-child) {
  margin-bottom: 30px; }
@media only screen and (max-width: 1680px) {
  .idx-story-section .desc p:not(:last-child) {
    margin-bottom: 4%; } }
.idx-story-section .button-wrap {
  margin-top: 50px; }
@media only screen and (max-width: 1680px) {
  .idx-story-section .button-wrap {
    margin-top: 7%; } }
@media only screen and (max-width: 767px) {
  .idx-story-section .button-wrap {
    margin-top: 50px;
    text-align: center; } }
@media only screen and (max-width: 540px) {
  .idx-story-section .button-wrap a {
    width: 100%; } }

.ctas-section {
  padding: 163px 0 140px;
  background: url("../images/Light_Blue_Tile.svg") no-repeat center transparent;
  background-size: cover; }
@media only screen and (max-width: 1680px) {
  .ctas-section {
    padding: 9.5% 0 8.5%; } }
@media only screen and (max-width: 1680px) {
  .ctas-section {
    padding: 50px 0 70px; } }
@media only screen and (max-width: 767px) {
  .ctas-section {
    padding: 50px 0 60px; } }
.ctas-section .cta-col {
  padding: 0 2.37%;
  overflow: hidden;
  display: flex;
  flex-direction: column; }
@media only screen and (max-width: 991px) {
  .ctas-section .cta-col {
    padding: 0 10px; } }
@media only screen and (max-width: 767px) {
  .ctas-section .cta-col {
    margin-top: 30px;
    padding: 0 25px; } }
.ctas-section .cta-col:first-child {
  margin-top: 0; }
.ctas-section .cta-col h2 {
  color: #ffffff;
  letter-spacing: 2px;
  margin-bottom: 50px; }
@media only screen and (max-width: 1680px) {
  .ctas-section .cta-col h2 {
    margin-bottom: 10%; } }
@media only screen and (max-width: 1350px) {
  .ctas-section .cta-col h2 {
    margin-bottom: 25px; } }
@media only screen and (max-width: 767px) {
  .ctas-section .cta-col h2 {
    margin-bottom: 15px; } }
.ctas-section .cta-col-cover {
  background-color: #7CA7AD;
  padding-bottom: 35px;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  display: flex;
  justify-content: space-between; }
@media only screen and (max-width: 767px) {
  .ctas-section .cta-col-cover {
    padding-bottom: 25px; } }
.ctas-section .cta-image {
  height: 450px; }
@media only screen and (max-width: 767px) {
  .ctas-section .cta-image {
    height: 292px; } }
.ctas-section .cta-image img {
  display: block;
  width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover; }
.ctas-section .cta-content {
  padding: 35px;
  color: #ffffff;
  font-size: 22px; }
@media only screen and (max-width: 1680px) {
  .ctas-section .cta-content {
    font-size: 18px;
    padding: 8%;
    line-height: 1.5; } }
@media only screen and (max-width: 1350px) {
  .ctas-section .cta-content {
    font-size: 18px;
    padding: 20px;
    line-height: 1.3; } }
@media only screen and (max-width: 1260px) {
  .ctas-section .cta-content {
    font-size: 18px; } }
@media only screen and (max-width: 767px) {
  .ctas-section .cta-content {
    padding: 20px 30px;
    font-size: 14px;
    letter-spacing: 1px; } }
.ctas-section .button-wrap {
  margin-top: 10px;
  text-align: center; }
@media only screen and (max-width: 767px) {
  .ctas-section .button-wrap {
    margin-top: 10px; } }

.instagram-section {
  padding: 152px 0 100px;
  background-color: #ffffff; }
@media only screen and (max-width: 1680px) {
  .instagram-section {
    padding: 9% 0 6%; } }
@media only screen and (max-width: 1350px) {
  .instagram-section {
    padding: 50px 0 70px; } }
.instagram-section h2 {
  margin-bottom: 80px;
  letter-spacing: 1.2px; }
@media only screen and (max-width: 1680px) {
  .instagram-section h2 {
    margin-bottom: 5%; } }
@media only screen and (max-width: 1350px) {
  .instagram-section h2 {
    margin-bottom: 40px; } }
@media only screen and (max-width: 767px) {
  .instagram-section h2 {
    margin-bottom: 20px; } }
@media only screen and (max-width: 767px) {
  .instagram-section h2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; } }
.instagram-section h2 .social-icons {
  margin-left: 60px; }
@media only screen and (max-width: 1680px) {
  .instagram-section h2 .social-icons {
    margin-left: 40px; } }
@media only screen and (max-width: 1350px) {
  .instagram-section h2 .social-icons {
    margin-left: 30px; } }
@media only screen and (max-width: 767px) {
  .instagram-section h2 .social-icons {
    width: 100%;
    margin-left: 0; } }
@media only screen and (max-width: 1680px) {
  .instagram-section h2 .social-icons img {
    max-height: 23px; } }
.instagram-section h2 .social-icon {
  margin-left: 20px; }
@media only screen and (max-width: 1680px) {
  .instagram-section h2 .social-icon {
    margin: 0px;
    padding: 10px;
    display: inline-block; } }
@media only screen and (max-width: 1680px) {
  .instagram-section h2 .social-icon img {
    max-height: 23px; } }

.instagram-gallery {
  margin: 0 -11px 90px; }
@media only screen and (max-width: 1680px) {
  .instagram-gallery {
    margin-bottom: 5.5%; } }
@media only screen and (max-width: 767px) {
  .instagram-gallery {
    display: none; } }
.instagram-gallery .insta-item {
  padding: 0 11px; }
.instagram-gallery .insta-item a {
  display: block; }
.instagram-gallery .insta-item img {
  display: block;
  width: 100%; }

.footer-contact {
  max-width: 915px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin: 0 auto; }
@media only screen and (max-width: 767px) {
  .footer-contact {
    flex-wrap: wrap;
    flex-direction: column; } }
.footer-contact .contact-col {
  flex-grow: 1;
  font-size: 24px;
  line-height: 30px;
  color: #CBB682;
  max-width: 338px;
  width: 100%;
  text-transform: uppercase; }
@media only screen and (max-width: 1680px) {
  .footer-contact .contact-col {
    font-size: 20px;
    line-height: 26px; } }
@media only screen and (max-width: 767px) {
  .footer-contact .contact-col {
    order: 2;
    padding-bottom: 30px;
    font-size: 24px;
    line-height: 30px; } }
@media only screen and (max-width: 767px) {
  .footer-contact .contact-col:last-child {
    padding-bottom: 0; } }
.footer-contact .contact-col strong {
  display: block;
  font-family: "DIN-Bold";
  text-transform: uppercase; }
.footer-contact .footer-logo {
  max-width: 239px;
  width: 100%;
  padding: 0 10px; }
@media only screen and (max-width: 1350px) {
  .footer-contact .footer-logo {
    max-width: 180px; } }
@media only screen and (max-width: 767px) {
  .footer-contact .footer-logo {
    margin: 0px auto 20px;
    order: 1; } }

.page-header {
  height: 37vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; 
  background-image: url(/cdn/shop/files/shop-header_b76e3a0d-9d6b-4b75-a30d-9250c0815e7a.png?v=1611131560);
}
.page-header h1 {
  text-transform: uppercase;
  color: #3B3B3B !important; }

.filter {
  max-width: 300px;
  flex: 1 0 auto; }
.filter select {
  width: 100%;
  border: 2px solid #CBB682;
  font-size: 18px;
  text-transform: uppercase;
  background: url("/cdn/shop/files/down-caret.svg?v=1611133337") no-repeat center right 10px #ffffff;
  background-size: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
  color: #CBB682;
  font-family: "DIN-Bold";
  max-width: 300px; }
@media only screen and (max-width: 767px) {
  .filter select {
    font-size: 14px; } }

.shop-section {
  padding: 67px 0;
  background-color: #ffffff; }
@media only screen and (max-width: 767px) {
  .shop-section {
    padding: 30px 0 0 0; } }
.shop-section .product-item .product-image {
  height: 360px; }
@media only screen and (max-width: 767px) {
  .shop-section .product-item .product-image {
    height: 250px; } }
.shop-section .product-item .product-image img {
  height: 360px; }
@media only screen and (max-width: 767px) {
  .shop-section .product-item .product-image img {
    height: 250px; } }
.shop-section .collection_desc {
  padding-top: 90px;
  text-align: center; }
@media only screen and (max-width: 1350px) {
  .shop-section .collection_desc {
    padding-top: 70px; } }
@media only screen and (max-width: 1024px) {
  .shop-section .collection_desc {
    padding-top: 50px; } }
@media only screen and (max-width: 767px) {
  .shop-section .collection_desc {
    padding-top: 25px; } }
@media only screen and (max-width: 1350px) {
  .shop-section .container {
    padding-left: 25px;
    padding-right: 25px; } }
.shop-section .left {
  max-width: 296px;
  width: 100%;
  overflow: hidden; }
@media only screen and (max-width: 1680px) {
  .shop-section .left {
    max-width: 270px; } }
@media only screen and (max-width: 1350px) {
  .shop-section .left {
    max-width: 230px; } }
@media only screen and (max-width: 991px) {
  .shop-section .left {
    max-width: 100%;
    position: relative;
    overflow: visible; } }
.shop-section .left .browse-title {
  display: flex;
  padding: 30px 10px 30px 20px;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px; }
@media only screen and (max-width: 1680px) {
  .shop-section .left .browse-title {
    padding: 20px 7px 20px 15px; } }
@media only screen and (max-width: 1199px) {
  .shop-section .left .browse-title {
    padding: 20px 0px 20px 10px; } }
@media only screen and (max-width: 991px) {
  .shop-section .left .browse-title {
    position: relative;
    padding-left: 0;
    border: none; } }
@media only screen and (max-width: 991px) {
  .shop-section .left .browse-title h5 {
    width: 100%;
    border: 2px solid #CBB682;
    font-size: 18px;
    text-transform: uppercase;
    background: url(../images/down-caret.svg) no-repeat center right 10px #ffffff;
    background-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px;
    color: #CBB682;
    font-family: "DIN-Bold";
    max-width: 300px;
    line-height: 1.2;
    cursor: pointer; } }
@media only screen and (max-width: 767px) {
  .shop-section .left .browse-title h5 {
    font-size: 14px;
    max-width: 250px; } }
.shop-section .left .browse-title h5 svg {
  display: none; }
@media only screen and (max-width: 991px) {
  .shop-section .left .browse-title h5 svg {
    display: inline-block; } }
.shop-section .left .browse-title h5 svg path {
  fill: #3B3B3B; }
.shop-section .left .browse-title button,
.shop-section .left .browse-title a {
  text-transform: lowercase !important;
  background: transparent !important;
  border: none !important;
  color: #3B3B3B !important;
  font-size: 14px !important;
  border-bottom: solid 1px #3B3B3B !important;
  padding: 0 !important;
  position: relative !important;
  padding-left: 7px !important;
  line-height: 1 !important;
  width: auto !important; }
.shop-section .left .browse-title button:before,
.shop-section .left .browse-title a:before {
  content: '';
  display: inline-block;
  height: 6px;
  width: 6px;
  border-right: solid 1px #3B3B3B;
  border-bottom: solid 1px #3B3B3B;
  transform: rotate(135deg);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto; }
@media only screen and (max-width: 991px) {
  .shop-section .left > .browse-title {
    display: block !important; } }
.shop-section .left ul {
  list-style: none; }
.shop-section .left .main-menu {
  padding-left: 0; }
@media only screen and (max-width: 991px) {
  .shop-section .left .main-menu {
    position: absolute;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    background-color: #CBB682;
    width: 300px;
    top: 63px;
    z-index: 1;
    transition: all ease-in-out 0.3s; } }
@media only screen and (max-width: 767px) {
  .shop-section .left .main-menu {
    width: 250px;
    top: 58px; } }
@media only screen and (max-width: 991px) {
  .shop-section .left .main-menu.active {
    height: 200px;
    overflow: auto;
    visibility: visible;
    opacity: 1; } }
.shop-section .left .main-menu li a {
  font-size: 20px;
  text-transform: capitalize;
  color: #3B3B3B;
  transition: all ease-in-out 0.3s;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: solid 1px #3B3B3B;
  border-radius: 0;
  font-weight: 100; }
@media only screen and (max-width: 1680px) {
  .shop-section .left .main-menu li a {
    font-size: 16px;
    padding: 10px 15px; } }
@media only screen and (max-width: 1199px) {
  .shop-section .left .main-menu li a {
    padding: 10px; } }
@media only screen and (max-width: 767px) {
  .shop-section .left .main-menu li a {
    font-size: 14px; } }
.shop-section .left .main-menu li a svg {
  transform: rotate(-90deg); }
@media only screen and (max-width: 1199px) {
  .shop-section .left .main-menu li a svg {
    max-height: 9px; } }
.shop-section .left .main-menu li a svg path {
  fill: #707070;
  transition: all ease-in-out 0.3s; }
.shop-section .left .main-menu li a:hover {
  color: #CBB682; }
@media only screen and (max-width: 991px) {
  .shop-section .left .main-menu li a:hover {
    color: #ffffff; } }
.shop-section .left .main-menu li a:hover svg path {
  fill: #CBB682; }
@media only screen and (max-width: 991px) {
  .shop-section .left .main-menu li a:hover svg path {
    fill: #ffffff; } }
.shop-section .right {
  max-width: calc(100% - 296px);
  width: 100%;
  padding-left: 70px; }
@media only screen and (max-width: 1680px) {
  .shop-section .right {
    max-width: calc(100% - 270px);
    padding-left: 50px; } }
@media only screen and (max-width: 1350px) {
  .shop-section .right {
    max-width: calc(100% - 230px);
    padding-left: 50px; } }
@media only screen and (max-width: 1024px) {
  .shop-section .right {
    padding-left: 30px; } }
@media only screen and (max-width: 991px) {
  .shop-section .right {
    padding-left: 0px;
    max-width: 100%; } }

.shop-header .row {
  -ms-flex-pack: justify;
  justify-content: space-between; }
@media only screen and (max-width: 767px) {
  .shop-header .row {
    flex-direction: column; } }
.shop-header .row .filter {
  display: flex;
  max-width: 50%;
  justify-content: flex-end; }
@media only screen and (max-width: 767px) {
  .shop-header .row .filter {
    max-width: 100%;
    width: 100%;
    justify-content: center; } }
@media only screen and (max-width: 540px) {
  .shop-header .row .filter {
    width: 100%; } }
.shop-header .row .filter .sort_main {
  padding-right: 30px; }
@media only screen and (max-width: 767px) {
  .shop-header .row .filter .sort_main {
    padding-right: 0; } }
.shop-header .row .filter .sort_main,
.shop-header .row .filter .category {
  max-width: 300px;
  width: 100%; }
@media only screen and (max-width: 767px) {
  .shop-header .row .filter .sort_main,
  .shop-header .row .filter .category {
    margin: 0 10px; } }
@media only screen and (max-width: 540px) {
  .shop-header .row .filter .sort_main,
  .shop-header .row .filter .category {
    margin: 0 5px; } }
.shop-header .row .filter .category {
  border: 2px solid #CBB682;
  font-size: 18px;
  text-transform: uppercase;
  background: url(down-caret.svg) no-repeat center right 10px #fff;
  background-size: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
  color: #CBB682;
  font-family: "DIN-Bold";
  line-height: 1.25;
  position: relative;
  z-index: 1;
  background-color: #ffffff; }
@media only screen and (max-width: 767px) {
  .shop-header .row .filter .category {
    font-size: 14px; } }
@media only screen and (max-width: 767px) {
  .shop-header .row .filter .category .select_box {
    line-height: 1.3; } }
.shop-header .row .filter .category .category {
  border: none; }
@media only screen and (max-width: 767px) {
  .shop-header .row .filter .category .category {
    margin: 0;
    padding: 10px;
    max-height: 150px;
    overflow-y: scroll; } }
.shop-header .row .filter .category ul {
  list-style: none;
  padding-left: 0;
  position: absolute;
  top: 100%;
  display: block;
  width: 100%;
  left: 0;
  padding: 15px;
  border: solid 2px #CBB682 !important;
  background-image: none; }
.shop-header .row .filter .category ul li {
  padding: 10px 0; }
@media only screen and (max-width: 767px) {
  .shop-header .row .filter .category ul li {
    padding: 3px 0; } }
.shop-header .row .filter .category ul li ul {
  list-style: none;
  transition: all ease-in-out 0.3s;
  position: unset;
  border: none !important;
  padding-bottom: 0; }
@media only screen and (max-width: 767px) {
  .shop-header .row .filter .category ul li ul {
    padding: 5px 10px; } }
.shop-header .row .filter .category ul li:hover ul {
  height: auto;
  opacity: 1; }
.shop-header h2 {
  margin-bottom: 0;
  color: #204B6E;
  letter-spacing: 1.5px; }
@media only screen and (max-width: 767px) {
  .shop-header h2 {
    margin-bottom: 25px; } }
.shop-header .filter.place-filter .sort_main {
  padding-right: 0 !important; }

@media only screen and (max-width: 767px) {
  .cat-serch {
    width: 100%; } }
.cat-serch .cat-serch-in {
  border-bottom: solid 2px #CBB682;
  display: flex;
  position: relative; }
.cat-serch .cat-serch-in input {
  border: none;
  font-size: 18px;
  color: #CBB682;
  font-weight: bold;
  padding: 17px 0 17px 10px;
  text-transform: uppercase;
  font-family: "DIN-Bold"; }
@media only screen and (max-width: 767px) {
  .cat-serch .cat-serch-in input {
    order: 2;
    text-align: center;
    font-weight: normal;
    width: 100%;
    font-family: "DIN-Regular";
    padding: 13px 55px; } }
.cat-serch .cat-serch-in input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 18px;
  color: #CBB682;
  font-family: "DIN-Bold"; }
@media only screen and (max-width: 767px) {
  .cat-serch .cat-serch-in input::-webkit-input-placeholder {
    font-family: "DIN-Regular"; } }
.cat-serch .cat-serch-in input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 18px;
  color: #CBB682;
  font-family: "DIN-Bold"; }
@media only screen and (max-width: 767px) {
  .cat-serch .cat-serch-in input::-moz-placeholder {
    font-family: "DIN-Regular"; } }
.cat-serch .cat-serch-in input:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 18px;
  color: #CBB682;
  font-family: "DIN-Bold"; }
@media only screen and (max-width: 767px) {
  .cat-serch .cat-serch-in input:-ms-input-placeholder {
    font-family: "DIN-Regular"; } }
.cat-serch .cat-serch-in input:-moz-placeholder {
  /* Firefox 18- */
  font-size: 18px;
  color: #CBB682;
  font-family: "DIN-Bold"; }
@media only screen and (max-width: 767px) {
  .cat-serch .cat-serch-in input:-moz-placeholder {
    font-family: "DIN-Regular"; } }
.cat-serch .cat-serch-in a,
.cat-serch .cat-serch-in button {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none; }
@media only screen and (max-width: 767px) {
  .cat-serch .cat-serch-in a,
  .cat-serch .cat-serch-in button {
    order: 1;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); } }
.cat-serch .cat-serch-in a img,
.cat-serch .cat-serch-in button img {
  max-height: 23px;
  margin-top: auto;
  margin-bottom: auto; }
@media only screen and (max-width: 767px) {
  .cat-serch .cat-serch-in a img,
  .cat-serch .cat-serch-in button img {
    max-height: 18px; } }

.products .product-item {
  margin-top: -30px; }
@media only screen and (max-width: 1680px) {
  .products .product-item {
    margin-top: 0px; } }
@media only screen and (max-width: 1350px) {
  .products .product-item {
    margin-top: 0px; } }
@media only screen and (max-width: 991px) {
  .products .product-item {
    margin-top: 0px; } }

.load-more {
  margin-top: 10%;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }
@media only screen and (max-width: 767px) {
  .load-more {
    margin-top: 45px; } }

.eat-header {
  padding: 98px 0; }
@media only screen and (max-width: 1680px) {
  .eat-header {
    padding: 5% 0; } }
@media only screen and (max-width: 767px) {
  .eat-header {
    padding: 5% 35px; } }
.eat-header h2 {
  margin-bottom: 20px;
  letter-spacing: 2px; }
.eat-header .header-desc {
  margin-bottom: 40px;
  max-width: 755px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px; }
@media only screen and (max-width: 767px) {
  .eat-header .header-desc p {
    text-align: left;
    padding: 0;
    font-size: 14px; } }
@media only screen and (max-width: 540px) {
  .eat-header .header-desc .button6, .eat-header .header-desc .header-bar__search-form {
    width: 100%; } }
@media only screen and (max-width: 540px) {
  .eat-header .header-desc .button6 a, .eat-header .header-desc .header-bar__search-form a {
    width: 100%;
    margin-bottom: 15px; } }
.eat-header .row {
  justify-content: center; }
.eat-header .row .button6, .eat-header .row .header-bar__search-form {
  margin: 0 10px; }
@media only screen and (max-width: 540px) {
  .eat-header .row .button6, .eat-header .row .header-bar__search-form {
    margin: 0; } }
@media only screen and (max-width: 767px) {
  .eat-header .container {
    padding: 0; } }
@media only screen and (max-width: 540px) {
  .eat-header .button6, .eat-header .header-bar__search-form {
    width: 100%; } }
@media only screen and (max-width: 540px) {
  .eat-header .button6 a, .eat-header .header-bar__search-form a {
    width: 100%;
    margin-bottom: 15px; } }
.eat-header table {
  width: auto !important; }
.eat-header table tr {
  height: auto !important; }
.eat-header table tr td {
  width: auto !important;
  height: auto !important;
  padding: 5px; }

.eat-listing .container {
  max-width: 1640px; }
@media only screen and (max-width: 767px) {
  .eat-listing .container {
    padding: 0; } }
.eat-listing .row {
  margin: 0 -27px;
  margin: 0; }

.eat-item {
  padding: 27px;
  margin-top: 40px;
  display: flex;
  flex-direction: column; }
@media only screen and (max-width: 991px) {
  .eat-item {
    margin-top: 0; } }
@media only screen and (max-width: 767px) {
  .eat-item {
    padding: 20px 35px; } }
.eat-item .eat-item-image img {
  display: block; }
.eat-item .eat-meta {
  padding-top: 90px;
  max-width: 440px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; }
@media only screen and (max-width: 991px) {
  .eat-item .eat-meta {
    padding-top: 50px; } }
@media only screen and (max-width: 767px) {
  .eat-item .eat-meta {
    padding-top: 30px;
    max-width: 100%; } }
.eat-item .eat-meta h3 {
  margin-bottom: 0;
  letter-spacing: 1.3px; }
@media only screen and (max-width: 767px) {
  .eat-item .eat-meta h3 {
    text-align: center;
    padding-bottom: 10px; } }
.eat-item .eat-meta .sepline {
  background-color: #f8f2e9;
  height: 3px;
  width: 100%;
  border: none;
  margin: 24px 0; }
@media only screen and (max-width: 767px) {
  .eat-item .eat-meta .sepline {
    display: none; } }
.eat-item .eat-meta .desc {
  font-size: 24px;
  color: #707070;
  margin-bottom: 45px; }
@media only screen and (max-width: 991px) {
  .eat-item .eat-meta .desc {
    font-size: 20px;
    margin-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .eat-item .eat-meta .desc {
    font-size: 14px; } }
@media only screen and (max-width: 540px) {
  .eat-item .eat-meta .button6 a, .eat-item .eat-meta .header-bar__search-form a {
    width: 100%; } }
@media only screen and (max-width: 767px) {
  .eat-item .eat-meta .button6, .eat-item .eat-meta .header-bar__search-form {
    text-align: center; } }

.product-thumbs {
  margin-top: 41px;
  padding-right: 40px; }
@media only screen and (max-width: 767px) {
  .product-thumbs {
    display: none; } }
.product-thumbs .slick-list {
  padding-right: 15%; }
.product-thumbs .image-slide {
  padding-right: 18px; }
@media only screen and (max-width: 1350px) {
  .product-thumbs .image-slide {
    padding-right: 12px; } }
.product-thumbs .image-slide img {
  width: 324px;
  object-fit: cover;
  height: 324px; }
@media only screen and (max-width: 1680px) {
  .product-thumbs .image-slide img {
    width: 250px;
    height: 250px; } }
@media only screen and (max-width: 1350px) {
  .product-thumbs .image-slide img {
    width: 200px;
    height: 200px; } }
@media only screen and (max-width: 991px) {
  .product-thumbs .image-slide img {
    width: 130px;
    height: 130px; } }
.product-thumbs .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 0;
  height: 40px;
  width: 20px;
  font-size: 0; }
.product-thumbs .slick-arrow.slick-prev {
  background: url("../images/blue-small-arrow-left.svg") no-repeat center transparent;
  left: 5%;
  background-size: 100%; }
.product-thumbs .slick-arrow.slick-next {
  background: url("../images/blue-small-arrow-right.svg") no-repeat center transparent;
  right: 0;
  background-size: 100%; }

.product-section {
  padding: 100px 0 160px; }
@media only screen and (max-width: 1680px) {
  .product-section {
    padding: 100px 0 8.5%; } }
@media only screen and (max-width: 767px) {
  .product-section {
    padding-top: 25px; } }
@media only screen and (max-width: 767px) {
  .product-section .container {
    padding-right: 0;
    padding-left: 0; } }
.product-section .product-content-cover {
  padding-left: 16%;
  padding-top: 6%; }
@media only screen and (max-width: 1260px) {
  .product-section .product-content-cover {
    padding-left: 50px;
    padding-top: 15px; } }
@media only screen and (max-width: 991px) {
  .product-section .product-content-cover {
    padding-left: 20px;
    padding-top: 15px; } }
@media only screen and (max-width: 767px) {
  .product-section .product-content-cover {
    padding: 35px 35px 0 35px; } }
.product-section .product-content-cover h1 {
  font-family: 'DIN-Bold';
  letter-spacing: 2px; }
@media only screen and (max-width: 767px) {
  .product-section .product-content-cover h1 {
    margin-bottom: 0;
    padding-bottom: 35px; } }
.product-section .price-qty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
/*   -ms-flex-pack: justify; */
/*   justify-content: space-between; */
/*   margin: 40px 0; */
  flex-wrap: wrap; }
@media only screen and (max-width: 991px) {
  .product-section .price-qty {
    margin-bottom: 25px; } }
@media only screen and (max-width: 767px) {
  .product-section .price-qty {
    display: flex;
    flex-direction: column;
    align-items: normal;
    margin-top: 25px; } }
.product-section .price-qty h3 {
  letter-spacing: 1.3px; }
@media only screen and (max-width: 767px) {
  .product-section .price-qty h3 {
    padding-bottom: 0px; } }
.product-section .price-qty .product_v_wrapper {
  text-align: right; }
@media only screen and (max-width: 767px) {
  .product-section .price-qty .product_v_wrapper {
    text-align: left;
    padding-top: 20px; } }
.product-section .price-qty .product_v_wrapper .selector-wrapper {
  margin-bottom: 15px; }
.product-section .price-qty .product_v_wrapper .selector-wrapper select {
  font-size: 18px; }
.product-section .price-qty .product_v_wrapper a {
  font-size: 20px;
  border-bottom: solid 1px #CBB682;
  padding-top: 25px;
  display: inline-block;
  letter-spacing: 1px; }
@media only screen and (max-width: 767px) {
  .product-section .price-qty .product_v_wrapper a {
    padding-top: 15px; } }
.product-section .price-qty .price_box h6 {
  font-size: 22px;
  padding-top: 10px; }
.product-section .qty {
  border: 2px solid #b9ad9b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 304px;
  width: 100%; }
@media only screen and (max-width: 991px) {
  .product-section .qty {
    width: unset; } }
.product-section .qty button {
  padding: 0;
  width: 43px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  line-height: 43px;
  height: 43px;
  font-size: 18px;
  font-family: "DIN-Bold";
  color: #CBB682; }
.product-section .qty input {
  text-align: center;
  border: 0;
  border-left: 2px solid #CBB682;
  border-right: 2px solid #CBB682;
  height: 43px;
  flex-grow: 1;
  line-height: 43px;
  font-size: 18px;
  font-family: "DIN-Bold";
  color: #CBB682;
  display: flex; }
@media only screen and (max-width: 991px) {
  .product-section .qty input {
    width: 100px; } }
.product-section .add-to-cart-button {
  width: 100%;
  margin-top: 40px; }
@media only screen and (max-width: 767px) {
  .product-section .add-to-cart-button {
    max-width: 304px; } }
.product-section .add-to-cart-button button,
.product-section .add-to-cart-button a {
  width: 100%;
  font-family: "DIN-Bold";
  font-size: 20px;
  letter-spacing: 1px; }
.product-section .add-to-cart-button .sold-out {
  opacity: 0.4;
  cursor: no-drop; }

.product-description {
/*   margin-top: 40px;
  padding-bottom: 30px;  */
}
@media only screen and (max-width: 991px) {
  .product-description {
    margin-top: 35px; } }
@media only screen and (max-width: 767px) {
  .product-description {
    margin-top: 30px;
    padding-bottom: 20px; } }
.product-description h5 {
  margin-bottom: 20px;
  margin-top: 20px;
  letter-spacing: 1px;
  position: relative;
  cursor: pointer; }
.product-description h5:after {
  content: '+';
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 1.3;
  transition: all ease-in-out 0.3s; }
@media only screen and (max-width: 767px) {
  .product-description h5:after {
    line-height: 1; } }
.product-description h5.active:after {
  content: '-'; }
@media only screen and (max-width: 991px) {
  .product-description h5 {
    margin-bottom: 10px;
    margin-top: 10px; } }
.product-description .desc {
  font-size: 20px;
  line-height: 2; 
display: none;
}
@media only screen and (max-width: 1350px) {
  .product-description .desc {
    line-height: 1.5; } }
@media only screen and (max-width: 991px) {
  .product-description .desc {
    font-size: 16px; } }
.product-description .desc p {
  margin-bottom: 30px; }
@media only screen and (max-width: 1350px) {
  .product-description .desc p {
    margin-bottom: 25px; } }
@media only screen and (max-width: 991px) {
  .product-description .desc p {
    margin-bottom: 15px; } }

.product-sepline {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  border: none;
  height: 3px;
  background: #F8F2E9; }

.related-products {
  padding-top: 117px; }
@media only screen and (max-width: 1680px) {
  .related-products {
    padding-top: 7%; } }
@media only screen and (max-width: 767px) {
  .related-products {
    padding-top: 40px; } }
.related-products h2 {
  text-align: center;
  margin-bottom: 63px;
  color: #204B6E;
  letter-spacing: 1.5px; }
@media only screen and (max-width: 1680px) {
  .related-products h2 {
    margin-bottom: 4%; } }
@media only screen and (max-width: 767px) {
  .related-products h2 {
    margin-bottom: 30px; } }
.related-products .product-item {
  margin-top: 70px; }
@media only screen and (max-width: 1680px) {
  .related-products .product-item {
    margin-top: 4%; } }
@media only screen and (max-width: 1680px) {
  .related-products .product-item {
    margin-top: 30px; } }
@media only screen and (max-width: 1350px) {
  .related-products .product-item {
    margin-top: 30px; } }
@media only screen and (max-width: 767px) {
  .related-products .product-item {
    margin-top: 50px; } }

.related-product-item {
  padding: 0 36px;
  text-align: center; }
@media only screen and (max-width: 1680px) {
  .related-product-item {
    padding: 0 30px; } }
@media only screen and (max-width: 1024px) {
  .related-product-item {
    padding: 0 15px; } }
@media only screen and (max-width: 767px) {
  .related-product-item {
    margin-bottom: 40px; } }
@media only screen and (max-width: 767px) {
  .related-product-item:last-child {
    margin-bottom: 0px; } }
.related-product-item .rp-image {
  margin-bottom: 1px; }
.related-product-item .rp-image img {
  display: block;
/*   width: 100%; */
  height: 430px;
  object-fit: cover; }
.related-product-item .related-item-cover {
  height: 100%;
  display: flex;
  flex-direction: column; }
.related-product-item .rp-content {
  background-color: #204B6E;
  padding: 37px 12%;
  padding-bottom: 57px;
  color: #ffffff;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
@media only screen and (max-width: 991px) {
  .related-product-item .rp-content {
    padding: 37px 15px;
    padding-bottom: 40px; } }
@media only screen and (max-width: 767px) {
  .related-product-item .rp-content {
    padding: 25px 15px;
    padding-bottom: 30px; } }
.related-product-item .rp-content h5 {
  margin-bottom: 40px;
  letter-spacing: 1px; }
.related-product-item .rp-content .btn-border4 a {
  border-width: 2px; }

.contact-section {
  padding: 82px 0 182px; }
@media only screen and (max-width: 991px) {
  .contact-section {
    padding: 50px 0 50px; } }
@media only screen and (max-width: 991px) {
  .contact-section .container {
    padding-left: 40px;
    padding-right: 40px; } }
.contact-section .desc {
  max-width: 755px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 1.5; }
@media only screen and (max-width: 991px) {
  .contact-section .desc {
    font-size: 14px;
    line-height: 1.4; } }
.contact-section .contact-form {
  max-width: 1495px;
  margin: 84px auto 0; }
@media only screen and (max-width: 991px) {
  .contact-section .contact-form {
    margin: 50px auto 0; } }
.contact-section .contact-form .form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
@media only screen and (max-width: 991px) {
  .contact-section .contact-form .form {
    flex-wrap: wrap; } }
.contact-section .select-field {
  flex: 0 0 23%;
  max-width: 23%;
  padding: 0 26px; }
@media only screen and (max-width: 1350px) {
  .contact-section .select-field {
    padding: 0 15px; } }
@media only screen and (max-width: 991px) {
  .contact-section .select-field {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0; } }
.contact-section .select-field select {
  width: 100%;
  height: 67px;
  border: 1px solid #a2a0a0;
  padding: 18px 23px;
  display: none; }
.contact-section .form-fields {
  flex: 0 0 77%;
  max-width: 77%;
  padding: 0 26px; }
@media only screen and (max-width: 1350px) {
  .contact-section .form-fields {
    padding: 0 15px; } }
@media only screen and (max-width: 991px) {
  .contact-section .form-fields {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0; } }
.contact-section .form-fields .formBuilder {
  max-width: unset;
  border-radius: 0;
  padding: 0; }
.contact-section .submit-button {
  margin-top: 12.5%;
  padding-left: 24%; }

.selectbox {
  border: 1px solid #a2a0a0; }
@media only screen and (max-width: 991px) {
  .selectbox {
    margin-bottom: 15px; } }
.selectbox .selectbox__label {
  width: 100%;
  height: 67px;
  padding: 18px 23px;
  background-color: #e9e2db;
  font-size: 20px;
  letter-spacing: 1px;
  background-image: url("../images/select-caret.svg");
  background-size: 18px;
  background-position: center right 32px;
  background-repeat: no-repeat; }
@media only screen and (max-width: 1680px) {
  .selectbox .selectbox__label {
    height: unset;
    padding: 10px 15px;
    font-size: 18px; } }
@media only screen and (max-width: 767px) {
  .selectbox .selectbox__label {
    height: unset;
    padding: 10px 15px;
    font-size: 16px; } }
.selectbox .selectbox-options.selectbox-options--hidden {
  display: none; }
.selectbox .selectbox-options .selectbox__option {
  padding: 20px 30px;
  font-size: 20px;
  letter-spacing: 1px; }
@media only screen and (max-width: 1680px) {
  .selectbox .selectbox-options .selectbox__option {
    padding: 10px 15px;
    font-size: 18px; } }
@media only screen and (max-width: 767px) {
  .selectbox .selectbox-options .selectbox__option {
    padding: 10px 15px;
    font-size: 16px; } }
.selectbox .selectbox-options .selectbox__option:hover {
  background-color: #f7f7f7; }
.selectbox .selectbox-options .selectbox__option.selectbox__option--selected {
  background-color: #f7f7f7; }

.input-field, .contact-section .form-fields .formBuilder .form-group {
  margin-bottom: 26px; }
.input-field input[type="text"], .contact-section .form-fields .formBuilder .form-group input[type="text"],
.input-field input[type="email"],
.contact-section .form-fields .formBuilder .form-group input[type="email"],
.input-field input[type="password"],
.contact-section .form-fields .formBuilder .form-group input[type="password"],
.input-field input[type="tel"],
.contact-section .form-fields .formBuilder .form-group input[type="tel"],
.input-field input[type="number"],
.contact-section .form-fields .formBuilder .form-group input[type="number"],
.input-field textarea,
.contact-section .form-fields .formBuilder .form-group textarea {
  border: 1px solid #b9ad9b;
  height: 65px;
  padding: 20px 22px;
  font-family: "DIN-Regular";
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.1;
  text-transform: uppercase;
  width: 100%;
  max-width: 100%; }
.input-field ::-webkit-input-placeholder, .contact-section .form-fields .formBuilder .form-group ::-webkit-input-placeholder {
  font-family: "DIN-Regular";
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #3B3B3B; }
.input-field :-moz-placeholder, .contact-section .form-fields .formBuilder .form-group :-moz-placeholder {
  font-family: "DIN-Regular";
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #3B3B3B; }
.input-field ::-moz-placeholder, .contact-section .form-fields .formBuilder .form-group ::-moz-placeholder {
  font-family: "DIN-Regular";
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #3B3B3B; }
.input-field :-ms-input-placeholder, .contact-section .form-fields .formBuilder .form-group :-ms-input-placeholder {
  font-family: "DIN-Regular";
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #3B3B3B; }
.input-field textarea, .contact-section .form-fields .formBuilder .form-group textarea {
  min-height: 274px; }

.enquiries-section {
  padding: 96px 0;
  background-color: #F8F2E9; }

.enquiries-contacts h4 {
  line-height: 30px; }
.enquiries-contacts h4:not(:last-child) {
  margin-bottom: 15px; }
.enquiries-contacts a {
  text-transform: none;
  color: #3B3B3B;
  font-family: "DIN-Regular"; }

.product-item .bold_options {
  margin-bottom: 50px; }
.product-item .bold_options.bold_options_loaded {
  display: none; }

.visually-hidden {
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px; }

.bold_options {
  margin-bottom: 35px; }
.bold_options .bold_option_total {
  color: #204B6E;
  font-size: 25px; }
.bold_options .bold_option_total span {
  color: #204B6E; }
.bold_options .bold_option_title {
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  font-family: 'DIN-Bold';
  font-size: 20px; }
@media only screen and (max-width: 1260px) {
  .bold_options .bold_option_title {
    font-size: 16px; } }
.bold_options .bold_option_value {
  margin-right: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline; }
.bold_options .bold_option_value > label {
  display: table;
  width: 100%; }
.bold_options .bold_option_value .bold_option_value_title {
  font-size: 20px;
  line-height: 1.5;
  padding-left: 20px;
  letter-spacing: 1px;
  display: table-cell;
  text-align: left;
  padding-bottom: 15px; }
@media only screen and (max-width: 1260px) {
  .bold_options .bold_option_value .bold_option_value_title {
    font-size: 16px;
    padding-left: 5px;
    padding-bottom: 10px; } }
@media only screen and (max-width: 767px) {
  .bold_options .bold_option_value .bold_option_value_title {
    font-size: 14px; } }
.bold_options .bold_option_value .bold_option_value_element {
  display: table-cell;
  width: 25px; }
.bold_options .bold_option_value .bold_option_value_price {
  display: table-cell;
  text-align: right;
  font-size: 20px;
  padding-left: 5px; }
@media only screen and (max-width: 1260px) {
  .bold_options .bold_option_value .bold_option_value_price {
    font-size: 16px; } }
@media only screen and (max-width: 767px) {
  .bold_options .bold_option_value .bold_option_value_price {
    font-size: 14px; } }
.bold_options .bold_option_value .bold_option_value_quantity {
  padding-left: 10px; }
.bold_options .bold_option_value .bold_option_value_quantity input {
  font-size: 20px; }
@media only screen and (max-width: 1260px) {
  .bold_options .bold_option_value .bold_option_value_quantity input {
    font-size: 16px; } }
@media only screen and (max-width: 767px) {
  .bold_options .bold_option_value .bold_option_value_quantity input {
    font-size: 14px; } }
.bold_options .bold_option_value input[type='checkbox'] {
  -webkit-appearance: none;
  border: none; }
.bold_options .bold_option_value input[type='checkbox']:checked:after {
  width: 21px;
  height: 21px;
  border: solid 1px #3B3B3B;
  background-color: #3B3B3B; }
@media only screen and (max-width: 1260px) {
  .bold_options .bold_option_value input[type='checkbox']:checked:after {
    width: 15px;
    height: 15px; } }
.bold_options .bold_option_value input[type='checkbox']:after {
  line-height: 1.5em;
  content: '';
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-top: -4px;
  margin-left: -3px;
  border: solid 1px #3B3B3B;
  background: #ffffff; }
@media only screen and (max-width: 1260px) {
  .bold_options .bold_option_value input[type='checkbox']:after {
    width: 15px;
    height: 15px;
    margin-top: 0; } }
.bold_options .bold_option_textbox .bold_option_element select,
.bold_options .bold_option_dropdown .bold_option_element select {
  font-family: inherit;
  font-size: 20px;
  padding: 10px 15px;
  -webkit-appearance: none;
  color: #CBB682;
  border: solid 2px #CBB682;
  width: 100%; }
.bold_options .bold_option_textbox .bold_option_element textarea,
.bold_options .bold_option_dropdown .bold_option_element textarea {
  width: 100%;
  height: 250px; }
.bold_options .bold_option_textbox .bold_option_element input,
.bold_options .bold_option_dropdown .bold_option_element input {
  width: 100%;
  display: block;
  padding: 15px 10px; }

.product-form hr {
  margin: 0;
  border-color: rgba(203, 182, 130, 0.3); }
.product-form .selector-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative; }
.product-form .selector-wrapper:after {
  content: '';
  height: 6px;
  width: 6px;
  position: absolute;
  border-right: solid 2px #CBB682;
  border-bottom: solid 2px #CBB682;
  transform: rotate(45deg);
  right: 16px; }
.product-form .selector-wrapper label {
  text-transform: uppercase;
  font-weight: bold; }
.product-form .single-option-selector {
  font-family: inherit;
  font-size: 20px;
  padding: 10px 15px;
  border: 2px solid #CBB682;
  -webkit-appearance: none;
  color: #CBB682;
  width: 100%; }
.product-form .delicious_title {
  font-size: 25px;
  color: #CBB682;
  padding-top: 50px; }
@media only screen and (max-width: 1350px) {
  .product-form .delicious_title {
    font-size: 20px;
    padding-top: 30px; } }
@media only screen and (max-width: 767px) {
  .product-form .delicious_title {
    font-size: 18px;
    padding-top: 20px; } }

.come-see-head {
  background-color: #ffffff; }

.come-see {
  background-color: #ffffff; }
@media only screen and (max-width: 767px) {
  .come-see .container {
    padding: 0 40px; } }
.come-see .come-see-in {
  padding-bottom: 80px; }
@media only screen and (max-width: 1350px) {
  .come-see .come-see-in {
    padding-bottom: 50px; } }
@media only screen and (max-width: 767px) {
  .come-see .come-see-in {
    padding-bottom: 20px; } }
@media only screen and (max-width: 767px) {
  .come-see .come-see-in:first-child {
    border-top: solid 1px #204B6E; } }
.come-see .come-see-in .left {
  position: relative; }
@media only screen and (max-width: 767px) {
  .come-see .come-see-in .left {
    order: 2; } }
.come-see .come-see-in .left .slick-arrow {
  position: absolute;
  background-color: transparent;
  border: none;
  color: #ffffff;
  top: 0;
  right: 30px;
  font-size: 0;
  height: 45px;
  width: 45px;
  border-right: solid 3px #ffffff;
  border-top: solid 3px #ffffff;
  transform: rotate(45deg);
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto; }
@media only screen and (max-width: 991px) {
  .come-see .come-see-in .left .slick-arrow {
    height: 30px;
    width: 30px; } }
.come-see .come-see-in .left .slick-arrow.slick-prev {
  left: 30px;
  transform: rotate(-135deg); }
.come-see .come-see-in .left h2 {
  color: #204B6E; }
.come-see .come-see-in .left .place-slider .place-slider-in img {
  width: 100%;
  max-height: 544px;
  height: 100%;
  object-fit: cover; }
@media only screen and (max-width: 767px) {
  .come-see .come-see-in .left .place-slider .place-slider-in img {
    height: 375px; } }
.come-see .come-see-in .right {
  padding-left: 100px;
  display: flex;
  justify-content: space-between;
  flex-direction: column; }
@media only screen and (max-width: 1350px) {
  .come-see .come-see-in .right {
    padding-left: 50px; } }
@media only screen and (max-width: 991px) {
  .come-see .come-see-in .right {
    padding-left: 15px; } }
@media only screen and (max-width: 767px) {
  .come-see .come-see-in .right {
    order: 1;
    padding-bottom: 30px;
    padding-left: 0; } }
.come-see .come-see-in .right h2 {
  color: #204B6E;
  letter-spacing: 1.5px; }
@media only screen and (max-width: 767px) {
  .come-see .come-see-in .right h2 {
    padding-top: 20px; } }
.come-see .come-see-in .right .visit-address {
  padding-bottom: 50px; }
@media only screen and (max-width: 991px) {
  .come-see .come-see-in .right .visit-address {
    padding-bottom: 25px; } }
.come-see .come-see-in .right .visit-address p {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1.7; }
@media only screen and (max-width: 991px) {
  .come-see .come-see-in .right .visit-address p {
    font-size: 16px; } }
.come-see .come-see-in .right .visit-address p span {
  font-weight: bold; }
.come-see .come-see-in .right ul {
  list-style: none;
  padding-left: 0;
  padding-bottom: 30px; }
@media only screen and (max-width: 991px) {
  .come-see .come-see-in .right ul {
    padding-bottom: 15px; } }
@media only screen and (max-width: 767px) {
  .come-see .come-see-in .right ul {
    padding-bottom: 30px; } }
.come-see .come-see-in .right ul li {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1.7; }
@media only screen and (max-width: 991px) {
  .come-see .come-see-in .right ul li {
    font-size: 16px; } }
@media only screen and (max-width: 540px) {
  .come-see .come-see-in .right .button6 a, .come-see .come-see-in .right .header-bar__search-form a {
    width: 100%; } }

.accordion-content {
  display: none; }

.site-path {
  background-color: #ffffff;
  padding-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; }
.site-path > a {
  text-transform: uppercase;
  position: relative;
  padding-left: 15px;
  font-size: 30px; }
@media only screen and (max-width: 1680px) {
  .site-path > a {
    font-size: 22px; } }
@media only screen and (max-width: 767px) {
  .site-path > a {
    font-size: 14px; } }
.site-path > a:before {
  content: '';
  height: 10px;
  width: 10px;
  border-right: solid 2px #CBB682;
  border-bottom: solid 2px #CBB682;
  display: inline-block;
  transform: rotate(135deg);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto; }
@media only screen and (max-width: 1199px) {
  .site-path > a {
    order: 1; } }
@media only screen and (max-width: 767px) {
  .site-path {
    padding: 0 15px 15px; } }
.site-path .site-path-in {
  display: flex;
  align-items: center; }
@media only screen and (max-width: 1199px) {
  .site-path .site-path-in {
    order: 2;
    padding-top: 15px;
    width: 100%; } }
.site-path .site-path-in a {
  color: #204B6E;
  font-size: 30px;
  padding-right: 45px;
  font-weight: bold;
  position: relative;
  text-transform: uppercase;
  line-height: 1.3; }
@media only screen and (max-width: 1680px) {
  .site-path .site-path-in a {
    font-size: 22px; } }
@media only screen and (max-width: 767px) {
  .site-path .site-path-in a {
    padding-right: 30px;
    font-size: 14px; } }
.site-path .site-path-in a:after {
  content: '';
  display: block;
  height: 15px;
  width: 15px;
  border-right: solid 2px #204B6E;
  border-bottom: solid 2px #204B6E;
  transform: rotate(-45deg);
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto; }
@media only screen and (max-width: 767px) {
  .site-path .site-path-in a:after {
    height: 10px;
    width: 10px;
    right: 15px; } }
.site-path .site-path-in a:last-child {
  font-weight: 100;
  padding-right: 0; }
.site-path .site-path-in a:last-child:after {
  display: none; }

.mini-cart {
  background-color: #F8F2E9;
  position: fixed;
  top: 0;
  right: -540px;
  max-width: 500px;
  width: 100%;
  z-index: 99999;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  overflow-y: scroll; }
@media only screen and (max-width: 540px) {
  .mini-cart {
    max-width: 100%; } }
.mini-cart.active {
  right: 0; }
.mini-cart h3 {
  text-align: center;
  color: #204B6E;
  padding-bottom: 70px;
  letter-spacing: 1.5px; }
@media only screen and (max-width: 540px) {
  .mini-cart h3 {
    padding-bottom: 30px; } }
.mini-cart .left {
  max-width: 220px;
  width: 100%;
  padding-bottom: 45px; }
.mini-cart .left .title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  padding-bottom: 5px;
  letter-spacing: 0.8px; }
.mini-cart .left p {
  font-size: 14px;
  letter-spacing: 0.7px; }
@media only screen and (max-width: 540px) {
  .mini-cart .left p {
    font-size: 12px; } }
.mini-cart .left p span {
  font-weight: bold;
  text-transform: uppercase;
  padding-right: 5px; }
.mini-cart .left input {
  font-family: inherit;
  padding: 5px;
  margin-top: 5px;
  border: solid 1px #3B3B3B; }
.mini-cart .right {
  margin-left: auto; }
.mini-cart .right img {
  max-width: 108px;
  width: 100%;
  height: auto; }
.mini-cart .mini-cart-desc {
  padding-top: 20px;
  border-top: solid 1px #204B6E;
  border-bottom: solid 1px #204B6E;
  width: 100%; }
.mini-cart .mini-cart-desc .accordion-heading {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 20px;
  position: relative;
  cursor: pointer; }
.mini-cart .mini-cart-desc .accordion-heading:after {
  content: '+';
  font-size: 20px;
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 1.3;
  transition: all ease-in-out 0.3s; }
.mini-cart .mini-cart-desc .accordion-heading.active:after {
  content: '-'; }
.mini-cart .mini-cart-desc .accordion-content {
  margin-bottom: 20px; }
.mini-cart .mini-cart-desc .accordion-content textarea {
  border: solid 1px #204B6E;
  background-color: #ffffff;
  width: 100%;
  padding-bottom: 20px; }
.mini-cart .mini-cart-total {
  padding-top: 20px;
  padding-bottom: 20px; }
.mini-cart .mini-cart-total p {
  font-size: 14px;
  padding-bottom: 5px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  letter-spacing: 0.7px; }
.mini-cart .mini-top {
  padding: 45px;
  position: relative;
  padding-bottom: 20px; }
@media only screen and (max-width: 540px) {
  .mini-cart .mini-top {
    padding: 45px 15px; } }
.mini-cart .mini-top .close-mini-cart {
  position: absolute;
  cursor: pointer;
  top: 25px;
  left: 0;
  max-width: 20px; }
.mini-cart .mini-bottom {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0 25px;
  position: sticky;
  width: 100%;
  bottom: 0;
  background-color: #F8F2E9;
  padding: 15px 25px; }
@media only screen and (max-width: 540px) {
  .mini-cart .mini-bottom {
    padding: 0 15px;
    flex-wrap: wrap; } }
@media only screen and (max-width: 540px) {
  .mini-cart .mini-bottom button,
  .mini-cart .mini-bottom a {
    width: 100%; } }
@media only screen and (max-width: 540px) {
  .mini-cart .mini-bottom button:last-child,
  .mini-cart .mini-bottom a:last-child {
    margin-top: 15px; } }

.header-bar__search-form {
  display: flex;
  padding-top: 30px; }
@media only screen and (max-width: 540px) {
  .header-bar__search-form {
    flex-wrap: wrap; } }
.header-bar__search-form input {
  max-width: 400px;
  width: 100%;
  padding: 9px;
  font-size: 20px;
  height: 100%;
  font-family: inherit;
  text-transform: uppercase;
  -webkit-appearance: none;
  border-radius: 0; }
@media only screen and (max-width: 540px) {
  .header-bar__search-form input {
    max-width: unset;
    width: 100%;
    margin-bottom: 15px; } }
.header-bar__search-form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 20px; }
.header-bar__search-form input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 20px; }
.header-bar__search-form input:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 20px; }
.header-bar__search-form input:-moz-placeholder {
  /* Firefox 18- */
  font-size: 20px; }
@media only screen and (max-width: 767px) {
  .header-bar__search-form input {
    font-size: 16px; }
  .header-bar__search-form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 16px; }
  .header-bar__search-form input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 16px; }
  .header-bar__search-form input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 16px; }
  .header-bar__search-form input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 16px; } }

#storePickupApp .checkoutMethodContainer .inputWithButton input[type=text] {
  background-color: white;
  border-radius: 0 !important;
  box-shadow: none;
  font-family: inherit !important; }
#storePickupApp .checkoutMethodContainer .inputWithButton input[type=text]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px; }
#storePickupApp .checkoutMethodContainer .inputWithButton input[type=text]::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px; }
#storePickupApp .checkoutMethodContainer .inputWithButton input[type=text]:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px; }
#storePickupApp .checkoutMethodContainer .inputWithButton input[type=text]:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px; }
#storePickupApp .checkoutMethodContainer .inputWithButton .button {
  border-radius: 0 !important; }
#storePickupApp .checkoutMethodContainer .inputWithButton .button i {
  color: #204B6E !important; }

#storePickupApp .checkoutMethodsContainer.default .checkoutMethod.active {
  background-color: #CBB682 !important; }

#storePickupApp .checkoutMethodContainer .picker__list-item,
#storePickupApp .checkoutMethodContainer .picker__list-item:first-child,
#storePickupApp .checkoutMethodContainer .picker__list-item:nth-child(0),
#storePickupApp .checkoutMethodContainer .picker__list-item:nth-child(2),
#storePickupApp .checkoutMethodContainer .picker__list-item:nth-child(3),
#storePickupApp .checkoutMethodContainer .picker__list-item:nth-child(4),
#storePickupApp .checkoutMethodContainer .picker__list-item:nth-child(5) {
  width: 100% !important;
  padding: 10px !important;
  line-height: 1 !important;
  border-radius: 0 !important; }

.picker--time {
  min-width: 256px !important;
  max-width: 350px !important; }

.recipe-section {
  padding-bottom: 0; }
@media only screen and (max-width: 767px) {
  .recipe-section h2 {
    display: none; } }
.recipe-section .recipe-list {
  padding-top: 50px;
  margin: 0 -12px; }
@media only screen and (max-width: 1680px) {
  .recipe-section .recipe-list {
    padding-top: 30px; } }
@media only screen and (max-width: 640px) {
  .recipe-section .recipe-list {
    padding-top: 15px; } }
.recipe-section .recipe-list .col-4 {
  width: 33.33%;
  display: flex;
  padding: 75px 12px;
  flex-direction: column; }
@media only screen and (max-width: 1680px) {
  .recipe-section .recipe-list .col-4 {
    padding: 3% 12px; } }
@media only screen and (max-width: 767px) {
  .recipe-section .recipe-list .col-4 {
    width: 50%; } }
@media only screen and (max-width: 640px) {
  .recipe-section .recipe-list .col-4 {
    width: 100%;
    padding: 25px 12px; } }
.recipe-section .recipe-list .col-4 .recipe-cont {
  text-align: center;
  padding-top: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; }
@media only screen and (max-width: 991px) {
  .recipe-section .recipe-list .col-4 .recipe-cont {
    padding-top: 40px; } }
@media only screen and (max-width: 991px) {
  .recipe-section .recipe-list .col-4 .recipe-cont {
    padding-top: 25px; } }
@media only screen and (max-width: 991px) {
  .recipe-section .recipe-list .col-4 .recipe-cont {
    text-align: left; } }
.recipe-section .recipe-list .col-4 .recipe-cont h3 {
  color: #204B6E; }
.recipe-section .recipe-list .col-4 .recipe-cont p {
  padding: 30px 0; }
@media only screen and (max-width: 640px) {
  .recipe-section .recipe-list .col-4 .recipe-cont p {
    font-size: 20px;
    padding: 22px 0; } }
@media only screen and (max-width: 640px) {
  .recipe-section .recipe-list .col-4 .recipe-cont .button6 a, .recipe-section .recipe-list .col-4 .recipe-cont .header-bar__search-form a {
    width: 100%; } }
@media only screen and (max-width: 640px) {
  .recipe-section .container {
    padding: 0 40px; } }
.recipe-section .job-list {
  padding-top: 0; }
.recipe-section .job-list .col-4 {
  padding-top: 60px;
  padding-bottom: 60px; }
.recipe-section .job-list .row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
.recipe-section .shop-header .job-title-cont {
  text-align: center; }
.recipe-section .shop-header .job-title-cont p {
  font-size: 20px;
  max-width: 755px;
  padding-top: 80px;
  margin: 0 auto; }
@media only screen and (max-width: 1350px) {
  .recipe-section .shop-header .job-title-cont p {
    font-size: 18px;
    padding-top: 50px; } }
@media only screen and (max-width: 767px) {
  .recipe-section .shop-header .job-title-cont p {
    font-size: 16px;
    padding-top: 30px; } }

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

.pagination {
  display: flex;
  list-style: none;
  width: 100%;
  padding-left: 0; }
.pagination li {
  margin: 0 10px;
  font-size: 16px; }

@media only screen and (max-width: 767px) {
  .detail-tab {
    padding-bottom: 20px; } }
.detail-tab .tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: flex; }
@media only screen and (max-width: 767px) {
  .detail-tab .tabs {
    display: none; } }
.detail-tab .tabs li {
  margin: 0;
  cursor: pointer;
  position: relative;
  width: 50%;
  margin-right: 60px;
  border-bottom: 3px solid #F8F2E9; }
@media only screen and (max-width: 1350px) {
  .detail-tab .tabs li {
    margin-right: 50px; } }
@media only screen and (max-width: 1199px) {
  .detail-tab .tabs li {
    margin-right: 35px; } }
.detail-tab .tabs li:last-child {
  margin-right: 0px; }
.detail-tab .tabs li h3 {
  text-transform: uppercase;
  line-height: 1;
  color: #F8F2E9;
  line-height: 2; }
.detail-tab .tabs li.active {
  display: block;
  position: relative;
  border-bottom: 3px solid #204B6E; }
.detail-tab .tabs li.active h3 {
  color: #204B6E; }
.detail-tab .tab_container {
  border-top: none;
  clear: both;
  width: 100%;
  background: #fff;
  overflow: auto; }
.detail-tab .tab_container .tab_content {
  padding: 38px 22px;
  display: none;
  color: #204B6E; }
.detail-tab .tab_container .tab_content ul li {
  display: flex;
  position: relative; }
.detail-tab .tab_container .tab_content ul li:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 1px;
  background-color: #204B6E;
  position: absolute;
  top: 12px; }
.detail-tab .tab_container .tab_content ul li p {
  text-indent: 10px; }
.detail-tab .tab_container .tab_content p {
  padding-bottom: 15px;
  font-size: 14px;
  letter-spacing: 0.12px; }
.detail-tab .tab_container .tab_drawer_heading {
  display: none; }
@media only screen and (max-width: 767px) {
  .detail-tab .tab_container .tab_drawer_heading {
    margin: 0;
    padding: 15px 0;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #F8F2E9;
    padding: 15px;
    margin-bottom: 10px;
    background-image: url("../images/down-caret.svg");
    background-repeat: no-repeat;
    background-position: right 15px center; } }

.white-bg .container {
  border-top: solid 2px #F8F2E9; }

.recipe-detail {
  padding: 100px 0 180px 0; }
@media only screen and (max-width: 1350px) {
  .recipe-detail {
    padding: 90px 0 100px 0; } }
@media only screen and (max-width: 991px) {
  .recipe-detail {
    padding: 50px 0 70px 0; } }
@media only screen and (max-width: 767px) {
  .recipe-detail {
    padding: 50px 0 70px 0; } }
.recipe-detail .col-6 {
  width: 50%; }
@media only screen and (max-width: 767px) {
  .recipe-detail .col-6 {
    width: 100%; } }
.recipe-detail .recipe-det-info {
  padding-left: 125px;
  padding-top: 45px; }
@media only screen and (max-width: 1680px) {
  .recipe-detail .recipe-det-info {
    padding-left: 90px;
    padding-top: 40px; } }
@media only screen and (max-width: 1350px) {
  .recipe-detail .recipe-det-info {
    padding-left: 70px;
    padding-top: 30px; } }
@media only screen and (max-width: 1199px) {
  .recipe-detail .recipe-det-info {
    padding-left: 50px;
    padding-top: 20px; } }
@media only screen and (max-width: 991px) {
  .recipe-detail .recipe-det-info {
    padding-left: 30px;
    padding-top: 0px; } }
@media only screen and (max-width: 767px) {
  .recipe-detail .recipe-det-info {
    padding: 40px; } }
@media only screen and (max-width: 767px) {
  .recipe-detail .recipe-det-info h1 {
    text-align: center; } }
.recipe-detail .recipe-det-info .detail-tab .tab_content {
  padding: 70px 0; }
@media only screen and (max-width: 1350px) {
  .recipe-detail .recipe-det-info .detail-tab .tab_content {
    padding: 50px 0; } }
@media only screen and (max-width: 1199px) {
  .recipe-detail .recipe-det-info .detail-tab .tab_content {
    padding: 40px 0; } }
@media only screen and (max-width: 767px) {
  .recipe-detail .recipe-det-info .detail-tab .tab_content {
    padding: 0; } }
.recipe-detail .recipe-det-info .detail-tab .tab_content ul {
  padding: 0;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2; }
@media only screen and (max-width: 1350px) {
  .recipe-detail .recipe-det-info .detail-tab .tab_content ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1; } }
.recipe-detail .recipe-det-info .detail-tab .tab_content ul p {
  font-size: 20px;
  color: #3B3B3B; }
@media only screen and (max-width: 1350px) {
  .recipe-detail .recipe-det-info .detail-tab .tab_content ul p {
    font-size: 18px; } }
.recipe-detail .recipe-det-info .more-recipe {
  justify-content: space-between;
  display: flex; }
@media only screen and (max-width: 1024px) {
  .recipe-detail .recipe-det-info .more-recipe {
    flex-wrap: wrap; } }
@media only screen and (max-width: 767px) {
  .recipe-detail .recipe-det-info .more-recipe {
    flex-wrap: unset; } }
@media only screen and (max-width: 540px) {
  .recipe-detail .recipe-det-info .more-recipe {
    flex-wrap: wrap; } }
.recipe-detail .recipe-det-info .more-recipe a,
.recipe-detail .recipe-det-info .more-recipe button {
  font-family: 'DIN-Regular';
  max-width: calc(50% - 10px);
  width: 100% !important; }
.recipe-detail .recipe-det-info .more-recipe a.btn,
.recipe-detail .recipe-det-info .more-recipe button.btn {
  width: auto;
  border: 0;
  font-weight: "DIN-Bold";
  border-radius: 0;
  text-align: center;
  border: none;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 1;
  padding: 10px 20px;
  text-transform: uppercase;
  min-width: 208px;
  color: #fffcf8;
  letter-spacing: 1px;
  background: #204B6E;
  color: #ffffff;
  max-width: 300px; }
@media only screen and (max-width: 1680px) {
  .recipe-detail .recipe-det-info .more-recipe a.btn,
  .recipe-detail .recipe-det-info .more-recipe button.btn {
    font-size: 16px; } }
.recipe-detail .recipe-det-info .more-recipe a.btn:hover,
.recipe-detail .recipe-det-info .more-recipe button.btn:hover {
  background: #7CA7AD;
  color: #ffffff; }
@media only screen and (max-width: 1350px) {
  .recipe-detail .recipe-det-info .more-recipe a.btn,
  .recipe-detail .recipe-det-info .more-recipe button.btn {
    max-width: 220px; } }
@media only screen and (max-width: 1024px) {
  .recipe-detail .recipe-det-info .more-recipe a.btn,
  .recipe-detail .recipe-det-info .more-recipe button.btn {
    max-width: 100%; } }
@media only screen and (max-width: 991px) {
  .recipe-detail .recipe-det-info .more-recipe a.btn,
  .recipe-detail .recipe-det-info .more-recipe button.btn {
    padding: 10px;
    min-width: 150px;
    font-size: 14px; } }
@media only screen and (max-width: 767px) {
  .recipe-detail .recipe-det-info .more-recipe a.btn,
  .recipe-detail .recipe-det-info .more-recipe button.btn {
    max-width: 300px; } }
@media only screen and (max-width: 540px) {
  .recipe-detail .recipe-det-info .more-recipe a.btn,
  .recipe-detail .recipe-det-info .more-recipe button.btn {
    min-width: 100%;
    width: 100%;
    margin-bottom: 15px; }
  .recipe-detail .recipe-det-info .more-recipe a.btn:last-child,
  .recipe-detail .recipe-det-info .more-recipe button.btn:last-child {
    margin-bottom: 0; } }
.recipe-detail .recipe-det-info .more-recipe a.shop-btn,
.recipe-detail .recipe-det-info .more-recipe button.shop-btn {
  width: auto;
  border: 0;
  font-weight: "DIN-Bold";
  border-radius: 0;
  text-align: center;
  border: none;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 1;
  padding: 10px 20px;
  text-transform: uppercase;
  min-width: 208px;
  color: #fffcf8;
  letter-spacing: 1px;
  background: #7CA7AD;
  color: #ffffff;
  max-width: 300px; }
@media only screen and (max-width: 1680px) {
  .recipe-detail .recipe-det-info .more-recipe a.shop-btn,
  .recipe-detail .recipe-det-info .more-recipe button.shop-btn {
    font-size: 16px; } }
.recipe-detail .recipe-det-info .more-recipe a.shop-btn:hover,
.recipe-detail .recipe-det-info .more-recipe button.shop-btn:hover {
  background: #CBB682;
  color: #ffffff; }
@media only screen and (max-width: 1350px) {
  .recipe-detail .recipe-det-info .more-recipe a.shop-btn,
  .recipe-detail .recipe-det-info .more-recipe button.shop-btn {
    max-width: 220px; } }
@media only screen and (max-width: 1024px) {
  .recipe-detail .recipe-det-info .more-recipe a.shop-btn,
  .recipe-detail .recipe-det-info .more-recipe button.shop-btn {
    max-width: 100%; } }
@media only screen and (max-width: 991px) {
  .recipe-detail .recipe-det-info .more-recipe a.shop-btn,
  .recipe-detail .recipe-det-info .more-recipe button.shop-btn {
    padding: 10px;
    min-width: 165px;
    font-size: 14px; } }
@media only screen and (max-width: 767px) {
  .recipe-detail .recipe-det-info .more-recipe a.shop-btn,
  .recipe-detail .recipe-det-info .more-recipe button.shop-btn {
    max-width: 225px; } }
@media only screen and (max-width: 540px) {
  .recipe-detail .recipe-det-info .more-recipe a.shop-btn,
  .recipe-detail .recipe-det-info .more-recipe button.shop-btn {
    min-width: 100%;
    width: 100%; } }
.recipe-detail .recipe-det-info .more-recipe .down-btn {
  max-width: 300px;
  width: 100%;
  position: relative; }
@media only screen and (max-width: 1024px) {
  .recipe-detail .recipe-det-info .more-recipe .down-btn {
    max-width: 100%;
    margin-bottom: 15px; } }
@media only screen and (max-width: 767px) {
  .recipe-detail .recipe-det-info .more-recipe .down-btn {
    text-align: center;
    margin-bottom: 0px;
    max-width: 225px; } }
@media only screen and (max-width: 540px) {
  .recipe-detail .recipe-det-info .more-recipe .down-btn {
    max-width: 100%;
    margin-bottom: 15px; } }
.recipe-detail .recipe-det-info .more-recipe .down-btn:before {
  content: '';
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url("https://cdn.shopify.com/s/files/1/0376/5213/files/down-arrow.svg?v=1590057791");
  background-size: 17px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%); }
@media only screen and (max-width: 1350px) {
  .recipe-detail .recipe-det-info .more-recipe .down-btn:before {
    left: 10px; } }
.recipe-detail .recipe-det-info .more-recipe .down-btn .add-to-cart {
  text-align: right; }

.recipe-detail .site-path .site-path-in {
  width: unset;
  order: unset; }
@media only screen and (max-width: 767px) {
  .recipe-detail .site-path .site-path-in {
    justify-content: center;
    width: 100%;
    margin-bottom: 30px; } }
.recipe-detail .site-path .site-path-in a {
  font-size: 20px; }
@media only screen and (max-width: 767px) {
  .recipe-detail .container {
    padding: 0; } }

@media only screen and (max-width: 767px) {
  .cooking-book {
    padding-bottom: 0; } }
@media only screen and (max-width: 767px) {
  .cooking-book .col-6 {
    order: 2; } }
@media only screen and (max-width: 767px) {
  .cooking-book .recipe-det-info {
    order: 1;
    padding: 0; } }
.cooking-book .recipe-det-info .book-detail {
  font-size: 30px;
  color: #3B3B3B;
  letter-spacing: 0;
  padding-bottom: 65px;
  line-height: 1.25; }
@media only screen and (max-width: 1680px) {
  .cooking-book .recipe-det-info .book-detail {
    font-size: 26px;
    padding-bottom: 50px; } }
@media only screen and (max-width: 1350px) {
  .cooking-book .recipe-det-info .book-detail {
    font-size: 22px;
    padding-bottom: 40px; } }
@media only screen and (max-width: 991px) {
  .cooking-book .recipe-det-info .book-detail {
    font-size: 20px; } }
@media only screen and (max-width: 991px) {
  .cooking-book .recipe-det-info .book-detail {
    font-size: 16px;
    display: none; } }
.cooking-book .recipe-det-info .class-detail h5 {
  color: #204B6E;
  padding-bottom: 30px; }
.cooking-book .recipe-det-info .class-detail ul {
  padding-bottom: 45px; }
.cooking-book .recipe-det-info .class-detail ul li {
  list-style: none; }
.cooking-book .recipe-det-info .class-detail ul li p {
  font-size: 20px;
  padding-bottom: 5px;
  position: relative; }
@media only screen and (max-width: 991px) {
  .cooking-book .recipe-det-info .class-detail ul li p {
    font-size: 16px; } }
.cooking-book .recipe-det-info .class-detail ul li p:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 1px;
  left: -15px;
  top: 15px;
  position: absolute;
  background-color: #3B3B3B; }
@media only screen and (max-width: 767px) {
  .cooking-book .recipe-det-info .class-detail {
    display: none; } }
.cooking-book .recipe-det-info .location {
  padding-bottom: 50px;
  border-bottom: solid 2px #F8F2E9; }
@media only screen and (max-width: 767px) {
  .cooking-book .recipe-det-info .location {
    background-color: #7CA7AD;
    color: #ffffff;
    padding: 40px; } }
.cooking-book .recipe-det-info .location p {
  font-size: 20px;
  color: #707070;
  padding-bottom: 10px; }
@media only screen and (max-width: 1350px) {
  .cooking-book .recipe-det-info .location p {
    font-size: 16px; } }
@media only screen and (max-width: 767px) {
  .cooking-book .recipe-det-info .location p {
    color: #ffffff;
    font-size: 20px; } }
@media only screen and (max-width: 640px) {
  .cooking-book .recipe-det-info .location p {
    width: 100%; } }
.cooking-book .recipe-det-info .location .date {
  display: flex;
  justify-content: space-between; }
@media only screen and (max-width: 767px) {
  .cooking-book .recipe-det-info .location .date {
    flex-wrap: wrap; } }
.cooking-book .recipe-det-info .price-qty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 40px 0 75px 0;
  flex-wrap: wrap; }
@media only screen and (max-width: 1024px) {
  .cooking-book .recipe-det-info .price-qty {
    margin: 30px 0 50px 0; } }
@media only screen and (max-width: 767px) {
  .cooking-book .recipe-det-info .price-qty {
    margin: 0;
    padding: 40px 35px 10px 35px; } }
.cooking-book .recipe-det-info .price-qty .product_v_wrapper {
  text-align: right; }
.cooking-book .recipe-det-info .price-qty .product_v_wrapper .qty {
  border: 2px solid #b9ad9b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 304px;
  width: 100%; }
.cooking-book .recipe-det-info .price-qty .product_v_wrapper .qty button {
  padding: 0;
  width: 43px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  line-height: 43px;
  height: 43px;
  font-size: 18px;
  font-family: "DIN-Bold";
  color: #CBB682; }
.cooking-book .recipe-det-info .price-qty .product_v_wrapper .qty input {
  text-align: center;
  border: 0;
  border-left: 2px solid #CBB682;
  border-right: 2px solid #CBB682;
  height: 43px;
  flex-grow: 1;
  line-height: 43px;
  font-size: 18px;
  font-family: "DIN-Bold";
  color: #CBB682;
  display: flex; }
@media only screen and (max-width: 540px) {
  .cooking-book .recipe-det-info .price-qty .price_box {
    width: 100%;
    margin-bottom: 30px; } }
.cooking-book .cook-book-info {
  display: none; }
@media only screen and (max-width: 640px) {
  .cooking-book .cook-book-info {
    display: block; } }
.cooking-book .site-path .site-path-in {
  width: auto;
  order: unset; }
@media only screen and (max-width: 767px) {
  .cooking-book .site-path .site-path-in {
    width: 100%;
    justify-content: center; } }
@media only screen and (max-width: 767px) {
  .cooking-book .site-path .site-path-in a {
    font-size: 20px; } }
@media only screen and (max-width: 991px) {
  .cooking-book .filter {
    max-width: 250px; } }
@media only screen and (max-width: 767px) {
  .cooking-book .filter {
    margin: 0 auto;
    padding: 25px 0;
    display: none; } }
@media only screen and (max-width: 767px) {
  .cooking-book .more-recipe {
    padding-bottom: 25px; } }
.cooking-book .more-recipe .down-btn:before {
  display: none !important; }

@media only screen and (max-width: 767px) {
  .cooking-book .container {
    padding: 0; } }
.cooking-book .cooking-book-image .recipe-det-info {
  display: none; }
@media only screen and (max-width: 767px) {
  .cooking-book .cooking-book-image .recipe-det-info {
    display: block;
    padding: 40px 35px 0 35px; } }
.cooking-book .cooking-book-image .recipe-det-info .book-detail {
  display: block; }
.cooking-book .cooking-book-image .recipe-det-info .class-detail {
  display: block; }
@media only screen and (max-width: 767px) {
  .cooking-book .cooking-book-image .recipe-det-info .location {
    display: none; } }
@media only screen and (max-width: 767px) {
  .cooking-book .col-6.recipe-det-info .more-recipe .down-btn {
    display: none; } }
@media only screen and (max-width: 767px) {
  .cooking-book .col-6.recipe-det-info h1 {
    text-align: center; } }
@media only screen and (max-width: 767px) {
  .cooking-book .col-6.recipe-det-info .more-recipe {
    padding: 10px 35px 25px 35px;
    justify-content: center; } }

.wholesale-detail {
  padding: 135px 0 70px 0; }
@media only screen and (max-width: 1680px) {
  .wholesale-detail {
    padding: 5% 0; } }
@media only screen and (max-width: 767px) {
  .wholesale-detail .container {
    padding: 0; } }
.wholesale-detail .col-6 {
  width: 50%; }
@media only screen and (max-width: 767px) {
  .wholesale-detail .col-6 {
    width: 100%; } }
.wholesale-detail .col-6.wholesale-info {
  padding-left: 75px; }
@media only screen and (max-width: 767px) {
  .wholesale-detail .col-6.wholesale-info {
    order: 1; } }
@media only screen and (max-width: 1350px) {
  .wholesale-detail .col-6.wholesale-info {
    padding-left: 50px; } }
@media only screen and (max-width: 991px) {
  .wholesale-detail .col-6.wholesale-info {
    padding-left: 15px; } }
@media only screen and (max-width: 991px) {
  .wholesale-detail .col-6.wholesale-info {
    padding: 40px; } }
@media only screen and (max-width: 767px) {
  .wholesale-detail .col-6.wholesale-info h1 {
    text-align: center; } }
.wholesale-detail .col-6.wholesale-info p {
  font-size: 20px;
  padding-bottom: 30px; }
@media only screen and (max-width: 991px) {
  .wholesale-detail .col-6.wholesale-info p {
    font-size: 16px; } }
@media only screen and (max-width: 767px) {
  .wholesale-detail .col-6.wholesale-info p {
    padding-bottom: 20px; } }
.wholesale-detail .col-6.wholesale-info .button6, .wholesale-detail .col-6.wholesale-info .header-bar__search-form {
  padding-top: 30px; }
@media only screen and (max-width: 767px) {
  .wholesale-detail .col-6.wholesale-info .button6, .wholesale-detail .col-6.wholesale-info .header-bar__search-form {
    text-align: center; } }
@media only screen and (max-width: 640px) {
  .wholesale-detail .col-6.wholesale-info .button6 button, .wholesale-detail .col-6.wholesale-info .header-bar__search-form button {
    width: 100%; } }
.wholesale-detail .col-6.wholesale-info ul {
  list-style: none; }
.wholesale-detail .col-6.wholesale-info ul li {
  position: relative; }
.wholesale-detail .col-6.wholesale-info ul li:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 1px;
  background-color: #3B3B3B;
  position: absolute;
  top: 15px;
  left: -10px; }
@media only screen and (max-width: 767px) {
  .wholesale-detail .col-6.wholesale-image {
    order: 2; } }

@media only screen and (max-width: 767px) {
  .our-family .container {
    padding: 0 25px; } }
.our-family h2 {
  margin-bottom: 160px; }
@media only screen and (max-width: 1680px) {
  .our-family h2 {
    margin-bottom: 130px; } }
@media only screen and (max-width: 1350px) {
  .our-family h2 {
    margin-bottom: 70px; } }
@media only screen and (max-width: 1024px) {
  .our-family h2 {
    margin-bottom: 50px; } }
@media only screen and (max-width: 767px) {
  .our-family h2 {
    margin-bottom: 40px; } }
.our-family .col-6.wholesale-info {
  padding-left: 145px; }
@media only screen and (max-width: 1680px) {
  .our-family .col-6.wholesale-info {
    padding-left: 100px; } }
@media only screen and (max-width: 1350px) {
  .our-family .col-6.wholesale-info {
    padding-left: 80px; } }
@media only screen and (max-width: 1260px) {
  .our-family .col-6.wholesale-info {
    padding-left: 50px; } }
@media only screen and (max-width: 991px) {
  .our-family .col-6.wholesale-info {
    padding-left: 20px; } }
@media only screen and (max-width: 991px) {
  .our-family .col-6.wholesale-info {
    padding: 50px 15px; } }

.oasis-thoughts {
  background-size: cover; }
.oasis-thoughts h2 {
  color: #ffffff;
  text-transform: unset;
  text-align: center;
  margin: 0 auto;
  padding: 140px 0;
  max-width: 1250px;
  font-family: "DIN-Regular"; }
@media only screen and (max-width: 1680px) {
  .oasis-thoughts h2 {
    padding: 100px 0; } }
@media only screen and (max-width: 991px) {
  .oasis-thoughts h2 {
    padding: 80px 0; } }
@media only screen and (max-width: 767px) {
  .oasis-thoughts h2 {
    padding: 50px 30px;
    font-size: 30px;
    line-height: 1.5; } }

.oasis-media {
  padding: 100px 0; }
@media only screen and (max-width: 1350px) {
  .oasis-media {
    padding: 70px 0; } }
@media only screen and (max-width: 991px) {
  .oasis-media {
    padding: 50px 0; } }
@media only screen and (max-width: 767px) {
  .oasis-media {
    padding: 0; } }
.oasis-media h2 {
  padding-bottom: 130px;
  text-align: center; }
@media only screen and (max-width: 1680px) {
  .oasis-media h2 {
    margin: 0;
    padding-bottom: 100px; } }
@media only screen and (max-width: 1350px) {
  .oasis-media h2 {
    margin: 0;
    padding-bottom: 70px; } }
@media only screen and (max-width: 1350px) {
  .oasis-media h2 {
    padding-bottom: 50px; } }
@media only screen and (max-width: 767px) {
  .oasis-media h2 {
    order: 2;
    padding: 45px 15px;
    border-bottom: solid 2px #F8F2E9; } }
.oasis-media .row {
  justify-content: space-between; }
.oasis-media .col-6 {
  width: calc(50% - 35px); }
@media only screen and (max-width: 1024px) {
  .oasis-media .col-6 {
    width: calc(50% - 15px); } }
@media only screen and (max-width: 767px) {
  .oasis-media .col-6 {
    width: 100%; } }
.oasis-media .media-box {
  padding: 90px 40px 0; }
@media only screen and (max-width: 1024px) {
  .oasis-media .media-box {
    padding: 50px 20px 0; } }
@media only screen and (max-width: 1024px) {
  .oasis-media .media-box {
    padding: 40px 15px 0; } }
@media only screen and (max-width: 1024px) {
  .oasis-media .media-box {
    padding: 40px 0px 0; } }
@media only screen and (max-width: 767px) {
  .oasis-media .media-box {
    border-bottom: solid 2px #F8F2E9;
    padding-bottom: 40px;
    padding-top: 0; } }
.oasis-media .media-box:last-child {
  border-bottom: none; }
.oasis-media .media-box h3 {
  padding-bottom: 25px; }
@media only screen and (max-width: 1350px) {
  .oasis-media .media-box h3 {
    padding-bottom: 15px; } }
@media only screen and (max-width: 767px) {
  .oasis-media .media-box h3 {
    padding: 38px 45px; } }
.oasis-media .media-box h3 span {
  text-transform: capitalize; }
.oasis-media .media-box hr {
  max-width: 417px;
  background-color: transparent;
  margin-left: 0;
  border: solid 1px #F8F2E9;
  margin-bottom: 30px; }
@media only screen and (max-width: 1350px) {
  .oasis-media .media-box hr {
    margin-bottom: 20px; } }
@media only screen and (max-width: 767px) {
  .oasis-media .media-box hr {
    display: none; } }
.oasis-media .media-box p {
  font-size: 24px;
  padding-bottom: 40px;
  color: #707070;
  max-width: 600px; }
@media only screen and (max-width: 1350px) {
  .oasis-media .media-box p {
    font-size: 20px; } }
@media only screen and (max-width: 991px) {
  .oasis-media .media-box p {
    font-size: 18px;
    padding-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .oasis-media .media-box p {
    max-width: unset;
    padding: 0 45px 15px 45px;
    font-size: 16px; } }
.oasis-media .media-box p:last-child {
  padding-bottom: 0; }
@media only screen and (max-width: 767px) {
  .oasis-media .media-image {
    order: 1; } }
@media only screen and (max-width: 767px) {
  .oasis-media .media-image .col-6:last-child {
    display: none; } }
@media only screen and (max-width: 767px) {
  .oasis-media .container {
    display: flex;
    flex-direction: column;
    padding: 0; } }
@media only screen and (max-width: 767px) {
  .oasis-media .media-contain {
    order: 3; } }
.oasis-media img {
  width: 100%;
  max-height: 600px;
  object-fit: cover;
  height: 100%; }
@media only screen and (max-width: 1350px) {
  .oasis-media img {
    max-height: 450px; } }

.venue-hire .media-box hr {
  max-width: unset; }
.venue-hire .venue-title-cont {
  max-width: 755px;
  font-size: 20px;
  margin: 0 auto;
  padding-bottom: 100px; }
@media only screen and (max-width: 1680px) {
  .venue-hire .venue-title-cont {
    padding-bottom: 70px; } }
@media only screen and (max-width: 1024px) {
  .venue-hire .venue-title-cont {
    font-size: 18px;
    padding-bottom: 50px; } }
@media only screen and (max-width: 767px) {
  .venue-hire .venue-title-cont {
    padding: 0 45px 45px 45px;
    max-width: unset;
    font-size: 14px; } }
.venue-hire h2 {
  padding-bottom: 0; }
@media only screen and (max-width: 1680px) {
  .venue-hire h2 {
    padding-bottom: 50px; } }
@media only screen and (max-width: 1680px) {
  .venue-hire h2 {
    border: none; } }
@media only screen and (max-width: 767px) {
  .venue-hire .container {
    display: unset; } }
@media only screen and (max-width: 767px) {
  .venue-hire .media-box {
    padding-bottom: 45px; } }
@media only screen and (max-width: 767px) {
  .venue-hire .media-box p {
    font-size: 14px;
    padding-bottom: 40px; } }
@media only screen and (max-width: 767px) {
  .venue-hire .media-box .button6, .venue-hire .media-box .header-bar__search-form {
    padding-left: 45px;
    padding-right: 45px;
    text-align: center; } }
@media only screen and (max-width: 640px) {
  .venue-hire .media-box .button6 button, .venue-hire .media-box .header-bar__search-form button {
    width: 100%; } }
@media only screen and (max-width: 767px) {
  .venue-hire .media-box h3 {
    text-align: center; } }

.set-menu {
  padding: 70px 0 100px 0; }
@media only screen and (max-width: 1350px) {
  .set-menu {
    padding: 50px 0 70px 0; } }
@media only screen and (max-width: 767px) {
  .set-menu {
    padding: 0;
    padding-bottom: 50px; } }
@media only screen and (max-width: 767px) {
  .set-menu .container {
    padding: 0; } }
.set-menu h2 {
  text-align: center;
  margin-bottom: 70px; }
@media only screen and (max-width: 767px) {
  .set-menu h2 {
    display: none; } }
.set-menu .row {
  justify-content: space-between; }
.set-menu .row .col-3 {
  width: calc(25% - 17px); }
.set-menu p {
  font-size: 20px;
  color: #707070;
  max-width: 790px;
  margin: 0 auto;
  padding: 70px 0 60px 0; }
@media only screen and (max-width: 767px) {
  .set-menu p {
    padding: 50px;
    font-size: 16px; } }
.set-menu .button6, .set-menu .header-bar__search-form {
  text-align: center; }
.set-menu .set-menu-slider .slick-arrow {
  position: absolute;
  background-color: transparent;
  border: none;
  color: #ffffff;
  top: 0;
  right: 30px;
  font-size: 0;
  height: 45px;
  width: 45px;
  border-right: solid 3px #ffffff;
  border-top: solid 3px #ffffff;
  transform: rotate(45deg);
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto; }
@media only screen and (max-width: 1260px) {
  .set-menu .set-menu-slider .slick-arrow {
    height: 35px;
    width: 35px; } }
@media only screen and (max-width: 991px) {
  .set-menu .set-menu-slider .slick-arrow {
    height: 30px;
    width: 30px; } }
@media only screen and (max-width: 767px) {
  .set-menu .set-menu-slider .slick-arrow {
    height: 15px;
    width: 15px; } }
.set-menu .set-menu-slider .slick-arrow.slick-prev {
  left: 30px;
  transform: rotate(-135deg); }
.set-menu .set-menu-slider img {
  padding: 0 10px; }
@media only screen and (max-width: 1260px) {
  .set-menu .set-menu-slider img {
    padding: 7px; } }
@media only screen and (max-width: 767px) {
  .set-menu .set-menu-slider img {
    padding: 0;
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .whats-new .container {
    padding: 0; } }
.whats-new h2 {
  margin-bottom: 100px; }
@media only screen and (max-width: 1680px) {
  .whats-new h2 {
    margin-bottom: 70px; } }
@media only screen and (max-width: 1350px) {
  .whats-new h2 {
    margin-bottom: 50px; } }
@media only screen and (max-width: 767px) {
  .whats-new h2 {
    margin-bottom: 45px; } }
.whats-new .row {
  justify-content: space-between; }
.whats-new .row .col-6 {
  width: calc(50% - 40px);
  display: flex;
  flex-direction: column; }
@media only screen and (max-width: 1350px) {
  .whats-new .row .col-6 {
    width: calc(50% - 25px); } }
@media only screen and (max-width: 991px) {
  .whats-new .row .col-6 {
    width: calc(50% - 15px); } }
@media only screen and (max-width: 767px) {
  .whats-new .row .col-6 {
    width: 100%; } }
.whats-new .row .col-6 img {
  display: flex;
  display: flex;
  max-height: 500px;
  object-fit: cover;
  height: 100%;
  width: 100%;
  min-height: 500px; }
@media only screen and (max-width: 1350px) {
  .whats-new .row .col-6 img {
    min-height: 350px;
    max-height: 350px; } }
.whats-new .row .col-6 .new-cont {
  background-color: #7CA7AD;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
.whats-new .row .col-6 .new-cont h2 {
  color: #ffffff;
  padding: 50px;
  text-align: center;
  border-bottom: solid 2px #ffffff;
  margin: 0;
  margin-bottom: 50px; }
@media only screen and (max-width: 1680px) {
  .whats-new .row .col-6 .new-cont h2 {
    padding: 40px; } }
@media only screen and (max-width: 1260px) {
  .whats-new .row .col-6 .new-cont h2 {
    padding: 25px;
    margin-bottom: 35px; } }
.whats-new .row .col-6 .new-cont .new-cont-in p {
  padding-left: 50px;
  padding-right: 50px;
  margin: 0 auto;
  padding-bottom: 30px;
  color: #ffffff;
  font-size: 22px; }
@media only screen and (max-width: 1350px) {
  .whats-new .row .col-6 .new-cont .new-cont-in p {
    padding-left: 35px;
    padding-right: 35px;
    font-size: 20px; } }
@media only screen and (max-width: 991px) {
  .whats-new .row .col-6 .new-cont .new-cont-in p {
    font-size: 18px; } }
@media only screen and (max-width: 767px) {
  .whats-new .row .col-6 .new-cont .new-cont-in p {
    padding-left: 50px;
    padding-right: 50px; } }
.whats-new .row .col-6 .new-cont .new-cont-in p:last-child {
  padding-bottom: 0;
  padding-bottom: 20px; }
.whats-new .row .col-6 .new-cont .btn-border4 {
  text-align: center;
  padding: 70px 0; }
@media only screen and (max-width: 1350px) {
  .whats-new .row .col-6 .new-cont .btn-border4 {
    padding: 50px 0; } }
@media only screen and (max-width: 991px) {
  .whats-new .row .col-6 .new-cont .btn-border4 {
    padding: 30px 0; } }

.book-list {
  padding-top: 100px; }
@media only screen and (max-width: 991px) {
  .book-list {
    padding-top: 70px; } }
@media only screen and (max-width: 640px) {
  .book-list {
    padding-top: 0px; } }
.book-list .site-path {
  padding-bottom: 150px;
  align-items: baseline; }
@media only screen and (max-width: 1680px) {
  .book-list .site-path {
    padding-bottom: 120px; } }
@media only screen and (max-width: 1350px) {
  .book-list .site-path {
    padding-bottom: 90px; } }
@media only screen and (max-width: 991px) {
  .book-list .site-path {
    padding: 0 10px;
    padding-bottom: 50px; } }
@media only screen and (max-width: 640px) {
  .book-list .site-path {
    padding-bottom: 40px; } }
@media only screen and (max-width: 640px) {
  .book-list .site-path .filter {
    margin: 0 auto; } }
@media only screen and (max-width: 640px) {
  .book-list .site-path .filter select {
    padding: 14px 30px 14px 15px;
    font-size: 16px;
    background-color: #CBB682;
    color: #ffffff;
    background-blend-mode: color-dodge;
    border: none; } }
.book-list .row {
  margin: 0 -35px; }
@media only screen and (max-width: 1680px) {
  .book-list .row {
    margin: 0 -25px; } }
@media only screen and (max-width: 1199px) {
  .book-list .row {
    margin: 0 -10px; } }
@media only screen and (max-width: 767px) {
  .book-list .row {
    margin: 0; } }
.book-list .row .col-4 {
  width: 33.33%;
  padding: 0 35px;
  text-align: center;
  display: flex;
  flex-direction: column; }
@media only screen and (max-width: 1680px) {
  .book-list .row .col-4 {
    padding: 0 25px; } }
@media only screen and (max-width: 1199px) {
  .book-list .row .col-4 {
    padding: 0 15px; } }
@media only screen and (max-width: 991px) {
  .book-list .row .col-4 {
    width: 50%;
    margin: 20px 0; } }
@media only screen and (max-width: 767px) {
  .book-list .row .col-4 {
    padding: 0 10px; } }
@media only screen and (max-width: 640px) {
  .book-list .row .col-4 {
    padding: 0px;
    width: 100%;
    margin: 10px 0; } }
.book-list .row .col-4 > a {
  height: 460px; }
@media only screen and (max-width: 1199px) {
  .book-list .row .col-4 > a {
    height: 350px; } }
@media only screen and (max-width: 991px) {
  .book-list .row .col-4 > a {
    height: 400px; } }
@media only screen and (max-width: 767px) {
  .book-list .row .col-4 > a {
    height: 300px; } }
@media only screen and (max-width: 540px) {
  .book-list .row .col-4 > a {
    height: 260px; } }
.book-list .row .col-4 img {
  display: flex;
  object-fit: cover;
  height: 100%;
  width: 100%; }
.book-list .row .col-4 .book-list-info {
  padding: 40px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background-size: cover;
  background-image: url("https://cdn.shopify.com/s/files/1/0376/5213/files/cook.svg?v=1590486848"); }
@media only screen and (max-width: 640px) {
  .book-list .row .col-4 .book-list-info {
    padding: 0; } }
.book-list .row .col-4 .book-list-info .book-title h3 {
  color: #ffffff;
  line-height: 1.5;
  padding-bottom: 20px; }
@media only screen and (max-width: 640px) {
  .book-list .row .col-4 .book-list-info .book-title h3 {
    padding-bottom: 0;
    font-size: 30px; } }
@media only screen and (max-width: 640px) {
  .book-list .row .col-4 .book-list-info .book-title {
    padding: 40px 40px 20px 40px;
    border-bottom: dotted 4px #fff;
    background-color: transparent; } }
@media only screen and (max-width: 640px) {
  .book-list .row .col-4 .book-list-info .book-list-date {
    padding: 20px 40px 50px 40px; } }
.book-list .row .col-4 .book-list-info .book-list-date p {
  color: #ffffff;
  font-size: 20px;
  padding-bottom: 15px; }
@media only screen and (max-width: 640px) {
  .book-list .row .col-4 .book-list-info .book-list-date p {
    text-transform: uppercase; } }
.book-list .row .col-4 .book-list-info .book-list-date .button-wrap {
  padding-top: 20px; }
@media only screen and (max-width: 1199px) {
  .book-list .site-path .site-path-in {
    width: auto;
    order: unset; } }
@media only screen and (max-width: 1199px) {
  .book-list .site-path .site-path-in {
    width: 100%;
    justify-content: center; } }
@media only screen and (max-width: 640px) {
  .book-list .site-path .site-path-in {
    padding-top: 30px;
    padding-bottom: 30px; } }
@media only screen and (max-width: 640px) {
  .book-list .site-path .site-path-in a {
    font-size: 16px; } }
.book-list .cook-book-info {
  display: none; }
@media only screen and (max-width: 767px) {
  .book-list .cook-book-info {
    display: block; } }
.book-list .cook-book-info p {
  font-size: 14px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px; }
.book-list .cook-book-info p.title {
  font-family: 'DIN-Bold';
  padding-bottom: 0; }
@media only screen and (max-width: 767px) {
  .book-list .container {
    padding: 0 35px; } }

.terms-list h1 {
  text-align: center;
  margin: 0;
  padding: 100px 0; }
@media only screen and (max-width: 1350px) {
  .terms-list h1 {
    padding: 70px 0; } }
@media only screen and (max-width: 1024px) {
  .terms-list h1 {
    padding: 50px 0; } }
@media only screen and (max-width: 767px) {
  .terms-list h1 {
    padding: 35px 0; } }
.terms-list p {
  color: #707070;
  padding-bottom: 50px;
  max-width: 1250px;
  margin: 0 auto;
  font-size: 24px; }
@media only screen and (max-width: 1350px) {
  .terms-list p {
    padding-bottom: 35px;
    font-size: 22px; } }
@media only screen and (max-width: 1024px) {
  .terms-list p {
    padding-bottom: 30px;
    font-size: 18px; } }
@media only screen and (max-width: 767px) {
  .terms-list p {
    font-size: 16px; } }
.terms-list p.terms-title {
  padding-bottom: 10px;
  font-family: "DIN-Bold"; }
@media only screen and (max-width: 767px) {
  .terms-list .container {
    padding-left: 45px;
    padding-right: 45px; } }

.container-big {
  max-width: 1600px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto; }
@media only screen and (max-width: 1199px) {
  .container-big {
    padding: 0 15px; } }

@media only screen and (max-width: 767px) {
  .careers-list {
    padding: 0; } }
@media only screen and (max-width: 767px) {
  .careers-list .car-left {
    display: none; } }
@media only screen and (max-width: 991px) {
  .careers-list .wholesale-info.col-6 {
    padding: 0 0 0 40px; } }
@media only screen and (max-width: 767px) {
  .careers-list .wholesale-info.col-6 {
    padding: 35px 45px 45px 45px; } }

.page-content .container {
  max-width: 900px; }

.job-info {
  padding-top: 90px; }
@media only screen and (max-width: 1350px) {
  .job-info {
    padding-top: 60px; } }
.job-info .row {
  justify-content: space-between; }
.job-info h3 {
  padding-bottom: 90px; }
@media only screen and (max-width: 1350px) {
  .job-info h3 {
    padding-bottom: 60px; } }
.job-info .container {
  padding-bottom: 90px; }
@media only screen and (max-width: 991px) {
  .job-info .container {
    padding: 0 35px;
    padding-bottom: 50px; } }
.job-info .col-6 {
  width: calc(50% - 65px); }
@media only screen and (max-width: 1680px) {
  .job-info .col-6 {
    width: calc(50% - 40px); } }
@media only screen and (max-width: 1350px) {
  .job-info .col-6 {
    width: calc(50% - 30px); } }
@media only screen and (max-width: 1199px) {
  .job-info .col-6 {
    width: calc(50% - 20px); } }
@media only screen and (max-width: 991px) {
  .job-info .col-6 {
    width: 100%; } }
.job-info .left p {
  padding-bottom: 30px;
  font-size: 20px; }
@media only screen and (max-width: 1350px) {
  .job-info .left p {
    font-size: 18px; } }
@media only screen and (max-width: 767px) {
  .job-info .left p {
    font-size: 16px; } }
.job-info .left p.title {
  font-family: 'DIN-Bold'; }
.job-info .left ul {
  list-style: none;
  padding-left: 0;
  padding-bottom: 30px; }
.job-info .left ul li p {
  padding-bottom: 0; }
.job-info .left ul.job-requ {
  padding-left: 0;
  list-style: none;
  padding-bottom: 30px; }
.job-info .left ul.job-requ li {
  position: relative; }
.job-info .left ul.job-requ li p {
  padding-left: 15px;
  padding-bottom: 0; }
.job-info .left ul.job-requ li p:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 1px;
  background-color: #3B3B3B;
  position: absolute;
  top: 15px;
  left: 0px; }
.job-info .left .button6, .job-info .left .header-bar__search-form {
  padding-top: 50px; }
@media only screen and (max-width: 991px) {
  .job-info .form-app {
    padding-top: 50px; } }

@media only screen and (max-width: 767px) {
  .job-all .shop-header h2 {
    display: block; } }

ul.chlid-menu {
  position: absolute;
  width: 100%;
  background-color: #fff;
  top: 0px;
  transition: left .3s;
  left: 110%;
  display: none; }
@media only screen and (max-width: 991px) {
  ul.chlid-menu {
    background-color: transparent; } }
@media only screen and (max-width: 991px) {
  ul.chlid-menu .browse-title h5 {
    border: none !important;
    background-color: transparent !important;
    color: #fff !important;
    background: no-repeat !important;
    width: auto !important; } }
ul.chlid-menu.active > .browse-title {
  display: none; }

ul.sub-chlid-menu {
  position: absolute;
  width: 100%;
  background-color: #fff;
  top: 0px;
  transition: left .3s;
  left: 110%;
  display: none; }
@media only screen and (max-width: 991px) {
  ul.sub-chlid-menu {
    background-color: transparent; } }
@media only screen and (max-width: 991px) {
  ul.sub-chlid-menu .browse-title {
    background-color: transparent;
    padding: 10px 0px 10px 10px; } }

.menu-item-chlid.active .sub-chlid-menu {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  padding-left: 0; }

.menu-item.active .chlid-menu {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  padding-left: 0; }

.link_title,
.link_title_inner {
  position: relative;
  display: block;
  width: 100%;
  color: #303233;
  overflow: hidden;
  transition: all .4s;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  border-radius: 4px;
  justify-content: space-between;
  cursor: pointer;
  display: flex;
  align-items: center; }

.menu-item.active .menu-item-chlid.active .link_title_inner {
  right: 100%;
  display: none; }

.left.active .link_title {
  right: 100%;
  display: none; }

ul.chlid-menu.active .link_title_inner {
  display: none; }

.shop-section .left.active > .browse-title {
  display: none; }

.main-menu {
  position: relative; }

.body-hide {
  overflow: hidden; }

.buttonAndSummaryWrapper.row.margin-h-nil.margin-v-m {
  margin-left: 0 !important;
  padding: 0 15px !important; }

li.menu-item.active ~ .menu-item {
  display: none; }

.shop-section .left.active .menu-item {
  display: none !important; }
.shop-section .left.active .menu-item.active {
  display: block !important; }
.shop-section .left.active .menu-item.active .chlid-menu.chlid-menu.active .menu-item-chlid {
  display: none !important; }
.shop-section .left.active .menu-item.active .chlid-menu.chlid-menu.active .menu-item-chlid.active {
  display: block !important; }

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


 .header-initial {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 111;
    padding: 30px 0;
    transition: ease 0.5s;

    @include respond-to($screen991) {
      opacity: 0;
      visibility: hidden;
    }

    &.hidden {
      opacity: 0;
      visibility: hidden;
    }

    .menu-bar {
      margin-left: auto;

      button {
        background: transparent;
        border: none;
        padding: 2px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
      }

      img {
        display: block;
      }
    }

    @include respond-to($screenup992) {
      +.site-header {
        &.home-header {
          opacity: 0;
          visibility: hidden;
          transition: ease 0.5s;
        }

        &.visible {
          opacity: 1;
          visibility: visible;
        }
      }
    }
  }
@media only screen and (min-width: 992px) .header-initial.visible + .site-header.home-header{
  opacity: 1 !important;
  visibility: visible !important;
}
  .header-initial {
    &.visible {
      @include respond-to($screenup992) {
        +.site-header {
          &.home-header {
            opacity: 1 !important;
            visibility: visible !important;
          }
        }
      }
    }
  }

  .site-header {
    position: sticky;
    position: -webkit-sticky;

    @include respond-to($screenup992) {
      &.home-header {
        position: fixed;
      }
    }

    top: 0;
    left: 0;
    right: 0;
    z-index: 111;
    background-color: $bgcolor4;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);

    &.sticky {
      background-color: $bgcolor4;
    }
  }



/*  my css */


/* start shipping calculator in cart */
.delivery_date.shipping_calculator{
  margin-top: 30px !important;
  width: 100% !important; 
  display: flex !important;
  justify-content: space-between !important;
}
/* end shipping calculator in cart */
/* start Progress bar in cart */
.cart_progress_bar{
  border: 1px solid #000000;
  height: 15%;
  margin-top: 50px;
  width: 49%;
}
.cart_progress_bar h3{
  color: #3B3B3B;
  padding: 12px 15px;
  background: #7CA7AD;
  text-transform: uppercase;
  font-size: 16px;
  margin: 0;
  letter-spacing: 0.5px;
  margin-bottom: 27px;
}
.progress_bar{
  margin-left: 20px;
}
.progress_bar_design{
  /*   width: 100%;
  height: 20px;	
  margin-bottom: 5px;
  overflow: hidden;
  max-width: 387px;
  background-color: #e5e5e5; */
  
  width: 100%;
  height: 20px;
  margin-bottom: 5px;
  margin: 0 auto;
  max-width: 387px;
  background-color: #e5e5e5;
  overflow: hidden;
}
.bar_design{
  height: inherit;
  background: #7ca7ad;
  width: 0%;
}
.progress_bar_content{
  margin-left: 200px;
}
/* end Progress bar in cart */
/* start recommanded product in cart */
.related_product ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.related_product .related_product_list{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.related_product #title{
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  padding: 20px;
}
.related_product{
  margin-top: 95px;
}
/* end recommanded product in cart */



/* start collection-page all css */
.products .product-item {
  display:none;
}
.advanced-filter{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.disabled a{
  color: #e81f1f !important;
  border-color: #e81f1f !important;
}
.disabled a:hover{
  background: #e78989 !important;
  color: #ffffff !important;
}
.grid-uniform .filter-col .list_read li{
  display: none;
}
/* end collection-page all css */

/* start quickview */
.overlay_quick{
  display: none;
  position: fixed;
  z-index: 900;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0,0,0,0.5);
}
.popup_quick{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
}
/* end quickview */






/* start load logo for full page  */
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #222222;
    z-index: 1000;
}
 
#loader-wrapper .loader-section.section-left {
    left: 0;
}
 
#loader-wrapper .loader-section.section-right {
    right: 0;
}
#content {
    margin: 0 auto;
    padding-bottom: 50px;
    width: 80%;
    max-width: 978px;
}
/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);  /* IE 9 */
    transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
}
 
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);  /* IE 9 */
    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
}
.loaded #loader {
    opacity: 0;
}
.loaded #loader-wrapper {
    visibility: hidden;
}
.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
 
    -webkit-transition: all 0.3s 0.3s ease-out;
            transition: all 0.3s 0.3s ease-out;
}
.loaded #loader-wrapper {
        -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
                transform: translateY(-100%);
 
        -webkit-transition: all 0.3s 0.6s ease-out;
                transition: all 0.3s 0.6s ease-out;
}
.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
 
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper {
        -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
                transform: translateY(-100%);
 
        -webkit-transition: all 0.3s 1s ease-out;
                transition: all 0.3s 1s ease-out;
}
.no-js #loader-wrapper {
    display: none;
}
.no-js h1 {
    color: #222222;
}
#loader {
    z-index: 1001 !important; /* anything higher than z-index: 1000 of .loader-section */
}
h1 {
    color: #EEEEEE;
}
/* end load logo for full page  */
/* .close{
  display: none;
} */
.open{
  display: block !important;
}
.otherColor img{
  border-radius: 50%;
}
.otherColor{
  padding: 10px;
}
.otherColor a img.active{
  border: 2px solid #CBB682;
  border-radius: 50%;
}


/*  start mini_cart css */
.row_div{
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.row_div:not(:last-child){
  border-bottom: 1px solid #8080803b;
}
.row_div_inner{
  display: block;
}
.main_mini_cart {
  width: auto;
  background-color: #e8d2b0;
  padding: 20px;
  height: 44%;
  overflow-y: scroll;
/*   margin-top: 30px; */
  /*   border-top: 3px solid #dca858; */
  /*     box-shadow: 8px 9px 20px 5px #2d2c2c; */
}
.main_mini_cart::-webkit-scrollbar{
  display: none;
}
.m_main_mini_cart{
  background-color: #e8d2b0;
  padding: 20px;
  /*   border-top: 3px solid #dca858;
  box-shadow: 8px 9px 20px 5px #2d2c2c; */
  width: max-content;
  margin: 20px;
  padding: 100px;
  display: flex;
}
.m_update_cart{
  display: flex;
}
.main_mini_cart_section{
  display: flex;
}
.mini_image{
  width: 120px;
  max-width: 200px;
}
.mini_qty .btn-qty{
  font-size: 15px;
  color: #886205;
  font-weight: bold;
}
.row_btn_mini{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.mini_name a{
  color: #886205;
}
.mini_price{
  color: #886205;
}
.add-to-cart .row_btn_mini a{
  font-size: 20px;
  min-width: 0;
  width: max-content;
  color: #ffffff;
  background: #bb985f;
  border-color: #bb985f;
}
.add-to-cart .row_btn_mini a:hover{
  color: #ffffff;
  background: #000000;
}
.cart_popup{
  position: relative;
}
.main_mini_cart_section{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  transition: all 0.3s ease-in-out;
  transform: translateX(10px);
  background: #e8d2b0;
} 
.update{
  display: none;
}
.m_main_mini_cart span{
  font-size: 30px;
  font-weight: bold;
  color: crimson;
  display: flex;
  align-items: center;
}
.row_icon{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.back_icon{
  font-size: 20px;
  font-weight: bold;
}
.overlay_mini{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  transition: all 0.3s ease-in-out;
  background: #00000096;
}
.mini_remove{
  padding: 10px;
  align-items: center;
  display: flex;
}
.back_icon_name_flex{
  display: flex;
  align-items: center;
  padding: 20px;
}
.name_icon{
  margin-bottom: 0;
  margin-left: 20px;
  font-size: 38px;
}
.meta_item_free ul img{
  max-width: 50px;
  width: 100%;
}
.meta_item_free ul{
  padding-left: 0;
}
.display_flex_ul{
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.display_flex_ul p{
  padding-right: 10px;
}
.mini_cart_shippig_process .cart_progress_bar {
  border: 1px solid #000000;
  margin: auto;
  margin-bottom: 19px;
  width: 80%;
}
.mini_cart_btn {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 9px 0 35px 0;
  z-index: 11;
  background: #e8d2b0;
}
/*  end mini_cart css */




/* start css for build own product */

.product_gift_title{
  text-align : center;
}
.list_li{
  list-style: none;
  position: relative;
}
.list_li div{
  font-size: 20px;
  font-weight: 900;
}
.list_ul{
  display: flex;
  padding: 15px;
  justify-content: center;
  align-items: center;
}
.title_num{
  padding: 4px 10px;
  background-color: #cec3a8;
  border-radius: 50%;
  margin: 15px;
  color: #cec3a8;
}
.active_li{
  background-color: #fbb201;
  color: #ffffff;
}
.active_li_next{
  background-color: #f3c75d;
  color: #f3c75d;
}
li.list_li:not(:last-child):after {
  content: '';
  position: absolute;
  top: 50%;
  background-color: #8b8b8b;
  width: 100%;
  z-index: 0;
  right: -44px;
  text-align: center;
  margin: 0 auto;
  height: 4px;
}
.image_part{
  display: flex;
  padding-top: 20px;
  justify-content: center;
  align-items: center;
}
.image_selected_part_first h3{
  text-align: center;
  font-size: 20px;
}
.image_one{
  padding: 15px;
}
.image_selected_part_second h3{
  text-align: center;
  font-size: 20px;
}
.row_sec{
  display: flex;
  justify-content: center;
  align-items: center;
}
.ticket{
  border: 1px solid black;
  padding: 75px 49px;
  margin: 10px;
}
.all_product{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  padding: 30px;
  box-shadow: 10px 0px 10px 26px #86827e;
  box-sizing: border-box;
  margin: 10px;
}
.product_selected_part {
  justify-content: center;
  display: flex;
}
form{
/*   padding: 20px; */
}
.btn_div h3{
  text-align: center;
  font-size: 20px;
}
.add_to__cart{
  /*   padding: 30px 10px 0px 10px; */
  padding-left: 15px;
}
.checkout{
  /*   padding: 30px 10px 0px 10px; */
  padding-right: 20px;
}
.row_btn{
  display: flex;
  justify-content: center;
  align-items: center;
}
.pre_next{
  display: flex;
  justify-content: center;
  padding: 10px;
}
.pre_btn{
  padding: 10px;
}
.next_btn{
  padding: 10px;
}
.common{
  display: none;
}
.common_display{
  display: block;
}
.sel_border{
  border: 4px solid #CBB682;
}

/* end css for build own product */










/* start mix-match section */
.mix-match-section {
  position: relative;
  padding: 40px 0;
}
.mix-match-container {
  padding: 0 22.2 0 0;
}	
.mix-match-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  max-width: 1132px;
  width: 100%;
  margin: 0 auto;
}
.mix-match-conten--col {
  max-width: 100%;
  width: 50%;
  order: 1;
}
.mix-match-content h2 {
  margin-bottom: 24px;
}
.mix-match-content h2 span {
  color: #000000;
  font-size: 46px;
  line-height: 56px;
  display: block;
}
.mix-match-content p {
  font-family: $navigo;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
  margin-bottom: 20px;
}
.mix-match-pro-listing {
  display: flex;
}
.sli-item {
  max-width: 25%;
  width: 100%;
}
.mix-match-product {
  height: 100%;
}
.mix-match-product img {
  border: 1px solid transparent;
}
.mix-match-section	{
  line-height: 55px !important;
}
.shopall-btn {
  text-align: center;
  margin: 42px 0 0;
  display: flex;
  justify-content: center;
}
.shopnow-btn {
  background: #e3d4b0;
  display: inline-block;
  font-family: "GT Flexa";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  color: #080808;
  max-width: 210px;
  width: 100%;
  transition: all ease-in-out 0.3s;
  line-height: 48px;
  max-height: 50px;
  padding: 0;
}
.mix-match-pro-listing .slick-list {
  padding: 0 !important;
}
.slick-arrow {
  display: none !important;
}
.mix-match-pro-listing .sli-item {
  padding-right: 14px;
  cursor: pointer;
}
.mix-match-pro-listing .sli-item img {
  margin-bottom: 9px;
}
.mix-match-pro-listing .sli-item  .mix-match-pro-title {
  text-align: center;
}
.mix-match-pro-listing .sli-item  .mix-match-pro-title .price, .uniq_mix_class h3 {
  font-family: "Navigo Light";
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #000000;
  margin: 0;
  display: block;
  text-transform: capitalize;
}
.mix-match-shoue--col {
  max-width: 100%;
  width: 50%;
  order: 2;
}
.mix-match-shoue {
  position: relative;
  width: 100%;
}
.mix-match-pro-listing.mobile-only {
  display: none !important;
}
@media screen and (max-width: 768px){
  .mix-match-pro-listing.mobile-only {
    display: block;
  }
}
	
/* end mix-match section */


/* start magnify zoom js */
.img_zoom_main {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: flex;
  background: #fff;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.img_zoom_main .img_zoom {
  position: fixed!important;
  top: 0;
  width: 100%;
  margin: 0 auto;
  display: flex;
  left: 0;
  right: 0;
  background: #fff;
  align-items: center;
  justify-content: center;
  z-index: 99;
  overflow: auto!important;
  bottom: 0;
}
.img_zoom_main .img_zoom img {
/*   position: absolute; */
  left: 0;
  right: 0;
  max-width: unset;
  top: 0;
  bottom: 0;
}
.img_zoom_main .remove {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  color: red;
  font-size: 20px;
  font-weight: bold;
}
/* end magnify zoom js */


/* start header account */
.announcement  .row.jc-c{
  align-items: center;
  display: flex;
  justify-content: space-around;
}
.announcement .header-account-select {
  max-width: 196px;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
.announcement .filter-select-block {
  margin-right: 0;
}
.announcement .d-flex {
  display: flex;
}
.announcement .bg-secondary {
  background-color: #7CA7AD;
    }
.announcement svg:not(:root) {
  overflow: hidden;
}
.announcement audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}
.announcement svg[Attributes Style] {
  width: 26;
  height: 26;
  fill: none;
}
.announcement .header-account-select .custome-select {
  margin-left: 20px;
}
.announcement select {
  color: #aaa;
}
.announcement .header-account-select .custome-select {
  margin-left: 20px;
}
.announcement ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.announcement .custome-select   {
  font-size: 18px;
  color: #000;
}
.announcement .filter-select-block a {
  display: flex;
}
/* end header account */

/* start for shopify 2.0 */
div#collection_filter_grid_new_id {
    margin-top: 35px;
}
.filter-form{
  display: flex;
}
.filter-form .filter-group summary{
  border: 2px solid #cbb682;
  padding: 5px;
  margin: 5px;
  position: relative;
}
.filter-group-summary{
  display: flex;
}
.filter-form .filter-group-display{
  border: 1px solid #cbb682;
  padding: 5px;
  margin: 5px;
}
.filter-group-display__list{
  list-style: none;
  padding: 0;
}
svg.icon.icon-caret{
  position: absolute;
  height: .6rem;
  right: 1.5rem;
  top: calc(50% - .35rem);
}
.filter-group-summary>div{
  display: flex;
  align-items: center;
}
.filter-group-summary div span{
  padding-right: 56px;
}
a.active-filters__remove-filter {
  border: 1px solid #cbb682;
  border-radius: 15px;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  margin: 0 3px;
}
.filter-group-display__price-range-from input ,.filter-group-display__price-range-to input{
  padding-top: 6px;
}
/* end for shopify 2.0 */


.total_price_cart{
  position: absolute;
  right: 0;
  left: 0;
  bottom: 2% !important;
  padding: 9px 0 35px 0;
  z-index: 11;
  background: #e8d2b0;
}
.free_product_mini_cart {
  position: unset !important;
}

/* start contact form popup */
@media only screen and (max-width: 767px) {
  body{
    width: 100%
  }
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 990;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: ease 0.5s; }
.overlay.popup-active {
  opacity: 1;
  visibility: visible; }
.cs-popup {
  z-index: 991; }
.cs-popup[data-popup-type="popup"] {
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  opacity: 0;
  visibility: hidden;
  z-index: 992;
  transition: ease 0.25s;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 6px 60px 0 #3b3b3b73;
  background-color: white;
  display: block;
  min-width: 280px; }
@media only screen and (max-width: 435px) {
  .cs-popup[data-popup-type="popup"] {
    min-width: 85%; } }
.cs-popup[data-popup-type="popup"].popup-active {
  opacity: 1;
  visibility: visible; }
.cs-popup[data-popup-type="popup"] .cs-popup-cover {
  padding: 45px 70px;
  text-align: center; }
@media only screen and (max-width: 480px) {
  .cs-popup[data-popup-type="popup"] .cs-popup-cover {
    padding: 45px 28px; } }
.user-section .btn {
  width: auto;
  border: 0;
  font-weight: 400;
  border-radius: 5px;
  text-align: center;
  border: none;
  padding: 15px 35px;
  line-height: 1.3;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  background: #3e91cc;
  color: white;
  width: 100%; }
@media only screen and (max-width: 767px) {
  .user-section .btn {
    padding: 12px 20px;
    font-size: 14px; } }
.user-section .btn:hover {
  background: #1c1d20;
  color: white; }
.cs-popup[data-popup-type="sidebar"] .cs-popup-logo {
  margin-bottom: 45px; }
.cs-popup.addToCartSuccess[data-popup-type="popup"] {
  min-width: 500px;
  max-width: 500px; }
@media only screen and (max-width: 767px){
  .cs-popup.addToCartSuccess[data-popup-type="popup"] {
    max-width: 95%;
    min-width: 95%; } }
.cs-popup.addToCartSuccess[data-popup-type="popup"] .popup-closer {
  background: transparent;
  border: solid 2px #e6e6e6;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  position: absolute;
  top: 10px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 6px; }
.cs-popup.addToCartSuccess[data-popup-type="popup"] .popup-cover {
  padding: 28px;
  text-align: center; 
  margin-bottom: 25px;
}
.cs-popup.addToCartSuccess[data-popup-type="popup"] .success-icon {
  margin-bottom: 20px; }
.cs-popup.addToCartSuccess[data-popup-type="popup"] h6 {
  font-size: 16px;
  margin-bottom: 5px; }
.cs-popup.addToCartSuccess[data-popup-type="popup"] h3 {
  font-size: 24px;
  color: #0082f3;
  margin-bottom: 30px;
  font-weight: bold; }
.cs-popup.addToCartSuccess[data-popup-type="popup"] .btn {
  margin: 10px auto;
  max-width: 220px;
  display: block; }
.cs-popup[data-popup-type="popup"].popup-active {
  opacity: 1;
  visibility: visible; }
.popup-wrapper.user-section {
  padding: 0; }

.oasis_add_new .col-6.col-m-6{
  display: flex;
  margin: 10px;
  position: relative;
}
.oasis_add_new input, textarea{
  width: 100%;
  max-width: 277px;
  padding: 5px;
  text-align: center;
  position: absolute;
  right: 40px;
}
.submit_con{
  max-width: 100px !important;
  margin-top: 20px !important;
  position: absolute !important;
  right: 33% !important;
}
/* end contact form popup */


/* start code for monogram option */
.monogram_text_update{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 25px;
  text-transform: uppercase;
  text-align: center;
}
.mono_option_radio label ,.mono_font_family label{
  padding: 0 10px;
  min-width: 65px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #d4d4d4;
  margin: 0 10px 10px 0;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
  display: inline-block;
  width: auto;
}
.mono_option_radio input, .icon_mono_without input, .mono_font_family input, .mono_option_allign input{
  display: none;
}
.monogram_option{
  border: 2px solid #9e9999;
  padding: 10px;
  margin: 10px 0 0 0;
}
input#monogram_opt{
  max-width: 100%;
  height: 25px;
  line-height: 25px;
}
.icon_mono_without{
  display: flex;
  align-items: flex-start;
}
.icon_mono_without img{
  border: 1px solid #d4d4d4;
  max-width: 55px;
  max-height: 55px;
  width: 100%;
  margin-right: 5px;
  height: 55px;
  object-fit: cover;
}
.monogram_text_update img{
  max-width: 60px;
  width: 100%;
  height: 100%;
  max-height: 60px;
}
.icon_mono_with svg{
  border: 1px solid #d4d4d4;
  padding: 0px;
  margin-right: 10px;
  background: #ffffff;
  max-width: 50px;
  max-height: 40px;
  width: 100%;
  height: 100%;
}
.mono_option_allign{
  display: flex;
}
.mono_option_allign label{
  border: 1px solid #9d9d9d;
  margin-right: 10px;
  padding: 2px;
}



.input_class_mono{
  display: none;
}
.color_options_div{
  display: flex;
  margin-right: 10px;
  align-items: center;
}
.input_class_mono_label{
  border: 1px solid transparent;
  border-radius: 50%;
  width: 5%;
  height: 2%;
  display: block;
  margin-right: 10px;
}
.input_mono_value{
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}
.input_class_mono_label:before {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: .25s cubic-bezier(.55, 0, .1, 1);
  transition-property: border,transform;
  width: calc(24*1px);
  border-radius: 100%;
  height: calc(24*1px);
  border: 1px solid hsla(0,0%,41.6%,0);
}
.color_options_div input:checked+label{
  box-shadow: 3px 3px 3px 1px #696969;
  border-color: transparent;
}
.input_class_mono_label_size{
  border: 1px solid #868484;
  padding: 3px;
  margin-right: 10px;
}
/* end code for monogram option */



/* start code for upsell product page */
.upsell__holder{
  margin-bottom:2em;
  text-align:center;
}
.upsell__holder__title{
  letter-spacing:1px;
  font-size:calc(12px*1.2);
  display:inline-block;
  padding:0 10px;
  margin-bottom:0;
  background-color:#ffffff;
  transform:translateY(80%);
  text-transform:uppercase;
}
.upsell{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:flex-start;
  padding:20px;
  border:1px solid rgba(51, 51, 51, 0.2);
  text-align:left;
  border-radius: 10px;
}
.upsell__image{
  width:90px;
  height:90px;
  margin-right:20px;
}
.upsell__image>a{
  display:block;
  transition:opacity .3s;
}
.upsell__image>a:hover{
  opacity:.7;
}
.upsell__image__inner{
  display:block;
  width:90px;
  height:90px;
}
.upsell__content{
  display:flex;
  flex-direction:column;
  min-height:90px;
  justify-content:space-between;
}
.upsell__price,.upsell__title,.upsell__variant-title{
  margin-top:0;
  margin-bottom:4px;
}
.upsell__title{
  color:#000;
  font-size: calc(14px*1.2);
}
.upsell__variant-title{
  display:none;
}
.upsell__price{
  color: #707070;
}
.upsell__price .old-price
{
  margin-left:8px;
  text-decoration:line-through;
}
.upsell__btn{
  padding:1em 2em;
}
.upsell__btn:disabled{
  opacity:1;
}
.upsell__btn .svg-loader circle{
  stroke: #ffffff;
}
.upsell__btn .svg-loader circle~circle{
  stroke: #64a115;
}
.upsell_add_cart{
  padding: 12px 20px !important;
  width: 170px !important;
  font-size: 14px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.upsell__content a:hover{
  color: unset !important;
  text-decoration: none !important;
}
@media screen and (max-width: 991px){
  .upsell__holder{
    margin-bottom: 2em;
    margin-top: 0;
  }
}
@media screen and (max-width: 375px){
  .upsell_add_cart{
    font-size: 12px;
  }
  .upsell__title{
    font-size: calc(13px*1.2);
  }
}
@media screen and (max-width: 321px){
  .upsell__title {
    font-size: calc(12px*1.2);
  }
  .upsell__image__inner {
    object-fit: cover;
    display: block;
    width: 60px;
    height: 60px;
  }
}
/* end code for upsell product page */