/*
	To Use - element: var(--primary);
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap');
@import url(jquery-1.11.3-ui.css);
@import url(swipe.css);

:root {
  --success: $main-color;
  --dark-grey: $dark-color;
  --light-color: $light-color;
  --main: $main-color;
  --second: $secondary-color;
  --third: $third-color;
  --heading: $title-stack;
  --font: $paragraph-stack;
}

/* ----- New Styles ----- */
:root {
  --success: rgb(53, 124, 57);
  --alert: rgb(244, 203, 79);
  --warning: rgb(244, 134, 79);
  --danger: rgb(140, 38, 38);
  --dark: #212121;
  --medium: #585858;
  --light: #F7F7F7;
  --off-white: #FFFFFF;
  --main: #BA402E;
  --second: #FCAC3A;
  --font: "Roboto", sans-serif;
  --font-heading: "Poppins", sans-serif;
  --animate: all 0.35s ease-in-out;
  --shadow: 0 0 1.6rem hsla(0 0% 0% / 0.16);
  --grid-gap: 1.6rem;
}

/*
	Table Of Contents
	0. 		Reset
	1		Generic Tags
	2.		Fonts
	2.1 	REM Responsive
	2.2		REM Sizing
	3		Structure
	3.1		Content
	3.1.1	Editable Content
	3.1.2	Buttons
	3.2		Header
	3.2.1	Mobile Header
	3.3		Footer
	3.3.1	Signature
	3.4		Structure Responsive
	3.5		Modules
	4. 		External Styles
*/
/* 0. Reset
**********/
/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  /*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
  /*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  /*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

li {
  /*
  For IE6 + IE7.
*/
  display: list-item;
}

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

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

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

sub,
sup,
small {
  font-size: 75%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
  /*
  For IE9.
*/
  overflow: hidden;
}

/* 1. Generic Tags
**************/
html {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::-moz-selection {
  background: hsla(0 0% 0% / .8);
  color: white;
}

::selection {
  background: hsla(0 0% 0% / .8);
  color: white;
}

/* Try To Remove Background - Footer Fix */
body {
  background: #1a1a1a;
  color: var(--off-white);
  font-family: var(--font);
  margin: 0;
  padding: 0;
  text-shadow: none;
  -webkit-text-size-adjust: none;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: 0;
  color-adjust: economy;
}

hr {
  clear: both;
  border-top: 3px solid hsla(0 0% 100% / .08);
  height: 1px;
  margin: 20px 0 20px 0;
  opacity: 1;
}

a {
  color: var(--second);
}

a:hover {
  color: var(--off-white);
}

.clear {
  clear: both;
}

.swipebox_full {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
  align-content: center;
}

.swipebox_full a {
  width: calc(25% - 5px);
  margin: 5px 2.5px 0px;
  height: auto;
}

.swipebox_full a img {
  width: 100%;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.swipebox_full a img:hover {
  opacity: 0.5;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

@media screen and (max-width: 760px) {
  .swipebox_full a {
    width: calc(50% - 5px);
    margin: 5px 2.5px 0px;
  }
}

@media screen and (max-width: 400px) {
  .swipebox_full a {
    width: 100%;
    margin: 5px 0px 0px;
  }
}

.menu_section_nav {
  background-color: var(--main);
  cursor: pointer;
}

.menu_section_nav span {
  display: block;
  padding: 10px;
}

.menu_section_nav span a {
  color: white;
}

.summary-content {
  background-color: #F0F0F0;
  padding: 10px;
}

.banner-scroll-down a {
  animation: bounce 4s infinite;
}

@keyframes bounce {

  10%,
  20%,
  30%,
  40%,
  50% {
    transform: translateY(0);
  }

  15% {
    transform: translateY(-30px);
  }

  25% {
    transform: translateY(-15px);
  }

  35% {
    transform: translateY(-5px);
  }

  45% {
    transform: translateY(-2px);
  }
}

a[href^="x-apple-data-detectors:"] {
  color: inherit;
  text-decoration: inherit;
}

/* SNAZZY STYLES */
#map {
  padding: 15% 0;
  min-height: 300px;
}

.map-container {
  position: relative;
}

.map-container .servicing {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: var(--main);
  padding: 15px 20px;
}

.servicing h3,
.servicing p {
  margin: 0;
  color: var(--dark);
}

.servicing a {
  transition: 0.3s ease;
}

.servicing a:hover {
  color: var(--dark);
  transition: 0.3s ease;
}

@media (max-width: 960px) {
  .map-container .servicing {
    position: initial;
    display: block;
    background-color: var(--main);
    padding: 20px;
  }
}

/* Open Modal Button */
summary.btn {
  cursor: pointer;
  display: inline-block;
  background-color: var(--main);
  padding: 5px 20px;
  border-radius: 10px;
  margin: 10px 0;
}

.details-with-modal summary::-webkit-details-marker {
  display: none;
}

/* Modal modal + Background */
details-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  max-height: 80vh;
  overflow: scroll;
  max-width: 90vw;
  width: 448px;
  background-color: white;
}

.details-with-modal[open]>summary:before {
  content: " ";
  background: rgba(0, 0, 0, 0.3);
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}

/* Inner Modal Layout */
.modal-header {
  padding: 20px;
  background-color: var(--main);
  border-bottom: 1px solid #F0F0F0;
}

.modal-body {
  padding: 20px;
}

.modal-footer {
  border-top: 1px solid #F0F0F0;
  padding: 20px;
  text-align: center;
}

.modal-footer button {
  width: 95%;
  display: inline-block;
  background-color: var(--main);
  font-size: 1rem;
  padding: 10px;
  cursor: pointer;
  transition: 0.3s ease;
}

.modal-footer button:hover {
  background-color: var(--dark);
  color: var(--dark);
  transition: 0.3s ease;
}

/* 2. Fonts
*************/
/* --- 2.1 REM Responsive --- */
html {
  font-size: 62.5%;
}

body {
  margin: 0;
  line-height: 1.5;
}

body,
p,
ol li,
ul li,
pre,
.banner_content .banner_details .description,
.banner_content .banner_details a {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form_holder input,
.form_holder textarea,
.form_holder select {
  font-size: 16px;
}



/* --- 2.2 REM Sizing --- */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  font-family: var(--font-heading);
  margin-bottom: 1.6rem;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--off-white);
  line-height: 1.2;
}

h5,
.h5,
h6,
.h6 {
  font-weight: 500;
  text-transform: uppercase;
  color: var(--second);
  letter-spacing: .1em;
  line-height: 1.2;
}

h1,
.h1 {
  font-size: clamp(3.6rem, 4.8vw, 5.6rem);
}

h2,
.h2 {
  font-size: clamp(3.2rem, 3.7vw, 4.8rem);
}

h3,
.h3 {
  font-size: clamp(2.8rem, 3.1vw, 4rem);
}

h4,
.h4 {
  font-size: clamp(2.4rem, 2.5vw, 3.2rem);
}

h5,
.h5 {
  font-size: clamp(1.8rem, 1.6vw, 2rem);
}

h6,
.h6 {
  font-size: clamp(1.8rem, 10vw, 2rem);
}

p {
  margin: 0 0 1.6rem;
}



/* --- 3.2 Header --- */
.full_header {
  display: block;
  background: white;
  width: 100%;
  z-index: 999;
  top: 0px;
  padding: 0 20px;
  position: sticky;
  position: -webkit-sticky;
}

/* MAIN NAVIGATION STYLES */
.jqueryslidemenu {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.jqueryslidemenu a.logo {
  width: 200px;
  display: block;
  float: left;
  margin: 0;
  padding: 20px 0;
}

.jqueryslidemenu a.logo img {
  width: 100%;
  height: auto;
}

.jqueryslidemenu ul {
  list-style: none;
  width: auto;
  display: block;
  float: right;
  padding: 0 60px 0 0;
}

.jqueryslidemenu ul li {
  position: relative;
  float: left;
  display: inline;
  margin: 0;
}

.jqueryslidemenu ul li a {
  font-family: 'Poppins', sans-serif;
  width: 100%;
  padding: 37px 35px;
  display: block;
  color: var(--off-white);
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1px;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
}

.jqueryslidemenu ul li a:hover,
.jqueryslidemenu ul li:hover a,
.jqueryslidemenu ul li.Selected a,
.jqueryslidemenu ul li.Selected a:hover {
  color: var(--off-white);
}

/* FIRST DROP-DOWN LAYER */
.jqueryslidemenu ul li ul {
  /* REMOVE STLYES FROM TOP LEVEL */
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* REMOVE STLYES FROM TOP LEVEL */
  position: absolute;
  left: 0;
  display: block;
  visibility: hidden;
  width: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  border: 1px solid #F0F0F0;
  border-top: none;
  width: 265px;
  /* WIDTH OF SUB MENU */
}

.jqueryslidemenu ul li ul li {
  /* REMOVE STLYES FROM TOP LEVEL */
  display: list-item;
  float: none;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* REMOVE STLYES FROM TOP LEVEL */
  border-top: 1px solid #F0F0F0;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: #F0F0F0;
}

.jqueryslidemenu ul li ul li a {
  color: var(--dark);
  line-height: 20px;
  padding: 15px 15px 15px 15px;
  margin: 0px;
  background: none;
}

.jqueryslidemenu ul li:hover ul li a {
  color: var(--dark);
  line-height: 20px;
  padding: 15px 15px 15px 15px;
  margin: 0px;
  background: none;
}

.jqueryslidemenu ul li.Selected ul li a:hover,
.jqueryslidemenu ul li ul li a:hover {
  color: var(--main);
  text-decoration: none;
  background: #F0F0F0;
}

/* SUB DROP-DOWN LAYERS AFTER 1ST */
.jqueryslidemenu ul li ul li ul {
  top: 0;
  margin: -1px 0px 0px 2px;
}

/* Navigation */
#menu .mm-list a {
  color: white;
  font-weight: 600;
  padding: 15px 20px;
  text-decoration: none;
  display: block;
}

/* 3. Structure
***********/
/* --- 3.1 Content --- */
.content {
  margin: 0 auto;
  max-width: 940px;
  padding: 0;
}

.content_container {
  width: 100%;
  padding: 30px 20px;
  background: var(--dark);
}

/* --- 3.1.1 Editable Content --- */
.editable_content>*:last-child {
  margin-bottom: 0;
}

.editable_content img {
  max-width: 100%;
  max-height: 100%;
  height: auto !important;
}

.editable_content ul {
  list-style: disc outside none;
  margin: 0px 0 20px 20px;
  font-weight: 300;
}

.editable_content ul li {
  padding: 5px 0 0 3px;
  margin: 0;
}

.editable_content ol {
  list-style: decimal outside none;
  margin: 0px 0 20px 20px;
  font-weight: 300;
}

.editable_content ol li {
  padding: 5px 0 0 3px;
  margin: 0;
}

.editable_content img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.editable_content table {
  margin: 15px 0 5px 0;
  background: white;
  text-align: center;
  width: 100%;
  display: block;
  overflow: scroll;
}

.editable_content table tr th,
.editable_content table thead tr td {
  font-weight: bold;
  border: 2px solid white;
  color: white;
  background: var(--main);
  padding: 8px 8px 8px 8px;
}

.editable_content table tr td {
  border: 2px solid white;
  background: var(--light);
  padding: 8px 8px 8px 8px;
}

.editable_content iframe[width="500"] {
  width: 100% !important;
  height: 220px;
}

@media (max-width: 960px) {
  .editable_content figure {
    float: none !important;
    margin: 0 0 1em 0 !important;
  }

  .editable_content figure img {
    display: block;
    margin: 0 auto;
  }
}

/* --- 3.2 Header --- */
.full_header {
  position: relative;
  display: none;
  width: 100%;
  z-index: 999;
}

.header_spacer {
  width: 100%;
  height: 47px;
}

.inner_header {
  width: 100%;
  height: 60px;
  background: url(/assets/images/layout/inner_header.jpg) center center no-repeat;
  background-size: cover;
}

.language {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.language span {
  cursor: pointer;
  color: white;
}

/* --- 3.2.1 Mobile Header --- */
.mobile_header {
  background: white;
  color: white;
  font-weight: 700;
  padding: 7px 0 8px 0;
  text-align: left;
  width: 100%;
  z-index: 999;
  font-size: 25px;
}

.mobile_header .logo_area {
  padding: 0px 50px 0 50px;
  text-align: center;
}

.mobile_header .phone {
  position: absolute;
  right: 10px;
  top: 7px;
}

.mobile_header .cart_link {
  right: 15px;
  position: absolute;
  top: 25px;
}

.mobile_header a {
  color: var(--off-white);
  position: absolute;
  text-decoration: none;
}

.mobile_header a#menu_button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
}

.logo_area a {
  display: inline-block;
  position: inherit;
}

.mobile_header .logo_area img {
  height: auto;
}

.mobile_header {
  display: inherit;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 999;
  padding: 15px 0;
  background: var(--dark);
  box-shadow: 0 0 15px rgb(0 0 0 / 10%);
  border-bottom: 1px solid var(--off-white);
}

.mobile_photo_video {
  display: inherit;
}

.full_photo_video {
  display: none;
}

/* --- 3.3 Footer --- */
.footer {
  background: var(--dark);
  color: white;
  border-top: 1px solid var(--dark);
  margin: 0;
  padding: 30px 0 30px 0;
  display: none;
}

.footer_pages_inner {
  text-align: center;
  margin-top: 18px;
}

.footer_pages_inner:empty {
  display: none;
}

.footer_pages a {
  color: white;
  padding: 0px 5px;
}

.footer_pages a:hover {
  color: var(--main);
}

/* --- 3.3.1 Signature --- */
#signature {
  background: var(--dark);
  margin: 0;
  padding: 10px 10px 10px 10px;
  position: relative;
}

#signature .signature_content {
  margin: 0 auto;
  max-width: 960px;
  text-align: center;
}

#signature .signature_content p,
#signature .signature_content a {
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-weight: 400;
  margin-bottom: 0;
}

.full_register {
  width: 35%;
  float: right;
  border-left: 1px solid #dedede;
  display: none;
  padding-left: 10px;
}

/* --- 3.4 Structure Responsive --- */
@media (min-width: 960px) {
  .footer {
    display: inherit;
  }

  #signature {
    font-size: 12px;
  }

  .mobile_header {
    display: none;
  }

  .full_header {
    display: inherit;
  }

  .header_spacer {
    height: 82px;
  }

  .inner_header {
    height: 150px;
  }

  .mobile_photo_video {
    display: none;
  }

  .full_photo_video {
    display: inherit;
  }

  .content_container {
    padding: 100px 20px;
  }
}

/* ---- 3.5 FAQ ------- */
.faq-block {
  margin: 20px 0;
}

/* FAQ Content */
h5.toggle_faq {
  color: var(--dark);
  text-transform: capitalize;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 55px;
}

.faq-block div.toggler {
  padding-left: 0;
}

/* Icon Main */
span.faq-icon,
h5.toggle_faq {
  transition: 0.3s ease;
  transition-delay: 0.4s;
  cursor: pointer;
}

span.faq-icon {
  background-color: var(--dark);
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  margin: 0;
  left: 0;
}

/* Standard Lines */
i.faq-icon {
  display: block;
  height: 2px;
  width: 15px;
  background-color: white;
  position: absolute;
}

/* Plus Icon */
span.faq-icon .one {
  transform: rotate(90deg);
  transition: 0.4s ease-in-out;
}

span.faq-icon .two {
  transform: rotate(180deg);
  transition: 0.4s ease-in-out;
}

/* Close Icon */
h5.toggle_faq.active .one {
  transform: rotate(-45deg);
  transition: 0.4s ease-in-out;
}

h5.toggle_faq.active .two {
  transform: rotate(45deg);
  transition: 0.4s ease-in-out;
}

/* Icon Main Active */
span.faq-icon,
h5.toggle_faq {
  transition: 0.3s ease;
  transition-delay: 0.4s;
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
}

h5.toggle_faq.active span {
  background-color: var(--main);
}

#page h5.toggle_faq.active {
  color: var(--main);
}

@media (max-width: 767px) {
  span.faq-icon {
    width: 30px;
    height: 30px;
  }

  h5.toggle_faq {
    padding-left: 40px;
  }

  i.faq-icon {
    width: 10px;
    height: 2px;
  }
}

/* Home Small Banner Layout */
.home_banner_system {
  display: flex;
  flex-wrap: wrap;
}

.home_banner_content,
.home_banner_image {
  width: 50%;
}

.home_banner_content {
  padding: 60px 5% 60px 0;
}

.home_banner_image {
  background-position: center;
  background-size: cover;
}

.swal2-popup {
  font-size: 23px !important;
  border-radius: 0px !important;
}

.swal2-popup .swal2-styled.swal2-cancel,
.swal2-popup .swal2-styled.swal2-confirm {
  border-radius: 0px !important;
}

@media (max-width: 768px) {

  .home_banner_content,
  .home_banner_image {
    width: 100%;
  }

  .home_banner_image {
    min-height: 200px;
  }
}

/* BX Slider */
.banner_content .banner_details .title {
  font-size: 50px;
  font-size: 1rem;
  line-height: 55px;
  line-height: 1.1rem;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px;
}

.banner_content .banner_details .description {
  color: white;
  font-weight: 400;
  margin-bottom: 20px;
  display: none;
}

.banner_content .banner_details a {
  border: 2px solid var(--main);
  padding: 5px 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--dark);
  text-decoration: none;
  background: var(--main);
  font-weight: 600;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.banner_content .banner_details a:hover {
  background: white;
  border-color: white;
  color: var(--dark);
}

.form_holder form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* Banner pagination */
.banner_pagination {
  display: flex;
  justify-content: center;
  width: 100%;
  position: absolute;
  bottom: 10px;
  color: white;
}

.banner_pagination>div {
  margin: 0 3px;
  cursor: pointer;
}

.banner_pagination>div:hover {
  color: rgba(0, 0, 0, 0.3);
}

.banner_pagination>.active {
  color: var(--main);
}

/* End banner pagination */
/* Scroll Down */
.banner-scroll-down {
  position: absolute;
  display: flex;
  width: 100%;
  justify-content: center;
  bottom: 10px;
}

.banner-scroll-down a {
  text-align: center;
  background-color: none;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: 0.3s ease;
}

.banner-scroll-down a i {
  color: white;
  font-size: 25px;
}

.banner-scroll-down a:hover {
  background-color: var(--dark);
  transition: 0.3s ease;
}

/* 3.1.2 Buttons
****************/
input.superbutton {
  width: auto;
  border: 2px solid var(--off-white);
  padding: 10px 45px 9px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  background: none;
  color: var(--off-white);
  margin: 5px 0 0 0;
  height: auto;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  float: none;
  text-decoration: none;
  text-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  transition: 0.3s ease;
}

input.superbutton:hover {
  cursor: pointer;
  color: var(--dark);
  background-color: var(--off-white);
  transition: 0.3s ease;
}

a.button,
button.superbutton {
  width: auto;
  border: 2px solid var(--off-white);
  padding: 10px 45px 9px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  background: none;
  color: var(--off-white);
  margin: 5px 0 0 0;
  height: auto;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  float: none;
  text-decoration: none;
  text-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  transition: 0.3s ease;
}

a.button:hover,
button.superbutton:hover {
  cursor: pointer;
  color: var(--dark);
  background-color: var(--off-white);
  transition: 0.3s ease;
}

a.superbutton {
  width: auto;
  border: 2px solid var(--off-white);
  padding: 10px 45px 9px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  background: none;
  color: var(--off-white);
  margin: 5px 0 0 0;
  height: auto;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  float: none;
  text-decoration: none;
  text-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  transition: 0.3s ease;
}

a.superbutton:hover {
  cursor: pointer;
  color: var(--dark);
  background-color: var(--off-white);
  transition: 0.3s ease;
}

a.cart_button {
  position: fixed;
  bottom: 85px;
  right: 5px;
  background: var(--off-white);
  border-radius: 100%;
  text-decoration: none;
  z-index: 999;
  transform: scale(1);
  transition: 0.3s ease;
  height: 60px;
  width: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

a.cart_button:hover {
  background: var(--off-white);
  transform: scale(1.2);
  transition: 0.3s ease;
}

span.shopping-widget-holder {
  position: relative;
  left: -2.5px;
}

span.shopping-widget-holder i {
  color: var(--off-white);
}

span.shopping-widget-holder span {
  position: absolute;
  top: -5px;
  right: -10px;
  width: 15px;
  height: 15px;
  font-size: 13px;
  background-color: var(--off-white);
  border-radius: 100%;
  color: var(--dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cart_quantity {
  margin: 0;
  transition: 0.3s ease;
}

.cart_quantity .quantity_text {
  float: right;
  margin: 5px 5px 0 0;
  transition: 0.3s ease;
}

.cart_quantity label {
  float: left;
  width: 100%;
  margin: 10px 0 0;
  transition: 0.3s ease;
}

.cart_quantity input,
select.cart_price_option {
  border: none;
  height: 26px;
  margin: 5px 0 10px;
  outline: 0 none;
  padding: 1px 2% 2px 2%;
  width: 96%;
  transition: 0.3s ease;
}

.cart_quantity select {
  width: 100%;
  height: 30px;
  padding: 5px 0;
  margin: 5px 0 0;
  border-radius: 0px;
  border: none;
  outline: none;
  transition: 0.3s ease;
}

.cart_quantity select option {
  padding: 8px 12px 8px 12px;
  transition: 0.3s ease;
}

input.superbutton[type="submit"] {
  width: auto;
  border: 2px solid var(--off-white);
  padding: 10px 45px 9px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  background: none;
  color: var(--off-white);
  margin: 5px 0 0 0;
  height: auto;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  float: none;
  text-decoration: none;
  text-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  transition: 0.3s ease;
}

input.superbutton[type="submit"]:hover {
  cursor: pointer;
  color: var(--dark);
  background-color: var(--off-white);
  transition: 0.3s ease;
}

/* Stripe Button */
.stripe-button-el {
  background-color: transparent !important;
}

.stripe-button-el span {
  background-color: var(--main) !important;
}

.stripe-button-el,
.stripe-button-el span {
  background-image: none !important;
  box-shadow: none !important;
  border: transparent !important;
  text-shadow: none !important;
  font-family: inherit !important;
  text-transform: uppercase;
  transition: 0.25s ease;
}

.stripe-button-el span:hover {
  background-color: var(--dark) !important;
  border-color: var(--dark);
  transition: 0.25s ease;
}

/* 3.5 Modules
*************/
/* New Nav Styles */
.button_container {
  position: absolute;
  top: 31px;
  right: 0;
  height: 27px;
  width: 35px;
  cursor: pointer;
  z-index: 999;
  transition: opacity 0.25s ease;
}

.button_container:hover {
  opacity: .7;
}

.button_container.active .top {
  transform: translateY(11px) translateX(0) rotate(45deg);
  background: white;
}

.button_container.active .middle {
  opacity: 0;
  background: white;
}

.button_container.active .bottom {
  transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: white;
}

.button_container span {
  background-color: var(--dark);
  border: none;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.35s ease;
  cursor: pointer;
}

.button_container span:nth-of-type(2) {
  top: 11px;
}

.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.85);
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: hidden;
}

.overlay.open {
  opacity: .7;
  visibility: visible;
  height: 100%;
}

.overlay.open li {
  animation: fadeInRight 0.5s ease forwards;
  animation-delay: .35s;
}

.overlay.open li:nth-of-type(2) {
  animation-delay: .40s;
}

.overlay.open li:nth-of-type(3) {
  animation-delay: .45s;
}

.overlay.open li:nth-of-type(4) {
  animation-delay: .50s;
}

.overlay.open li:nth-of-type(5) {
  animation-delay: .55s;
}

.overlay.open li:nth-of-type(6) {
  animation-delay: .60s;
}

.overlay.open li:nth-of-type(7) {
  animation-delay: .65s;
}

.overlay.open li:nth-of-type(8) {
  animation-delay: .70s;
}

.overlay.open li:nth-of-type(9) {
  animation-delay: .75s;
}

.overlay.open li:nth-of-type(10) {
  animation-delay: .80s;
}

.overlay.open li:nth-of-type(11) {
  animation-delay: .85s;
}

.overlay.open li:nth-of-type(12) {
  animation-delay: .90s;
}

.overlay.open li:nth-of-type(13) {
  animation-delay: .95s;
}

.overlay.open li:nth-of-type(14) {
  animation-delay: 1s;
}

.overlay.open li:nth-of-type(15) {
  animation-delay: 1.05s;
}

.overlay.open li:nth-of-type(16) {
  animation-delay: 1.1s;
}

.overlay.open li:nth-of-type(17) {
  animation-delay: 1.15s;
}

.overlay.open li:nth-of-type(18) {
  animation-delay: 1.2s;
}

.overlay.open li:nth-of-type(19) {
  animation-delay: 1.25s;
}

.overlay.open li:nth-of-type(20) {
  animation-delay: 1.3s;
}

.overlay.open li:nth-of-type(21) {
  animation-delay: 1.35s;
}

.overlay.open li:nth-of-type(22) {
  animation-delay: 1.4s;
}

.overlay.open li:nth-of-type(23) {
  animation-delay: 1.45s;
}

.overlay.open li:nth-of-type(24) {
  animation-delay: 1.5s;
}

.overlay.open li:nth-of-type(25) {
  animation-delay: 1.55s;
}

.overlay.open li:nth-of-type(26) {
  animation-delay: 1.6s;
}

.overlay.open li:nth-of-type(27) {
  animation-delay: 1.65s;
}

.overlay.open li:nth-of-type(28) {
  animation-delay: 1.7s;
}

.overlay.open li:nth-of-type(29) {
  animation-delay: 1.75s;
}

.overlay.open li:nth-of-type(30) {
  animation-delay: 1.8s;
}

.overlay nav {
  position: relative;
  height: 70%;
  top: 45%;
  transform: translateY(-50%);
  font-size: 35px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-align: center;
}

.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
}

.overlay ul li {
  display: block;
  height: auto;
  position: relative;
  opacity: 0;
  float: none;
  width: auto;
}

.overlay ul li:hover a {
  color: white;
}

.overlay ul li a {
  display: inline-block;
  position: relative;
  color: white;
  text-decoration: none;
  overflow: hidden;
  font-size: 24px;
  line-height: 24px;
  padding: 10px 30px;
  width: auto;
  margin: 0 0 10px;
}

.overlay ul li a:hover:after,
.overlay ul li a:focus:after,
.overlay ul li a:active:after {
  width: 100%;
}

.overlay ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  transform: translateX(-50%);
  height: 3px;
  background: white;
  transition: .35s;
  background-color: transparent;
}

.overlay ul li.Selected a {
  color: white;
}

.overlay ul li a:hover:after,
.overlay ul li.Selected a:after {
  background-color: var(--main);
  color: white;
  width: 100%;
}

.overlay ul li ul {
  display: none;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }

  100% {
    opacity: 1;
    left: 0;
  }
}

.overlay.open {
  opacity: 1;
  overflow: scroll;
}

.banner-container-constrained {
  position: relative;
  height: calc(100svh - 133px);
}
.banner-container-constrained .video-wrapper{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.banner-container-constrained .video-wrapper video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 960px) {
  .banner-container-constrained{
    height: auto;
  }
  .banner-container-constrained .video-wrapper{
    height: auto;
    aspect-ratio: 1366 / 768;
    position: relative;
  }
  .banner-container-constrained .video-wrapper::after{
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent, var(--dark));
  }
}
.banner-container-constrained:hover .banner-next,
.banner-container-constrained:hover .banner-previous {
  opacity: 1;
  cursor: pointer;
}

.ms-banner-constrained {
  display: inline-flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ms-banner-constrained li {
  width: 100%;
  flex-shrink: 0;
  position: relative;
  opacity: 0;
}

.ms-banner-constrained li .banner-details {
  position: absolute;
  width: 100%;
  max-width: 1200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  z-index: 1;
}

.banner-container-constrained .banner-details .small-title {
  color: var(--dark);
  text-transform: uppercase;
  font-size: 22px;
  line-height: 22px;
  font-weight: 500;
  max-width: 50%;
}

.banner-container-constrained .banner-details.middle-right .small-title {
  margin-left: 50%;
}

.banner-container-constrained .banner-details .title {
  font-family: 'Poppins', sans-serif;
  font-size: 75px;
  line-height: 75px;
  color: var(--off-white);
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
  max-width: 50%;
}

.banner-container-constrained .banner-details.middle-right .title {
  margin-left: 50%;
}

.banner-container-constrained .banner-details .description {
  color: var(--off-white);
  font-weight: 400;
  margin-bottom: 40px;
  max-width: 25%;
}

.banner-container-constrained .banner-details.middle-right .description {
  margin-left: 75%;
}

.banner-container-constrained .banner-details a {
  border: 2px solid var(--off-white);
  padding: 5px 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--off-white);
  text-decoration: none;
  background: none;
  font-weight: 500;
  display: inline-block;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.banner-container-constrained .banner-details a:hover {
  background: var(--off-white);
  border-color: var(--off-white);
  color: var(--dark);
}

.banner-container-constrained .banner-next i,
.banner-container-constrained .banner-previous i {
  color: var(--off-white);
  font-size: 25px;
  line-height: 40px;
}

.banner-container-constrained .banner-next:hover,
.banner-container-constrained .banner-previous:hover {
  background-color: var(--off-white);
  transition: 0.3s ease;
}
.banner-container-constrained .banner-next:hover i,
.banner-container-constrained .banner-previous:hover i{
  color: var(--dark)
}

.banner-container-constrained .banner-next,
.banner-container-constrained .banner-previous {
  opacity: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  align-items: center;
  text-decoration: none;
  transition: 0.3s ease;
  z-index: 2;
}

.banner-container-constrained .banner-next {
  right: 10px;
}

.banner-container-constrained .banner-previous {
  left: 10px;
}

.ms-banner-constrained li img {
  position: relative;
}

.ms-banner-constrained li:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
}

.ms-banner-constrained li:after {
  content: '';
  /* background: linear-gradient(to bottom, transparent, #333 200%); */
}

.ms-banner-constrained .top-right {
  /* top: 15% !important;
  left: 85% !important;
  transform: translate(-85%, -15%) !important; */
  text-align: right !important;
}

.ms-banner-constrained .top-center {
  /* top: 15% !important;
  transform: translate(-50%, -15%) !important; */
}

.ms-banner-constrained .top-left {
  /* top: 15% !important;
  left: 15% !important;
  transform: translate(-15%, -15%) !important; */
  text-align: left !important;
}

.ms-banner-constrained .middle-right {
  /* left: 85% !important;
  transform: translate(-85%, -50%) !important; */
  text-align: right !important;
}

.ms-banner-constrained .middle-left {
  /* left: 15% !important;
  transform: translate(-15%, -50%) !important; */
  text-align: left !important;
}

.ms-banner-constrained .bottom-right {
  /* top: 85% !important;
  left: 85% !important;
  transform: translate(-85%, -85%) !important; */
  text-align: right !important;
}

.ms-banner-constrained .bottom-center {
  /* top: 85% !important;
  transform: translate(-50%, -85%) !important; */
}

.ms-banner-constrained .bottom-left {
  /* top: 85% !important;
  left: 15% !important;
  transform: translate(-15%, -85%) !important; */
  text-align: left !important;
}

.ms-banner-constrained .left {
  /* left: 15% !important;
  transform: translate(-15%, -50%) !important; */
  text-align: left !important;
}

.ms-banner-constrained .right {
  /* left: 75% !important;
  transform: translate(-75%, -50%) !important; */
  text-align: right !important;
}

@media screen and (max-width: 960px) {
  .banner-container-constrained .banner-scroll-down {
    display: none;
  }
}

@media screen and (max-width: 735px) {
  .ms-banner-constrained li img {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
  }
}

/*
@media screen and (max-width: 600px) {
  .ms-banner-constrained li .banner-details .title {
    margin-bottom: 6px;
  }
  .ms-banner-constrained li .banner-details .description {
    margin-bottom: 10px;
  }
  .ms-banner-constrained li .banner-details a {
    padding: 1px 10px;
    font-size: 10px;
  }
}*/

.banner-container {
  position: relative;
  overflow: hidden;
  display: flex;
  height: 100vh;
  min-height: 500px;
}

.banner-container:hover .banner-next,
.banner-container:hover .banner-previous {
  opacity: 1;
  cursor: pointer;
}

.ms-banner li {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
}

.ms-banner li span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  color: transparent;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: none;
  opacity: 0;
  z-index: 0;
}

.ms-banner li .banner-details {
  width: 90%;
  max-width: 625px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  color: white;
  z-index: 1;
}

.banner-container .banner-details .small-title {
  font-size: 22px;
  line-height: 22px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.banner-container .banner-details .title {
  font-size: 75px;
  line-height: 75px;
  letter-spacing: 1px;
  text-transform: capitalize;
  font-weight: 400;
  margin-bottom: 20px;
}

.banner-container .banner-details .description {
  color: white;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

.banner-container .banner-details a {
  border: 2px solid white;
  padding: 7px 40px 8px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  background: none;
  font-weight: 600;
  display: inline-block;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.banner-container .banner-details a:hover {
  background: white;
  border-color: white;
  color: var(--dark);
}

.banner-container .banner-next i,
.banner-container .banner-previous i {
  color: white;
  font-size: 25px;
  line-height: 40px;
}

.banner-container .banner-next:hover,
.banner-container .banner-previous:hover {
  background-color: var(--main);
  transition: 0.3s ease;
}

.banner-container .banner-next,
.banner-container .banner-previous {
  opacity: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  align-items: center;
  text-decoration: none;
  transition: 0.3s ease;
  z-index: 2;
}

.banner-container .banner-next {
  right: 10px;
}

.banner-container .banner-previous {
  left: 10px;
}

.ms-banner:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
  content: '';
  background: linear-gradient(to bottom, transparent, #333 200%);
}

.ms-banner .top-right {
  top: 15% !important;
  left: 85% !important;
  transform: translate(-85%, -15%) !important;
  text-align: right !important;
}

.ms-banner .top-center {
  top: 15% !important;
  transform: translate(-50%, -15%) !important;
}

.ms-banner .top-left {
  top: 15% !important;
  left: 15% !important;
  transform: translate(-15%, -15%) !important;
  text-align: left !important;
}

.ms-banner .middle-right {
  left: 85% !important;
  transform: translate(-85%, -50%) !important;
  text-align: right !important;
}

.ms-banner .middle-left {
  left: 15% !important;
  transform: translate(-15%, -50%) !important;
  text-align: left !important;
}

.ms-banner .bottom-right {
  top: 85% !important;
  left: 85% !important;
  transform: translate(-85%, -85%) !important;
  text-align: right !important;
}

.ms-banner .bottom-center {
  top: 85% !important;
  transform: translate(-50%, -85%) !important;
}

.ms-banner .bottom-left {
  top: 85% !important;
  left: 15% !important;
  transform: translate(-15%, -85%) !important;
  text-align: left !important;
}

.ms-banner-constrained .left {
  left: 15% !important;
  transform: translate(-15%, -50%) !important;
  text-align: left !important;
}

.ms-banner .right {
  left: 75% !important;
  transform: translate(-75%, -50%) !important;
  text-align: right !important;
}

.ms-banner .animate-image {
  animation: imageAnimation 8s linear infinite 0s;
}

.ms-banner .animate-details {
  z-index: 1000;
  animation: detailsAnimation 8s linear infinite 0s;
}

@keyframes imageAnimation {
  0% {
    opacity: 0;
    animation-timing-function: ease-in;
  }

  8% {
    opacity: 1;
    animation-timing-function: ease-out;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.03);
  }
}

@keyframes detailsAnimation {
  0% {
    opacity: 0;
    visibility: visible;
  }

  5% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (max-height: 600px) {
  .full_header {
    position: relative !important;
  }
}

/* ---- Box List ---- */
.box_list .box {
  background: #F0F0F0;
  float: left;
  padding: 15px;
  width: 98%;
  margin: 0 1% 10px;
  text-align: center;
}

.box_list .full {
  width: 100%;
  margin: 0 0% 10px;
  text-align: center;
}

.box_list .video_box {
  width: 100%;
  margin-bottom: 5px;
}

.box_list .video_box iframe {
  width: 100%;
  height: 225px;
}

.box_list .box .quote {
  color: var(--main);
}

.box_list .name {
  color: var(--main);
  padding: 5px 10px 2px 0;
  margin: 0;
}

.box_list .featured {
  background-color: rgba(53, 117, 225, 0.3);
}

.box_list .box .title {
  color: var(--main);
  margin: 4px 0 2px 0;
  text-transform: uppercase;
  font-weight: 700;
}

.box_list .box .menu_title {
  color: var(--main);
  margin: 10px 0 3px 2px;
}

.box_list .no_image .title {
  margin: 0px 0 10px 0;
}

.box_list .box .title a {
  font-weight: 700;
  text-transform: uppercase;
  color: var(--main);
  text-decoration: none;
}

.box_list .box .title a:hover {
  color: #222;
  text-decoration: none;
}

.box_list .location_title {
  padding: 5px 0 0 0;
  line-height: 16px;
}

.box_list .job_title {
  color: var(--main);
  margin: -5px 0 0 0;
}

.box_list p {
  padding: 0;
  margin: 2px 0 10px 0;
}

.box_list .box .date {
  font-style: italic;
  font-weight: 400;
  color: var(--main);
  padding: 0;
  margin: 0;
}

.box_list .box .price {
  color: var(--main);
  margin: 0px 0 3px 2px;
  float: right;
}

.box_list .box .description {
  font-style: italic;
  padding: 0px;
  margin: 8px 0 0 0;
}

.box_list .box .options {
  font-style: italic;
  padding: 0px;
  margin: 2px 0 10px 0;
}

.box_list .box i {
  float: none;
  color: var(--main);
  padding: 0 5px 0 0;
}

.box_list .box .specials_title {
  font-style: bold;
  color: var(--main);
  padding: 0;
}

.box_list .box .special {
  font-style: italic;
  color: var(--dark);
  padding: 0;
}

.box_list .box img {
  border: none;
  background: white;
  padding: 0;
  margin: 0 0 10px 0;
  float: none;
  max-width: 80%;
  max-height: 80%;
  width: auto;
  height: auto;
}

.box_list .box img.large_image {
  border: 1px solid #F0F0F0;
  background: white;
  padding: 3px;
  margin: 5px 10px 10px 0;
  max-width: 200%;
  max-height: 200%;
  width: 97%;
  height: auto;
}

.box_list .box ul {
  margin: 0;
}

.box_list .box ul li {
  list-style-type: none;
  width: 100%;
  float: none;
  background: none;
  margin: 10px 0 10px 0;
  padding: 0 10px 0 0;
}

.box_list .box ul.careers_list li {
  list-style-type: none;
  width: 100%;
  float: left;
  background: none;
  margin: 10px 0 10px 0;
  padding: 0 10px 0 0;
}

.box_list .box ul li.last {
  border-right: none;
}

.box_list ul {
  margin: 0px;
  padding: 0px 0 8px 5px;
}

.box_list ul li {
  margin: 0;
  padding: 0;
}

.content .product_number {
  color: var(--main);
  float: right;
}

.box_list .product_highlight {
  margin: 0;
}

.box_list .product_highlight .alert {
  float: right;
  color: var(--main);
  margin: -5px 0 0 0;
}

.box_list .product_highlight ul {
  margin: 0px;
  padding: 0;
}

.box_list .product_highlight ul li {
  margin: 0;
  padding: 0;
}

.box_list .product_highlight ul li .strike {
  text-decoration: line-through;
}

.box_list .product_highlight ul li .sale {
  color: var(--main);
}

.box_list .product_check_list ul,
.box_list .product_check_list,
.box_list .product_highlight ul.gallery,
.box_list .product_highlight ul.gallery li {
  margin: 0;
  padding: 0;
}

.box_list .product_check_list ul li {
  color: var(--main);
  background: none;
  float: left;
  margin: 0px;
  padding: 0;
}

.box_list .box ul.pricing {
  margin: -1px 0 0 0;
  padding: 0;
}

.box_list .box ul.pricing li {
  display: inline;
  border-right: none;
  margin: 0px 4px 4px 0;
  padding: 0;
  color: var(--main);
}

.box_list .box ul.pricing li.strike {
  text-decoration: line-through;
}

.box_list .box ul.pricing li.sale {
  color: var(--main);
}

.box_list .box .alert_overlay {
  background-color: rgba(53, 117, 225, 0.3);
  padding: 2px 5px;
  margin-bottom: 5px;
  color: var(--main);
}

.box_list .box .alert_overlay h6 {
  text-decoration: none;
  font-size: 0.2rem;
  padding: 0px;
  margin: 0;
  float: left;
}

.box_list .box .alert_overlay h6 span {
  padding: 0px;
  margin: 0px 0 0 10px;
}

.box_list .box .alert_overlay p {
  color: var(--main);
}

.box_list .box .alert_overlay i {
  color: var(--main);
  padding: 0px 5px 0 5px;
  float: left;
}

.box_list .box .date_title {
  margin-top: 6px;
}

.box_list .box .date_box,
.content .date_box {
  background: none;
  border: none;
  float: none;
  width: 100%;
  margin: 2px 0 2px 0;
  text-align: center;
  text-decoration: none;
  color: var(--main);
}

.date_box_event {
  background: none;
  border: none;
  float: none;
  width: 100%;
  margin: 2px 0 2px 0;
  text-decoration: none;
  color: var(--main);
  text-align: left;
  padding-left: 12px;
}

.box_list .box .date_box .month,
.content .date_box .month {
  color: white;
  background: var(--main);
  padding: 1px 0 4px 0;
  text-transform: uppercase;
}

.box_list .box .date_box .day_of_week,
.content .date_box .day_of_week {
  color: var(--main);
  font-size: 0.22rem;
  text-transform: none;
  padding: 2px 0 0 0;
  margin: 0px 0 -2px 0;
}

.box_list .box .date_box .day,
.content .date_box .day {
  color: var(--main);
  font-size: 0.6rem;
  padding: 0;
}

.box_list .box .date_box .year,
.content .date_box .year {
  color: var(--main);
  font-size: 0.22rem;
  letter-spacing: 4px;
  padding: 0px 0 2px 5px;
  margin: -3px 0 0 0;
}

.box_list .box ul.date_list {
  margin: 3px 10px 0 0;
  padding: 0px;
  color: var(--main);
  font-size: 12px;
}

.box_list .box ul.date_list li {
  background: none;
  display: inline;
  list-style: none;
  color: var(--main);
  border-left: 1px solid var(--main);
  padding: 0px 0 0 10px;
  margin: 0px 0 0 6px;
}

.box_list .box ul.date_list li.first {
  border-left: none;
  padding: 0;
  margin: 0;
}

.content .box_list .box ul.date_list li i {
  padding: 4px 4px 0 0;
}

.box_list .box ul.eventdata_list {
  margin: 0 10px 10px 0;
  padding: 0 0 10px 0;
  color: var(--main);
  border-bottom: 1px solid var(--dark);
}

.box_list .box ul.eventdata_list li {
  background: none;
  list-style: none;
  color: var(--dark);
  padding: 0px 0 0 10px;
  margin: 2px 0 2px 6px;
}

.content .box_list .box ul.eventdata_list li i {
  padding: 0 5px 0 0;
  width: auto;
  float: none;
  color: var(--dark);
}

.box_list .address {
  color: var(--main);
}

.box_list .address i {
  padding: 0px 4px 0 0;
  margin-top: -1px;
}

.box_list .event p {
  margin: 5px 0 0 0;
}

.box_list .box_links a {
  color: var(--main);
}

.box_list .comment_box {
  width: 100%;
  margin: 0 0 10px 0;
  text-align: left;
}

.box_list .comment_box .comment_name {
  font-weight: 700;
  text-transform: uppercase;
  color: var(--dark);
  margin: 0px 0 5px 0;
}

.box_list .comment_box .comment_name span {
  font-weight: 300;
  font-style: italic;
  color: var(--dark);
  text-transform: capitalize;
}

/* Past News */
.box_list.news-list.dark-list .past_news {
  width: 100%;
  margin: 0 0 20px;
  text-align: left;
}

.box_list.news-list.dark-list .past_news .date {
  margin: 0;
  padding: 0;
}

/* CONTACT INFORMATION */
.contact_info {
  margin: 0;
}

.contact_info h4 {
  padding: 0px 0 10px 0;
  color: var(--main);
}

.contact_info ul {
  margin: 5px 0 15px 0;
  width: 100%;
}

.contact_info ul li {
  margin: 0px 0 5px 0;
  list-style: none;
  font-weight: 300;
}

.contact_info ul li a {
  color: var(--main);
  text-decoration: underline;
}

.contact_info ul li a:hover {
  color: #222;
  text-decoration: none;
}

.contact_info span {
  margin: 0px 0 2px 0;
}

.contact_info h6 {
  color: var(--main);
  margin: 0px 0 10px 0;
}

.contact_info pre {
  margin: 3px 0 0 0;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  width: 99%;
}

.contact_info ul.hours {
  margin: 3px 0 0 0;
  padding: 0px;
  width: 100%;
}

.contact_info ul.hours li {
  margin: 0px;
  padding: 0px;
}

.contact_info ul.hours li span {
  width: 100px;
  color: var(--dark);
  display: inline-block;
}

.map_holder {
  margin-bottom: -6px;
}

.map_holder .overlay {
  background: transparent;
  position: relative;
  width: 100%;
  height: 450px;
  /* your iframe height */
  top: 450px;
  /* your iframe height */
  margin-top: -450px;
  /* your iframe height */
}

.map_holder .map_overlay {
  background: transparent;
  position: relative;
  width: 100%;
  height: 450px;
  top: 450px;
  margin-top: -450px;
  -webkit-overflow-scrolling: touch;
  z-index: 104;
}

#map_canvas {
  width: 100%;
  height: 450px;
}

.map_holder {
  background-color: white;
}

@media (min-width: 960px) {
  .contact .form_holder .third_width {
    width: calc(33.33% - 10px) !important;
  }
}

/* Login Styles */
#header .menu_holder .menu_content ul li.login_btn {
  float: left;
}

#header .menu_holder .menu_content ul li.login_btn a {
  text-decoration: none;
  color: white;
  background: var(--main);
  float: left;
  padding: 8px 10px;
}

#header .menu_holder .menu_content ul li.login_btn a:hover {
  background: #222;
}

#header .menu_holder .menu_content ul li.login_btn a i {
  color: white;
  position: relative;
  left: 3px;
}

.login_btn {
  float: right;
  margin: 0;
}

#header .login_btn {
  margin: 15px 0 3px 0;
}

.login_btn i {
  float: left;
  font-size: 0.46rem;
  margin: 2px 5px 0 0;
  color: var(--main);
}

.login_wrapper.hide {
  display: none;
}

.login_wrapper {
  width: 100%;
  position: fixed;
  z-index: 102;
  top: 34px;
  right: 0;
  left: 0;
}

.login_wrapper .login_wrapper_inner {
  width: 960px;
  margin: 0 auto;
}

.menu_holder .login_box {
  width: 300px;
  background: var(--main);
  padding: 15px;
  float: right;
  margin-right: 3px;
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
}

.menu_holder .login_box input {
  width: 94%;
  padding: 3%;
  margin: 2% 0;
  float: left;
  border: none;
  background: #F0F0F0;
}

.menu_holder .login_box input:focus {
  outline: none;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
}

.menu_holder .login_box input.checkbox {
  width: auto !important;
  padding: 0;
  margin: 2% 0 0 4%;
}

.menu_holder .login_box a {
  text-decoration: none;
  color: white;
}

.menu_holder .login_box a:hover {
  text-decoration: underline;
}

.menu_holder .login_box a.superbutton {
  margin-top: 5px;
  background: #333;
}

.menu_holder .login_box a.superbutton:hover {
  text-decoration: none;
  background: var(--dark);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
}

.menu_holder .login_box a.superbutton i {
  margin: 0 -2px 0 3px;
}

.sub_accounts_table {
  width: 100%;
}

.sub_accounts_table thead tr {
  border-bottom: 1px solid #ddd;
}

.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

#card_table {
  width: 100%;
}

#card_table table {
  width: 100%;
}

#card_table table thead {
  border-bottom: 1px solid #ddd;
}

#add_card_button {
  float: right;
  cursor: pointer;
}

#add_card_section,
#event_payment_div {
  position: relative;
  display: none;
  width: 100%;
}

#cancel_add_card,
#cancel_payment {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  transition: 0.2s;
}

#cancel_add_card:hover,
#cancel_payment:hover {
  transform: scale(1.3);
}

/* Login Form */
.login-form .content_container {
  background-size: cover;
  background-position: left center;
  min-height: 100vh;
  display: flex;
  justify-content: flex-end;
}

.login-form .inner_header {
  display: none;
}

.login-form .content_container .content:not(.content_form) {
  border-radius: 10px;
  padding: 30px;
  width: 500px;
  position: relative;
  z-index: 9;
}

.login-form .content_container .content:not(.content_form)::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  filter: blur(2px);
  background-color: rgba(255, 255, 255, 0.9);
}

#password_score {
  display: inline-block;
  width: calc(100% - 30px);
  background: #efefef;
  text-align: center;
  font-weight: bold;
  padding: 1px 5px 1px 5px;
  margin-bottom: 7px;
}

.strong_pw {
  border-bottom: 4px solid #00ff5e;
}

.medium_pw {
  border-bottom: 4px solid #93fc17;
}

.weak_pw {
  border-bottom: 4px solid #ff0000;
}

.login-form .content_container .dark,
.login-form .content_container .color {
  height: 40px;
  line-height: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 400;
  border: none;
  margin: 10px 10px 0 0;
}

.login-form .content_container .dark i,
.login-form .content_container .color i {
  display: none;
}

.login-form .content_container .color:hover,
.login-form .content_container .dark {
  background-color: var(--dark-grey);
}

.login-form .content_container .dark:hover {
  background-color: var(--main);
}

.login-form hr {
  margin: 10px 0;
}

.login-form a.tooltip>span {
  right: 0;
}

.login-form a.tooltip span b {
  right: 5px;
}

.login-form .form_holder .full_width {
  position: relative;
}

@media (max-width: 1200px) {
  .login-form .content_container .content:not(.content_form) {
    float: none;
    max-width: 85%;
    margin: 80px auto;
  }

  .login-form .content_container {
    min-height: 1px;
  }
}

@media (max-width: 960px) {
  .login-form a.tooltip {
    right: 0;
    position: absolute;
  }

  .login-form #password_score {
    width: calc(100% - 25px);
  }
}

@media (max-width: 767px) {

  .login-form .content_container .dark,
  .login-form .content_container .color {
    width: 100%;
  }
}

.dashboard-page .content h1,
.dashboard-page .content .h1 {
  margin-bottom: 30px;
}

.dashboard-page .content .dashboard-welcome {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.dashboard-page .content .button-container {
  margin: auto 0px;
  width: auto;
}

.dashboard-page .content .button-container a.superbutton,
.dashboard-page .content .button-container input.superbutton,
.dashboard-page .content .button-container button.superbutton {
  font-size: 14px;
  line-height: 14px;
  padding: 0px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 50%;
  margin: 0px 3px;
}

.dashboard-page .content .button-container a.superbutton i {
  margin: 0px -1px 0px 0px;
}

.dashboard-page .content .button-container button.superbutton i {
  margin: 0px -3px 0px 0px;
}

.dashboard-page .content a.half-button {
  width: 100%;
}

.dashboard-page .content .box_list .box {
  width: 100%;
  margin: 0px 0px 20px 0px;
  float: left;
  border-left: 5px solid #c0b595;
  padding: 20px;
  background: var(--light);
}

.dashboard-page .content .box_list .box .title {
  font-family: "Cormorant", serif;
  color: #272727;
  margin-bottom: 5px;
  letter-spacing: 1px;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
  margin: 0px 0px -3px;
}

.dashboard-page .content .box_list .box .title a {
  font-family: "Cormorant", serif;
  color: #272727;
  margin-bottom: 5px;
  letter-spacing: 1px;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 28px;
  line-height: 28px;
}

.dashboard-page .content .box_list .box .title a:hover {
  color: #616161;
}

.dashboard-page .content .box_list .box .date {
  font-size: 14px;
  line-height: 16px;
  margin-left: 5px;
  color: #c0b595;
  font-weight: 600;
}

.dashboard-page .content .box_list .box p {
  margin: 20px 0px 20px;
  font-size: 14px;
  line-height: 20px;
  color: #7d7d7d;
  height: 80px;
  overflow: hidden;
}

.dashboard-page .content .box_list .box a.superbutton {
  border: 2px solid #272727;
  background: none;
  color: #272727;
  padding: 5px 20px;
  width: auto;
  float: right;
  font-weight: 600;
  letter-spacing: 2px;
  font-size: 14px;
  line-height: 14px;
}

.dashboard-page .content .box_list .box a.superbutton:hover {
  background: #272727;
  color: white;
}

.dashboard_icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  padding: 20px 0px;
}

.dashboard_icons a {
  position: relative;
  text-align: center;
  width: 24%;
  text-decoration: none;
  transition: 0.2s ease;
  padding: 50px 0px;
  border-radius: 5px;
  background-color: var(--light);
  color: #333;
}

.dashboard_icons a:hover {
  transform: scale(1.05);
  box-shadow: 0px 1px 5px 0px #3333;
}

.dashboard_icons a i {
  width: 100%;
}

.dashboard_icons a i::before {
  font-size: 90px;
}

.dashboard_icons a span {
  font-size: 20px;
  display: block;
  padding-top: 10px;
}

.dashboard_icons .unread_notifications {
  color: white;
  background-color: #d32d27;
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  top: 51px;
  right: 85px;
  border-radius: 50%;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
  padding-top: 7px;
}

.popover__title {
  font-size: 24px;
  line-height: 36px;
  text-decoration: none;
  color: #e44444;
  text-align: center;
  padding: 15px 0;
}

.popover__wrapper {
  position: relative;
  margin-top: 0px;
  display: inline-block;
}

.popover__content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -72px;
  transform: translate(0, 20px);
  background-color: var(--light);
  padding: 10px 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  width: 180px;
  font-size: 14px;
  line-height: 14px;
  height: auto;
}

.popover__content:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: calc(50% - 10px);
  top: -8px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent var(--light) transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.popover__wrapper:hover .popover__content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: translate(0, 10px);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.popover__message {
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  margin: 0px 0px;
}

@media (max-width: 960px) {
  .dashboard_icons a {
    width: 49%;
    margin-bottom: 2%;
  }
}

@media (max-width: 540px) {
  .dashboard_icons a {
    width: 100%;
    margin-bottom: 4%;
  }
}

/* FORMS */
h2#form {
  font-size: 0.4rem;
  line-height: 0.4rem;
  color: var(--main);
  margin: 0px;
  padding: 5px 10px;
}

.form_holder {
  background: none;
  padding: 0;
}

.form_holder .half_width {
  width: 100%;
  margin-right: 0%;
  float: none;
}

.form_holder .full_width {
  float: left;
  width: 100%;
  margin: 0;
}

.form_holder .last {
  margin: 0;
}

.form_holder input {
  font-weight: 300;
  width: 100%;
  padding: 5px 8px 5px 8px;
  height: auto;
  font-size: 16px;
  margin: 1px 0 5px 0;
  background-color: #282828;
  border: none;
  border-bottom: 3px solid var(--main);
  color: var(--off-white);
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.form_holder input.checkbox {
  float: left;
  width: auto;
  height: auto;
  margin: 8px 0;
  padding: 0;
  background: none;
  border: 1px solid #F0F0F0;
  box-shadow: none;
  color: var(--dark);
  outline: none;
}

.form_holder textarea {
  font-weight: 300;
  width: 100%;
  padding: 5px 5px 5px 8px;
  margin: 1px 0 10px;
  background-color: #282828;
  border: none;
  border-bottom: 3px solid var(--main);
  color: var(--off-white);
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.form_holder select {
  font-weight: 300;
  width: 100%;
  height: 42px;
  padding: 5px 0;
  margin: 1px 0 10px;
  background-color: #282828;
  border: none;
  border-bottom: 3px solid var(--main);
  color: var(--off-white);
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.form_holder select option {
  padding: 8px 0 8px 0;
}

.form_holder .uploader {
  width: 100%;
  height: 30px;
  padding: 0px;
  margin: 1px 0 5px 0;
  background-color: white;
  border: 0px solid white;
  color: var(--dark);
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.form_holder input:focus,
.form_holder textarea:focus {
  background-color: white;
  color: var(--dark);
  outline: none;
}

.form_holder label {
  display: block;
  font-size: 14px;
  color: var(--off-white);
}

.form_holder .message {
  margin: 0px 0 10px 0;
}

.form_holder .check_label {
  float: left;
  margin: 4px 0 0 0;
  padding: 0px 0 0 5px;
}

.form_holder .require {
  color: var(--main);
}

.form_holder .form_error {
  background-color: var(--main);
  color: var(--dark);
  padding: 10px;
  margin: 15px 0;
}

.form_top {
  margin-top: 30px;
}

.directions_form input {
  width: 98%;
  padding: 3px;
}

.form_holder .email_half_width input {
  width: 100%;
}

.captcha {
  margin-bottom: 20px !important;
}

/* Placeholder */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--off-white);
  opacity: .3;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--off-white);
  opacity: .3;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--off-white);
  opacity: .3;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: var(--off-white);
  opacity: .3;
}

.form_holder input,
.form_holder textarea {
  border: none;
  border-bottom: 3px solid var(--main);
  font-size: 18px;
  line-height: 30px;
}

form#contact_form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* Validating Entries */
.form_holder input:not([type="submit"]):focus:valid,
.form_holder textarea:focus:valid,
.form_holder select:focus:valid {
  box-shadow: 0px 0px 5px var(--main);
}

/* Invalidating Entries */
.form_holder input:not([type="submit"]):focus:invalid,
.form_holder textarea:focus:invalid,
.form_holder select:focus:invalid {
  box-shadow: 0px 0px 5px red;
}

/* Overriding Boring Date Picker */
.ui-datepicker .ui-datepicker-header {
  border: none;
  border-radius: 0;
  background-image: none;
  background: var(--main);
}

#ui-datepicker-div {
  padding: 0;
}

.ui-datepicker .ui-datepicker-title {
  color: white;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  background-color: transparent !important;
  background-image: none;
  border: none;
}

.ui-datepicker .ui-datepicker-next:hover span,
.ui-datepicker .ui-datepicker-prev:not(.ui-state-disabled):hover span {
  filter: brightness(1000%);
}

.ui-datepicker th {
  padding: 5px 0;
}

table.ui-datepicker-calendar span {
  border: none !important;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}

.ui-state-highlight,
.ui-widget-content {
  font-family: "Roboto", sans-serif;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid var(--main);
  background-image: none;
  background-color: rgba(212, 175, 55, 0.7);
  background-color: white !important;
}

.ui-datepicker .ui-datepicker-title {
  text-transform: uppercase;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-image: none;
  background-color: #f5f5f5;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border-color: var(--main);
  background-image: none;
  background-color: white;
}

td.ui-datepicker-current-day a {
  background: var(--main) !important;
  color: white !important;
}

td.ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today a.ui-state-default.ui-state-highlight.ui-state-active {
  color: var(--dark) !important;
}

.form_holder input,
.form_holder textarea,
.form_holder select {
  font-family: "Roboto", sans-serif !important;
}

#menu a {
  text-decoration: none;
}

html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
html.mm-opened .mm-fixed-top,
html.mm-opened .mm-fixed-bottom,
html.mm-opened .mm-menu.mm-horizontal>.mm-panel {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, border, -webkit-transform;
  -moz-transition-property: top, right, bottom, left, border, -moz-transform;
  -ms-transition-property: top, right, bottom, left, border, -ms-transform;
  -o-transition-property: top, right, bottom, left, border, -o-transform;
  transition-property: top, right, bottom, left, border, transform;
}

html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
  left: 0%;
  top: 0;
  margin: 0;
  border: 0px solid rgba(0, 0, 0, 0);
}

html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker {
  border: 0px solid rgba(100, 100, 100, 0);
}

.mm-menu .mm-hidden {
  display: none;
}

.mm-fixed-top,
.mm-fixed-bottom {
  position: sticky;
  position: -webkit-sticky;
  left: 0;
}

.mm-fixed-top {
  top: 0;
}

.mm-fixed-bottom {
  bottom: 0;
}

html.mm-opened .mm-page,
.mm-menu>.mm-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

html.mm-opened,
html.mm-opened body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

html.mm-opened .mm-page {
  height: 100%;
  overflow: hidden;
  position: absolute;
}

html.mm-background .mm-page {
  background: inherit;
}

#mm-blocker {
  background: white;
  opacity: 0;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999;
}

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block;
}

.mm-menu.mm-current {
  display: block;
}

.mm-menu {
  background: inherit;
  display: none;
  overflow: hidden;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.mm-menu>.mm-panel {
  background: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 0;
}

.mm-menu>.mm-panel.mm-opened {
  left: 0%;
}

.mm-menu>.mm-panel.mm-subopened {
  left: -40%;
}

.mm-menu>.mm-panel.mm-highest {
  z-index: 1;
}

.mm-menu>.mm-panel.mm-hidden {
  display: block;
  visibility: hidden;
}

.mm-menu .mm-list {
  padding: 20px 0;
}

.mm-menu>.mm-list {
  padding: 20px 0 40px 0;
}

.mm-panel>.mm-list {
  margin-left: -20px;
  margin-right: -20px;
}

.mm-panel>.mm-list:first-child {
  padding-top: 0;
}

.mm-list,
.mm-list>li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.mm-list * {
  -webkit-text-size-adjust: none;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  text-shadow: none;
}

.mm-list a,
.mm-list a:hover {
  text-decoration: none;
}

.mm-list>li {
  position: relative;
}

.mm-list>li>a,
.mm-list>li>span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  line-height: 20px;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0;
}

.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
  width: auto;
  /*margin-left: 20px;  changed to allow border to touch left edge */
  margin-left: 0px;
  position: relative;
  left: auto;
}

.mm-list a.mm-subopen {
  width: 40px;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.mm-list a.mm-subopen::before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.mm-list a.mm-subopen.mm-fullsubopen {
  width: 100%;
}

.mm-list a.mm-subopen.mm-fullsubopen:before {
  border-left: none;
}

.mm-list a.mm-subopen+a,
.mm-list a.mm-subopen+span {
  padding-right: 5px;
  margin-right: 40px;
}

.mm-list>li.mm-selected>a.mm-subopen {
  background: transparent;
}

.mm-list>li.mm-selected>a.mm-fullsubopen+a,
.mm-list>li.mm-selected>a.mm-fullsubopen+span {
  padding-right: 45px;
  margin-right: 0;
}

.mm-list a.mm-subclose {
  text-indent: 20px;
  padding-top: 30px;
  margin-top: -20px;
}

.mm-list>li.mm-label {
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
}

.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 7px;
  height: 7px;
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mm-list a.mm-subopen:after {
  border-top: none;
  border-left: none;
  right: 18px;
}

.mm-list a.mm-subclose:before {
  border-right: none;
  border-bottom: none;
  margin-bottom: -4px;
  left: 22px;
}

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}

.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
  border-color: transparent;
}

.mm-menu.mm-vertical .mm-list li.mm-opened>.mm-panel {
  display: block;
}

.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen {
  height: 40px;
}

.mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 16px;
  right: 16px;
}

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

/* MAIN BG COLOUR */
.mm-ismenu {
  background: var(--main);
}

.mm-menu {
  color: white;
}

.mm-menu .mm-list>li:after {
  border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu .mm-list>li>a.mm-subclose {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-list>li>a.mm-subopen:after,
.mm-menu .mm-list>li>a.mm-subclose:before {
  border-color: white;
}

.mm-menu .mm-list>li>a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu .mm-list>li.mm-selected>span {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-list li.mm-label {
  background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened>ul {
  background: rgba(255, 255, 255, 0.05);
}

html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker,
html.mm-opened.mm-opening .mm-fixed-top,
html.mm-opened.mm-opening .mm-fixed-bottom {
  left: 80%;
}

.mm-menu {
  width: 80%;
}

@media all and (max-width: 175px) {
  .mm-menu {
    width: 140px;
  }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 140px;
  }
}

@media all and (min-width: 550px) {
  .mm-menu {
    width: 440px;
  }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 440px;
  }
}

html.mm-nooverflowscrolling.mm-opened {
  height: auto;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll;
}

html.mm-nooverflowscrolling.mm-opened body {
  overflow: auto;
}

html.mm-nooverflowscrolling.mm-opened .mm-page {
  min-height: 1000px;
  position: fixed;
}

html.mm-nooverflowscrolling.mm-opened .mm-menu {
  height: auto;
  min-height: 1000px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  left: auto;
  top: auto;
}

html.mm-nooverflowscrolling.mm-opened>.mm-panel {
  position: relative;
  height: auto;
  display: none;
  left: 0;
}

html.mm-nooverflowscrolling.mm-opened>.mm-panel.mm-current {
  display: block;
}

/* MENU THEMES */
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-ismenu.mm-light {
  background: #f3f3f3;
}

.mm-menu.mm-light {
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light .mm-list>li:after {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light .mm-list>li>a.mm-subclose {
  background: rgba(255, 255, 255, 0.6);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list>li>a.mm-subopen:after,
.mm-menu.mm-light .mm-list>li>a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list>li>a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu.mm-light .mm-list>li.mm-selected>span {
  background: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-light .mm-list li.mm-label {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>ul {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light li.mm-noresults {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-header a:before {
  border-color: rgba(0, 0, 0, 0.3);
}

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-ismenu.mm-white {
  background: white;
}

.mm-menu.mm-white {
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white .mm-list>li:after {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-white .mm-list>li>a.mm-subclose {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list>li>a.mm-subopen:after,
.mm-menu.mm-white .mm-list>li>a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list>li>a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-white .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu.mm-white .mm-list>li.mm-selected>span {
  background: rgba(0, 0, 0, 0.08);
}

.mm-menu.mm-white .mm-list li.mm-label {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>ul {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white li.mm-noresults {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-header a:before {
  border-color: rgba(0, 0, 0, 0.3);
}

html.mm-opened.mm-black .mm-page {
  box-shadow: none;
}

.mm-ismenu.mm-black {
  background: black;
}

.mm-menu.mm-black {
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-black .mm-list>li:after {
  border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-black .mm-list>li>a.mm-subclose {
  background: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list>li>a.mm-subopen:after,
.mm-menu.mm-black .mm-list>li>a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list>li>a.mm-subopen:before {
  border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-black .mm-list>li.mm-selected>a:not(.mm-subopen),
.mm-menu.mm-black .mm-list>li.mm-selected>span {
  background: rgba(255, 255, 255, 0.25);
}

.mm-menu.mm-black .mm-list li.mm-label {
  background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened>ul {
  background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-black li.mm-noresults {
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-header a:before {
  border-color: rgba(255, 255, 255, 0.3);
}

/* END MENU THEMES */
/* MENU POSITIONING */
.mm-menu.mm-top {
  width: 100%;
}

html.mm-top.mm-opened .mm-page,
html.mm-top.mm-opened #mm-blocker {
  top: 0%;
}

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top,
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  left: 0;
}

.mm-menu.mm-right {
  left: auto;
  right: 0;
}

html.mm-right.mm-opened .mm-page,
html.mm-right.mm-opened #mm-blocker,
html.mm-right.mm-opened .mm-fixed-top,
html.mm-right.mm-opened .mm-fixed-bottom {
  left: auto;
  right: 0%;
}

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  left: auto;
}

.mm-menu.mm-bottom {
  width: 100%;
  top: auto;
  bottom: 0;
}

html.mm-bottom.mm-opened .mm-page,
html.mm-bottom.mm-opened #mm-blocker {
  bottom: 0%;
  top: auto;
}

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  top: auto;
  left: 0;
}

.mm-menu.mm-top {
  height: 80%;
}

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top {
  top: 80%;
}

html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  bottom: -80%;
}

@media all and (max-height: 175px) {
  .mm-menu.mm-top {
    height: 140px;
  }

  html.mm-top.mm-opened.mm-opening .mm-page,
  html.mm-top.mm-opened.mm-opening #mm-blocker,
  html.mm-top.mm-opened.mm-opening .mm-fixed-top {
    top: 140px;
  }

  html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: -140px;
  }
}

@media all and (min-height: 1100px) {
  .mm-menu.mm-top {
    height: 880px;
  }

  html.mm-top.mm-opened.mm-opening .mm-page,
  html.mm-top.mm-opened.mm-opening #mm-blocker,
  html.mm-top.mm-opened.mm-opening .mm-fixed-top {
    top: 880px;
  }

  html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: -880px;
  }
}

.mm-menu.mm-right {
  width: 80%;
}

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  right: 80%;
}

@media all and (max-width: 175px) {
  .mm-menu.mm-right {
    width: 140px;
  }

  html.mm-right.mm-opened.mm-opening .mm-page,
  html.mm-right.mm-opened.mm-opening #mm-blocker,
  html.mm-right.mm-opened.mm-opening .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    right: 140px;
  }
}

@media all and (min-width: 550px) {
  .mm-menu.mm-right {
    width: 440px;
  }

  html.mm-right.mm-opened.mm-opening .mm-page,
  html.mm-right.mm-opened.mm-opening #mm-blocker,
  html.mm-right.mm-opened.mm-opening .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    right: 440px;
  }
}

.mm-menu.mm-bottom {
  height: 80%;
}

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  bottom: 80%;
}

html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
  top: -80%;
}

@media all and (max-height: 175px) {
  .mm-menu.mm-bottom {
    height: 140px;
  }

  html.mm-bottom.mm-opened.mm-opening .mm-page,
  html.mm-bottom.mm-opened.mm-opening #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: 140px;
  }

  html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
    top: -140px;
  }
}

@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom {
    height: 880px;
  }

  html.mm-bottom.mm-opened.mm-opening .mm-page,
  html.mm-bottom.mm-opened.mm-opening #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: 880px;
  }

  html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
    top: -880px;
  }
}

html.mm-front.mm-opened .mm-page {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.mm-menu.mm-front,
.mm-menu.mm-next {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, -webkit-transform;
  -moz-transition-property: top, right, bottom, left, -moz-transform;
  -ms-transition-property: top, right, bottom, left, -o-transform;
  -o-transition-property: top, right, bottom, left, -o-transform;
  transition-property: top, right, bottom, left, transform;
}

html.mm-front .mm-page,
html.mm-front #mm-blocker {
  z-index: 0;
}

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

html.mm-opened.mm-next .mm-page {
  box-shadow: none;
}

html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next {
  left: 0%;
}

.mm-menu.mm-top.mm-front,
.mm-menu.mm-top.mm-next {
  left: 0;
}

html.mm-opening .mm-menu.mm-top.mm-front,
html.mm-opening .mm-menu.mm-top.mm-next {
  left: 0;
  top: 0%;
}

.mm-menu.mm-right.mm-front,
.mm-menu.mm-right.mm-next {
  left: auto;
}

html.mm-opening .mm-menu.mm-right.mm-front,
html.mm-opening .mm-menu.mm-right.mm-next {
  left: auto;
  right: 0%;
}

.mm-menu.mm-bottom.mm-front,
.mm-menu.mm-bottom.mm-next {
  top: auto;
  left: 0;
}

html.mm-opening .mm-menu.mm-bottom.mm-front,
html.mm-opening .mm-menu.mm-bottom.mm-next {
  left: 0;
  bottom: 0%;
}

.mm-menu.mm-front,
.mm-menu.mm-next {
  left: -80%;
}

@media all and (max-width: 175px) {

  .mm-menu.mm-front,
  .mm-menu.mm-next {
    left: -140px;
  }
}

@media all and (min-width: 550px) {

  .mm-menu.mm-front,
  .mm-menu.mm-next {
    left: -440px;
  }
}

.mm-menu.mm-top.mm-front,
.mm-menu.mm-top.mm-next {
  top: -80%;
}

@media all and (max-height: 175px) {

  .mm-menu.mm-top.mm-front,
  .mm-menu.mm-top.mm-next {
    top: -140px;
  }
}

@media all and (min-height: 1100px) {

  .mm-menu.mm-top.mm-front,
  .mm-menu.mm-top.mm-next {
    top: -880px;
  }
}

.mm-menu.mm-right.mm-front,
.mm-menu.mm-right.mm-next {
  right: -80%;
}

@media all and (max-width: 175px) {

  .mm-menu.mm-right.mm-front,
  .mm-menu.mm-right.mm-next {
    right: -140px;
  }
}

@media all and (min-width: 550px) {

  .mm-menu.mm-right.mm-front,
  .mm-menu.mm-right.mm-next {
    right: -440px;
  }
}

.mm-menu.mm-bottom.mm-front,
.mm-menu.mm-bottom.mm-next {
  bottom: -80%;
}

@media all and (max-height: 175px) {

  .mm-menu.mm-bottom.mm-front,
  .mm-menu.mm-bottom.mm-next {
    bottom: -140px;
  }
}

@media all and (min-height: 1100px) {

  .mm-menu.mm-bottom.mm-front,
  .mm-menu.mm-bottom.mm-next {
    bottom: -880px;
  }
}

html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto;
}

html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-top {
  top: 0;
}

html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0;
}

/* END MENU POSITIONING */

/* DOWN AND RIGHT ARROWS IN NAV (DEFAULT OFF) */
.downarrowclass {
  display: none;
  /* THIS HIDES THE ARROW */
  position: absolute;
  top: 8px;
  right: 7px;
}

.rightarrowclass {
  display: none;
  /* THIS HIDES THE ARROW */
  position: absolute;
  top: 9px;
  right: 5px;
}

.jqueryslidemenu ul li:hover ul {
  visibility: visible !important;
}

/* ORDER STYLES */
.cart_box_wrapper {
  float: left;
  width: 100%;
}

a.clear_button {
  width: 49% !important;
  float: left;
  margin: 5px 2% 5px 0px !important;
  width: auto;
  padding: 10px;
  float: left;
}

a.continue_shopping {
  width: 49% !important;
  float: right;
  margin: 5px 0px;
  width: auto;
  padding: 10px;
}

a.shop_more {
  float: none;
  padding: 10px;
}

a.buy_button {
  padding: 10px 0px;
  float: right;
  background: rgba(53, 117, 225, 0.3);
}

a.discount_button {
  width: 49% !important;
  float: right !important;
}

.cart_box_wrapper .item_box {
  padding: 3% 0;
  float: left;
  margin-left: 0px;
  margin-bottom: 3px;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
}

.cart_box_wrapper .item_box.small {
  float: left;
  width: 96%;
  padding: 2%;
}

.cart_box_wrapper .item_box.simple .right_cart_form {
  float: left;
}

.item_box.simple h4.product_title {
  width: 100%;
  margin-top: 7px;
  float: left;
}

.item_box.simple div.product_price_per {
  float: right;
  padding: 0px 5px;
  color: var(--dark);
}

.item_box.simple div.product_price_per.large_right {
  /*width: 150px;*/
  text-align: right;
}

.item_box.simple div.product_price_per.small {
  float: left;
  padding: 0px 5px 0px 0px;
  color: var(--dark);
}

.item_box.simple div.product_price_per.small .quantity {
  float: right;
  margin-left: 5px;
}

.cart_box_wrapper .item_box .right_cart_form {
  float: left;
  text-align: right;
  width: 100%;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #F0F0F0;
}

.cart_box_wrapper .item_box a.order_remove {
  float: right;
  margin: 2px 0px 0px 0px;
  font-size: 0.5rem;
  text-decoration: none;
  color: var(--danger);
  width: 6%;
}

.cart_box_wrapper .item_box a.order_remove:hover {
  cursor: pointer;
  color: rgba(53, 117, 225, 0.3);
}

.item_box .pro_info {
  float: left;
  margin: 0;
  width: 70%;
  padding: 0px 2%;
}

.item_box .pro_info .product_title a {
  color: var(--dark);
  text-decoration: none;
}

div.product_price_per {
  float: right;
  text-align: right;
  margin-top: 10px;
  padding: 0px 5px;
  color: var(--dark);
}

div.product_price_per.large_right {
  float: right;
  text-align: right;
}

div.product_price_per.small {
  float: left;
  text-align: left;
  margin-top: 9px;
  padding: 0px 5px;
  color: var(--dark);
}

div.product_price_per .discount_price_colour {
  color: var(--main);
}

.right_cart_form input.quantity_input {
  margin-top: 2px;
  background: #F0F0F0;
  border: 1px solid #F0F0F0;
}

.right_cart_form span.quantity_text {
  margin-top: 9px;
  padding: 0px 5px;
}

span.order_buttons {
  float: right;
  color: var(--dark);
  margin: 0px 5px 0px 5px;
}

input.quantity_input {
  float: right;
  width: 56px;
  height: 28px;
  padding: 0px 0px 0px 10px;
  border: 1px solid #F5F5F5;
}

span.quantity_text {
  float: right;
}

div.total_info {
  float: right;
  margin: 5px 0px;
}

div.total_info .sale_alert {
  color: var(--main);
  margin: -5px 0px 2px 0px;
  float: right;
}

div.total {
  float: right;
  max-width: 100px;
  margin: 0px 0px 5px 15px;
  font-size: 0.44rem;
  text-align: right;
  border: none;
  background: none;
  color: var(--dark);
}

label.total_text {
  float: right;
  margin: 2px 0px 0px 0px;
}

label.total_text.small {
  margin: 0px;
  float: left;
}

span.total_text_taxes {
  font-size: 9px;
  margin: -5px 0px 3px 0px;
  color: var(--dark-grey);
  float: right;
}

/* Cart Purchase Page */
ul.customer_information {
  list-style: none;
  display: inline-block;
  width: 100%;
}

ul.customer_information li {
  float: left;
  width: 100%;
  margin: 0px;
  margin-right: 1%;
  color: var(--dark-grey);
}

ul.customer_information li a {
  color: var(--dark-grey);
  text-decoration: none;
}

ul.customer_information li strong {
  color: var(--dark);
  font-weight: bold;
}

a.add_to_cart {
  width: 100% !important;
  margin: 10px 0px !important;
  padding: 10px 0px !important;
}

.cart_quantity .quantity_text {
  float: left;
  margin: 5px 5px 0px 0px;
}

.cart_quantity input,
select.cart_price_option {
  background: white;
  width: 100%;
  position: relative;
  border: none;
  outline: 0px;
  padding: 2px 2px 2px 10px;
  float: left;
  border-radius: 7px;
}

.box_list .box .cart_quantity input {
  background: white;
}

img.small_cart_thumbnail {
  width: 10%;
  height: auto;
  margin: 0px;
  float: left;
}

.cart_options {
  margin-top: 20px;
}

.cart_options select {
  width: 75%;
  height: 26px;
  border: none;
  outline: 0px;
  padding: 2px 2px 2px 10px;
  float: right;
}

.cart_options select option {
  padding: 8px 12px 8px 12px;
}

/* ORDER STYLES END */
.discount_input {
  margin: 10px 0;
  float: right;
  width: 100%;
  border-radius: none;
}

.discount_input input {
  padding: 13px 2%;
  margin: 5px 1% 0px 0px;
  width: 45%;
  border: 1px solid #DDDDDD;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.discount_input a {
  background: #262422;
  width: 15%;
  min-width: 120px;
  text-align: center;
  float: right;
  cursor: pointer;
}

.discount_input a i {
  margin-right: 0;
}

.discount_input a.applied {
  background: none;
  color: var(--dark-grey);
  margin-left: 13px;
  padding-right: 0;
}

.discount_input a.applied i {
  margin-right: 0;
  color: var(--success);
}

.message_positive {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: center;
  background-color: var(--main);
}

.message_wrapper a.cart_message_link i {
  background: none;
  color: white;
  text-align: center;
  border-radius: 100%;
  line-height: 40px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  margin-right: 10px;
}

.message_positive p {
  text-transform: uppercase;
  font-weight: 800;
  color: white;
  margin: 0;
}

/* Cart Landing Page */
.cart_item {
  position: relative;
  margin: 20px 0;
}

.cart-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.cart-content>div {
  padding: 40px 2%;
}

.your-cart {
  width: 45%;
}

.checkout-form {
  width: 55%;
}

/* Checkout Form */
.checkout-form {
  background-color: #1a1a1a;
}

.cart .content_container {
  padding: 0;
}

.cart .message_wrapper {
  height: auto;
  width: 100%;
}

/* Cart Product Layout */
.product_cart_content {
  display: flex;
  align-items: center;
}

/* Cart Image */
.product_cart_content .product-thumb {
  width: 100px;
}

.product_cart_content .product-thumb img {
  width: 100%;
  height: auto;
}

/* Cart Info */
.product-details {
  width: 50%;
}

/* Cart Pricing */
.product_cart_pricing {
  position: relative;
  width: auto;
  text-align: right;
}

.product_cart_quantity {
  position: absolute;
  top: 0;
  right: -25px;
  color: var(--main);
  border-radius: 100%;
  font-size: 15px;
  line-height: 25px;
  height: 25px;
  width: 25px;
  text-align: center;
  font-weight: 600;
}

/* Cart Amount Update */
input.cart_product_quantity {
  width: calc(100% - 150px);
  height: 30px;
  padding: 0 10px;
}

input.superbutton.cart_product_submit {
  height: auto;
  line-height: 30px;
  width: 135px;
  font-weight: 700;
  letter-spacing: 0;
  font-size: 16px;
  padding: 2px 0 0 0;
  margin-left: 10px;
}

/* Remove From Cart */
input.superbutton[type="submit"][value="X"] {
  background-color: var(--main);
  color: white;
  border: none;
  position: absolute;
  top: 0;
  margin: 0;
  left: 0;
  height: 24px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-weight: 700;
  border-radius: 0 0 4px 0;
  font-size: 12px;
  line-height: 1;
}

input.superbutton[type="submit"][value="X"]:hover {
  background: var(--dark);
}

/* Cart Landing Responsive */
@media (max-width: 960px) {

  .your-cart,
  .checkout-form {
    width: 100%;
  }
}

.cart_totals .cart_total {
  text-transform: uppercase;
  font-weight: 600;
  color: var(--main);
  text-align: right;
}

.product_cart_subtotal {
  font-weight: 600;
}

/* Cart Form */
@media (min-width: 960px) {
  .form_holder .third_width {
    width: calc(50% - 10px) !important;
  }

  .form_holder .third_width.same-shipping,
  .form_holder .third_width.coupon,
  .form_holder .third_width.country {
    width: 100% !important;
  }
}

.shipping_info {
  clear: both;
  display: none;
  padding-top: 30px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 960px) {

  .form_holder .third_width.coupon,
  .form_holder .third_width.country,
  .form_holder .third_width {
    width: 100%;
    display: inline-block;
  }

  .cart-content>div {
    padding: 40px 5%;
  }

  .checkout_form.form_holder {
    padding: 0;
  }
}

@media (max-width: 450px) {
  .product_cart_content {
    display: block;
  }

  .product_cart_content>div {
    width: auto;
    text-align: left;
  }

  .product_cart_quantity {
    position: inherit;
    width: auto;
    text-align: left;
    right: 0;
  }

  input.superbutton[type="submit"][value="X"] {
    right: 20px;
    left: initial;
    background-color: var(--main);
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: white;
  }

  .your-cart .cart_item {
    margin: 20px auto;
  }

  .your-cart .cart_item img {
    margin-bottom: 20px;
  }
}

.third_width.same-shipping input#same_as_billing {
  display: inline-block;
  width: auto;
  margin-right: 5px;
  height: auto;
}

.third_width.same-shipping {
  width: 100%;
}

.cart-form input.superbutton[type="submit"] {
  width: 250px;
  display: block;
  padding: 10px;
  position: relative;
  clear: both;
  height: auto;
}

@media (min-width: 960px) {
  .cart-form input.superbutton[type="submit"] {
    top: 20px;
    margin: 40px 0;
  }
}

/* Cart Checkout Wrapper */
.cart-checkout-wrapper .content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  max-width: 100%;
  width: 100%;
}

.cart-checkout-wrapper .content>div {
  padding: 40px 2%;
}

.cart_totals>div {
  border-bottom: 1px solid hsla(0 0% 100% / .08);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* User Info */
.user-info {
  width: 50%;
  background-color: #1a1a1a;
}

.user_shipping_info {
  border-top: 1px solid hsla(0 0% 100% / .08);
  margin-top: 20px;
  padding-top: 20px;
}

/* Cart Checkout */
.cart-checkout {
  width: 50%;
}

.cart-checkout-wrapper {
  padding: 0;
}

/* Cart Checkout Wrapper Mobile */
@media (max-width: 960px) {

  .cart-checkout,
  .user-info {
    width: 100%;
  }
}

/* Cart Thank You Page */
.cart-success-wrapper {
  display: flex;
}

.flexThanks {
  padding: 0;
}

.flexThanks .content {
  width: 100%;
  max-width: 100%;
}

.cart-success-wrapper>div {
  padding: 40px 2%;
}

.product_cart_price small {
  color: var(--main);
  font-weight: 600;
  position: absolute;
}

.cart_quantity select,
.cart_quantity input,
select.cart_price_option {
  height: 35px;
}

a#close_message i {
  display: none;
}

.empty-cart {
  width: 100%;
  text-align: center;
}

.empty-cart a.button {
  display: inline-block;
  width: auto;
  padding: 10px 30px;
  margin-top: 20px;
}

.empty-cart h3 {
  margin-bottom: 0 !important;
}

.form_holder input {
  height: auto;
}

.checkout_form form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.checkout_form form .clear {
  display: none;
}

.cart-form input.superbutton[type="submit"].disabled_btn {
  cursor: not-allowed !important;
}

/* ---- Events ---- */
.content ul.date_list {
  margin: 5px 10px 0 10px;
  color: var(--main);
}

.content ul.date_list li {
  background: none;
  list-style: none;
  display: inline;
  border-left: 1px solid var(--main);
  color: var(--main);
  padding: 0px 7px 0 10px;
  margin: 0;
}

.content ul.date_list li.first {
  border-left: none;
  padding: 0px 7px 0 0;
}

.content ul.date_list li i {
  padding: 2px 4px 0 0;
}

.content ul.eventdata_list {
  margin: 5px 10px 0 10px;
  color: var(--main);
}

.content ul.eventdata_list li {
  background: none;
  list-style: none;
  color: var(--main);
  padding: 0px 0 0 2px;
  margin: 0;
}

.content ul.eventdata_list li i {
  padding: 2px 4px 0 0;
  width: 15px;
}

.content ul.eventdata_list li a {
  padding: 4px 30px;
  color: var(--main);
  background: var(--main);
  text-decoration: none;
}

/* Foood Menu Styles */
ul.menu_section_nav {
  max-width: 940px;
  margin: 0 auto;
  list-style: none;
  margin-bottom: 0;
  text-align: center;
}

ul.menu_section_nav li {
  float: left;
  margin: 0;
}

ul.menu_section_nav li a {
  background: var(--main);
  color: white;
  font-size: 0.52rem;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  padding: 15px 20px;
  display: inline-block;
}

ul.menu_section_nav li a:hover {
  background: #222;
}

ul.menu_section_nav li.active a {
  background: var(--dark);
}

h4.menu_category {
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  padding-bottom: 10px;
  margin-bottom: 30px;
  margin-top: 20px;
}

p.menu_section_description {
  margin-bottom: 40px;
}

.grid_list .menu_item {
  width: 100%;
  margin: 0 0 10px;
  float: none;
}

.grid_list .menu_item .price {
  float: right;
  color: var(--main);
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 5px;
}

.grid_list .menu_item .menu_title {
  margin: 0 0 5px 0;
  color: var(--dark);
  font-weight: 700;
  text-transform: uppercase;
}

.grid_list .menu_item p.menu_options {
  background: #ecebeb;
  padding: 5px;
}

/* GRID LIST */
.grid_list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}

.grid_list .grid_item {
  width: 100%;
  float: none;
  margin: 0;
}

.grid_list .last {
  margin-right: 0%;
}

.grid_list .title {
  text-align: center;
  color: white;
  background: var(--main);
  display: flex;
  align-items: center;
  height: 60px;
}

.grid_list .title:hover {
  background: #222;
}

.grid_list .title a {
  color: white;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 15% 5%;
  width: 100%;
  font-weight: 700;
  text-transform: uppercase;
}

.grid_list .title a:hover {
  color: #F0F0F0;
  text-decoration: none;
}

.grid_list img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
  background: white;
}

.grid_list .grid_video {
  width: 48%;
  float: left;
  margin-right: 2%;
  margin-bottom: 10px;
}

.full-width-content .animated_list {
  display: flex;
  width: 100%;
  height: auto;
  flex-wrap: wrap;
  justify-content: center;
}

.animated_list .list_item {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 450px;
  text-decoration: none;
}

.animated_list .spacer {
  background-color: rgba(0, 0, 0, 0.4);
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.animated_list .list_item:hover .spacer {
  background-color: rgba(108, 83, 56, 0.8);
}

.animated_list .animate-box {
  position: relative;
  width: 100%;
}

.animated_list h2 {
  color: white;
  text-align: center;
  position: relative;
}

.animated_list h2:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -.15rem;
  left: calc(50% - (115px / 2));
  height: 4px;
  width: 115px;
  background-color: white;
  opacity: 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.animated_list .list_item:hover h2:after {
  opacity: 1;
}

.animated_list .description {
  text-align: center;
  opacity: 0;
  height: 0;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.animated_list .description p {
  color: white;
}

.animated_list .list_item:hover .description {
  opacity: 1;
  height: 144px;
}

@media (min-width: 960px) {
  a.third-width {
    width: 33.333%;
  }
}

/* ---- Hours Box Home Page ---- */
.hours_box {
  margin: 0 0 10px 0;
  width: 100%;
}

.hours_box .holder {
  padding: 3px 0 3px 0;
}

.hours_box .holder a {
  color: var(--main);
}

/* ---- Location Styles ---- */
.content .location {
  margin: 10px 0 10px 0;
}

.content .location .address {
  background: var(--dark);
  padding: 8px 8px 8px 8px;
  margin: -6px 0 0 0;
}

.content .location iframe {
  width: 100%;
  height: 300px;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

/* MENU LIST */
.menu_list ul.pages {
  display: flex;
  flex-wrap: wrap;
}

.menu_list ul.pages li {
  float: left;
  text-align: center;
  width: 100%;
  text-decoration: none;
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  text-transform: uppercase;
  font-weight: 700;
}

.menu_list ul.pages li:hover {}

.menu_list ul.pages li a {
  background: var(--dark);
  text-decoration: none;
  display: flex;
  padding: 0 10px;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
  width: 100%;
  border: 2px solid var(--dark);
  color: white;
}

.menu_list ul.pages li a:hover {
  color: var(--dark);
  background: none;
}

/* MENU TOGGLER */
h4.menu_toggle,
h4.toggle.active.open {
  color: var(--main);
  color: white;
  background: url(/assets/images/layout/toggle-light.png) no-repeat 10px 11px var(--main);
  padding: 8px 0 8px 35px;
  margin: 10px;
  cursor: pointer;
}

h4.menu_toggle.active,
h4.toggle.open {
  background-position: 10px -39px;
}

h4.menu_toggle:hover,
h4.toggle.active.open:hover {
  text-decoration: underline;
}

div.menu_toggler {
  color: var(--dark);
  border-top: none;
  margin: 0 0 10px 0;
  padding: 0px;
  overflow: hidden;
}

div.menu_toggler hr {
  border-top: 1px solid #CCCCCC;
}

div.menu_toggler p {
  margin: 0px;
  padding: 5px 0 5px 0;
}

/* MESSAGE POPUP STYLES */
div.message_wrapper {
  margin: -7px 0 5px 0px;
  height: 64px;
}

.content h2.hide_message {
  display: none;
}

.content h2.message_positive {
  width: 100%;
  color: white !important;
  background: var(--main) !important;
  padding: 15px 2%;
}

.content h2.message_negative {
  width: 96%;
  color: white !important;
  background: var(--main) !important;
  padding: 15px 2%;
}

.message_wrapper a.message_link {
  color: white !important;
  text-decoration: underline;
}

.message_wrapper a.message_link:hover {
  text-decoration: none;
}

.message_wrapper a.cart_message_link {
  float: right;
  color: white !important;
  text-decoration: none;
  padding-bottom: 1px;
}

.message_wrapper a.cart_message_link:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0);
}

/* SHOWROOM STYLES */
.filter_list {
  width: 100%;
  margin-bottom: 15px;
}

.filter_list ul {
  margin: 0px;
  list-style: none;
}

.filter_list ul li {
  background: var(--main);
  padding: 0;
  margin: 5px 0 5px 0;
  text-align: center;
  list-style: none;
  width: 100%;
  float: left;
}

.filter_list ul li a {
  color: white;
  width: 100%;
  padding: 5px 10px;
  display: block;
  background: var(--main);
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
}

.filter_list ul li a:hover {
  color: white;
  background: var(--dark);
}

.filter_list ul li.active a {
  background: var(--dark);
  text-decoration: none;
}

.filter_list ul li.active a:hover {
  color: white;
}

.showroom_list h3 {
  margin: 0px 0 5px 0;
}

.showroom_list .box {
  background: #E9E9E9;
  float: left;
  padding: 20px;
  width: calc(50% - 20px);
  margin: 0 0 10px 0;
  position: relative;
  overflow: hidden;
}

.showroom_list .featured {
  background: var(--main);
  border: 1px solid #8EADBC;
}

.showroom_list .last {
  margin: 0;
}

.showroom_list .box .title {
  color: var(--main);
  margin: 0px 0 3px 2px;
}

.showroom_list .box .title a {
  color: var(--main);
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
}

.showroom_list .box .title a:hover {
  color: #222;
}

.showroom_list .box .flag_featured {
  background: var(--main);
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  float: left;
  width: auto;
  position: absolute;
  transform: rotate(45deg);
  top: 30px;
  right: -35px;
  text-align: center;
  padding: 5px 45px;
}

.showroom_list .box .flag_sold {
  background: var(--main);
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  float: left;
  width: auto;
  position: absolute;
  transform: rotate(45deg);
  top: 24px;
  right: -33px;
  text-align: center;
  padding: 5px 55px;
}

.showroom_list .box .flag_low_kms {
  background: var(--main);
  color: white;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  float: left;
  width: auto;
  position: absolute;
  transform: rotate(45deg);
  top: 48px;
  right: -43px;
  text-align: center;
  padding: 5px 45px;
}

.showroom_list .box .flag_new {
  background: var(--main);
  color: white;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  float: left;
  width: auto;
  position: absolute;
  transform: rotate(45deg);
  top: 38px;
  right: -39px;
  text-align: center;
  padding: 5px 45px;
}

.showroom_list .box .flag_like_new {
  background: var(--main);
  color: white;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  float: left;
  width: auto;
  position: absolute;
  transform: rotate(45deg);
  top: 30px;
  right: -37px;
  text-align: center;
  padding: 5px 50px;
}

.showroom_list .box .flag_loaded {
  background: var(--main);
  color: white;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  float: left;
  width: auto;
  position: absolute;
  transform: rotate(45deg);
  top: 25px;
  right: -33px;
  text-align: center;
  padding: 5px 45px;
}

.showroom_list .box .flag_sale_price {
  background: #A12621;
  color: white;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  float: left;
  width: auto;
  position: absolute;
  transform: rotate(45deg);
  top: 31px;
  right: -36px;
  text-align: center;
  padding: 5px 45px;
}

.showroom_list .box .price {
  font-size: 16px;
  float: left;
  min-width: 55%;
  width: auto;
  line-height: 10px;
  margin: 6px 0 0 0;
  color: var(--main);
  font-weight: bold;
}

.showroom_list .box .price .taxes {
  font-size: 8px;
  color: var(--main);
  font-weight: normal;
}

.showroom_list .box .kms {
  font-size: 12px;
  float: left;
  min-width: 55%;
  width: auto;
  color: #DF0000;
}

.showroom_list .box .kms span {
  font-size: 12px;
}

.showroom_list .box ul {
  margin: 0;
}

.showroom_list .box ul li {
  display: inline;
  background: none;
  font-size: 12px;
  margin: 0px 6px 0 0;
  padding: 0px 10px 0 0;
  border-right: 1px solid #000000;
}

.showroom_list .box ul li.last {
  border-right: none;
}

.showroom_list .box .date {
  float: right;
  font-weight: normal;
  font-size: 12px;
  color: #262626;
  padding: 8px 0 0 0;
}

.showroom_list .box img {
  border: none;
  background: white;
  padding: 0;
  margin: 0 0 10px 0;
  float: none;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
}

.showroom_title {
  font-size: 26px;
  margin: 0;
  padding-top: 8px;
  font-weight: normal;
  color: #205B79;
}

.showroom_description p {
  font-size: 14px;
}

.showroom_image {
  width: 30%;
  float: right;
  border: none;
  background: white;
  padding: 0px;
  margin: 10px 15px 0 0;
}

.fb-like iframe {
  padding-top: 12px;
  margin: 5px 15px 5px 15px;
  -webkit-box-shadow: 0 0 0 -0px black;
  -moz-box-shadow: 0 0 0 -0px black;
  box-shadow: 0 0 0 -0px black;
}

.showroom_table {
  background: #ECECEC;
}

.showroom_table ul {
  padding: 5px 0;
}

.showroom_table ul li {
  font-size: 12px;
  background: none;
  list-style: none;
  margin: 0 1% 0 1%;
  padding: 2px 0 2px 0;
  float: left;
  width: 98%;
  font-weight: bold;
}

.showroom_table ul li div {
  float: left;
  width: 100px;
  font-weight: normal;
}

.showroom_features_table {
  background: #ECECEC;
}

.showroom_features_table ul {
  padding: 5px 0;
}

.showroom_features_table ul li {
  font-size: 12px;
  background: none;
  list-style: none;
  margin: 0 1%;
  padding: 5px 5px 5px 20px;
  float: left;
  width: 98%;
}

/* MULTI LOCATIONS */
.multi_maps {
  margin: 0;
}

.multi_maps .multi_map {
  background: #F0F0F0;
  float: left;
  margin: 0px 0 20px 0;
  width: 100%;
}

.multi_maps .multi_map .overlay {
  background: transparent;
  position: relative;
  width: 100%;
  height: 300px;
  /* your iframe height */
  top: 300px;
  /* your iframe height */
  margin-top: -300px;
  /* your iframe height */
}

.multi_maps .multi_map iframe {
  width: 100%;
  height: 300px;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.multi_maps .multi_map .content {
  float: left;
  padding: 5px 10px;
}

.multi_map h3 {
  padding: 0;
  color: var(--main);
}

.multi_map ul {
  margin: 5px 0 0 0;
  width: 100%;
  list-style: none;
}

.multi_map ul li {
  margin: 0px;
  padding: 0px 0 6px 0;
}

.multi_map ul li a {
  color: var(--main);
  text-decoration: underline;
}

.multi_map ul li a:hover {
  color: var(--main);
  text-decoration: none;
}

/* People Styles */
.content_container .content .editable_content img.people_image {
  float: none;
  margin: 0 auto 10px auto;
}

.content_container .content .editable_content h1.person_name {
  font-size: 0.56rem;
  line-height: 0.56rem;
  margin: 0;
}

.content_container .content .editable_content h4.person_title {
  font-size: 0.32rem;
  line-height: 0.32rem;
  margin: 0;
  font-style: italic;
  color: var(--main);
}

/* PHOTO GALLERY */
.gallery_holder {
  width: 100%;
  background: #F0F0F0;
  float: left;
  margin: 6px 0 6px 0;
  padding: 0;
}

.gallery_holder a {
  text-decoration: none;
}

.gallery_holder a .title {
  text-align: left;
  margin: 2px 0;
  color: var(--main);
  text-decoration: none;
}

.gallery_holder a:hover .title {
  color: var(--main);
}

.gallery_holder a .description {
  color: var(--dark);
}

.gallery_holder img {
  background: white;
  border: 1px solid #BEBEBE;
  margin: 5px;
  float: left;
  padding: 2px;
  /*-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px #888;
	box-shadow: 0 0 3px #888;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
}

#before_after_gallery ul li {
  background: none;
  list-style: none;
  width: 100%;
  float: left;
  margin: 0px 0 10px 0;
  padding: 0;
}

#before_after_gallery ul li p {
  margin: 0px 0 6px 0;
}

#before_after_gallery ul li.last {
  margin: 0px 0 10px 0;
}

#before_after_gallery ul li .image_holder {
  float: left;
  width: 100%;
  margin: 0px 0 10px 0;
  background: #F0F0F0;
}

#before_after_gallery ul li .image_holder .banner {
  padding: 0px 0 0 10px;
}

#before_after_gallery ul li .image_holder .banner h3 {
  font-style: italic;
  margin: -5px 0 2px 0;
}

#before_after_gallery ul li .image_holder .thumbnails {
  width: 94%;
  padding: 3%;
  margin: 0;
  /*-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px #888;
	box-shadow: 0 0 3px #888;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
}

#before_after_gallery ul li .last {
  margin: 0;
}

/* TOGGLER */
h4.toggle,
h4.toggle.active.open {
  color: var(--dark);
  background: url(/assets/images/layout/toggle.png) no-repeat 10px 11px;
  padding: 8px 0 8px 35px;
  margin: 10;
  cursor: pointer;
}

h4.toggle.active,
h4.toggle.open {
  background-position: 10px -39px;
}

h4.toggle:hover,
h4.toggle.active.open:hover {
  background-position: 10px -39px;
}

div.toggler {
  border-top: none;
  margin: 0 0 10px 0;
  overflow: hidden;
}

div.toggler hr {
  border-top: 1px solid #F0F0F0;
}

div.toggler p {
  margin: 0px;
  padding: 5px 0 5px 0;
}

/* VIDEO GALLERY */
#video_gallery {
  background: #F0F0F0;
  margin: 0 0 20px 0;
  padding: 4px 0 16px 6px;
}

#video_gallery ul {
  margin: 0px;
  padding: 0px;
}

#video_gallery ul li {
  background: none;
  display: inline-block;
  margin: 0px;
  padding: 0px;
  width: 228px;
}

#video_gallery ul li .vid_title {
  padding: 5px 10px;
  width: 208px;
  overflow: hidden;
  float: left;
  text-decoration: underline;
}

#video_gallery ul li a:hover .vid_title {
  text-decoration: none;
}

#video_gallery .thumbnails {
  background: white;
  border: 1px solid #F0F0F0;
  padding: 3px;
  margin: 10px 0 0 5px;
}

/* Photo Gallery Full */
#gallery_content2 {
  background: #F0F0F0;
  margin: 0 0 20px 0;
  padding: 4px 0 16px 6px;
}

#gallery_content2 ul {
  margin: 0px;
  padding: 0px;
}

#gallery_content2 ul li {
  background: none;
  display: inline;
  margin: 0px;
  padding: 0px;
}

#gallery_content2 .thumbnails {
  background: white;
  padding: 0;
  margin: 10px 1% 0 1%;
  width: 23%;
  height: auto;
}

/* Before and After */
#before_after_gallery ul {
  list-style: none;
}

#before_after_gallery ul li {
  background: none;
  width: 450px;
  float: left;
  margin: 0px 40px 20px 0;
  padding: 0;
}

#before_after_gallery ul li p {
  margin: 0px 0 6px 0;
}

#before_after_gallery ul li.last {
  margin: 0px 0 20px 0;
}

#before_after_gallery ul li .image_holder {
  float: left;
  margin: 0 1%;
  width: 48%;
  text-align: center;
}

#before_after_gallery ul li .image_holder h3 {
  font-style: normal;
  margin: 7px 0 9px 0;
  text-align: center;
}

#before_after_gallery ul li .image_holder .thumbnails {
  background: white;
  border: none;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}

#before_after_gallery ul li .last {
  margin: 0;
}

/*
.twentytwenty-container img {
	height:100%;
}
*/
.gallery_container {
  display: flex;
  flex-wrap: wrap;
}

.gallery_item {
  width: 33.33%;
  padding: 2px;
}

/* PRODUCT STYLES */
.product_highlight {
  width: 100%;
  margin-bottom: 15px;
  background: #efefef;
}

.product_highlight .alert {
  float: right;
  color: #6d6d6d;
  margin: 5px 12px 0 0;
}

.product_highlight .strike {
  text-decoration: line-through;
}

.product_highlight .sale {
  color: #6d6d6d;
}

.product_highlight .holder {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.product_highlight .holder>a {
  width: calc(80% - 5px);
  text-decoration: none;
  text-align: center;
}

.product_highlight .holder .img_select {
  width: 20%;
  display: flex;
  justify-content: left;
  flex-direction: column;
}

.product_highlight .holder #img_title {
  font-style: normal;
  font-weight: 500;
}

.product_highlight .holder .img_select figure {
  width: 100%;
  margin: 0px 5px 5px 0px;
  cursor: pointer;
}

.product_highlight .holder .img_select>figure.active {
  box-shadow: 0px 0px 4px 0px #333;
}

.product_highlight .holder .img_select figure img {
  width: 100%;
}

.product-strip01 {
  padding-bottom: 30px;
}

.product-strip01 .content .product-title {
  text-align: center;
}

.product-strip01 .content .product-title::after {
  content: '';
  display: block;
  width: 50px;
  height: 4px;
  background: #838383;
  margin: 30px auto;
}

.product-strip01 .content .product_highlight {
  margin: 0;
  float: none;
  width: 100%;
  background: none;
  display: flex;
  justify-content: space-around;
}

.product-strip01 .content .product_highlight .holder {
  width: 45%;
  margin: 0px auto;
}

.product-strip01 .content .product_highlight .product_form {
  width: 45%;
}

.product-strip02 {
  padding-top: 30px;
  background: var(--light);
}

@media screen and (max-width: 645px) {
  .product-strip01 .content .product_highlight {
    flex-direction: column;
  }

  .product-strip01 .content .product_highlight .holder,
  .product-strip01 .content .product_highlight .product_form {
    width: 100%;
  }
}

/* ------------ Pick-Up Delivery Styles ----------- */
.pickup-delivery {
  margin-bottom: 25px;
}

.pickup-delivery input {
  width: 20px;
  height: 20px;
  float: left;
  margin: 5px 10px 0 0;
}

.pickup-delivery label {
  position: relative;
  width: 100%;
  display: block;
  float: left;
  text-align: center;
  padding: 30px 20px;
  border-radius: 10px;
  background: #fdfbfb;
  margin: 0;
  font-size: 16px;
  overflow: hidden;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

.pickup-delivery label:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}

.pickup-delivery label input {
  opacity: 0;
  cursor: pointer;
}

.pickup-delivery label span.yes-no {
  width: 100%;
  display: block;
  margin: 50px 0 0 0;
}

.checkmark {
  position: absolute;
  top: 30px;
  left: calc(50% - 25px);
  height: 50px;
  width: 50px;
  background-color: #ededed;
  border-radius: 50%;
  cursor: pointer;
}

.pickup-delivery label:hover input~.checkmark {
  background-color: #ccc;
}

.pickup-delivery label input:checked~.checkmark {
  background: var(--main);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.pickup-delivery label input:checked~.checkmark:after {
  display: block;
}

.pickup-delivery label .checkmark:after {
  top: 10px;
  left: calc(50% - 15px);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: white;
}

/* PROPERTIES STYLES */
.properties_alert {
  background: rgba(53, 117, 225, 0.3);
  color: var(--main);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin: 0px 0 10px 0;
}

.properties_alert h2 {
  font-size: 0.36rem;
  margin: 0px;
  padding: 0px;
}

.properties_alert h5 {
  font-size: 0.24rem;
  margin: 0px;
  padding: 0px;
}

.properties_alert p {
  color: var(--main);
  margin: 0px;
  padding: 0px;
}

.properties_alert i {
  font-size: 1.2rem;
  color: var(--main);
  padding: 0px 15px 0 0;
  float: left;
}

.property_highlight {
  width: 100%;
  margin-bottom: 20px;
}

.property_highlight img {
  width: 100%;
  margin-bottom: 5px;
}

.property_highlight .alert {
  float: right;
  color: var(--main);
  margin: 5px 12px 0 0;
}

.property_highlight ul {
  background: #F0F0F0;
  margin: 0px;
  padding: 8px 5px 8px 5px;
}

.property_highlight ul li {
  background: none;
  margin: 0;
  padding: 0px 0 0 10px;
  list-style: none;
}

.property_highlight ul li .strike {
  text-decoration: line-through;
}

.property_highlight ul li .sale {
  color: var(--main);
}

.property_highlight ul.gallery {
  margin: 0;
  padding: 0;
}

.property_highlight ul.gallery li {
  margin: 0;
  padding: 0;
}

.properties_list {
  margin: 0;
}

.properties_list .title {
  margin: 0;
  padding-top: 15px;
  font-weight: normal;
  color: var(--main);
  border-top: 1px solid #F0F0F0;
}

.properties_list ul {
  margin: 0;
  padding: 5px 0 0 0;
}

.properties_list ul li {
  background: none;
  list-style: none;
  margin: 0px;
  padding: 2px 10px 2px 0;
  display: inline-block;
}

.properties_list ul li.title {
  display: block;
}

.properties_specs {
  margin: 20;
}

.properties_specs .title {
  margin: 0;
  font-weight: normal;
  color: var(--main);
}

.properties_specs ul {
  margin: 0;
  padding: 5px 0 0 0;
}

.properties_specs ul li {
  background: none;
  list-style: none;
  margin: 0px;
  padding: 2px 10px 2px 0;
  display: inline-block;
}

.property_location {
  margin: 0;
}

.property_location .address {
  background: #E9E9E9;
  padding: 8px 8px 8px 8px;
  margin-top: -6px;
}

.property_location .overlay {
  background: transparent;
  position: relative;
  width: 100%;
  height: 300px;
  /* your iframe height */
  top: 300px;
  /* your iframe height */
  margin-top: -300px;
  /* your iframe height */
}

.property_location iframe {
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.properties_menu {
  background: #F0F0F0;
  margin: 0;
  padding: 0;
}

.properties_menu ul {
  margin: 0px 0 5px 0;
}

.properties_menu ul li {
  list-style: none;
  border-bottom: 1px solid #BEBEBE;
  box-shadow: 0 1px 0 white;
  color: var(--main);
  margin: 0px;
}

.properties_menu ul li i {
  padding: 10px 0 0 10px;
  font-size: 0.6rem;
  float: left;
}

.properties_menu ul li a {
  display: block;
  padding: 15px 0 15px 50px;
}

.properties_map_holder .properties_overlay {
  background: transparent;
  position: relative;
  width: 100%;
  height: 450px;
  /* your iframe height */
  top: 450px;
  /* your iframe height */
  margin-top: -450px;
  /* your iframe height */
}

.properties_map_holder .properties_map_overlay {
  background: transparent;
  position: relative;
  width: 100%;
  height: 450px;
  top: 450px;
  margin-top: -450px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 104;
}

/* REVIEWS STYLES */
.widget_reviews {
  margin: 15px 0 0 0;
  padding: 15px 0 10px 0;
}

.widget_reviews ul.reviews {
  overflow: visible;
  position: relative;
  background: none;
  display: block;
  margin: 0;
}

.widget_reviews ul.reviews li {
  background: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget_reviews ul.reviews li p {
  letter-spacing: normal;
  text-transform: none;
  padding: 0;
  margin: 6px 0 0 0;
}

.widget_reviews ul.reviews li div.name {
  color: var(--main);
  font-size: 0.4rem;
  line-height: 0.4rem;
  margin-top: 5px;
  text-transform: uppercase;
  font-weight: 700;
}

div.rating-cancel {
  float: left;
  width: 17px;
  height: 15px;
  text-indent: -999em;
  cursor: pointer;
  display: none;
  background: transparent;
  overflow: hidden;
}

div.rating-cancel,
div.rating-cancel a {
  background: url(/assets/images/layout/form-stars-delete.png) no-repeat 0 -16px;
}

div.rating-cancel a {
  display: block;
  width: 16px;
  height: 100%;
  background-position: 0 0px;
  border: 0;
}

div.star-rating {
  float: left;
  width: 60px;
  height: 60px;
  text-indent: -999em;
  cursor: pointer;
  display: block;
  background: transparent;
  overflow: hidden;
}

div.star-rating,
div.star-rating a {
  background: url(/assets/images/layout/form-stars.png) no-repeat 0 0px;
}

div.star-rating a {
  display: block;
  width: 60px;
  height: 100%;
  background-position: 0 0px;
  border: 0;
}

div.star-rating-on a {
  background-position: 0 -153px !important;
}

div.star-rating-hover a {
  background-position: 0 -153px;
}

/* Read Only CSS */
div.star-rating-readonly a {
  cursor: default !important;
}

/* Partial Star CSS */
div.star-rating {
  background: transparent !important;
  overflow: hidden !important;
}

/* END jQuery.Rating Plugin CSS */
div.rating-cancel {
  display: none !important;
}

/* IMPORT FONTS */
.timetable_clearfix:after {
  font-size: 0px;
  content: ".";
  display: block;
  height: 0px;
  visibility: hidden;
  clear: both;
}

.event_container strong {
  word-break: break-word;
}

/* --- lists --- */
.tt_tabs_navigation,
.tt_items_list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.tt_tabs {
  border: none !important;
}

.tt_tabs .ui-tabs-panel {
  padding: 0 !important;
}

/* --- timetable --- */
table.tt_timetable {
  width: 100%;
  font-size: 11px;
  color: #666;
  margin-top: 30px;
  border: none;
  letter-spacing: normal;
  font-size: 11px;
  line-height: normal;
  font-family: "Roboto", sans-serif;
  border-collapse: separate !important;
  border-spacing: 2px !important;
  background: white !important;
  table-layout: fixed;
}

table.tt_timetable * {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  border: none;
  padding: 0px;
}

.tt_timetable th,
.tt_timetable td {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  color: #545454;
  text-transform: none;
  border: none !important;
}

.tt_timetable th,
.tt_timetable td.tt_hours_column {
  text-align: center;
  vertical-align: middle;
}

.tt_timetable th {
  width: 12.5%;
  padding: 10px 15px 12px;
  letter-spacing: normal;
}

.tt_timetable .event_container {
  padding: 7px 5px;
}

.tt_timetable td {
  width: 12.5%;
  vertical-align: top;
  height: 10px;
  border: none;
  padding: 0;
  /*height: 100px;*/
  text-align: center;
  color: #D8D8D8;
}

.tt_timetable .hours {
  color: white;
  /*font-weight: bold;*/
}

.tt_timetable .event {
  background-color: var(--main);
  color: white;
  line-height: 140%;
  text-align: center;
  padding: 0 !important;
  vertical-align: middle;
}

.tt_timetable tr {
  background-color: white !important;
}

.tt_timetable .row_gray {
  background-color: #EBEBEB !important;
}

.tt_timetable.small {
  display: none;
  font-size: 13px;
  margin-bottom: 20px;
}

/* --- items list --- */
.tt_items_list {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.tt_items_list.margin_top {
  margin-top: 8px;
}

.tt_items_list li {
  padding: 12px 12px !important;
  margin: 0 !important;
  list-style: none !important;
  border-bottom: 1px solid white;
  background-position: left center;
  background-repeat: no-repeat;
  line-height: 120%;
  font-family: "Roboto", sans-serif;
  background: var(--main);
  color: white;
}

.tt_items_list.thin a,
.tt_items_list.thin span {
  font-weight: normal;
}

.tt_items_list .value {
  float: right;
  color: white;
}

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

/* --- tabs --- */
.tt-ui-tabs-hide {
  display: none;
}

.tt_tabs .ui-tabs-panel p {
  padding: 24px 0 25px;
}

/* --- tabs navigation --- */
.tt_tabs_navigation {
  float: none !important;
  clear: both;
  width: 100% !important;
  padding: 0;
  margin: 0;
  list-style: none !important;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  background: none !important;
  border: none !important;
}

.tt_tabs_navigation li {
  float: left;
  margin: 0 20px 0 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  background: none !important;
  border: none !important;
  list-style: none !important;
}

.tt_tabs_navigation li:last-child {
  margin-right: 0 !important;
}

.tt_tabs_navigation li a {
  width: auto !important;
  display: block;
  text-align: center;
  color: #666 !important;
  padding: 8px 0 !important;
  border: none !important;
  border-bottom: 1px solid #E5E5E5 !important;
  line-height: normal;
  outline: none;
  text-decoration: none;
  font-size: 15px !important;
  font-family: "Roboto", sans-serif;
  transition: none !important;
  margin-bottom: 1px;
}

.tt_tabs_navigation li a:hover,
.tt_tabs_navigation li a.selected,
.tt_tabs_navigation li.ui-tabs-active a {
  border-bottom-width: 3px !important;
  padding-bottom: 7px !important;
  border-color: var(--main) !important;
  color: #000 !important;
  margin-bottom: 0;
}

.sf-timetable-menu a:hover,
.tt_tabs_navigation li a:hover,
.tt_tabs_navigation li a:focus,
.tt_tabs_navigation li a:active {
  text-decoration: none;
}

/* --- tabs box navigation --- */
.tabs_box_navigation.sf-timetable-menu {
  float: none;
  clear: both;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
}

.tabs_box_navigation.sf-timetable-menu li.submenu:hover:after {
  background: none;
}

.schedule_print_button {
  font-family: "Roboto", sans-serif;
  float: right;
  font-size: 18px;
}

.schedule_print_button a {
  text-decoration: none;
  color: var(--main);
}

.schedule_print_button a:hover {
  color: var(--dark);
}

/* RESPONSIVE STYLES*/
@media screen and (max-width: 1009px) {
  .tt_upcoming_events li a {
    padding: 10px;
  }

  .tt_event_items_list li.type_info {
    padding: 5px 0;
  }

  /* --- timetable --- */
  .tt_responsive .tt_timetable {
    margin-top: 23px;
  }

  .tt_responsive .tt_timetable th,
  .tt_responsive .tt_timetable .event_container,
  .tt_responsive .tt_tooltip .tt_tooltip_content {
    padding: 4px 4px 5px;
  }

  .tt_responsive .tt_timetable td {
    height: 18px;
  }

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

@media screen and (max-width: 767px) {

  /* --- timetable --- */
  .tt_responsive .tt_timetable {
    display: none;
  }

  .tt_responsive .tt_timetable.small {
    display: block;
  }

  .tt_responsive .tt_timetable.small .box_header {
    font-size: 16px !important;
    color: #545454 !important;
    background: #EBEBEB;
    font-family: "Roboto", sans-serif;
    margin: 6px 0px 0px;
    padding: 12px;
    border-bottom: 1px solid white;
  }

  .tt_responsive .tt_timetable.small .tt_items_list a,
  .tt_responsive .tt_timetable.small .tt_items_list span {
    width: 302px;
    font-family: "Roboto", sans-serif;
    color: #545454 !important;
    text-decoration: none;
    outline: none;
  }
}

/* ---- Search ---- */
.with_bg {
  margin: 5px 0 3px 0;
}

.with_bg.icon2 {
  right: 44px !important;
}

.with_bg i {
  float: left;
  margin: 2px 5px 0 0;
  color: var(--main);
}

.with_bg .search_input {
  float: left;
  padding: 8px 1% 8px 2%;
  height: 50px;
  width: 75%;
  margin: 1px 1% 0 0;
  background-color: white;
  border: 1px solid #F0F0F0;
  outline: none;
  font-size: 16px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* SOCIAL MEDIA */
.social_media ul {
  float: left;
  margin: 5px 0 0 0;
}

.social_media ul li {
  display: inline-block;
  padding: 3px 5px 0 0;
  margin: 0;
  float: left;
}

.social_media ul li i {
  font-size: 0.6rem;
}

/* TOOL TIP STYLES
/* Icon */
a.tooltip {
  text-decoration: none;
  color: var(--main);
}

a.tooltip:hover {
  color: #222;
}

/* Box */
a.tooltip>span {
  color: white;
  background: var(--main);
  width: 200px;
  padding: 10px 15px;
  margin-top: 0;
  margin-left: -40px;
  /* Hidden Position */
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  position: absolute;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  border-radius: 0;
  -webkit-transition-property: opacity, margin-top, visibility, margin-left;
  -webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
  -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
  transition-property: opacity, margin-top, visibility, margin-left;
  transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
  transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
}

a.tooltip:hover>span {
  opacity: 1;
  text-decoration: none;
  visibility: visible;
  overflow: visible;
  margin-top: 35px;
  display: inline;
  margin-left: -40px;
  /* Reveal Position */
}

/* Arrow */
a.tooltip span b {
  width: 15px;
  height: 15px;
  margin-left: 10px;
  margin-top: -15px;
  display: block;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: var(--main);
}


.grid_list.four-wide .grid_item,
.grid_list.three-wide .grid_item {
  width: 100%;
}

@media (min-width: 960px) {
  .box_list .box {
    width: calc(33.33% - 10px);
  }

  .box_list .full {
    width: 100%;
    margin: 0 0% 10px;
    text-align: center;
  }

  .grid_list .grid_item {
    width: 100%;
  }

  .grid_list.four-wide .grid_item {
    width: calc(25% - calc(1.6rem * 3 / 4));
  }

  .grid_list.three-wide .grid_item {
    width: calc(33.333% - calc(1.6rem * 2 / 3));
  }

  .grid_list.two-wide .grid_item {
    width: calc(50% - .8rem);
  }

  hr {
    margin: 40px 0;
  }

  .menu_list ul.pages li {
    width: 100%;
  }

  .content_container .content .editable_content img.people_image {
    float: left;
    margin: 0 10px 0 0;
  }

  .box_list .comment_box {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .box_list .past_news {
    width: calc(50% - 10px);
    margin: 5px;
    text-align: left;
  }

  .mobile_register {
    display: none;
  }

  .full_register {
    display: inherit;
  }

  .events_editable_content {
    float: left;
    width: 60%;
  }

  .contact_info ul {
    margin: 5px;
    width: calc(50% - 10px);
    float: left;
  }

  .product_highlight {
    width: 35%;
    float: right;
    margin: 0 0 0 5%;
  }

  .form_holder .third_width {
    width: 32.3333%;
  }

  .form_holder .half_width {
    width: 49%;
    margin-right: 1%;
    float: left;
  }

  .form_holder textarea {
    width: 100%;
  }

  .form_holder select {
    width: 100%;
  }

  .grid_list .menu_item {
    width: calc(33.33% - 10px);
  }

  .filter_list ul li {
    width: calc(33.33% - 10px);
  }

  .property_highlight {
    width: 35%;
    float: right;
    margin: 0 0 10px 10px;
  }

  .properties_menu ul li {
    width: 25%;
  }

  .box_list .box ul.careers_list li {
    list-style-type: none;
    width: 33.3333%;
    float: left;
    background: none;
    margin: 10px 0 10px 0;
    padding: 0 10px 0 0;
  }

  .content ul.career li {
    width: 33.3333%;
  }
}

/* 600 pixel width */
@media (min-width: 600px) and (max-width: 960px) {
  .box_list .box {
    width: calc(50% - 10px);
    margin: 5px;
  }

  .box_list .full {
    width: 100%;
    margin: 0 0% 10px;
    text-align: center;
  }

  .grid_list.four-wide .grid_item,
  .grid_list.three-wide .grid_item {
    width: calc(50% - .8rem);
  }

  .grid_list.two-wide .grid_item {
    width: 100%;
  }

  .menu_list ul.pages li {
    width: 100%;
  }

  .box_list .comment_box {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .box_list .past_news {
    width: calc(50% - 10px);
    margin: 5px;
    text-align: left;
  }

  .grid_list .menu_item {
    width: calc(50% - 10px);
    margin: 5px;
    float: left;
  }

  .filter_list ul li {
    width: calc(50% - 10px);
    margin: 5px;
  }

  .showroom_list .box {
    width: calc(50% - 10px);
    margin: 5px;
  }

  .showroom_table ul li {
    width: calc(50% - 10px);
    margin: 5px;
  }

  .showroom_features_table ul li {
    width: calc(50% - 10px);
    margin: 5px;
  }

  .properties_menu ul li {
    border-right: 1px solid #F0F0F0;
    box-shadow: 1px 0 0 white;
    border-bottom: none;
    width: 50%;
    float: left;
  }

  .content ul.career li {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .gallery_item {
    width: 50%;
    padding: 2px;
  }
}

/* Stackable Styles */
table.stacktable.large-only {
  display: table;
}

table.stacktable.small-only {
  display: none;
}

@media (max-width: 767px) {
  table.stacktable.large-only {
    display: none;
  }

  table.stacktable.small-only {
    display: table;
    margin-bottom: 10px;
  }

  .small-only tr td.st-key {
    background-color: var(--main);
    color: var(--dark);
  }

  table.stacktable.small-only::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin: 20px 0;
  }

  .editable_content table tr td.st-val {
    border-top: none;
  }

  .editable_content table tr {
    display: flex;
    flex-direction: column;
  }

  .editable_content table tr td.st-key {
    border-bottom: none;
    font-weight: 700;
    color: white;
  }

  table.stacktable.small-only {
    margin: 0;
  }

  .stackable-table {
    margin-top: 20px;
  }
  .about-sub-page .stackable-table table.stacktable.small-only:first-child{
    display: none;
  }
  .about-sub-page table.stacktable.small-only tbody tr:nth-child(n + 2) td.st-key{
    display: none;
  }
}

#logo-link-slider {
  overflow: hidden;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#logo-link-slider .logo-link-slider-wrapper {
  display: block;
  width: 100%;
  position: relative;
}

#logo-link-slider .logo-link-slider-wrapper ul {
  position: relative;
  left: 0px;
  display: flex;
  justify-content: space-around;
  list-style: none;
}

#logo-link-slider .logo-link-slider-wrapper ul li {
  display: inline-block;
  position: relative;
  margin: 0px auto;
  width: 200px;
  height: 200px;
  line-height: 200px;
  text-align: center;
}

#logo-link-slider .logo-link-slider-wrapper ul li a img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: 0 linear left;
  -moz-transition: 0 linear left;
  transition: 0 linear left;
  opacity: 0.65;
  width: 100%;
}

.logo_link_static {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.logo_link_static a img {
  width: 200px;
}

/* Multi slide */
.logo_link_section {
  position: relative;
}

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}

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

.swipe_wrap>div {
  float: left;
  width: 100%;
  position: relative;
}

#logo_swipe .fourth-width {
  width: 25%;
  margin: 0;
}

#logo_swipe .fourth-width img {
  width: 100%;
  height: auto;
}

#pagi_wrap {
  position: absolute;
  bottom: 15px;
  left: 0;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.pagi_box.active {
  background: var(--main);
}

.pagi_box {
  display: block;
  height: 15px;
  width: 15px;
  margin: 0 5px;
  border-radius: 50%;
  background: var(--light-color);
}

.cta-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  max-width: 475px;
  width: 100%;
  padding: 20px;
  padding-top: 0;
  text-align: center;
  border: none;
  z-index: 99999;
  border-radius: 10px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

span.close-popup {
  position: absolute;
  top: -12px;
  right: -12px;
  font-weight: 800;
  cursor: pointer;
  color: whitef;
  width: 25px;
  height: 25px;
  border: none;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
  padding: 0 0 4px;
  background: #BE1E2C;
}

span.close-popup:hover {
  background: #333;
}

.cta-popup h3 {
  font-size: 30px;
  line-height: 30px;
  color: var(--dark);
  text-transform: normal;
  letter-spacing: 2px;
  margin: 40px 0px 10px 0px;
}

.cta-popup h3::after {
  content: '';
  display: block;
  width: 50px;
  height: 3px;
  background: #BE1E2C;
  margin: 13px auto;
}

.cta-popup p {
  color: var(--dark);
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
  margin: 8px 0px 15px 0px;
  letter-spacing: 0.5px;
}

.cta-popup pre {
  color: var(--dark);
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 500;
  margin: 8px 0px 15px 0px;
  letter-spacing: 0.5px;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  width: 99%;
}

.cta-popup a.superbutton {
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: white;
  padding: 10px 20px;
  margin: 5px 0 0 0;
  width: auto;
  height: auto;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  float: none;
  text-decoration: none;
  text-shadow: none;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  letter-spacing: 2px;
  background-color: var(--main);
  transition: 0.3s ease;
}

.cta-popup a.superbutton:hover {
  background: #333;
  color: white;
}

@media screen and (max-width: 500px) {
  .cta-popup {
    width: calc(100% - 40px);
  }
}

/* 4. External Styles
********************/
body {
  overflow-x: hidden !important;
  width: 100%;
}

.orange {
  background: var(--main);
  position: relative;
}

.orange::before {
  content: '';
  background: url(/assets/images/layout/background-brush-top.svg) left top no-repeat;
  background-size: 125% auto;
  width: 100%;
  height: 80px;
  top: -60px;
  left: 0;
  position: absolute;
}

.orange::after {
  content: '';
  background: url(/assets/images/layout/background-brush-bottom.svg) right bottom no-repeat;
  background-size: 125% auto;
  width: 100%;
  height: 80px;
  bottom: -60px;
  left: 0;
  position: absolute;
}

.orange .content h1,
.orange .content .h1,
.orange .content h2,
.orange .content .h2,
.orange .content h3,
.orange .content .h3,
.orange .content h4,
.orange .content .h4,
.orange .content h5,
.orange .content .h5,
.orange .content h6,
.orange .content .h6,
.orange .content p,
.orange .content ul li,
.orange .content ol li {
  color: white;
}

.grey {
  background: #1a1a1a;
}

.strip01 {}

.strip01 .image-holder {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.strip01 .image-holder img {
  width: 100%;
  height: auto;
  max-width: 625px;
}

.strip01 .content {
  max-width: 1200px;
}

.strip01 .content .editable_content {
  max-width: 500px;
}

.strip01 .content .editable_content h1 {
  margin: 0 0 30px;
}

.strip01 .content .editable_content h1:first-of-type {
  margin: 0;
}

.strip01 .content .editable_content h6:first-of-type {
  margin: 0 0 -3px;
}

.strip01 .content .editable_content p {
  margin: 0 0 30px;
}

.strip03 {
  padding: 140px 20px 100px;
}

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

.strip03 .content h3 {
  margin: 0 0 30px;
}

.strip03 .content h6 {
  margin: 0;
}

.product-list {
  display: flex;
  gap: 1.6rem;
  flex-wrap: wrap;
  margin: 0 0 3.2rem;
}

.product-list .box {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  width: calc(33.333% - calc(1.6rem * 2 / 3));
  margin: 0;
  padding: 0;
  background: var(--dark);
}

.product-list .box img {
  margin: 0;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
}
.product-list .box img.manufacturer-logo{
  padding: 8px;
  background: white;
  border-radius: 8px;
  width: 96px !important;
  margin: 0 0 8px;
}
.product-list .box .box-content {
  padding: 1.6rem;
  text-align: left;
}

.product-list .box .box-content a.title {
  color: var(--off-white);
  text-decoration: none;
  text-transform: none;
  font-size: 22px;
  line-height: 22px;
  margin: 0 0 10px;
  display: block;
  font-family: 'Poppins', sans-serif;
}

.product-list .box .box-content a.title:hover {
  color: var(--second);
}

.product-list .box .box-content p {
  font-size: 16px;
  line-height: 22px;
  color: var(--off-white);
}

.product-list .box .box-content ul.pricing {
  margin: 0;
}

.product-list .box .box-content ul.pricing li {
  color: var(--off-white);
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
  font-weight: 600;
}

.product-list .box .box-content ul.pricing li.strike {
  color: var(--off-white);
  text-decoration: line-through;
}

.product-list .box .box-content ul.pricing li.sale {
  color: var(--off-white);
}

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

.strip04 .third-box {
  position: relative;
  background: url(/assets/images/layout/index-image-residential.jpg) center center no-repeat;
  background-size: cover;
  width: 33.3333%;
  margin: 0;
  padding: 0;
  height: 550px;
}

.strip04 .third-box:nth-of-type(2) {
  background: url(/assets/images/layout/index-image-commercial.jpg) center center no-repeat;
  background-size: cover;
}

.strip04 .third-box:nth-of-type(3) {
  background: url(/assets/images/layout/index-image-accessories.jpg) center center no-repeat;
  background-size: cover;
}

.strip04 .third-box a.title {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(33, 33, 33, 0.65);
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 30px;
  line-height: 30px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.strip04 .third-box a.title:hover {
  background: rgba(186, 65, 46, 0.9);
}

.strip05 {}

.strip05::after {
  display: none;
}

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

.strip05 .content h3 {
  margin: 0 0 40px;
}

.strip05 .content h6 {
  margin: 0 0 -3px;
}

.news-list {
  display: flex;
  flex-wrap: wrap;
}

.news-list .box {
  text-align: left;
  width: calc(50% - 15px);
  margin: 0 30px 30px 0;
  background: none;
  border-left: 8px solid rgba(255, 255, 255, 0.25);
  overflow: hidden;
  position: relative;
}

.news-list .box::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -105%;
  background: rgba(255, 255, 255, 0.25);
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

.news-list .box:hover::after {
  left: 0;
}

.news-list .box:nth-of-type(2n) {
  margin: 0 0 30px;
}

.news-list .box a.title {
  color: white;
  font-size: 26px;
  line-height: 26px;
  text-decoration: none;
  position: relative;
  z-index: 2;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

.news-list .box a.title:hover {
  color: var(--dark);
}

.news-list .box .date {
  color: white;
  font-size: 14px;
  line-height: 14px;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0 0 10px;
  position: relative;
  z-index: 2;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

.news-list .box p {
  color: white;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  position: relative;
  z-index: 2;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

.strip06 {}

.strip06 .content {}

.strip06 .content h3 {
  margin-bottom: 30px;
}

.strip06 .content .half-box {
  width: calc(50% - 15px);
  margin: 0 30px 0 0;
  float: left;
}

.strip06 .content .half-box:nth-of-type(2) {
  margin: 0 0 0 0;
}

.strip06 .content .half-box .contact_info {}

.strip06 .content .half-box .contact_info ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.strip06 .content .half-box .contact_info ul li {
  font-size: 16px;
  line-height: 22px;
  background: #282828;
  box-shadow: 0 0 15px rgb(0 0 0 / 10%);
  padding: 20px;
  border-radius: 10px;
  margin: 0 0 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}

.strip06 .content .half-box .contact_info ul li:nth-of-type(3) {
  width: calc(50% - 10px);
  margin: 0 20px 0 0;
  float: left;
}

.strip06 .content .half-box .contact_info ul li:last-of-type {
  width: calc(50% - 10px);
  margin: 0;
  float: left;
}

.strip06 .content .half-box .contact_info ul li img {
  width: 40px;
  height: auto;
  margin: 0;
  filter: invert(1)
}

.strip06 .content .half-box .contact_info ul li span {
  width: calc(100% - 5.2rem);
}

.strip06 .content .half-box .contact_info ul li span strong {
  font-size: 20px;
  text-transform: uppercase;
  color: var(--off-white);
}

.strip06 .content .half-box .contact_info ul li span a {
  color: var(--off-white);
}

.strip06 .content .half-box .contact_info ul li span a:hover {
  text-decoration: none;
  color: var(--second);
}
.strip06 .content .half-box button.superbutton{
  margin: 0 0 0 auto;
}
.strip06 .content .half-box small{
  margin: 8px 0 0;
  line-height: 1.3;
}
.strip06 .content .half-box small a{
  color: var(--second);
}
.strip06 .content .half-box small a:hover{
  color: var(--off-white);
}
@media screen and (max-width: 380px) {
  .strip06 .content .half-box .contact_info ul li{
    flex-direction: column;
    gap: 1rem;
  }
  .strip06 .content .half-box .contact_info ul li span {
    width: 100%;
  }
}

button.superbutton.right-align {
  width: 170px;
  margin-left: calc(100% - 170px);
}

.about-strip01 {
  padding-bottom: 130px;
}

.about-strip01 h1 {
  margin-bottom: 30px;
}

.about-strip01 h6 {
  margin: 0 0 -3px;
}

.about-strip02 {}

.about-strip02 .content {
  text-align: center;
}

.about-strip02 .content h6 {
  margin-bottom: 30px;
}

.about-strip02 .content a.superbutton {
  border-color: white;
  color: white;
}

.about-strip02 .content a.superbutton:hover {
  background: white;
  color: var(--dark);
}

.about-strip03 {
  padding-top: 140px;
}

.about-strip03 .content {
  text-align: center;
}

.about-strip03 .content h3 {
  margin: 0 0 30px;
}

.news-list.dark-list .box {
  border-color: rgba(186, 65, 46, 1);
}

.news-list.dark-list .box::after {
  background: rgba(186, 65, 46, 1);
}

.news-list.dark-list .box a.title {
  color: var(--dark);
}

.news-list.dark-list .box:hover a.title {
  color: white;
}

.news-list.dark-list .box .date {
  color: var(--main);
}

.news-list.dark-list .box:hover .date {
  color: white;
}

.news-list.dark-list .box p {
  color: #6E6E6E;
}

.news-list.dark-list .box:hover p {
  color: white;
}

.post_date {
  color: rgba(186, 65, 46, 1);
}

a.superbutton.center-button {
  margin: 0 auto;
  width: 300px;
  display: block;
}

.grid_list.product-category {}

.grid_list.product-category .grid_item {
  position: relative;
}

.grid_list.product-category .grid_item:first-of-type {}

.grid_list.product-category .grid_item img {}

.grid_list.product-category .grid_item a.title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(33, 33, 33, 0.65);
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  line-height: 22px;
}

.grid_list.product-category .grid_item a.title:hover {
  background: rgba(186, 65, 46, 0.9);
}

.product-list .box .box-content .price_display {}

.product-list .box .box-content .price_display span {
  color: var(--dark);
  font-size: 16px;
  line-height: 16px;
  margin: 0;
}

.product-list .box .box-content .price_display span sup {}

.product-list .box .box-content .cart_quantity {}

.product-list .box .box-content .cart_quantity label {
  font-weight: 700;
  color: var(--dark);
  font-size: 16px;
  line-height: 30px;
  width: 50px;
  margin: 0 5px 0 0;
}

.product-list .box .box-content .cart_quantity input {
  width: calc(100% - 55px);
  border: 1px solid #efefef;
  height: 30px;
  padding: 0 7px;
  margin: 0;
  border-radius: 0;
}

.product-list .box .box-content a.superbutton.add_to_cart {
  margin: 15px 0 0 0 !important;
  font-size: 16px;
  line-height: 16px;
  padding: 10px 10px 8px !important;
}

.product-list .box .box-content a.superbutton.add_to_cart:hover {}

.breadcrumb {
  border-bottom: 1px solid #F0F0F0;
  padding: 0 0 20px;
  margin: 0 0 20px
}

.breadcrumb ul {}

.breadcrumb ul li {
  list-style: none;
  font-size: 14px;
  line-height: 14px;
  color: #b3b3b3;
  display: inline-block;
  padding: 10px 20px;
  border-right: 1px solid #F0F0F0;
}

.breadcrumb ul li:last-of-type {
  border: none;
  color: var(--dark);
}

.breadcrumb ul li a {
  color: #b3b3b3;
}

.breadcrumb ul li a:hover {
  color: var(--main);
}

.product-strip01 {
  background: linear-gradient(to right, var(--light) 47%, whitef 47%);
  padding-bottom: 140px;
}

.product-strip01 .content {
  display: flex;
  flex-wrap: wrap;
}

.product-strip01 .content .half-box {
  width: 55%;
  height: 100%;
  padding: 0 0 0 40px;
}

.product-strip01 .content .half-box:first-of-type {
  width: 45%;
  padding: 0;
}

.product-strip01 .content .half-box .product_highlight {
  display: block;
  width: calc(100% - 30px);
  margin: 0;
  background: white;
  border-radius: 15px;
  box-shadow: 0 0 15px rgb(0 0 0 / 10%);
  overflow: hidden;
}

.product-strip01 .content .half-box .product_highlight .holder {
  width: 100%;
  height: auto;
  margin: 0 0 20px;
  display: block;
}

.product-strip01 .content .half-box .product_highlight .holder .swipebox_full_gallery {
  width: 100%;
  margin: 0;
}

.product-strip01 .content .half-box .product_highlight .holder .swipebox_full_gallery img {
  width: 100%;
  height: auto;
  border-bottom: 5px solid var(--main);
  margin: 0 0 15px;
}

.product-strip01 .content .half-box .product_highlight .holder .img_select {
  width: 100%;
  flex-direction: row;
  padding: 0 20px;
}

.product-strip01 .content .half-box .product_highlight .holder .img_select figure {
  width: calc(25% - 10px);
  margin: 0 10px 10px 0;
}

.product-strip01 .content .half-box .product_highlight .holder .img_select figure:last-of-type {
  margin: 0 0 10px;
}

.product-strip01 .content .half-box .product_highlight .holder .img_select figure.active {}

.product-strip01 .content .half-box .product_highlight .holder .img_select figure img {}

.product-strip01 .content .half-box .product_highlight form {
  padding: 0 20px 30px;
}

.product-strip01 .content .half-box .product_highlight form .cart_quantity.full-width {}

.product-strip01 .content .half-box .product_highlight form .cart_quantity.full-width label {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 10px;
}

.product-strip01 .content .half-box .product_highlight form .cart_quantity.full-width strong {
  font-weight: 700;
  color: var(--dark);
  font-size: 16px;
  line-height: 30px;
  width: 50px;
  margin: 0 5px 0 0;
  display: block;
}

.product-strip01 .content .half-box .product_highlight form .cart_quantity.full-width select {
  width: calc(100% - 55px);
  border: 1px solid #efefef;
  margin: 0;
}

.product-strip01 .content .half-box .product_highlight form .cart_quantity .cart_quantity {}

.product-strip01 .content .half-box .product_highlight form .cart_quantity label.qty-label {
  font-weight: 700;
  color: var(--dark);
  font-size: 16px;
  line-height: 30px;
  width: 50px;
  margin: 0 5px 0 0;
  display: block;
}

.product-strip01 .content .half-box .product_highlight form .cart_quantity input {
  width: calc(100% - 55px);
  border: 1px solid #efefef;
  margin: 0;
  border-radius: 0;
}

.product-strip02 {
  padding: 100px 20px;
}

.product-strip02 .content {
  text-align: center;
}

.product-strip02 .content h6 {
  margin: 0 0 -3px;
}

.product-strip02 .content h3 {
  margin: 0 0 30px;
}

.product-strip02 .content .icons {
  width: 25%;
  display: block;
  float: left;
  border-right: 1px solid white;
  color: white;
  margin-bottom: 10px;
}

.product-strip02 .content .icons:nth-of-type(5) {
  border-right: none;
}

.product-strip03 {
  padding: 140px 20px 100px;
}

.product-strip03 .content {}

.product-strip03 .content h3 {
  margin: 0 0 30px;
}

.product-strip03 .content h6 {
  margin: 0 0 -3px;
}

.product-strip03 .content .menu_list ul.pages li {
  width: calc(33.3333% - 20px);
  margin: 0 30px 30px 0;
}

.product-strip03 .content .menu_list ul.pages li:last-of-type {
  margin: 0 0 30px;
}

.product-strip03 .content .logo_area .logos {
  text-align: center;
}

.product-strip03 .content .logo_area .logos a img {
  width: 300px;
}

.featured-list {}

.featured-list .content {
  text-align: center;
}

.featured-list .content h3 {
  margin: 0 0 30px;
}

.featured-list .content h6 {
  margin: 0 0 -3px;
}

.featured-list .content a {
  width: calc(50% - 50px);
  margin: 0 25px;
  float: left;
  display: block;
}

.featured-list .content a img {
  width: 100%;
  height: auto;
  margin: 0;
}

.manu-list {
  display: flex;
  flex-wrap: wrap;
}

.manu-list .box {
  float: none;
  padding: 0;
  background: none;
  width: calc(25% - 15px);
  margin: 0 20px 20px 0;
}

.manu-list .box:nth-of-type(4n) {
  margin: 0 0 20px 0;
}

.manu-list .box a {}

.manu-list .box a figure {}

.manu-list .box a figure img {}

.contact-strip01 {}

.contact-strip01 .content {}

.contact-strip01 .content .contact_info ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.contact-strip01 .content .contact_info ul li {
  width: calc(50% - 15px);
  font-size: 16px;
  line-height: 22px;
  background: #282828;
  box-shadow: 0 0 15px rgb(0 0 0 / 10%);
  padding: 20px;
  border-radius: 10px;
  margin: 0 30px 30px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}

.contact-strip01 .content .contact_info ul li:nth-of-type(2n) {
  margin: 0 0 30px;
}

.contact-strip01 .content .contact_info ul li img {
  width: 40px;
  height: auto;
  margin: 0 0 0 0;
  filter: invert(1);
}
.form_holder small a{
  color: var(--second)
}
.form_holder small a:hover{
  color: var(--off-white);
}
.contact-strip01 .content .contact_info ul li span {
  width: calc(100% - 5.2rem);
}
@media screen and (max-width: 380px) {
  .strip06 .content .half-box .contact_info ul li {
      flex-direction: column;
      gap: 1rem;
  }
  .contact-strip01 .content .contact_info ul li span {
    width: 100%;
  }
}
.contact-strip01 .content .contact_info ul li span strong {
  font-size: 20px;
  color: var(--off-white);
  text-transform: uppercase;
}

.contact-strip01 .content .contact_info ul li span a {
  color: var(--off-white);
  text-decoration: none;
}

.contact-strip01 .content .contact_info ul li span a:hover {
  text-decoration: none;
  color: var(--second);
}

form.cart-form input.superbutton.right-align {
  width: 170px;
  margin: 0 0 20px;
  margin-left: calc(100% - 170px);
}

.product_cart_title strong {
  color: white;
}

.product_cart_description {
  color: var(--main);
  font-size: 16px;
  font-style: italic;
}

input.cart_product_quantity {
  width: calc(100% - 150px);
  height: auto;
  padding: 2px 10px 0;
  font-size: 18px;
  line-height: 30px;
  background-color: #2a2a2a;
  color: var(--off-white);
  border: none;
  border-bottom: 3px solid #ba402f;
}

.product_cart_pricing {
  width: calc(50% - 100px);
}

.user_shipping_info,
.user_billing_info,
.product_cart_subtotal {
  color: var(--off-white);
}
label.Label{
  color: var(--off-white) !important;
}
.product_cart_price {
  margin-right: 16px;
}

.cart_totals>div {
  text-align: right;
}

button.superbutton.right-align {
  width: 150px;
  padding: 10px 0 9px;
  margin-left: calc(100% - 150px);
}

.StripeElement {
  background: var(--light);
  border: none;
  border-bottom: 3px solid #ba402f;
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 15px;
}

.grecaptcha-badge {
  z-index: 999;
}

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

.swipebox_video_full a {
  display: block;
  width: calc(25% - 30px);
  margin: 0 15px 30px;
}

.swipebox_video_full a img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1260px) {
  .ms-banner-constrained li .banner-details {
    max-width: 1000px;
  }

  .banner-container-constrained .banner-details .title {
    font-size: 50px;
    line-height: 55px;
  }

  .banner-container-constrained .banner-details .description {
    margin-bottom: 30px;
    max-width: 50%;
  }

  .banner-container-constrained .banner-details.middle-right .description {
    margin-left: 50%;
  }
}

@media screen and (max-width: 1060px) {
  .ms-banner-constrained li .banner-details {
    max-width: 900px;
  }
}

@media screen and (max-width: 1000px) {
  .jqueryslidemenu ul li a {
    padding: 37px 20px;
  }
}

@media screen and (max-width: 960px) {
  .banner-container-constrained .banner-details {
    padding: 0 30px;
  }

  .banner-container-constrained .banner-details .small-title {
    font-size: 18px;
    line-height: 18px;
  }

  .banner-container-constrained .banner-details .title {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 20px;
  }

  .banner-container-constrained .banner-details .description {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 20px;
  }

  .banner-container-constrained .banner-details a {
    font-size: 16px;
    line-height: 16px;
    padding: 7px 30px;
  }

  .strip01::before {
    display: none;
  }

  .strip01 .content .editable_content {
    max-width: 100%;
  }

  .strip01 .image-holder {
    width: 400px;
    position: inherit;
    display: block;
    transform: translate(0, 0);
    margin: 30px 0 0 0;
    margin-left: calc(100% - 380px);
  }

  .product-list .box {
    width: calc(50% - 15px);
    margin: 0 30px 30px 0;
  }

  .product-list .box:nth-of-type(3n) {
    margin: 0 30px 30px 0;
  }

  .product-list .box:nth-of-type(2n) {
    margin: 0 0 30px 0;
  }

  .strip03 {
    padding: 80px 20px 50px;
  }

  .strip03 .product-list .box:nth-of-type(3) {
    display: none;
  }

  .strip04 .third-box {
    height: 250px;
    width: 100%;
  }

  .strip05.orange::before {
    display: none;
  }

  .news-list .box {
    width: 100%;
    margin: 0 0 30px 0;
  }

  .strip06 .content .half-box {
    width: 100%;
    margin: 0 0 30px 0;
    float: none;
  }

  .strip06 .content .half-box:nth-of-type(2) {
    margin: 0;
  }

  .about-strip01 {
    padding-bottom: 80px;
  }

  .about-strip03 {
    padding-top: 80px;
  }

  .manu-list .box {
    width: calc(33.333% - 20px);
    margin: 0 30px 20px 0;
  }

  .manu-list .box:nth-of-type(4n) {
    margin: 0 30px 20px 0;
  }

  .manu-list .box:nth-of-type(3n) {
    margin: 0 0 20px 0;
  }

  .contact-strip01 .content .contact_info ul li {
    width: 100%;
    margin: 0 0 30px 0;
  }

  .product-strip01 {
    background: white;
    padding: 0;
  }

  .product-strip01 .content .half-box:first-of-type {
    width: 100%;
    background: var(--light);
    padding: 40px;
  }

  .product-strip01 .content .half-box {
    width: 100%;
    padding: 40px 40px 80px;
  }

  .product-strip01 .content .half-box .product_highlight {
    width: 300px;
    margin: 0 auto;
  }

  .product-strip02 .content .icons {
    width: 100%;
    float: none;
    border-right: none;
    border-bottom: 1px solid white;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .product-strip02 .content .icons:last-of-type {
    border: none;
  }

  .swipebox_video_full a {
    width: calc(50% - 30px);
    margin: 0 15px 30px;
  }

  .product-strip03 .content .menu_list ul.pages li,
  .product-strip03 .content .menu_list ul.pages li:last-of-type {
    width: calc(50% - 20px);
    margin: 0 10px 20px 0;
  }
}

@media screen and (max-width: 760px) {
  .banner-container-constrained .banner-details {
    background: rgba(255, 255, 255, 0.7);
    padding: 20px;
  }

  .banner-container-constrained .banner-details.middle-right .small-title,
  .banner-container-constrained .banner-details.middle-right .title,
  .banner-container-constrained .banner-details.middle-right .description {
    max-width: 85%;
    margin-left: 15%;
  }

  .banner-container-constrained .banner-details .title {
    font-size: 32px;
    line-height: 35px;
  }

  .breadcrumb {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .product-list .box {
    width: 100%;
    margin: 0 0 30px 0;
  }

  .product-list .box:nth-of-type(3n) {
    margin: 0 0 30px 0;
  }

  .product-list .box:nth-of-type(2n) {
    margin: 0 0 30px 0;
  }

  .strip03 .product-list .box:nth-of-type(3) {
    display: block;
  }

  .strip06 .content .half-box .contact_info ul li:nth-of-type(3) {
    width: 100%;
    margin: 0 0 30px 0;
    float: none;
  }

  .strip06 .content .half-box .contact_info ul li:nth-of-type(4) {
    width: 100%;
    margin: 0 0 0 0;
    float: none;
  }

  .about-strip01 {
    padding-bottom: 60px;
  }

  .about-strip03 {
    padding-top: 60px;
  }

  .featured-list .content a {
    width: 100%;
    margin: 0 0 20px;
    float: none;
    display: block;
  }

  .manu-list .box {
    width: calc(50% - 15px);
    margin: 0 30px 20px 0;
  }

  .manu-list .box:nth-of-type(3n) {
    margin: 0 30px 20px 0;
  }

  .manu-list .box:nth-of-type(2n) {
    margin: 0 0 20px 0;
  }

  .swipebox_video_full a {
    width: 100%;
    margin: 0 0 30px;
  }

  .product-strip03 .content .menu_list ul.pages li,
  .product-strip03 .content .menu_list ul.pages li:last-of-type {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

@media screen and (max-width: 560px) {
  .orange::after {
    background: url(/assets/images/layout/background-brush-bottom.svg) right top no-repeat;
  }

  .orange::before {
    background: url(/assets/images/layout/background-brush-top.svg) left bottom no-repeat;
  }
}

/* Shop Styles Section
******************************** */
.products_list {
  height: 100%;
}

.products_container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.products_container .flex-1 {
  flex: 1;
}

.filter_container {
  display: flex;
  flex-direction: column;
  width: 30%;
  margin-right: 15px;
}

.filter_container h5 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 15px;
}

.filter_container .accordion-header button {
  font-size: 0.4rem;
}

.filter_container .accordion-body button {
  width: 100%;
  justify-content: left;
  border: none;
  font-size: 1em;
  line-height: 1.3em;
  height: auto;
  color: var(--font-colour);
}

.filter_container .accordion-body button.active {
  background-color: #f5f5f6;
}

.accordion {
  --bs-accordion-btn-icon-width: 0.5rem;
  --bs-accordion-btn-padding-x: 0.25rem;
  --bs-accordion-btn-padding-y: 0.5rem;
  --bs-accordion-body-padding-x: 0.25rem;
  --bs-accordion-body-padding-y: 0.25rem;
}

.accordion-flush .accordion-item .accordion-button {
  padding: 15px 15px 15px 0;
  height: auto;
  color: var(--heading);
  font-weight: 600;
  background: transparent;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  font-size: 18px;
  line-height: 24px;
}

@import url("https://use.fontawesome.com/releases/v5.15.0/css/all.css");

.accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-family: "Font Awesome 5 Free";
  color: var(--heading);
  background-image: none;
  font-size: 12px;
  margin-left: 0;
  margin-right: 15px;
  height: auto;
  width: auto;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion-button.collapsed::after {
  /* content: "\f057";  x*/
  /* content: "\f058";  check*/
  /* "\f067"  plus*/
  /* "\f068"  minus*/
  content: "\f067";
  color: var(--heading);
  font-family: "Font Awesome 5 Free";
  background-image: none;
  font-size: 12px;
  height: auto;
  width: auto;
  margin-left: 0;
  margin-right: 15px;
}

.accordion-flush .accordion-item .accordion-button:focus {
  border: none;
  box-shadow: none;
}

.accordion-body {
  padding: 5px 0 10px 15px;
}

.products_list.container {
  padding: 0;
}

#records_display .card,
.product_list .third-width,
.product_list .fourth-width {
  padding: 0;
  border-radius: 14px;
  overflow: hidden;
  border: none;
  box-shadow: none;
  margin: 0 15px 15px 0;
  background: #282828;
  box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}

#records_display .card.products_not_found {
  margin: 0;
}

.products_list .card.products_not_found h6 {
  padding: 15px;
  text-align: center;
  color: var(--heading);
}

.product_list .third-width,
.product_list .fourth-width {
  margin: 1em;
}

#records_display .card:hover .card-body,
.product_list .third-width:hover .content_wrap,
.product_list .fourth-width:hover .content_wrap {
  background: var(--main-colour);
}

.product_list .third-width:hover .pricing li {
  color: white;
}

#records_display .card-body,
.product_list .content_wrap {
  padding: 25px;
  background: var(--light-background);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.swiper-wrapper.product_list .third-width {
  margin: 0;
}

.swiper-wrapper.product_list .content_wrap {
  min-height: 80px;
  padding: 15px 25px;
}

.swiper-wrapper.product_list ul.pricing {
  margin-top: 0;
}

#records_display .card a,
.product_list a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  height: 100%;
}

#records_display .card-body h6,
.product_list h6 {
  margin: 0;
  text-align: center;
}

#records_display .card:hover h6,
.product_list .third-width:hover h6,
.product_list .third-width:hover p,
.product_list .fourth-width:hover h6,
.product_list .fourth-width:hover p {
  color: white;
}

#records_display .card img,
.product_list .third-width img,
.product_list .fourth-width img {
  width: 100%;
  height: 100%;
  max-height: 190px;
  object-fit: cover;
  object-position: center;
}

.product_list .third-width:hover .title-wrap:after {
  background: rgba(255, 255, 255, .3);
}

.pagination {
  width: 100%;
  justify-content: center;
  align-items: center;
}

.pagination #pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

#pagination .page-link {
  font-size: inherit;
  color: var(--heading);
  border: none;
  border-radius: none;
  background: transparent;
  padding: 5px 10px;
}

.pagination>.page-item:first-of-type .page-link,
.pagination>.page-item:last-of-type .page-link {
  cursor: pointer;
  padding: 5px;
  border: none;
  border-radius: 0;
  font-size: inherit;
  color: var(--heading);
}

.pagination>.page-item:first-of-type .page-link:hover,
.pagination>.page-item:last-of-type .page-link:hover {
  background: transparent;
  font-weight: 700;
}

.page-item.active {
  font-weight: 700;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  #records_display .col-sm-12 {
    width: calc(50% - 15px);
  }
}

@media screen and (min-width: 992px) {
  #records_display .col-lg-6 {
    width: calc(50% - 15px);
  }
}

@media screen and (min-width: 1200px) {
  #records_display .col-xl-4 {
    width: calc(33.333333% - 15px);
  }
}

@media screen and (max-width: 768px) {
  div.filter_container {
    width: 100%;
    margin-bottom: 24px;
    margin-right: 0;
  }
}

/* ---------- NEW STYLES 2025 ---------- */
header.full_header {
  padding: 0 3.2rem;
  background: var(--dark);
  top: 0;
  border-bottom: 1px solid var(--off-white);
  position: sticky;
}

header.full_header .jqueryslidemenu {
  max-width: 1264px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header.full_header .jqueryslidemenu a.logo {
  width: 24rem;
  float: none;
  margin: 0;
  padding: 0;
}

header.full_header .jqueryslidemenu nav {
  width: calc(100% - 24rem - 3.2rem);
}

header.full_header .jqueryslidemenu nav ul {
  width: 100%;
  padding: 0;
  float: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4rem;
}

header.full_header .jqueryslidemenu nav ul li {
  float: none;
}

header.full_header .jqueryslidemenu nav ul li a {
  font-family: 'Poppins', sans-serif;
  width: 100%;
  padding: 37px 0;
  display: block;
  color: var(--off-white);
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 600;
  text-decoration: none;
  text-transform: capitalize;
  position: relative;
}

header.full_header .jqueryslidemenu nav ul li.Selected a,
header.full_header .jqueryslidemenu nav ul li a:hover,
header.full_header .jqueryslidemenu nav ul li.Selected a:hover {
  color: var(--off-white);
}

header.full_header .jqueryslidemenu nav ul li a::after {
  content: '';
  height: 3px;
  border-radius: 2px;
  width: 0;
  position: absolute;
  bottom: 2.4rem;
  left: 50%;
  transform: translate(-50%, 0);
  background: var(--second);
  transition: var(--animate);
}

header.full_header .jqueryslidemenu nav ul li.Selected a::after,
header.full_header .jqueryslidemenu nav ul li a:hover::after {
  width: 100%;
}

header.full_header .jqueryslidemenu nav ul li ul {
  width: 28rem;
  gap: 0;
  background: var(--main);
  flex-direction: column;
  border: none;
}

header.full_header .jqueryslidemenu nav ul li ul li {
  background: none;
  border: none;
}

header.full_header .jqueryslidemenu nav ul li.Selected ul li a,
header.full_header .jqueryslidemenu nav ul li ul li a {
  background: none;
  color: white;
  padding: 1.6rem;
  border: none;
}

header.full_header .jqueryslidemenu nav ul li.Selected ul li a:hover,
header.full_header .jqueryslidemenu nav ul li ul li a:hover {
  background: hsla(0 0% 0% / .16);
  color: white;
}

header.full_header .jqueryslidemenu nav ul li ul li a::after {
  display: none;
  ;
}

header.full_header .jqueryslidemenu .right-content .bottom-bar .button_container {
  top: 50%;
  transform: translate(0, -50%);
}

header.full_header .jqueryslidemenu .right-content .bottom-bar .overlay nav.overlay-menu ul {
  width: 100%;
  flex-direction: column;
  gap: .8rem;
}

header.full_header .jqueryslidemenu .right-content .bottom-bar .overlay nav.overlay-menu ul li a {
  padding: 1.2rem;
  font-size: 1.6rem;
  margin: 0;
  line-height: 1;
}

header.full_header .jqueryslidemenu .right-content .bottom-bar .overlay nav.overlay-menu ul li.Selected a,
header.full_header .jqueryslidemenu .right-content .bottom-bar .overlay nav.overlay-menu ul li.Selected a:hover,
header.full_header .jqueryslidemenu .right-content .bottom-bar .overlay nav.overlay-menu ul li a:hover {
  color: white;
}

header.full_header .jqueryslidemenu .right-content .bottom-bar .overlay nav.overlay-menu ul li a::after {
  bottom: 8px;
}

header.full_header .jqueryslidemenu .right-content .bottom-bar .overlay nav.overlay-menu ul li ul {
  display: none;
}

header.full_header .jqueryslidemenu .right-content .bottom-bar .overlay nav.overlay-menu ul li.change_currency {
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .8rem;
  line-height: 1;
  color: white;
  letter-spacing: 0.05em;
}

header.full_header .jqueryslidemenu .right-content .bottom-bar .overlay nav.overlay-menu ul li.change_currency img {
  height: 1.6rem;
  width: auto;
}

header.full_header .jqueryslidemenu a.cart_button {
  bottom: unset;
  top: 93px;
  right: 0;
  position: absolute;
  height: auto;
  border-radius: 0 0 8px 8px;
  font-size: 2rem;
  width: 60px;
  padding: 4px 0;
  color: white;
  background: var(--main);
}

header.full_header .jqueryslidemenu a.cart_button:hover {
  transform: scale(1);
  color: var(--dark);
  background: white;
}

header.full_header .jqueryslidemenu a.cart_button .shopping-widget-holder {
  left: 0;
}

header.full_header .jqueryslidemenu a.cart_button .shopping-widget-holder i {
  color: white;
}
header.full_header .jqueryslidemenu a.cart_button:hover .shopping-widget-holder i {
  color: var(--dark);
}

header.full_header .jqueryslidemenu a.cart_button .shopping-widget-holder>span {
  right: 0;
  top: 10px;
  background: white;
  color: var(--main);
  font-size: 10px;
  height: 12px;
  border-radius: 0 0 2px 2px;
  width: 18px;
  font-weight: 500;
}

header.full_header .jqueryslidemenu a.cart_button:hover .shopping-widget-holder>span {
  color: white;
  background: var(--dark);
}

.banner-container-constrained .banner_pagination {
  display: none;
}

.banner-container-constrained .banner-next,
.banner-container-constrained .banner-previous {
  background: var(--main);
  box-shadow: var(--shadow);
  color: white;
  bottom: 3.2rem;
  top: auto;
  left: auto;
  right: .8rem;
}

.banner-container-constrained .banner-previous {
  right: 5.6rem;
}

.banner-container-constrained .banner-next:hover,
.banner-container-constrained .banner-previous:hover {
  background: var(--off-white);
  color: var(--dark);
}

.banner-container-constrained ul.ms-banner-constrained li::after {
  width: 100%;
  height: 100%;
  background: hsla(0 0% 0% / .5);
}

.banner-container-constrained ul.ms-banner-constrained li.banner-middle-left::after {
  background: linear-gradient(to right, hsla(0 0% 0% / .8) 0%, hsla(0 0% 0% / .5) 50%, transparent 100%);
}

.banner-container-constrained ul.ms-banner-constrained li.banner-middle-right::after {
  background: linear-gradient(to left, hsla(0 0% 0% / .8) 0%, hsla(0 0% 0% / .5) 50%, transparent 100%);
}

.banner-container-constrained ul.ms-banner-constrained li .banner-details {
  width: 100%;
  max-width: 1324px;
  position: absolute;
  top: 0;
  padding-inline: 3rem;
  left: 50%;
  height: 100%;
  transform: translate(-50%, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.banner-container-constrained ul.ms-banner-constrained li .banner-details.middle-right {
  justify-content: flex-end;
  text-align: right;
}

.banner-container-constrained ul.ms-banner-constrained li .banner-details.middle-left {
  justify-content: flex-start;
  text-align: left;
}

.banner-container-constrained ul.ms-banner-constrained li .banner-details .banner-content {
  width: 50%;
}

.banner-container-constrained ul.ms-banner-constrained li .banner-details .banner-content .small-title {
  width: 100%;
  max-width: 100%;
  margin: 0 0 .8rem;
  font-size: 2rem;
  line-height: 1.2;
  color: var(--second);
}

.banner-container-constrained ul.ms-banner-constrained li .banner-details .banner-content .title {
  width: 100%;
  max-width: 100%;
  margin: 0 0 2.4rem;
  font-size: 5.6rem;
  line-height: 1.2;
}

.banner-container-constrained ul.ms-banner-constrained li .banner-details .banner-content .description {
  width: 100%;
  max-width: 42rem;
  margin: 0 0 2.4rem;
  color: var(--off-white);
}

.banner-container-constrained ul.ms-banner-constrained li .banner-details.middle-right .banner-content .description {
  margin-left: auto;
}

.banner-container-constrained ul.ms-banner-constrained li .banner-details .banner-content a {
  margin: 0;
  width: auto;
  border: 2px solid var(--off-white);
  padding: 10px 45px 8px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  background: none;
  color: var(--off-white);
  height: auto;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  float: none;
  text-decoration: none;
  text-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  transition: 0.3s ease;
}

.banner-container-constrained ul.ms-banner-constrained li .banner-details .banner-content a:hover {
  background: var(--off-white);
  color: var(--dark);
}

.strip01 {
  position: relative;
  padding-block: 15rem
}

.strip01 .image-holder img {
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right;
}

.strip01 .content .editable_content {
  max-width: 100%;
  width: calc(50% - 6.4rem);
}

.orange a.superbutton {
  border-color: white;
  color: white;
}

.orange a.superbutton:hover {
  background: white;
  color: var(--dark);
}

.strip06 .content .half-box .contact_info ul li span a {
  text-decoration: none;
  color: var(--off-white);
}

.strip06 .content .half-box .contact_info ul li span a:hover {
  color: var(--second);
}

.strip06 .content .half-box .contact_info ul li:nth-of-type(3),
.strip06 .content .half-box .contact_info ul li:nth-of-type(4) {
  float: none;
  width: 100%;
  margin: 0;
}

.strip06 .content .half-box .contact_info ul li:nth-of-type(3) {
  margin: 0 0 20px;
}

.form_holder input,
.form_holder textarea,
.form_holder select {
  margin: 0 0 20px;
  color: var(--off-white);
}

button.superbutton.right-align {
  margin-top: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--off-white) !important;
  background: #282828 !important;
  color: var(--off-white) !important;
  -webkit-box-shadow: 0 0 0px 40rem #282828 inset !important;
}

.form_holder input:focus,
.form_holder select:focus,
.form_holder textarea:focus {
  background-color: #282828;
  color: var(--off-white);
  outline: none;
}

.menu_list ul.pages li a {
  background: none;
  color: var(--off-white);
  border-color: var(--off-white);
  transition: var(--animate);
}

.menu_list ul.pages li a:hover {
  color: var(--dark);
  background: var(--off-white);
}

.news-strip01 .content .news-list .box {
  background: white;
}

.product-list-page .content .with_bg .form form {
  position: relative;
}

.product-list-page .content .with_bg .form form input.search_input {
  border: 1px solid hsla(0 0% 0% / .16);
  border-radius: 2.2rem;
  height: 4.1rem;
  margin: 0;
  width: 100%;
  padding-inline: 1.6rem 4.4rem;
}

.product-list-page .content .with_bg .form form input.search_input::placeholder {
  color: #333;
}

.product-list-page .content .with_bg .form form button.search-btn {
  margin: 0;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  background: var(--main);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: none;
  box-shadow: none;
  color: white;
}

.product-list-page .content .with_bg .form form button.search-btn:hover {
  background: var(--dark);
}

.product-list-page .content .with_bg .form form button.search-btn i {
  color: white;
  margin: 0;
}

.product-list-page .filter_container {
  display: flex;
  flex-direction: column;
  width: 32rem;
  padding: 0 2rem 0 0;
  border-right: 2px solid hsla(0 0% 100% / .08);
  margin: 0;
  position: sticky;
  top: 148px;
}

@media screen and (max-width: 960px) {
  .product-list-page .filter_container {
    position: initial;
    top: auto;
  }
}

.product-list-page .filter_container hr {
  margin-block: 1.2rem;
  border-width: 1px;
}

.flex-1 hr {
  border-width: 1px;
}

.product-list-page .content {
  max-width: 1264px;
}

.product-list-page .content .products_container .flex-1 {
  width: calc(100% - 32rem);
  padding-left: 2rem;
}

.product-list-page .content .products_container .flex-1 .products_list .row .card {
  transition: var(--animate) !important;
}

.product-list-page .content .products_container .flex-1 .products_list .row .card:hover {
  box-shadow: var(--shadow) !important;
}

.product-list-page .content .products_container .flex-1 .products_list .row .card>a {
  display: block;
}

.product-list-page .content .products_container .flex-1 .products_list .row .card>a figure {
  aspect-ratio: 6 / 4.5;
  width: 100%;
  height: auto;
  margin: 0;
  overflow: hidden;
  background: white;
}

.product-list-page .content .products_container .flex-1 .products_list .row .card>a figure img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

.product-list-page .content .products_container .flex-1 .products_list .row .card>a .card-body {
  height: auto !important;
  padding: 1.6rem !important;
  text-align: left !important;
  display: block !important;
}

.product-list-page .content .products_container .flex-1 .products_list .row .card>a .card-body h6.card-title {
  text-align: left !important;
  color: var(--off-white) !important;
  font-size: 2rem !important;
  line-height: 1.2 !important;
  font-family: var(--font-heading);
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 0;
}

.product-list-page .content .products_container .flex-1 .products_list .row .card>a:hover .card-body h6.card-title {
  color: var(--second) !important;
}

.accordion-flush .accordion-item {
  background: none;
  border-color: hsla(0 0% 100% / .08)
}

.accordion-flush .accordion-collapse .accordion-body {
  padding: 0 0 16px 25px;
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
}

.accordion-flush .accordion-collapse .accordion-body a {
  font-size: 1.3rem;
  color: var(--off-white);
  background: #434343;
  padding: 4px 16px 2px;
  border: 1px solid #434343;
  text-decoration: none;
  border-radius: 2rem;
}

.accordion-flush .accordion-collapse .accordion-body a.active,
.accordion-flush .accordion-collapse .accordion-body a:hover {
  border-color: var(--off-white);
  background: var(--off-white);
  color: var(--dark);
}

.accordion-flush .accordion-collapse .accordion-body>div {
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.1;
  color: var(--medium);
}

.accordion-flush .accordion-collapse .accordion-body>div label {
  align-items: center;
  display: flex;
  gap: .8rem;
  color: var(--off-white);
}

.accordion-flush .accordion-collapse .accordion-body>div label input {
  border-radius: 0;
  border: 1px solid #d9d9d9;
}

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

ul.pagination {
  gap: .8rem;
}

ul.pagination>li.page-item>a.page-link {
  padding: 0 !important;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--main);
  color: white !important;
  border-radius: 50% !important;
}

ul.pagination>li.page-item>a.page-link:hover {
  background: var(--off-white) !important;
  color: var(--dark) !important;
}

ul.pagination #pagination {
  gap: .8rem;
}

ul.pagination #pagination .page-item {
  text-decoration: none !important;
}

ul.pagination #pagination .page-item a.page-link {
  color: var(--off-white) !important;
  text-decoration: none !important;
  cursor: pointer;
}

ul.pagination #pagination .page-item.active a.page-link:hover,
ul.pagination #pagination .page-item.active a.page-link {
  color: hsla(0 0% 100% / .48) !important;
  text-decoration: none !important;
  background: none !important;
}

.product-intro-strip {
  background: #1a1a1a;
}

.product-intro-strip .content {
  display: flex;
  flex-wrap: wrap;
  gap: 3.2rem;
}

.product-intro-strip .content .breadcrumb {
  width: 100%;
  margin: 0;
}

.product-intro-strip .content .breadcrumb ul {}

.product-intro-strip .content .breadcrumb ul li {}

.product-intro-strip .content .breadcrumb ul li.last {}

.product-intro-strip .content .breadcrumb ul li a {}

.product-intro-strip .content .breadcrumb ul li a:hover {}

.product-intro-strip .content .highlight-wrapper {
  max-width: 30rem;
  width: 100%;
}

.product-intro-strip .content .highlight-wrapper .product_highlight {
  width: 100%;
  float: none;
  margin: 0;
  border-radius: 1.6rem;
  overflow: hidden;
  background: var(--dark);
  box-shadow: var(--shadow);
}

.product-intro-strip .content .highlight-wrapper .product_highlight > a > img{
  background: white;
  border-color: 8px;
  border-radius: 8px;
  width: 100%;
  max-width: 96px;
}
.product-intro-strip .content .highlight-wrapper .product_highlight .holder {
  margin: 0 0 1.6rem;
  flex-direction: column;
}

.product-intro-strip .content .highlight-wrapper .product_highlight .holder>a {
  width: 100%;
}

.product-intro-strip .content .highlight-wrapper .product_highlight .holder .img_select {
  width: calc(100% - 4px);
  flex-direction: row;
  gap: 2px;
  margin: 2px;
}

.product-intro-strip .content .highlight-wrapper .product_highlight .holder .img_select figure {
  margin: 0;
  border: none;
  box-shadow: none;
  position: relative;
}

.product-intro-strip .content .highlight-wrapper .product_highlight .holder .img_select figure.active,
.product-intro-strip .content .highlight-wrapper .product_highlight .holder .img_select figure:hover {
  box-shadow: none;
}

.product-intro-strip .content .highlight-wrapper .product_highlight .holder .img_select figure.active::after,
.product-intro-strip .content .highlight-wrapper .product_highlight .holder .img_select figure:hover::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--dark);
  opacity: .25;
}

.product-intro-strip .content .highlight-wrapper .product_highlight ul {
  padding: 0 1.6rem;
  list-style: none;
}

.product-intro-strip .content .highlight-wrapper .product_highlight ul li {
  font-weight: 600;
  color: var(--off-white);
  font-size: 1.6rem;
}

.product-intro-strip .content .highlight-wrapper .product_highlight form.add_to_cart {
  padding: 1.6rem;
}

.product-intro-strip .content .highlight-wrapper .product_highlight form.add_to_cart .cart_quantity label.qty-label {
  margin: 0;
  font-size: 1.2rem;
  float: none;
}

.product-intro-strip .content .highlight-wrapper .product_highlight form.add_to_cart .cart_quantity input.quantity_validation {
  margin: 4px 0 0;
  border-radius: 0;
  background-color: #282828;
  border: none;
  border-bottom: 3px solid var(--main);
  color: var(--off-white);
}

.product-intro-strip .content .highlight-wrapper .product_highlight form.add_to_cart a.superbutton {
  margin: 1.6rem 0 0 !important;
}

.product-intro-strip .content .content-wrapper {
  width: calc(100% - 33.2rem);
}

.product-strip03 .content .menu_list ul.pages {
  display: flex;
  gap: 1.6rem;
  flex-wrap: wrap;
}

.product-strip03 .content .menu_list ul.pages li {
  margin: 0;
  width: calc(50% - calc(1.6rem / 2));
  float: none;
}

#records_display .card.products_not_found {
  padding: 0 !important;
  background: none !important;
}

#records_display .card.products_not_found:hover {
  box-shadow: none !important;
}

#records_display .card.products_not_found h6,
#records_display .card.products_not_found:hover h6 {
  color: var(--white) !important;
}

@media screen and (max-width: 380px) {
  input.cart_product_quantity {
    width: 100%;
  }

  input.superbutton.cart_product_submit {
    margin: 10px 0 0;
    width: 100%;
  }
}

.home-filter {
  padding-bottom: 5rem;
}

.home-filter .content .widget .title {
  font-family: var(--font-heading);
  margin-bottom: 1.6rem;
  text-align: center;
  font-size: 3.2rem;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--off-white);
  line-height: 1.2;
}

.home-filter .content .widget .content_form {
  background: none !important;
}

.home-filter .content .widget .content_form .form_holder form#product_search_widget_form {
  justify-content: center;
  gap: 1.6rem;
}

.home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width {
  width: calc(25% - calc(1.6rem * 3 / 4));
}

.home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(6),
.home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(7),
.home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(8) {
  width: calc(33.3333% - calc(12rem * 2 / 3) - calc(1.6rem * 4 / 3));
}

.home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(9),
.home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(10) {
  width: 12rem;
}

.home-filter .content .widget .content_form .form_holder form#product_search_widget_form input,
.home-filter .content .widget .content_form .form_holder form#product_search_widget_form select,
.home-filter .content .widget .content_form .form_holder form#product_search_widget_form textarea {
  margin: 0;
  background: #282828;
  color: var(--off-white);
}

.home-filter .content .widget .content_form .form_holder form#product_search_widget_form input.superbutton {
  background: none;
  color: var(--off-white);
  border-color: var(--off-white);
  margin-top: 1.6rem;
}

.home-filter .content .widget .content_form .form_holder form#product_search_widget_form input.superbutton:hover {
  background: var(--off-white);
  color: var(--dark);
}

#records_display .card-body ul {
  list-style: none;
  margin: 0;
  display: flex;
  gap: .8rem
}

#records_display .card-body ul li {
  font-weight: 600;
  color: var(--off-white);
  font-size: 1.6rem;
}

#records_display .card-body ul li.strike {
  text-decoration: line-through;
  color: var(--off-white);
}

.accordion-flush .accordion-collapse .accordion-body select,
.accordion-flush .accordion-collapse .accordion-body input {
  border-radius: 0;
  border: none;
  background-color: #282828;
  color: var(--off-white);
  border-bottom: 2px solid var(--main);
}

.accordion-flush .accordion-collapse .accordion-body button.btn {
  width: auto;
  border: 2px solid var(--off-white);
  padding: 8px 16px 7px;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 1px;
  background: none;
  color: var(--off-white);
  margin: 5px 0 0 0;
  height: auto;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  float: none;
  text-decoration: none;
  text-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  transition: 0.3s ease;
  width: 100%;
}

.accordion-flush .accordion-collapse .accordion-body button.btn:hover {
  background: var(--off-white);
  color: var(--dark);
}

.strip03 {
  padding: 10rem 3rem;
}

.box_list.news-list.dark-list .past_news {
  width: calc(50% - .8rem);
}

@media screen and (max-width: 1080px) {
  header.full_header .jqueryslidemenu .right-content .bottom-bar ul li a {
    letter-spacing: 0;
    padding-inline: .8rem;
  }

  .banner-container-constrained ul.ms-banner-constrained li .banner-details .banner-content {
    width: 65%;
  }
}

@media screen and (max-width: 960px) {
  .banner-container-constrained {
    background: var(--dark);
  }

  .banner-container-constrained ul.ms-banner-constrained li::after {
    display: none !important;
  }

  .banner-container-constrained ul.ms-banner-constrained li .banner-details {
    position: initial;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    transform: translate(0, 0);
    height: auto;
    padding: 0.2rem 3rem 5rem;
    background: none;
  }

  .banner-container-constrained ul.ms-banner-constrained li .banner-details .banner-content .small-title {
    font-size: 1.8rem;
  }

  .banner-container-constrained ul.ms-banner-constrained li .banner-details .banner-content .title {
    font-size: 3.6rem;
  }

  .banner-container-constrained ul.ms-banner-constrained li .banner-details .banner-content .description {
    margin: 0 auto 3rem !important;
  }

  .banner-container-constrained ul.ms-banner-constrained li .banner-details .banner-content {
    width: 100%;
    max-width: 768px;
  }

  .strip01 {
    padding: 5rem 0 5rem 3rem;
  }

  .strip01 .content .editable_content {
    width: 100%;
    padding-right: 3rem;
  }

  .strip01 .image-holder {
    width: 100%;
    max-width: 768px;
    margin-left: auto;
    height: auto;
  }

  .home-filter {
    padding-top: 9rem;
  }

  .home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(9),
  .home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(10),
  .home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(6),
  .home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(7),
  .home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(8),
  .home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width {
    width: calc(50% - .8rem);
  }

  .home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(2) {
    width: 100%;
  }

  .strip03 {
    padding: 5rem 3rem;
  }

  .product-list .box {
    margin: 0 !important;
    width: calc(50% - .8rem);
  }

  .products_container {
    flex-direction: column;
  }

  .product-list-page .filter_container {
    width: 100%;
    padding: 0 0 2rem;
    margin: 0 0 2rem;
    border-right: none;
    border-bottom: 2px solid hsla(0 0% 0% / .1);
  }

  .product-list-page .content .products_container .flex-1 {
    width: 100%;
    padding: 0;
  }

  .filter_container h5 {
    position: relative;
    border-bottom: 2px solid hsla(0 0% 0% / .1);
    padding-bottom: 1.6rem;
  }

  .filter_container h5::after,
  .filter_container h5::before {
    content: '';
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
    height: 2px;
    width: 1.6rem;
    background: var(--dark);
    transition: var(--animate);
  }

  .filter_container h5::after {
    transform: rotate(90deg);
  }

  .filter_container.active h5::before {
    opacity: 0;
  }

  .product-intro-strip .content {
    flex-direction: column;
  }

  .product-intro-strip .content .content-wrapper {
    width: 100%;
  }

  .product-intro-strip {
    padding-bottom: 8rem;
  }

  .product-strip02 {
    padding: 3rem;
  }

  .product-strip03 .content .menu_list ul.pages li {
    width: calc(50% - .8rem);
  }

  .box_list.news-list.dark-list .past_news {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .product-list .box {
    margin: 0 !important;
    width: 100%;
  }

  .product-list-page .content .with_bg .form form {
    flex-direction: column;
  }

  .product-strip03 .content .menu_list ul.pages li,
  .product-list-page .content .with_bg .form form input.superbutton,
  .product-list-page .content .with_bg .form form input.search_input {
    width: 100%;
  }
}

@media screen and (max-width: 560px) {
  .home-filter {
    padding-top: 5rem;
  }

  .product-intro-strip {
    padding-bottom: 5rem;
  }
}

@media screen and (max-width: 480px) {

  .home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(9),
  .home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(10),
  .home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(6),
  .home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(7),
  .home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width:nth-child(8),
  .home-filter .content .widget .content_form .form_holder form#product_search_widget_form .forth_width {
    width: 100%;
  }
}

/* ----- New Styles ----- */
.jqueryslidemenu ul li.mobile-item {
  display: none;
}


.manu-page .content {
  display: flex;
  gap: 6.4rem;
  max-width: 120rem;
  width: 100%;
  flex-wrap: wrap;
}

.manu-page .content .editable_content {
  max-width: 42rem;
  width: 100%;
}

.manu-page .content .box_list {
  max-width: calc(100% - 48.4rem);
  width: 100%;
  gap: 1.6rem;
}

.manu-list .box {
  margin: 0 !important;
  width: calc(100% / 3 - calc(1.6rem * 2 / 3));
  padding: 1.6rem;
  border-radius: .8rem;
  background: white;
  box-shadow: var(--shadow);
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.manu-list .box img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
  margin: 0;
}

@media screen and (max-width: 1260px) {
  header.full_header .jqueryslidemenu nav ul {
    gap: 2.4rem;
  }
}

@media screen and (max-width: 1140px) {
  header.full_header .jqueryslidemenu nav ul li a {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 1060px) {
  header.full_header .jqueryslidemenu a.logo {
    width: 20rem;
  }

  header.full_header .jqueryslidemenu nav {
    width: calc(100% - 20rem - 2.4rem);
  }

  header.full_header .jqueryslidemenu nav ul {
    gap: 2rem;
  }
}

@media screen and (max-width: 960px) {

  .manu-page .content .editable_content,
  .manu-page .content .box_list {
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .manu-list .box {
    width: calc(100% / 2 - calc(1.6rem / 2));
  }
}

.manu-list-strip {
  background: var(--light);
}

.manu-list-strip .box_list {
  gap: 1.6rem;
  display: flex;
  flex-wrap: wrap;
}

.manu-list-strip .box_list .box {
  margin: 0 !important;
  width: calc(100% / 3 - calc(1.6rem * 2 / 3));
  border-radius: .8rem;
  overflow: hidden;
  box-shadow: var(--shadow);
  padding: 0;
  background: white;
}

.manu-sub-page {
  background: var(--light);
}

.manu-sub-page .content {
  max-width: 1260px;
  display: flex;
  flex-wrap: wrap;
  gap: 0 2.4rem;
}

.manufacturer-header,
.manu-sub-page .content .top-content {
  display: flex;
  flex-wrap: wrap;
  gap: 3.2rem;
  align-items: flex-start;
  width: 100%;
  flex-direction: column;
}

.manufacturer-header .manufacturer-logo,
.manu-sub-page .content .top-content .logo_area {
  max-width: 32rem;
  width: 100%;
  padding: 1.6rem;
  border-radius: .8rem;
  overflow: hidden;
  background: white;
  box-shadow: var(--shadow);
}

.manufacturer-header .manufacturer-logo img,
.manu-sub-page .content .top-content .logo_area img {
  width: 100%;
  height: auto;
  margin: 0;
}

.manufacturer-header .editable_content,
.manu-sub-page .content .top-content .editable_content {
  width: 100%;
}

.manu-sub-page .content hr {
  width: 100%;
}

.manu-sub-page .content aside {
  max-width: 32rem;
  width: 100%;
  padding-right: 2.4rem;
  border-right: 3px solid hsla(0 0% 0% / .1);
}

.manu-sub-page .content .box_list {
  width: calc(100% - 34.4rem);
  display: flex;
  gap: 1.6rem;
  padding-block: 1.6rem;
  flex-wrap: wrap;
}

.manu-sub-page .content .box_list .box {
  margin: 0;
  width: calc(100% / 3 - calc(1.6rem * 2 / 3));
  float: none;
  background: white;
  border-radius: .8rem;
  padding: 0;
  transition: var(--animate);
}

.manu-sub-page .content .box_list .box:hover {
  box-shadow: var(--shadow);
}

.manu-sub-page .content .box_list .box .content-wrapper {
  padding: 1.6rem;
  text-align: left;
}

.manu-sub-page .content .box_list .box .content-wrapper ul.pricing {
  list-style: none;
  margin: 0;
  display: flex;
  gap: .8rem;
}

.manu-sub-page .content .box_list .box .content-wrapper ul.pricing li {
  font-weight: 600;
  color: var(--dark);
  font-size: 1.6rem;
  line-height: 1.1;
}

.manu-sub-page .content .box_list .box .content-wrapper .h4.title,
.manu-sub-page .content .box_list .box .content-wrapper .h4.title a {
  text-align: left;
  color: var(--dark);
  font-size: 2rem;
  line-height: 1.2;
  font-family: var(--font-heading);
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 0;
  margin: 0;
}

.manu-sub-page .content .box_list .box .content-wrapper .h4.title a:hover {
  color: var(--main);
}

@media screen and (max-width: 960px) {

  .manufacturer-header,
  .manu-sub-page .content,
  .manu-sub-page .content .top-content {
    flex-direction: column;
    gap: 2.4rem;
    margin-bottom: 2.4rem;
  }

  .manufacturer-header .editable_content,
  .manu-sub-page .content aside,
  .manu-sub-page .content .top-content .editable_content {
    width: 100%;
    max-width: 100%;
  }

  .manu-sub-page .content aside {
    border-right: 0;
    padding-right: 0;
    padding-bottom: 2.4rem;
    border-bottom: 3px solid hsla(0 0% 0% / .1);
  }

  .manu-sub-page .content .box_list {
    width: 100%;
    padding: 0;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 768px) {
  .manu-sub-page .content .box_list .box {
    width: calc(100% / 2 - calc(1.6rem / 2));
  }
}

@media screen and (max-width: 460px) {
  .manu-sub-page .content .box_list .box {
    width: 100%;
  }
}

.dealer-page {
  background: #1a1a1a;
}

.dealer-page .content {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  max-width: 120rem;
  width: 100%;
}

.dealer-page .content .editable_content {
  max-width: 50%;
  width: 100%;
}

.dealer-page .content .product-list .box {
  width: calc(100% / 4 - calc(1.6rem * 3 / 4));
}

.dealer-page .content .product-list .box .box-content a.title:hover {
  color: var(--main);
}

.dealer-page .content .product-list .box .box-content p.box_links {
  margin: 0;
  padding: .8rem 0;
  border-top: 2px solid hsla(0 0% 100% / .08);
}

.dealer-page .content .product-list .box .box-content p.box_links a {
  color: var(--off-white);
}

.dealer-page .content .product-list .box .box-content p.box_links a:hover {
  color: var(--second);
  text-decoration: none;
}

.content_container.social-strip {
  background: var(--main);
  padding-block: 4.8rem;
}

.social-strip .social_media {}

.social-strip .social_media ul {
  float: none;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 1.6rem;
}

.social-strip .social_media ul li {
  float: none;
  padding: 0;
}

.social-strip .social_media ul li a {
  width: 4.8rem;
  height: 4.8rem;
  border: 2px solid white;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  font-size: 2rem;
  line-height: 1;
  text-decoration: none;
  transition: var(--animate);
}

.social-strip .social_media ul li a:hover {
  background: white;
  color: var(--main);
}

.social-strip .social_media ul li a i {
  font-size: 2rem;
  line-height: 1;
}

div.message_wrapper {
  margin: 0 0 1.6rem;
  height: auto;
  width: 100%;
}

.message_positive,
.message_negative {
  background: var(--danger);
  color: white;
  padding: 1.6rem;
  text-align: center;
  border-radius: .8rem;
  display: block;
}

.message_positive {
  background: var(--success);
}

.message_positive p,
.message_negative p {
  margin: 0;
}

#records_display .card-body>img {
  max-height: unset;
  width: 100% !important;
  max-width: 96px;
  margin: 1.2rem 0 0;
  padding: 8px;
  border-radius: 8px;
  background: white;
}

.product-intro-strip div.message_wrapper .message_positive {
  /*
  background: white;
  box-shadow: var(--shadow);
  color: var(--dark);
  border-radius: 40rem;
  position: relative;
  height: 4.8rem;
  padding: 0;
  text-align: left;
  padding-left: 5.6rem;
  display: flex;
  align-items: center;*/
  display: flex;
  gap: 1.6rem;
}

.product-intro-strip div.message_wrapper .message_positive p {
  text-align: left;
  width: 100%;
  color: white;
  text-transform: none;
}

.product-intro-strip .content .highlight-wrapper .product_highlight>a img {
  max-width: 12rem;
  margin: .8rem 0 .8rem 1.6rem;
}

@media screen and (max-width: 420px) {
  .product-intro-strip div.message_wrapper .message_positive p {
    font-size: 1.4rem;
  }
}

.product-intro-strip div.message_wrapper .message_positive a.cart_message_link {
  /*width: 4.8rem;
  height: 4.8rem;
  background: var(--success);
  border-radius: 50%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  position: absolute;
  font-size: 2rem;
  line-height: 1;*/
  float: none;
  padding: 0;
}

.product-intro-strip div.message_wrapper .message_positive a.cart_message_link i {
  font-size: 1.6rem;
  height: auto;
  width: auto;
  line-height: 1;
  margin: 0;
}

.product-strip02 .content .spec-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}

.product-strip02 .content .spec-wrapper .icons {
  width: calc(100% / 4 - calc(1.6rem * 3 / 4));
  margin: 0;
  margin-top: 2.4rem;
  position: relative;
  float: none;
  border: 1px solid hsla(0 0% 100% / .16);
  background: hsla(0 0% 100% / .08);
  padding: 3.2rem 1.6rem 1.6rem;
  border-radius: .8rem;
}

.product-strip02 .content .spec-wrapper .icons span {
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ca6b5e;
  background: #bf4f3e;
  border-radius: 50%;
  position: absolute;
  top: -2.4rem;
  left: calc(50% - 2.4rem);
}

.product-strip02 .content .spec-wrapper .icons p {
  margin: 0;
}

.content_container.product-strip04 {
  background: #1a1a1a;
}

.content_container.product-strip04 .product-list .box .box-content a.title {
  margin: 0;
}

.content_container.product-strip04 .logo_area {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.content_container.product-strip04 .logo_area .logos {
  width: 100%;
  max-width: 32rem;
  background: white;
  padding: 1.6rem;
  border-radius: .8rem;
  overflow: hidden;
  box-shadow: var(--shadow);
}

.content_container.product-strip04 .logo_area .logos img {
  width: 100%;
  height: auto;
}

.product-strip03 {
  padding-bottom: 40px;
}

.cart_totals .cart_subtotal.discount-item {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  align-items: flex-end;
}

.discount-wrapper {
  position: relative;
  height: 4rem;
  padding: 1px 5.6rem 0 2.4rem;
  border: 1px solid hsla(0 0% 100% / .16);
  border-radius: 4rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600;
  color: white;
}

.discount-wrapper form input {
  width: 4rem;
  height: 4rem;
  border: none;
  position: absolute;
  top: -1px;
  right: -1px;
  padding: 0;
  border-radius: 50%;
  background: var(--main);
  color: white;
  font-size: 1.4rem;
  transition: var(--animate);
}

.discount-wrapper form input:hover {
  background: white;
  color: var(--dark);
}

@media screen and (max-width: 960px) {
  .dealer-page .content .editable_content {
    max-width: 100%;
  }

  .dealer-page .content .product-list .box {
    width: calc(100% / 3 - calc(1.6rem * 2 / 3));
  }

  .product-list-page .content .products_container .flex-1 hr {
    display: none;
  }

  .filter_container .accordion {
    height: 0;
    margin: 0;
    overflow: hidden;
  }

  .filter_container.active .accordion {
    height: auto;
    margin: 0;
    overflow: hidden;
  }

  .filter_container h5 {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
  }

  .filter_container.active h5 {
    margin-bottom: 1.6rem;
  }

  .filter_container.active h5::before {
    opacity: 1;
  }

  .filter_container.active h5::after {
    opacity: 0;
  }

  .product-strip02 .content .spec-wrapper .icons {
    width: calc(100% / 2 - calc(1.6rem / 2));
  }
}

@media screen and (max-width: 680px) {
  .dealer-page .content .product-list .box {
    width: calc(100% / 2 - calc(1.6rem / 2));
  }
}

@media screen and (max-width: 540px) {
  .product-strip02 .content .spec-wrapper .icons {
    width: 100%;
  }
}

@media screen and (max-width: 460px) {
  .dealer-page .content .product-list .box {
    width: 100%;
  }
}

/* ---------- 7. Footer ---------- */
footer {
  background: #1a1a1a;
  border-top: 1px solid var(--off-white);
  margin-top: auto;
  padding: 3.2rem 3.2rem 1.6rem;
}

footer .content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.6rem 3.2rem;
  max-width: 126rem;
}

footer a.logo {
  width: 20rem;
  display: block;
}

footer a.logo img {
  width: 100%;
  height: auto;
}

footer .h4 {
  color: white;
  font-size: 2rem;
  line-height: 1;
  margin: 0 0 .8rem;
}

footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

footer ul li,
footer ul li a {
  margin: 0;
  padding: 0;
  color: white;
  font-size: 1.4rem;
}

footer ul li a {
  text-decoration: none;
}

footer ul li a:hover {
  color: hsla(0 0% 100% / .64);
}

footer .sitemap {
  width: 32rem;
}

footer .sitemap ul {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem 1.6rem;
}

footer .sitemap ul li {
  width: calc(50% - (1.6rem * 2 / 3));
}

footer .footer-contact,
footer .footer-social {
  width: auto;
}

footer .social_media ul {
  display: flex;
  gap: calc(1.6rem / 2);
  justify-content: flex-start;
  margin: 0;
  width: 100%;
}

footer .social_media ul li {
  padding: 0;
}

footer .social_media ul li a {
  width: 2.8rem;
  height: 2.8rem;
}

footer .social_media ul li a {
  background: white;
  color: var(--dark);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

footer .social_media ul li a:hover {
  background: var(--main);
  color: white;
}

footer .social_media ul li a i {
  font-size: 1.6rem;
}

footer p.signature {
  width: 100%;
  text-align: center;
  color: white;
  font-size: 1.2rem;
  line-height: 1.2;
  padding-top: 1.6rem;
  border-top: 2px solid hsla(0 0% 100% / .1);
  margin: 0;
}

footer p.signature a {
  color: white;
  text-decoration: none;
}

footer p.signature a:hover {
  color: hsla(0 0% 100% / .64);
}

/* Vertical Footer */
footer.vertical-footer .content {
  flex-direction: column;
  gap: 2.4rem;
  align-items: center;
}

footer.vertical-footer .sitemap,
footer.vertical-footer .footer-contact,
footer.vertical-footer .footer-social {
  width: 100%;
  padding-top: 2.4rem;
  border-top: 2px solid hsla(0 0% 100% / .08);
}

footer.vertical-footer .sitemap ul {
  justify-content: space-around;
}

footer.vertical-footer .sitemap ul li {
  width: auto;
}

footer.vertical-footer .footer-contact ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

footer.vertical-footer .footer-contact li {
  text-align: center;
  width: 33.3333%;
}

footer.vertical-footer .footer-contact strong {
  display: block;
}

footer.vertical-footer .h4 {
  text-align: center;
  margin: 0 0 1.2rem;
}

footer.vertical-footer .social_media ul {
  justify-content: center;
}

@media screen and (max-width: 960px) {
  footer {
    padding: 2.4rem 2.4rem 1.6rem;
  }

  footer .content {
    flex-direction: column;
    align-items: center;
    gap: 4rem;
    text-align: center;
  }

  footer .footer-social,
  footer .footer-contact,
  footer .sitemap,
  footer .sitemap ul li {
    width: 100%;
  }

  footer .social_media ul {
    justify-content: center;
  }

  footer.vertical-footer .footer-contact li,
  footer.vertical-footer .sitemap ul li {
    width: 100%;
  }

  footer.vertical-footer .footer-contact ul,
  footer.vertical-footer .sitemap ul {
    gap: 1.2rem;
  }

  .home-filter .content .widget .title {
    position: relative;
    padding: 0;
    margin: 0;
    text-align: left;
  }

  .home-filter .content .widget.active .title {
    margin: 0 0 1.6rem;
  }

  .home-filter .content .widget .title::after,
  .home-filter .content .widget .title::before {
    content: '';
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
    height: 2px;
    width: 1.6rem;
    background: var(--main);
    transition: var(--animate);
  }

  .home-filter .content .widget .title::after {
    transform: rotate(90deg);
  }

  .home-filter .content .widget.active .title::after {
    opacity: 0;
  }

  .home-filter .content .widget .content_form {
    overflow: hidden;
    opacity: 0;
    height: 0;
  }

  .home-filter .content .widget.active .content_form {
    opacity: 1;
    height: auto;
  }
}

input[name="hp_comment_verification"] {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  white-space: nowrap !important;
  border: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
}
header.full_header{
  padding-inline: 0;
}
header.full_header nav.top-nav-bar{
  background: var(--main);
}
header.full_header nav.top-nav-bar ul,
header.full_header .jqueryslidemenu{
  padding-inline: 3.2rem;
  max-width: 1328px;
}
header.full_header nav.top-nav-bar ul{
  width: 100%;
  margin: 0 auto;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3.2rem;
}
header.full_header nav.top-nav-bar ul li a{
  text-decoration: none;
  color: white;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-size: 1.4rem;
  line-height: 1;
  padding: 1.2rem 1.6rem;
  display: block;
  font-family: 'Poppins', sans-serif;
}
header.full_header nav.top-nav-bar ul li.Selected a,
header.full_header nav.top-nav-bar ul li.Selected a:hover,
header.full_header nav.top-nav-bar ul li a:hover{
  background: hsla(0 0% 0% / .08);
}
@media screen and (max-width: 1060px){
  header.full_header nav.top-nav-bar ul li a{
    font-size: 1.4rem;
  }
}
.content_container.orange.about-strip02::after{
  display: none;
}
@media screen and (max-width: 960px){
  .products_list.container{
    padding-top: 3.2rem;
  }
}
.product_cart_title a{
  text-decoration: none;
}
.product_cart_title a:hover strong{
  color: var(--main)
}
.product-details{
  padding-left: 12px;
}
.product_cart_sku{
  font-size: 1.4rem;
  font-style: italic;
}
.product_cart_shipping_notice{
  font-size: 1.4rem;
  line-height: 1.3;
  padding: .8rem;
  border-radius: .4rem;
  background: hsla(0 0% 100% / .04);
  border: 1px solid hsla(0 0% 100% / .04);
}
@media screen and (max-width: 450px){
.product-details{
  padding-left: 0;
  padding-bottom: 12px;
}
}
.cart-checkout #payment-container{
  padding: 20px 0 0;
  margin: 0;
  box-shadow: none;
  background: transparent;
}
.cart-checkout .StripeElement{
  background: none;
  padding: 0;
  border: none;
}
.cart-checkout .StripeElement .Tab--selected{
  color: var(--main) !important;
}
@media screen and (max-width: 960px){
  .cart-success-wrapper{
    flex-direction: column;
  }
  .product-intro-strip .content .highlight-wrapper{
    max-width: 100%;
  }
}