@import url(https://fonts.googleapis.com/css?family=Epilogue:200,400,300|Inter:500,400,300);

:root {
  color-scheme: only light;
  --widget-card-background-blur: 8px;
  --widget-card-background-opacity: 0.4; /* default opacity for .widget-card-opacity context */
  --widget-card-background-opacity-default: 1; /* opacity outside .widget-card-opacity */
}

body, input, select, textarea, button, label, legend, .ui-btn, p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h0, .h7, .h8, .h9, .h10, .h11, .h12 {
  font-family: "Inter",sans-serif;
}

.hyphenated p, p.hyphenated, .hyphenated h1, h1.hyphenated, .hyphenated .h1, .h1.hyphenated, .hyphenated h2, h2.hyphenated, .hyphenated .h2, .h2.hyphenated, .hyphenated h3, h3.hyphenated, .hyphenated .h3, .h3.hyphenated, .hyphenated h4, h4.hyphenated, .hyphenated .h4, .h4.hyphenated, .hyphenated h5, h5.hyphenated, .hyphenated .h5, .h5.hyphenated, .hyphenated h6, h6.hyphenated, .hyphenated .h6, .h6.hyphenated, .hyphenated {
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

h1.h0, .h0, h1.h0.top-bar.top-bar-dark .top-bar-btn-join.btn-join.ui-link, .top-bar.top-bar-dark .top-bar-btn-join.btn-join.ui-link:visited a, .h0 a, h1.h0 a.ui-link, .h0 a.ui-link {
  font-size: 3.25rem;
}


h1, .h1, h1 a, .h1 a, h1 a.ui-link, .h1 a.ui-link {
  margin:0;
  padding: 8px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter",sans-serif;
  font-size: 1.493rem;
  line-height: 1em;
  letter-spacing: 0.03em;

}

h2, .h2, h2 a, .h2 a, h2 a.ui-link, .h2 a.ui-link {
  margin:0;

  padding: 8px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter",sans-serif;
  font-size: 1.493rem;
  line-height: 1em;
  letter-spacing: 0.03em;

}

h3, .h3, h3 a, .h3 a, h3 a.ui-link, .h3 a.ui-link {
  margin:0;
  padding: 8px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter",sans-serif;
  font-size: 1.095rem;
  line-height: 1em;
  letter-spacing: 0.03em;

}

h4, .h4, h4 a, .h4 a, h4 a.ui-link, .h4 a.ui-link {
  margin:0;
  padding: 8px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter",sans-serif;
  font-size: 0.9375rem;
  line-height: 1.3em;
  letter-spacing: 0.03em;

}

h5, .h5, h5 a, .h5 a, h5 a.ui-link, .h5 a.ui-link {
  margin:0;
  padding: 8px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter",sans-serif;
  font-size: 0.9375rem;
  line-height: 1.3em;
  letter-spacing: 0.03em;

}

h6, .h6, h6 a, .h6 a, h6 a.ui-link, .h6 a.ui-link {
  margin:0;
  padding: 8px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter",sans-serif;
  font-size: 0.875rem;
  line-height: 1.3em;
  letter-spacing: 0.03em;

}

@media all and (min-width: 60em) {

  h1.h0, .h0, h1.h0 a, .h0 a, h1.h0 a.ui-link, .h0 a.ui-link {
    font-size: 6rem;
  }

  h1, .h1, h1 a, .h1 a, h1 a.ui-link, .h1 a.ui-link {
    font-size: 2.09rem;
  }

  h2, .h2, h2 a, .h2 a, h2 a.ui-link, .h2 a.ui-link {
    font-size: 1.692rem;
  }

  h3, .h3, h3 a, .h3 a, h3 a.ui-link, .h3 a.ui-link {
    font-size: 1.294rem;
  }

  h4, .h4, h4 a, .h4 a, h4 a.ui-link, .h4 a.ui-link {
    font-size: 1.095rem;
  }

  h5, .h5, h5 a, .h5 a, h5 a.ui-link, .h5 a.ui-link {
    font-size: 0.9375rem;
  }

  h6, .h6, h6 a, .h6 a, h6 a.ui-link, .h6 a.ui-link {
    font-size: 0.896rem;
  }
}

.h1, .h1 a, .h1 a.ui-link, .h1 a:visited, .h1 a.ui-link:visited {
  margin:0;
  padding: 8px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 200;
  font-family: "Epilogue",sans-serif;
  font-size: 2.25rem;
  line-height: 1em;
  letter-spacing: 0.03em;
}

@media all and (min-width: 60em) {
  .h1, .h1 a, .h1 a.ui-link, .h1 a:visited, .h1 a.ui-link:visited {
    font-size: 4.677rem;
  }
}


.h2, .h2 a, .h2 a.ui-link, .h2 a:visited, .h2 a.ui-link:visited {
  margin:0;
  padding: 8px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 200;
  font-family: "Epilogue",sans-serif;
  font-size: 1.875rem;
  line-height: 1em;
  letter-spacing: 0.03em;
}

@media all and (min-width: 60em) {
  .h2, .h2 a, .h2 a.ui-link, .h2 a:visited, .h2 a.ui-link:visited {
    font-size: 3.881rem;
  }
}


.h3, .h3 a, .h3 a.ui-link, .h3 a:visited, .h3 a.ui-link:visited {
  margin:0;
  padding: 8px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 200;
  font-family: "Epilogue",sans-serif;
  font-size: 1.493rem;
  line-height: 1em;
  letter-spacing: 0.03em;
}

@media all and (min-width: 60em) {
  .h3, .h3 a, .h3 a.ui-link, .h3 a:visited, .h3 a.ui-link:visited {
    font-size: 2.09rem;
  }
}


.h4, .h4 a, .h4 a.ui-link, .h4 a:visited, .h4 a.ui-link:visited {
  margin:0;
  padding: 8px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 200;
  font-family: "Epilogue",sans-serif;
  font-size: 1.493rem;
  line-height: 1.3em;
  letter-spacing: 0.03em;
}

@media all and (min-width: 60em) {
  .h4, .h4 a, .h4 a.ui-link, .h4 a:visited, .h4 a.ui-link:visited {
    font-size: 1.692rem;
  }
}


.h5, .h5 a, .h5 a.ui-link, .h5 a:visited, .h5 a.ui-link:visited {
  margin:0;
  padding: 8px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 200;
  font-family: "Epilogue",sans-serif;
  font-size: 1.493rem;
  line-height: 1.3em;
  letter-spacing: 0.03em;
}

@media all and (min-width: 60em) {
  .h5, .h5 a, .h5 a.ui-link, .h5 a:visited, .h5 a.ui-link:visited {
    font-size: 1.692rem;
  }
}


.h6, .h6 a, .h6 a.ui-link, .h6 a:visited, .h6 a.ui-link:visited {
  margin:0;
  padding: 8px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 200;
  font-family: "Epilogue",sans-serif;
  font-size: 0.9375rem;
  line-height: 1.3em;
  letter-spacing: 0.03em;
}

@media all and (min-width: 60em) {
  .h6, .h6 a, .h6 a.ui-link, .h6 a:visited, .h6 a.ui-link:visited {
    font-size: 1.294rem;
  }
}


.h7, .h7 a, .h7 a.ui-link, .h7 a:visited, .h7 a.ui-link:visited {
  margin:0;
  padding: 8px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 200;
  font-family: "Epilogue",sans-serif;
  font-size: 0.9375rem;
  line-height: 1.3em;
  letter-spacing: 0.03em;
}

.h7 strong, .h7 a strong, .h7 a.ui-link strong {
  font-weight: 400;
}

@media all and (min-width: 60em) {
  .h7, .h7 a, .h7 a.ui-link, .h7 a:visited, .h7 a.ui-link:visited {
    font-size: 1rem;
  }
}


.h8, .h8 a, .h8 a.ui-link, .h8 a:visited, .h8 a.ui-link:visited {
  margin:0;
  padding: 8px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 200;
  font-family: "Epilogue",sans-serif;
  font-size: 0.9375rem;
  line-height: 1.3em;
  letter-spacing: 0.03em;
}

.h8 strong, .h8 a strong, .h8 a.ui-link strong {
  font-weight: 400;
}

@media all and (min-width: 60em) {
  .h8, .h8 a, .h8 a.ui-link, .h8 a:visited, .h8 a.ui-link:visited {
    font-size: 1rem;
  }
}


.h9, .h9 a, .h9 a.ui-link, .h9 a:visited, .h9 a.ui-link:visited {
  margin:0;
  padding: 9px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 200;
  font-family: "Epilogue",sans-serif;
  font-size: 0.9375rem;
  line-height: 1.3em;
  letter-spacing: 0.03em;
}

.h9 strong, .h9 a strong, .h9 a.ui-link strong {
  font-weight: 400;
}

@media all and (min-width: 60em) {
  .h9, .h9 a, .h9 a.ui-link, .h9 a:visited, .h9 a.ui-link:visited {
    font-size: 1rem;
  }
}


.h10, .h10 a, .h10 a.ui-link, .h10 a:visited, .h10 a.ui-link:visited {
  margin:0;
  padding: 9px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 200;
  font-family: "Epilogue",sans-serif;
  font-size: 1.095rem;
  line-height: 1em;
  letter-spacing: 0.03em;
}

.h10 strong, .h10 a strong, .h10 a.ui-link strong {
  font-weight: 400;
}

@media all and (min-width: 60em) {
  .h10, .h10 a, .h10 a.ui-link, .h10 a:visited, .h10 a.ui-link:visited {
    font-size: 1.692rem;
  }
}


.h11, .h11 a, .h11 a.ui-link, .h11 a:visited, .h11 a.ui-link:visited {
  margin:0;
  padding: 9px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 200;
  font-family: "Epilogue",sans-serif;
  font-size: 0.9375rem;
  line-height: 1em;
  letter-spacing: 0.03em;
}

.h11 strong, .h11 a strong, .h11 a.ui-link strong {
  font-weight: 400;
}

@media all and (min-width: 60em) {
  .h11, .h11 a, .h11 a.ui-link, .h11 a:visited {
    font-size: 1rem;
  }
}


.h12, .h12 a, .h12 a.ui-link, .h12 a:visited, .h12 a.ui-link:visited {
  margin:0;
  padding: 9px 0;
  color: #111111;
  text-align: left;
  text-transform: none;
  font-weight: 200;
  font-family: "Epilogue",sans-serif;
  font-size: 1.875rem;
  line-height: 1em;
  letter-spacing: 0.03em;
}

.h12 strong, .h12 a strong, .h12 a.ui-link strong {
  font-weight: 400;
}

@media all and (min-width: 60em) {
  .h12, .h12 a, .h12 a.ui-link, .h12 a:visited, .h12 a.ui-link:visited {
    font-size: 4.876rem;
  }
}


h1 a:hover, h1 a.ui-link:hover,
h2 a:hover, h2 a.ui-link:hover,
h3 a:hover, h3 a.ui-link:hover,
h4 a:hover, h4 a.ui-link:hover,
h5 a:hover, h5 a.ui-link:hover,
h6 a:hover, h6 a.ui-link:hover,
.h1 a:hover, .h1 a.ui-link:hover,
.h2 a:hover, .h2 a.ui-link:hover,
.h3 a:hover, .h3 a.ui-link:hover,
.h4 a:hover, .h4 a.ui-link:hover,
.h5 a:hover, .h5 a.ui-link:hover,
.h6 a:hover, .h6 a.ui-link:hover,
.h7 a:hover, .h7 a.ui-link:hover,
.h8 a:hover, .h8 a.ui-link:hover,
.h9 a:hover, .h9 a.ui-link:hover,
.h10 a:hover, .h10 a.ui-link:hover,
.h11 a:hover, .h11 a.ui-link:hover,
.h12 a:hover, .h12 a.ui-link:hover {
  color: #aeaeae;
}

.ui-page-theme-a a, .ui-page-theme-a a:visited, a, a:visited, a.ui-link, a.ui-link:visited {
  transition: all 300ms ease-in-out;
  text-decoration: none;
  color: #aeaeae;
  text-transform: none;
  font-weight: 300;
  font-size: 0.8125rem;
  font-family: "Inter", sans-serif;
  letter-spacing: 0.03em;
}


.ui-page-theme-a a strong, .ui-page-theme-a a:visited strong, a strong, a:visited strong, a.ui-link strong, a.ui-link:visited strong {
  font-weight: 400;
}

@media all and (min-width: 60em) {
  .ui-page-theme-a a, .ui-page-theme-a a:visited, a, a:visited, a.ui-link, a.ui-link:visited {
    font-size: 0.8542rem;
  }
}

span[style] > a, span[style] > a.ui-link, span[style] > a.ui-link:visited,
span[style] > strong > a, span[style] > strong > a.ui-link, span[style] > strong > a.ui-link:visited {
  color: inherit;
}

strong span >  span > a, strong span > span > a.ui-link,
strong span > a, strong span > a.ui-link,
strong a, strong a.ui-link{
  font-weight: inherit;
}

.ui-page-theme-a a:hover, a:hover, a.ui-link:hover {
  color: #aeaeae;
}

.ui-mobile label, .ui-mobile legend, label, legend, div.ui-controlgroup-label {
  text-align: left;
  color: #767676;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-size: 0.8125rem;
  font-family: "Inter", sans-serif;
  line-height: 1.3em;
  letter-spacing: 0.03em;
}

.ui-mobile label strong, 
.ui-mobile legend strong, 
label strong, 
legend strong, 
div.ui-controlgroup-label strong {
  font-weight: 500;
}



@media all and (min-width: 60em) {
  .ui-mobile label, .ui-mobile legend, label, legend, div.ui-controlgroup-label {
    font-size: 0.8125rem;
  }
}

textarea.ui-input-text {
  text-align: left;
  color: #aeaeae;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-size: 0.8125rem;
  font-family: "Inter", sans-serif;
  line-height: 2em;
  letter-spacing: 0.03em;
}

@media all and (min-width: 60em) {
  textarea.ui-input-text {
    font-size: 0.8542rem;
  }
}


p, .p, ul, ol {
  margin: 0;
  color: #aeaeae;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-size: 0.8125rem;
  font-family: "Inter", sans-serif;
  line-height: 2rem;
  letter-spacing: 0.03em;
}

p strong, .p strong, ul strong, ol strong {
  font-weight: 400;
}

@media all and (min-width: 60em) {
  p, .p, ul, ol {
    font-size: 0.8542rem;
  }
}

p, .p {
  padding: 0.5em 0;
}

p sub, .p sub {
  /* line-height: 0; */
  vertical-align: baseline;
}

sub a, sub a.ui-link {
  font-size: 1em;
}

blockquote, blockquote p, blockquote ul, blockquote ol, blockquote h1, blockquote .h1, blockquote h2, blockquote .h2, blockquote h3, blockquote .h3, blockquote h4, blockquote .h4, blockquote h5, blockquote .h5, blockquote h6, blockquote .h6 {
  margin: 1em 0;
  padding: 2.5em 1.5em;
  text-align: left;
  text-transform: none;
  font-weight: 400;
  font-size: 1.095rem;
  font-family: "Epilogue", sans-serif;
  line-height: 1.3em;
  letter-spacing: 0.1em;
}

blockquote strong, blockquote p strong, blockquote ul strong, blockquote ol strong, blockquote h1 strong, blockquote .h1 strong, blockquote h2 strong, blockquote .h2 strong, blockquote h3 strong, blockquote .h3 strong, blockquote h4 strong, blockquote .h4 strong, blockquote h5 strong, blockquote .h5 strong, blockquote h6 strong, blockquote .h6 strong {
  font-weight: 700;
}


@media all and (min-width: 60em) {

  blockquote, blockquote p, blockquote ul, blockquote ol, blockquote h1, blockquote .h1, blockquote h2, blockquote .h2, blockquote h3, blockquote .h3, blockquote h4, blockquote .h4, blockquote h5, blockquote .h5, blockquote h6, blockquote .h6 {
    font-size: 1.095rem;
  }

}

blockquote.white {
  border-left: 3px solid rgba(1, 1, 1,0.9);
  background: rgba(140, 139, 140,0.04);
}

blockquote.white:before {
  background-color:  rgba(140, 139, 140,0.3);
}

blockquote.primary:before {
  color:  rgba(118, 118, 118,0.3);
}

blockquote:before {
  content: "\f10d";
  font-family: "Font Awesome 6 Pro";
  font-size: 2.6em;
  padding: 0.8em 0.86em;
  border-radius: 5em;
  color: rgba(140, 139, 140,0.5);
}

p.lead {
  font-size: 1rem;
  font-family: "", sans-serif;
  line-height: 1.6em;
  letter-spacing: em;
}

h1 strong, h1 a strong, h1 a.ui-link strong {
  font-weight: 400;
}

h2 strong, h2 a strong, h2 a.ui-link strong {
  font-weight: 400;
}

h3 strong, h3 a strong, h3 a.ui-link strong {
  font-weight: 400;
}

h4 strong, h4 a strong, h4 a.ui-link strong {
  font-weight: 400;
}

h5 strong, h5 a strong, h5 a.ui-link strong {
  font-weight: 400;
}

h6 strong, h6 a strong, h6 a.ui-link strong {
  font-weight: 400;
}


.h1 strong, .h1 a strong, .h1 a.ui-link strong {
  font-weight: 400;
}

.h2 strong, .h2 a strong, .h2 a.ui-link strong {
  font-weight: 400;
}

.h3 strong, .h3 a strong, .h3 a.ui-link strong {
  font-weight: 400;
}

.h4 strong, .h4 a strong, .h4 a.ui-link strong {
  font-weight: 400;
}

.h5 strong, .h5 a strong, .h5 a.ui-link strong {
  font-weight: 400;
}

.h6 strong, .h6 a strong, .h6 a.ui-link strong {
  font-weight: 300;
}



hr {
  border: none;
  border-top: 1px solid #1b1b1b;
}

.dark-overlay-lightest {
  box-shadow: inset 0 0 0 5120px rgba(1, 1, 1,0.1);
}

.dark-overlay-lighter {
  box-shadow: inset 0 0 0 5120px rgba(1, 1, 1,0.2);
}

.dark-overlay {
  box-shadow: inset 0 0 0 5120px rgba(1, 1, 1,0.4);
}

.dark-overlay-darker {
  box-shadow: inset 0 0 0 5120px rgba(1, 1, 1,0.6);
}

.dark-overlay-darkest {
  box-shadow: inset 0 0 0 5120px rgba(1, 1, 1,0.8);
}

.light-overlay-lightest {
  box-shadow: inset 0 0 0 5120px rgba(140, 139, 140,0.1);
}

.light-overlay-lighter {
  box-shadow: inset 0 0 0 5120px rgba(140, 139, 140,0.2);
}

.light-overlay {
  box-shadow: inset 0 0 0 5120px rgba(140, 139, 140,0.4);
}

.light-overlay-darker {
  box-shadow: inset 0 0 0 5120px rgba(140, 139, 140,0.6);
}

.light-overlay-darkest {
  box-shadow: inset 0 0 0 5120px rgba(140, 139, 140,0.8);
}

.middle-grey-overlay-lightest {
  box-shadow: inset 0 0 0 5120px rgba(39, 39, 39,0.1);
}

.middle-grey-overlay-lighter {
  box-shadow: inset 0 0 0 5120px rgba(39, 39, 39,0.2);
}

.middle-grey-overlay {
  box-shadow: inset 0 0 0 5120px rgba(39, 39, 39,0.4);
}

.middle-grey-overlay-darker {
  box-shadow: inset 0 0 0 5120px rgba(39, 39, 39,0.6);
}

.middle-grey-overlay-darkest {
  box-shadow: inset 0 0 0 5120px rgba(39, 39, 39,0.8);
}

.primary-overlay-lightest {
  box-shadow: inset 0 0 0 5120px rgba(118, 118, 118,0.1);
}

.primary-overlay-lighter {
  box-shadow: inset 0 0 0 5120px rgba(118, 118, 118,0.2);
}

.primary-overlay {
  box-shadow: inset 0 0 0 5120px rgba(118, 118, 118,0.4);
}

.primary-overlay-darker {
  box-shadow: inset 0 0 0 5120px rgba(118, 118, 118,0.6);
}

.primary-overlay-darkest {
  box-shadow: inset 0 0 0 5120px rgba(118, 118, 118,0.8);
}

.secondary-overlay-lightest {
  box-shadow: inset 0 0 0 5120px rgba(17, 17, 17,0.1);
}

.secondary-overlay-lighter {
  box-shadow: inset 0 0 0 5120px rgba(17, 17, 17,0.2);
}

.secondary-overlay {
  box-shadow: inset 0 0 0 5120px rgba(17, 17, 17,0.4);
}

.secondary-overlay-darker {
  box-shadow: inset 0 0 0 5120px rgba(17, 17, 17,0.6);
}

.secondary-overlay-darkest {
  box-shadow: inset 0 0 0 5120px rgba(17, 17, 17,0.8);
}

.accent-1-overlay-lightest {
  box-shadow: inset 0 0 0 5120px rgba(27, 27, 27,0.1);
}

.accent-1-overlay-lighter {
  box-shadow: inset 0 0 0 5120px rgba(27, 27, 27,0.2);
}

.accent-1-overlay {
  box-shadow: inset 0 0 0 5120px rgba(27, 27, 27,0.4);
}

.accent-1-overlay-darker {
  box-shadow: inset 0 0 0 5120px rgba(27, 27, 27,0.6);
}

.accent-1-overlay-darkest {
  box-shadow: inset 0 0 0 5120px rgba(27, 27, 27,0.8);
}

.accent-2-overlay-lightest {
  box-shadow: inset 0 0 0 5120px rgba(36, 36, 36,0.1);
}

.accent-2-overlay-lighter {
  box-shadow: inset 0 0 0 5120px rgba(36, 36, 36,0.2);
}

.accent-2-overlay {
  box-shadow: inset 0 0 0 5120px rgba(36, 36, 36,0.4);
}

.accent-2-overlay-darker {
  box-shadow: inset 0 0 0 5120px rgba(36, 36, 36,0.6);
}

.accent-2-overlay-darkest {
  box-shadow: inset 0 0 0 5120px rgba(36, 36, 36,0.8);
}

.accent-3-overlay-lightest {
  box-shadow: inset 0 0 0 5120px rgba(59, 58, 59,0.1);
}

.accent-3-overlay-lighter {
  box-shadow: inset 0 0 0 5120px rgba(59, 58, 59,0.2);
}

.accent-3-overlay {
  box-shadow: inset 0 0 0 5120px rgba(59, 58, 59,0.4);
}

.accent-3-overlay-darker {
  box-shadow: inset 0 0 0 5120px rgba(59, 58, 59,0.6);
}

.accent-3-overlay-darkest {
  box-shadow: inset 0 0 0 5120px rgba(59, 58, 59,0.8);
}

.accent-4-overlay-lightest {
  box-shadow: inset 0 0 0 5120px rgba(71, 71, 71,0.1);
}

.accent-4-overlay-lighter {
  box-shadow: inset 0 0 0 5120px rgba(71, 71, 71,0.2);
}

.accent-4-overlay {
  box-shadow: inset 0 0 0 5120px rgba(71, 71, 71,0.4);
}

.accent-4-overlay-darker {
  box-shadow: inset 0 0 0 5120px rgba(71, 71, 71,0.6);
}

.accent-4-overlay-darkest {
  box-shadow: inset 0 0 0 5120px rgba(71, 71, 71,0.8);
}

.accent-5-overlay-lightest {
  box-shadow: inset 0 0 0 5120px rgba(79, 140, 128,0.1);
}

.accent-5-overlay-lighter {
  box-shadow: inset 0 0 0 5120px rgba(79, 140, 128,0.2);
}

.accent-5-overlay {
  box-shadow: inset 0 0 0 5120px rgba(79, 140, 128,0.4);
}

.accent-5-overlay-darker {
  box-shadow: inset 0 0 0 5120px rgba(79, 140, 128,0.6);
}

.accent-5-overlay-darkest {
  box-shadow: inset 0 0 0 5120px rgba(79, 140, 128,0.8);
}

.accent-6-overlay-lightest {
  box-shadow: inset 0 0 0 5120px rgba(105, 181, 163,0.1);
}

.accent-6-overlay-lighter {
  box-shadow: inset 0 0 0 5120px rgba(105, 181, 163,0.2);
}

.accent-6-overlay {
  box-shadow: inset 0 0 0 5120px rgba(105, 181, 163,0.4);
}

.accent-6-overlay-darker {
  box-shadow: inset 0 0 0 5120px rgba(105, 181, 163,0.6);
}

.accent-6-overlay-darkest {
  box-shadow: inset 0 0 0 5120px rgba(105, 181, 163,0.8);
}

.accent-7-overlay-lightest {
  box-shadow: inset 0 0 0 5120px rgba(255, 255, 255,0.1);
}

.accent-7-overlay-lighter {
  box-shadow: inset 0 0 0 5120px rgba(255, 255, 255,0.2);
}

.accent-7-overlay {
  box-shadow: inset 0 0 0 5120px rgba(255, 255, 255,0.4);
}

.accent-7-overlay-darker {
  box-shadow: inset 0 0 0 5120px rgba(255, 255, 255,0.6);
}

.accent-7-overlay-darkest {
  box-shadow: inset 0 0 0 5120px rgba(255, 255, 255,0.8);
}

.accent-8-overlay-lightest {
  box-shadow: inset 0 0 0 5120px rgba(255, 255, 255,0.1);
}

.accent-8-overlay-lighter {
  box-shadow: inset 0 0 0 5120px rgba(255, 255, 255,0.2);
}

.accent-8-overlay {
  box-shadow: inset 0 0 0 5120px rgba(255, 255, 255,0.4);
}

.accent-8-overlay-darker {
  box-shadow: inset 0 0 0 5120px rgba(255, 255, 255,0.6);
}

.accent-8-overlay-darkest {
  box-shadow: inset 0 0 0 5120px rgba(255, 255, 255,0.8);
}

.light-overlay-diagonal-top-left {
  background: linear-gradient(to top left, rgba(140, 139, 140,0) 0%, rgba(140, 139, 140,0) 49.9%, rgba(140, 139, 140,1) 50%, rgba(140, 139, 140,1) 100%);
}

.light-overlay-diagonal-top-right {
  background: linear-gradient(to top right, rgba(140, 139, 140,0) 0%, rgba(140, 139, 140,0) 49.9%, rgba(140, 139, 140,1) 50%, rgba(140, 139, 140,1) 100%);
}

.light-overlay-diagonal-bottom-left {
  background: linear-gradient(to bottom left, rgba(140, 139, 140,0) 0%, rgba(140, 139, 140,0) 49.9%, rgba(140, 139, 140,1) 50%, rgba(140, 139, 140,1) 100%);
}

.light-overlay-diagonal-bottom-right {
  background: linear-gradient(to bottom right, rgba(140, 139, 140,0) 0%, rgba(140, 139, 140,0) 49.9%, rgba(140, 139, 140,1) 50%, rgba(140, 139, 140,1) 100%);
}

.dark-overlay-diagonal-top-left {
  background: linear-gradient(to top left, rgba(1, 1, 1,0) 0%, rgba(1, 1, 1,0) 49.9%, rgba(1, 1, 1,1) 50%, rgba(1, 1, 1,1) 100%);
}

.dark-overlay-diagonal-top-right {
  background: linear-gradient(to top right, rgba(1, 1, 1,0) 0%, rgba(1, 1, 1,0) 49.9%, rgba(1, 1, 1,1) 50%, rgba(1, 1, 1,1) 100%);
}

.dark-overlay-diagonal-bottom-left {
  background: linear-gradient(to bottom left, rgba(1, 1, 1,0) 0%, rgba(1, 1, 1,0) 49.9%, rgba(1, 1, 1,1) 50%, rgba(1, 1, 1,1) 100%);
}

.dark-overlay-diagonal-bottom-right {
  background: linear-gradient(to bottom right, rgba(1, 1, 1,0) 0%, rgba(1, 1, 1,0) 49.9%, rgba(1, 1, 1,1) 50%, rgba(1, 1, 1,1) 100%);
}

.primary-overlay-diagonal-top-left {
  background: linear-gradient(to top left, rgba(118, 118, 118,0) 0%, rgba(118, 118, 118,0) 49.9%, rgba(118, 118, 118,1) 50%, rgba(118, 118, 118,1) 100%);
}

.primary-overlay-diagonal-top-right {
  background: linear-gradient(to top right, rgba(118, 118, 118,0) 0%, rgba(118, 118, 118,0) 49.9%, rgba(118, 118, 118,1) 50%, rgba(118, 118, 118,1) 100%);
}

.primary-overlay-diagonal-bottom-left {
  background: linear-gradient(to bottom left, rgba(118, 118, 118,0) 0%, rgba(118, 118, 118,0) 49.9%, rgba(118, 118, 118,1) 50%, rgba(118, 118, 118,1) 100%);
}

.primary-overlay-diagonal-bottom-right {
  background: linear-gradient(to bottom right, rgba(118, 118, 118,0) 0%, rgba(118, 118, 118,0) 49.9%, rgba(118, 118, 118,1) 50%, rgba(118, 118, 118,1) 100%);
}

.secondary-overlay-diagonal-top-left {
  background: linear-gradient(to top left, rgba(17, 17, 17,0) 0%, rgba(17, 17, 17,0) 49.9%, rgba(17, 17, 17,1) 50%, rgba(17, 17, 17,1) 100%);
}

.secondary-overlay-diagonal-top-right {
  background: linear-gradient(to top right, rgba(17, 17, 17,0) 0%, rgba(17, 17, 17,0) 49.9%, rgba(17, 17, 17,1) 50%, rgba(17, 17, 17,1) 100%);
}

.secondary-overlay-diagonal-bottom-left {
  background: linear-gradient(to bottom left, rgba(17, 17, 17,0) 0%, rgba(17, 17, 17,0) 49.9%, rgba(17, 17, 17,1) 50%, rgba(17, 17, 17,1) 100%);
}

.secondary-overlay-diagonal-bottom-right {
  background: linear-gradient(to bottom right, rgba(17, 17, 17,0) 0%, rgba(17, 17, 17,0) 49.9%, rgba(17, 17, 17,1) 50%, rgba(17, 17, 17,1) 100%);
}

@media all and (max-width: 60em) {
  .secondary-overlay-diagonal-top-left.secondary-overlay-diagonal-deskstop,
  .secondary-overlay-diagonal-top-right.secondary-overlay-diagonal-deskstop,
  .secondary-overlay-diagonal-bottom-left.secondary-overlay-diagonal-deskstop,
  .secondary-overlay-diagonal-bottom-right.secondary-overlay-diagonal-deskstop {
    background: #111111;
  }
}

.accent-1-overlay-diagonal-top-left {
  background: linear-gradient(to top left, rgba(27, 27, 27,0) 0%, rgba(27, 27, 27,0) 49.9%, rgba(27, 27, 27,1) 50%, rgba(27, 27, 27,1) 100%);
}

.accent-1-overlay-diagonal-top-right {
  background: linear-gradient(to top right, rgba(27, 27, 27,0) 0%, rgba(27, 27, 27,0) 49.9%, rgba(27, 27, 27,1) 50%, rgba(27, 27, 27,1) 100%);
}

.accent-1-overlay-diagonal-bottom-left {
  background: linear-gradient(to bottom left, rgba(27, 27, 27,0) 0%, rgba(27, 27, 27,0) 49.9%, rgba(27, 27, 27,1) 50%, rgba(27, 27, 27,1) 100%);
}

.accent-1-overlay-diagonal-bottom-right {
  background: linear-gradient(to bottom right, rgba(27, 27, 27,0) 0%, rgba(27, 27, 27,0) 49.9%, rgba(27, 27, 27,1) 50%, rgba(27, 27, 27,1) 100%);
}


/* BUTTON */


.ui-btn,
a.ui-btn.ui-link,
.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a,
.ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited {
  box-sizing: border-box;
  text-shadow: none;
  transition: all 200ms ease-in-out;
  white-space: normal;
  background-color: #8c8b8c;
  border-color: #8c8b8c;
  border-width: 1px;
  color: #aeaeae;
  padding: 1.125em 2em;
  border-radius: 10em; font-family: "Inter",sans-serif;
  text-align: center;
  text-transform: none;
  font-size: 0.896rem;
  font-weight: 300;
  line-height: 1.3em;
  letter-spacing: 0.03em;
}

.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
  border-bottom-width: 1px;
}

@media all and (min-width: 60em) {
  .ui-btn,
  a.ui-btn.ui-link,
  .ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a,
  .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited {
    font-size: 0.896rem;
  }
}

.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, html .ui-body-a .ui-btn:hover, html body .ui-group-theme-a .ui-btn:hover, html head+body .ui-btn.ui-btn-a:hover {
  background-color: transparent;
  color: #8c8b8c;
  text-shadow: none;
  border-color: #8c8b8c;
}

.ui-page-theme-a .ui-btn:active, html .ui-bar-a .ui-btn:active, html .ui-body-a .ui-btn:active, html body .ui-group-theme-a .ui-btn:active, html head+body .ui-btn.ui-btn-a:active {
  background-color: transparent;
  color: #8c8b8c;
  text-shadow: none;
  border-color: #8c8b8c;
}

.ui-btn.btn-ghost, .ui-btn.ui-btn-a.btn-ghost, .ui-page-theme-a .ui-btn.btn-ghost, html .ui-bar-a .ui-btn.btn-ghost, html .ui-body-a .ui-btn.btn-ghost, html body .ui-group-theme-a .ui-btn.btn-ghost, html head+body .ui-btn.ui-btn-a.btn-ghost {
  background-color: transparent;
  color: #8c8b8c;
  text-shadow: none;
  border-color: #8c8b8c;
}
.ui-btn.btn-ghost:hover, .ui-btn.ui-btn-a.btn-ghost:hover, .ui-page-theme-a .ui-btn.btn-ghost:hover, html .ui-bar-a .ui-btn.btn-ghost:hover, html .ui-body-a .ui-btn.btn-ghost:hover, html body .ui-group-theme-a .ui-btn.btn-ghost:hover, html head+body .ui-btn.btn-ghost.ui-btn.btn-ghost-a:hover {
  background-color: #8c8b8c;
  color: #010101;
  text-shadow: none;
  border-color: #8c8b8c;
}

.ui-btn.btn-ghost:active, .ui-btn.ui-btn-a.btn-ghost:active, .ui-page-theme-a .ui-btn.btn-ghost:active, html .ui-bar-a .ui-btn.btn-ghost:active, html .ui-body-a .ui-btn.btn-ghost:active, html body .ui-group-theme-a .ui-btn.btn-ghost:active, html head+body .ui-btn.btn-ghost.ui-btn-a:active {
  background-color: #8c8b8c;
  color: #010101;
  text-shadow: none;
  border-color: #8c8b8c;
}

.ui-btn.ui-btn-b,
a.ui-btn.ui-link.ui-btn-b,
.ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn, html body .ui-group-theme-b .ui-btn, html head+body .ui-btn.ui-btn-b,
.ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited, html head+body .ui-btn.ui-btn-b:visited {
  box-sizing: border-box;
  text-shadow: none;
  transition: all 200ms ease-in-out;
  white-space: normal;
  background-color: #010101;
  border-color: #010101;
  border-width: 1px;
  color: #8c8b8c;
  padding: 1.125em 2em;
  border-radius: 10em; font-family: "Inter",sans-serif;
  text-align: center;
  text-transform: none;
  font-size: 0.896rem;
  font-weight: 300;
  line-height: 1.3em;
  letter-spacing: 0.03em;
}

@media all and (min-width: 60em) {
  .ui-btn.ui-btn-b,
  a.ui-btn.ui-link.ui-btn-b,
  .ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn, html body .ui-group-theme-b .ui-btn, html head+body .ui-btn.ui-btn-b,
  .ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited, html head+body .ui-btn.ui-btn-b:visited {
    font-size: 0.896rem;
  }
}


.ui-page-theme-b .ui-btn:hover, html .ui-bar-b .ui-btn:hover, html .ui-body-b .ui-btn:hover, html body .ui-group-theme-b .ui-btn:hover, html head+body .ui-btn.ui-btn-b:hover {
  background-color: transparent;
  color: #010101;
  text-shadow: none;
  border-color: #010101;
}

.ui-page-theme-b .ui-btn:active, html .ui-bar-b .ui-btn:active, html .ui-body-b .ui-btn:active, html body .ui-group-theme-b .ui-btn:active, html head+body .ui-btn.ui-btn-b:active {
  background-color: #010101;
  color: #8c8b8c;
  text-shadow: none;
  border-color: #767676;
}

a.ui-btn.ui-link.ui-btn-b.btn-ghost,
.ui-page-theme-b .ui-btn.btn-ghost, html .ui-bar-b .ui-btn.btn-ghost, html .ui-body-b .ui-btn.btn-ghost, html body .ui-group-theme-b .ui-btn.btn-ghost, html head+body .ui-btn.ui-btn-b.btn-ghost {
  background-color: transparent;
  color: #010101;
  text-shadow: none;
  border-color: #010101;
}

a.ui-btn.ui-link.ui-btn-b.btn-ghost:hover,
.ui-page-theme-b .ui-btn.btn-ghost:hover, html .ui-bar-b .ui-btn.btn-ghost:hover, html .ui-body-b .ui-btn.btn-ghost:hover, html body .ui-group-theme-b .ui-btn.btn-ghost:hover, html head+body .ui-btn.btn-ghost.ui-btn.btn-ghost-b:hover {
  background-color: #010101;
  color: #8c8b8c;
  text-shadow: none;
  border-color: #010101;
}

a.ui-btn.ui-link.ui-btn-b.btn-ghost:active,
.ui-page-theme-b .ui-btn.btn-ghost:active, html .ui-bar-b .ui-btn.btn-ghost:active, html .ui-body-b .ui-btn.btn-ghost:active, html body .ui-group-theme-b .ui-btn.btn-ghost:active, html head+body .ui-btn.btn-ghost.ui-btn-b:active {
  background-color: #010101;
  color: #8c8b8c;
  text-shadow: none;
  border-color: #010101;
}


.ui-btn.btn-primary, .ui-btn.ui-btn-a.btn-primary, .ui-btn.btn-primary:visited, .ui-btn.ui-btn-a.btn-primary:visited, .ui-btn.btn-primary.ui-input-btn, .ui-btn.btn-primary.ui-input-btn:visited {
  background-color: #767676;
  
  	color: #111111;
  
  border-color: #767676;
}

.ui-btn.btn-primary:hover, .ui-btn.ui-btn-a.btn-primary:hover, .ui-btn.btn-primary.ui-input-btn:hover {
  background-color: transparent;
  
  	color: #767676;
  
  border-color: #767676;
}

.ui-btn.btn-primary:active, .ui-btn.ui-btn-a.btn-primary:active, .ui-btn.btn-primary.ui-input-btn:active {
  background-color: transparent;
  
  	color: #767676;
  
  border-color: #767676;
}

.ui-btn.btn-primary.btn-ghost, .ui-btn.ui-btn-a.btn-primary.btn-ghost, .ui-btn.btn-primary.btn-ghost:visited, .ui-btn.ui-btn-a.btn-primary.btn-ghost:visited, .ui-btn.btn-primary.btn-ghost.ui-input-btn, .ui-btn.btn-primary.btn-ghost.ui-input-btn:visited {
  background-color: transparent;
  
  	color: #767676;
    border-color: #767676;
  
  
}

.ui-btn.btn-primary.btn-ghost:hover, .ui-btn.ui-btn-a.btn-primary.btn-ghost:hover, .ui-btn.btn-primary.btn-ghost.ui-input-btn:hover {
  background-color: #767676;
  
  	color: #111111;
    border-color: #767676;
  
  
}

.ui-btn.btn-primary.btn-ghost, .ui-btn.btn-primary.btn-ghost:active, .ui-btn.ui-btn-a.btn-primary.btn-ghost:active, .ui-btn.btn-primary.btn-ghost.ui-input-btn:active {
  background-color: #767676;
  
  	color: #8c8b8c;
    border-color: #767676;
  
  
}

.ui-btn.btn-secondary, .ui-btn.ui-btn-a.btn-secondary, .ui-btn.btn-secondary:visited, .ui-btn.ui-btn-a.btn-secondary:visited, .ui-btn.btn-secondary.ui-input-btn, .ui-btn.btn-secondary.ui-input-btn:visited {
  
    color: #767676;
  
  background-color: #111111;
  border-color: #111111;
}

.ui-btn.btn-secondary:hover, .ui-btn.ui-btn-a.btn-secondary:hover, .ui-btn.btn-secondary.ui-input-btn:hover {
  background-color: transparent;
  color: #111111;
  border-color: #111111;
}

.ui-btn.btn-secondary:active, .ui-btn.ui-btn-a.btn-secondary:active, .ui-btn.btn-secondary.ui-input-btn:active {
  background-color: transparent;
  color: #111111;
  border-color: #111111;
}

.ui-btn.btn-secondary.btn-ghost, .ui-btn.ui-btn-a.btn-secondary.btn-ghost, .ui-btn.btn-secondary.btn-ghost:visited, .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited, .ui-btn.btn-secondary.btn-ghost.ui-input-btn, .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  background-color: transparent;
  color: #111111;
  border-color: #111111;
}

.ui-btn.btn-secondary.btn-ghost:hover, .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover, .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {  
  
    color: #767676;
  
  background-color: #111111;
  border-color: #111111;
}

.ui-btn.btn-secondary.btn-ghost:active, .ui-btn.ui-btn-a.btn-secondary.btn-ghost:active, .ui-btn.btn-secondary.btn-ghost.ui-input-btn:active {
  
    color: #767676;
  
  background-color: #111111;
  border-color: #111111;
}

.ui-btn.btn-accent-1, .ui-btn.ui-btn-a.btn-accent-1, .ui-btn.btn-accent-1:visited, .ui-btn.ui-btn-a.btn-accent-1:visited, .ui-btn.btn-accent-1.ui-input-btn, .ui-btn.btn-accent-1.ui-input-btn:visited {
  background-color: #1b1b1b;
  color: #8c8b8c;
  border-color: #1b1b1b;
}

.ui-btn.btn-accent-1:hover, .ui-btn.ui-btn-a.btn-accent-1:hover, .ui-btn.btn-accent-1.ui-input-btn:hover {
  background-color: transparent;
  color: #1b1b1b;
  border-color: #1b1b1b;
}

.ui-btn.btn-accent-1:active, .ui-btn.ui-btn-a.btn-accent-1:active, .ui-btn.btn-accent-1.ui-input-btn:active {
  background-color: transparent;
  color: #1b1b1b;
  border-color: #1b1b1b;
}

.ui-btn.btn-accent-1.btn-ghost, .ui-btn.ui-btn-a.btn-accent-1.btn-ghost, .ui-btn.btn-accent-1.btn-ghost:visited, .ui-btn.ui-btn-a.btn-accent-1.btn-ghost:visited, .ui-btn.btn-accent-1.btn-ghost.ui-input-btn, .ui-btn.btn-accent-1.btn-ghost.ui-input-btn:visited {
  background-color: transparent;
  color: #1b1b1b;
  border-color: #1b1b1b;
}

.ui-btn.btn-accent-1.btn-ghost:hover, .ui-btn.ui-btn-a.btn-accent-1.btn-ghost:hover, .ui-btn.btn-accent-1.btn-ghost.ui-input-btn:hover {
  background-color: #1b1b1b;
  color: #8c8b8c;
  border-color: #1b1b1b;
}

.ui-btn.btn-accent-1.btn-ghost:active, .ui-btn.ui-btn-a.btn-accent-1.btn-ghost:active, .ui-btn.btn-accent-1.btn-ghost.ui-input-btn:active {
  background-color: #1b1b1b;
  color: #8c8b8c;
  border-color: #1b1b1b;
}

.ui-btn.btn-accent-2, .ui-btn.ui-btn-a.btn-accent-2, .ui-btn.btn-accent-2:visited, .ui-btn.ui-btn-a.btn-accent-2:visited, .ui-btn.btn-accent-2.ui-input-btn, .ui-btn.btn-accent-2.ui-input-btn:visited {
  background-color: #242424;
  color: #8c8b8c;
  border-color: #242424;
}

.ui-btn.btn-accent-2:hover, .ui-btn.ui-btn-a.btn-accent-2:hover, .ui-btn.btn-accent-2.ui-input-btn:hover {
  background-color: transparent;
  color: #242424;
  border-color: #242424;
}

.ui-btn.btn-accent-2:active, .ui-btn.ui-btn-a.btn-accent-2:active, .ui-btn.btn-accent-2.ui-input-btn:active {
  background-color: transparent;
  color: #242424;
  border-color: #242424;
}

.ui-btn.btn-accent-2.btn-ghost, .ui-btn.ui-btn-a.btn-accent-2.btn-ghost, .ui-btn.btn-accent-2.btn-ghost:visited, .ui-btn.ui-btn-a.btn-accent-2.btn-ghost:visited, .ui-btn.btn-accent-2.btn-ghost.ui-input-btn, .ui-btn.btn-accent-2.btn-ghost.ui-input-btn:visited {
  background-color: transparent;
  color: #242424;
  border-color: #242424;
}

.ui-btn.btn-accent-2.btn-ghost:hover, .ui-btn.ui-btn-a.btn-accent-2.btn-ghost:hover, .ui-btn.btn-accent-2.btn-ghost.ui-input-btn:hover {
  background-color: #242424;
  color: #8c8b8c;
  border-color: #242424;
}

.ui-btn.btn-accent-2.btn-ghost:active, .ui-btn.ui-btn-a.btn-accent-2.btn-ghost:active, .ui-btn.btn-accent-2.btn-ghost.ui-input-btn:active {
  background-color: #242424;
  color: #8c8b8c;
  border-color: #242424;
}

.ui-btn.btn-accent-3, .ui-btn.ui-btn-a.btn-accent-3, .ui-btn.btn-accent-3:visited, .ui-btn.ui-btn-a.btn-accent-3:visited, .ui-btn.btn-accent-3.ui-input-btn, .ui-btn.btn-accent-3.ui-input-btn:visited {
  background-color: #3b3a3b;
  color: #8c8b8c;
  border-color: #3b3a3b;
}

.ui-btn.btn-accent-3:hover, .ui-btn.ui-btn-a.btn-accent-3:hover, .ui-btn.btn-accent-3.ui-input-btn:hover {
  background-color: transparent;
  color: #3b3a3b;
  border-color: #3b3a3b;
}

.ui-btn.btn-accent-3:active, .ui-btn.ui-btn-a.btn-accent-3:active, .ui-btn.btn-accent-3.ui-input-btn:active {
  background-color: transparent;
  color: #3b3a3b;
  border-color: #3b3a3b;
}

.ui-btn.btn-accent-3.btn-ghost, .ui-btn.ui-btn-a.btn-accent-3.btn-ghost, .ui-btn.btn-accent-3.btn-ghost:visited, .ui-btn.ui-btn-a.btn-accent-3.btn-ghost:visited, .ui-btn.btn-accent-3.btn-ghost.ui-input-btn, .ui-btn.btn-accent-3.btn-ghost.ui-input-btn:visited {
  background-color: transparent;
  color: #3b3a3b;
  border-color: #3b3a3b;
}

.ui-btn.btn-accent-3.btn-ghost:hover, .ui-btn.ui-btn-a.btn-accent-3.btn-ghost:hover, .ui-btn.btn-accent-3.btn-ghost.ui-input-btn:hover {
  background-color: #3b3a3b;
  color: #8c8b8c;
  border-color: #3b3a3b;
}

.ui-btn.btn-accent-3.btn-ghost:active, .ui-btn.ui-btn-a.btn-accent-3.btn-ghost:active, .ui-btn.btn-accent-3.btn-ghost.ui-input-btn:active {
  background-color: #3b3a3b;
  color: #8c8b8c;
  border-color: #3b3a3b;
}

.ui-btn.btn-accent-4, .ui-btn.ui-btn-a.btn-accent-4, .ui-btn.btn-accent-4:visited, .ui-btn.ui-btn-a.btn-accent-4:visited, .ui-btn.btn-accent-4.ui-input-btn, .ui-btn.btn-accent-4.ui-input-btn:visited {
  background-color: #474747;
  color: #8c8b8c;
  border-color: #474747;
}

.ui-btn.btn-accent-4:hover, .ui-btn.ui-btn-a.btn-accent-4:hover, .ui-btn.btn-accent-4.ui-input-btn:hover {
  background-color: transparent;
  color: #474747;
  border-color: #474747;
}

.ui-btn.btn-accent-4:active, .ui-btn.ui-btn-a.btn-accent-4:active, .ui-btn.btn-accent-4.ui-input-btn:active {
  background-color: transparent;
  color: #474747;
  border-color: #474747;
}

.ui-btn.btn-accent-4.btn-ghost, .ui-btn.ui-btn-a.btn-accent-4.btn-ghost, .ui-btn.btn-accent-4.btn-ghost:visited, .ui-btn.ui-btn-a.btn-accent-4.btn-ghost:visited, .ui-btn.btn-accent-4.btn-ghost.ui-input-btn, .ui-btn.btn-accent-4.btn-ghost.ui-input-btn:visited {
  background-color: transparent;
  color: #474747;
  border-color: #474747;
}

.ui-btn.btn-accent-4.btn-ghost:hover, .ui-btn.ui-btn-a.btn-accent-4.btn-ghost:hover, .ui-btn.btn-accent-4.btn-ghost.ui-input-btn:hover {
  background-color: #474747;
  color: #8c8b8c;
  border-color: #474747;
}

.ui-btn.btn-accent-4.btn-ghost:active, .ui-btn.ui-btn-a.btn-accent-4.btn-ghost:active, .ui-btn.btn-accent-4.btn-ghost.ui-input-btn:active {
  background-color: #474747;
  color: #8c8b8c;
  border-color: #474747;
}

.ui-btn.btn-accent-5, .ui-btn.ui-btn-a.btn-accent-5, .ui-btn.btn-accent-5:visited, .ui-btn.ui-btn-a.btn-accent-5:visited, .ui-btn.btn-accent-5.ui-input-btn, .ui-btn.btn-accent-5.ui-input-btn:visited {
  background-color: #4f8c80;
  color: #8c8b8c;
  border-color: #4f8c80;
}

.ui-btn.btn-accent-5:hover, .ui-btn.ui-btn-a.btn-accent-5:hover, .ui-btn.btn-accent-5.ui-input-btn:hover {
  background-color: transparent;
  color: #4f8c80;
  border-color: #4f8c80;
}

.ui-btn.btn-accent-5:active, .ui-btn.ui-btn-a.btn-accent-5:active, .ui-btn.btn-accent-5.ui-input-btn:active {
  background-color: transparent;
  color: #4f8c80;
  border-color: #4f8c80;
}

.ui-btn.btn-accent-5.btn-ghost, .ui-btn.ui-btn-a.btn-accent-5.btn-ghost, .ui-btn.btn-accent-5.btn-ghost:visited, .ui-btn.ui-btn-a.btn-accent-5.btn-ghost:visited, .ui-btn.btn-accent-5.btn-ghost.ui-input-btn, .ui-btn.btn-accent-5.btn-ghost.ui-input-btn:visited {
  background-color: transparent;
  color: #4f8c80;
  border-color: #4f8c80;
}

.ui-btn.btn-accent-5.btn-ghost:hover, .ui-btn.ui-btn-a.btn-accent-5.btn-ghost:hover, .ui-btn.btn-accent-5.btn-ghost.ui-input-btn:hover {
  background-color: #4f8c80;
  color: #8c8b8c;
  border-color: #4f8c80;
}

.ui-btn.btn-accent-5.btn-ghost:active, .ui-btn.ui-btn-a.btn-accent-5.btn-ghost:active, .ui-btn.btn-accent-5.btn-ghost.ui-input-btn:active {
  background-color: #4f8c80;
  color: #8c8b8c;
  border-color: #4f8c80;
}

.ui-btn.btn-accent-6, .ui-btn.ui-btn-a.btn-accent-6, .ui-btn.btn-accent-6:visited, .ui-btn.ui-btn-a.btn-accent-6:visited, .ui-btn.btn-accent-6.ui-input-btn, .ui-btn.btn-accent-6.ui-input-btn:visited {
  background-color: #69b5a3;
  color: #8c8b8c;
  border-color: #69b5a3;
}

.ui-btn.btn-accent-6:hover, .ui-btn.ui-btn-a.btn-accent-6:hover, .ui-btn.btn-accent-6.ui-input-btn:hover {
  background-color: transparent;
  color: #69b5a3;
  border-color: #69b5a3;
}

.ui-btn.btn-accent-6:active, .ui-btn.ui-btn-a.btn-accent-6:active, .ui-btn.btn-accent-6.ui-input-btn:active {
  background-color: transparent;
  color: #69b5a3;
  border-color: #69b5a3;
}

.ui-btn.btn-accent-6.btn-ghost, .ui-btn.ui-btn-a.btn-accent-6.btn-ghost, .ui-btn.btn-accent-6.btn-ghost:visited, .ui-btn.ui-btn-a.btn-accent-6.btn-ghost:visited, .ui-btn.btn-accent-6.btn-ghost.ui-input-btn, .ui-btn.btn-accent-6.btn-ghost.ui-input-btn:visited {
  background-color: transparent;
  color: #69b5a3;
  border-color: #69b5a3;
}

.ui-btn.btn-accent-6.btn-ghost:hover, .ui-btn.ui-btn-a.btn-accent-6.btn-ghost:hover, .ui-btn.btn-accent-6.btn-ghost.ui-input-btn:hover {
  background-color: #69b5a3;
  color: #8c8b8c;
  border-color: #69b5a3;
}

.ui-btn.btn-accent-6.btn-ghost:active, .ui-btn.ui-btn-a.btn-accent-6.btn-ghost:active, .ui-btn.btn-accent-6.btn-ghost.ui-input-btn:active {
  background-color: #69b5a3;
  color: #8c8b8c;
  border-color: #69b5a3;
}

.ui-btn.btn-accent-7, .ui-btn.ui-btn-a.btn-accent-7, .ui-btn.btn-accent-7:visited, .ui-btn.ui-btn-a.btn-accent-7:visited, .ui-btn.btn-accent-7.ui-input-btn, .ui-btn.btn-accent-7.ui-input-btn:visited {
  background-color: transparent;
  color: #8c8b8c;
  border-color: transparent;
}

.ui-btn.btn-accent-7:hover, .ui-btn.ui-btn-a.btn-accent-7:hover, .ui-btn.btn-accent-7.ui-input-btn:hover {
  background-color: transparent;
  color: transparent;
  border-color: transparent;
}

.ui-btn.btn-accent-7:active, .ui-btn.ui-btn-a.btn-accent-7:active, .ui-btn.btn-accent-7.ui-input-btn:active {
  background-color: transparent;
  color: transparent;
  border-color: transparent;
}

.ui-btn.btn-accent-7.btn-ghost, .ui-btn.ui-btn-a.btn-accent-7.btn-ghost, .ui-btn.btn-accent-7.btn-ghost:visited, .ui-btn.ui-btn-a.btn-accent-7.btn-ghost:visited, .ui-btn.btn-accent-7.btn-ghost.ui-input-btn, .ui-btn.btn-accent-7.btn-ghost.ui-input-btn:visited {
  background-color: transparent;
  color: transparent;
  border-color: transparent;
}

.ui-btn.btn-accent-7.btn-ghost:hover, .ui-btn.ui-btn-a.btn-accent-7.btn-ghost:hover, .ui-btn.btn-accent-7.btn-ghost.ui-input-btn:hover {
  background-color: transparent;
  color: #8c8b8c;
  border-color: transparent;
}

.ui-btn.btn-accent-7.btn-ghost:active, .ui-btn.ui-btn-a.btn-accent-7.btn-ghost:active, .ui-btn.btn-accent-7.btn-ghost.ui-input-btn:active {
  background-color: transparent;
  color: #8c8b8c;
  border-color: transparent;
}

.ui-btn.btn-accent-8, .ui-btn.ui-btn-a.btn-accent-8, .ui-btn.btn-accent-8:visited, .ui-btn.ui-btn-a.btn-accent-8:visited, .ui-btn.btn-accent-8.ui-input-btn, .ui-btn.btn-accent-8.ui-input-btn:visited {
  background-color: transparent;
  color: #8c8b8c;
  border-color: transparent;
}

.ui-btn.btn-accent-8:hover, .ui-btn.ui-btn-a.btn-accent-8:hover, .ui-btn.btn-accent-8.ui-input-btn:hover {
  background-color: transparent;
  color: transparent;
  border-color: transparent;
}

.ui-btn.btn-accent-8:active, .ui-btn.ui-btn-a.btn-accent-8:active, .ui-btn.btn-accent-8.ui-input-btn:active {
  background-color: transparent;
  color: transparent;
  border-color: transparent;
}

.ui-btn.btn-accent-8.btn-ghost, .ui-btn.ui-btn-a.btn-accent-8.btn-ghost, .ui-btn.btn-accent-8.btn-ghost:visited, .ui-btn.ui-btn-a.btn-accent-8.btn-ghost:visited, .ui-btn.btn-accent-8.btn-ghost.ui-input-btn, .ui-btn.btn-accent-8.btn-ghost.ui-input-btn:visited {
  background-color: transparent;
  color: transparent;
  border-color: transparent;
}

.ui-btn.btn-accent-8.btn-ghost:hover, .ui-btn.ui-btn-a.btn-accent-8.btn-ghost:hover, .ui-btn.btn-accent-8.btn-ghost.ui-input-btn:hover {
  background-color: transparent;
  color: #8c8b8c;
  border-color: transparent;
}

.ui-btn.btn-accent-8.btn-ghost:active, .ui-btn.ui-btn-a.btn-accent-8.btn-ghost:active, .ui-btn.btn-accent-8.btn-ghost.ui-input-btn:active {
  background-color: transparent;
  color: #8c8b8c;
  border-color: transparent;
}

.ui-btn.btn-middle-grey, .ui-btn.ui-btn-a.btn-middle-grey, .ui-btn.btn-middle-grey:visited, .ui-btn.ui-btn-a.btn-middle-grey:visited, .ui-btn.btn-middle-grey.ui-input-btn, .ui-btn.btn-middle-grey.ui-input-btn:visited {
  background-color: #272727;
  color: #8c8b8c;
  border-color: #272727;
}

.ui-btn.btn-middle-grey:hover, .ui-btn.ui-btn-a.btn-middle-grey:hover, .ui-btn.btn-middle-grey.ui-input-btn:hover {
  background-color: transparent;
  color: #272727;
  border-color: #272727;
}

.ui-btn.btn-middle-grey:active, .ui-btn.ui-btn-a.btn-middle-grey:active, .ui-btn.btn-middle-grey.ui-input-btn:active {
  background-color: transparent;
  color: #272727;
  border-color: #272727;
}

.ui-btn.btn-middle-grey.btn-ghost, .ui-btn.ui-btn-a.btn-middle-grey.btn-ghost, .ui-btn.btn-middle-grey.btn-ghost:visited, .ui-btn.ui-btn-a.btn-middle-grey.btn-ghost:visited, .ui-btn.btn-middle-grey.btn-ghost.ui-input-btn, .ui-btn.btn-middle-grey.btn-ghost.ui-input-btn:visited {
  background-color: transparent;
  color: #272727;
  border-color: #272727;
}

.ui-btn.btn-middle-grey.btn-ghost:hover, .ui-btn.ui-btn-a.btn-middle-grey.btn-ghost:hover, .ui-btn.btn-middle-grey.btn-ghost.ui-input-btn:hover {
  background-color: #272727;
  color: #8c8b8c;
  border-color: #272727;
}

.ui-btn.btn-middle-grey.btn-ghost:active, .ui-btn.ui-btn-a.btn-middle-grey.btn-ghost:active, .ui-btn.btn-middle-grey.btn-ghost.ui-input-btn:active {
  background-color: #272727;
  color: #8c8b8c;
  border-color: #272727;
}

.ui-page-theme-a .ui-btn.btn-round, html .ui-bar-a .ui-btn.btn-round, html .ui-body-a .ui-btn.btn-round, html body .ui-group-theme-a .ui-btn.btn-round, html head+body .ui-btn.btn-round.ui-btn-a,
.ui-page-theme-a .ui-btn.btn-round:visited, html .ui-bar-a .ui-btn.btn-round:visited, html .ui-body-a .ui-btn.btn-round:visited, html body .ui-group-theme-a .ui-btn.btn-round:visited, html head+body .ui-btn.btn-round.ui-btn-a:visited,
.ui-page-theme-b .ui-btn.btn-round, html .ui-bar-b .ui-btn.btn-round, html .ui-body-b .ui-btn.btn-round, html body .ui-group-theme-b .ui-btn.btn-round, html head+body .ui-btn.btn-round.ui-btn-b,
.ui-page-theme-b .ui-btn.btn-round:visited, html .ui-bar-b .ui-btn.btn-round:visited, html .ui-body-b .ui-btn.btn-round:visited, html body .ui-group-theme-b .ui-btn.btn-round:visited, html head+body .ui-btn.btn-round.ui-btn-b:visited {
  border-radius: 10em;
}

.ui-nodisc-icon.ui-btn.ui-btn-icon-notext {
  border: 0;
}

.ui-btn.ui-mini,
.ui-btn.ui-btn-a.ui-mini,
.ui-btn.ui-btn-b.ui-mini,
a.ui-btn.ui-link.ui-btn-a.ui-mini,
a.ui-btn.ui-link.ui-btn-b.ui-mini {
  padding: 0.4em 0.75em;
  font-size: 0.896rem;
  line-height: 1em;
}

@media all and (min-width: 60em) {
  .ui-btn.ui-mini,
  .ui-btn.ui-btn-a.ui-mini,
  .ui-btn.ui-btn-b.ui-mini,
  a.ui-btn.ui-link.ui-btn-a.ui-mini,
  a.ui-btn.ui-link.ui-btn-b.ui-mini {
    font-size: 0.896rem;
  }
}

html.mm-opening .btn-scroll-down.show {
  display: none;
}

/* END BUTTON */

/* FORM */

.ui-select .ui-li-count{
  width:1.6em;
}

.ui-input-text {
  margin: .36em 0;
}

fieldset.ui-controlgroup {
  margin: 0.36em 0;
}

.ui-input-text input, .ui-input-search input, textarea.ui-input-text {
  padding: 0.74em 0;
}

.ui-popup-container {
  border: 4px solid #8c8b8c;
  background-color: #8c8b8c;
}

.ui-popup-container h2 {
  font-weight: 300;
  font-size: 0.8125rem;
  font-family: "Inter", sans-serif;
  line-height: 2em;
  letter-spacing: 0.03em;
}

.ui-popup-container h2 strong {
  font-weight: 400;
}

@media all and (min-width: 60em) {
  .ui-popup-container h2 {
    font-size: 0.8542rem;
  }
}

.ui-popup > .ui-btn-right {
  right: -17px;
  top: -23px;
}

html head+body .ui-popup .ui-btn.ui-btn-b {
  background-color: #010101;
  color: #8c8b8c;
}

.ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit,
html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit,
html .ui-panel-page-container-a {
  border-color: #fefefe;
  background: #1b1b1b;
  color: #767676;
  text-shadow: none;
}

input::placeholder, textarea::placeholder {
  color: #767676;
  font-size: 0.8125rem;
}

@media all and (min-width: 60em) {
  input::placeholder, textarea::placeholder {
    font-size: 0.8125rem;
  }
}


.ui-btn.ui-btn-icon-notext, .ui-btn.ui-btn-icon-notext:visited {
  border: 0 !important;
  border-radius: 3em !important;
  padding:0 !important;
  margin:4px 0 2px 2px !important;
  height: 32px;
  width: 32px;
  background-color: transparent;
}

.ui-btn.ui-btn-icon-notext {
  background-color: transparent;
}


.ui-body-a, .ui-page-theme-a .ui-body-inherit .ui-selectmenu-list {
  background: #8c8b8c;
}

.ui-selectmenu.ui-popup .ui-btn.ui-btn-icon-notext,.ui-selectmenu.ui-popup .ui-btn.ui-btn-icon-notext:visited {
  opacity: 0.2
}

.ui-selectmenu.ui-popup .ui-btn.ui-btn-icon-notext:hover {
  opacity: 1;
}

.ui-popup-screen.in,
.ui-popup-screen.ui-overlay-b.in {
  transition: all 600ms ease-in-out;
  -webkit-transition: all 600ms ease-in-out;
  background-color: #000;
  opacity: .6;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.ui-page-theme-b .ui-btn.ui-btn-icon-notext:hover, html head+body .ui-btn.ui-btn-icon-notext.ui-btn-b:hover {
   background-color: #010101;
}

.ui-page-theme-b .ui-btn.ui-btn-icon-notext:active, html head+body .ui-btn.ui-btn-icon-notext.ui-btn-b:active {
  background-color: #010101;
}

.ui-mini, form .ui-mini {
  margin: .446em 0;
}

.ui-select .ui-btn {
  letter-spacing: 0.06em;
  line-height: 1em;
  border-color: #8c8b8c;
  color: #aeaeae;
  font-weight: 300;
  font-size: 0.8125rem;
  font-family: "Inter", sans-serif;
  line-height: 2em;
  letter-spacing: 0.03em;
}

@media all and (min-width: 60em) {
  .ui-select .ui-btn {
    font-size: 0.8125rem;
  }
}

.ui-page-theme-a .ui-radio .ui-btn,
.ui-page-theme-a .ui-radio .ui-btn:visited,
.ui-page-theme-a .ui-checkbox .ui-btn,
.ui-page-theme-a .ui-checkbox .ui-btn:visited,
.ui-page-theme-a .ui-select .ui-btn,
.ui-page-theme-a .ui-select .ui-btn:visited {
  background: #1b1b1b;
  color: #767676;
}

.ui-page-theme-a form.form-input-light .ui-input-text,
.ui-page-theme-a form.form-input-light .ui-radio .ui-btn,
.ui-page-theme-a form.form-input-light .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-input-light .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-input-light .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-input-light .ui-select .ui-btn,
.ui-page-theme-a form.form-input-light .ui-select .ui-btn:visited {
  color: #8c8b8c;
}

.ui-page-theme-a form.form-input-dark .ui-input-text,
.ui-page-theme-a form.form-input-dark .ui-radio .ui-btn,
.ui-page-theme-a form.form-input-dark .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-input-dark .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-input-dark .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-input-dark .ui-select .ui-btn,
.ui-page-theme-a form.form-input-dark .ui-select .ui-btn:visited {
  color: #010101;
}

.ui-page-theme-a form.form-input-primary .ui-input-text,
.ui-page-theme-a form.form-input-primary .ui-radio .ui-btn,
.ui-page-theme-a form.form-input-primary .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-input-primary .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-input-primary .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-input-primary .ui-select .ui-btn,
.ui-page-theme-a form.form-input-primary .ui-select .ui-btn:visited {
  color: #767676;
}

.ui-page-theme-a form.form-input-secondary .ui-input-text,
.ui-page-theme-a form.form-input-secondary .ui-radio .ui-btn,
.ui-page-theme-a form.form-input-secondary .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-input-secondary .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-input-secondary .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-input-secondary .ui-select .ui-btn,
.ui-page-theme-a form.form-input-secondary .ui-select .ui-btn:visited  {
  color: #111111;
}

.ui-page-theme-a form.form-input-middle-grey .ui-input-text,
.ui-page-theme-a form.form-input-middle-grey .ui-radio .ui-btn,
.ui-page-theme-a form.form-input-middle-grey .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-input-middle-grey .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-input-middle-grey .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-input-middle-grey .ui-select .ui-btn,
.ui-page-theme-a form.form-input-middle-grey .ui-select .ui-btn:visited  {
  color: #272727;
}

.ui-page-theme-a form.form-input-text .ui-input-text,
.ui-page-theme-a form.form-input-text .ui-radio .ui-btn,
.ui-page-theme-a form.form-input-text .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-input-text .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-input-text .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-input-text .ui-select .ui-btn,
.ui-page-theme-a form.form-input-text .ui-select .ui-btn:visited  {
  color: #aeaeae;
}

.ui-page-theme-a form.form-input-accent-1 .ui-input-text,
.ui-page-theme-a form.form-input-accent-1 .ui-radio .ui-btn,
.ui-page-theme-a form.form-input-accent-1 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-1 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-input-accent-1 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-1 .ui-select .ui-btn,
.ui-page-theme-a form.form-input-accent-1 .ui-select .ui-btn:visited  {
  color: #1b1b1b;
}

.ui-page-theme-a form.form-input-accent-2 .ui-input-text,
.ui-page-theme-a form.form-input-accent-2 .ui-radio .ui-btn,
.ui-page-theme-a form.form-input-accent-2 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-2 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-input-accent-2 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-2 .ui-select .ui-btn,
.ui-page-theme-a form.form-input-accent-2 .ui-select .ui-btn:visited  {
  color: #242424;
}

.ui-page-theme-a form.form-input-accent-3 .ui-input-text,
.ui-page-theme-a form.form-input-accent-3 .ui-radio .ui-btn,
.ui-page-theme-a form.form-input-accent-3 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-3 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-input-accent-3 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-3 .ui-select .ui-btn,
.ui-page-theme-a form.form-input-accent-3 .ui-select .ui-btn:visited  {
  color: #3b3a3b;
}

.ui-page-theme-a form.form-input-accent-4 .ui-input-text,
.ui-page-theme-a form.form-input-accent-4 .ui-radio .ui-btn,
.ui-page-theme-a form.form-input-accent-4 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-4 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-input-accent-4 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-4 .ui-select .ui-btn,
.ui-page-theme-a form.form-input-accent-4 .ui-select .ui-btn:visited  {
  color: #474747;
}

.ui-page-theme-a form.form-input-accent-5 .ui-input-text,
.ui-page-theme-a form.form-input-accent-5 .ui-radio .ui-btn,
.ui-page-theme-a form.form-input-accent-5 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-5 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-input-accent-5 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-5 .ui-select .ui-btn,
.ui-page-theme-a form.form-input-accent-5 .ui-select .ui-btn:visited  {
  color: #4f8c80;
}

.ui-page-theme-a form.form-input-accent-6 .ui-input-text,
.ui-page-theme-a form.form-input-accent-6 .ui-radio .ui-btn,
.ui-page-theme-a form.form-input-accent-6 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-6 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-input-accent-6 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-6 .ui-select .ui-btn,
.ui-page-theme-a form.form-input-accent-6 .ui-select .ui-btn:visited  {
  color: #69b5a3;
}

.ui-page-theme-a form.form-input-accent-7 .ui-input-text,
.ui-page-theme-a form.form-input-accent-7 .ui-radio .ui-btn,
.ui-page-theme-a form.form-input-accent-7 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-7 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-input-accent-7 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-7 .ui-select .ui-btn,
.ui-page-theme-a form.form-input-accent-7 .ui-select .ui-btn:visited  {
  color: transparent;
}

.ui-page-theme-a form.form-input-accent-8 .ui-input-text,
.ui-page-theme-a form.form-input-accent-8 .ui-radio .ui-btn,
.ui-page-theme-a form.form-input-accent-8 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-8 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-input-accent-8 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-input-accent-8 .ui-select .ui-btn,
.ui-page-theme-a form.form-input-accent-8 .ui-select .ui-btn:visited  {
  color: transparent;
}

body.round form .ui-controlgroup-vertical .ui-controlgroup-controls .ui-checkbox input[type="checkbox"] {
  opacity: 0;
}

body.round .ui-page-theme-a form[class*="form-background-"] .ui-input-text,
body.round .ui-page-theme-a form[class*="form-background-"] .ui-radio .ui-btn,
body.round .ui-page-theme-a form[class*="form-background-"] .ui-radio .ui-btn:visited,
body.round .ui-page-theme-a form[class*="form-background-"] .ui-checkbox .ui-btn,
body.round .ui-page-theme-a form[class*="form-background-"] .ui-checkbox .ui-btn:visited,
body.round .ui-page-theme-a form[class*="form-background-"] .ui-select .ui-btn,
body.round .ui-page-theme-a form[class*="form-background-"] .ui-select .ui-btn:visited
body.round .ui-page-theme-a form[class*="form-background-"] .ui-radio .ui-btn.ui-btn-active.ui-radio-on,
body.round .ui-page-theme-a form[class*="form-background-"] .ui-radio .ui-btn.ui-btn-active.ui-radio-on:visited {
  background-color: transparent;
}

body.round .ui-page-theme-a form[class*="form-background-"] .ui-checkbox .ui-btn,
body.round .ui-page-theme-a form[class*="form-background-"] .ui-checkbox .ui-btn:visited {
  border: none;
}

.ui-page-theme-a form.form-background-light .ui-input-text,
.ui-page-theme-a form.form-background-light .ui-radio .ui-btn,
.ui-page-theme-a form.form-background-light .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-background-light .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-background-light .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-background-light .ui-select .ui-btn,
.ui-page-theme-a form.form-background-light .ui-select .ui-btn:visited {
  background-color: #8c8b8c;
}

.ui-page-theme-a form.form-background-dark .ui-input-text,
.ui-page-theme-a form.form-background-dark .ui-radio .ui-btn,
.ui-page-theme-a form.form-background-dark .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-background-dark .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-background-dark .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-background-dark .ui-select .ui-btn,
.ui-page-theme-a form.form-background-dark .ui-select .ui-btn:visited {
  background-color: #010101;
}

.ui-page-theme-a form.form-background-primary .ui-input-text,
.ui-page-theme-a form.form-background-primary .ui-radio .ui-btn,
.ui-page-theme-a form.form-background-primary .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-background-primary .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-background-primary .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-background-primary .ui-select .ui-btn,
.ui-page-theme-a form.form-background-primary .ui-select .ui-btn:visited {
  background-color: #767676;
}

.ui-page-theme-a form.form-background-secondary .ui-input-text,
.ui-page-theme-a form.form-background-secondary .ui-radio .ui-btn,
.ui-page-theme-a form.form-background-secondary .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-background-secondary .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-background-secondary .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-background-secondary .ui-select .ui-btn,
.ui-page-theme-a form.form-background-secondary .ui-select .ui-btn:visited  {
  background-color: #111111;
}


.ui-page-theme-a form.form-background-middle-grey .ui-input-text,
.ui-page-theme-a form.form-background-middle-grey .ui-radio .ui-btn,
.ui-page-theme-a form.form-background-middle-grey .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-background-middle-grey .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-background-middle-grey .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-background-middle-grey .ui-select .ui-btn,
.ui-page-theme-a form.form-background-middle-grey .ui-select .ui-btn:visited  {
  background-color: #272727;
}

body.round .ui-page-theme-a form.form-background-middle-grey .ui-radio .ui-btn,
body.round .ui-page-theme-a form.form-background-middle-grey .ui-radio .ui-btn:visited {
  background-color: #272727;
}

.ui-page-theme-a form.form-background-text .ui-input-text,
.ui-page-theme-a form.form-background-text .ui-radio .ui-btn,
.ui-page-theme-a form.form-background-text .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-background-text .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-background-text .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-background-text .ui-select .ui-btn,
.ui-page-theme-a form.form-background-text .ui-select .ui-btn:visited  {
  background-color: #aeaeae;
}

.ui-page-theme-a form.form-background-accent-1 .ui-input-text,
.ui-page-theme-a form.form-background-accent-1 .ui-radio .ui-btn,
.ui-page-theme-a form.form-background-accent-1 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-1 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-background-accent-1 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-1 .ui-select .ui-btn,
.ui-page-theme-a form.form-background-accent-1 .ui-select .ui-btn:visited  {
  background-color: #1b1b1b;
}

.ui-page-theme-a form.form-background-accent-2 .ui-input-text,
.ui-page-theme-a form.form-background-accent-2 .ui-radio .ui-btn,
.ui-page-theme-a form.form-background-accent-2 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-2 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-background-accent-2 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-2 .ui-select .ui-btn,
.ui-page-theme-a form.form-background-accent-2 .ui-select .ui-btn:visited  {
  background-color: #242424;
}

.ui-page-theme-a form.form-background-accent-3 .ui-input-text,
.ui-page-theme-a form.form-background-accent-3 .ui-radio .ui-btn,
.ui-page-theme-a form.form-background-accent-3 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-3 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-background-accent-3 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-3 .ui-select .ui-btn,
.ui-page-theme-a form.form-background-accent-3 .ui-select .ui-btn:visited  {
  background-color: #3b3a3b;
}

.ui-page-theme-a form.form-background-accent-4 .ui-input-text,
.ui-page-theme-a form.form-background-accent-4 .ui-radio .ui-btn,
.ui-page-theme-a form.form-background-accent-4 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-4 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-background-accent-4 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-4 .ui-select .ui-btn,
.ui-page-theme-a form.form-background-accent-4 .ui-select .ui-btn:visited  {
  background-color: #474747;
}

.ui-page-theme-a form.form-background-accent-5 .ui-input-text,
.ui-page-theme-a form.form-background-accent-5 .ui-radio .ui-btn,
.ui-page-theme-a form.form-background-accent-5 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-5 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-background-accent-5 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-5 .ui-select .ui-btn,
.ui-page-theme-a form.form-background-accent-5 .ui-select .ui-btn:visited  {
  background-color: #4f8c80;
}

.ui-page-theme-a form.form-background-accent-6 .ui-input-text,
.ui-page-theme-a form.form-background-accent-6 .ui-radio .ui-btn,
.ui-page-theme-a form.form-background-accent-6 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-6 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-background-accent-6 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-6 .ui-select .ui-btn,
.ui-page-theme-a form.form-background-accent-6 .ui-select .ui-btn:visited  {
  background-color: #69b5a3;
}

.ui-page-theme-a form.form-background-accent-7 .ui-input-text,
.ui-page-theme-a form.form-background-accent-7 .ui-radio .ui-btn,
.ui-page-theme-a form.form-background-accent-7 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-7 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-background-accent-7 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-7 .ui-select .ui-btn,
.ui-page-theme-a form.form-background-accent-7 .ui-select .ui-btn:visited  {
  background-color: transparent;
}

.ui-page-theme-a form.form-background-accent-8 .ui-input-text,
.ui-page-theme-a form.form-background-accent-8 .ui-radio .ui-btn,
.ui-page-theme-a form.form-background-accent-8 .ui-radio .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-8 .ui-checkbox .ui-btn,
.ui-page-theme-a form.form-background-accent-8 .ui-checkbox .ui-btn:visited,
.ui-page-theme-a form.form-background-accent-8 .ui-select .ui-btn,
.ui-page-theme-a form.form-background-accent-8 .ui-select .ui-btn:visited  {
  background-color: transparent;
}

.ui-page-theme-a form[class*="form-background-"] .ui-radio .ui-btn.ui-btn-active.ui-radio-on,
.ui-page-theme-a form[class*="form-background-"] .ui-radio .ui-btn.ui-btn-active.ui-radio-on:visited {
  background-color: #1b1b1b;
}


@media all and (min-width: 40em) and (max-width: 95em) { 
  .one-quarter .ui-field-contain > label, 
  .one-quarter .ui-field-contain .ui-controlgroup-label, 
  .one-quarter .ui-field-contain > .ui-rangeslider > label {
    width: 33%;
    overflow:hidden;
  }

  .one-quarter .ui-field-contain > label ~ [class*=ui-], 
  .one-quarter .ui-field-contain .ui-controlgroup-controls {
    width: 65%;
  }
}


body.round .validate-error {
  box-shadow: none !important;
}

.form .ui-input-text,
.form .ui-field-contain, 
.form .ui-mobile fieldset.ui-field-contain,
body.round form .ui-input-text,
body.round form .ui-field-contain, 
body.round form .ui-mobile fieldset.ui-field-contain {
  margin: 0;
}

body.round form .ui-field-contain.no-underline {
  margin-top: 0.625rem; 
}


body.round form .ui-checkbox label.ui-btn {
  border-radius: 10em;
}


.form .ui-input-text.ui-body-inherit,
body.round form .ui-input-text {
  background-color: transparent;
}



.form .ui-input-text,
.form[class*="form-background-"] .ui-select .ui-btn, 
.form[class*="form-background-"] .ui-select .ui-btn:visited,
body.round form .ui-input-text,
body.round .ui-page-theme-a form[class*="form-background-"] .ui-select .ui-btn, 
body.round .ui-page-theme-a form[class*="form-background-"] .ui-select .ui-btn:visited {
  border: 0;
}

.form .ui-mobile label, 
.form .ui-controlgroup-label,
.form .ui-select.ui-mini,
body.round form .ui-mobile label, 
body.round form .ui-controlgroup-label,
body.round form .ui-select.ui-mini {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.form .ui-input-text input,
.form textarea.ui-input-text,
body.round form .ui-input-text input,
body.round form textarea.ui-input-text {
  line-height: 1.3em;
}

.form .ui-btn.ui-input-btn,
body.round .ui-btn.ui-input-btn {
  margin: 1.125em 2em;
  margin-left: 0;
  margin-right: 0;
}

.form label,
body.round form label {
  padding: 0.74em 0;
  margin-top: 0;
  margin-bottom: 0;
}

@media all and (max-width: 60em) {
  body.round form legend {
    padding: 1em 0;
  }
}

@media all and (min-width: 60em) {
  .form .ui-controlgroup-label,
  .form label,
  body.round form .ui-controlgroup-label,
  body.round form label {
    margin-top: 0;
    padding: 1.125em 2em;
    padding-left: 0;
    padding-right: 0;
  }
}

.form .ui-input-text input, 
.form textarea.ui-input-text,
body.round form .ui-input-text input, 
body.round form textarea.ui-input-text {
  padding: 0.74em 0;
}

body.round .quantity-container.padding-right-thin {
  padding-top: 0;
}

body.round .quantity-container .ui-input-text {
  border-radius: 10em;
  margin: 0.5em 0;
}

body.round .item-price-container .ui-block-a, 
body.round .item-price-container .ui-block-b {
  width: auto;
}

body.round .quantity-container .ui-input-text input {
  padding: 1.125em 2em;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-size: 0.896rem;
  font-weight: 300;
  line-height: 1.3em;
  letter-spacing: 0.03em;
}


@media all and (min-width: 60em) {

  body.round .quantity-container .ui-input-text input {
    font-size: 0.896rem;
  }

  .form .ui-input-text input, 
  .form textarea.ui-input-text,
  body.round form .ui-input-text input, 
  body.round form textarea.ui-input-text {
    padding: 1.125em 2em;
    padding-left: 0;
    padding-right: 0;
  }
}

.form .ui-field-contain:not(.no-underline),
.form .label-on-top:not(.no-underline),
.form .no-label:not(.no-underline),
body.round .ui-page-theme-a .ui-field-contain:not(.no-underline),
body.round .ui-page-theme-a .label-on-top:not(.no-underline),
body.round .ui-page-theme-a .no-label:not(.no-underline) {
   border-bottom-color: #1b1b1b;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}


.form.form-background-light .ui-field-contain:not(.no-underline),
.form.form-background-light .label-on-top:not(.no-underline),
.form.form-background-light .no-label:not(.no-underline),
body.round .ui-page-theme-a form.form-background-light .ui-field-contain:not(.no-underline),
body.round .ui-page-theme-a form.form-background-light .label-on-top:not(.no-underline),
body.round .ui-page-theme-a form.form-background-light .no-label:not(.no-underline) {
  border-bottom-color: #8c8b8c; 
}

.form.form-background-dark .ui-field-contain:not(.no-underline),
.form.form-background-dark .label-on-top:not(.no-underline),
.form.form-background-dark .no-label:not(.no-underline),
body.round .ui-page-theme-a form.form-background-dark .ui-field-contain:not(.no-underline),
body.round .ui-page-theme-a form.form-background-dark .label-on-top:not(.no-underline),
body.round .ui-page-theme-a form.form-background-dark .no-label:not(.no-underline) {
  border-bottom-color: #010101;
}

.form.form-background-primary .ui-field-contain:not(.no-underline),
.form.form-background-primary .label-on-top:not(.no-underline),
.form.form-background-primary .no-label:not(.no-underline),
body.round .ui-page-theme-a form.form-background-primary .ui-field-contain:not(.no-underline),
body.round .ui-page-theme-a form.form-background-primary .label-on-top:not(.no-underline),
body.round .ui-page-theme-a form.form-background-primary .no-label:not(.no-underline) {
  border-bottom-color: #767676;
}

.form.form-background-secondary .ui-field-contain:not(.no-underline),
.form.form-background-secondary .label-on-top:not(.no-underline),
.form.form-background-secondary .no-label:not(.no-underline),
body.round .ui-page-theme-a form.form-background-secondary .ui-field-contain:not(.no-underline),
body.round .ui-page-theme-a form.form-background-secondary .label-on-top:not(.no-underline),
body.round .ui-page-theme-a form.form-background-secondary .no-label:not(.no-underline) {
  border-bottom-color: #111111;
}

.form.form-background-middle-grey .ui-field-contain:not(.no-underline),
.form.form-background-middle-grey .label-on-top:not(.no-underline),
.form.form-background-middle-grey .no-label:not(.no-underline),
body.round .ui-page-theme-a form.form-background-middle-grey .ui-field-contain:not(.no-underline),
body.round .ui-page-theme-a form.form-background-middle-grey .label-on-top:not(.no-underline),
body.round .ui-page-theme-a form.form-background-middle-grey .no-label:not(.no-underline) {
  border-bottom-color: #272727;
}

.form.form-background-text .ui-field-contain:not(.no-underline),
.form.form-background-text .label-on-top:not(.no-underline),
.form.form-background-text .no-label:not(.no-underline),
body.round .ui-page-theme-a form.form-background-text .ui-field-contain:not(.no-underline),
body.round .ui-page-theme-a form.form-background-text .label-on-top:not(.no-underline),
body.round .ui-page-theme-a form.form-background-text .no-label:not(.no-underline) {
  border-bottom-color: #aeaeae;
}

.form.form-background-accent-1 .ui-field-contain:not(.no-underline),
.form.form-background-accent-1 .label-on-top:not(.no-underline),
.form.form-background-accent-1 .no-label:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-1 .ui-field-contain:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-1 .label-on-top:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-1 .no-label:not(.no-underline) {
  border-bottom-color: #1b1b1b;
}

.form.form-background-accent-2 .ui-field-contain:not(.no-underline),
.form.form-background-accent-2 .label-on-top:not(.no-underline),
.form.form-background-accent-2 .no-label:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-2 .ui-field-contain:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-2 .label-on-top:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-2 .no-label:not(.no-underline) {
  border-bottom-color: #242424;
}

.form.form-background-accent-3 .ui-field-contain:not(.no-underline),
.form.form-background-accent-3 .label-on-top:not(.no-underline),
.form.form-background-accent-3 .no-label:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-3 .ui-field-contain:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-3 .label-on-top:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-3 .no-label:not(.no-underline) {
  border-bottom-color: #3b3a3b;
}

.form.form-background-accent-4 .ui-field-contain:not(.no-underline),
.form.form-background-accent-4 .label-on-top:not(.no-underline),
.form.form-background-accent-4 .no-label:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-4 .ui-field-contain:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-4 .label-on-top:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-4 .no-label:not(.no-underline) {
  border-bottom-color: #474747;
}

.form.form-background-accent-5 .ui-field-contain:not(.no-underline),
.form.form-background-accent-5 .label-on-top:not(.no-underline),
.form.form-background-accent-5 .no-label:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-5 .ui-field-contain:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-5 .label-on-top:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-5 .no-label:not(.no-underline) {
  border-bottom-color: #4f8c80;
}

.form.form-background-accent-6 .ui-field-contain:not(.no-underline),
.form.form-background-accent-6 .label-on-top:not(.no-underline),
.form.form-background-accent-6 .no-label:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-6 .ui-field-contain:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-6 .label-on-top:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-6 .no-label:not(.no-underline) {
  border-bottom-color: #69b5a3;
}

.form.form-background-accent-7 .ui-field-contain:not(.no-underline),
.form.form-background-accent-7 .label-on-top:not(.no-underline),
.form.form-background-accent-7 .no-label:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-7 .ui-field-contain:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-7 .label-on-top:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-7 .no-label:not(.no-underline) {
  border-bottom-color: transparent;
}

.form.form-background-accent-8 .ui-field-contain:not(.no-underline),
.form.form-background-accent-8 .label-on-top:not(.no-underline),
.form.form-background-accent-8 .no-label:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-8 .ui-field-contain:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-8 .label-on-top:not(.no-underline),
body.round .ui-page-theme-a form.form-background-accent-8 .no-label:not(.no-underline) {
  border-bottom-color: transparent;
}

.form.form-background-light .ui-checkbox label.ui-btn,
body.round .ui-page-theme-a form.form-background-light .ui-checkbox label.ui-btn {
  border-color: #8c8b8c; 
}

.form.form-background-dark .ui-checkbox label.ui-btn,
body.round .ui-page-theme-a form.form-background-dark .ui-checkbox label.ui-btn {
  border-color: #010101;
}

.form.form-background-primary .ui-checkbox label.ui-btn,
.form.form-background-secondary .ui-checkbox label.ui-btn,
.form.form-background-middle-grey .ui-checkbox label.ui-btn,
.form.form-background-text .ui-checkbox label.ui-btn,
.form.form-background-accent-1 .ui-checkbox label.ui-btn,
.form.form-background-accent-2 .ui-checkbox label.ui-btn,
.form.form-background-accent-3 .ui-checkbox label.ui-btn,
.form.form-background-accent-4 .ui-checkbox label.ui-btn,
.form.form-background-accent-5 .ui-checkbox label.ui-btn,
.form.form-background-accent-6 .ui-checkbox label.ui-btn,
.form.form-background-accent-7 .ui-checkbox label.ui-btn,
.form.form-background-accent-8 .ui-checkbox label.ui-btn,
.form.form-background-primary .ui-checkbox label.ui-btn,
body.round .ui-page-theme-a form.form-background-secondary .ui-checkbox label.ui-btn,
body.round .ui-page-theme-a form.form-background-middle-grey .ui-checkbox label.ui-btn,
body.round .ui-page-theme-a form.form-background-text .ui-checkbox label.ui-btn,
body.round .ui-page-theme-a form.form-background-accent-1 .ui-checkbox label.ui-btn,
body.round .ui-page-theme-a form.form-background-accent-2 .ui-checkbox label.ui-btn,
body.round .ui-page-theme-a form.form-background-accent-3 .ui-checkbox label.ui-btn,
body.round .ui-page-theme-a form.form-background-accent-4 .ui-checkbox label.ui-btn,
body.round .ui-page-theme-a form.form-background-accent-5 .ui-checkbox label.ui-btn,
body.round .ui-page-theme-a form.form-background-accent-6 .ui-checkbox label.ui-btn,
body.round .ui-page-theme-a form.form-background-accent-7 .ui-checkbox label.ui-btn,
body.round .ui-page-theme-a form.form-background-accent-8 .ui-checkbox label.ui-btn {
  border-color: transparent;
}

.form .ui-select .ui-btn,
body.round .ui-page-theme-a .ui-select .ui-btn {
  border-color: transparent;
  background: transparent;
}

body.round .ui-page-theme-a .page-option-container .ui-block-b .ui-select .ui-btn {
  padding: 0;
}

body.round .ui-alt-icon.ui-icon-carat-d:after, .ui-alt-icon .ui-icon-carat-d:after {
  background-image: none;
  content: "\f078";
  font-family:"Font Awesome 6 Pro";
  right: 0;
  color: #1b1b1b;
}

.ui-selectmenu.ui-popup h1.ui-title {
  padding: 1em 0;
  font-weight: 300;
  font-size: 0.8125rem;
  font-family: "Inter", sans-serif;
  line-height: 1.3em;
  letter-spacing: 0.03em;
}

.ui-header h1 {
  color: #aeaeae;
  font-weight: 300;
  font-size: 0.8125rem;
  font-family: "Inter", sans-serif;
  line-height: 1.3em;
  letter-spacing: 0.03em;
}

@media all and (min-width: 60em) {
  .ui-header h1 {
    font-size: 0.8125rem;
  }
}

.ui-selectmenu-list.ui-listview .ui-btn {
  border-radius: 0;
  padding: 1em;
  border-color: #8c8b8c;
  color: #aeaeae;
  font-weight: 300;
  font-size: 0.8125rem;
  font-family: "Inter", sans-serif;
  line-height: 2em;
  letter-spacing: 0.03em;
}

.ui-selectmenu-list.ui-listview .ui-btn:active {
  margin-top:0 !important;
}

.ui-listview > li {
  min-width: 300px;
}

::-webkit-input-placeholder {
   color: #aeaeae;
   font-weight: 400;
   text-shadow: none;
   font-weight: 300;
   font-size: 0.8125rem;
   font-family: "Inter", sans-serif;
   line-height: 2em;
   letter-spacing: 0.03em;
}

:-moz-placeholder { /* Firefox 18- */
   color: #aeaeae;
   font-weight: 400;
   text-shadow: none;
   font-weight: 300;
   font-size: 0.8125rem;
   font-family: "Inter", sans-serif;
   line-height: 2em;
   letter-spacing: 0.03em;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #aeaeae;
   font-weight: 400;
   text-shadow: none;
   font-weight: 300;
   font-size: 0.8125rem;
   font-family: "Inter", sans-serif;
   line-height: 2em;
   letter-spacing: 0.03em;
}

:-ms-input-placeholder {
   color: #aeaeae;
   font-weight: 400;
   text-shadow: none;
   font-weight: 300;
   font-size: 0.8125rem;
   font-family: "Inter", sans-serif;
   line-height: 2em;
   letter-spacing: 0.03em;
}


.ui-checkbox .ui-btn, .ui-checkbox .ui-btn:hover, .ui-checkbox .ui-btn:visited {
  padding: 1.125em 2em;
  background-color: #8c8b8c;
  color: #aeaeae;
  font-weight: 300;
  font-size: 0.8125rem;
  font-family: "Inter", sans-serif;
  line-height: 2em;
  letter-spacing: 0.03em;
}

.ui-radio .ui-btn, .ui-radio .ui-btn:hover, .ui-radio .ui-btn:visited {
  padding: 1.125em 2em;
  background-color: #8c8b8c;
  color: #aeaeae;
  font-weight: 300;
  font-size: 0.8125rem;
  font-family: "Inter", sans-serif;
  line-height: 2em;
  letter-spacing: 0.03em;
}


@media all and (min-width: 60em) {
  .ui-header h1 {
    font-size: 0.8542rem;
  }

  .ui-selectmenu-list.ui-listview .ui-btn {
    font-size: 0.8542rem;
  }

  ::-webkit-input-placeholder {
    font-size: 0.8542rem;

  }

  :-moz-placeholder { /* Firefox 18- */
    font-size: 0.8542rem;

  }

  ::-moz-placeholder {  /* Firefox 19+ */
    font-size: 0.8542rem;

  }

  :-ms-input-placeholder {
    font-size: 0.8542rem;
  }


  .ui-checkbox .ui-btn, .ui-checkbox .ui-btn:hover, .ui-checkbox .ui-btn:visited {
    font-size: 0.8542rem;
  }

  .ui-radio .ui-btn, .ui-radio .ui-btn:hover, .ui-radio .ui-btn:visited {
    font-size: 0.8542rem;
  }
}

.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active,
html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after,
html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after,
html body .ui-group-theme-a .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-a:after,
.ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active,
html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active,
html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active,
html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active {
  background-color: #8c8b8c;
  border-color: #8c8b8c;
  color: #aeaeae;
  text-shadow: none;
}


.ui-input-text input {
  font-size: 0.8125rem;
}

.ui-select.ui-mini .ui-btn-icon-notext:after,
.ui-select.ui-mini .ui-btn-icon-left:after,
.ui-select.ui-mini .ui-btn-icon-right:after {
  margin-top: -14px;
}


@media all and (min-width: 60em) {
  /* .ui-select .ui-btn,
  .ui-page-theme-a .ui-select .ui-btn {
    font-size: 0.8542rem;
  }

  .ui-select .ui-btn:hover {
    font-size: 0.8542rem;
  }

  .ui-select .ui-btn:active {
    font-size: 0.8542rem;
  } */


  .ui-select.ui-mini .ui-btn-icon-notext:after,
  .ui-select.ui-mini .ui-btn-icon-left:after,
  .ui-select.ui-mini .ui-btn-icon-right:after {
    margin-top: -8px;
  }

  .ui-input-text input {
    font-size: 0.8125rem;
  }

  /* .ui-select .ui-btn {
    font-size: 0.8542rem;
  } */

  .ui-selectmenu.ui-popup h1.ui-title {
    font-size: 0.8125rem;
  }

  .ui-selectmenu.ui-popup .ui-btn, .ui-selectmenu.ui-popup .ui-btn:visited {
    font-size: 0.8542rem;
  }
}


.ui-selectmenu.ui-popup .ui-btn:hover {
  color: #aeaeae;
}
.form.form-light label, .form.form-light label a.ui-link, .form.form-light legend, .form.form-light legend a.ui-link,
form.form-light label, form.form-light label a.ui-link, form.form-light legend, form.form-light legend a.ui-link {
  color: #8c8b8c;
}
.form.form-dark label, .form.form-dark label a.ui-link, .form.form-dark legend, .form.form-dark legend a.ui-link,
form.form-dark label, form.form-dark label a.ui-link, form.form-dark legend, form.form-dark legend a.ui-link {
  color: #010101;
}
.form.form-primary label, .form.form-primary label a.ui-link, .form.form-primary legend, .form.form-primary legend a.ui-link,
form.form-primary label, form.form-primary label a.ui-link, form.form-primary legend, form.form-primary legend a.ui-link {
  color: #767676;
}
.form.form-secondary label, .form.form-secondary label a.ui-link, .form.form-secondary legend, .form.form-secondary legend a.ui-link,
form.form-secondary label, form.form-secondary label a.ui-link, form.form-secondary legend, form.form-secondary legend a.ui-link {
  color: #111111;
}
.form.form-middle-grey l.abel, .form.form-middle-grey label .form.ui-link, .form.form-middle-grey legend, .form.form-middle-grey legend a.ui-link,
form.form-middle-grey label, form.form-middle-grey label a.ui-link, form.form-middle-grey legend, form.form-middle-grey legend a.ui-link {
  color: #272727;
}
.form.form-text label, .form.form-text label a.ui-link, .form.form-text legend, .form.form-text legend a.ui-link,
form.form-text label, form.form-text label a.ui-link, form.form-text legend, form.form-text legend a.ui-link {
  color: #aeaeae;
}
.form.form-accent-1 label, .form.form-accent-1 label a.ui-link, .form.form-accent-1 legend, .form.form-accent-1 legend a.ui-link,
form.form-accent-1 label, form.form-accent-1 label a.ui-link, form.form-accent-1 legend, form.form-accent-1 legend a.ui-link {
  color: #1b1b1b;
}
.form.form-accent-2 label, .form.form-accent-2 label a.ui-link, .form.form-accent-2 legend, .form.form-accent-2 legend a.ui-link,
form.form-accent-2 label, form.form-accent-2 label a.ui-link, form.form-accent-2 legend, form.form-accent-2 legend a.ui-link {
  color: #242424;
}
.form.form-accent-3 label, .form.form-accent-3 label a.ui-link, .form.form-accent-3 legend, .form.form-accent-3 legend a.ui-link,
form.form-accent-3 label, form.form-accent-3 label a.ui-link, form.form-accent-3 legend, form.form-accent-3 legend a.ui-link {
  color: #3b3a3b;
}
.form.form-accent-4 label, .form.form-accent-4 label a.ui-link, .form.form-accent-4 legend, .form.form-accent-4 legend a.ui-link,
form.form-accent-4 label, form.form-accent-4 label a.ui-link, form.form-accent-4 legend, form.form-accent-4 legend a.ui-link {
  color: #474747;
}
.form.form-accent-5 label, .form.form-accent-5 label a.ui-link, .form.form-accent-5 legend, .form.form-accent-5 legend a.ui-link,
form.form-accent-5 label, form.form-accent-5 label a.ui-link, form.form-accent-5 legend, form.form-accent-5 legend a.ui-link {
  color: #4f8c80;
}
.form.form-accent-6 label, .form.form-accent-6 label a.ui-link, .form.form-accent-6 legend, .form.form-accent-6 legend a.ui-link,
form.form-accent-6 label, form.form-accent-6 label a.ui-link, form.form-accent-6 legend, form.form-accent-6 legend a.ui-link {
  color: #69b5a3;
}
.form.form-accent-7 label, .form.form-accent-7 label a.ui-link, .form.form-accent-7 legend, .form.form-accent-7 legend a.ui-link,
form.form-accent-7 label, form.form-accent-7 label a.ui-link, form.form-accent-7 legend, form.form-accent-7 legend a.ui-link {
  color: transparent;
}
.form.form-accent-8 label, .form.form-accent-8 label a.ui-link, .form.form-accent-8 legend, .form.form-accent-8 legend a.ui-link,
form.form-accent-8 label, form.form-accent-8 label a.ui-link, form.form-accent-8 legend, form.form-accent-8 legend a.ui-link {
  color: transparent;
}


.form.form-light:not([class*="form-placeholder-"]) ::-webkit-input-placeholder,
form.form-light:not([class*="form-placeholder-"]) ::-webkit-input-placeholder {
  color: #8c8b8c;
}

.form.form-light:not([class*="form-placeholder-"]) :-moz-placeholder,
form.form-light:not([class*="form-placeholder-"]) :-moz-placeholder {
  color: #8c8b8c;
}

.form.form-light:not([class*="form-placeholder-"]) ::-moz-placeholder,
form.form-light:not([class*="form-placeholder-"]) ::-moz-placeholder {
  color: #8c8b8c;
}

.form.form-light:not([class*="form-placeholder-"]) :-ms-input-placeholder,
form.form-light:not([class*="form-placeholder-"]) :-ms-input-placeholder {
  color: #8c8b8c;
}

.form.form-dark:not([class*="form-placeholder-"]) ::-webkit-input-placeholder,
form.form-dark:not([class*="form-placeholder-"]) ::-webkit-input-placeholder {
  color: #010101;
}

.form.form-dark:not([class*="form-placeholder-"]) :-moz-placeholder,
form.form-dark:not([class*="form-placeholder-"]) :-moz-placeholder {
  color: #010101;
}

.form.form-dark:not([class*="form-placeholder-"]) ::-moz-placeholder,
form.form-dark:not([class*="form-placeholder-"]) ::-moz-placeholder {
  color: #010101;
}

.form.form-dark:not([class*="form-placeholder-"]) :-ms-input-placeholder,
form.form-dark:not([class*="form-placeholder-"]) :-ms-input-placeholder {
  color: #010101;
}

.form.form-primary:not([class*="form-placeholder-"]) ::-webkit-input-placeholder,
form.form-primary:not([class*="form-placeholder-"]) ::-webkit-input-placeholder {
  color: #767676;
}

.form.form-primary:not([class*="form-placeholder-"]) :-moz-placeholder,
form.form-primary:not([class*="form-placeholder-"]) :-moz-placeholder {
  color: #767676;
}

.form.form-primary:not([class*="form-placeholder-"]) ::-moz-placeholder,
form.form-primary:not([class*="form-placeholder-"]) ::-moz-placeholder {
  color: #767676;
}

.form.form-primary:not([class*="form-placeholder-"]) :-ms-input-placeholder,
form.form-primary:not([class*="form-placeholder-"]) :-ms-input-placeholder {
  color: #767676;
}

.form.form-secondary:not([class*="form-placeholder-"]) ::-webkit-input-placeholder,
form.form-secondary:not([class*="form-placeholder-"]) ::-webkit-input-placeholder {
  color: #111111;
}

.form.form-secondary:not([class*="form-placeholder-"]) :-moz-placeholder,
form.form-secondary:not([class*="form-placeholder-"]) :-moz-placeholder {
  color: #111111;
}

.form.form-secondary:not([class*="form-placeholder-"]) ::-moz-placeholder,
form.form-secondary:not([class*="form-placeholder-"]) ::-moz-placeholder {
  color: #111111;
}

.form.form-secondary:not([class*="form-placeholder-"]) :-ms-input-placeholder,
form.form-secondary:not([class*="form-placeholder-"]) :-ms-input-placeholder {
  color: #111111;
}

.form.form-middle-grey:not([class*="form-placeholder-"]) ::-webkit-input-placeholder,
form.form-middle-grey:not([class*="form-placeholder-"]) ::-webkit-input-placeholder {
  color: #272727;
}

.form.form-middle-grey:not([class*="form-placeholder-"]) :-moz-placeholder,
form.form-middle-grey:not([class*="form-placeholder-"]) :-moz-placeholder {
  color: #272727;
}

.form.form-middle-grey:not([class*="form-placeholder-"]) ::-moz-placeholder,
form.form-middle-grey:not([class*="form-placeholder-"]) ::-moz-placeholder {
  color: #272727;
}

.form.form-middle-grey:not([class*="form-placeholder-"]) :-ms-input-placeholder,
form.form-middle-grey:not([class*="form-placeholder-"]) :-ms-input-placeholder {
  color: #272727;
}

.form.form-text:not([class*="form-placeholder-"]) ::-webkit-input-placeholder,
form.form-text:not([class*="form-placeholder-"]) ::-webkit-input-placeholder {
  color: #aeaeae;
}

.form.form-text:not([class*="form-placeholder-"]) :-moz-placeholder,
form.form-text:not([class*="form-placeholder-"]) :-moz-placeholder {
  color: #aeaeae;
}

.form.form-text:not([class*="form-placeholder-"]) ::-moz-placeholder,
form.form-text:not([class*="form-placeholder-"]) ::-moz-placeholder {
  color: #aeaeae;
}

.form.form-text:not([class*="form-placeholder-"]) :-ms-input-placeholder,
form.form-text:not([class*="form-placeholder-"]) :-ms-input-placeholder {
  color: #aeaeae;
}

.form.form-accent-1:not([class*="form-placeholder-"]) ::-webkit-input-placeholder,
form.form-accent-1:not([class*="form-placeholder-"]) ::-webkit-input-placeholder {
  color: #1b1b1b;
}

.form.form-accent-1:not([class*="form-placeholder-"]) :-moz-placeholder,
form.form-accent-1:not([class*="form-placeholder-"]) :-moz-placeholder {
  color: #1b1b1b;
}

.form.form-accent-1:not([class*="form-placeholder-"]) ::-moz-placeholder,
form.form-accent-1:not([class*="form-placeholder-"]) ::-moz-placeholder {
  color: #1b1b1b;
}

.form.form-accent-1:not([class*="form-placeholder-"]) :-ms-input-placeholder,
form.form-accent-1:not([class*="form-placeholder-"]) :-ms-input-placeholder {
  color: #1b1b1b;
}

.form.form-accent-2:not([class*="form-placeholder-"]) ::-webkit-input-placeholder,
form.form-accent-2:not([class*="form-placeholder-"]) ::-webkit-input-placeholder {
  color: #242424;
}

.form.form-accent-2:not([class*="form-placeholder-"]) :-moz-placeholder,
form.form-accent-2:not([class*="form-placeholder-"]) :-moz-placeholder {
  color: #242424;
}

.form.form-accent-2:not([class*="form-placeholder-"]) ::-moz-placeholder,
form.form-accent-2:not([class*="form-placeholder-"]) ::-moz-placeholder {
  color: #242424;
}

.form.form-accent-2:not([class*="form-placeholder-"]) :-ms-input-placeholder,
form.form-accent-2:not([class*="form-placeholder-"]) :-ms-input-placeholder {
  color: #242424;
}

.form.form-accent-3:not([class*="form-placeholder-"]) ::-webkit-input-placeholder,
form.form-accent-3:not([class*="form-placeholder-"]) ::-webkit-input-placeholder {
  color: #3b3a3b;
}

.form.form-accent-3:not([class*="form-placeholder-"]) :-moz-placeholder,
form.form-accent-3:not([class*="form-placeholder-"]) :-moz-placeholder {
  color: #3b3a3b;
}

.form.form-accent-3:not([class*="form-placeholder-"]) ::-moz-placeholder,
form.form-accent-3:not([class*="form-placeholder-"]) ::-moz-placeholder {
  color: #3b3a3b;
}

.form.form-accent-3:not([class*="form-placeholder-"]) :-ms-input-placeholder,
form.form-accent-3:not([class*="form-placeholder-"]) :-ms-input-placeholder {
  color: #3b3a3b;
}

.form.form-accent-4:not([class*="form-placeholder-"]) ::-webkit-input-placeholder,
form.form-accent-4:not([class*="form-placeholder-"]) ::-webkit-input-placeholder {
  color: #474747;
}

.form.form-accent-4:not([class*="form-placeholder-"]) :-moz-placeholder,
form.form-accent-4:not([class*="form-placeholder-"]) :-moz-placeholder {
  color: #474747;
}

.form.form-accent-4:not([class*="form-placeholder-"]) ::-moz-placeholder,
form.form-accent-4:not([class*="form-placeholder-"]) ::-moz-placeholder {
  color: #474747;
}

.form.form-accent-4:not([class*="form-placeholder-"]) :-ms-input-placeholder,
form.form-accent-4:not([class*="form-placeholder-"]) :-ms-input-placeholder {
  color: #474747;
}

.form.form-accent-5:not([class*="form-placeholder-"]) ::-webkit-input-placeholder,
form.form-accent-5:not([class*="form-placeholder-"]) ::-webkit-input-placeholder {
  color: #4f8c80;
}

.form.form-accent-5:not([class*="form-placeholder-"]) :-moz-placeholder,
form.form-accent-5:not([class*="form-placeholder-"]) :-moz-placeholder {
  color: #4f8c80;
}

.form.form-accent-5:not([class*="form-placeholder-"]) ::-moz-placeholder,
form.form-accent-5:not([class*="form-placeholder-"]) ::-moz-placeholder {
  color: #4f8c80;
}

.form.form-accent-5:not([class*="form-placeholder-"]) :-ms-input-placeholder,
form.form-accent-5:not([class*="form-placeholder-"]) :-ms-input-placeholder {
  color: #4f8c80;
}

.form.form-accent-6:not([class*="form-placeholder-"]) ::-webkit-input-placeholder,
form.form-accent-6:not([class*="form-placeholder-"]) ::-webkit-input-placeholder {
  color: #69b5a3;
}

.form.form-accent-6:not([class*="form-placeholder-"]) :-moz-placeholder,
form.form-accent-6:not([class*="form-placeholder-"]) :-moz-placeholder {
  color: #69b5a3;
}

.form.form-accent-6:not([class*="form-placeholder-"]) ::-moz-placeholder,
form.form-accent-6:not([class*="form-placeholder-"]) ::-moz-placeholder {
  color: #69b5a3;
}

.form.form-accent-6:not([class*="form-placeholder-"]) :-ms-input-placeholder,
form.form-accent-6:not([class*="form-placeholder-"]) :-ms-input-placeholder {
  color: #69b5a3;
}

.form.form-accent-7:not([class*="form-placeholder-"]) ::-webkit-input-placeholder,
form.form-accent-7:not([class*="form-placeholder-"]) ::-webkit-input-placeholder {
  color: transparent;
}

.form.form-accent-7:not([class*="form-placeholder-"]) :-moz-placeholder,
form.form-accent-7:not([class*="form-placeholder-"]) :-moz-placeholder {
  color: transparent;
}

.form.form-accent-7:not([class*="form-placeholder-"]) ::-moz-placeholder,
form.form-accent-7:not([class*="form-placeholder-"]) ::-moz-placeholder {
  color: transparent;
}

.form.form-accent-7:not([class*="form-placeholder-"]) :-ms-input-placeholder,
form.form-accent-7:not([class*="form-placeholder-"]) :-ms-input-placeholder {
  color: transparent;
}

.form.form-accent-8:not([class*="form-placeholder-"]) ::-webkit-input-placeholder,
form.form-accent-8:not([class*="form-placeholder-"]) ::-webkit-input-placeholder {
  color: transparent;
}

.form.form-accent-8:not([class*="form-placeholder-"]) :-moz-placeholder,
form.form-accent-8:not([class*="form-placeholder-"]) :-moz-placeholder {
  color: transparent;
}

.form.form-accent-8:not([class*="form-placeholder-"]) ::-moz-placeholder,
form.form-accent-8:not([class*="form-placeholder-"]) ::-moz-placeholder {
  color: transparent;
}

.form.form-accent-8:not([class*="form-placeholder-"]) :-ms-input-placeholder,
form.form-accent-8:not([class*="form-placeholder-"]) :-ms-input-placeholder {
  color: transparent;
}


.form.form-placeholder-light ::-webkit-input-placeholder,
form.form-placeholder-light ::-webkit-input-placeholder {
  color: #8c8b8c;
}

.form.form-placeholder-light :-moz-placeholder,
form.form-placeholder-light :-moz-placeholder {
  color: #8c8b8c;
}

.form.form-placeholder-light ::-moz-placeholder,
form.form-placeholder-light ::-moz-placeholder {
  color: #8c8b8c;
}

.form.form-placeholder-light :-ms-input-placeholder,
form.form-placeholder-light :-ms-input-placeholder {
  color: #8c8b8c;
}

.form.form-placeholder-dark ::-webkit-input-placeholder,
form.form-placeholder-dark ::-webkit-input-placeholder {
  color: #010101;
}

.form.form-placeholder-dark :-moz-placeholder,
form.form-placeholder-dark :-moz-placeholder {
  color: #010101;
}

.form.form-placeholder-dark ::-moz-placeholder,
form.form-placeholder-dark ::-moz-placeholder {
  color: #010101;
}

.form.form-placeholder-dark :-ms-input-placeholder,
form.form-placeholder-dark :-ms-input-placeholder {
  color: #010101;
}

.form.form-placeholder-primary ::-webkit-input-placeholder,
form.form-placeholder-primary ::-webkit-input-placeholder {
  color: #767676;
}

.form.form-placeholder-primary :-moz-placeholder,
form.form-placeholder-primary :-moz-placeholder {
  color: #767676;
}

.form.form-placeholder-primary ::-moz-placeholder,
form.form-placeholder-primary ::-moz-placeholder {
  color: #767676;
}

.form.form-placeholder-primary :-ms-input-placeholder,
form.form-placeholder-primary :-ms-input-placeholder {
  color: #767676;
}

.form.form-placeholder-secondary ::-webkit-input-placeholder,
form.form-placeholder-secondary ::-webkit-input-placeholder {
  color: #111111;
}

.form.form-placeholder-secondary :-moz-placeholder,
form.form-placeholder-secondary :-moz-placeholder {
  color: #111111;
}

.form.form-placeholder-secondary ::-moz-placeholder,
form.form-placeholder-secondary ::-moz-placeholder {
  color: #111111;
}

.form.form-placeholder-secondary :-ms-input-placeholder,
form.form-placeholder-secondary :-ms-input-placeholder {
  color: #111111;
}

.form.form-placeholder-middle-grey ::-webkit-input-placeholder,
form.form-placeholder-middle-grey ::-webkit-input-placeholder {
  color: #272727;
}

.form.form-placeholder-middle-grey :-moz-placeholder,
form.form-placeholder-middle-grey :-moz-placeholder {
  color: #272727;
}

.form.form-placeholder-middle-grey ::-moz-placeholder,
form.form-placeholder-middle-grey ::-moz-placeholder {
  color: #272727;
}

.form.form-placeholder-middle-grey :-ms-input-placeholder,
form.form-placeholder-middle-grey :-ms-input-placeholder {
  color: #272727;
}

.form.form-placeholder-text ::-webkit-input-placeholder,
form.form-placeholder-text ::-webkit-input-placeholder {
  color: #aeaeae;
}

.form.form-placeholder-text :-moz-placeholder,
form.form-placeholder-text :-moz-placeholder {
  color: #aeaeae;
}

.form.form-placeholder-text ::-moz-placeholder,
form.form-placeholder-text ::-moz-placeholder {
  color: #aeaeae;
}

.form.form-placeholder-text :-ms-input-placeholder,
form.form-placeholder-text :-ms-input-placeholder {
  color: #aeaeae;
}

.form.form-placeholder-accent-1 ::-webkit-input-placeholder,
form.form-placeholder-accent-1 ::-webkit-input-placeholder {
  color: #1b1b1b;
}

.form.form-placeholder-accent-1 :-moz-placeholder,
form.form-placeholder-accent-1 :-moz-placeholder {
  color: #1b1b1b;
}

.form.form-placeholder-accent-1 ::-moz-placeholder,
form.form-placeholder-accent-1 ::-moz-placeholder {
  color: #1b1b1b;
}

.form.form-placeholder-accent-1 :-ms-input-placeholder,
form.form-placeholder-accent-1 :-ms-input-placeholder {
  color: #1b1b1b;
}

.form.form-placeholder-accent-2 ::-webkit-input-placeholder,
form.form-placeholder-accent-2 ::-webkit-input-placeholder {
  color: #242424;
}

.form.form-placeholder-accent-2 :-moz-placeholder,
form.form-placeholder-accent-2 :-moz-placeholder {
  color: #242424;
}

.form.form-placeholder-accent-2 ::-moz-placeholder,
form.form-placeholder-accent-2 ::-moz-placeholder {
  color: #242424;
}

.form.form-placeholder-accent-2 :-ms-input-placeholder,
form.form-placeholder-accent-2 :-ms-input-placeholder {
  color: #242424;
}

.form.form-placeholder-accent-3 ::-webkit-input-placeholder,
form.form-placeholder-accent-3 ::-webkit-input-placeholder {
  color: #3b3a3b;
}

.form.form-placeholder-accent-3 :-moz-placeholder,
form.form-placeholder-accent-3 :-moz-placeholder {
  color: #3b3a3b;
}

.form.form-placeholder-accent-3 ::-moz-placeholder,
form.form-placeholder-accent-3 ::-moz-placeholder {
  color: #3b3a3b;
}

.form.form-placeholder-accent-3 :-ms-input-placeholder,
form.form-placeholder-accent-3 :-ms-input-placeholder {
  color: #3b3a3b;
}

.form.form-placeholder-accent-4 ::-webkit-input-placeholder,
form.form-placeholder-accent-4 ::-webkit-input-placeholder {
  color: #474747;
}

.form.form-placeholder-accent-4 :-moz-placeholder,
form.form-placeholder-accent-4 :-moz-placeholder {
  color: #474747;
}

.form.form-placeholder-accent-4 ::-moz-placeholder,
form.form-placeholder-accent-4 ::-moz-placeholder {
  color: #474747;
}

.form.form-placeholder-accent-4 :-ms-input-placeholder,
form.form-placeholder-accent-4 :-ms-input-placeholder {
  color: #474747;
}

.form.form-placeholder-accent-5 ::-webkit-input-placeholder,
form.form-placeholder-accent-5 ::-webkit-input-placeholder {
  color: #4f8c80;
}

.form.form-placeholder-accent-5 :-moz-placeholder,
form.form-placeholder-accent-5 :-moz-placeholder {
  color: #4f8c80;
}

.form.form-placeholder-accent-5 ::-moz-placeholder,
form.form-placeholder-accent-5 ::-moz-placeholder {
  color: #4f8c80;
}

.form.form-placeholder-accent-5 :-ms-input-placeholder,
form.form-placeholder-accent-5 :-ms-input-placeholder {
  color: #4f8c80;
}

.form.form-placeholder-accent-6 ::-webkit-input-placeholder,
form.form-placeholder-accent-6 ::-webkit-input-placeholder {
  color: #69b5a3;
}

.form.form-placeholder-accent-6 :-moz-placeholder,
form.form-placeholder-accent-6 :-moz-placeholder {
  color: #69b5a3;
}

.form.form-placeholder-accent-6 ::-moz-placeholder,
form.form-placeholder-accent-6 ::-moz-placeholder {
  color: #69b5a3;
}

.form.form-placeholder-accent-6 :-ms-input-placeholder,
form.form-placeholder-accent-6 :-ms-input-placeholder {
  color: #69b5a3;
}

.form.form-placeholder-accent-7 ::-webkit-input-placeholder,
form.form-placeholder-accent-7 ::-webkit-input-placeholder {
  color: transparent;
}

.form.form-placeholder-accent-7 :-moz-placeholder,
form.form-placeholder-accent-7 :-moz-placeholder {
  color: transparent;
}

.form.form-placeholder-accent-7 ::-moz-placeholder,
form.form-placeholder-accent-7 ::-moz-placeholder {
  color: transparent;
}

.form.form-placeholder-accent-7 :-ms-input-placeholder,
form.form-placeholder-accent-7 :-ms-input-placeholder {
  color: transparent;
}

.form.form-placeholder-accent-8 ::-webkit-input-placeholder,
form.form-placeholder-accent-8 ::-webkit-input-placeholder {
  color: transparent;
}

.form.form-placeholder-accent-8 :-moz-placeholder,
form.form-placeholder-accent-8 :-moz-placeholder {
  color: transparent;
}

.form.form-placeholder-accent-8 ::-moz-placeholder,
form.form-placeholder-accent-8 ::-moz-placeholder {
  color: transparent;
}

.form.form-placeholder-accent-8 :-ms-input-placeholder,
form.form-placeholder-accent-8 :-ms-input-placeholder {
  color: transparent;
}



.btn-back,.btn-back:visited {
  background-color: rgba(140, 139, 140, 0.1);
  border-radius: 100em;
  padding: 4px 12px;
}

.btn-back:hover {
  background-color: rgba(140, 139, 140, 0.3);
}

/* END FORM */


a.link-secondary.ui-link, a.link-secondary.ui-link:visited {
  color: #111111;
  font-size: 0.85rem;
}

.dark-overlay > a.link-secondary.ui-link,.dark-overlay > a.link-secondary.ui-link:visited,
.dark-overlay-darker > a.link-secondary.ui-link,.dark-overlay-darker > a.link-secondary.ui-link:visited,
.dark-overlay-darkest > a.link-secondary.ui-link,.dark-overlay-darkest > a.link-secondary.ui-link:visited {
  color: #fff;
}

/*.ui-mobile a img.circle,
.circle, img.circle {
  border: 6px solid rgba(140, 139, 140, 0.5);
  box-sizing: border-box;
}*/

.border.border-top {border-top-style: solid;}
.border.border-bottom {border-bottom-style: solid;}
.border.border-left {border-left-style: solid;}
.border.border-right {border-right-style: solid;}
.border.border-light {border-color: #8c8b8c;}
.border.border-middle-grey {border-color: #272727;}
.border.border-dark {border-color: #010101;}
.border.border-primary {border-color: #767676;}
.border.border-secondary {border-color: #111111;}
.border.border-accent-1 {border-color: #1b1b1b;}
.border.border-accent-2 {border-color: #242424;}
.border.border-accent-3 {border-color: #3b3a3b;}
.border.border-accent-4 {border-color: #474747;}
.border.border-accent-5 {border-color: #4f8c80;}
.border.border-accent-6 {border-color: #69b5a3;}
.border.border-accent-7 {border-color: transparent;}
.border.border-accent-8 {border-color: transparent;}
.border.border-thinnest {border-width: 1px}
.border.border-thinner {border-width: 2px}
.border.border-thin {border-width: 3px}
.border.border-medium {border-width: 4px}
.border.border-thick {border-width: 8px}
.border.border-thicker {border-width: 16px}
.border.border-thickest {border-width: 32px}

.border-round {border-radius: 0.3rem;}
.border-rounder {border-radius: 0.6rem;}
.border-roundest {border-radius: 0.9rem;}

.border-top-left-round {border-top-left-radius: 0.3rem;}
.border-top-left-rounder {border-top-left-radius: 0.6rem;}
.border-top-left-roundest {border-top-left-radius: 0.9rem;}

.border-top-right-round {border-top-right-radius: 0.3rem;}
.border-top-right-rounder {border-top-right-radius: 0.6rem;}
.border-top-right-roundest {border-top-right-radius: 0.9rem;}

.border-bottom-left-round {border-bottom-left-radius: 0.3rem;}
.border-bottom-left-rounder {border-bottom-left-radius: 0.6rem;}
.border-bottom-left-roundest {border-bottom-left-radius: 0.9rem;}

.border-bottom-right-round {border-bottom-right-radius: 0.3rem;}
.border-bottom-right-rounder {border-bottom-right-radius: 0.6rem;}
.border-bottom-right-roundest {border-bottom-right-radius: 0.9rem;}


.shadow {box-shadow: 0px 0px 8px rgba(0,0,0,0.2);}
.shadow-more {box-shadow: 0px 0px 12px rgba(0,0,0,0.2);}
.shadow-most {box-shadow: 0px 0px 16px rgba(0,0,0,0.2);}

.shadow.shadow-light {box-shadow: 0px 0px 12px rgba(0,0,0,0.1);}
.shadow.shadow-light.shadow-more {box-shadow: 0px 0px 48px rgba(0,0,0,0.1);}
.shadow.shadow-light.shadow-most {box-shadow: 0px 0px 108px rgba(0,0,0,0.1);}

.shadow.shadow-dark {box-shadow: 0px 0px 12px rgba(0,0,0,0.4);}
.shadow.shadow-dark.shadow-more {box-shadow: 0px 0px 48px rgba(0,0,0,0.4);}
.shadow.shadow-dark.shadow-most {box-shadow: 0px 0px 108px rgba(0,0,0,0.4);}

@media all and (min-width: 60em) {
  .shadow {box-shadow: 0px 0px 12px rgba(0,0,0,0.2);}
  .shadow-more {box-shadow: 0px 0px 24px rgba(0,0,0,0.2);}
  .shadow-most {box-shadow: 0px 0px 36px rgba(0,0,0,0.2);}
}


@media all and (max-width: 60em) {
  .border.border-desktop {
    border: none;
  }
}



/* WIDGET */

.widget-blocker {
  transition: all .3s ease-in-out;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #010101;
}

.card {
  text-align: left;
}

.widget-grid .card figure.img-hover-primary figcaption,
.widget-gallery .card figure.img-hover-primary figcaption {
  padding: 1em;
  top: 60%;
  transition: all 600ms ease-in-out;
  -webkit-transition: all 600ms ease-in-out;
  box-shadow: inset 0 0 0 5120px rgba(1, 1, 1, 0.7);
}

.widget-grid .ui-grid-d .card figure.img-hover-primary figcaption,
.widget-grid .ui-grid-e .card figure.img-hover-primary figcaption,
.widget-gallery .ui-grid-d .card figure.img-hover-primary figcaption,
.widget-gallery .ui-grid-e .card figure.img-hover-primary figcaption {
  padding: 0.5em;
}


.widget-grid .card:hover figure.img-hover-primary figcaption,
.widget-gallery .card:hover figure.img-hover-primary figcaption {
  top: 0%;
}


.widget-grid .card figure.img-hover-primary img,
.widget-gallery .card figure.img-hover-primary img {
  transition-duration: 600ms;
}

.widget-grid .card figure.img-hover-primary h5::after,
.widget-gallery .card figure.img-hover-primary h5::after {
  background-color: rgba(140, 139, 140,0);
}

.widget-grid .card:hover figure.img-hover-primary h5::after,
.widget-gallery .card:hover figure.img-hover-primary h5::after {
  background-color: rgba(140, 139, 140,0.5);
}

.widget-grid .card figure.img-hover-primary h5,
.widget-gallery .card figure.img-hover-primary h5,
.widget-slider .card figure.img-hover-primary h5,
.widget-slider-multiple .card figure.img-hover-primary h5 {
  opacity: 1;
  color: #fff;
  font-size: 1.125rem;
  text-align: left;
  padding-bottom: 1em;
  margin-bottom: 0.5em;
}

.widget-grid .card figure.img-hover-primary p,
.widget-gallery .card figure.img-hover-primary p,
.widget-slider .card figure.img-hover-primary p,
.widget-slider-multiple .card figure.img-hover-primary p {
  text-align: left;
  font-size: 0.85rem;
}


.widget-slider .card figure.img-hover-primary h5,
.widget-slider .card figure.img-hover-primary p,
.widget-slider-multiple .card figure.img-hover-primary h5,
.widget-slider-multiple .card figure.img-hover-primary p {
  text-align: center;
}

.widget-slider-multiple .card figure.img-hover-primary h5,
.widget-grid .card figure.img-hover-primary h5,
.widget-grid .card figure.img-hover-primary h5,
.widget-gallery .card figure.img-hover-primary h5,
.widget-grid .ui-grid-a .card figure.img-hover-primary h5,
.widget-gallery .ui-grid-a .card figure.img-hover-primary h5,
.widget-grid .ui-grid-b .card figure.img-hover-primary h5,
.widget-gallery .ui-grid-b .card figure.img-hover-primary h5 {
  font-size: 1.75rem;
}

.widget-grid .ui-grid-c .card figure.img-hover-primary h5,
.widget-gallery .ui-grid-c .card figure.img-hover-primary h5 {
  font-size: 0.875rem;
}

.widget-grid .ui-grid-c .card:hover figure.img-hover-primary p,
.widget-gallery .ui-grid-c .card:hover figure.img-hover-primary p {
  font-size: 0.8125rem;
  line-height: 120%;
}

.widget-grid .ui-grid-d .card figure.img-hover-primary h5,
.widget-grid .ui-grid-e .card figure.img-hover-primary h5,
.widget-gallery .ui-grid-d .card figure.img-hover-primary h5,
.widget-gallery .ui-grid-e .card figure.img-hover-primary h5 {
  font-size: 0.85rem;
}

.widget-grid .ui-grid-d .card:hover figure.img-hover-primary p,
.widget-grid .ui-grid-e .card:hover figure.img-hover-primary p,
.widget-gallery .ui-grid-d .card:hover figure.img-hover-primary p,
.widget-gallery .ui-grid-e .card:hover figure.img-hover-primary p {
  display: none;
}


.widget-portfolio .card figure.img-hover-primary h5,
.widget-product .card figure.img-hover-primary h5,
.widget-event .card figure.img-hover-primary h5,
.widget-portfolio .card figure.img-hover-primary p,
.widget-product .card figure.img-hover-primary p,
.widget-event .card figure.img-hover-primary p {
  display: none;
}

.widget-portfolio .row .container .card .card-tag, .card a.card-tag, .card a.card-tag.ui-link,
.widget-product .row .container .card .card-tag, .card a.card-tag, .card a.card-tag.ui-link,
.widget-event .row .container .card .card-tag, .card a.card-tag, .card a.card-tag.ui-link,
.widget-list .row .container .card .card-tag, .card a.card-tag, .card a.card-tag.ui-link {
  margin: 1em 0em;
  font-size: 0.625rem;
  white-space: nowrap;
}

.widget-portfolio .card > div,
.widget-product .card > div,
.widget-event .card > div {
  background-color: rgba(140, 139, 140, 0.9);
}

.widget-portfolio .card .container h5,
.widget-product .card .container h5,
.widget-event .card .container h5 {
  font-size: 0.875rem;
}

.widget-portfolio .card .container p,
.widget-product .card .container p,
.widget-event .card .container p {
  font-size: 0.75rem;
  line-height: 110%;
  margin: 1em 0;
  /*min-height: 60px;*/
}

.widget-product .card .container span.item-price {
  float: right;
  font-size: 0.875rem;
  font-weight: 700;
  color: #767676;
}

.widget-portfolio .card .container a,
.widget-portfolio .card .container a.ui-link,
.widget-portfolio .card .container a.ui-link:visited,
.widget-product .card .container a,
.widget-product .card .container a.ui-link,
.widget-product .card .container a.ui-link:visited,
.widget-event .card .container a.ui-link,
.widget-event .card .container a.ui-link:hover,
.widget-event .card .container a.ui-link:visited {
  background-color: transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.875em;
  max-width: 120px;
  padding: 0;
  color: #aeaeae;
}


.widget-portfolio .card .container a.card-tag,
.widget-portfolio .card .container a.card-tag.ui-link,
.widget-portfolio .card .container a.card-tag.ui-link:visited,
.widget-product .card .container a.card-tag,
.widget-product .card .container a.card-tag.ui-link,
.widget-product .card .container a.card-tag.ui-link:visited,
.widget-event .card .container a.card-tag.ui-link,
.widget-event .card .container a.card-tag.ui-link:hover,
.widget-event .card .container a.card-tag.ui-link:visited,
.widget-list .card .container a.card-tag.ui-link,
.widget-list .card .container a.card-tag.ui-link:hover,
.widget-list .card .container a.card-tag.ui-link:visited {
  font-size: 0.625em;
}


@media all and (min-width: 60em) {
  .widget-product .ui-grid-c .card .container p {
    min-height: 40px;
  }

  .widget-product .ui-grid-d .card .container p {
    min-height: 70px;
  }

  .widget-product .ui-grid-e .card .container p {
    min-height: 130px;
  }

  .widget-product .ui-grid-e .card .container span.item-price {
    font-size: 0.75em;
  }
}

.widget-event .card .container span.item-date {
  float: right;
  font-size: 0.875rem;
  font-weight: 700;
  color: #1E243E;
}

@media all and (min-width: 60em) {
  .widget-event .ui-grid-c .card .container p {
    min-height: 90px;
  }

  .widget-event .ui-grid-d .card .container p {
    min-height: 105px;
  }

  .widget-event .ui-grid-e .card .container p {
    min-height: 130px;
  }
}

.widget-slider .card figure.img-hover-primary figcaption,
.widget-slider-multiple .card figure.img-hover-primary figcaption {
  top: 50%;
  height: auto;
  transform: translateY(-50%);
  box-shadow: inset 0 0 0 5120px rgba(140, 139, 140, 0);
  opacity: 0;
  padding: 1em;
  -webkit-transition: none; /* important fixes jump */
  transition: none; /* important fixes jump */
}

.widget-slider .card:hover figure.img-hover-primary figcaption,
.widget-slider-multiple .card:hover figure.img-hover-primary figcaption {
  top: 50%;
  background-color: transparent;
  opacity: 1;
  transform: translateY(-50%);
}


.owl-controls {
  position: absolute;
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.owl-dot {
  height: 6px;
  width: 6px;
  margin: 0em 5px;
  border-radius: 10em;
  border: 1px solid rgba(140, 139, 140, 0.5);
  background-color: transparent;
  display: inline-block;
}

.owl-dot.active {
  border: 1px solid rgba(140, 139, 140, 1);
  background-color: rgba(140, 139, 140, 1);
}

.ui-grid-c .owl-dot,
.ui-grid-d .owl-dot,
.ui-grid-e .owl-dot {
  display: none;
}

.widget-slider-multiple .owl-controls {
  display: none;
}

.slider-autoplay-off .widget-slider-multiple .owl-controls {
  display: block;
}

.widget-slider[data-gutter="container-2x"] .owl-controls,
.widget-testimonial[data-gutter="container-2x"] .owl-controls{
  bottom: 3em;
}

.widget-slider[data-gutter="container-3x"] .owl-controls,
.widget-testimonial[data-gutter="container-3x"] .owl-controls{
  bottom: 4em;
}

.widget-slider[data-gutter="container-4x"] .owl-controls,
.widget-testimonial[data-gutter="container-4x"] .owl-controls{
  bottom: 5em;
}

.widget-dynamic-mix-filter-container .mix-filter:first-child {
  display: none;
}

.widget-image-circle > .widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card:hover > a > figure.img-hover-secondary img, 
.widget-image-circle > .widget-dynamic-container > .widget-dynamic > .card:hover > a > figure.img-hover-secondary img {
  transform: none;
}

.widget-image-border-round > .widget-dynamic-container > .widget-dynamic .card > a > figure > .item-image-container,
.widget-image-border-round > .widget-dynamic-container > .widget-dynamic .card:hover > a > figure > .item-image-container {
  position:relative;
  z-index: 0;
  overflow: hidden;
  border-radius: 0.3rem;
}

.widget-image-border-rounder > .widget-dynamic-container > .widget-dynamic .card > a > figure > .item-image-container,
.widget-image-border-rounder > .widget-dynamic-container > .widget-dynamic .card:hover > a > figure > .item-image-container {
  position:relative;
  z-index: 0;
  overflow: hidden;
  border-radius: 0.6rem;
}

.widget-image-border-roundest > .widget-dynamic-container > .widget-dynamic .card > a > figure > .item-image-container,
.widget-image-border-roundest > .widget-dynamic-container > .widget-dynamic .card:hover > a > figure > .item-image-container {
  position:relative;
  z-index: 0;
  overflow: hidden;
  border-radius: 0.9rem;
}



.widget-border-round .widget-dynamic-container > .widget-dynamic .card:not(.card-add-to-cart) > a > figure {
  border-radius: 0.3rem;
}

.widget-border-rounder .widget-dynamic-container > .widget-dynamic .card:not(.card-add-to-cart) > a > figure {
  border-radius: 0.6rem;
}

.widget-border-roundest .widget-dynamic-container > .widget-dynamic .card:not(.card-add-to-cart) > a > figure {
  border-radius: 0.9rem;
}

.widget-border-round .widget-dynamic-container > .widget-dynamic .card.card-add-to-cart > a > figure {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.widget-border-rounder .widget-dynamic-container > .widget-dynamic .card.card-add-to-cart > a > figure {
  border-top-left-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
}

.widget-border-roundest .widget-dynamic-container > .widget-dynamic .card.card-add-to-cart > a > figure {
  border-top-left-radius: 0.9rem;
  border-top-right-radius: 0.9rem;
}


.widget-border-round .widget-dynamic-container > .widget-dynamic.widget-dynamic-grid .card.card-add-to-cart > a > figure {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.widget-border-rounder .widget-dynamic-container > .widget-dynamic.widget-dynamic-grid .card.card-add-to-cart > a > figure {
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}

.widget-border-roundest .widget-dynamic-container > .widget-dynamic.widget-dynamic-grid .card.card-add-to-cart > a > figure {
  border-bottom-left-radius: 0.9rem;
  border-bottom-right-radius: 0.9rem;
}


.widget-border-round .widget-dynamic-container > .widget-dynamic .card.card-add-to-cart .widget-add-to-cart-container {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.widget-border-rounder .widget-dynamic-container > .widget-dynamic .card.card-add-to-cart .widget-add-to-cart-container {
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}

.widget-border-roundest .widget-dynamic-container > .widget-dynamic .card.card-add-to-cart .widget-add-to-cart-container {
  border-bottom-left-radius: 0.9rem;
  border-bottom-right-radius: 0.9rem;
}



.widget-shadow .widget-dynamic-container > .widget-dynamic.widget-dynamic-card .card > a > figure {
  box-shadow: 0 4px 18px 0 rgba(1, 1, 1,0.1);
}

.widget-shadow .widget-dynamic-container > .widget-dynamic.widget-dynamic-card .card.card-add-to-cart > .widget-add-to-cart-container {
  box-shadow: 0 18px 18px 0 rgba(1, 1, 1, 0.1); 
}

.widget-shadow.widget-shadow-darker .widget-dynamic-container > .widget-dynamic.widget-dynamic-card .card > a > figure {
  box-shadow: 0 4px 18px 0 rgba(1, 1, 1,0.3);
}

.widget-shadow.widget-shadow-darker .widget-dynamic-container > .widget-dynamic.widget-dynamic-card .card.card-add-to-cart > .widget-add-to-cart-container {
  box-shadow: 0 4px 18px 0 rgba(1, 1, 1,0.3);
}


.widget-shadow.widget-shadow-darkest .widget-dynamic-container > .widget-dynamic.widget-dynamic-card .card > a > figure {
  box-shadow: 0 4px 18px 0 rgba(1, 1, 1,0.6);
}

.widget-shadow.widget-shadow-darkest .widget-dynamic-container > .widget-dynamic.widget-dynamic-card .card.card-add-to-cart > .widget-add-to-cart-container {
  box-shadow: 0 4px 18px 0 rgba(1, 1, 1,0.6);
}



.slider-nav-on .widget-dynamic-slider .owl-controls,
.slider-nav-on .widget-dynamic-slider-multiple .owl-controls {
  width: 90%;
  bottom: 50%;
  transform: translate3d(-50%, 50%, 0);
}

.slider-nav-on .widget-dynamic-slider .owl-controls,
.slider-nav-on .widget-dynamic-slider-multiple .owl-controls {
  width: 100%;
}

.slider-nav-on .widget-dynamic-slider .owl-controls {
  width: calc(100vw - 1em);
}

.slider-nav-on .widget-dynamic-slider .owl-controls .owl-dots,
.slider-nav-on .widget-dynamic-slider-multiple .owl-controls .owl-dots {
  text-align: center;
  display: none !important;
}

.slider-nav-on .widget-dynamic-slider .owl-prev,
.slider-nav-on .widget-dynamic-slider-multiple .owl-prev {
  float: left;
}

.slider-nav-on div:not(.widget-dynamic-slider-multiple) .owl-prev,
.slider-nav-on div:not(.widget-dynamic-slider-multiple) .owl-next {
  display: inline-block;
}


.slider-nav-on div:not(.widget-dynamic-slider-multiple) .owl-next {
  float: right;
}


.slider-nav-on div:not(.widget-dynamic-slider-multiple) .owl-prev,
.slider-nav-on div:not(.widget-dynamic-slider-multiple) .owl-next {
  font-size: 1.095rem;
}

@media all and (min-width:60em){
  .slider-nav-on div:not(.widget-dynamic-slider-multiple) .owl-prev,
  .slider-nav-on div:not(.widget-dynamic-slider-multiple) .owl-next {
    font-size: 1.692rem;
  }
}


.slider-nav-on div:not(.widget-dynamic-slider-multiple) .owl-prev, 
.slider-nav-on div:not(.widget-dynamic-slider-multiple) .owl-next {
  color: #1b1b1b;
}

.slider-nav-on.slider-nav-light div:not(.widget-dynamic-slider-multiple) .owl-prev, 
.slider-nav-on.slider-nav-light div:not(.widget-dynamic-slider-multiple) .owl-next {
  color: #8c8b8c;
}

.slider-nav-on.slider-nav-dark div:not(.widget-dynamic-slider-multiple) .owl-prev, 
.slider-nav-on.slider-nav-dark div:not(.widget-dynamic-slider-multiple) .owl-next {
  color: #010101;
}

.slider-nav-on.slider-nav-middle-grey div:not(.widget-dynamic-slider-multiple) .owl-prev, 
.slider-nav-on.slider-nav-middle-grey div:not(.widget-dynamic-slider-multiple) .owl-next {
  color: #272727;
}

.slider-nav-on.slider-secondary div:not(.widget-dynamic-slider-multiple) .owl-prev, 
.slider-nav-on.slider-secondary div:not(.widget-dynamic-slider-multiple) .owl-next {
  color: #111111;
}

.slider-nav-on.slider-nav-primary div:not(.widget-dynamic-slider-multiple) .owl-prev, 
.slider-nav-on.slider-nav-primary div:not(.widget-dynamic-slider-multiple) .owl-next {
  color: #767676;
}

.slider-nav-on.slider-nav-accent-1 div:not(.widget-dynamic-slider-multiple) .owl-prev, 
.slider-nav-on.slider-nav-accent-1 div:not(.widget-dynamic-slider-multiple) .owl-next {
  color: #1b1b1b;
}



/* 
body.light .slider-nav-on div:not(.widget-dynamic-slider-multiple) .owl-prev, 
body.light .slider-nav-on div:not(.widget-dynamic-slider-multiple) .owl-next {
  color: #767676;
} 
*/



.slider-nav-on .widget-dynamic-slider-multiple  .owl-prev {
 transform: translate3d(2px, 0, 0); 
}

.slider-nav-on .widget-dynamic-slider-multiple .owl-next {
 transform: translate3d(-1px, 0, 0); 
}


.slider-nav-on .widget-dynamic-slider-multiple  .owl-prev:hover {
 transform: translate3d(0, 0, 0); 
}

.slider-nav-on .widget-dynamic-slider-multiple .owl-next:hover {
 transform: translate3d(1px, 0, 0); 
}


/* END WIDGET */


/* DYNAMIC WIDGET */

.widget-dynamic-container > .widget-dynamic{
  display: flex;
  display: -webkit-flex;
  flex-wrap:wrap;
  -webkit-flex-wrap: wrap;
  overflow:hidden;
}

.widget-dynamic-container > .widget-dynamic *{
  transition-duration: 3s;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: width, height, opacity, scale, top, bottom, left, right, transform, box-shadow;
}

.widget-dynamic-container > .widget-dynamic .card{
  width:100%;
}

.widget-dynamic-container > .widget-dynamic .card > a > figure{
  position: relative;
  overflow: hidden;
  margin:0;
  height:100%;
}

.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-content: flex-start;
  box-sizing: border-box;
}

.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption * {
  width: 100%;
}

.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption span{
  display:none;
}

.widget-dynamic-container.widget-dynamic-custom-order > .widget-dynamic .card > a > figure > figcaption > *{
  display:none;
}

/* card column width */
@media all and (min-width: 60em) {
  .widget-dynamic-container.widget-variation-1 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 100%;}
  .widget-dynamic-container.widget-variation-2 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 50%;}
  .widget-dynamic-container.widget-variation-3 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 33.33%;}
  .widget-dynamic-container.widget-variation-4 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 25%;}
  .widget-dynamic-container.widget-variation-5 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 20%;}
  .widget-dynamic-container.widget-variation-6 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 16.66%;}
  .widget-dynamic-container.widget-variation-7 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 14.28%;}
  .widget-dynamic-container.widget-variation-8 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 12.5%;}
  .widget-dynamic-container.widget-variation-9 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 11.11%;}
  .widget-dynamic-container.widget-variation-10 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 10%;}
  .widget-dynamic-container.widget-variation-11 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 9.09%;}
  .widget-dynamic-container.widget-variation-12 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 8.33%;}
  }
  

@media all and (max-width: 60em) {
  .unwrap > .widget-dynamic-container.widget-variation-1 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .widget-variation-static .widget-dynamic-container.widget-variation-1 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 100%;}
  .unwrap > .widget-dynamic-container.widget-variation-2 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .widget-variation-static .widget-dynamic-container.widget-variation-2 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 50%;}
  .unwrap > .widget-dynamic-container.widget-variation-3 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .widget-variation-static .widget-dynamic-container.widget-variation-3 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 33.33%;}
  .unwrap > .widget-dynamic-container.widget-variation-4 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .widget-variation-static .widget-dynamic-container.widget-variation-4 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 25%;}
  .unwrap > .widget-dynamic-container.widget-variation-5 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .widget-variation-static .widget-dynamic-container.widget-variation-5 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 20%;}
  .unwrap > .widget-dynamic-container.widget-variation-6 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .widget-variation-static .widget-dynamic-container.widget-variation-6 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 16.66%;}
  .unwrap > .widget-dynamic-container.widget-variation-7 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .widget-variation-static .widget-dynamic-container.widget-variation-7 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 14.28%;}
  .unwrap > .widget-dynamic-container.widget-variation-8 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .widget-variation-static .widget-dynamic-container.widget-variation-8 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 12.5%;}
  .unwrap > .widget-dynamic-container.widget-variation-9 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .widget-variation-static .widget-dynamic-container.widget-variation-9 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 11.11%;}
  .unwrap > .widget-dynamic-container.widget-variation-10 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .widget-variation-static .widget-dynamic-container.widget-variation-10 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 10%;}
  .unwrap > .widget-dynamic-container.widget-variation-11 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .widget-variation-static .widget-dynamic-container.widget-variation-11 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 9.09%;}
  .unwrap > .widget-dynamic-container.widget-variation-12 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .widget-variation-static .widget-dynamic-container.widget-variation-12 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card {
    width: 8.33%;}
}
/*end card column width*/

@media all and (max-width: 60em) {
  .unwrap-half > .widget-dynamic-container.widget-variation-1 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .unwrap-half > .widget-dynamic-container.widget-variation-2 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .unwrap-half > .widget-dynamic-container.widget-variation-3 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .unwrap-half > .widget-dynamic-container.widget-variation-4 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .unwrap-half > .widget-dynamic-container.widget-variation-5 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .unwrap-half > .widget-dynamic-container.widget-variation-6 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .unwrap-half > .widget-dynamic-container.widget-variation-7 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .unwrap-half > .widget-dynamic-container.widget-variation-8 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .unwrap-half > .widget-dynamic-container.widget-variation-9 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .unwrap-half > .widget-dynamic-container.widget-variation-10 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .unwrap-half > .widget-dynamic-container.widget-variation-11 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card,
  .unwrap-half > .widget-dynamic-container.widget-variation-12 > .widget-dynamic:not(.widget-dynamic-slider):not(.widget-dynamic-slider-multiple):not(.widget-dynamic-masonry):not(.widget-dynamic-list) > .card { 
    width: 50%;
  }
}


/*widget font size*/
.widget-dynamic-container.widget-tagged-faq .toggle-class > div > *,
.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-title {
  color: #767676;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-family: "Epilogue", sans-serif;
  font-size: 0.9375rem;
  line-height: 2.07em;
  letter-spacing: 0.03em;
}

.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card > a > figure > figcaption > .item-title {
  line-height: calc(2.07em * 0.8);
}


.widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link,
.widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link:visited,
.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-type,
.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-size,
.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-colour,
.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-vendor {
  color: #767676;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.6em;
  letter-spacing: 0.03em;
}

.widget-dynamic-container.widget-tagged-faq .accordion.group-faq > div > *,
.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-summary {
  color: #767676;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.6em;
  letter-spacing: 0.03em;
}

.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-tags {
  color: #767676;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter", sans-serif;
  font-size: 0.8125rem;
  line-height: 1em;
  letter-spacing: 0.1em;
}

.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-date {
  color: #272727;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.6em;
  letter-spacing: 0.1em;
}


.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-price {
  color: #767676;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.6em;
  letter-spacing: 0.1em;
}

.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card > a > figure > figcaption > .item-title {
  line-height: calc(1.6em * 0.8);
}

.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-author {
  color: #767676;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.6em;
  letter-spacing: 0.05em;
}

.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-category{
  color: #767676;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.6em;
  letter-spacing: 0.03em;
}

.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-divider{
  border:none;
  height:1px;
  background:rgba(39, 39, 39,0.2);
  margin: 0.5em 0 0 0;
}

.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card .widget-add-to-cart-container .btn-link,
.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card > a > figure > figcaption > .item-title,
.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card > a > figure > figcaption > .item-summary,
.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card > a > figure > figcaption > .item-tags,
.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card > a > figure > figcaption > .item-price,
.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card > a > figure > figcaption > .item-author,
.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card > a > figure > figcaption > .item-date,
.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card > a > figure > figcaption > .item-category,
.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card > a > figure > figcaption > .item-type,
.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card > a > figure > figcaption > .item-size,
.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card > a > figure > figcaption > .item-colour,
.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card > a > figure > figcaption > .item-vendor {
  text-align: left;
}

@media all and (min-width: 60em) {
  .widget-dynamic-container.widget-tagged-faq .toggle-class > div > *,
  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-title {
    font-size: 1.0163rem;
  }

  .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link,
  .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link:visited,
  .widget-dynamic-container.widget-tagged-faq .accordion.group-faq > div > *,
  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-summary,
  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-tags,
  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-price,
  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-author,
  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-date,
  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-category,
  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-type,
  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-size,
  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-colour,
  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-vendor {
    font-size: 0.8125rem;
  }

  .widget-dynamic-container.widget-tagged-faq .accordion.group-faq > div > *,
  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-summary {
    font-size: 0.8125rem;
  }

  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-tags {
    font-size: 0.8125rem;
  }

  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-date {
    font-size: 0.8125rem;
  }

  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-price {
    font-size: 0.9375rem;
  }

  .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-author {
    font-size: 0.8125rem;
  }
}
/* end widget font sizes */

/* show/hide */
/* .widget-dynamic-container:not(.hide-tags) > .widget-dynamic .card.card-event > a > figure > figcaption > .item-tags,
.widget-dynamic-container:not(.hide-tags) > .widget-dynamic .card.card-blog > a > figure > figcaption > .item-tags,
.widget-dynamic-container:not(.hide-tags) > .widget-dynamic .card.card-product > a > figure > figcaption > .item-tags, */
/* .widget-dynamic-container:not(.hide-price) > .widget-dynamic .card.card-product > a > figure > figcaption > .item-price, */
.widget-dynamic-container:not(.hide-author) > .widget-dynamic .card.card-blog > a > figure > figcaption > .item-author,
.widget-dynamic-container:not(.hide-date) > .widget-dynamic .card.card-event > a > figure > figcaption > .item-date,
.widget-dynamic-container:not(.hide-date) > .widget-dynamic .card.card-blog > a > figure > figcaption > .item-date,
.widget-dynamic-container.show-title > .widget-dynamic .card > a > figure > figcaption > .item-title,
.widget-dynamic-container.show-divider > .widget-dynamic .card > a > figure > figcaption > .item-divider,
.widget-dynamic-container.show-tags > .widget-dynamic .card > a > figure > figcaption > .item-tags,
.widget-dynamic-container.show-summary > .widget-dynamic .card > a > figure > figcaption > .item-summary,
.widget-dynamic-container.show-price > .widget-dynamic .card > a > figure > figcaption > .item-price,
.widget-dynamic-container.show-author > .widget-dynamic .card > a > figure > figcaption > .item-author,
.widget-dynamic-container.show-date > .widget-dynamic .card > a > figure > figcaption > .item-date,
.widget-dynamic-container.show-category > .widget-dynamic .card > a > figure > figcaption > .item-category,
.widget-dynamic-container.show-type > .widget-dynamic .card > a > figure > figcaption > .item-type,
.widget-dynamic-container.show-size > .widget-dynamic .card > a > figure > figcaption > .item-size,
.widget-dynamic-container.show-colour > .widget-dynamic .card > a > figure > figcaption > .item-colour,
.widget-dynamic-container.show-vendor > .widget-dynamic .card > a > figure > figcaption > .item-vendor{
  display: block;
}

.widget-dynamic-container.show-price > .widget-dynamic .card > a > figure > figcaption > .item-price[data-price="$0.00"] {
  display:none;
}

.widget-dynamic-container.show-title > .widget-dynamic .card > a > figure > figcaption > .item-title,
.widget-dynamic-container.show-divider > .widget-dynamic .card > a > figure > figcaption > .item-divider,
.widget-dynamic-container.show-tags > .widget-dynamic .card > a > figure > figcaption > .item-tags,
.widget-dynamic-container.show-summary > .widget-dynamic .card > a > figure > figcaption > .item-summary,
.widget-dynamic-container.show-price > .widget-dynamic .card > a > figure > figcaption > .item-price,
.widget-dynamic-container.show-author > .widget-dynamic .card > a > figure > figcaption > .item-author,
.widget-dynamic-container.show-date > .widget-dynamic .card > a > figure > figcaption > .item-date,
.widget-dynamic-container.show-category > .widget-dynamic .card > a > figure > figcaption > .item-category,
.widget-dynamic-container.show-type > .widget-dynamic .card > a > figure > figcaption > .item-type,
.widget-dynamic-container.show-size > .widget-dynamic .card > a > figure > figcaption > .item-size,
.widget-dynamic-container.show-colour > .widget-dynamic .card > a > figure > figcaption > .item-colour,
.widget-dynamic-container.show-vendor > .widget-dynamic .card > a > figure > figcaption > .item-vendor {
  padding: 0;
}

/* 
@media all and (min-width: 60em) {
  .widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card.card-product.card-add-to-cart > a > figure > figcaption > .item-summary {
    display: block;
  }
} */

.widget-dynamic-container > .widget-dynamic.widget-dynamic-list  .widget-add-to-cart-container {
  margin-left: auto;
  margin-right: 0;
  min-width: 60%;
  max-width: calc(100% - 216px);
  /* margin-left: minmax(30%, 250px); */
}

.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card.card-add-to-cart.container {
  position: relative;
}

.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card[class*="container"] .widget-add-to-cart-container {
  padding: 0 0 0 1em;
  margin-top: 0;
  transform: translateY(-38px); 
  margin-bottom: -32px;
}

.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card.container-thin .widget-add-to-cart-container {
  max-width: calc(100% - 200px);
}

.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card[class*="container"] .widget-add-to-cart-container .ui-btn.ui-mini {
  margin: 0;
}

.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .widget-add-to-cart-container .cart-drawer-item-quantity-container {
  margin: 0 0 0 0;
}

/* end show/hide */

/* widget tag style */
.widget-dynamic-container.show-tags > .widget-dynamic .card > a > figure > figcaption > .item-tags span{
  display:inline-block;
  width:auto;
}

/* .widget-dynamic-container:not(.hide-tags) > .widget-dynamic .card > a > figure > figcaption > .item-tags{
  padding:0.25em 0 0.25em 0;
} */

.widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-tags span {
    padding:0.2rem 0.3rem;
    margin-right: 0.3rem;
    margin-bottom: 0.1rem;
    margin-right: 2px;
    background: rgba(17, 17, 17,0.5);
    border-radius:2px;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-tags span,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure > figcaption > .item-tags span {
  background: rgba(17, 17, 17,0.5);
}

.widget-dynamic-container.tag-style-ghost > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > figcaption > .item-tags span,
.widget-dynamic-container.tag-style-ghost > .widget-dynamic > .card > a > figure > figcaption > .item-tags span {
  background:none;
  color:#111111;
  border: 1px solid #111111;
}

.widget-dynamic-container.tag-style-ghost > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-tags span,
.widget-dynamic-container.tag-style-ghost > .widget-dynamic-grid > .card > a > figure > figcaption > .item-tags span {
  color:#111111;
  border: 1px solid #111111;
}

.widget-dynamic-container.tag-style-line > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > figcaption > .item-tags span,
.widget-dynamic-container.tag-style-line > .widget-dynamic > .card > a > figure > figcaption > .item-tags span{
  padding:0;
  background:none;
}

.widget-dynamic-container.tag-style-line > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > figcaption > .item-tags span:before,
.widget-dynamic-container.tag-style-line > .widget-dynamic > .card > a > figure > figcaption > .item-tags span:before {
    content: " ";
    white-space:pre;
    border-left: 4px solid #111111;
    margin-right: 0.1rem;
    vertical-align:middle;
}

.widget-dynamic-container.tag-style-line > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-tags span:before,
.widget-dynamic-container.tag-style-line > .widget-dynamic-grid > .card > a > figure > figcaption > .item-tags span:before {
    border-left: 4px solid #111111;
}

.widget-dynamic-container.tag-style-icon > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > figcaption > .item-tags span:before,
.widget-dynamic-container.tag-style-icon > .widget-dynamic > .card > a > figure > figcaption > .item-tags span:before {
    content: "\f02b";
    font-family:"Font Awesome 6 Pro";
    margin-right: 0.1rem;
    color:#111111;
}

.widget-dynamic-container.tag-style-icon > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-tags span:before,
.widget-dynamic-container.tag-style-icon > .widget-dynamic-grid > .card > a > figure > figcaption > .item-tags span:before {
    color:#111111;
}
/* end widget tag style */

/* widget image container */


.widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container,
.widget-dynamic-container > .widget-dynamic > .card > a > figure > .item-image-container {
  position: relative;
  overflow: hidden;
  height:100%;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container:before,
.widget-dynamic-container > .widget-dynamic > .card > a > figure > .item-image-container:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.widget-dynamic-container.widget-aspect-ratio-16x9 > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container:before,
.widget-dynamic-container.widget-aspect-ratio-16x9 > .widget-dynamic > .card > a > figure > .item-image-container:before{
  padding-top: 56.25%;
}

.widget-dynamic-container.widget-aspect-ratio-4x3 > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container:before,
.widget-dynamic-container.widget-aspect-ratio-4x3 > .widget-dynamic > .card > a > figure > .item-image-container:before{
  padding-top: 75%;
}

.widget-dynamic-container.widget-aspect-ratio-3x2 > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container:before,
.widget-dynamic-container.widget-aspect-ratio-3x2 > .widget-dynamic > .card > a > figure > .item-image-container:before{
  padding-top: 66.67%;
}

.widget-dynamic-container.widget-aspect-ratio-1x1 > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container:before,
.widget-dynamic-container.widget-aspect-ratio-1x1 > .widget-dynamic > .card > a > figure > .item-image-container:before{
  padding-top: 100%;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container img,
.widget-dynamic-container > .widget-dynamic > .card > a > figure > .item-image-container img{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width:100%;
  object-fit: cover;
}


.widget-dynamic-container.widget-aspect-ratio-original > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container:before,
.widget-dynamic-container.widget-aspect-ratio-original > .widget-dynamic > .card > a > figure > .item-image-container:before{
  display:none;
}

.widget-dynamic-container.widget-aspect-ratio-original > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container img,
.widget-dynamic-container.widget-aspect-ratio-original > .widget-dynamic > .card > a > figure > .item-image-container img{
  position:relative;
  height: 100%;
  width:100%;
  object-fit: cover;
}
/* end widget image container*/

/* thumbnail icons */
.widget-dynamic-container > .widget-dynamic .card > a > figure > .item-image-container:after{
  font-family: "Font Awesome 6 Pro";
  padding-right: 0.15em;
  font-size: 3em;
  opacity: 0.4;
  vertical-align: middle;
  position: absolute;
  font-weight: 700;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%,-50%,0);
  color: #8c8b8c;
}

.widget-dynamic-container > .widget-dynamic .card.card-image.lightbox > a > figure > .item-image-container:after{
  font-size: 2em;
}

.widget-dynamic-container[data-types="Image"] .widget-dynamic > .card > a > figure > .item-image-container:after{
  display:none;
}

.widget-dynamic-container > .widget-dynamic .card.card-video > a > figure > .item-image-container:after{
  content:"\f01d";
}

.widget-dynamic-container > .widget-dynamic .card.card-audio > a > figure > .item-image-container:after{
  content:"\e12d";
}

.widget-dynamic-container > .widget-dynamic .card.card-document > a > figure > .item-image-container:after{
  content:"\f32d";
}
/* end thumbnail icons */

/* widget grid view */
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure > figcaption {
  position: absolute;
  width: 100%;
  height: 100%;
  padding:1em;
  box-sizing: border-box;
}

/* .widget-dynamic-container > .widget-dynamic-grid > .card > a > figure:not([class*="img-hover-"]) > figcaption */
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure:not([class*="img-hover-"]) > figcaption {
  top: 60%;
}

.widget-dynamic-container .widget-dynamic.widget-dynamic-grid .card.card-add-to-cart.card-no-effect .widget-add-to-cart-container {
  opacity: 1;
  transform: translateY(-48px);
}


.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-title,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure > figcaption > .item-title{
  opacity: 1;
  color:#767676;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-divider,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure > figcaption > .item-divider{
  background:#272727;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-summary,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure > figcaption > .item-summary{
  color: #767676;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-category,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure > figcaption > .item-category{
  color: #767676;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-date,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure > figcaption > .item-date{
  color: #767676;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-author,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure > figcaption > .item-author{
  color: #767676;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-price,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure > figcaption > .item-price{
  color: #767676;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-tags,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure > figcaption > .item-tags,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-type,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure > figcaption > .item-type,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-size,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure > figcaption > .item-size,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-colour,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure > figcaption > .item-colour,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure > figcaption > .item-vendor,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure > figcaption > .item-vendor{
  color: #767676;
}

/* widget card view */
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure,
.widget-dynamic-container > .widget-dynamic-card > .card > a > figure {
    width: auto;
    height: auto;
    background-color: rgba(27, 27, 27, var(--widget-card-background-opacity-default));
}

.widget-dynamic-container > .widget-dynamic-list > .card > a > figure {
    background-color: rgba(27, 27, 27, var(--widget-card-background-opacity-default));
}

/* .widget-dynamic-container.widget-tagged-faq, */
.widget-dynamic-container > .widget-dynamic-card .card.card-add-to-cart > .widget-add-to-cart-container {
  background-color: rgba(27, 27, 27, var(--widget-card-background-opacity-default));
}

.widget-card-opacity > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure,
.widget-card-opacity > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure,
.widget-card-opacity > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure,
.widget-card-opacity > .widget-dynamic-container > .widget-dynamic-card .card.card-add-to-cart > .widget-add-to-cart-container {
  --widget-card-background-opacity-default: var(--widget-card-background-opacity);
}

.widget-card-blur-filter > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure,
.widget-card-blur-filter > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure,
.widget-card-blur-filter > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure,
.widget-card-blur-filter > .widget-dynamic-container > .widget-dynamic-card .card.card-add-to-cart > .widget-add-to-cart-container {
  backdrop-filter: blur(var(--widget-card-background-blur));
}




.widget-add-to-cart-container .cart-drawer-item-quantity-container {
  width: 20%;
  min-width: 38px;
  max-width: 60px;
  margin: 0 0 0 auto;
  padding: 0.26em 0.75em 0 0.75em;
  padding-left: 0;
  padding-right: 0;
  border-color: #767676;
  border-style: solid;
  border-width: 1px;
  border-radius: 10em;
}

.widget-dynamic-container > .widget-dynamic-list .widget-add-to-cart-container .cart-drawer-item-quantity-container {
  width: auto;
  /* min-width: 57px; */
  min-width: 36px;
  z-index: 1;
}

.widget-dynamic-container > .widget-dynamic-list .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.widget-dynamic-container > .widget-dynamic-card .widget-add-to-cart-container .cart-drawer-item-quantity-container {
  border-color: #767676;
}



.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure {
  min-height:100%;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption{
  padding: 1em;
  position: relative;
}

.widget-dynamic-container > .widget-dynamic-card .card.card.card-add-to-cart .widget-add-to-cart-container {
  /* 2px padding top is for plus and minus icons to not cut off */
  padding: 2px 1em 1em 1em; 
  position: relative;
  top: 0px;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card[class*="height-"],
.widget-dynamic-container > .widget-dynamic-card > .card[class*="height-"]{
  height:auto;
}


.widget-dynamic-container > div.widget-dynamic-card[class*="widget-dynamic-slider"]:not(.widget-dynamic-masonry) > div > div > div > .card.height-shortest > a > figure > .item-image-container,
.widget-dynamic-container > .widget-dynamic-card:not(.widget-dynamic-masonry) > .card.height-shortest > a > figure > .item-image-container {
  height: 200px;
}

@media all and (min-width: 60em) {
  .widget-dynamic-container > div.widget-dynamic-card[class*="widget-dynamic-slider"]:not(.widget-dynamic-masonry) > div > div > div > .card.height-shortest > a > figure > .item-image-container,
  .widget-dynamic-container > .widget-dynamic-card:not(.widget-dynamic-masonry) > .card.height-shortest > a > figure > .item-image-container {
    height: 300px;
  }
}

.widget-dynamic-container > div.widget-dynamic-card[class*="widget-dynamic-slider"]:not(.widget-dynamic-masonry) > div > div > div > .card.height-shorter > a > figure > .item-image-container,
.widget-dynamic-container > .widget-dynamic-card:not(.widget-dynamic-masonry) > .card.height-shorter > a > figure > .item-image-container {
  height: 250px;
}

@media all and (min-width: 60em) {
  .widget-dynamic-container > div.widget-dynamic-card[class*="widget-dynamic-slider"]:not(.widget-dynamic-masonry) > div > div > div > .card.height-shorter > a > figure > .item-image-container,
  .widget-dynamic-container > .widget-dynamic-card:not(.widget-dynamic-masonry) > .card.height-shorter > a > figure > .item-image-container {
    height: 400px;
  }
}

.widget-dynamic-container > div.widget-dynamic-card[class*="widget-dynamic-slider"]:not(.widget-dynamic-masonry) > div > div > div > .card.height-short > a > figure > .item-image-container,
.widget-dynamic-container > .widget-dynamic-card:not(.widget-dynamic-masonry) > .card.height-short > a > figure > .item-image-container {
  height: 300px;
}

@media all and (min-width: 60em) {
  .widget-dynamic-container > div.widget-dynamic-card[class*="widget-dynamic-slider"]:not(.widget-dynamic-masonry) > div > div > div > .card.height-short > a > figure > .item-image-container,
  .widget-dynamic-container > .widget-dynamic-card:not(.widget-dynamic-masonry) > .card.height-short > a > figure > .item-image-container {
    height: 500px;
  }
}

.widget-dynamic-container > div.widget-dynamic-card[class*="widget-dynamic-slider"]:not(.widget-dynamic-masonry) > div > div > div > .card.height-medium > a > figure > .item-image-container,
.widget-dynamic-container > .widget-dynamic-card:not(.widget-dynamic-masonry) > .card.height-medium > a > figure > .item-image-container {
  height: 350px;
}

@media all and (min-width: 60em) {
  .widget-dynamic-container > div.widget-dynamic-card[class*="widget-dynamic-slider"]:not(.widget-dynamic-masonry) > div > div > div > .card.height-medium > a > figure > .item-image-container,
  .widget-dynamic-container > .widget-dynamic-card:not(.widget-dynamic-masonry) > .card.height-medium > a > figure > .item-image-container {
    height: 600px;
  }
}

.widget-dynamic-container > div.widget-dynamic-card[class*="widget-dynamic-slider"]:not(.widget-dynamic-masonry) > div > div > div > .card.height-tall > a > figure > .item-image-container,
.widget-dynamic-container > .widget-dynamic-card:not(.widget-dynamic-masonry) > .card.height-tall > a > figure > .item-image-container {
  height: 400px;
}

@media all and (min-width: 60em) {
  .widget-dynamic-container > div.widget-dynamic-card[class*="widget-dynamic-slider"]:not(.widget-dynamic-masonry) > div > div > div > .card.height-tall > a > figure > .item-image-container,
  .widget-dynamic-container > .widget-dynamic-card:not(.widget-dynamic-masonry) > .card.height-tall > a > figure > .item-image-container {
    height: 700px;
  }
}

.widget-dynamic-container > div.widget-dynamic-card[class*="widget-dynamic-slider"]:not(.widget-dynamic-masonry) > div > div > div > .card.height-taller > a > figure > .item-image-container,
.widget-dynamic-container > .widget-dynamic-card:not(.widget-dynamic-masonry) > .card.height-tallerer > a > figure > .item-image-container {
  height: 450px;
}

@media all and (min-width: 60em) {
  .widget-dynamic-container > div.widget-dynamic-card[class*="widget-dynamic-slider"]:not(.widget-dynamic-masonry) > div > div > div > .card.height-taller > a > figure > .item-image-container,
  .widget-dynamic-container > .widget-dynamic-card:not(.widget-dynamic-masonry) > .card.height-taller > a > figure > .item-image-container {
    height: 800px;
  }
}


.widget-dynamic-container > div.widget-dynamic-card[class*="widget-dynamic-slider"]:not(.widget-dynamic-masonry) > div > div > div > .card.height-tallest > a > figure > .item-image-container,
.widget-dynamic-container > .widget-dynamic-card:not(.widget-dynamic-masonry) > .card.height-tallest > a > figure > .item-image-container {
  height: 500px;
}

@media all and (min-width: 60em) {
  .widget-dynamic-container > div.widget-dynamic-card[class*="widget-dynamic-slider"]:not(.widget-dynamic-masonry) > div > div > div > .card.height-tallest > a > figure > .item-image-container,
  .widget-dynamic-container > .widget-dynamic-card:not(.widget-dynamic-masonry) > .card.height-tallest > a > figure > .item-image-container {
    height: 900px;
  }
}




/* widget list view */
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure,
.widget-dynamic-container > .widget-dynamic-list > .card > a > figure {
  display: flex;
  display: -webkit-flex;
  width: auto;
  height: auto;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > .item-image-container,
.widget-dynamic-container > .widget-dynamic-list > .card > a > figure > .item-image-container {
  width: 40%;
  max-width: 200px;
  height: 40%;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > .item-image-container:after,
.widget-dynamic-container > .widget-dynamic-list > .card > a > figure > .item-image-container:after{
  font-size: 1.5em;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption{
  width: 70%;
  position: relative;
  padding: 0em 1em;
}

.widget-dynamic-container > .widget-dynamic-list .card > a > figure > figcaption > .item-summary{
  color: #767676;
}

.widget-dynamic-container.widget-image-position-hide > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > .item-image-container,
.widget-dynamic-container.widget-image-position-hide > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > .item-image-container,
.widget-dynamic-container.widget-image-position-hide > .widget-dynamic-card > .card > a > figure > .item-image-container,
.widget-dynamic-container.widget-image-position-hide > .widget-dynamic-list > .card > a > figure > .item-image-container{
  display: none;
}

.widget-dynamic-container.widget-image-position-hide > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a >  figure > figcaption,
.widget-dynamic-container.widget-image-position-hide > .widget-dynamic-list > .card > a >  figure > figcaption{
  width: 100%;
}

.widget-dynamic-container.widget-image-position-first > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure,
.widget-dynamic-container.widget-image-position-first > .widget-dynamic-card > .card > a > figure{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

.widget-dynamic-container.widget-image-position-last > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure,
.widget-dynamic-container.widget-image-position-last > .widget-dynamic-card > .card > a > figure{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

.widget-dynamic-container.widget-image-position-first > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > .item-image-container,
.widget-dynamic-container.widget-image-position-first > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a >  figure > .item-image-container,
.widget-dynamic-container.widget-image-position-first > .widget-dynamic-card > .card > a > figure > .item-image-container,
.widget-dynamic-container.widget-image-position-first > .widget-dynamic-list > .card > a >  figure > .item-image-container{
  order:-100;
}

.widget-dynamic-container.widget-image-position-last > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > .item-image-container,
.widget-dynamic-container.widget-image-position-last > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a >  figure > .item-image-container,
.widget-dynamic-container.widget-image-position-last > .widget-dynamic-card > .card > a > figure > .item-image-container,
.widget-dynamic-container.widget-image-position-last > .widget-dynamic-list > .card > a >  figure > .item-image-container{
  order:100;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure,
.widget-dynamic-container > .widget-dynamic-list > .card > a > figure,
.widget-dynamic-container > .widget-dynamic-card > .card > a > figure{
  z-index:0;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure img,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure img,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure img,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure img,
.widget-dynamic-container > .widget-dynamic-list > .card > a > figure img,
.widget-dynamic-container > .widget-dynamic-card > .card > a > figure img{
  z-index:-1;
}

.widget-dynamic-container > .widget-dynamic-mix > .card {
  display:none;
  overflow:hidden;
  transition:none;
}

.widget-dynamic-mix-filter-container a.ui-btn{
  text-transform:uppercase;
}

.widget-dynamic-mix-filter-container a.ui-btn.active{
  background-color:#111111;
  color:#8c8b8c;
}

.widget-dynamic-container > .widget-dynamic-masonry{
  display:block;
  margin:0 auto;
}



.widget-dynamic-container > .widget-dynamic-masonry > .card {
  width: 100%;
  overflow: hidden;
}

.unwrap-half .widget-dynamic-container>.widget-dynamic-masonry>.card {
  width: 50%;
}

@media (min-width: 60em){
  .unwrap-half .widget-dynamic-container > .widget-dynamic-masonry > .card,
  .widget-dynamic-container>.widget-dynamic-masonry>.card {
    width: 300px;
    overflow: hidden;
  }

  .unwrap-half .masonry-columns-3 .widget-dynamic-container > .widget-dynamic-masonry > .card,
  .masonry-columns-3 .widget-dynamic-container>.widget-dynamic-masonry>.card {
    width: 33%;
  }

  .unwrap-half .masonry-columns-4 .widget-dynamic-container > .widget-dynamic-masonry > .card,
  .masonry-columns-4 .widget-dynamic-container>.widget-dynamic-masonry>.card {
    width: 25%
  }

  .unwrap-half .masonry-columns-5 .widget-dynamic-container > .widget-dynamic-masonry > .card,
  .masonry-columns-5 .widget-dynamic-container>.widget-dynamic-masonry>.card {
    width: calc((100vw - 1em) / 5);
  }

  .unwrap-half .masonry-columns-8 .widget-dynamic-container > .widget-dynamic-masonry > .card,
  .masonry-columns-8 .widget-dynamic-container>.widget-dynamic-masonry>.card {
    width: calc((100vw - 3em) / 8);
  }

    .unwrap-half .masonry-columns-12 .widget-dynamic-container>.widget-dynamic-masonry>.card.container-thin,
    .masonry-columns-12 .widget-dynamic-container>.widget-dynamic-masonry>.card {
      width: calc((100vw - 8.5em) / 12);
    }

}

/* img-hover-primary */
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-primary figcaption,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-primary figcaption{
  background:rgba(17, 17, 17, 0.8);
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card:hover > a > figure.img-hover-primary figcaption h5:after,
.widget-dynamic-container > .widget-dynamic > .card:hover > a > figure.img-hover-primary figcaption h5:after{
  display: none; /*override h5 in base*/
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-primary figcaption *,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-primary figcaption *{
  max-height: 0px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-primary figcaption > .item-title,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-primary figcaption > .item-price,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card:hover > a > figure.img-hover-primary figcaption *,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-primary figcaption > .item-title,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-primary figcaption > .item-price,
.widget-dynamic-container > .widget-dynamic-grid > .card:hover > a > figure.img-hover-primary figcaption *{
  max-height: 500px;
  opacity: 1;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-primary figcaption div,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-primary figcaption p,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-primary figcaption span,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-primary figcaption div,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-primary figcaption p,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-primary figcaption span {
  -webkit-transform: translate3d(0,80%,0);
  transform: translate3d(0,80%,0);
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-primary figcaption > .item-title,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-primary figcaption > .item-price,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card:hover > a > figure.img-hover-primary figcaption div,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card:hover > a > figure.img-hover-primary figcaption p,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card:hover > a > figure.img-hover-primary figcaption span,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-primary figcaption > .item-title,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-primary figcaption > .item-price,
.widget-dynamic-container > .widget-dynamic-grid > .card:hover > a > figure.img-hover-primary figcaption div,
.widget-dynamic-container > .widget-dynamic-grid > .card:hover > a > figure.img-hover-primary figcaption p,
.widget-dynamic-container > .widget-dynamic-grid > .card:hover > a > figure.img-hover-primary figcaption span {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-primary figcaption,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-primary figcaption{
  top: 60%;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card:hover > a > figure.img-hover-primary figcaption,
.widget-dynamic-container > .widget-dynamic-grid > .card:hover > a > figure.img-hover-primary figcaption{
  top:0;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card:hover > a > figure.img-hover-primary img,
.widget-dynamic-container > .widget-dynamic-grid > .card:hover > a > figure.img-hover-primary img{
  opacity:1; /*override img opacity in base*/
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card:hover > a > figure.img-hover-primary figcaption > .item-title,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card:hover > a > figure.img-hover-primary figcaption > .item-title,
.widget-dynamic-container > .widget-dynamic-card > .card:hover > a > figure.img-hover-primary figcaption > .item-title,
.widget-dynamic-container > .widget-dynamic-list > .card:hover > a > figure.img-hover-primary figcaption > .item-title{
  color: #767676;
}


.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure.img-hover-primary figcaption > .item-summary,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card:hover > a > figure.img-hover-primary figcaption > .item-summary,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card:hover > a > figure.img-hover-primary figcaption > .item-summary,
.widget-dynamic-container > .widget-dynamic-card > .card > a > figure.img-hover-primary figcaption > .item-summary,
.widget-dynamic-container > .widget-dynamic-list > .card:hover > a > figure.img-hover-primary figcaption > .item-summary,
.widget-dynamic-container > .widget-dynamic-card > .card:hover > a > figure.img-hover-primary figcaption > .item-summary{
    color: #767676;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure.img-hover-primary figcaption *,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure.img-hover-primary figcaption *,
.widget-dynamic-container > .widget-dynamic-card > .card > a > figure.img-hover-primary figcaption *,
.widget-dynamic-container > .widget-dynamic-list > .card > a > figure.img-hover-primary figcaption *{
  opacity: 1;
  transform: none;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card:hover > a > figure.img-hover-primary img,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card:hover > a > figure.img-hover-primary img,
.widget-dynamic-container > .widget-dynamic-card > .card:hover > a > figure.img-hover-primary img,
.widget-dynamic-container > .widget-dynamic-list > .card:hover > a > figure.img-hover-primary img{
  opacity: 1;
  -webkit-filter: brightness(1.1) contrast(1.1);
    filter: brightness(1.1) contrast(1.1);
}

/* img-hover-secondary */
.widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card:hover > a > figure.img-hover-secondary img,
.widget-dynamic-container > .widget-dynamic > .card:hover > a > figure.img-hover-secondary img{
  transform: scale(1.07);
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-secondary figcaption,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-secondary figcaption{
  top:0;
  opacity: 0;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-secondary figcaption *,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-secondary figcaption *{
  opacity: 0;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card:hover > a > figure.img-hover-secondary figcaption,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card:hover > a > figure.img-hover-secondary figcaption *,
.widget-dynamic-container > .widget-dynamic-grid > .card:hover > a > figure.img-hover-secondary figcaption,
.widget-dynamic-container > .widget-dynamic-grid > .card:hover > a > figure.img-hover-secondary figcaption *{
  opacity: 1;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid:not(.widget-overlay-off) > div > div > div > .card:hover > a > figure.img-hover-secondary .item-image-container,
.widget-dynamic-container > .widget-dynamic-grid:not(.widget-overlay-off) > .card:hover > a > figure.img-hover-secondary .item-image-container{
  box-shadow: inset 0 0 0 2560px rgba(17, 17, 17,0.8) !important;
}


.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card:not(.widget-overlay-off) > div > div > div > .card:hover > a > figure.img-hover-secondary .item-image-container,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list:not(.widget-overlay-off) > div > div > div > .card:hover > a > figure.img-hover-secondary .item-image-container,
.widget-dynamic-container > .widget-dynamic-card:not(.widget-overlay-off) > .card:hover > a > figure.img-hover-secondary .item-image-container,
.widget-dynamic-container > .widget-dynamic-list:not(.widget-overlay-off) > .card:hover > a > figure.img-hover-secondary .item-image-container{
  box-shadow: inset 0 0 0 2560px rgba(17, 17, 17,0.4) !important; 
}


/* widget thumbnail */

.widget-thumbnail-container {
  display: flex;
  display: -webkit-flex;
  flex-wrap:wrap;
  -webkit-flex-wrap: wrap;
  overflow:hidden;
}


.widget-thumbnail-container.widget-thumbnail-variation-1 > div {
  width: 100%;}
.widget-thumbnail-container.widget-thumbnail-variation-2 > div {
  width: 50%;}
.widget-thumbnail-container.widget-thumbnail-variation-3 > div {
  width: 33.33%;}
.widget-thumbnail-container.widget-thumbnail-variation-4 > div {
  width: 25%;}
.widget-thumbnail-container.widget-thumbnail-variation-5 > div {
  width: 20%;}
.widget-thumbnail-container.widget-thumbnail-variation-6 > div {
  width: 16.66%;}
.widget-thumbnail-container.widget-thumbnail-variation-7 > div {
  width: 14.28%;}
.widget-thumbnail-container.widget-thumbnail-variation-8 > div {
  width: 12.5%;}
.widget-thumbnail-container.widget-thumbnail-variation-9 > div {
  width: 11.11%;}
.widget-thumbnail-container.widget-thumbnail-variation-10 > div {
  width: 10%;}
.widget-thumbnail-container.widget-thumbnail-variation-11 > div {
  width: 9.09%;}
.widget-thumbnail-container.widget-thumbnail-variation-12 > div {
  width: 8.33%;}



.widget-thumbnail-container > div > a > .thumbnail-image-container {
  position: relative;
  overflow: hidden;
  height:100%;
}

.widget-thumbnail-container > div > a > .thumbnail-image-container:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}


.widget-thumbnail-container.widget-thumbnail-aspect-ratio-16x9 > div > a > .thumbnail-image-container:before{
  padding-top: 56.25%;
}

.widget-thumbnail-container.widget-thumbnail-aspect-ratio-4x3 > div > a > .thumbnail-image-container:before{
  padding-top: 75%;
}

.widget-thumbnail-container.widget-thumbnail-aspect-ratio-3x2 > div > a > .thumbnail-image-container:before{
  padding-top: 66.67%;
}

.widget-thumbnail-container.widget-thumbnail-aspect-ratio-1x1 > div > a > .thumbnail-image-container:before{
  padding-top: 100%;
}

.widget-thumbnail-container > div > a > .thumbnail-image-container img{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width:100%;
  object-fit: cover;
}

.widget-thumbnail-container.widget-thumbnail-aspect-ratio-original > div > a > .thumbnail-image-container:before {
  display:none;
}

.widget-thumbnail-container.widget-thumbnail-aspect-ratio-original > div > a > .thumbnail-image-container img{
  position:relative;
  height: 100%;
  width:100%;
  object-fit: cover;
}




/* end widget thumbnail */


/* img-hover-5 */
 /*gradient-slide-up-zoom-in*/
 .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-5 figcaption,    
 .widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-5 figcaption{  
   top:65%;
 }    
 .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card:hover > a > figure.img-hover-5 figcaption,   
 .widget-dynamic-container > .widget-dynamic-grid > .card:hover > a > figure.img-hover-5 figcaption{ 
   top:0;  
 }    
 .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-5 figcaption *,  
 .widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-5 figcaption *{
   text-align:center;
 }    
 .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-5 figcaption .item-title,  
 .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-5 figcaption .item-price,  
 .widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-5 figcaption .item-title,
 .widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-5 figcaption .item-price{
   opacity:1;   
 }    
 .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-5 figcaption *:not(.item-title):not(.item-price),   
 .widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-5 figcaption *:not(.item-title):not(.item-price){ 
   max-height:0;
   opacity: 0;  
 }    
 .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card:hover > a > figure.img-hover-5 figcaption *:not(.item-title):not(.item-price),  
 .widget-dynamic-container > .widget-dynamic-grid > .card:hover > a > figure.img-hover-5 figcaption *:not(.item-title):not(.item-price){
   max-height:2560px;
   opacity: 1;  
 }    
 .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-5 figcaption *:not(.item-title):not(.item-divider):not(.item-price):not(.item-tags > span), 
 .widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-5 figcaption *:not(.item-title):not(.item-divider):not(.item-price):not(.item-tags > span){    
   -webkit-transform: translate3d(0,0,0);   
   transform: translate3d(0,0,0); 
 }    
 .widget-dynamic-container > .widget-dynamic-grid > .card:hover > a > figure.img-hover-5 figcaption *:not(.item-title):not(.item-divider):not(.item-price), 
 .widget-dynamic-container > .widget-dynamic-grid > .card:hover > a > figure.img-hover-5 figcaption *:not(.item-title):not(.item-divider):not(.item-price){ 
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);   
 }    
 .widget-dynamic-container > .widget-dynamic .card:hover > a > figure.img-hover-5 .item-image-container > img{ 
   transform: scale(1.05); 
 }    
 .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid:not(.widget-overlay-off) > div > div > div > .card > a > figure.img-hover-5 .item-image-container,   
 .widget-dynamic-container > .widget-dynamic-grid:not(.widget-overlay-off) > .card > a > figure.img-hover-5 .item-image-container{ 
   background:linear-gradient(transparent, rgba(17, 17, 17,0.3), rgba(17, 17, 17,0.8));
 }    
 
 .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid:not(.widget-overlay-off) > div > div > div > .card:hover > a > figure.img-hover-5 .item-image-container,  
 .widget-dynamic-container > .widget-dynamic-grid:not(.widget-overlay-off) > .card:hover > a > figure.img-hover-5 .item-image-container{
   background:linear-gradient(rgba(17, 17, 17,0.6), rgba(17, 17, 17,0.8)) !important;
 }    
 .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card:not(.widget-overlay-off) > div > div > div > .card:hover > a > figure.img-hover-5 .item-image-container,  
 .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list:not(.widget-overlay-off) > div > div > div > .card:hover > a > figure.img-hover-5 .item-image-container,  
 .widget-dynamic-container > .widget-dynamic-card:not(.widget-overlay-off) > .card:hover > a > figure.img-hover-5 .item-image-container,
 .widget-dynamic-container > .widget-dynamic-list:not(.widget-overlay-off) > .card:hover > a > figure.img-hover-5 .item-image-container{
   background:linear-gradient(rgba(17, 17, 17,0.6), rgba(17, 17, 17,0.8)) !important;
 }


/* img-hover-6 */
/*fadein-center-zoom-in*/
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-6 figcaption,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-6 figcaption{
  top: 0%;
  align-content:center;
}
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-6 figcaption *,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-6 figcaption *{
  opacity: 0;
  text-align:center;
}

/* .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-6 figcaption .item-title,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-6 figcaption  .item-title {
  opacity: 1;
} */

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card:hover > a > figure.img-hover-6 figcaption,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card:hover > a > figure.img-hover-6 figcaption *,
.widget-dynamic-container > .widget-dynamic-grid > .card:hover > a > figure.img-hover-6 figcaption,
.widget-dynamic-container > .widget-dynamic-grid > .card:hover > a > figure.img-hover-6 figcaption *{
  top: 0;
  opacity: 1;
}
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card > a > figure.img-hover-6 figcaption .item-divider,
.widget-dynamic-container > .widget-dynamic-grid > .card > a > figure.img-hover-6 figcaption .item-divider{
  width:0px;
}
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid > div > div > div > .card:hover > a > figure.img-hover-6 figcaption .item-divider,
.widget-dynamic-container > .widget-dynamic-grid > .card:hover > a > figure.img-hover-6 figcaption .item-divider{
  width:100%;
}
.widget-dynamic-container > .widget-dynamic .card:hover > a > figure.img-hover-6 .item-image-container > img{
  transform: scale(1.07);
}
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-grid:not(.widget-overlay-off) > div > div > div > .card:hover > a > figure.img-hover-6 .item-image-container,
.widget-dynamic-container > .widget-dynamic-grid:not(.widget-overlay-off) > .card:hover > a > figure.img-hover-6 .item-image-container{
  box-shadow: inset 0 0 0 2560px rgba(17, 17, 17,0.8) !important;
}
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card:not(.widget-overlay-off) > div > div > div > .card:hover > a > figure.img-hover-6 .item-image-container,
.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list:not(.widget-overlay-off) > div > div > div > .card:hover > a > figure.img-hover-6 .item-image-container,
.widget-dynamic-container > .widget-dynamic-card:not(.widget-overlay-off) > .card:hover > a > figure.img-hover-6 .item-image-container,
.widget-dynamic-container > .widget-dynamic-list:not(.widget-overlay-off) > .card:hover > a > figure.img-hover-6 .item-image-container{
  box-shadow: inset 0 0 0 2560px rgba(17, 17, 17,0.4);
}




    .widget-dynamic-container figure:hover .item-image-container {
        box-shadow: none !important;
    }


.widget-img-hover-overlay-none > .widget-dynamic-container figure:hover .item-image-container {
  box-shadow: none !important;
}

/* END DYNAMIC WIDGET */



/* BLOG */
.blog-aside-category-container {
  display: none;
}

@media all and (min-width: 60em) {
  .blog-grid{
    padding-top:1em;
  }

  .blog-item .five-sixth {
    padding-right: 2em;
  }

  .blog-aside {
    padding:0 0em;
  }
}

.blog-aside h2 {
  background-color: #767676;
  color: #111111;
  margin:0 0 3px 0;
  padding: 1em;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter",sans-serif;
  font-size: 1.493rem;
  line-height: 1em;
  letter-spacing: 0.03em;
}

.blog-aside ul li a, .blog-aside ul li a:visited {
  padding: 1em;
  color: #aeaeae;
  transition: all 500ms ease-in-out;
}

.blog-aside ul li a:hover {
  padding: 1em;
  color: #aeaeae;
  /*background-color: #1b1b1b;*/
}

.blog-aside .blog-title {
  /* font-weight: bold;
  text-transform: uppercase; */
}

.blog-item h2 {
  margin:16px 0 0 0;
  padding-top: 0.25em;
  /* text-transform: uppercase; */
  color: #111111;
}

.blog-item h6, .blog-item h6 > a, .blog-item h6 > a.ui-link {
  /* font-size: 1rem; */
  color: #1b1b1b;
}

.blog-item p, span.day, span.month {
  color: #111111;
}

.ui-breadcrumb {
  margin: 12px 0 0 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.9em;
  text-overflow: ellipsis;
  padding:3px;
}

.ui-breadcrumb a {
  cursor: pointer;
  text-decoration: none;
}

.ui-breadcrumb a.ui-link {
  font-weight: normal;
}

.ui-breadcrumb a:after {
  content: " / ";
  cursor: pointer;
  text-decoration: none;
  opacity: 0.5;
  margin: 0em 0.15em 0em;
  font-size: 1em;
  color: #1b1b1b;
}

/* END BLOG */

span.underline {
  display: inline-table;
}

span.underline:after {
  content: "";
  background: #474747;
  display: table-caption;
  caption-side: bottom;
  position: relative;
  height: 3px;
  border-radius: 1em;
  margin: 0.15em auto 0.3em 0;
  text-shadow: none;
  border: 0;
}

span.underline.center:after {
  margin: 0.15em auto 0.3em auto;
}

span.underline.right:after {
  margin: 0.15em 0 0.3em auto;
}

.row-light span.underline:after {
  background: #8c8b8c;
}

.row-dark span.underline:after {
  background: #010101;
}

.row-primary span.underline:after {
  background: #767676;
}

.row-secondary span.underline:after {
  background: #111111;
}

.row-accent-1 span.underline:after {
  background: #1b1b1b;
}

.row-accent-2 span.underline:after {
  background: #242424;
}

.row-accent-3 span.underline:after {
  background: #3b3a3b;
}

.row-accent-4 span.underline:after {
  background: #474747;
}

.row-accent-5 span.underline:after {
  background: #4f8c80;
}

.row-accent-6 span.underline:after {
  background: #69b5a3;
}


.blog-aside h2 {
  
    background-color: #111111;
  
  
    color: #767676;
  
}

.blog-aside ul li a, .blog-aside ul li a:visited {
  
    background-color: #767676;
  
  
    color: #111111;
  
}

.blog-aside ul li a:hover {
  
    color: #1b1b1b;
  
}

.blog-item .ui-btn.btn-secondary.btn-ghost,
.blog-item .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.blog-item .ui-btn.btn-secondary.btn-ghost:visited,
.blog-item .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.blog-item .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.blog-item .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  
    border-color: #1b1b1b;
  
  
    color: #767676;
  
}

.blog-item .ui-btn.btn-secondary.btn-ghost:hover,
.blog-item .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.blog-item .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  
    background-color: #1b1b1b;
    border-color: #1b1b1b;
  
  
    color: #767676;
  
}

.blog-item .ui-btn.btn-secondary.btn-ghost:active,
.blog-item .ui-btn.ui-btn-a.btn-secondary.btn-ghost:active,
.blog-item .ui-btn.btn-secondary.btn-ghost.ui-input-btn:active {
  
    background-color: #1b1b1b;
    border-color: #1b1b1b;
  
  
    color: #767676;
  
}


.ui-listview {
  box-shadow:none
}
.ui-page-theme-a .ui-listview li {
  border:0;
}

.ui-page-theme-a .ui-selectmenu .ui-listview li {
  border-top: 1px solid rgba(1, 1, 1, 0.085);
}

#login form > h1 {
  display:none
}
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-radio:not(:last-child) {
  border-right:1px solid rgba(140, 139, 140,0.1);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn.ui-last-child {
  border-left-width: 0px;
  border-right-width: 0px;
}

.ui-listview>li>a.ui-btn, .ui-listview>li>a.ui-btn:visited {
  border-color: transparent;
  border-width: 0;
  background-color: transparent;
  color: #8c8b8c;
}

.ui-listview>li>a.ui-btn:hover {
  color: #767676;
  background-color: rgba(140, 139, 140,0.1);
}


/* MULTI MENU */

.light-overlay ul.multi-menu-ul,
.light-overlay-lighter ul.multi-menu-ul,
.light-overlay-lightest ul.multi-menu-ul {
  color: #010101;
}

.row-light ul.multi-menu-ul a.ui-link, .row-light ul.multi-menu-ul a.ui-link:visited {
  color: #8c8b8c;
}

.row-dark ul.multi-menu-ul a.ui-link, .row-dark ul.multi-menu-ul a.ui-link:visited {
  color: #010101;
}

.row-primary ul.multi-menu-ul a.ui-link, .row-primary ul.multi-menu-ul a.ui-link:visited {
  color: #767676;
}

.row-secondary ul.multi-menu-ul a.ui-link, .row-secondary ul.multi-menu-ul a.ui-link:visited {
  color: #111111;
}

.row-accent-1 ul.multi-menu-ul a.ui-link, .row-accent-1 ul.multi-menu-ul a.ui-link:visited {
  color: #1b1b1b;
}

.row-accent-2 ul.multi-menu-ul a.ui-link, .row-accent-2 ul.multi-menu-ul a.ui-link:visited {
  color: #242424;
}

.row-accent-3 ul.multi-menu-ul a.ui-link, .row-accent-3 ul.multi-menu-ul a.ui-link:visited {
  color: #3b3a3b;
}

.row-accent-4 ul.multi-menu-ul a.ui-link, .row-accent-4 ul.multi-menu-ul a.ui-link:visited {
  color: #474747;
}

.row-accent-5 ul.multi-menu-ul a.ui-link, .row-accent-5 ul.multi-menu-ul a.ui-link:visited {
  color: #4f8c80;
}

.row-accent-6 ul.multi-menu-ul a.ui-link, .row-accent-6 ul.multi-menu-ul a.ui-link:visited {
  color: #69b5a3;
}

.row-accent-7 ul.multi-menu-ul a.ui-link, .row-accent-7 ul.multi-menu-ul a.ui-link:visited {
  color: #aeaeae;
}

.row-accent-8 ul.multi-menu-ul a.ui-link, .row-accent-8 ul.multi-menu-ul a.ui-link:visited {
  color: #aeaeae;
}







.row-light .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost,
.row-light .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:visited {
  background-color: transparent;
  color: #8c8b8c;
  border-color: #8c8b8c;
}

.row-light .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-light .widget-dynamic-mix-filter-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover {
  background-color: #8c8b8c;
  color: #010101;
  border-color: #8c8b8c;
}


.row-dark .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost,
.row-dark .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:visited {
  background-color: transparent;
  color: #010101;
  border-color: #010101;
}

.row-dark .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-dark .widget-dynamic-mix-filter-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover {
  background-color: #010101;
  color: #8c8b8c;
  border-color: #010101;
}


.row-primary .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost,
.row-primary .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:visited {
  background-color: transparent;
  color: #767676;
  border-color: #767676;
}

.row-primary .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-primary .widget-dynamic-mix-filter-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover {
  background-color: #767676;
  color: #8c8b8c;
  border-color: #767676;
}

.row-accent-1 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost,
.row-accent-1 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:visited {
  background-color: transparent;
  color: #1b1b1b;
  border-color: #1b1b1b;
}

.row-accent-1 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-accent-1 .widget-dynamic-mix-filter-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover {
  background-color: #1b1b1b;
  color: #8c8b8c;
  border-color: #1b1b1b;
}

.row-accent-2 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost,
.row-accent-2 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:visited {
  background-color: transparent;
  color: #242424;
  border-color: #242424;
}


.row-accent-2 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-accent-2 .widget-dynamic-mix-filter-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover {
  background-color: #242424;
  color: #8c8b8c;
  border-color: #242424;
}

.row-accent-3 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost,
.row-accent-3 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:visited {
  background-color: transparent;
  color: #3b3a3b;
  border-color: #3b3a3b;
}


.row-accent-3 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-accent-3 .widget-dynamic-mix-filter-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover {
  background-color: #3b3a3b;
  color: #8c8b8c;
  border-color: #3b3a3b;
}

.row-accent-4 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost,
.row-accent-4 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:visited {
  background-color: transparent;
  color: #474747;
  border-color: #474747;
}

.row-accent-4 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-accent-4 .widget-dynamic-mix-filter-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover {
  background-color: #474747;
  color: #8c8b8c;
  border-color: #474747;
}

.row-accent-5 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost,
.row-accent-5 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:visited {
  background-color: transparent;
  color: #4f8c80;
  border-color: #4f8c80;
}

.row-accent-5 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-accent-5 .widget-dynamic-mix-filter-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover {
  background-color: #4f8c80;
  color: #8c8b8c;
  border-color: #4f8c80;
}

.row-accent-6 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost,
.row-accent-6 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:visited {
  background-color: transparent;
  color: #69b5a3;
  border-color: #69b5a3;
}

.row-accent-6 .widget-dynamic-mix-filter-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-accent-6 .widget-dynamic-mix-filter-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover {
  background-color: #69b5a3;
  color: #8c8b8c;
  border-color: #69b5a3;
}






ul.multi-menu-ul {
  box-sizing: border-box;
  overflow: hidden;
}

ul.multi-menu-ul {
  left: 0;
  width: 100%;
  display: inline-block;
  list-style-type: none;
  margin:0;
  padding: 1em 0;
  color: #8c8b8c;
}

ul.multi-menu-ul li {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
}

ul.multi-menu-ul li a, ul.multi-menu-ul li a:visited {
  display: inline-block;
  width:100%;
  padding: 1em 0;
  transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  border-top: 1px solid rgba(1, 1, 1, 0.085);
}

ul.multi-menu-ul li li a {
  padding-left: 2em;
}

ul.multi-menu-ul li li li a {
  padding-left: 2.5em;
}

ul.multi-menu-ul > li > a, ul.multi-menu-ul > li > a:visited {
  padding: 0.75em;
  font-weight: 300;
  font-size: 0.9375rem;
}

.menu-container ul.multi-menu-ul > li > a, .menu-container ul.multi-menu-ul > li > a:visited,
.menu-container ul.multi-menu-ul li ul.sub-menu a, .menu-container li ul.sub-menu a:visited {
/*   padding: 0.75em 0; */
  font-weight: 300;
  font-size: 0.9375rem;
}

ul.multi-menu-ul li a:hover,
ul.multi-menu-ul li a.active {
  -webkit-filter: brightness(116%);
  filter: brightness(116%);
  /*background-color: rgba(140, 139, 140, 0.1);*/
}

/* END MULTI MENU */

/* HEADER #111111 */

.nav-bar {
  width:100%;
  height: 66px;
  position: fixed;
  top:0;
  right:0;
  box-sizing: border-box;
  z-index: 24;
  transition: all 400ms ease;
  background-color: rgba(17, 17, 17, 0.9);
}

body.demo-header-transparent .nav-bar:not(.nav-bar-dark),
body:not(.demo-header-solid) .nav-bar.transparent:not(.nav-bar-dark) {
  background-color: transparent;
}

/* vibe: dark */


body.demo-header-solid .nav-bar,
body.demo-header-solid .nav-bar.transparent {
  
  	
      background-color: rgba(17, 17, 17, 1);;
    
  
}


body.demo-header-solid .nav-bar.add-nav-bar-margin,
body.demo-header-solid .nav-bar.transparent.add-nav-bar-margin {
  
  	
      background-color: rgba(17, 17, 17, 1);;
    
  
}

@media all and (min-width: 60em) {
  .nav-bar {
    height:100px;
  }
}

.nav-bar[class*="nav-bar-dark"],
.nav-bar.add-nav-bar-margin[class*="nav-bar-dark"] {
  background-color: rgba(17, 17, 17, 1);
}

.nav-bar[class*="nav-bar-dark"] .nav-container > ul > li > a.ui-link {
  color: #767676;
}


.nav-bar[class*="nav-bar-dark"] .btn-action.ui-link,.nav-bar[class*="nav-bar-dark"] .btn-action.ui-link:visited,
.nav-bar[class*="nav-bar-dark"] .btn-action-1.ui-link,.nav-bar[class*="nav-bar-dark"] .btn-action-1.ui-link:visited,
.nav-bar[class*="nav-bar-dark"] .btn-action-2.ui-link,.nav-bar[class*="nav-bar-dark"] .btn-action-2.ui-link:visited,
.nav-bar[class*="nav-bar-dark"] .btn-action-3.ui-link,.nav-bar[class*="nav-bar-dark"] .btn-action-3.ui-link:visited {
  color: #767676;
}



.nav-bar .btn-action.ui-link i + span[data-text!=""] {
  margin-left: 4px;
}





.nav-bar[class*="nav-bar-dark"] .hamburger > i {
  color: #767676;
}



.nav-bar[class*="nav-bar-dark"] .hamburger span,
.nav-bar[class*="nav-bar-dark"] .hamburger span:before,
.nav-bar[class*="nav-bar-dark"] .hamburger span:after {
  background: #767676;
}



.nav-bar[class*="nav-bar-dark"] .btn-search.ui-link,.nav-bar[class*="nav-bar-dark"] .btn-search.ui-link:visited {
  color: #767676;
}



.nav-bar[class*="nav-bar-dark"] .btn-join.ui-link,.nav-bar[class*="nav-bar-dark"] .btn-join.ui-link:visited {
  color: #767676;
}





.top-bar.top-bar-dark .top-bar-btn-action.btn-action.ui-link, .top-bar.top-bar-dark .top-bar-btn-action.btn-action.ui-link:visited {

  
    background-color: #1b1b1b;
    color: #767676;;
  
}


.top-bar.top-bar-dark .top-bar-hamburger-container span, .top-bar.top-bar-dark .top-bar-hamburger-container i {
  color: #767676;
}



.top-bar.top-bar-dark .top-bar-btn-search.btn-search.ui-link, .top-bar.top-bar-dark .top-bar-btn-search.btn-search.ui-link:visited {
  color: #767676;
}



.top-bar.top-bar-dark .top-bar-btn-join.btn-join.ui-link, .top-bar.top-bar-dark .top-bar-btn-join.btn-join.ui-link:visited {
  color: #767676;
}



.nav-bar.add-nav-bar-margin {
 background-color: rgba(17, 17, 17, 1);
}

.nav-bar-margin {
  margin-top:66px;
}

@media all and (min-width: 60em) {
  .nav-bar-margin {
    margin-top:100px;
  }
}

html:not(.quick-form-opened) .ui-page:not(.no-header) .search-content-container.add-nav-bar-margin + div {
  margin-top:66px;
}

html:not(.quick-form-opened) .ui-page:not(.no-header) .show-top-bar .search-content-container.add-nav-bar-margin + div {
  margin-top: 116px;
}

@media all and (min-width: 60em) {
  html:not(.quick-form-opened) .ui-page:not(.no-header) .search-content-container.add-nav-bar-margin + div {
    margin-top: 100px;
  }

  html:not(.quick-form-opened) .ui-page:not(.no-header) .show-top-bar .search-content-container.add-nav-bar-margin + div {
    margin-top: 150px;
  }
}

.search-content-container:not(.add-nav-bar-margin) + .row > .widget-dynamic-container > .widget-dynamic-slider .card-section > .row.padding-top-wider,
.search-content-container:not(.add-nav-bar-margin) + .row > .row > .widget-dynamic-container > .widget-dynamic-slider .card-section > .row.padding-top-wider,
.search-content-container:not(.add-nav-bar-margin) + .row:not(.more-padding) > .row.more-padding,
.search-content-container:not(.add-nav-bar-margin) + .row.more-padding,
.search-content-container:not(.add-nav-bar-margin) + .row:not(.more-padding-top) > .row.more-padding-top,
.search-content-container:not(.add-nav-bar-margin) + .row.more-padding-top,
.search-content-container:not(.add-nav-bar-margin) + .row:not(.padding-top-wider) > .row.padding-top-wider,
.search-content-container:not(.add-nav-bar-margin) + .row.padding-top-wider,
.search-content-container:not(.add-nav-bar-margin) + .row:not(.container-wider) > .row.container-wider,
.search-content-container:not(.add-nav-bar-margin) + .row.container-wider,
.search-content-container:not(.add-nav-bar-margin) + div .card.card-slide > div {
  /* 66px + 1em */
  padding-top: 5.125em;
}

@media all and (max-width: 60em) {
  .search-content-container:not(.add-nav-bar-margin)+.row.header-padding-top-mobile {
    padding-top: 5.125em;
  }
}

@media all and (min-width: 60em) {
  .search-content-container:not(.add-nav-bar-margin) + .row > .widget-dynamic-container > .widget-dynamic-slider .card-section > .row.padding-top-wider,
  .search-content-container:not(.add-nav-bar-margin) + .row > .row > .widget-dynamic-container > .widget-dynamic-slider .card-section > .row.padding-top-wider,
  .search-content-container:not(.add-nav-bar-margin) + .row:not(.more-padding) > .row.more-padding,
  .search-content-container:not(.add-nav-bar-margin) + .row.more-padding,
  .search-content-container:not(.add-nav-bar-margin) + .row:not(.more-padding-top) > .row.more-padding-top,
  .search-content-container:not(.add-nav-bar-margin) + .row.more-padding-top,
  .search-content-container:not(.add-nav-bar-margin) + .row:not(.padding-top-wider) > .row.padding-top-wider,
  .search-content-container:not(.add-nav-bar-margin) + .row.padding-top-wider,
  .search-content-container:not(.add-nav-bar-margin) + .row:not(.container-wider) > .row.container-wider,
  .search-content-container:not(.add-nav-bar-margin) + .row.container-wider,
  .search-content-container:not(.add-nav-bar-margin) + div .card.card-slide > div {
    /* 100px + 3em */
    padding-top: 9.25em;
  }
}

.search-content-container:not(.add-nav-bar-margin) + .row > .widget-dynamic-container > .widget-dynamic-slider .card-section > .row.padding-top-widest,
.search-content-container:not(.add-nav-bar-margin) + .row > .row > .widget-dynamic-container > .widget-dynamic-slider .card-section > .row.padding-top-widest,
.search-content-container:not(.add-nav-bar-margin) + .row.text-block,
.search-content-container:not(.add-nav-bar-margin) + .row:not(.text-block) > .row.text-block,
.search-content-container:not(.add-nav-bar-margin) + .row:not(.most-padding) > .row.most-padding,
.search-content-container:not(.add-nav-bar-margin) + .row.most-padding,
.search-content-container:not(.add-nav-bar-margin) + .row:not(.most-padding-top) > .row.most-padding-top,
.search-content-container:not(.add-nav-bar-margin) + .row.most-padding-top,
.search-content-container:not(.add-nav-bar-margin) + .row:not(.padding-top-widest) > .row.padding-top-widest,
.search-content-container:not(.add-nav-bar-margin) + .row.padding-top-widest,
.search-content-container:not(.add-nav-bar-margin) + .row:not(.container-widest) > .row.container-widest,
.search-content-container:not(.add-nav-bar-margin) + .row.container-widest {
  /* 66px + 1em */
  padding-top: 5.125em;
}

@media all and (min-width: 60em) {
  .search-content-container:not(.add-nav-bar-margin) + .row > .widget-dynamic-container > .widget-dynamic-slider .card-section > .row.padding-top-widest:not(.padding-mobile),
  .search-content-container:not(.add-nav-bar-margin) + .row > .row > .widget-dynamic-container > .widget-dynamic-slider .card-section > .row.padding-top-widest:not(.padding-mobile),
  .search-content-container:not(.add-nav-bar-margin) + .row.text-block:not(.padding-mobile),
  .search-content-container:not(.add-nav-bar-margin) + .row:not(.text-block) > .row.text-block:not(.padding-mobile),
  .search-content-container:not(.add-nav-bar-margin) + .row:not(.most-padding) > .row.most-padding:not(.padding-mobile),
  .search-content-container:not(.add-nav-bar-margin) + .row.most-padding:not(.padding-mobile),
  .search-content-container:not(.add-nav-bar-margin) + .row:not(.most-padding-top) > .row.most-padding-top:not(.padding-mobile),
  .search-content-container:not(.add-nav-bar-margin) + .row.most-padding-top:not(.padding-mobile),
  .search-content-container:not(.add-nav-bar-margin) + .row:not(.padding-top-widest) > .row.padding-top-widest:not(.padding-mobile),
  .search-content-container:not(.add-nav-bar-margin) + .row.padding-top-widest:not(.padding-mobile),
  .search-content-container:not(.add-nav-bar-margin) + .row:not(.container-widest) > .row.container-widest:not(.padding-mobile),
  .search-content-container:not(.add-nav-bar-margin) + .row.container-widest:not(.padding-mobile) {
    /* 100px + 4em */
    padding-top: 10.25em;
  }
}


.logo-container {
  height: 100%;
  margin: 0 auto 0 0;
}

.logo-container a {
  display: block;
  width: 100%;
  margin: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.logo-container img {
  max-height: 36px;
  margin: 0 1em;
  object-position: 50% 50%;
  object-fit: contain;
}

.logo-container picture.demo-logo img {
  width: 86px;
}

@media all and (min-width: 30em) {
  .logo-container img {
    max-height: 50px;
  }
}

.logo-container.logo-small img {
  max-height: 24px;
}


@media all and (min-width: 60em) {
  .logo-container img {
    max-height: 60px;
    margin: 0em 0 1em 1em;
  }

  .logo-container.logo-small img {
    max-height: 32px;
  }

  .logo-container picture.demo-logo img {
    width: 148px;
  }
}

.nav-container {
  margin:0 0 0 auto;
  padding: 0;
  display: none;
}

.nav-bar.show-navigation-center .nav-container {
  position: absolute;
  margin: 0 0 0 auto;
}

.nav-bar.show-navigation-left .nav-container {
  margin: 0 auto 0 0;
}

.nav-bar.show-navigation.show-navigation-mobile .nav-container {
  display: block;
}

@media all and (min-width: 60em) {
  .nav-bar.show-navigation .nav-container.desktop {
    width: auto;
    display: inherit;
  }
}

.nav-container ul {
  padding: 0;
  margin: 0 0 0 auto;
  list-style: none;
  position: static;
  top: 0;
  left: auto;
  right: auto;
}

.nav-container > ul {
  display: flex;
}

.nav-container > ul > li {
  padding: 0px 0px;
  height: 100px;
  min-width: 50px;
  border-top: 6.5px solid rgba(118, 118, 118, 0);
  box-sizing: border-box;
  transition: all 500ms ease-in-out;
  text-align: center;
  white-space: nowrap;
}

.nav-container > ul > li.hover,
.nav-container > ul > li:hover {
  border-top: 6.5px solid #767676;
}

.nav-container > ul > li.hover,
.nav-container > ul > li:hover {
  border-color: transparent;
}

.nav-container > ul > li.active {
  border-top: 6.5px solid #767676;
  background-color: transparent;
}

.nav-container > ul > li.active{
  border-color:transparent;
}

.nav-container > ul > li > a {
  display: inline-block;
  font-weight: bold;
}

@media all and (min-width: 60em) {
  .nav-container ul li a.ui-link, .nav-container ul li a.ui-link:visited {
    padding: 10px 4px;
    /*color:;*/
    font-weight: 300;
    font-family: "Inter", sans-serif;
    font-size: 0.8125rem;
    letter-spacing: 0.1em;
  }

  .nav-container > ul > li > a:hover i.fa-chevron-down {
    width:14px;
  }

  .nav-container > ul > li > a:hover i.fa-chevron-down:before {
    transform-origin: 50% 50%;
    transform: rotate(180deg);
    content: "\f00d";
  }

  .nav-container ul li a.ui-link::after {
    content:"";
    display: block;
    padding: 5px 0;
    border-right: 1px solid #8c8b8c;
    background-color: #8c8b8c;
    top: 45px;
    position: absolute;
  }

  .nav-container ul li a.ui-link::after {
    content:"";
    display: none;
    border-right: none;
  }
}

.nav-container ul ul {
  top: 80px;
}

.nav-container ul ul > li a.ui-link {
  padding: 10px 20px;
}

.nav-container > ul > li > a.ui-link, .nav-container > ul > li > a.ui-link:visited {
  padding: 35px 5px;
  height: 95px;
  box-sizing: border-box;
  color: #767676;
  font-weight: 300;
  font-family: "Inter",sans-serif;
  font-size: 0.8125rem;
  line-height: 1.3em;
  text-transform: none;
  letter-spacing: 0.1em;
}

@media all and (min-width: 60em) {
  .nav-container > ul > li > a.ui-link, .nav-container > ul > li > a.ui-link:visited {
    font-size: 0.8125rem;
  }
}

.nav-container > ul > li.active > a.ui-link, .nav-container > ul > li.active > a.ui-link:visited {
  color: #767676;
}

@media all and (min-width: 80em) {
  .nav-container > ul > li > a.ui-link, .nav-container > ul > li > a.ui-link:visited {
    padding: 35px 15px;
  }
}

.nav-container > ul > li > a.ui-link:hover {
  color: #aeaeae;
}

.nav-container ul ul li a.ui-link{
  color:#767676;
}

.nav-container ul ul li a.ui-link.active {
  color:#767676;
  background-color: rgba(27, 27, 27, 1) ;
}

.nav-container > ul ul li {
  background-color: rgba(17, 17, 17, 0.9);
}

.nav-container > ul ul li:hover {
  background-color: rgba(27, 27, 27, 1);
}

.nav-container > ul ul li:hover > a.ui-link:not(.active) {
  color: #767676;
}

.phone-container {
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
  height: 100%;
  text-align: center;
  display: none;
}

@media all and (min-width: 80em) {
  .phone-container {
    min-width: 120px;
  }
}

.nav-bar.show-phone .phone-container {
  display: block;
}

.btn-phone.ui-link, .btn-phone.ui-link:visited {
  font-weight: 300;
  font-family: "Inter",sans-serif;
  font-size: 0.896rem;
  line-height: 1.3em;
  letter-spacing: 0.03em;
  position: relative;
  top: 36%;
  color: #767676;
}

@media all and (min-width: 60em) {
  .btn-phone.ui-link, .btn-phone.ui-link:visited {
    top: 42%;
  }
}

.action-container,
.action-1-container,
.action-2-container,
.action-3-container {
  height:  100%;
  box-sizing: border-box;
  text-align: center;
  display: none;
  margin: 0 0 0 0;
  padding: 0;
}

@media all and (min-width: 80em) {
  .action-container,
  .action-1-container,
  .action-2-container,
  .action-3-container {
    margin: 0 1em;
  }
}


.nav-bar.show-call-to-action.show-join:not(.show-search) .action-container,
.nav-bar.show-call-to-action:not(.show-join):not(.show-search):not(.show-hamburger) .action-container,
.nav-bar.show-action-1.show-join:not(.show-search) .action-1-container,
.nav-bar.show-action-1:not(.show-join):not(.show-search):not(.show-hamburger) .action-1-container,
.nav-bar.show-action-2.show-join:not(.show-search) .action-2-container,
.nav-bar.show-action-2:not(.show-join):not(.show-search):not(.show-hamburger) .action-2-container,
.nav-bar.show-action-3.show-join:not(.show-search) .action-3-container,
.nav-bar.show-action-3:not(.show-join):not(.show-search):not(.show-hamburger) .action-3-container {
  margin-right: 1em;
}


.nav-bar.show-call-to-action .action-container,
.nav-bar.show-action-1 .action-1-container,
.nav-bar.show-action-2 .action-2-container,
.nav-bar.show-action-3 .action-3-container {
  display: block;
}

.nav-bar .hamburger-container,
.nav-bar.show-hamburger .hamburger-container {
  order: 4;
}
.nav-bar.show-join .join-container {
  order: 3;
}
.nav-bar.show-call-to-action .action-container {
  order: 2;
}

.nav-bar.show-search.show-call-to-action.use-chatbox.show-call-to-action .action-container {
  margin: 0 1.5em 0 0.5em;
}

.nav-bar.show-search .search-container {
  order: 1;
}

.btn-action.ui-link, .btn-action.ui-link:visited,
.btn-action-1.ui-link, .btn-action-1.ui-link:visited,
.btn-action-2.ui-link, .btn-action-2.ui-link:visited,
.btn-action-3.ui-link, .btn-action-3.ui-link:visited {
  position: relative;
  top: 36%;
  padding: 1em;
  border-radius: 10em;
  color: #767676;
  font-weight: 300;
  font-family: "Inter",sans-serif;
  font-size: 0.8125rem;
  line-height: 1.3em;
  letter-spacing: 0.1em;
}

.btn-action.ui-link:hover,
.btn-action-1.ui-link:hover,
.btn-action-2.ui-link:hover,
.btn-action-3.ui-link:hover {
  -webkit-filter: brightness(116%);
  filter: brightness(116%);
  color: #767676;
}

@media all and (min-width: 60em) {
  .btn-action.ui-link span:not([data-text=""]), .btn-action.ui-link:visited span:not([data-text=""]) {
    padding-left: 6px;
    padding-right: 6px;
  }

  .btn-action.ui-link, .btn-action.ui-link:visited,
  .btn-action-1.ui-link, .btn-action-1.ui-link:visited,
  .btn-action-2.ui-link, .btn-action-2.ui-link:visited,
  .btn-action-3.ui-link, .btn-action-3.ui-link:visited {
    top: 39%;
    color: #767676;;
    border-color: #1b1b1b;
    background-color: #1b1b1b;
    white-space: nowrap;
  }

  .btn-action.ui-link:hover,
  .btn-action-1.ui-link:hover,
  .btn-action-2.ui-link:hover,
  .btn-action-3.ui-link:hover {
    color: #767676;
  }

  
  .nav-bar[class*="nav-bar-dark"] .btn-action.ui-link, .nav-bar[class*="nav-bar-dark"] .btn-action.ui-link:visited,
  .nav-bar[class*="nav-bar-dark"] .btn-action-1.ui-link, .nav-bar[class*="nav-bar-dark"] .btn-action-1.ui-link:visited,
  .nav-bar[class*="nav-bar-dark"] .btn-action-2.ui-link, .nav-bar[class*="nav-bar-dark"] .btn-action-2.ui-link:visited,
  .nav-bar[class*="nav-bar-dark"] .btn-action-3.ui-link, .nav-bar[class*="nav-bar-dark"] .btn-action-3.ui-link:visited {
    background-color: #1b1b1b;
  }
  
}


.btn-action i,
.btn-action-1 i,
.btn-action-2 i,
.btn-action-3 i {
  line-height: 0;
  position: relative;
}

@media all and (min-width: 80em) {
  /* .btn-action i.fa + span,
  .btn-action-1 i.fa + span,
  .btn-action-2 i.fa + span,
  .btn-action-3 i.fa + span {
    margin-left: 4px;
  } */

  .btn-action i,
  .btn-action-1 i,
  .btn-action-2 i,
  .btn-action-3 i {
    left: 1px;
  }
}


.action-content-container {
  box-sizing: border-box;
  display: none;
}

.search-container {
  height:  100%;
  box-sizing: border-box;
  text-align: center;
  display: none;
  margin: 0;
}

@media all and (min-width: 80em) {
  .nav-bar.show-search .search-container{
    margin: 0 1em;
  }

  .nav-bar.show-search.show-call-to-action .search-container {
    margin-right:0;
  }
}

.nav-bar.show-search .search-container {
  display: block;
}


.btn-search.ui-link, .btn-search.ui-link:visited {
  position: relative;
  top: 36%;
  padding: 1em;
  color: #767676;
  font-weight: 300;
  font-family: "Inter",sans-serif;
  font-size: 1.25rem;
  line-height: 1.3em;
  letter-spacing: 0.1em;
}

.btn-search.ui-link:hover {
  -webkit-filter: brightness(116%);
  filter: brightness(116%);
  color: #767676;
}

@media all and (min-width: 60em) {
  .btn-search.ui-link, .btn-search.ui-link:visited {
    top: 39%;
    font-size: 1.25rem;
  }
}

@media all and (min-width: 80em) {
  .btn-search.ui-link {
    border-color: transparent;
    background-color: transparent;
  }

  .btn-search i {
    left: 2px;
  }
}

.btn-search i {
  line-height: 0;
  position: relative;
}

@media all and (min-width: 80em) {
  .btn-search span {
    margin-left: 8px;
  }
}

.login-container {
  height:  100%;
  box-sizing: border-box;
  text-align: center;
  display: none;
}

.nav-bar.show-login .login-container {
  display: block;
}

.btn-login.ui-link, .btn-login.ui-link:visited {
  position: relative;
  top: 42%;
  -webkit-transform: translateY(-42%);
  -ms-transform: translateY(-42%);
  transform: translateY(-42%);
  color: #767676;
  font-weight: 300;
  font-family: "Inter",sans-serif;
  font-size: 0.8125rem;
  line-height: 1.3em;
  letter-spacing: 0.1em;
}

@media all and (min-width: 60em) {
  .btn-login.ui-link, .btn-login.ui-link:visited {
    font-size: 0.8125rem;
  }
}

.join-container {
  box-sizing: border-box;
  text-align: center;
  display: none;
  margin: 0;
}

.join-container:hover {
  color: #767676;
}


@media all and (min-width: 60em) {
  .join-container {
    min-width: 100px;
    width: 100px;
  }
}

.nav-bar.show-join .join-container {
  display: block;
}

.btn-join.ui-link, .btn-join.ui-link:visited {
  line-height:3.125rem;
  position: relative;
  width: 66px;
  height:66px;
  display: inline-block;
  transition: all 500ms ease-in-out;
  background-color: transparent;
  color: #767676;
  font-weight: 300;
  font-family: "Inter", sans-serif;
  font-size: 0.8125rem;
  letter-spacing: 0.1em;
}

.btn-join.ui-link:hover {
  -webkit-filter: brightness(116%);
  filter: brightness(116%);
  color: #767676;
}

@media all and (min-width: 60em) {
  .btn-join.ui-link, .btn-join.ui-link:visited {
    width: 100px;
    height: 100px;
    font-size: 0.8125rem;
  }

  
}

.btn-join i {
  font-size: 1.25rem;
  line-height: 0;
  margin-top: 50%;
  display: block;
}

@media all and (min-width: 60em) {
  .btn-join i {
    font-size: 1.25rem;
    line-height: 0;
    margin-top: 50%;
    display: block;
  }
}

@media all and (min-width: 80em) {
  .join-container:not(.btn-has-text) .btn-join i {
    margin-top: 50%;
  }
  
  .join-container.btn-has-text .btn-join i {
    margin-top: 40%;
  }
}

.search-content-container {
  box-sizing: border-box;
  overflow: hidden;
  display: none;
  z-index: 5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 17, 17, 0.75);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.search-content-container > div {
  max-width: 65em;
  margin: 100px auto 0 auto;
}

.search-content-container .ui-input-text {
  background-color: transparent;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.search-content-container .ui-input-text input {
  color: #8c8b8c;
  text-shadow: none;
}

@media (min-width: 60em) {
  .search-slide-in-right.search-content-container > .search-content-form-chatbot-container.padding-top {
    padding-top: 4px;
  }
}

a.close-search, a.close-search:visited {
  width: 24px;
  height: 24px;
  color: rgba(174, 174, 174,0.8);
  background-color: rgba(140, 139, 140,0.18);
  border-radius: 10em;
  border-width: 1px;
  padding: 5px;
  font-size: 0.75rem;
  box-sizing: border-box;
  transform: translate3d(-4px, 0, 0);
  aspect-ratio: 1/1;
  display: inline-flex;               /* Use flexbox */
  justify-content: center;            /* Center horizontally */
  align-items: center;                /* Center vertically */
  margin: 0 0 3px 0;
  padding: 0;                        /* Remove padding */
  line-height: normal;               /* Reset line-height */
}

/* @media (min-width: 40em) {
  a.close-search, a.close-search:visited {
    width: 26px;
    height: 26px;
    padding: 5px;
    font-size: 0.875rem;
  }
} */

a.close-search:hover {
  background-color: rgba(140, 139, 140,0.1);
}


.hamburger-container {
  box-sizing: border-box;
  display: none;
}

@media all and (min-width: 60em) {
  .hamburger-container {
    min-width: 100px;
  }
}

.nav-bar.show-hamburger .hamburger-container,
.nav-bar.show-navigation:not(.show-hamburger) .hamburger-container {
  display: block;
  margin: 0;
}

@media all and (min-width: 60em) {
  .nav-bar.show-navigation:not(.show-hamburger) .hamburger-container {
    display: none;
  }
}

.hamburger {
  width: 66px;
  height: 66px;
  display: block;
  padding: 31.5px 20px;
  box-sizing: border-box;
  position:relative;
  background-color: transparent;
}

.hamburger.hamburger-text {
  padding: 24px 20px;
}

a.hamburger, a.hamburger.ui-link, a.hamburger.ui-link:visited {
  font-size: 1rem;
}

@media all and (min-width: 60em) {
  .hamburger {
    height: 100px;
    width: 100px;
    min-width: 100px;
    padding: 46px 37px;
  }
  .hamburger.hamburger-text {
    padding: 40px 37px;
  }
}

.hamburger > i {
  font-family: "Inter",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 0.8125rem;
  line-height: 3.5rem;
  letter-spacing: 0em;  
  display: block;
  position: absolute;
  left: 0px;
  top: 24px;
  width: 66px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #767676;
}

.hamburger > i:hover {
  color:  #767676 ;
}

@media all and (min-width: 60em) {

  .hamburger > i {
    font-family: "Inter",sans-serif;
    font-size: 0.8125rem;
    line-height: 3.5rem;
    top: 40px;
    width: 100px;
  }

}

.nav-bar.show-hamburger.hamburger-no-icon .hamburger span {
  display: none;
}

.nav-bar.show-hamburger.hamburger-no-icon .hamburger > i {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;  
}

.nav-bar.show-hamburger.hamburger-no-icon a.hamburger {
  font-weight: 300;
  font-size: 0.8125rem;
  line-height: 3.5rem;
  letter-spacing: 0em;  
}

@media all and (min-width: 60em) {
  .nav-bar.show-hamburger.hamburger-no-icon a.hamburger {
    font-size: 0.8125rem;
  }
}

.hamburger span,
.hamburger span:before,
.hamburger span:after {
  cursor: pointer;
  height: 2px;
  width: 27px;
  border-radius: 1.2px;
  background: #767676;
  position: absolute;
  display: block;
  content: '';
}

.hamburger-container:hover .hamburger span,
.hamburger-container:hover .hamburger span:before,
.hamburger-container:hover .hamburger span:after,
.hamburger:hover span,
.hamburger:hover span:before,
.hamburger:hover span:after {
  background:  #767676 ;
}

.hamburger span:before {
  top: -8px;
}

.hamburger span:after {
  bottom: -8px;
}

.hamburger span, .hamburger span:before, .hamburger span:after {
  transition: all 500ms ease-in-out;
}

html.full-page-menu-opened:not(.mm-opening-btn-join) .hamburger span,
html.mm-opening:not(.mm-opening-btn-join) .hamburger span {
  background-color: transparent !important;
}

html.full-page-menu-opened:not(.mm-opening-btn-join) a.hamburger:hover span,
html.mm-opened:not(.mm-opening-btn-join) a.hamburger:hover span {
  background-color: transparent;
}

html.full-page-menu-opened:not(.mm-opening-btn-join) .hamburger span:before,
html.full-page-menu-opened:not(.mm-opening-btn-join) .hamburger span:after,
html.mm-opening:not(.mm-opening-btn-join) .hamburger span:before,
html.mm-opening:not(.mm-opening-btn-join) .hamburger span:after {
  top: 0;
}

html.full-page-menu-opened:not(.mm-opening-btn-join) .hamburger span:before,
html.mm-opening:not(.mm-opening-btn-join) .hamburger span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

html.full-page-menu-opened:not(.mm-opening-btn-join) .hamburger span:after,
html.mm-opening:not(.mm-opening-btn-join) .hamburger span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.full-page-menu.row-overlay {z-index: 4}


html.mm-front .nav-bar.mm-slideout {
  z-index: 1 !important;
}

/*.mm-menu.mm-front {
  z-index: 2;
}

.mm-front.mm-opening .hamburger-container {
  z-index: 3;
}*/

.mm-menu .mm-listview > li a:not(.mm-next) {
  color: #767676;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter",sans-serif;
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
  line-height: 2.5em;
}

@media all and (min-width: 60em) {
  .mm-menu .mm-listview > li a:not(.mm-next) {
    font-size: 0.9375rem;
  }
}

.mm-menu .mm-listview > li .mm-next:after,
.mm-menu .mm-listview > li .mm-arrow:after {
  border-color:  #767676 ;
}

#mmenu .hamburger span {
  position: absolute;
  top: 26px;
  right: 40px;
}


.mm-menu {
  background-color: #1b1b1b ;
}

.mm-menu ul {
  color: #8c8b8c;
}

.mm-listview {
  line-height: 2.5em;
}

.mm-listview a {
  /*text-transform: uppercase;*/
}

.mm-listview a.active {
  background: linear-gradient(to left, rgba(140, 139, 140,0.4), rgba(140, 139, 140,0.2), rgba(140, 139, 140,0.0));
}

.mm-panels > .mm-panel > .mm-listview:first-child {
  margin-top:-10px;
}

@media all and (min-width: 60em) {
  .mm-panels > .mm-panel > .mm-listview:first-child {
    margin-top:0;
  }
}

.mm-vertical .mm-listview > li > .mm-next,
.mm-listview > li.mm-vertical > .mm-next {
/*   height: 100%; */
  height: 56px;
  bottom: auto; }
  .mm-vertical .mm-listview > li > .mm-next:after,
  .mm-listview > li.mm-vertical > .mm-next:after {
    top: 24px;
    bottom: auto; left:20px;
  }

.mm-listview > li {
  transition: all 300ms ease-in-out;
}

.mm-listview > li:hover {
  box-shadow: inset 0 0 0 5120px rgba(1, 1, 1, 0.1);
}

.mm-listview > li {
  border-color: rgba(140, 139, 140,0.15);
}


.mm-listview > li:hover {
  background: linear-gradient(to left, rgba(140, 139, 140,0.2), rgba(140, 139, 140,0.1), rgba(140, 139, 140,0.0));
}

.mm-listview > li .mm-next {
  background-color: rgba(140, 139, 140,0.1);
}

.menu-container {
  box-sizing: border-box;
  overflow: hidden;
  z-index: 5;
  position: fixed;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  max-height: 90vh;
  width: 100%;
  /* fade out by default */
  visibility:hidden;
  opacity:0;
  transition: all 500ms ease-in-out;
  pointer-events: none;
}

.menu-container.show {
  visibility:visible;
  opacity:1;
  pointer-events: auto;
/*   z-index: 4; */
}

.show-top-bar .menu-container {
  top: 150px;
}

.menu-container ul {
    left: 0;
    color: #8c8b8c;
    width: 100%;
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu-container li {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
}

.menu-container li a, .menu-container li a:visited {
    display: inline-block;
    width: 100%;
    padding: 1em 1em;
    transition: all 200ms ease-in-out;
    position: relative;
}

.menu-container li a:hover {
  color: #aeaeae;
}

.menu-container li a:hover:after {
  color: #8c8b8c;
}

.menu-container li:last-child a:after {
  border-bottom: none;
}

.menu-container li a


.menu-container li li a {
    padding-left: 2em;
}

.menu-container li li li a {
    padding-left: 2.5em;
}

.menu-container > ul > li > a, .menu-container > ul > li > a:visited {
    padding: 0.75em;
}

.menu-container li li a {
  padding-left: 2em;
}

.menu-container li li li a {
  padding-left: 2.5em;
}

.menu-container > ul > li > a, .menu-container > ul > li > a:visited {
  padding: 0.75em;
}

html.mm-blocking body {
  overflow: initial;
}


/* .menu-container .ui-block-a,
.menu-container .ui-block-b,
.menu-container .ui-block-c,
.menu-container .ui-block-d,
.menu-container .ui-block-e {
  border-right: 1px solid rgba(1, 1, 1,0.05);
}

.menu-container .ui-grid-d > div > .container:nth-of-type(2) {
  border-top: 1px solid rgba(140, 139, 140,0.2);
  background-color: rgba(140, 139, 140,0.95);
} */
/* 
.menu-container i {
  margin-right: 6px;
} */

.popup-container .row-popup{
  position:relative;
}

.popup-container .btn-popup-close{
  position:absolute;
  top:-18px;
  right:-18px;
}

.popup-container{
  box-sizing: border-box;
  overflow: hidden;
  position: fixed;
  top: 0;
  max-height:100%;
  z-index: 9999;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease-in-out;
}

.popup-container.show {
  visibility: visible !important;
  opacity: 1;
}

.popup-container:not(.show) * {
  visibility: hidden !important; 
}

.ui-blocker {
  display: none;
  opacity: 0;
  z-index: -100;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(1, 1, 1,0.4);
  transition: all 150ms ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.ui-blocker.show {
    opacity: 1;
    z-index: 2;
    display: block;
}

#mmenu h6 {
  /*color: #8c8b8c;*/
  color: #767676;
}

#mmenu .ui-input-text {
  padding: 0px;
  width: 100%;
  box-sizing: border-box;
  margin: auto;
  border:  #8c8b8c ;
  background-color: rgba( 140, 139, 140 , 0.25);
}

#mmenu .ui-btn {
  padding: 1.125em 2em;
  margin: 0;
  border-radius: 10em; font-family: "Inter",sans-serif;
  text-align: center;
  text-transform: none;
  font-size: 0.896rem;
  font-weight: 300;
  line-height: 1.3em;
  letter-spacing: 0.03em;
}

@media all and (min-width: 60em) {
  #mmenu div:not('.postcode-check-container') .ui-input-text {
    min-width: 200px;
  }
}


#mmenu .ui-input-text input {
  padding: 0.58em 1em;
  color: #8c8b8c;
  font-size: 1rem;
  min-height: auto;
}

#mmenu .ui-input-text input::-webkit-input-placeholder {color:  #8c8b8c ; }
#mmenu .ui-input-text input::-moz-placeholder  {color:  #8c8b8c ; }
#mmenu .ui-input-text input:-ms-input-placeholder  {color:  #8c8b8c ; }
#mmenu .ui-input-text input:-moz-placeholder  {color:  #8c8b8c ; }

#mmenu div.no-label {
  display: inline-block;
}

#mmenu .other-links {
  padding-top: 1em;
  font-size:0.6125rem;
  color: #767676;
}

#mmenu .other-links a {
  font-size:0.6125rem;
  color: inherit;
}

#mmenu .menu-member-heading {
  color: #767676;
}

.btn-scroll-left,
.btn-scroll-right {
  opacity:0;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  display: block;
  border-radius: 10em;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  font-size: 0.9375rem;
  line-height: 1em;
  color: #767676;
  box-shadow: 0 0 0 0 rgba(17, 17, 17, 0.7);
  background-color: #767676;
}


.btn-scroll-left {
  padding: 8px 11px;
  left: 2vw;
}

.btn-scroll-right {
  padding: 8px 13px;
  right: 2vw;
}

body.light .btn-scroll-left,
body.light .btn-scroll-right {
  box-shadow: 0 0 0 0 rgba(118, 118, 118, 0.7);
}

.btn-scroll-left.show:hover,
.btn-scroll-right.show:hover {
  opacity: 1;
}

.btn-scroll-left.show,
.btn-scroll-right.show {
  opacity: 0.8;
  z-index: 4;
}

.btn-scroll-left.show.ui-disabled,
.btn-scroll-right.show.ui-disabled {
  opacity: 0.2;
}

.btn-scroll-left i,
.btn-scroll-right i {
  font-size: 0.8em;
  color: #111111;
}

#quick-form {
  width: 100vw; /* for slider to calc width */
}

html.quick-form-opened .btn-scroll-left.show,
html.quick-form-opened .btn-scroll-right.show,
html.mm-opened .btn-scroll-left.show,
html.mm-opened .btn-scroll-right.show {
  opacity: 0;
  z-index: -1;
}

body.light .btn-scroll-left,
body.light .btn-scroll-right {
  box-shadow: 0 0 0 0 rgba(118, 118, 118, 0.7);
}

.btn-scroll-down {
  opacity:0;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5vh;
  z-index: -1;
  display: block;
  border-radius: 10em;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  padding: 7px 10px;
  font-size: 0.9375rem;
  line-height: 1em;
  -webkit-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
  color: #767676;
  box-shadow: 0 0 0 0 rgba(17, 17, 17, 0.7);
  background-color: #767676;
}

body.light .btn-scroll-down {
  box-shadow: 0 0 0 0 rgba(118, 118, 118, 0.7);
}

.btn-scroll-down.show:hover {
  opacity: 1;
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;animation: none;
}

.btn-scroll-down.show {
  opacity: 0.8;
  z-index: 999;
}

.btn-scroll-down i {
  font-size: 0.8em;
  color: #1b1b1b;
}


.btn-close-menu {
  position: absolute;
  top: 1.5em;
  right: 2em;
}

.ui-page-theme-a a.btn-close-menu, .ui-page-theme-a a.btn-close-menu:visited, a.btn-close-menu, a.btn-close-menu:visited, a.btn-close-menu.ui-link, a.btn-close-menu.ui-link:visited {
  font-size: 1.5rem;
}

html.mm-opened .hamburger div i:before {
  content: "\f00d";
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 12px rgba(17, 17, 17, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 12px rgba(17, 17, 17, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 12px rgba(17, 17, 17, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 12px rgba(17, 17, 17, 0);}}

.light {
  @-webkit-keyframes pulse {to {box-shadow: 0 0 0 12px rgba(118, 118, 118, 0);}}
  @-moz-keyframes pulse {to {box-shadow: 0 0 0 12px rgba(118, 118, 118, 0);}}
  @-ms-keyframes pulse {to {box-shadow: 0 0 0 12px rgba(118, 118, 118, 0);}}
  @keyframes pulse {to {box-shadow: 0 0 0 12px rgba(118, 118, 118, 0);}}
}

/*Some margin tweaks to login icon*/
@media (max-width: 60em){
.login-container .btn-login.ui-link {
    top: 36%;
  }
  
.nav-bar.show-logo-center-mobile .logo-container {
  position: absolute!important;
  left: 50%!important;
  -webkit-transform: translateX(-50%)!important;
  -ms-transform: translateX(-50%)!important;
  transform: translateX(-50%)!important;
}  
}

/*Remove center navigation where the hamburger or logo is centered*/
.order-other-hamburger-logo.show-navigation-center.show-navigation .nav-container,
.order-logo-hamburger-other.show-navigation-center.show-navigation .nav-container,
.order-other-logo-hamburger.show-navigation-center.show-navigation .nav-container,
.order-hamburger-logo-other.show-navigation-center.show-navigation .nav-container{
	display:none;
}

/* order-hamburger-logo-other */

.nav-bar.order-hamburger-logo-other .hamburger-container {
  order: 100;
  margin: 0 0 0 auto;
} 


.nav-bar.order-hamburger-logo-other .logo-container {
  order: -2;
}

@media all and (min-width: 60em) {
  .nav-bar.order-hamburger-logo-other .hamburger-container {
    order: -2;
    margin: 0 auto 0 0;
  } 
  
  .nav-bar.order-hamburger-logo-other.show-navigation .hamburger-container {
    order: -2;
    margin: 0;
}
  
  .nav-bar.order-hamburger-logo-other .logo-container {
    order: -1;
  }
}


.nav-bar.order-hamburger-logo-other .logo-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* order-logo-hamburger-other */
.nav-bar.order-logo-hamburger-other .logo-container {
  order: -2;
  margin: 0 auto 0 0;
}

.nav-bar.order-logo-hamburger-other .hamburger-container {
  order: -1;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* order-other-logo-hamburger */
.order-other-logo-hamburger.show-join .join-container {
  order: -3;
}
.order-other-logo-hamburger.show-call-to-action .action-container {
  order: -2;
}
.order-other-logo-hamburger.show-search .search-container {
  order: -1;
}

@media (min-width: 60em){
  .order-other-logo-hamburger .logo-container img{
    margin-right:1em;
  }
}

@media (min-width: 80em){
  .nav-bar.show-search.show-call-to-action.order-other-logo-hamburger .search-container {
      margin-left: 0;
  }
}

.nav-bar.order-other-logo-hamburger .logo-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.nav-bar.order-other-logo-hamburger .hamburger-container {
  order: 100;
  margin: 0 0 0 auto;
}

/* order-hamburger-other-logo */
.order-hamburger-other-logo:not(.show-hamburger) .hamburger-container,
.order-hamburger-other-logo.show-hamburger .hamburger-container {
  order: -4;
}
.order-hamburger-other-logo.show-join .join-container {
  order: -3;
}
.order-hamburger-other-logo.show-call-to-action .action-container {
  order: -2;
}
.order-hamburger-other-logo.show-search .search-container {
  order: -1;
}

@media (min-width: 60em){
  .order-hamburger-other-logo .logo-container img{
    margin-right:1em;
  }

  /*Enable show-navigation-left*/
}

@media (min-width: 80em){
  .nav-bar.show-search.show-call-to-action.order-hamburger-other-logo .search-container {
      margin-left: 0;
  }
}

.nav-bar.order-hamburger-other-logo .logo-container {
  order: 100;
  margin: 0 0 0 auto;
}

/* order-other-hamburger-logo */
.order-other-hamburger-logo.show-join .join-container {
  order: -3;
}
.order-other-hamburger-logo.show-call-to-action .action-container {
  order: -2;
}
.order-other-hamburger-logo.show-search .search-container {
  order: -1;
}

@media (min-width: 60em){
  .order-other-hamburger-logo .logo-container img{
    margin-right:1em;
  }
}

@media (min-width: 80em){
  .nav-bar.show-search.show-call-to-action.order-other-hamburger-logo .search-container {
      margin-left: 0;
  }
}

.order-other-hamburger-logo .hamburger-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.nav-bar.show-hamburger.order-other-hamburger-logo .logo-container {
  order: 100;
  margin: 0 0 0 auto;
}

/* order-column-logo-hamburger */
.order-column-logo-hamburger.nav-bar{
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  height:120px;
}

@media (min-width:60em){
  .order-column-logo-hamburger .logo-container img{
    margin:1em;
  }

  .order-column-logo-hamburger.nav-bar{
    justify-content:flex-start;
  }
}

.order-column-logo-hamburger .logo-container {
  height: 35%;
  margin: 0 auto;
}

.order-column-logo-hamburger .hamburger-container {
  order: 1;
}

/* order-column-logo-other */


body.add-order-column-logo-other .menu-container {
  top:120px;
}

html:not(.quick-form-opened) .add-order-column-logo-other .search-content-container.add-nav-bar-margin + div {
  margin-top: 120px;
}

@media (min-width:60em){
  .order-column-logo-other.nav-bar{
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  height:120px;
}
  
  .order-column-logo-other.nav-bar .logo-container a{
    top:33%;
  }
  
  .order-column-logo-other.nav-bar .nav-container > ul > li{
    height:55px;
  }
  
  .order-column-logo-other.nav-bar .nav-container > ul > li > a.ui-link, .nav-container > ul > li > a.ui-link:visited{
    padding:10px 15px 25px 15px;
    height: 50px;
  }
  
  .order-column-logo-other.nav-bar .nav-container ul ul {
      top: 45px;
  }

  .order-column-logo-other .logo-container img{
    margin:1em;
  }

  .order-column-logo-other.nav-bar{
    justify-content:flex-start;
  }
  
  .order-column-logo-other.nav-bar .nav-container {
    margin: 0 auto;
}


.order-column-logo-other .logo-container {
  height: 65px;
  margin: 0 auto;
}

}

/*Vertical Menu*/
body.show-vertical-nav-bar div[data-role="page"] > .search-content-container + .row,
body.show-vertical-nav-bar > .full-page-menu > .row{
    margin-top:66px;
}

@media all and (min-width:60em){
    body.show-vertical-nav-bar div[data-role="page"] > .search-content-container + .row,
    body.show-vertical-nav-bar > .full-page-menu > .row{
        margin-top:unset;
    }

    body.show-vertical-nav-bar > .full-page-menu > .row,
    body.show-vertical-nav-bar #quick-form > .row,
    body.show-vertical-nav-bar div[data-role="page"] > .row{
        margin-left:200px;
    }

    body.show-vertical-nav-bar div[data-role="page"] .blog-grid{
        margin-left:184px;
    }

    body.show-vertical-nav-bar.vertical-nav-bar-right > .full-page-menu > .row,
    body.show-vertical-nav-bar.vertical-nav-bar-right #quick-form > .row,
    body.show-vertical-nav-bar.vertical-nav-bar-right div[data-role="page"] > .row{
        margin-right:200px;
    }

    body.show-vertical-nav-bar.vertical-nav-bar-right div[data-role="page"] .blog-grid{
        margin-right:184px;
    }

    body.show-vertical-nav-bar.vertical-nav-bar-wide > .full-page-menu > .row,
    body.show-vertical-nav-bar.vertical-nav-bar-wide #quick-form > .row,
    body.show-vertical-nav-bar.vertical-nav-bar-wide div[data-role="page"] > .row{
        margin-left:250px;
    }

    body.show-vertical-nav-bar.vertical-nav-bar-wide div[data-role="page"] .blog-grid{
        margin-left:234px;
    }

    body.show-vertical-nav-bar.vertical-nav-bar-wide.vertical-nav-bar-right > .full-page-menu > .row,
    body.show-vertical-nav-bar.vertical-nav-bar-wide.vertical-nav-bar-right #quick-form > .row,
    body.show-vertical-nav-bar.vertical-nav-bar-wide.vertical-nav-bar-right div[data-role="page"] > .row{
        margin-right:250px;
    }

    body.show-vertical-nav-bar.vertical-nav-bar-wide.vertical-nav-bar-right div[data-role="page"] .blog-grid{
        margin-right:234px;
    }

    body.show-vertical-nav-bar.vertical-nav-bar-thin > .full-page-menu > .row,
    body.show-vertical-nav-bar.vertical-nav-bar-thin #quick-form > .row,
    body.show-vertical-nav-bar.vertical-nav-bar-thin div[data-role="page"] > .row{
        margin-left:150px;
    }

    body.show-vertical-nav-bar.vertical-nav-bar-thin div[data-role="page"] .blog-grid{
        margin-left:134px;
    }

    body.show-vertical-nav-bar.vertical-nav-bar-thin.vertical-nav-bar-right > .full-page-menu > .row,
    body.show-vertical-nav-bar.vertical-nav-bar-thin.vertical-nav-bar-right #quick-form > .row,
    body.show-vertical-nav-bar.vertical-nav-bar-thin.vertical-nav-bar-right div[data-role="page"] > .row{
        margin-right:150px;
    }

    body.show-vertical-nav-bar.vertical-nav-bar-thin.vertical-nav-bar-right div[data-role="page"] .blog-grid{
        margin-right:134px;
    }
  
    body.show-vertical-nav-bar .nav-bar.show-navigation-center .nav-container{
        position:relative;
    }
  
  	body.show-vertical-nav-bar .nav-bar.show-navigation-center .nav-container > ul > li{
        text-align:center;
    }

    body.show-vertical-nav-bar .nav-bar.show-navigation-left .nav-container > ul > li{
        text-align:left;
    }

    body.show-vertical-nav-bar .nav-bar.show-navigation-right .nav-container > ul > li{
        text-align:right;
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .nav-container ul{
        width:100%;
        margin: auto 0 1em 0;
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other.show-join .nav-container ul,
    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other.show-call-to-action .nav-container ul{
        margin: auto 0;
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other.show-hamburger .hamburger-container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%,-50%,0);
        width:100%;
    }
  
    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other.show-hamburger.show-navigation .nav-container{
		display:none;
    }
  
  	body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other.show-hamburger .hamburger-container {
      order: 3;
    }
    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other.show-join .join-container {
      order: 4;
    }
  
    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other.show-call-to-action .action-container {
      margin: auto 0 0 0 !important;
      height: auto;
      order: 3;
    }
  
  	body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other.show-call-to-action .action-container .btn-action.ui-link{
      width: 100%;
      top: 0;
      display: inline-block;
      box-sizing: border-box;
      padding: 2.3em 1em;
    }
  
    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .hamburger-container .hamburger span {
        padding: 0;
        left: 50%;
        transform: translate3d(-50%,0,0);
    }
  
	body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .hamburger-container .hamburger,
    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .hamburger-container .hamburger i{
        width:100%;
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other {
        justify-content: space-between;
        height:100%;
        width:200px;
        left:0;
        flex-direction: column;
    }

    body.show-vertical-nav-bar.vertical-nav-bar-wide .nav-bar.order-vertical-logo-other {
        width:250px;
    }

    body.show-vertical-nav-bar.vertical-nav-bar-thin .nav-bar.order-vertical-logo-other {
        width:150px;
    }

    body.show-vertical-nav-bar.vertical-nav-bar-right .nav-bar.order-vertical-logo-other{
        left:unset;
        right:0;
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .logo-container{
        height: auto;
        width: 100%;
        margin: 0;
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .logo-container a{
        top:0;
        transform:translateY(0);
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .logo-container a img{
        margin: 2em auto;
        max-width:152px;
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .nav-container > ul > li{
        width:100%;
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .nav-container{
        width: 100%;
        height: 100%;
        order:2;
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .nav-container > ul > li{
        float: unset;
        height: auto;
        padding: 10px 16px;
        min-width: auto;
        border: none;
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .nav-container > ul > li > a.ui-link,
    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .nav-container > ul > li > a.ui-link:visited{
        height: auto;
        width: auto;
        padding: 0;
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .nav-container ul ul{
      top: 0px;
      left: 200px;
    }

    body.show-vertical-nav-bar.vertical-nav-bar-right .nav-bar.order-vertical-logo-other .nav-container ul ul{
      top: 0px;
      left: -16em;
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .join-container {
        min-width: auto;
        width: auto;
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .btn-join.ui-link,
    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .btn-join.ui-link:visited {
      width: 100%;
      height: auto;
      padding: 20px;
      box-sizing: border-box;
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .btn-join i {
        margin-top: 0;
        margin-bottom: 8px;
        line-height:1em;
    }

    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .btn-join.ui-link,
    body.show-vertical-nav-bar .nav-bar.order-vertical-logo-other .btn-join.ui-link:visited{
      line-height:inherit;
    }

}
/* End Vertical Menu */

/* Full Page Menu Width */
@media all and (min-width:60em){
  .full-page-menu.hamburger-width-half{
    width: 50%;
    max-width: 50%;
  }

  .full-page-menu.hamburger-width-one-quarter{
    width: 25%;
    max-width: 25%;
  }

  .full-page-menu.hamburger-width-one-third{
    width: 33.33%;
    max-width: 33.33%;
  }
}

.full-page-menu ul.multi-menu-ul li a,
.full-page-menu ul.multi-menu-ul li a:visited {
  color: #767676;
  text-transform: none;
  font-weight: 300;
  font-family: "Inter",sans-serif;
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
  line-height: 2.5em;
  padding:0;
}

@media all and (min-width: 60em) {
  .full-page-menu ul.multi-menu-ul li a,
  .full-page-menu ul.multi-menu-ul li a:visited {
    font-size: 0.9375rem;
  }
}

/* Navigation Alignment */
@media all and (min-width: 60em) {
  .nav-bar.show-navigation.show-navigation-left .logo-container,
  .nav-bar.show-navigation:not(.show-navigation-left):not(.show-navigation-center).order-hamburger-other-logo .logo-container,
  .nav-bar.show-navigation:not(.show-navigation-left):not(.show-navigation-center).order-other-hamburger-logo .logo-container{
     margin: 0;
  }
}

/* Full Page Menu Animation */
@-webkit-keyframes slideIn { from {opacity:0;transform:translateY(-100%);} to {opacity:1;transform:translateY(0);} }
@-moz-keyframes slideIn { from {opacity:0;transform:translateY(-100%);} to {opacity:1;transform:translateY(0);} }
@keyframes slideIn { from {opacity:0;transform:translateY(-100%);} to {opacity:1;transform:translateY(0);} }

@-webkit-keyframes slideOut { from {opacity:1;transform:translateY(0);} to {opacity:0;transform:translateY(-100%);} }
@-moz-keyframes slideOut { from {opacity:1;transform:translateY(0);} to {opacity:0;transform:translateY(-100%);} }
@keyframes slideOut { from {opacity:1;transform:translateY(0);} to {opacity:0;transform:translateY(-100%);} }

@-webkit-keyframes slideInFromLeft { from {opacity:0;transform:translateX(-100%);} to {opacity:1;transform:translateX(0);} }
@-moz-keyframes slideInFromLeft { from {opacity:0;transform:translateX(-100%);} to {opacity:1;transform:translateX(0);} }
@keyframes slideInFromLeft { from {opacity:0;transform:translateX(-100%);} to {opacity:1;transform:translateX(0);} }

@-webkit-keyframes slideOutToLeft { from {opacity:1;transform:translateX(0);} to {opacity:0;transform:translateX(-100%);} }
@-moz-keyframes slideOutToLeft { from {opacity:1;transform:translateX(0);} to {opacity:0;transform:translateX(-100%);} }
@keyframes slideOutToLeft { from {opacity:1;transform:translateX(0);} to {opacity:0;transform:translateX(-100%);} }

@-webkit-keyframes slideInFromRight { from {opacity:0;transform:translateX(100%);} to {opacity:1;transform:translateX(0);} }
@-moz-keyframes slideInFromRight { from {opacity:0;transform:translateX(100%);} to {opacity:1;transform:translateX(0);} }
@keyframes slideInFromRight { from {opacity:0;transform:translateX(100%);} to {opacity:1;transform:translateX(0);} }

@-webkit-keyframes slideOutToRight { from {opacity:1;transform:translateX(0);} to {opacity:0;transform:translateX(100%);} }
@-moz-keyframes slideOutToRight { from {opacity:1;transform:translateX(0);} to {opacity:0;transform:translateX(100%);} }
@keyframes slideOutToRight { from {opacity:1;transform:translateX(0);} to {opacity:0;transform:translateX(100%);} }


.full-page-menu:not(.hamburger-position-left):not(.hamburger-position-right).show {
  -webkit-animation:slideIn cubic-bezier(0.32, 0.14, 0.51, 0.92) 1;
  -moz-animation:slideIn cubic-bezier(0.32, 0.14, 0.51, 0.92) 1;
  animation:slideIn cubic-bezier(0.32, 0.14, 0.51, 0.92) 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:.4s;
  -moz-animation-duration:.4s;
  animation-duration:.4s;
}

.full-page-menu.hamburger-position-left.show{
  -webkit-animation:slideInFromLeft cubic-bezier(0.32, 0.14, 0.51, 0.92) 1;
  -moz-animation:slideInFromLeft cubic-bezier(0.32, 0.14, 0.51, 0.92) 1;
  animation:slideInFromLeft cubic-bezier(0.32, 0.14, 0.51, 0.92) 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:.4s;
  -moz-animation-duration:.4s;
  animation-duration:.4s;
}

.full-page-menu.hamburger-position-right.show{
  -webkit-animation:slideInFromRight cubic-bezier(0.32, 0.14, 0.51, 0.92) 1;
  -moz-animation:slideInFromRight cubic-bezier(0.32, 0.14, 0.51, 0.92) 1;
  animation:slideInFromRight cubic-bezier(0.32, 0.14, 0.51, 0.92) 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:.4s;
  -moz-animation-duration:.4s;
  animation-duration:.4s;
}

.full-page-menu:not(.hamburger-position-left):not(.hamburger-position-right) {
  -webkit-animation:slideOut cubic-bezier(0.53, 0.19, 0.54, 0.96) 1;
  -moz-animation:slideOut cubic-bezier(0.53, 0.19, 0.54, 0.96) 1;
  animation:slideOut cubic-bezier(0.53, 0.19, 0.54, 0.96) 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:.4s;
  -moz-animation-duration:.4s;
  animation-duration:.4s;
}

.full-page-menu.hamburger-position-left {
  -webkit-animation:slideOutToLeft cubic-bezier(0.53, 0.19, 0.54, 0.96) 1;
  -moz-animation:slideOutToLeft cubic-bezier(0.53, 0.19, 0.54, 0.96) 1;
  animation:slideOutToLeft cubic-bezier(0.53, 0.19, 0.54, 0.96) 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:.4s;
  -moz-animation-duration:.4s;
  animation-duration:.4s;
}

.full-page-menu.hamburger-position-right {
  right:0;
  left:unset;
  -webkit-animation:slideOutToRight cubic-bezier(0.53, 0.19, 0.54, 0.96) 1;
  -moz-animation:slideOutToRight cubic-bezier(0.53, 0.19, 0.54, 0.96) 1;
  animation:slideOutToRight cubic-bezier(0.53, 0.19, 0.54, 0.96) 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:.4s;
  -moz-animation-duration:.4s;
  animation-duration:.4s;
}
/* END HEADER */

/* Logo overflow*/
.nav-bar.show-logo-overflow .logo-container > a {
  top: 0;
    left: 0;
    transform: translate3d(0,0,0);
}

.nav-bar.show-logo-overflow .logo-container img{
  max-height: 160px;
    margin: 1em 0 1em 1em;
    transition: all .6s ease-in-out;
}

/* Logo unset*/
.show-logo-unset.nav-bar .logo-container img{
  max-height: 66px;
  margin: 0;
}

@media (min-width:60em){
  .show-logo-unset.nav-bar .logo-container img{
    max-height: 100px;
  }
}

/* TOP BAR HEADER*/
.top-bar {
  width:100%;
  height: 50px;
  position: fixed;
  top: 0;
  right:0;
  z-index: 25;
  box-sizing: border-box;
  transition: all 400ms ease;
  display: none;
  background-color: rgba(17, 17, 17, 1);
}

.top-bar.top-bar-dark{
  background-color: rgba(17, 17, 17, 1);
}

.top-bar.top-bar-dark .top-bar-nav-container a{
  color: #767676;
}

.top-bar.show-top-bar {
  display: flex;
  justify-content:space-between;
}

.top-bar.show-top-bar ~ .nav-bar {
  top: 50px;
}

@media all and (max-width:60em){
  .top-bar.show-top-bar:not(.show-hamburger) ~ .nav-bar.show-navigation:not(.show-hamburger) .hamburger-container{display:block;}
}
.top-bar.show-top-bar.show-hamburger ~ .nav-bar.show-navigation:not(.show-hamburger) .hamburger-container,
.top-bar:not(.show-hamburger) .top-bar-hamburger-container,
.top-bar:not(.show-call-to-action) .top-bar-action-container,
.top-bar:not(.show-join) .top-bar-join-container,
.top-bar:not(.show-search) .top-bar-search-container,
.top-bar:not(.show-navigation) .top-bar-nav-container{
  display:none;
}

.top-bar-nav-container {
   width: auto;
   margin: 0 auto 0 0;
}

.top-bar.show-navigation-right .top-bar-nav-container {
  margin: 0 0 0 auto;
}

.top-bar-hamburger,
.top-bar-btn-search {
  width: 66px;
  text-align:center;
}

@media(min-width:60em){
  .top-bar-hamburger,
  .top-bar-btn-search {
    width:100px;
  }
}

.top-bar-btn-search.btn-search.ui-link,
.top-bar-hamburger.ui-link {
  display: inline-block;
  top:0;
  padding: 17px 0;
  font-size:0.8125rem;
  font-family: "Inter", sans-serif;
}

.top-bar-btn-search.btn-search,
.top-bar-btn-search.btn-search.ui-link {
  color:#767676;
  background-color:transparent;
}

.top-bar-btn-action.btn-action,
.top-bar-btn-action.btn-action.ui-link {
  top: 0;
  text-align:center;
  position: relative;
  height: 50px;
  /* font-size: 0.8125rem; */
  font-size: 0.8125rem;
  line-height:3.125rem;
  display: inline-block !important;
  box-sizing: border-box;
  padding: 0 0.75em;
}


@media all and (min-width:60em){
  .top-bar-btn-action.btn-action,
  .top-bar-btn-action.btn-action.ui-link {
    top: 50%;
    transform: translateY(-50%);
    height: 38px;
    padding: 0.75em 0.75em;
  }
}




.top-bar-btn-action.btn-action .desktop-large {
  display: inline-block;
  margin:0;
}

.top-bar-btn-action.btn-action i + span.desktop-large {
  margin-left: 4px;
}

html.mm-opened .top-bar .top-bar-hamburger i:before {
  content: "\f00d";
}

.top-bar-nav-container ul li:hover > ul {
display: block; /* !important */
}

.top-bar-nav-container ul li:hover {
position: relative; /* !important */
}

.top-bar-nav-container ul ul {
display: none;
top: 45px;
left: 0%; /* submenu submenu gap */
position:absolute;
}

.top-bar-nav-container ul ul > li a.ui-link {
padding: 0.5em 1em;
display:inline-block;
}

.top-bar-nav-container ul ul ul {
display: none;
position: absolute;
left: 100%; /* submenu submenu gap */
top: 0.5em; /* submenu submenu top !important */
padding-top: 0; /* hover issue with margin-top */
}

.top-bar-nav-container li.has-submenu > a.ui-link:after {
content: none;
position: relative;
display: none;
}

.top-bar-nav-container ul ul li {
border-bottom: 1px solid rgba(140, 139, 140,0.2);
}

.top-bar-nav-container ul ul li:last-child {
border-bottom: none;
}

.top-bar-nav-container ul {
padding: 0;
margin: 0;
list-style: none;
position: static;
top: 0;
z-index:1;
left: auto;
right: auto;
width:100%;
}

.top-bar-nav-container > ul > li {
padding: 0px;
height: 50px;
min-width:auto;
box-sizing: border-box;
transition: all 500ms ease-in-out;
text-align: center;
display:inline-block;
}

.top-bar.show-navigation.show-navigation-mobile .top-bar-nav-container {
  display: block;
}

.top-bar.show-navigation-position-right .top-bar-nav-container{
  margin:0 0 0 auto;
}

.top-bar.show-navigation-position-split .top-bar-nav-container{
  width:100%;
}

.top-bar.show-navigation-position-split .top-bar-nav-container > ul > li {
float:left;
}

.top-bar.show-navigation-position-split .top-bar-nav-container > ul > li:nth-of-type(n+4) {
float: right;
}

.top-bar-nav-container > ul > li > a {
padding: 17px 14px;
display: inline-block;
}

.top-bar-nav-container > ul > li > a.ui-link{
  color:#767676;
}

.top-bar-nav-container > ul > li > a.active.ui-link{
  color:#1b1b1b;
}

.top-bar-nav-container > ul > li:hover > a.ui-link{
  color:#1b1b1b;
}

.top-bar-nav-container > ul ul li a.ui-link{
  color:#767676;
}

.top-bar-nav-container > ul ul li a.active.ui-link{
  width: 100%;
  box-sizing: border-box;
  color:#767676;
  background:rgb(27, 27, 27);
}

.top-bar-nav-container > ul ul li {
    min-width:10em;
    background-color: rgba(17, 17, 17,0.8);
    -webkit-filter: brightness(116%);
    filter: brightness(116%);
}

.top-bar-nav-container > ul ul li:hover {
    background-color: rgba(27, 27, 27,1);
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}

.top-bar-nav-container > ul ul li:hover a.ui-link:not(.active){
  color:#767676;
}

.top-bar .top-bar-hamburger-container{
  background-color:transparent;;
}

.top-bar .top-bar-hamburger-container span,
.top-bar .top-bar-hamburger-container i{
  color:#767676;
}

body.light .top-bar .top-bar-hamburger-container span,
body.light .top-bar .top-bar-hamburger-container i {
  color: #8c8b8c;
}

.top-bar .top-bar-hamburger-container:hover span,
.top-bar .top-bar-hamburger-container:hover i{
  color:#1b1b1b;
}

.top-bar-nav-container > ul > li a.ui-link, .top-bar-nav-container > ul > li a.ui-link:visited {
  box-sizing: border-box;
  font-weight: 300;
  font-family: "Inter", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.3em;
  letter-spacing: 0.05em;
}

.top-bar-action-container .top-bar-btn-action i.fa{
  margin-right:8px;
}
/* END TOP BAR HEADER */

/* TOP BAR MOBILE */
.top-bar-btn-join.btn-join, .top-bar-btn-join.btn-join.ui-link {
  text-align:center;
  position: relative;
  height: 50px;
  /* font-size: 0.8125rem; */
  font-size: 0.8125rem;
  background-color:unset;
  color:#767676;
}

.top-bar-btn-join.btn-join .desktop-large {
  display: inline;
  margin:0;
}

.top-bar-btn-join.btn-join i{
  font-size:inherit;
  line-height:unset;
  display: inline;
  vertical-align: bottom;
}

/* Show action, join text and background */
.top-bar.show-call-to-action-text-mobile .top-bar-btn-action.btn-action .desktop-large,
.nav-bar.show-call-to-action-text-mobile .btn-action .desktop-large,
.top-bar.show-join-text-mobile .top-bar-btn-join.btn-join .desktop-large,
.nav-bar.show-join-text-mobile .btn-join .desktop-large{display:inline;}

.top-bar.show-call-to-action-background-mobile .top-bar-btn-action.btn-action {
  
    background-color: #1b1b1b;
    
      color: #767676;
    ;
  ;
}

/* dark call to action on scroll */
body.dark .top-bar.show-call-to-action-background-mobile .top-bar-btn-action.btn-action {
  
    background-color: #1b1b1b; /* header_join_background_on_scroll */; 
    color: 
      #767676; /* header_join_on_scroll */; 
    ;
  
}

@media all and (max-width:60em) {
  body.dark .top-bar.show-call-to-action-background-mobile .top-bar-btn-action.btn-action {
    color: 
      
        #767676; /* header_call_to_action_on_scroll */; 
      
    ;
  }
}

.nav-bar.show-call-to-action-background-mobile .btn-action{background-color:#1b1b1b;color: #767676;}

/* light */
.top-bar.show-join-background-mobile .top-bar-btn-join.btn-join.ui-link {

  
    background-color: #111111; /* secondary */; 
    color: #767676; /* primary */; 
  ;

}

/* light on scroll */
.top-bar.top-bar-dark.show-join-background-mobile .top-bar-btn-join.btn-join.ui-link {
  
    background-color: #111111; /* secondary */; 
    color: #767676; /* primary */; 
  
}

/* dark on scroll */
body.dark .top-bar.top-bar-dark.show-join-background-mobile .top-bar-btn-join.btn-join.ui-link {
  
    background-color: #111111; /* secondary */; 
    color: #767676; /* primary */; 
  
}


.nav-bar.show-join-background-mobile .btn-join.ui-link {background-color:transparent;color: #767676;}

.top-bar.show-top-bar.show-join .top-bar-join-container{
  display: none;
}

@media all and (min-width:60em){
  .top-bar-btn-join.btn-join, .top-bar-btn-join.btn-join.ui-link {
    background-color:transparent;
    color: #767676;
  }

  .top-bar .top-bar-btn-action.btn-action.ui-link,
    .top-bar .top-bar-btn-join.btn-join.ui-link{
    width:auto;
  }

  .nav-bar.show-call-to-action-background-mobile .action-container,
  .nav-bar.show-call-to-action-background-mobile .action-1-container,
  .nav-bar.show-call-to-action-background-mobile .action-2-container,
  .nav-bar.show-call-to-action-background-mobile .action-3-container{
    margin:0 1em;
  }
}

@media all and (max-width:60em){
  
/*   html:not(.quick-form-opened) body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + div.desktop + div.mobile,
  html:not(.quick-form-opened) body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + div.desktop + div.tablet,
  html:not(.quick-form-opened) body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + div {
    margin-top:50px;
  } */

  .show-top-bar-mobile > .full-page-menu > div:not([class*="padding-top"]) {
    padding-top: 116px;
  }

  .show-top-bar-mobile > .full-page-menu > div[class*="padding-top"] {
    padding-top: calc(116px + 16px);
  }


  html:not(.quick-form-opened) body.show-top-bar-mobile div[data-role="page"] .search-content-container.add-nav-bar-margin + div.desktop + div.mobile,
  html:not(.quick-form-opened) body.show-top-bar-mobile div[data-role="page"] .search-content-container.add-nav-bar-margin + div.desktop + div.tablet,
  html:not(.quick-form-opened) body.show-top-bar-mobile div[data-role="page"] .search-content-container.add-nav-bar-margin + div {
    margin-top:116px;
  }
    
  body.show-top-bar-mobile div[data-role="page"] #quick-form > .row:first-child,
  body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + .row.text-block,
  body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + .row:not(.text-block) > .row.text-block,
  body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + .row:not(.most-padding) > .row.most-padding,
  body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + .row.most-padding,
  body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + .row:not(.most-padding-top) > .row.most-padding-top,
  body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + .row.most-padding-top,
  body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + .row:not(.padding-top-widest) > .row.padding-top-widest,
  body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + .row:not(.padding-top-widest) > .row.desktop + .row.padding-top-widest,
  body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + .row.desktop:not(.padding-top-widest) + .row.padding-top-widest,
  body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + .row.desktop:not(.padding-top-widest) + .row:not(.padding-top-widest) > .row.padding-top-widest,
  body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + .row.padding-top-widest,
  body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + .row:not(.container-widest) > .row.container-widest,
  body.show-top-bar-mobile div[data-role="page"] .search-content-container:not(.add-nav-bar-margin) + .row.container-widest {
      padding-top:7.25em;
  }
  
  .top-bar.show-top-bar-mobile ~ .nav-bar {
    top: 50px;
  }
  .top-bar.show-top-bar-mobile {
    display: flex;
    justify-content: space-between;
  }
  .top-bar.show-top-bar-mobile.show-call-to-action ~ .nav-bar.show-call-to-action .action-container,
  .top-bar.show-top-bar-mobile.show-join ~ .nav-bar.show-join .join-container{
    display:none;
  }

  /* Top bar */
  .top-bar.show-top-bar.show-top-bar-mobile.show-search .top-bar-search-container,
  .top-bar.show-top-bar.show-top-bar-mobile.show-hamburger .top-bar-hamburger-container,
  .top-bar.show-top-bar.show-top-bar-mobile.show-join ~ .nav-bar .join-container {
    display: none;
  }

  .top-bar.show-top-bar.show-top-bar-mobile.show-search ~ .nav-bar .search-container,
  .top-bar.show-top-bar.show-top-bar-mobile.show-hamburger ~ .nav-bar .hamburger-container,
  .top-bar.show-top-bar.show-top-bar-mobile.show-join .top-bar-join-container{
    display: block !important;
  }

  .top-bar.show-top-bar-mobile .top-bar-btn-action.btn-action.ui-link,
  .top-bar.show-top-bar-mobile .top-bar-btn-join.btn-join.ui-link {
        border-radius:unset;
    width:50vw;
  }

    .top-bar.show-top-bar-mobile.show-call-to-action:not(.show-join) .top-bar-btn-action.btn-action.ui-link,
    .top-bar.show-top-bar-mobile.show-join:not(.show-call-to-action) .top-bar-btn-join.btn-join.ui-link{
        width:100vw;
    }
  
    .top-bar.show-top-bar-mobile ~ .nav-bar:not(.show-search).order-other-logo-hamburger .logo-container,
    .top-bar.show-top-bar-mobile ~ .nav-bar:not(.show-search).order-other-hamburger-logo .hamburger-container,
    .top-bar.show-top-bar-mobile ~ .nav-bar:not(.show-search).order-logo-hamburger-other .hamburger-container,
    .top-bar.show-top-bar-mobile ~ .nav-bar:not(.show-search).order-hamburger-logo-other .logo-container{
      position: relative;
      left: unset;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  
    .top-bar.show-top-bar-mobile ~ .nav-bar.order-logo-hamburger-other .hamburger-container{
    order:4;
    }
  
    .top-bar.show-top-bar-mobile ~ .nav-bar.order-hamburger-logo-other .logo-container{
    margin:0;
    }
}
/* END TOP BAR MOBILE */

/* VERTICAL NAV DOTS */
.vertical-nav-container {
  display:none;
}

.vertical-nav-container.vertical-nav-container-mobile {
  display:block;
}

@media all and (min-width:60em){
  .vertical-nav-container {
    display:block;
  }
}

.vertical-nav-container{
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 3.5;
  transform: translateY(-50%);
}

.vertical-nav-container ul {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.vertical-nav-container li {
  position: relative;
  display: block;
  margin: 2em 1.5em;
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.vertical-nav-container li a {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
  border-radius: 50%;
  background-color: #fff;
  background-color: rgba(140, 139, 140, 0.3);
  text-indent: -999em; /* make the text accessible to screen readers */
  cursor: pointer;
  position: absolute;
  opacity: 0.5;
}

.vertical-nav-container li a:focus {
  outline: none;
}

.vertical-nav-primary li a {
  overflow: hidden;
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #cccccc;
  -webkit-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.vertical-nav-primary li a::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 50%;
  background-color: #cccccc;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.vertical-nav-primary li a:hover,
.vertical-nav-primary li a:focus {
  opacity: 0.75;
}

.vertical-nav-primary li.current a {
  opacity: 1;
}

.vertical-nav-primary li.current a::after {
  -webkit-transform: scale(1);
  transform: scale(1));
}
/* END VERTICAL NAV DOTS */

/* ANIMATION */

.gradient-animation {
  background-size: 200% 200% !important;
  animation: gradient-animation-keyframes 6s ease infinite;
}

.gradient-animation-slow {
  background-size: 200% 200% !important;
  animation: gradient-animation-keyframes 8s ease infinite;
}

.gradient-animation-slower {
  background-size: 200% 200% !important;
  animation: gradient-animation-keyframes 10s ease infinite;
}

.gradient-animation-slowest {
  background-size: 200% 200% !important;
  animation: gradient-animation-keyframes 12s ease infinite;
}

@keyframes gradient-animation-keyframes {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

/* END ANIMATION */

/* JS */

.scroll-reveal { visibility: hidden; }

body.demo-iframe.hide-header .scroll-reveal { 
  visibility: visible; 
}

/* END JS */


/* sticky */
@media (max-width:60em){
  .sticky.sticky-side.fixed-full-height{
    height:auto;
  }
}

/* end stick */

/* toggle class */
.toggle-class{
  cursor:pointer;
}

/*icon*/
.toggle-class:not(.toggle-class-no-icon) p:before,
.toggle-class:not(.toggle-class-no-icon) h1:before,
.toggle-class:not(.toggle-class-no-icon) h2:before,
.toggle-class:not(.toggle-class-no-icon) h3:before,
.toggle-class:not(.toggle-class-no-icon) h4:before,
.toggle-class:not(.toggle-class-no-icon) h5:before,
.toggle-class:not(.toggle-class-no-icon) h6:before,
.toggle-class:not(.toggle-class-no-icon) h7:before,
.toggle-class:not(.toggle-class-no-icon) h8:before,
.toggle-class:not(.toggle-class-no-icon) h9:before,
.toggle-class:not(.toggle-class-no-icon) h10:before,
.toggle-class:not(.toggle-class-no-icon) h11:before,
.toggle-class:not(.toggle-class-no-icon) h12:before,
.toggle-class:not(.toggle-class-no-icon) .h1:before,
.toggle-class:not(.toggle-class-no-icon) .h2:before,
.toggle-class:not(.toggle-class-no-icon) .h3:before,
.toggle-class:not(.toggle-class-no-icon) .h4:before,
.toggle-class:not(.toggle-class-no-icon) .h5:before,
.toggle-class:not(.toggle-class-no-icon) .h6:before,
.toggle-class:not(.toggle-class-no-icon) .h7:before,
.toggle-class:not(.toggle-class-no-icon) .h8:before,
.toggle-class:not(.toggle-class-no-icon) .h9:before,
.toggle-class:not(.toggle-class-no-icon) .h10:before,
.toggle-class:not(.toggle-class-no-icon) .h11:before,
.toggle-class:not(.toggle-class-no-icon) .h12:before {
  content:"\f067";
  font-family: "Font Awesome 6 Pro";
  float: right;
  color:#aeaeae;
  font-size: initial;
  text-align: center;
  line-height: inherit;
  width: inherit;
  height: inherit;
  border-radius: 5em;
  transition: all .4s ease;
}

#sortable .toggle-class:not(.toggle-class-no-icon) p:before,
#sortable .toggle-class:not(.toggle-class-no-icon) h1:before,
#sortable .toggle-class:not(.toggle-class-no-icon) h2:before,
#sortable .toggle-class:not(.toggle-class-no-icon) h3:before,
#sortable .toggle-class:not(.toggle-class-no-icon) h4:before,
#sortable .toggle-class:not(.toggle-class-no-icon) h5:before,
#sortable .toggle-class:not(.toggle-class-no-icon) h6:before,
#sortable .toggle-class:not(.toggle-class-no-icon) h7:before,
#sortable .toggle-class:not(.toggle-class-no-icon) h8:before,
#sortable .toggle-class:not(.toggle-class-no-icon) h9:before,
#sortable .toggle-class:not(.toggle-class-no-icon) h10:before,
#sortable .toggle-class:not(.toggle-class-no-icon) h11:before,
#sortable .toggle-class:not(.toggle-class-no-icon) h12:before,
#sortable .toggle-class:not(.toggle-class-no-icon) .h1:before,
#sortable .toggle-class:not(.toggle-class-no-icon) .h2:before,
#sortable .toggle-class:not(.toggle-class-no-icon) .h3:before,
#sortable .toggle-class:not(.toggle-class-no-icon) .h4:before,
#sortable .toggle-class:not(.toggle-class-no-icon) .h5:before,
#sortable .toggle-class:not(.toggle-class-no-icon) .h6:before,
#sortable .toggle-class:not(.toggle-class-no-icon) .h7:before,
#sortable .toggle-class:not(.toggle-class-no-icon) .h8:before,
#sortable .toggle-class:not(.toggle-class-no-icon) .h9:before,
#sortable .toggle-class:not(.toggle-class-no-icon) .h10:before,
#sortable .toggle-class:not(.toggle-class-no-icon) .h11:before,
#sortable .toggle-class:not(.toggle-class-no-icon) .h12:before {
  font-family: "FontAwesome";
}

.toggle-class.toggle-class-left:not(.toggle-class-no-icon) p:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) h1:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) h2:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) h3:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) h4:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) h5:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) h6:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) h7:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) h8:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) h9:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) h10:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) h11:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) h12:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) .h1:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) .h2:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) .h3:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) .h4:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) .h5:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) .h6:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) .h7:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) .h8:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) .h9:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) .h10:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) .h11:before,
.toggle-class.toggle-class-left:not(.toggle-class-no-icon) .h12:before{
  float: left;
  margin-right: 1em;
}

.toggle-class.active p:before,
.toggle-class.active h1:before,.toggle-class.active h2:before,.toggle-class.active h3:before, .toggle-class.active h4:before,.toggle-class.active h5:before,.toggle-class.active h6:before, .toggle-class.active h7:before,.toggle-class.active h8:before,.toggle-class.active h9:before, .toggle-class.active h10:before,.toggle-class.active h11:before,.toggle-class.active h12:before, .toggle-class.active .h1:before,.toggle-class.active .h2:before,.toggle-class.active .h3:before, .toggle-class.active .h4:before,.toggle-class.active .h5:before,.toggle-class.active .h6:before, .toggle-class.active .h7:before,.toggle-class.active .h8:before,.toggle-class.active .h9:before, .toggle-class.active .h10:before,.toggle-class.active .h11:before,.toggle-class.active .h12:before{
  transform: rotate(45deg);
}

.toggle-class.toggle-class-light p:before,
.toggle-class.toggle-class-light h1:before,.toggle-class.toggle-class-light h2:before,.toggle-class.toggle-class-light h3:before, .toggle-class.toggle-class-light h4:before,.toggle-class.toggle-class-light h5:before,.toggle-class.toggle-class-light h6:before, .toggle-class.toggle-class-light h7:before,.toggle-class.toggle-class-light h8:before,.toggle-class.toggle-class-light h9:before, .toggle-class.toggle-class-light h10:before,.toggle-class.toggle-class-light h11:before,.toggle-class.toggle-class-light h12:before, .toggle-class.toggle-class-light .h1:before,.toggle-class.toggle-class-light .h2:before,.toggle-class.toggle-class-light .h3:before, .toggle-class.toggle-class-light .h4:before,.toggle-class.toggle-class-light .h5:before,.toggle-class.toggle-class-light .h6:before, .toggle-class.toggle-class-light .h7:before,.toggle-class.toggle-class-light .h8:before,.toggle-class.toggle-class-light .h9:before, .toggle-class.toggle-class-light .h10:before,.toggle-class.toggle-class-light .h11:before,.toggle-class.toggle-class-light .h12:before{
  color:#8c8b8c;
}


.tabs-container .toggle-class p:before,
.tabs-container .toggle-class h1:before,
.tabs-container .toggle-class h2:before,
.tabs-container .toggle-class h3:before,
.tabs-container .toggle-class h4:before,
.tabs-container .toggle-class h5:before,
.tabs-container .toggle-class h6:before,
.tabs-container .toggle-class h7:before,
.tabs-container .toggle-class h8:before,
.tabs-container .toggle-class h9:before,
.tabs-container .toggle-class h10:before,
.tabs-container .toggle-class h11:before,
.tabs-container .toggle-class h12:before,
.tabs-container .toggle-class .h1:before,
.tabs-container .toggle-class .h2:before,
.tabs-container .toggle-class .h3:before,
.tabs-container .toggle-class .h4:before,
.tabs-container .toggle-class .h5:before,
.tabs-container .toggle-class .h6:before,
.tabs-container .toggle-class .h7:before,
.tabs-container .toggle-class .h8:before,
.tabs-container .toggle-class .h9:before,
.tabs-container .toggle-class .h10:before,
.tabs-container .toggle-class .h11:before,
.tabs-container .toggle-class .h12:before {
  display: none;
  content:"";
}

.tabs-container .toggle-class.active {
  background-color: #010101;
}

.tabs-container .toggle-class p {
/*   padding: 0; */
}

.tabs-container .toggle-class.active p,
.tabs-container .toggle-class.active h1,
.tabs-container .toggle-class.active h2,
.tabs-container .toggle-class.active h3,
.tabs-container .toggle-class.active h4,
.tabs-container .toggle-class.active h5,
.tabs-container .toggle-class.active h6,
.tabs-container .toggle-class.active h7,
.tabs-container .toggle-class.active h8,
.tabs-container .toggle-class.active h9,
.tabs-container .toggle-class.active h10,
.tabs-container .toggle-class.active h11,
.tabs-container .toggle-class.active h12,
.tabs-container .toggle-class.active .h1,
.tabs-container .toggle-class.active .h2,
.tabs-container .toggle-class.active .h3,
.tabs-container .toggle-class.active .h4,
.tabs-container .toggle-class.active .h5,
.tabs-container .toggle-class.active .h6,
.tabs-container .toggle-class.active .h7,
.tabs-container .toggle-class.active .h8,
.tabs-container .toggle-class.active .h9,
.tabs-container .toggle-class.active .h10,
.tabs-container .toggle-class.active .h11,
.tabs-container .toggle-class.active .h12 {
  color: #8c8b8c; 
}

/*slide action*/
.accordion, .collapsible {
  overflow:hidden;
  max-height: 0px;
  transition: max-height 1s ease;
}

.accordion:not(.active),
.collapsible:not(.active) {
  padding-top: unset;
  padding-bottom: unset;
}

.accordion.active, .collapsible.active{
  max-height:2880px;
  overflow: scroll;
  transition: max-height 3s ease;
}


.tabs-container .accordion,.tabs-container .collapsible {
  opacity: 0;
  transition: max-height 0ms ease, opacity 100ms ease;
}

.tabs-container .accordion.active,.tabs-container .collapsible.active {
  opacity: 100%;
  transition: max-height 500ms ease, opacity 500ms ease;
}

@media(min-width:60em){
  .toggle-class{
    cursor:unset;
    pointer-events:unset;
  }

  #sortable .toggle-class{
    pointer-events:unset;
  }

  .toggle-class p:before,
  .toggle-class h1:before,.toggle-class h2:before,.toggle-class h3:before, .toggle-class h4:before,.toggle-class h5:before,.toggle-class h6:before, .toggle-class h7:before,.toggle-class h8:before,.toggle-class h9:before, .toggle-class h10:before,.toggle-class h11:before,.toggle-class h12:before, .toggle-class .h1:before,.toggle-class .h2:before,.toggle-class .h3:before, .toggle-class .h4:before,.toggle-class .h5:before,.toggle-class .h6:before, .toggle-class .h7:before,.toggle-class .h8:before,.toggle-class .h9:before, .toggle-class .h10:before,.toggle-class .h11:before,.toggle-class .h12:before {
    display:none;
  }

  .toggle-class[class*="toggle-class-group"]{
    cursor:pointer;
    pointer-events:auto;
  }

  .toggle-class[class*="toggle-class-group"] p:before,
  .toggle-class[class*="toggle-class-group"] h1:before,.toggle-class[class*="toggle-class-group"] h2:before,.toggle-class[class*="toggle-class-group"] h3:before, .toggle-class[class*="toggle-class-group"] h4:before,.toggle-class[class*="toggle-class-group"] h5:before,.toggle-class[class*="toggle-class-group"] h6:before, .toggle-class[class*="toggle-class-group"] h7:before,.toggle-class[class*="toggle-class-group"] h8:before,.toggle-class[class*="toggle-class-group"] h9:before, .toggle-class[class*="toggle-class-group"] h10:before,.toggle-class[class*="toggle-class-group"] h11:before,.toggle-class[class*="toggle-class-group"] h12:before, .toggle-class[class*="toggle-class-group"] .h1:before,.toggle-class[class*="toggle-class-group"] .h2:before,.toggle-class[class*="toggle-class-group"] .h3:before, .toggle-class[class*="toggle-class-group"] .h4:before,.toggle-class[class*="toggle-class-group"] .h5:before,.toggle-class[class*="toggle-class-group"] .h6:before, .toggle-class[class*="toggle-class-group"] .h7:before,.toggle-class[class*="toggle-class-group"] .h8:before,.toggle-class[class*="toggle-class-group"] .h9:before, .toggle-class[class*="toggle-class-group"] .h10:before,.toggle-class[class*="toggle-class-group"] .h11:before,.toggle-class[class*="toggle-class-group"] .h12:before{
    display:block;
  }

  .collapsible {
    max-height:unset;
  }
}

/* end toggle class */

/* form search */

.form-search {display:flex;}
.form-search > div.ui-input-text input { padding:1.25em; }
.form-search > div.ui-input-text {flex:6; margin:.5em 0;}
.form-search > button {flex:1;}
@media (min-width: 80em){
  .form-search > button > .desktop-large {display: inline;}
}

.widget-search-result-container .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > .item-image-container, 
.widget-search-result-container .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > .item-image-container {
  width:10%;
}

.widget-search-result-container .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption, .widget-search-result-container .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption {
   width:90%;
}
/* end form search */

@media all and (max-width: 30em) {
  .widget-dynamic-container > .widget-dynamic.lightbox.widget-dynamic-slider .card {
    pointer-events: none;
  }
}

.widget-dynamic-slider .card-section img,
.owl-carousel .owl-item .card-section img {
    transform-style:initial !important;
    -webkit-transform-style: initial !important;
}



ul.multi-menu-ul, ul.multi-menu-ul ul {
  text-align: inherit;
}


/* swatch */

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

.ui-mobile label.swatch-select {
  display: inline-block;
  width: 64px;
  max-width: 64px;
  padding: 0.25rem;
  color: #aeaeae;
  text-align: left;
  text-transform: none;
  font-weight: 300;
  font-size: 0.8125rem;
  font-family: "Inter", sans-serif;
  letter-spacing: 0.03em;
}

@media all and (min-width: 60em) {
  .ui-mobile label.swatch-select {
    font-size: 0.8542rem;
  }
}


.swatch-select > input {
  display: none;
}

.swatch-select > input:checked + .swatch {
  border: 2px solid #010101;
}

.swatch {
  box-sizing: border-box;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  transition: all 150ms ease; 
  border-radius: 100em;
  border: 2px solid #8c8b8c;
}

.swatch-select > span {
  display:none;
}

.swatch:hover {
/*   box-shadow: inset 0 0 0 5120px rgba(140, 139, 140,0.2), 0 0 1px 1px rgba(1, 1, 1, 0.05); */
  box-shadow: inset 0 0 0 5120px rgba(140, 139, 140,0.2);
}

/* end swatch */

.page-option-container > div[class*="ui-grid-"] {
  overflow: visible;
  display:flex;
}



/* @media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
  .row {
    background-attachment: scroll !important;
  }
}}
 */

::-webkit-scrollbar {
    display: none
}


i[class="fa"] {
  font-family: "FontAwesome";
}






.page-option-container .ui-block-b h6 {
  padding: 0;
  margin: 0;
}

.page-option-container .ui-block-b .ui-select {
  margin-top: 0;
  margin-bottom: 0;
}

.page-option-container .ui-block-b .ui-select .ui-btn {
  color: inherit;
  padding: 8px 0;
  margin: 0;
}

.row-applepay-container {
  display: none;
}

.row-afterpay-container {
  display: none;
}

#afterpay-button {
  display:inline-block;
  background-color:black;
  width:250px;
  height:40px;
  border: 0;
  cursor:pointer;
  background-image: url("https://cdn.moble.com/w/58/435112/file/button-afterpay-white.svg");
  background-size:75%;
  background-repeat:no-repeat;
  background-position:50% 50%;
}


div[data-payment=""] .page-payment-container {
   display:none;
}


/* CART */

#mmenu .btn-checkout.ui-btn {
  padding: .75em 1.4em;
}

.cart-drawer-container {
  opacity: 1;
  transition: opacity 400ms ease-in-out;
}

.cart-drawer-container.updating {
  opacity: 0;
}

.cart-drawer,
.cart-drawer .cart-header p,
.cart-drawer .cart-footer p,
.cart-drawer input.cart-drawer-item-quantity,
.widget-dynamic-container input.widget-item-quantity,
.cart-drawer a, .cart-drawer a.ui-link {
  font-size: .75rem;
}

.cart-drawer .cart-drawer-item {
  min-height: 75px;
}

.cart-drawer .cart-header,
.cart-drawer .cart-footer {
  padding: 5px 0;
}

.cart-drawer .cart-header p,
.cart-drawer .cart-footer h5 {
  color: rgba(140, 139, 140, 1);
  text-align: center;
  font-weight: bold;
}

.mm-listview .cart-drawer .cart-footer .flex>.half {
  width: 70%;
  max-width: 70%;
}

.mm-listview .cart-drawer .cart-footer .flex>.half+.half {
  width: 30%;
}


@media all and (min-width: 60em) {
  .mm-listview .cart-drawer .cart-footer .flex>.half {
    width: 80%;
    max-width: 80%;
  }

  .mm-listview .cart-drawer .cart-footer .flex>.half+.half {
    width: 20%;
  }
}




.mm-listview .cart-drawer .cart-footer .flex > .half h5 {
  text-align : right !important;
  margin-right: calc(20% + 0.75em);

}

.mm-listview .cart-drawer .cart-footer .flex > .half + .half h5 {
  text-align :right !important;
  margin-right: 1.5em;
  margin-left: 0;
  white-space: nowrap;
}


.cart-is-empty .cart-footer {
  visibility: hidden;
  height: 0;
}

.cart-drawer .cart-empty-message {
  padding: 3em 0;
}

.cart-drawer .cart-empty-message p {
  text-align: center;
  color: #8c8b8c;
}

.cart-drawer .cart-drawer-subtotal-price {
  text-align: right;
}

.cart-drawer {
  padding-bottom: 1em;
}

.cart-drawer .cart-content {
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(140, 139, 140, 0.1);
}


.cart-drawer.cart-is-empty .cart-content {
  border-bottom: none;
}

.cart-drawer .cart-content .cart-content-loading {
  color: rgba(140, 139, 140, 0.8);
}

.cart-drawer-item {
  visibility: visible;
  opacity: 1;
  transition: all 500ms ease-in-out;
}

.cart-drawer-item.removing {
  visibility: hidden;
  opacity: 0;
}

.cart-drawer-price {
  font-weight: bold;
  display: block;
  line-height: 1em;
}


#checkout .cart-drawer-price {
  width: 100%;
}

.cart-drawer-option {
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.6875rem;
  font-weight: 300;
}

.cart-drawer-item-thumbnail-container img {
  max-width: 50px;
  max-height: 50px;
  width: 50px;
  height: 50px;
  margin: 0 auto 0 0;
  object-fit: cover;
  -webkit-filter: brightness(0.975);
  filter: brightness(0.975);
}


@media all and (min-width: 60em) {
  .cart-drawer-item-thumbnail-container img {
    max-width: 60px;
    max-height: 60px;
    width: 60px;
    height: 60px;
    margin: 0 auto;
  }
}

.cart-drawer-item-thumbnail-remove {
  font-size: 0.6875rem;
}

.widget-item-quantity {
  margin-bottom: 0;
}

.widget-item-quantity,
.cart-drawer-item-quantity {
  width: 40px;
  text-align: center;
  margin-top: 0.275em;
  padding: 0.3em;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #8c8b8c;
}

.widget-item-quantity {
  padding: 0;
}

.widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
.widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
.widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  min-width: 60px;
  color: #1b1b1b;
  border-color: #767676;
  background-color: #767676;
}


.widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  color: #1b1b1b;
}

@media all and (min-width: 60em) {
  .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
  .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
  .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
  .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
  .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
  .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  	min-width: 60px;
  }
}

@media all and (min-width: 80em) {
  .widget-dynamic:not(.widget-dynamic-list) .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
  .widget-dynamic:not(.widget-dynamic-list) .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
  .widget-dynamic:not(.widget-dynamic-list) .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
  .widget-dynamic:not(.widget-dynamic-list) .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
  .widget-dynamic:not(.widget-dynamic-list) .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
  .widget-dynamic:not(.widget-dynamic-list) .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-intput-btn:visited {
  	min-width: 80px;
  }
}


.widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {;
  border-color: #767676;
  background-color: #767676;
  color: #1b1b1b;
}

.widget-add-to-cart-container {
  display: flex;
}

.widget-add-to-cart-container .btn-qty-minus-container,
.widget-add-to-cart-container .btn-qty-plus-container {
  display: none;
}

.widget-add-to-cart-container > .center {
  margin-left: 4px;
  margin-right: auto;
}

.widget-add-to-cart-container > .cart-drawer-item-quantity-container.hide + .center {
  margin-left: auto;
}

.widget-add-to-cart-container .cart-drawer-item-quantity-container > .flex > .one-third {
  width: 100%;
  max-width: 100%;
}

.widget-dynamic-container .widget-dynamic.widget-dynamic-grid .cart-drawer-item-quantity-container {
  height: fit-content;
}

.widget-dynamic-container .widget-dynamic.widget-dynamic-grid .card.card-add-to-cart .widget-add-to-cart-container {
  opacity: 0;
  height:0;
}

/* .widget-dynamic-container[data-types~="Product"] .widget-dynamic.widget-dynamic-grid .card.card-add-to-cart:hover .widget-add-to-cart-container { */
.widget-dynamic-container .widget-dynamic.widget-dynamic-grid .card.card-add-to-cart:hover .widget-add-to-cart-container {
  opacity: 1;
  transform: translateY(-48px);
}

body.light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
body.light .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
body.light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
body.light .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
body.light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
body.light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  color: #1b1b1b;
  border-color: #767676;
  background-color: #767676;
}

body.light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
body.light .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
body.light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #767676;
  background-color: #767676;
  color: #1b1b1b;
}

.widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
.widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
.widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  color: #111111;
  border-color: #767676;
  background-color: #767676;
}

.widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  color: #111111;
  border-color: #767676;
  background-color: #767676;
  
}


body.light .widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
body.light .widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
body.light .widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
body.light .widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
body.light .widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
body.light .widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  color: #111111;
  border-color: #767676;
  background-color: #767676;
}

body.light .widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
body.light .widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
body.light .widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #767676;
  background-color: #767676;
  color: #111111;
}

.widget-dynamic-container .widget-dynamic.widget-dynamic-grid input.widget-item-quantity {
  color: #767676;
  border-color: #767676;
}

body.light .widget-dynamic-container .widget-dynamic.widget-dynamic-grid  input.widget-item-quantity {
  color: #767676;
  border-color: #767676;
}


a.cart-drawer-item-remove,
a.cart-drawer-item-remove:visited {
  display: block;
  color: #111111;
}


#mmenu .cart-min-cart-message-container p {
  color: #f04c22;
}

.cart-checkout-container .cart-header,
.cart-checkout-container .checkout-btn-container {
  display: none;
}

.cart-checkout-container .cart-drawer .cart-header p,
.cart-checkout-container .cart-drawer .cart-footer h5,
.cart-checkout-container .cart-drawer .cart-empty-message p,
.cart-checkout-container .cart-drawer .cart-content .cart-content-loading,
.cart-checkout-container .cart-drawer-price,
.cart-checkout-container .cart-drawer-option {
  color: #8c8b8c;
}


.cart-checkout-container .cart-drawer .cart-content {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cart-checkout-container .cart-drawer-price {
  display: none;
}

.cart-checkout-container .cart-current-price {
  font-size: 1rem;
}

.cart-current-quantity,
.cart-current-price {
  display: none;
}

.cart-checkout-container .cart-current-quantity,
.cart-checkout-container .cart-current-price {
  font-weight: 600;
  display: inline-block;
}

.cart-checkout-container .cart-current-quantity {
  line-height: 1rem;
  padding: 4px;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 10em;
  background-color: #eee;
  margin-left: 6px;
  box-sizing: border-box;
  pointer-events: none;
}

.cart-drawer-item-quantity-container.padding-top{
  padding-top:0;
}

.widget-dynamic-container .widget-item-quantity,
.cart-drawer input.cart-drawer-item-quantity,
#checkout .cart-checkout-container .cart-drawer-item-quantity {
  display: inline-block;
  border-radius: 10em;
}

.cart-checkout-container .cart-drawer .cart-drawer-item-quantity-container,
.cart-checkout-container .cart-drawer .cart-footer h5 {
  text-align: right;
}

.cart-shipping-container.show,
.cart-total-container.show,
.cart-checkout-container .cart-shipping-container.show,
.cart-checkout-container .cart-total-container.show {
  visibility: visible;
  height: auto;
}

.postcode-check-message-container .valid,
.postcode-check-message-container .invalid {
  visibility: hidden;
  height: 0;
  font-size: 0.8125rem;
}

.postcode-check-message-container .invalid {
  color: #4f8c80;
}

.postcode-check-message-container a {
  color: #1b1b1b !important;
}

.postcode-check-message-container .valid.show,
.postcode-check-message-container .invalid.show {
  visibility: visible;
  height: auto;
}

#checkout .postcode-check-container {
  display: none !important;
}

.cart-shipping-container {
  border-bottom: 1px solid rgba(140, 139, 140, 0.1);
}

#checkout .cart-total-container {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.cart-checkout-container .cart-drawer .cart-footer h5 {
  font-size: 1.25rem;
}

.cart-checkout-container .cart-drawer .cart-footer .cart-total-container h5 {
  color: #767676;
  font-size: 1.5rem;
}


#checkout .cart-order-types {
  display: none;
}

.postal-field-container {
  visibility: hidden;
  opacity: 0;
  height: 0 !important;
  transition: all 200ms ease-in-out;
}

.postal-field-container.show {
  visibility: visible;
  opacity: 1;
  height: auto !important;
}


.billing-field-container {
  visibility: hidden;
  opacity: 0;
  height: 0 !important;
  display:none;
  transition: all 200ms ease-in-out;
}

.billing-field-container.show {
  visibility: visible;
  opacity: 1;
  display:block;
  height: auto !important;
}


.account-field-container {
  visibility: hidden;
  opacity: 0;
  height: 0 !important;
  transition: all 200ms ease-in-out;
}

.account-field-container.show {
  visibility: visible;
  opacity: 1;
  height: auto !important;
}

.cart-drawer-item-note {
  padding: 0 1em 0 0;
  margin: 0 0 0.5em 0;
  line-height: 100%;
  font-size: small;
  color: #767676;
}

.cart-drawer-item-note:before {
  content: "Special Notes: ";
}

#mmenu .cart-drawer-item-remove.btn-remove-from-cart {
  font-size: 0.75rem;
  line-height: 1em;
}

#checkout .cart-drawer-item-note {
  color: #111111;
  display: inline-block;
}

.ui-select .ui-btn-icon-right .ui-li-count {
  font-weight: 300;
  font-size: 0.8125rem;
  font-family: "Inter", sans-serif;
  line-height: 2em;
  letter-spacing: 0.03em;
  color: #767676;
  background-color:#1b1b1b;
}

body.show-cart-count-btn-join .btn-join::after {
  content: attr(data-content);
  position: absolute;
  left: 50%;
  font-family: inherit;
  font-size: calc(0.8125rem * 0.7);
  color: #767676;
  background-color:#1b1b1b;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 10em;
  width: auto;
  min-width: 1em;
  height: 1em;
  padding: 0.5em;
  overflow:hidden;
  line-height: 1em;
  text-align:center;
  left: auto;
  right: 2em;
}


body.show-cart-count-btn-join .btn-join::after {
  color: #8c8b8c;
}


@media all and (min-width: 60em) {
  body.show-cart-count-btn-join .btn-join::after {
 	font-size: 0.625rem;
  }
}


@media all and (min-width: 30em) {
  body.show-cart-count-btn-join .btn-join::after {
     right: 4em;
  }
}

@media all and (min-width: 60em) {
  body.show-cart-count-btn-join .btn-join::after {
     top: 25%;
     right: 25%;
  }
}

.item-qty {
  border: 2px solid #111111;
}

.cart-drawer-item-details-container h6 {
  width: calc(100% - 40px);
}

.postcode-check-message-container {
  font-size: 1.25em;
  line-height: 1em;
}


/* END CART */


/* CHECKOUT */

.ui-field-contain.date-of-birth-container.invalid::after {
  margin:0;
  padding: 8px 0;
  color: #1b1b1b;
  text-align: left;
  text-transform: none;
  font-weight: 200;
  font-family: "Epilogue",sans-serif;
  font-size: 1.095rem;
  line-height: 1em;
  letter-spacing: 0.03em;
  display: none;
  content : "Please enter a valid date of birth";
  display: table;
}

.ui-field-contain.postal-postcode-field-container.invalid:after {
  margin:0;
  padding: 8px 0;
  color: #1b1b1b;
  text-align: left;
  text-transform: none;
  font-weight: 200;
  font-family: "Epilogue",sans-serif;
  font-size: 1.095rem;
  line-height: 1em;
  letter-spacing: 0.03em;
  display: none;
  content : "Bummer - We don't go there!";
  display: table;
}


/* .no-label.gift-field-container:before, */
.no-label.gift-container:before,
.ui-field-contain.first-name-container:before,
.ui-field-contain.contact-first-name-container:before {
  color: #8c8b8c;
  text-align: left;
  text-transform: none;
  font-weight: 200;
  font-family: "Epilogue",sans-serif;
  font-size: 1.095rem;
  line-height: 1em;
  letter-spacing: 0.03em;
  margin-top:1.5em;
}

@media all and (min-width: 60em) {
  /* .no-label.gift-field-container:before,
  .no-label.gift-container:before,
   */
  .ui-field-contain.first-name-container:before,
  .ui-field-contain.contact-first-name-container:before {
    display: block;
    margin-top:1.5em;
    font-size: 1.692rem;
  }
}

/* .no-label.gift-field-container::before,
.no-label.gift-container::before {
  content: "Is This a Gift?";
  display:block;
} */

@media all and (min-width: 60em) {
  .no-label.gift-field-container:before,
  .no-label.gift-container:before {
    margin-bottom: 0.75em;
  }
}

.ui-field-contain.first-name-container::before {
  content: "Your Info";
}

.ui-field-contain.contact-first-name-container::before {
  content: "Your Billing Address";
}

.ui-field-contain.contact-first-name-container.is-gift::before {
  content: "Recipient Info";
}

#checkout-form .ui-btn.ui-input-btn {
  margin-top: 1em;
}


/* END CHECKOUT */


/* SHOP WIDGET */

.cart-drawer-item-quantity-container {
  text-align: center;
}

.widget-add-to-cart-container .ui-btn.ui-mini,
.widget-add-to-cart-container .btn-add-to-cart.ui-mini {
  margin: 0;
}

.widget-dynamic-container input.widget-item-quantity {
  text-align: center;
  font-size: 0.9375rem;
  transform: translateY(-2px);
  margin-top: 0;
  /* padding: 1.4px 0; */
  border-width: 0;
  box-sizing: border-box;
  /* height: 16px; */
  background-color: transparent;
  color: #767676;
  border-color: #767676;
}

.widget-dynamic-container input.widget-item-quantity:focus {
  outline: none;
}

.widget-dynamic-container input.widget-item-quantity {
  color: #767676;
  border-color: #767676;
}

.widget-dynamic-container .widget-dynamic.widget-dynamic-grid .cart-drawer-item-quantity-container {
  border-style: solid;
  border-color: #767676;
  border-width: 1px;;
  border-radius: 10em;
}

@media all and (min-width: 60em) {
  .widget-dynamic-container input.widget-item-quantity {
    border-width: 0;
    font-size: 1.0163rem;
  }
}

.widget-dynamic-container .widget-add-to-cart-container .btn-qty-plus,
.widget-dynamic-container .widget-add-to-cart-container .btn-qty-minus {
  line-height: 0.9375rem;
  font-size: 1.095rem;
  color: #767676;
}

@media all and (min-width: 60em) {
  .widget-dynamic-container input.widget-item-quantity {
/* 
    font-size: 1.0163rem;
*/
    font-size: 0.896rem;font-size: 0.896rem;
  }

  .widget-dynamic-container .widget-add-to-cart-container .btn-qty-plus,
  .widget-dynamic-container .widget-add-to-cart-container .btn-qty-minus {
    line-height: 1.0163rem;
  }
}


body.light .widget-dynamic-container .widget-add-to-cart-container .btn-qty-plus,
body.light .widget-dynamic-container .widget-add-to-cart-container .btn-qty-minus {
  color: #767676;
}


.widget-dynamic-container .widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .btn-qty-plus,
.widget-dynamic-container .widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .btn-qty-minus {
  color: #767676;
}

body.light .widget-dynamic-container .widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .btn-qty-plus,
body.light .widget-dynamic-container .widget-dynamic.widget-dynamic-grid .widget-add-to-cart-container .btn-qty-minus {
  color: #767676;
}



@media all and (min-width:60em){
  .widget-dynamic-container .widget-add-to-cart-container .btn-qty-plus,
  .widget-dynamic-container .widget-add-to-cart-container .btn-qty-minus {
    font-size: 1.0163rem;
  }

  body.light .widget-dynamic-container .widget-add-to-cart-container .btn-qty-plus,
  body.light .widget-dynamic-container .widget-add-to-cart-container .btn-qty-minus {
    font-size: 1.0163rem;
  }
}

.widget-dynamic-container .widget-add-to-cart-container .btn-qty-plus-container {
  text-align: left;
}

.widget-dynamic-container .widget-add-to-cart-container .btn-qty-minus-container {
  text-align: right;
}

/* END SHOP WIDGET */






/* body light cart drawer */
body.light #mmenu #mm-cart,
body.light #mmenu .cart-drawer-container{
  background-color:#1b1b1b;
}

body.light #mmenu.mm-menu .mm-listview > li .mm-next:after{
  border-color:#767676;
}

body.light #mmenu .cart-drawer-container .cart-order-types label,
body.light #mmenu .cart-drawer-container .cart-order-types a.link-option,
body.light #mmenu .cart-drawer-container .cart-header p,
body.light #mmenu .cart-drawer-container .cart-content h6,
body.light #mmenu .cart-drawer-container .cart-content p,
body.light #mmenu .cart-drawer-container .cart-content span,
body.light #mmenu .cart-drawer-container .cart-content label,
body.light #mmenu .cart-drawer-container .cart-content .cart-drawer-item-remove,
body.light #mmenu .cart-drawer-container .cart-footer h5,
body.light #mmenu .cart-drawer-container .cart-footer p,
body.light #mmenu .cart-drawer-container .cart-footer span,
body.light #mmenu .cart-drawer-container .cart-footer label,
body.light #mmenu .cart-drawer-container .cart-footer a.link-option,
body.light #mmenu .cart-drawer-container .cart-footer .order-type-schedule-message-container,
body.light #mmenu .cart-drawer-container .cart-footer .order-type-message-container,
body.light #mmenu .cart-drawer-container .cart-footer .postcode-check-message-container div{
  color: #767676;
}

body.light #mmenu .cart-drawer-container .cart-order-types,
body.light #mmenu .cart-drawer-container .cart-content,
body.light #mmenu .cart-drawer-container .cart-footer .cart-shipping-container,
body.light #mmenu .cart-drawer-container .cart-footer .checkout-btn-container .delivery-date-container > label + div.border-bottom{
  border-bottom:1px solid rgba(39, 39, 39,0.1);
}

body.light #mmenu .cart-drawer-container .cart-footer input::placeholder,
body.light #mmenu .cart-drawer-container .cart-footer input::-webkit-input-placeholder{
  color:#767676 !important;
}

body.light #mmenu .cart-drawer-container .cart-content input,
body.light #mmenu .cart-drawer-container .cart-footer input,
body.light #mmenu .cart-drawer-container .cart-footer .ui-select .ui-btn span{
  color:#767676 !important;
}

body.light #mmenu .cart-drawer-container .cart-footer input,
body.light #mmenu .cart-drawer-container .cart-footer .ui-select .ui-btn,
body.light #mmenu .cart-drawer-container .cart-content .cart-drawer-item-quantity{
  background-color:#111111;
}

body.light #mmenu .cart-drawer-container .cart-footer .btn-cart-drawer-checkout.ui-btn,
body.light #mmenu .cart-drawer-container .cart-footer .btn-cart-drawer-checkout.ui-btn:visited{
  background-color:#111111 !important;
  border-color:#111111 !important;
  color:#767676 !important;;
}

body.light #mmenu .cart-drawer-container .cart-footer .btn-cart-drawer-checkout.ui-btn:hover{
  background-color:#111111 !important;
  border-color:#111111 !important;
  color:#767676 !important;
}

/* body dark cart drawer */
body.dark #mmenu #mm-cart,
body.dark #mmenu .cart-drawer-container{
  background-color:#1b1b1b;
}

body.dark #mmenu.mm-menu .mm-listview > li .mm-next:after{
  border-color:#767676;
}

body.dark #mmenu .cart-drawer-container .cart-order-types label,
body.dark #mmenu .cart-drawer-container .cart-order-types a.link-option,
body.dark #mmenu .cart-drawer-container .cart-header p,
body.dark #mmenu .cart-drawer-container .cart-content h6,
body.dark #mmenu .cart-drawer-container .cart-content p,
body.dark #mmenu .cart-drawer-container .cart-content span,
body.dark #mmenu .cart-drawer-container .cart-content label,
body.dark #mmenu .cart-drawer-container .cart-content .cart-drawer-item-remove,
body.dark #mmenu .cart-drawer-container .cart-footer h5,
body.dark #mmenu .cart-drawer-container .cart-footer p,
body.dark #mmenu .cart-drawer-container .cart-footer span,
body.dark #mmenu .cart-drawer-container .cart-footer label,
body.dark #mmenu .cart-drawer-container .cart-footer a.link-option,
body.dark #mmenu .cart-drawer-container .cart-footer .order-type-schedule-message-container,
body.dark #mmenu .cart-drawer-container .cart-footer .order-type-message-container,
body.dark #mmenu .cart-drawer-container .cart-footer .postcode-check-message-container div{
  color: #767676;
}

body.dark #mmenu .cart-drawer-container .cart-order-types,
body.dark #mmenu .cart-drawer-container .cart-content,
body.dark #mmenu .cart-drawer-container .cart-footer .cart-shipping-container,
body.dark #mmenu .cart-drawer-container .cart-footer .checkout-btn-container .delivery-date-container > label + div.border-bottom{
  border-bottom:1px solid rgba(39, 39, 39,0.1);
}

body.dark #mmenu .cart-drawer-container .cart-footer input::placeholder,
body.dark #mmenu .cart-drawer-container .cart-footer input::-webkit-input-placeholder{
  color:#767676 !important;
}

body.dark #mmenu .cart-drawer-container .cart-content input,
body.dark #mmenu .cart-drawer-container .cart-footer input,
body.dark #mmenu .cart-drawer-container .cart-footer .ui-select .ui-btn span{
  color:#767676 !important;
}

body.dark #mmenu .cart-drawer-container .cart-footer input,
body.dark #mmenu .cart-drawer-container .cart-footer .ui-select .ui-btn,
body.dark #mmenu .cart-drawer-container .cart-content .cart-drawer-item-quantity{
  background-color:#111111;
}

body.dark #mmenu .cart-drawer-container .cart-footer .btn-cart-drawer-checkout.ui-btn,
body.dark #mmenu .cart-drawer-container .cart-footer .btn-cart-drawer-checkout.ui-btn:visited{
  background-color:#111111 !important;
  border-color:#111111 !important;
  color:#767676 !important;
}

body.dark #mmenu .cart-drawer-container .cart-footer .btn-cart-drawer-checkout.ui-btn:hover{
  background-color:transparent !important;
  border-color:#111111 !important;
  color:#111111 !important;
}

/* body drawer-light cart drawer */
body.drawer-light #mmenu #mm-cart,
body.drawer-light #mmenu .cart-drawer-container{
  background-color:#1b1b1b;
}

body.drawer_light #mmenu.mm-menu .mm-listview > li .mm-next:after{
  border-color:#767676;
}

body.drawer-light #mmenu .cart-drawer-container .cart-order-types label,
body.drawer-light #mmenu .cart-drawer-container .cart-order-types a.link-option,
body.drawer-light #mmenu .cart-drawer-container .cart-header p,
body.drawer-light #mmenu .cart-drawer-container .cart-content h6,
body.drawer-light #mmenu .cart-drawer-container .cart-content p,
body.drawer-light #mmenu .cart-drawer-container .cart-content span,
body.drawer-light #mmenu .cart-drawer-container .cart-content label,
body.drawer-light #mmenu .cart-drawer-container .cart-content .cart-drawer-item-remove,
body.drawer-light #mmenu .cart-drawer-container .cart-footer h5,
body.drawer-light #mmenu .cart-drawer-container .cart-footer p,
body.drawer-light #mmenu .cart-drawer-container .cart-footer span,
body.drawer-light #mmenu .cart-drawer-container .cart-footer label,
body.drawer-light #mmenu .cart-drawer-container .cart-footer a.link-option,
body.drawer-light #mmenu .cart-drawer-container .cart-footer .order-type-schedule-message-container,
body.drawer-light #mmenu .cart-drawer-container .cart-footer .order-type-message-container,
body.drawer-light #mmenu .cart-drawer-container .cart-footer .postcode-check-message-container div{
  color: #767676;
}

body.drawer-light #mmenu .cart-drawer-container .cart-order-types,
body.drawer-light #mmenu .cart-drawer-container .cart-content,
body.drawer-light #mmenu .cart-drawer-container .cart-footer .cart-shipping-container,
body.drawer-light #mmenu .cart-drawer-container .cart-footer .checkout-btn-container .delivery-date-container > label + div.border-bottom{
  border-bottom:1px solid rgba(39, 39, 39,0.1);
}

body.drawer-light #mmenu .cart-drawer-container .cart-footer input::placeholder,
body.drawer-light #mmenu .cart-drawer-container .cart-footer input::-webkit-input-placeholder{
  color:#767676 !important;
}

body.drawer-light #mmenu .cart-drawer-container .cart-content input,
body.drawer-light #mmenu .cart-drawer-container .cart-footer input,
body.drawer-light #mmenu .cart-drawer-container .cart-footer .ui-select .ui-btn span{
  color:#767676 !important;
}

body.drawer-light #mmenu .cart-drawer-container .cart-footer input,
body.drawer-light #mmenu .cart-drawer-container .cart-footer .ui-select .ui-btn,
body.drawer-light #mmenu .cart-drawer-container .cart-content .cart-drawer-item-quantity{
  background-color:#111111;
}

body.drawer-light #mmenu .cart-drawer-container .cart-footer .btn-cart-drawer-checkout.ui-btn,
body.drawer-light #mmenu .cart-drawer-container .cart-footer .btn-cart-drawer-checkout.ui-btn:visited{
  background-color:#111111 !important;
  border-color:#111111 !important;
  color:#767676 !important;
}

body.drawer-light #mmenu .cart-drawer-container .cart-footer .btn-cart-drawer-checkout.ui-btn:hover{
  background-color:transparent !important;
  border-color:#111111 !important;
  color:#111111 !important;
}

/* body drawer-dark cart drawer */
body.drawer-dark #mmenu #mm-cart,
body.drawer-dark #mmenu .cart-drawer-container{
  background-color:#1b1b1b;
}

body.drawer-dark #mmenu.mm-menu .mm-listview > li .mm-next:after{
  border-color:#767676;
}

body.drawer-dark #mmenu .cart-drawer-container .cart-order-types label,
body.drawer-dark #mmenu .cart-drawer-container .cart-order-types a.link-option,
body.drawer-dark #mmenu .cart-drawer-container .cart-header p,
body.drawer-dark #mmenu .cart-drawer-container .cart-content h6,
body.drawer-dark #mmenu .cart-drawer-container .cart-content p,
body.drawer-dark #mmenu .cart-drawer-container .cart-content span,
body.drawer-dark #mmenu .cart-drawer-container .cart-content label,
body.drawer-dark #mmenu .cart-drawer-container .cart-content .cart-drawer-item-remove,
body.drawer-dark #mmenu .cart-drawer-container .cart-footer h5,
body.drawer-dark #mmenu .cart-drawer-container .cart-footer p,
body.drawer-dark #mmenu .cart-drawer-container .cart-footer span,
body.drawer-dark #mmenu .cart-drawer-container .cart-footer label,
body.drawer-dark #mmenu .cart-drawer-container .cart-footer a.link-option,
body.drawer-dark #mmenu .cart-drawer-container .cart-footer .order-type-schedule-message-container,
body.drawer-dark #mmenu .cart-drawer-container .cart-footer .order-type-message-container,
body.drawer-dark #mmenu .cart-drawer-container .cart-footer .postcode-check-message-container div{
  color: #767676;
}

body.drawer-dark #mmenu .cart-drawer-container .cart-order-types,
body.drawer-dark #mmenu .cart-drawer-container .cart-content,
body.drawer-dark #mmenu .cart-drawer-container .cart-footer .cart-shipping-container,
body.drawer-dark #mmenu .cart-drawer-container .cart-footer .checkout-btn-container .delivery-date-container > label + div.border-bottom{
  border-bottom:1px solid rgba(39, 39, 39,0.1);
}

body.drawer-dark #mmenu .cart-drawer-container .cart-footer input::placeholder,
body.drawer-dark #mmenu .cart-drawer-container .cart-footer input::-webkit-input-placeholder{
  color:#767676 !important;
}

body.drawer-dark #mmenu .cart-drawer-container .cart-content input,
body.drawer-dark #mmenu .cart-drawer-container .cart-footer input,
body.drawer-dark #mmenu .cart-drawer-container .cart-footer .ui-select .ui-btn span{
  color:#767676 !important;
}

body.drawer-dark #mmenu .cart-drawer-container .cart-footer input,
body.drawer-dark #mmenu .cart-drawer-container .cart-footer .ui-select .ui-btn,
body.drawer-dark #mmenu .cart-drawer-container .cart-content .cart-drawer-item-quantity{
  background-color:#111111;
}

body.drawer-dark #mmenu .cart-drawer-container .cart-footer .btn-cart-drawer-checkout.ui-btn,
body.drawer-dark #mmenu .cart-drawer-container .cart-footer .btn-cart-drawer-checkout.ui-btn:visited{
  background-color:#111111 !important;
  border-color:#111111 !important;
  color:#767676 !important;
}

body.drawer-dark #mmenu .cart-drawer-container .cart-footer .btn-cart-drawer-checkout.ui-btn:hover{
  background-color:transparent !important;
  border-color:#111111 !important;
  color:#111111 !important;
}

/*-------------------------------------------------------------------------------------------------------------*/


/* body light join btn quantity */

body.light.show-cart-count-btn-join .btn-join::after {
  color: #767676 !important;
  background-color: #1b1b1b;
}


body .page-add-to-cart-container .btn-add-to-cart.ui-btn,
body .page-add-to-cart-container .btn-add-to-cart.ui-btn:visited{
  background-color:#1b1b1b;
  border-color:#1b1b1b;
  color:#767676;
  white-space:nowrap;
}

body .page-add-to-cart-container .btn-add-to-cart.ui-btn:hover{
  background-color:transparent;
  border-color:#1b1b1b;
  color:#1b1b1b;
}


body.round .quantity-container .ui-input-text {
  color: #111111;
}


body.round .row-primary.quantity-container .ui-input-text, body.round .row-primary.quantity-container .ui-input-text:visited {
  background-color: #767676;
  
  	color: #111111;
  
  border-color: #767676;  
}


body.round .row-secondary.quantity-container .ui-input-text, body.round .row-secondary.quantity-container .ui-input-text:visited {
  color: #8c8b8c;
  background-color: #111111;
  border-color: #111111;
}

body.round .row-accent-1.quantity-container .ui-input-text, body.round .row-accent-1.quantity-container .ui-input-text:visited {
  background-color: #1b1b1b;
  color: #8c8b8c;
  border-color: #1b1b1b;
}

/* .row-class btn-add-to-cart */
body .row-primary .btn-add-to-cart.ui-btn,
body .row-primary .btn-add-to-cart.ui-btn:visited{
  background-color: #767676;
  
  	color: #111111;
  
  border-color: #767676;  
}

body .row-primary .btn-add-to-cart.ui-btn:hover{
  background-color: transparent;
  
  	color: #111111;
  
  border-color: #767676;
}


body .row-secondary .btn-add-to-cart.ui-btn,
body .row-secondary .btn-add-to-cart.ui-btn:visited{
  color: #8c8b8c;
  background-color: #111111;
  border-color: #111111;
}

body .row-secondary .btn-add-to-cart.ui-btn:hover{
  background-color: transparent;
  color: #111111;
  border-color: #111111;
}


body .row-accent-1 .btn-add-to-cart.ui-btn,
body .row-accent-1 .btn-add-to-cart.ui-btn:visited{
  background-color: #1b1b1b;
  color: #8c8b8c;
  border-color: #1b1b1b;
}

body .row-accent-1 .btn-add-to-cart.ui-btn:hover{
  background-color: transparent;
  color: #1b1b1b;
  border-color: #1b1b1b;
}

/* end .row-class buttons */






/* body light on checkout containter */
body.light .cart-checkout-container .cart-drawer .cart-header p,
body.light .cart-checkout-container .cart-drawer .cart-content h6,
body.light .cart-checkout-container .cart-drawer .cart-content span,
body.light .cart-checkout-container .cart-drawer .cart-content a.cart-drawer-item-remove,
body.light .cart-checkout-container .cart-drawer .cart-content a.cart-drawer-item-remove:visited,
body.light .cart-checkout-container .cart-drawer .cart-footer h5{
    color: #767676; 
}

body.light .cart-checkout-container .cart-drawer .cart-content .cart-current-quantity,
body.light .cart-checkout-container .cart-drawer .cart-content .cart-drawer-item-quantity{
  color:#767676 !important;
  background-color:rgba(1, 1, 1,0.1);
}

body.light .cart-checkout-container .cart-drawer .cart-content,
body.light .cart-checkout-container .cart-drawer .cart-footer .cart-shipping-container{
  border-color: rgba(27, 27, 27, 0.1);
}

/* body light on checkout-form */
body.light .checkout-form .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child{
    color: #767676;
    background:#1b1b1b;
    border-color: #1b1b1b;
}

body.light .checkout-form .create-account-container legend h3,
body.light .checkout-form .no-label.gift-container:before, 
body.light .checkout-form .no-label.gift-field-container:before,
body.light .checkout-form .ui-field-contain.first-name-container:before, 
body.light .checkout-form .ui-field-contain.contact-first-name-container:before{
  color: #767676;
}

body.light .checkout-form .billing-field-container .ui-select.ui-mini .ui-btn,
body.light .checkout-form .billing-field-container .ui-select.ui-mini .ui-btn:hover{
  color: #767676;
  background:#1b1b1b;
}

body.light .checkout-form .ui-field-contain{
  border-color:#767676;
}

body.light .checkout-form textarea.ui-input-text,
body.light .checkout-form .ui-input-text input{
  color: #767676;
  background:#1b1b1b;
}

body.light .checkout-form textarea.ui-input-text::placeholder,
body.light .checkout-form textarea.ui-input-text::-webkit-input-placeholder,
body.light .checkout-form .ui-input-text input::placeholder,
body.light .checkout-form .ui-input-text input::-webkit-input-placeholder{
  color:#767676 !important;
}

body.light .checkout-form .ui-checkbox .ui-checkbox-on:after,
body.light .checkout-form .ui-checkbox .ui-checkbox-off:after{
  background-color: rgba(118, 118, 118, 0.5);
}

body.light .checkout-form > a[data-role="button"].ui-btn,
body.light .checkout-form > a[data-role="button"].ui-btn:visited{
  background-color:#1b1b1b !important;
  border-color:#1b1b1b !important;
  color:#767676 !important;
}

body.light .checkout-form > a[data-role="button"].ui-btn:hover{
  background-color:transparent !important;
  border-color:#1b1b1b !important;
  color:#1b1b1b !important;
}

.ui-select .ui-btn-icon-right .ui-li-count {
  border: 0;
}

/* body dark join btn quantity */
body.dark .ui-select .ui-btn-icon-right .ui-li-count,
body.dark.show-cart-count-btn-join .btn-join::after{
  color:#767676 !important;
  background-color:#1b1b1b;
}

body.dark .item-title-container.border,
body.dark .item-summary-container.border,
body.dark .item-price-container.border,
body.dark .page-add-to-cart-container.border,
body.dark .page-description-container.border,
body.dark .page-option-container.border,
body.dark .page-field-container.border,
body.dark .page-related-file-container.border{
  border-color: #1b1b1b;
}

/* body dark on checkout containter */
body.dark .cart-checkout-container .cart-drawer .cart-header p,
body.dark .cart-checkout-container .cart-drawer .cart-content h6,
body.dark .cart-checkout-container .cart-drawer .cart-content span,
body.dark .cart-checkout-container .cart-drawer .cart-content a.cart-drawer-item-remove,
body.dark .cart-checkout-container .cart-drawer .cart-content a.cart-drawer-item-remove:visited,
body.dark .cart-checkout-container .cart-drawer .cart-footer h5{
    color: #767676; 
}

body.dark .cart-checkout-container .cart-drawer .cart-content .cart-current-quantity,
body.dark .cart-checkout-container .cart-drawer .cart-content .cart-drawer-item-quantity{
  color:#767676 !important;
  background-color:rgba(140, 139, 140,0.1);
}

body.dark .cart-checkout-container .cart-drawer .cart-content,
body.dark .cart-checkout-container .cart-drawer .cart-footer .cart-shipping-container{
  border-color: rgba(27, 27, 27, 0.1);
}

body.dark .cart-checkout-container .cart-drawer .cart-footer .cart-shipping-container {
  color: #767676; 
}

/* body dark on checkout-form */
body.dark .checkout-form .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child{
    color: #767676;
    background:#1b1b1b;
    border-color: #1b1b1b;
}

body.dark .checkout-form .create-account-container legend h3,
body.dark .checkout-form .no-label.gift-container:before, 
body.dark .checkout-form .no-label.gift-field-container:before,
body.dark .checkout-form .ui-field-contain.first-name-container:before, 
body.dark .checkout-form .ui-field-contain.contact-first-name-container:before{
  color: #767676;
}

body.dark .checkout-form .billing-field-container .ui-select.ui-mini .ui-btn,
body.dark .checkout-form .billing-field-container .ui-select.ui-mini .ui-btn:hover{
  color: #767676;
  background:#1b1b1b;
}

body.dark .checkout-form .ui-field-contain{
  border-color:#767676;
}

body.dark .checkout-form textarea.ui-input-text,
body.dark .checkout-form .ui-input-text input{
  color: #767676;
  background:#1b1b1b;
}

body.dark .checkout-form textarea.ui-input-text::placeholder,
body.dark .checkout-form textarea.ui-input-text::-webkit-input-placeholder,
body.dark .checkout-form .ui-input-text input::placeholder,
body.dark .checkout-form .ui-input-text input::-webkit-input-placeholder{
  color:#767676 !important;
}

body.dark .checkout-form .ui-checkbox .ui-checkbox-on:after,
body.dark .checkout-form .ui-checkbox .ui-checkbox-off:after{
  background-color: rgba(118, 118, 118, 0.5);
}

body.dark .checkout-form > a[data-role="button"].ui-btn,
body.dark .checkout-form > a[data-role="button"].ui-btn:visited{
  background-color:#1b1b1b !important;
  border-color:#1b1b1b !important;
  color:#767676 !important;
}

body.dark .checkout-form > a[data-role="button"].ui-btn:hover{
  background-color: transparent !important;
  border-color:#1b1b1b !important;
  color:#1b1b1b !important;
}

/* row dark product spec and toggle */
body .row-dark.page-option-container p, body .row-dark .page-option-container p,
body .row-dark.page-option-container span, body .row-dark .page-option-container span,
body .row-dark.page-option-container ul, body .row-dark .page-option-container ul,
body .row-dark.page-option-container .ui-select, body .row-dark .page-option-container .ui-select,
body .row-dark.page-option-container.ui-select .ui-btn:after, body .row-dark .page-option-container.ui-select .ui-btn:after,
body .row-dark.page-field-container p, body .row-dark .page-field-container p,
body .row-dark.page-field-container span, body .row-dark .page-field-container span,
body .row-dark.page-field-container ul, body .row-dark .page-field-container ul,
body .row-dark.page-related-file-container p, body .row-dark .page-related-file-container p,
body .row-dark.page-related-file-container span, body .row-dark .page-related-file-container span,
body .row-dark.page-related-file-container ul body, .row-dark .page-related-file-container ul{
  color:#010101;
}

body .row-dark .page-option-container.border, body .row-dark.page-option-container.border,
body .row-dark .page-field-container.border, body .row-dark.page-field-container.border,
body .row-dark .page-related-file-container.border, body .row-dark.page-related-file-container.border{
  border-color: #010101;
}

body .row-dark .page-add-to-cart-container .btn-add-to-cart.ui-btn, body .row-dark.page-add-to-cart-container .btn-add-to-cart.ui-btn,
body .row-dark .page-add-to-cart-container .btn-add-to-cart.ui-btn:visited, body .row-dark.page-add-to-cart-container .btn-add-to-cart.ui-btn:visited{
  background-color:#010101 !important;
  border-color:#010101 !important;
  color:#8c8b8c !important;
}

body .row-dark .page-add-to-cart-container .btn-add-to-cart.ui-btn:hover, body .row-dark.page-add-to-cart-container .btn-add-to-cart.ui-btn:hover{
  background-color: transparent !important;
  border-color:#010101 !important;
  color:#010101 !important;
}

/* row dark product widget */
body .row-dark .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > h5,
body .row-dark .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > p,
body .row-dark .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > span,
body .row-dark .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > div {
  color: #010101;
}

body .row-dark .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > hr{
  border-color:#010101;
}

body .row-dark .widget-dynamic-container .widget-add-to-cart-container .btn-qty-plus,
body .row-dark .widget-dynamic-container .widget-add-to-cart-container .btn-qty-minus {
    color: #010101;
 }

body .row-dark .widget-dynamic-container input.widget-item-quantity{
  color:#010101;
  background-color: rgba(1, 1, 1,0.1);
}

body .row-dark .widget-dynamic-container .widget-add-to-cart-container .btn-add-to-cart,
body .row-dark .widget-dynamic-container .widget-add-to-cart-container .btn-add-to-cart:visited{
  background-color: transparent !important;
  border-color:#010101 !important;
  color:#010101 !important;
}

body .row-dark .widget-dynamic-container .widget-add-to-cart-container .btn-add-to-cart:hover{
  background-color:#010101 !important;
  border-color:#010101 !important;
  color:#8c8b8c !important;
}

/* row dark on checkout-form */
body .row-dark .checkout-form .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child,
body .row-dark.checkout-form .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child{
    border-color: #010101;
    background: #8c8b8c;
    color: #010101;
}

body .row-dark .checkout-form .create-account-container legend h3, body .row-dark.checkout-form .create-account-container legend h3,
body .row-dark .checkout-form .no-label.gift-container:before,  body .row-dark.checkout-form .no-label.gift-container:before, 
body .row-dark .checkout-form .no-label.gift-field-container:before,  body .row-dark.checkout-form .no-label.gift-field-container:before, 
body .row-dark .checkout-form .ui-field-contain.first-name-container:before,  body .row-dark.checkout-form .ui-field-contain.first-name-container:before, 
body .row-dark .checkout-form .ui-field-contain.contact-first-name-container:before, body .row-dark.checkout-form .ui-field-contain.contact-first-name-container:before,
body .row-dark .checkout-form .billing-field-container .ui-select.ui-mini .ui-btn, body .row-dark.checkout-form .billing-field-container .ui-select.ui-mini .ui-btn{
  color: #010101;
}

body .row-dark .checkout-form .ui-field-contain,body .row-dark.checkout-form .ui-field-contain{
  border-color:#010101;
}

body .row-dark .checkout-form .ui-checkbox .ui-checkbox-on:after, body .row-dark.checkout-form .ui-checkbox .ui-checkbox-on:after,
body .row-dark .checkout-form .ui-checkbox .ui-checkbox-off:after, body .row-dark.checkout-form .ui-checkbox .ui-checkbox-off:after{
  background-color: rgba(1, 1, 1, 0.5);
}

body .row-dark .checkout-form .ui-input-text input, body .row-dark.checkout-form .ui-input-text input{
  color: #010101;
  background-color:#8c8b8c;
}

body .row-dark .checkout-form .ui-input-text input::placeholder, body .row-dark.checkout-form .ui-input-text input::placeholder,
body .row-dark .checkout-form .ui-input-text input::-webkit-input-placeholder, body .row-dark.checkout-form .ui-input-text input::-webkit-input-placeholder{
  color: #010101;
}

body .row-dark .checkout-form > a[data-role="button"].ui-btn, body .row-dark.checkout-form > a[data-role="button"].ui-btn,
body .row-dark .checkout-form > a[data-role="button"].ui-btn:visited. body .row-dark.checkout-form > a[data-role="button"].ui-btn:visited{
  background-color:#010101 !important;
  border-color:#010101 !important;
  color:#8c8b8c !important;
}

body .row-dark .checkout-form > a[data-role="button"].ui-btn:hover, body .row-dark.checkout-form > a[data-role="button"].ui-btn:hover{
  background-color: transparent !important;
  border-color:#010101 !important;
  color:#010101 !important;
}

/* row dark on checkout containter */
body .row-dark .cart-checkout-container .cart-drawer .cart-header p, body .row-dark.cart-checkout-container .cart-drawer .cart-header p,
body .row-dark .cart-checkout-container .cart-drawer .cart-content h6, body .row-dark.cart-checkout-container .cart-drawer .cart-content h6,
body .row-dark .cart-checkout-container .cart-drawer .cart-content span, body .row-dark.cart-checkout-container .cart-drawer .cart-content span,
body .row-dark .cart-checkout-container .cart-drawer .cart-content a.cart-drawer-item-remove, body .row-dark.cart-checkout-container .cart-drawer .cart-content a.cart-drawer-item-remove,
body .row-dark .cart-checkout-container .cart-drawer .cart-content a.cart-drawer-item-remove:visited, body .row-dark .cart-checkout-container .cart-drawer .cart-content a.cart-drawer-item-remove:visited,
body .row-dark .cart-checkout-container .cart-drawer .cart-footer h5, body .row-dark.cart-checkout-container .cart-drawer .cart-footer h5{
    color: #010101;
}

body .row-dark .cart-checkout-container .cart-drawer .cart-content .cart-current-quantity, body .row-dark.cart-checkout-container .cart-drawer .cart-content .cart-current-quantity,
body .row-dark .cart-checkout-container .cart-drawer .cart-content .cart-drawer-item-quantity,body .row-dark.cart-checkout-container .cart-drawer .cart-content .cart-drawer-item-quantity{
  color:#010101 !important;
  background-color: rgba(1, 1, 1,0.1);
}

body .row-dark .cart-checkout-container .cart-drawer .cart-content, body .row-dark.cart-checkout-container .cart-drawer .cart-content, 
body .row-dark .cart-checkout-container .cart-drawer .cart-footer .cart-shipping-container, body .row-dark.cart-checkout-container .cart-drawer .cart-footer .cart-shipping-container {
  border-color: rgba(1, 1, 1,0.1);
}

/* row light product widget */
body .row-light .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > h5,
body .row-light .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > p,
body .row-light .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > span,
body .row-light .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > div {
  color: #8c8b8c;
}

body .row-light .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > hr{
  border-color:#8c8b8c;
}

body .row-light .widget-dynamic-container .widget-add-to-cart-container .btn-qty-plus,
body .row-light .widget-dynamic-container .widget-add-to-cart-container .btn-qty-minus {
    color: #8c8b8c;
 }

body .row-light .widget-dynamic-container input.widget-item-quantity{
  color:#8c8b8c;
  background-color: rgba(140, 139, 140,0.1);
}

body .row-light .widget-dynamic-container .widget-add-to-cart-container .btn-add-to-cart,
body .row-light .widget-dynamic-container .widget-add-to-cart-container .btn-add-to-cart:visited{
  background-color: transparent !important;
  border-color:#8c8b8c !important;
  color:#8c8b8c !important;
}

body .row-light .widget-dynamic-container .widget-add-to-cart-container .btn-add-to-cart:hover{
  background-color:#8c8b8c !important;
  border-color:#8c8b8c !important;
  color:#010101 !important;
}

/* row light on checkout-form */
body .row-light .checkout-form .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child,
body .row-light.checkout-form .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child{
    border-color: #8c8b8c;
    background: #010101;
    color: #8c8b8c;
}

body .row-light .checkout-form .create-account-container legend h3, body .row-light.checkout-form .create-account-container legend h3,
body .row-light .checkout-form .no-label.gift-container:before,  body .row-light.checkout-form .no-label.gift-container:before, 
body .row-light .checkout-form .no-label.gift-field-container:before,  body .row-light.checkout-form .no-label.gift-field-container:before, 
body .row-light .checkout-form .ui-field-contain.first-name-container:before,  body .row-light.checkout-form .ui-field-contain.first-name-container:before, 
body .row-light .checkout-form .ui-field-contain.contact-first-name-container:before, body .row-light.checkout-form .ui-field-contain.contact-first-name-container:before,
body .row-light .checkout-form .billing-field-container .ui-select.ui-mini .ui-btn, body .row-light.checkout-form .billing-field-container .ui-select.ui-mini .ui-btn{
  color: #8c8b8c;
}

body .row-light .checkout-form .ui-field-contain,body .row-light.checkout-form .ui-field-contain{
  border-color:#8c8b8c;
}

body .row-light .checkout-form .ui-checkbox .ui-checkbox-on:after, body .row-light.checkout-form .ui-checkbox .ui-checkbox-on:after,
body .row-light .checkout-form .ui-checkbox .ui-checkbox-off:after, body .row-light.checkout-form .ui-checkbox .ui-checkbox-off:after{
  background-color: rgba(140, 139, 140, 0.5);
}

body .row-light .checkout-form .ui-input-text input, body .row-light.checkout-form .ui-input-text input{
  color: #8c8b8c;
  background-color:#010101;
}

body .row-light .checkout-form .ui-input-text input::placeholder, body .row-light.checkout-form .ui-input-text input::placeholder,
body .row-light .checkout-form .ui-input-text input::-webkit-input-placeholder, body .row-light.checkout-form .ui-input-text input::-webkit-input-placeholder{
  color: #8c8b8c;
}

body .row-light .checkout-form > a[data-role="button"].ui-btn, body .row-light.checkout-form > a[data-role="button"].ui-btn,
body .row-light .checkout-form > a[data-role="button"].ui-btn:visited. body .row-light.checkout-form > a[data-role="button"].ui-btn:visited{
  background-color:#8c8b8c !important;
  border-color:#8c8b8c !important;
  color:#010101 !important;
}

body .row-light .checkout-form > a[data-role="button"].ui-btn:hover, body .row-light.checkout-form > a[data-role="button"].ui-btn:hover{
  background-color:transparent !important;
  border-color:#8c8b8c !important;
  color:#8c8b8c !important;
}

/* row light on checkout containter */
body .row-light .cart-checkout-container .cart-drawer .cart-header p, body .row-light.cart-checkout-container .cart-drawer .cart-header p,
body .row-light .cart-checkout-container .cart-drawer .cart-content h6, body .row-light.cart-checkout-container .cart-drawer .cart-content h6,
body .row-light .cart-checkout-container .cart-drawer .cart-content span, body .row-light.cart-checkout-container .cart-drawer .cart-content span,
body .row-light .cart-checkout-container .cart-drawer .cart-content a.cart-drawer-item-remove, body .row-light.cart-checkout-container .cart-drawer .cart-content a.cart-drawer-item-remove,
body .row-light .cart-checkout-container .cart-drawer .cart-content a.cart-drawer-item-remove:visited, body .row-light .cart-checkout-container .cart-drawer .cart-content a.cart-drawer-item-remove:visited,
body .row-light .cart-checkout-container .cart-drawer .cart-footer h5, body .row-light.cart-checkout-container .cart-drawer .cart-footer h5{
    color: #8c8b8c;
}

body .row-light .cart-checkout-container .cart-drawer .cart-content .cart-current-quantity, body .row-light.cart-checkout-container .cart-drawer .cart-content .cart-current-quantity,
body .row-light .cart-checkout-container .cart-drawer .cart-content .cart-drawer-item-quantity,body .row-light.cart-checkout-container .cart-drawer .cart-content .cart-drawer-item-quantity{
  color:#8c8b8c !important;
  background-color: rgba(140, 139, 140,0.1);
}

body .row-light .cart-checkout-container .cart-drawer .cart-content, body .row-light.cart-checkout-container .cart-drawer .cart-content, 
body .row-light .cart-checkout-container .cart-drawer .cart-footer .cart-shipping-container, body .row-light.cart-checkout-container .cart-drawer .cart-footer .cart-shipping-container {
  border-color: rgba(140, 139, 140,0.1);
}

@media all and (max-width: 60em) {
  .widget-grid-half > .widget-dynamic-container > .widget-dynamic.widget-dynamic-grid >.card.card-product.card-no-effect,
  .widget-grid-half > .widget-dynamic-container > .widget-dynamic.widget-dynamic-card >.card.card-product.card-no-effect,
  .widget-grid-half > .widget-dynamic-container > .widget-dynamic.widget-dynamic-list >.card.card-product.card-no-effect {
    width: 50%;
  }
}

.widget-image-circle > .widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container, 
.widget-image-circle > .widget-dynamic-container > .widget-dynamic > .card > a > figure > .item-image-container,
.widget-image-circle > .widget-dynamic-container.widget-image-position-first > .widget-dynamic-card > .card > a > figure > .item-image-container {
  border-radius: 100em;
  -webkit-mask-image: -webkit-radial-gradient(white,black); /* Add this line to support widget image circle - Safari needs this*/ 
}

.widget-image-border > .widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container, 
.widget-image-border > .widget-dynamic-container > .widget-dynamic > .card > a > figure > .item-image-container,
.widget-image-border > .widget-dynamic-container.widget-image-position-first > .widget-dynamic-card > .card > a > figure > .item-image-container {
  border-style: solid
}
.widget-image-border.widget-image-border-light > .widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container, 
.widget-image-border.widget-image-border-light > .widget-dynamic-container > .widget-dynamic > .card > a > figure > .item-image-container,
.widget-image-border.widget-image-border-light > .widget-dynamic-container.widget-image-position-first > .widget-dynamic-card > .card > a > figure > .item-image-container {
  border-color: #8c8b8c;
}
.widget-image-border.widget-image-border-dark > .widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container, 
.widget-image-border.widget-image-border-dark > .widget-dynamic-container > .widget-dynamic > .card > a > figure > .item-image-container,
.widget-image-border.widget-image-border-dark > .widget-dynamic-container.widget-image-position-first > .widget-dynamic-card > .card > a > figure > .item-image-container {
  border-color: #010101;
}
.widget-image-border.widget-image-border-thinnest > .widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container, 
.widget-image-border.widget-image-border-thinnest > .widget-dynamic-container > .widget-dynamic > .card > a > figure > .item-image-container,
.widget-image-border.widget-image-border-thinnest > .widget-dynamic-container.widget-image-position-first > .widget-dynamic-card > .card > a > figure > .item-image-container {
  border-width: 1px;
}
.widget-image-border.widget-image-border-thinner > .widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container, 
.widget-image-border.widget-image-border-thinner > .widget-dynamic-container > .widget-dynamic > .card > a > figure > .item-image-container,
.widget-image-border.widget-image-border-thinner > .widget-dynamic-container.widget-image-position-first > .widget-dynamic-card > .card > a > figure > .item-image-container {
  border-width: 2px;
}
.widget-image-border.widget-image-border-thin > .widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container, 
.widget-image-border.widget-image-border-thin > .widget-dynamic-container > .widget-dynamic > .card > a > figure > .item-image-container,
.widget-image-border.widget-image-border-thin > .widget-dynamic-container.widget-image-position-first > .widget-dynamic-card > .card > a > figure > .item-image-container {
  border-width: 3px;
}
.widget-image-border.widget-image-border-thick > .widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container, 
.widget-image-border.widget-image-border-thick > .widget-dynamic-container > .widget-dynamic > .card > a > figure > .item-image-container,
.widget-image-border.widget-image-border-thick > .widget-dynamic-container.widget-image-position-first > .widget-dynamic-card > .card > a > figure > .item-image-container {
  border-width: 4px;
}
.widget-image-border.widget-image-border-thicker > .widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container, 
.widget-image-border.widget-image-border-thicker > .widget-dynamic-container > .widget-dynamic > .card > a > figure > .item-image-container,
.widget-image-border.widget-image-border-thicker > .widget-dynamic-container.widget-image-position-first > .widget-dynamic-card > .card > a > figure > .item-image-container {
  border-width: 8px;
}
.widget-image-border.widget-image-border-thickest > .widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container, 
.widget-image-border.widget-image-border-thickest > .widget-dynamic-container > .widget-dynamic > .card > a > figure > .item-image-container,
.widget-image-border.widget-image-border-thickest > .widget-dynamic-container.widget-image-position-first > .widget-dynamic-card > .card > a > figure > .item-image-container {
  border-width: 16px;
}

/*NOTE::::::.widget-image-shadow on .item-image-container doesn't work as it conflicts with -webkit-mask-image*/ 
.widget-image-shadow.widget-image-shadow-light > .widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container, 
.widget-image-shadow.widget-image-shadow-light > .widget-dynamic-container > .widget-dynamic:not(.widget-dynamic-card) > .card > a > figure > .item-image-container,
.widget-image-shadow.widget-image-shadow-light > .widget-dynamic-container > .widget-dynamic.widget-dynamic-card > .card > a > figure,
.widget-image-shadow.widget-image-shadow-light > .widget-dynamic-container.widget-image-position-first > .widget-dynamic-card > .card > a > figure > .item-image-container {
  box-shadow: 0 4px 18px 0 rgba(140, 139, 140,0.1);
}

.widget-image-shadow.widget-image-shadow-dark > .widget-dynamic-container > div[class*="widget-dynamic-slider"] > div > div > div > .card > a > figure > .item-image-container, 
.widget-image-shadow.widget-image-shadow-dark > .widget-dynamic-container > .widget-dynamic:not(.widget-dynamic-card) > .card > a > figure > .item-image-container,
.widget-image-shadow.widget-image-shadow-dark > .widget-dynamic-container > .widget-dynamic.widget-dynamic-card > .card > a > figure,
.widget-image-shadow.widget-image-shadow-dark > .widget-dynamic-container.widget-image-position-first > .widget-dynamic-card > .card > a > figure > .item-image-container {
  box-shadow: 0 4px 18px 0 rgba(1, 1, 1,0.04);
}


/* PROFILE */
.profile-page p,
.profile-page h1,
.profile-page .h1,
.profile-page h2,
.profile-page .h2,
.profile-page h3,
.profile-page .h3,
.profile-page h4,
.profile-page .h4,
.profile-page h5,
.profile-page .h5,
.profile-page h6,
.profile-page .h6,
.profile-page .h0,
.profile-page .h7,
.profile-page .h8,
.profile-page .h9,
.profile-page .h10,
.profile-page .h11,
.profile-page .h12,
.profile-page form.form-secondary label,
.profile-page form.form-secondary legend {
  color: #767676;
}

.profile-page {
  background-color: #111111;
}

.profile-page hr {
  border-top: 1px solid #1b1b1b;
}

.profile-page .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
  color: #f7f9f6;
  background: #1b1b1b;
  border-color: #1b1b1b;
}

.profile-page .ui-radio .ui-btn,
.profile-page .ui-radio .ui-btn:visited,
.profile-page .ui-checkbox .ui-btn,
.profile-page .ui-checkbox .ui-btn:visited,
.profile-page .ui-select .ui-btn,
.profile-page .ui-select .ui-btn:visited {
  color: #f7f9f6;
  background: #1b1b1b;
}


.profile-page .ui-select.ui-mini .ui-btn,
.profile-page .ui-select.ui-mini .ui-btn:hover{
  color: #f7f9f6;
  background: #1b1b1b;
}

.profile-page .ui-field-contain {
  border-color: #1b1b1b;
}

.profile-page textarea.ui-input-text,
.profile-page .ui-input-text input{
  color: #f7f9f6;
  background: #1b1b1b;
}


.profile-page input::placeholder,
.profile-page textarea::placeholder {
  color: #f7f9f6;
}


.profile-page .ui-checkbox .ui-btn {
  color: #f7f9f6;
  background: #1b1b1b;
}


.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn.ui-last-child {
  border-right-width: 1px;
}

.profile-page .ui-btn.btn-secondary.btn-ghost,
.profile-page .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.profile-page .ui-btn.btn-secondary.btn-ghost:visited,
.profile-page .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.profile-page .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.profile-page .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  
    border-color: #1b1b1b;
  
  
    color: #767676;
  
}

.profile-page .ui-btn.btn-secondary.btn-ghost:hover,
.profile-page .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.profile-page .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  
    background-color: #1b1b1b;
    border-color: #1b1b1b;
  
  
    color: #767676;
  
}

.profile-page .ui-btn.btn-secondary.btn-ghost:active,
.profile-page .ui-btn.ui-btn-a.btn-secondary.btn-ghost:active,
.profile-page .ui-btn.btn-secondary.btn-ghost.ui-input-btn:active {
  
    background-color: #1b1b1b;
    border-color: #1b1b1b;
  
  
    color: #767676;
  
}

/* END PROFILE */

/* CART DRAWER */

#mmenu .cart-drawer-container .cart-footer .btn-cart-drawer-checkout {
  min-width: 160px;
  background-color:#111111 !important;
  border-color:#111111 !important;
  color:#767676 !important;
}

#mmenu .cart-drawer-container .cart-footer .btn-cart-drawer-checkout:hover{
  background-color:transparent !important;
  border-color:#111111 !important;
  color:#111111 !important;
}

#mmenu .ui-select select,
#mmenu .ui-select .ui-btn,
#mmenu .ui-input-text input,
#mmenu .ui-input-text input::placeholder {
  font-size: 0.825rem;
}

#mmenu .order-type-message-container, #mmenu .order-type-schedule-message-container {
  line-height: 1rem;
}

#mmenu .border.border-bottom.border-thinnest.border-light {
  border-color: rgba(140, 139, 140, 0.1);
}

#cart_drawer_shipping_postcode,
#cart_drawer_delivery_date {
  text-align: center;
}

#mmenu #pickup_time-button {
  padding: 0.78em 1em !important;
}

#pickup_time-button {
  background-color: rgba(140, 139, 140, 0.1);
  border-color: rgba(140, 139, 140, 0.1);
  color: #8c8b8c;
  border-width: 0;
  border-radius: 10em;
}

#mmenu .ui-input-text.input-delivery-date-container,
#mmenu .ui-input-text.input-postcode-check-container {
  background-color: rgba( 140, 139, 140 , 0.1) !important;
  border-radius: 100px;
  margin: 0;
}

#mmenu .ui-input-text.input-delivery-date-container {
  cursor: pointer;
  margin-top: 0.5em;
}

#mmenu .ui-input-text input::placeholder {
  color: #aaa;
}

#mmenu .ui-input-text #cart_drawer_shipping_postcode {
  padding: 0.58em 1em;
}

#mmenu label {
  font-size: 0.75rem;
  color: #aaa;
  padding: 0;
  margin: 0;
}

#mmenu a.link-option > i.fa + span,
#mmenu a.link-option > .fal  + span {
  margin-left: 2px;
}

#mmenu a.link-option {
  display: block;
  font-size: 0.675rem;
}

#mmenu a.selected:after {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  float: right;
  color: inherit;
  margin-right: 0.65em;
  font-size: 0.75rem;
  font-weight: 300;
  text-align: center;
  line-height: inherit;
  width: inherit;
  height: inherit;
  transition: all .4s ease;
  background-image: none;
  padding: 0;
}


@media all and (min-width: 30em) {

  #mmenu a.link-option {
    font-size: 0.75rem;
  }

}

@media all and (min-width: 60em) {
  #mmenu a.link-option {
    font-size: 0.8125rem;
  }

  #mmenu a.link-option > i.fa + span,
  #mmenu a.link-option > .fal  + span {
    margin-left: 6px;
  }

  #mmenu a.selected:after {
    margin-right: 0.5em;
    font-size: 0.875rem;
    transform: translateX(50%);
    padding: 0.125rem 0;
  }
}

#mmenu a.selected {
  font-weight: bold;
}

#mmenu .postcode-check-message-container {
  display: none;
}

#mmenu .postcode-check-message-container.show {
  display: block;
}


@media (max-width: 60em) {
  .cart-order-types {
    padding-left: 0.65em;
    padding-right: 0;
  }
}

.ui-select > .ui-btn.ui-shadow {
  box-shadow: none;
}

.full-page-menu.row-overlay {
  z-index: 24;
}

.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel, .mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
  background: none; 
}

.quantity-container.padding-right-thin {
  padding-top: 8px
}

/* END CART DRAWER */


.ui-datepicker{z-index:1999!important}.ui-datepicker .ui-corner-all{font-family:Helvetica,Arial,sans-serif;-moz-border-radius-topleft:.3em;-webkit-border-top-left-radius:.3em;border-top-left-radius:.3em;-moz-border-radius-topright:.3em;-webkit-border-top-right-radius:.3em;border-top-right-radius:.3em;-moz-border-radius-bottomleft:.3em;-webkit-border-bottom-left-radius:.3em;border-bottom-left-radius:.3em;-moz-border-radius-bottomright:.3em;-webkit-border-bottom-right-radius:.3em;border-bottom-right-radius:.3em}.ui-datepicker-calendar th span{color:#333;text-shadow:#fff 0 1px 0}.ui-datepicker-calendar{font-family:Helvetica,Arial,sans-serif;padding:10px;background:#f9f9f9;background-image:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#eee));background-image:-webkit-linear-gradient(#f9f9f9,#eee);background-image:-moz-linear-gradient(#f9f9f9,#eee);background-image:-ms-linear-gradient(#f9f9f9,#eee);background-image:-o-linear-gradient(#f9f9f9,#eee);background-image:linear-gradient(#f9f9f9,#eee);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-border-radius-bottomleft:.3em;-webkit-border-bottom-left-radius:.3em;border-bottom-left-radius:.3em;-moz-border-radius-bottomright:.3em;-webkit-border-bottom-right-radius:.3em;border-bottom-right-radius:.3em}.ui-datepicker-header{color:#fff;text-shadow:0 -1px 1px #000;padding:10px;background:#222;background-image:-webkit-gradient(linear,left top,left bottom,from(#444),to(#222));background-image:-webkit-linear-gradient(#444,#222);background-image:-moz-linear-gradient(#444,#222);background-image:-ms-linear-gradient(#444,#222);background-image:-o-linear-gradient(#444,#222);background-image:linear-gradient(#444,#222);}.ui-datepicker-calendar a{text-decoration:none;font-weight:700;color:#666;text-shadow:#fff 0 1px 0}.ui-datepicker-calendar a.ui-state-active{color:#5393c5}.ui-datepicker-calendar a.ui-state-hover{color:#6facd5}.ui-datepicker-calendar td{text-align:center;height:25px;width:25px;padding:0}.ui-datepicker-next .ui-corner-all,.ui-datepicker-prev .ui-corner-all{border-radius:0}.ui-datepicker-next,.ui-datepicker-prev{cursor:hand;cursor:pointer}.ui-datepicker-next:hover,.ui-datepicker-prev:hover{background-color:#666;background-color:rgba(0,0,0,.4)}.ui-datepicker-next{float:right}.ui-datepicker-prev{float:left}.ui-datepicker-next span.ui-icon{background-image:none;background-color:transparent}.ui-datepicker-next span,.ui-datepicker-prev span{display:none}.ui-datepicker-next{width:18px;height:18px;background-image:url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%228px%22%20height%3D%2212px%22%20viewBox%3D%220%200%208%2012%22%20style%3D%22enable-background%3Anew%200%200%208%2012%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%222%2C0%200%2C2%204%2C6%200%2C10%202%2C12%208%2C6%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-repeat:no-repeat;background-position:center center}.ui-datepicker-prev{width:18px;height:18px;background-image:url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%228px%22%20height%3D%2212px%22%20viewBox%3D%220%200%208%2012%22%20style%3D%22enable-background%3Anew%200%200%208%2012%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%228%2C2%206%2C0%200%2C6%206%2C12%208%2C10%204%2C6%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-repeat:no-repeat;background-position:center center}.ui-datepicker-prev span.ui-icon{background-image:none;background-color:transparent}.ui-datepicker-title{text-align:center}

.ui-datepicker-header,
.ui-datepicker-calendar {
  font-family: "Inter",sans-serif;
}



/* FOOTER */

.footer-newsletter-signup-container .no-label {
   display: inline-block;
   width: 100%;
   margin: 0;
}

.footer-newsletter-signup-container .no-label .ui-input-text {
  margin: 0;
}

.footer-newsletter-signup-container .no-label .ui-input-text input {
  padding: 0em 0.25em 0.75em 0.25em;
}


.footer-newsletter-signup-container .ui-btn {
  border-width: 1px !important; 
  display: inline-block;
  transform: translateY(4px);
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  font-size: 0.75rem !important;
  padding: 14px 10px !important;
}

.footer-newsletter-signup-container .ui-btn:hover {
  border-color: #010101;  
}


@media all and (min-width: 60em) {
  
  .footer-newsletter-signup-container .no-label {
     width: 58%;
  }
  
  .footer-newsletter-signup-container .ui-btn {
    margin-top: 0px !important;
    width: 40%;
    max-width: 40%;
  }
}

/* END FOOTER */

@media all and (max-width: 60em) {
  .background-image-desktop {
	  background-image: none !important;
  }
}

.nowrap {
  white-space: nowrap;
}

iframe.google-map {
  min-height: 300px;
  height: 100% !important;
}

.widget-dynamic-container div[data-thumbnail-item-count="0"] {
  display: none;
}

@media all and (min-width: 60em) {

  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-less,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-more,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-shortest,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-shorter,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-short,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-medium,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-tall,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-taller,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-tallest,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-less:first-of-type,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-more:first-of-type,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-shortest:first-of-type,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-shorter:first-of-type,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-short:first-of-type,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-medium:first-of-type,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-tall:first-of-type,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-taller:first-of-type,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-tallest:first-of-type {
    height: 100%;
  }
  
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-less,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-less:first-of-type {
    min-height: 100px;
  }
  
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-more,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-more:first-of-type {
    min-height: 200px;
  }
  
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-shortest,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-shortest:first-of-type {
    min-height: 300px;
  }
  
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-shorter,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-shorter:first-of-type {
    min-height: 400px;
  }
  
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-short,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-short:first-of-type {
    min-height: 500px;
  }
  
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-medium,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-medium:first-of-type {
    min-height: 600px;
  }
  
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-tall,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-tall:first-of-type {
    min-height: 700px;
  }
  
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-taller,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-taller:first-of-type {
    min-height: 800px;
  }
  
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height:first-of-type > .max-height.height-tallest,
  .ui-page .match-height > [class*=ui-grid] > [class*=ui-block] > .max-height.height-tallest:first-of-type {
    min-height: 900px;
  }

}


body.demo-iframe .row {
  background-attachment: scroll !important;
}

body.demo-iframe .row.fixed-full-height {
  min-height: calc(700px / 0.85);
}

/* @media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
  body.demo-iframe .row {
    background-attachment: scroll !important;
  }
}} */



body.demo-iframe div.ui-page .row.full-height {
  min-height: calc(100vw * 600 / 1300);
}

body.demo-iframe div.ui-page .row.fixed-full-height {
  max-height: calc(100vw * 600 / 1300);
}


.line-after {
  position: relative;
}

.line-after::after {
  position:absolute;
  display: inline-block;
  content: "";
  border-width: 1px;
  border-top-style: solid;
  border-color: #aeaeae;
  width: 6rem;
  margin-left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
}

.line-after.line-after-primary::after {
  border-color: #767676;
}

.line-after.line-after-secondary::after {
  border-color: #111111;
}

.line-after.line-after-accent-1::after {
  border-color: #1b1b1b;
}

.line-after.line-after-light::after {
  border-color: #8c8b8c;
}

.line-after.line-after-dark::after {
  border-color: #010101;
}

.line-after.line-after-middle-grey::after {
  border-color: #272727;
}


div:not(.sortable) .scroll-horizontal {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

div:not(.sortable) .scroll-horizontal:active {
  cursor: move;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

div:not(.sortable) .scroll-horizontal > .row {
  flex: 0 0 auto;
}

div:not(.sortable) .scroll-horizontal > .row:not(.width-5):not(.width-10):not(.width-15):not(.width-20):not(.width-25):not(.width-30):not(.width-35):not(.width-40):not(.width-45):not(.width-50):not(.width-55):not(.width-60):not(.width-65):not(.width-70):not(.width-75):not(.width-80):not(.width-85):not(.width-90):not(.width-95):not(.width-100):not(.width-105):not(.width-110):not(.width-115):not(.width-120):not(.width-125):not(.width-130):not(.width-135):not(.width-140):not(.width-145):not(.width-150):not(.width-155):not(.width-160):not(.width-165):not(.width-170):not(.width-175):not(.width-180):not(.width-185):not(.width-190):not(.width-195):not(.width-200){
  width:100%;
}

body.light #blog {
  background-color: #767676;
}

ul.multi-menu-ul, .multi-menu-ul ul {
  padding-inline-start: 0px;
}

.widget-dynamic-container > .widget-dynamic-list .card.container {
  padding: 1em 0;
}

.widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card.container > a > figure > figcaption, 
.widget-dynamic-container > .widget-dynamic-list > .card.container > a > figure > figcaption {
  padding-left: 1em;
}

.widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card.container .widget-add-to-cart-container {
  padding: 0 0 0 0em;
}

.row.widget-list-padding-left > .widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card.container .widget-add-to-cart-container {
  padding: 0 0 0 0em;
}
.row.widget-list-padding-left-wide > .widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card.container .widget-add-to-cart-container {
  padding: 0 0 0 1em;
}
.row.widget-list-padding-left-wider > .widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card.container .widget-add-to-cart-container {
  padding: 0 0 0 2em;
}
.row.widget-list-padding-left-widest > .widget-dynamic-container > .widget-dynamic.widget-dynamic-list .card.container .widget-add-to-cart-container {
  padding: 0 0 0 3em;
}


@media only screen
  and (min-width: 960px)
  and (max-width: 1366px)
  and (max-height: 1024px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1.5) {
    body .row[style*="background-attachment: fixed"],
    body .row.background-fixed-desktop {
      background-attachment: scroll !important;
    }
}


.form-btn-right {
  position: relative;
  width: 100%;
  border-radius: 10em;
}

.form-btn-right > .ui-btn.ui-input-btn.ui-btn-a {
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top-right-radius: 10em;;
  border-bottom-right-radius: 10em;;
  height: 100%;
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}


body.round .ui-page-theme-a form.form-btn-right .no-label:not(.no-underline) {
  border-radius: 10em;
}


body.round .ui-page-theme-a form.form-btn-right.form-background-primary .no-label:not(.no-underline) {
  border: 1px solid  #767676;
}

body.round .ui-page-theme-a form.form-btn-right.form-background-secondary .no-label:not(.no-underline) {
  border: 1px solid  #111111;
}

body.round .ui-page-theme-a form.form-btn-right.form-background-light .no-label:not(.no-underline) {
  border: 1px solid  #8c8b8c;
}

body.round .ui-page-theme-a form.form-btn-right.form-background-dark .no-label:not(.no-underline) {
  border: 1px solid  #010101;
}


body.round .ui-page-theme-a form.form-btn-right.form-background-accent-1 .no-label:not(.no-underline) {
  border: 1px solid  #1b1b1b;
}

body.round .ui-page-theme-a form.form-btn-right.form-background-accent-2 .no-label:not(.no-underline) {
  border: 1px solid  #242424;
}

body.round .ui-page-theme-a form.form-btn-right.form-background-accent-3 .no-label:not(.no-underline) {
  border: 1px solid  #3b3a3b;
}

body.round .ui-page-theme-a form.form-btn-right.form-background-accent-4 .no-label:not(.no-underline) {
  border: 1px solid  #474747;
}

body.round .ui-page-theme-a form.form-btn-right.form-background-accent-5 .no-label:not(.no-underline) {
  border: 1px solid  #4f8c80;
}

body.round .ui-page-theme-a form.form-btn-right.form-background-accent-6 .no-label:not(.no-underline) {
  border: 1px solid  #69b5a3;
}

.form-btn-right > .no-label > .ui-input-text > input {
  padding: 1.125em 2em;
}




/* widget row-primary */
.row-primary .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link,
.row-primary .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link:visited,
.row-primary .widget-dynamic-container .card>a>figure>figcaption>.item-title,
.row-primary .widget-dynamic-container .card>a>figure>figcaption>.item-summary,
.row-primary .widget-dynamic-container .card>a>figure>figcaption>.item-tags,
.row-primary .widget-dynamic-container .card>a>figure>figcaption>.item-price,
.row-primary .widget-dynamic-container .card>a>figure>figcaption>.item-author,
.row-primary .widget-dynamic-container .card>a>figure>figcaption>.item-date,
.row-primary .widget-dynamic-container .card>a>figure>figcaption>.item-category,
.row-primary .widget-dynamic-container .card>a>figure>figcaption>.item-type,
.row-primary .widget-dynamic-container .card>a>figure>figcaption>.item-size,
.row-primary .widget-dynamic-container .card>a>figure>figcaption>.item-colour,
.row-primary .widget-dynamic-container .card>a>figure>figcaption>.item-vendor {
  color: #767676;
}

.row-primary .widget-dynamic-container input.widget-item-quantity {
  color: #767676;
  border-color: #767676;
}

.row-primary .widget-dynamic-container > .widget-dynamic-grid .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-primary .widget-dynamic-container > .widget-dynamic-list .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-primary .widget-dynamic-container > .widget-dynamic-card .widget-add-to-cart-container .cart-drawer-item-quantity-container {
  border-color: #767676;
}

body.light .row-primary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
body.light .row-primary .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
body.light .row-primary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
body.light .row-primary .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
body.light .row-primary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
body.light .row-primary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #767676;
  background-color: #767676;
  
  	color: #111111;
  
}

body.light .row-primary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
body.light .row-primary .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
body.light .row-primary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #767676;
  background-color: #767676;
  
  	color: #111111;
  
}

.row-primary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
.row-primary .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.row-primary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
.row-primary .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.row-primary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.row-primary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #767676;
  background-color: #767676;
  
  	color: #111111;
  
}

.row-primary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-primary .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.row-primary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #767676;
  background-color: #767676;
  
  	color: #111111;
  
}

.row-secondary .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link,
.row-secondary .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link:visited,
.row-secondary .widget-dynamic-container .card>a>figure>figcaption>.item-title,
.row-secondary .widget-dynamic-container .card>a>figure>figcaption>.item-summary,
.row-secondary .widget-dynamic-container .card>a>figure>figcaption>.item-tags,
.row-secondary .widget-dynamic-container .card>a>figure>figcaption>.item-price,
.row-secondary .widget-dynamic-container .card>a>figure>figcaption>.item-author,
.row-secondary .widget-dynamic-container .card>a>figure>figcaption>.item-date,
.row-secondary .widget-dynamic-container .card>a>figure>figcaption>.item-category,
.row-secondary .widget-dynamic-container .card>a>figure>figcaption>.item-type,
.row-secondary .widget-dynamic-container .card>a>figure>figcaption>.item-size,
.row-secondary .widget-dynamic-container .card>a>figure>figcaption>.item-colour,
.row-secondary .widget-dynamic-container .card>a>figure>figcaption>.item-vendor {
  color: #111111;
}

.row-secondary .widget-dynamic-container input.widget-item-quantity {
  color: #111111;
  border-color: #111111;
}

.row-secondary .widget-dynamic-container > .widget-dynamic-grid .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-secondary .widget-dynamic-container > .widget-dynamic-list .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-secondary .widget-dynamic-container > .widget-dynamic-card .widget-add-to-cart-container .cart-drawer-item-quantity-container {
  border-color: #111111;
}

body.light .row-secondary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
body.light .row-secondary .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
body.light .row-secondary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
body.light .row-secondary .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
body.light .row-secondary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
body.light .row-secondary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #111111;
  background-color: #111111;
}

body.light .row-secondary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
body.light .row-secondary .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
body.light .row-secondary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #111111;
  background-color: #111111;
}

.row-secondary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
.row-secondary .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.row-secondary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
.row-secondary .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.row-secondary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.row-secondary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #111111;
  background-color: #111111;
}

.row-secondary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-secondary .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.row-secondary .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #111111;
  background-color: #111111;
}

.row-light .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link,
.row-light .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link:visited,
.row-light .widget-dynamic-container .card>a>figure>figcaption>.item-title,
.row-light .widget-dynamic-container .card>a>figure>figcaption>.item-summary,
.row-light .widget-dynamic-container .card>a>figure>figcaption>.item-tags,
.row-light .widget-dynamic-container .card>a>figure>figcaption>.item-price,
.row-light .widget-dynamic-container .card>a>figure>figcaption>.item-author,
.row-light .widget-dynamic-container .card>a>figure>figcaption>.item-date,
.row-light .widget-dynamic-container .card>a>figure>figcaption>.item-category,
.row-light .widget-dynamic-container .card>a>figure>figcaption>.item-type,
.row-light .widget-dynamic-container .card>a>figure>figcaption>.item-size,
.row-light .widget-dynamic-container .card>a>figure>figcaption>.item-colour,
.row-light .widget-dynamic-container .card>a>figure>figcaption>.item-vendor {
  color: #8c8b8c;
}

.row-light .widget-dynamic-container input.widget-item-quantity {
  color: #8c8b8c;
  border-color: #8c8b8c;
}

.row-light .widget-dynamic-container > .widget-dynamic-grid .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-light .widget-dynamic-container > .widget-dynamic-list .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-light .widget-dynamic-container > .widget-dynamic-card .widget-add-to-cart-container .cart-drawer-item-quantity-container {
  border-color: #8c8b8c;
}

body.light .row-light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
body.light .row-light .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
body.light .row-light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
body.light .row-light .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
body.light .row-light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
body.light .row-light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  color: #010101;
  border-color: #8c8b8c;
  background-color: #8c8b8c;
}

body.light .row-light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
body.light .row-light .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
body.light .row-light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  color: #010101;
  border-color: #8c8b8c;
  background-color: #8c8b8c;
}

.row-light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
.row-light .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.row-light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
.row-light .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.row-light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.row-light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  color: #010101;
  border-color: #8c8b8c;
  background-color: #8c8b8c;
}

.row-light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-light .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.row-light .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  color: #010101;
  border-color: #8c8b8c;
  background-color: #8c8b8c;
}

.row-dark .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link,
.row-dark .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link:visited,
.row-dark .widget-dynamic-container .card>a>figure>figcaption>.item-title,
.row-dark .widget-dynamic-container .card>a>figure>figcaption>.item-summary,
.row-dark .widget-dynamic-container .card>a>figure>figcaption>.item-tags,
.row-dark .widget-dynamic-container .card>a>figure>figcaption>.item-price,
.row-dark .widget-dynamic-container .card>a>figure>figcaption>.item-author,
.row-dark .widget-dynamic-container .card>a>figure>figcaption>.item-date,
.row-dark .widget-dynamic-container .card>a>figure>figcaption>.item-category,
.row-dark .widget-dynamic-container .card>a>figure>figcaption>.item-type,
.row-dark .widget-dynamic-container .card>a>figure>figcaption>.item-size,
.row-dark .widget-dynamic-container .card>a>figure>figcaption>.item-colour,
.row-dark .widget-dynamic-container .card>a>figure>figcaption>.item-vendor {
  color: #010101;
}

.row-dark .widget-dynamic-container input.widget-item-quantity {
  color: #010101;
  border-color: #010101;
}

.row-dark .widget-dynamic-container > .widget-dynamic-grid .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-dark .widget-dynamic-container > .widget-dynamic-list .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-dark .widget-dynamic-container > .widget-dynamic-card .widget-add-to-cart-container .cart-drawer-item-quantity-container {
  border-color: #010101;
}

body.light .row-dark .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
body.light .row-dark .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
body.light .row-dark .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
body.light .row-dark .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
body.light .row-dark .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
body.light .row-dark .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #010101;
  background-color: #010101;
}

body.light .row-dark .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
body.light .row-dark .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
body.light .row-dark .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #010101;
  background-color: #010101;
}

.row-dark .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
.row-dark .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.row-dark .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
.row-dark .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.row-dark .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.row-dark .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #010101;
  background-color: #010101;
}

.row-dark .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-dark .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.row-dark .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #010101;
  background-color: #010101;
}

.row-accent-1 .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link,
.row-accent-1 .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link:visited,
.row-accent-1 .widget-dynamic-container .card>a>figure>figcaption>.item-title,
.row-accent-1 .widget-dynamic-container .card>a>figure>figcaption>.item-summary,
.row-accent-1 .widget-dynamic-container .card>a>figure>figcaption>.item-tags,
.row-accent-1 .widget-dynamic-container .card>a>figure>figcaption>.item-price,
.row-accent-1 .widget-dynamic-container .card>a>figure>figcaption>.item-author,
.row-accent-1 .widget-dynamic-container .card>a>figure>figcaption>.item-date,
.row-accent-1 .widget-dynamic-container .card>a>figure>figcaption>.item-category,
.row-accent-1 .widget-dynamic-container .card>a>figure>figcaption>.item-type,
.row-accent-1 .widget-dynamic-container .card>a>figure>figcaption>.item-size,
.row-accent-1 .widget-dynamic-container .card>a>figure>figcaption>.item-colour,
.row-accent-1 .widget-dynamic-container .card>a>figure>figcaption>.item-vendor {
  color: #1b1b1b;
}


.row-accent-1 .widget-dynamic-container input.widget-item-quantity {
  color: #1b1b1b;
  border-color: #1b1b1b;
}

.row-accent-1 .widget-dynamic-container > .widget-dynamic-grid .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-accent-1 .widget-dynamic-container > .widget-dynamic-list .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-accent-1 .widget-dynamic-container > .widget-dynamic-card .widget-add-to-cart-container .cart-drawer-item-quantity-container {
  border-color: #1b1b1b;
}

body.light .row-accent-1 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
body.light .row-accent-1 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
body.light .row-accent-1 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
body.light .row-accent-1 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
body.light .row-accent-1 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
body.light .row-accent-1 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #1b1b1b;
  background-color: #1b1b1b;
}

body.light .row-accent-1 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
body.light .row-accent-1 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
body.light .row-accent-1 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #1b1b1b;
  background-color: #1b1b1b;
}

.row-accent-1 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
.row-accent-1 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.row-accent-1 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
.row-accent-1 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.row-accent-1 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.row-accent-1 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #1b1b1b;
  background-color: #1b1b1b;
}

.row-accent-1 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-accent-1 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.row-accent-1 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #1b1b1b;
  background-color: #1b1b1b;
}

.row-accent-2 .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link,
.row-accent-2 .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link:visited,
.row-accent-2 .widget-dynamic-container .card>a>figure>figcaption>.item-title,
.row-accent-2 .widget-dynamic-container .card>a>figure>figcaption>.item-summary,
.row-accent-2 .widget-dynamic-container .card>a>figure>figcaption>.item-tags,
.row-accent-2 .widget-dynamic-container .card>a>figure>figcaption>.item-price,
.row-accent-2 .widget-dynamic-container .card>a>figure>figcaption>.item-author,
.row-accent-2 .widget-dynamic-container .card>a>figure>figcaption>.item-date,
.row-accent-2 .widget-dynamic-container .card>a>figure>figcaption>.item-category,
.row-accent-2 .widget-dynamic-container .card>a>figure>figcaption>.item-type,
.row-accent-2 .widget-dynamic-container .card>a>figure>figcaption>.item-size,
.row-accent-2 .widget-dynamic-container .card>a>figure>figcaption>.item-colour,
.row-accent-2 .widget-dynamic-container .card>a>figure>figcaption>.item-vendor {
  color: #242424;
}

.row-accent-2 .widget-dynamic-container input.widget-item-quantity {
  color: #242424;
  border-color: #242424;
}

.row-accent-2 .widget-dynamic-container > .widget-dynamic-grid .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-accent-2 .widget-dynamic-container > .widget-dynamic-list .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-accent-2 .widget-dynamic-container > .widget-dynamic-card .widget-add-to-cart-container .cart-drawer-item-quantity-container {
  border-color: #242424;
}

body.light .row-accent-2 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
body.light .row-accent-2 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
body.light .row-accent-2 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
body.light .row-accent-2 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
body.light .row-accent-2 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
body.light .row-accent-2 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #242424;
  background-color: #242424;
}

body.light .row-accent-2 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
body.light .row-accent-2 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
body.light .row-accent-2 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #242424;
  background-color: #242424;
}

.row-accent-2 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
.row-accent-2 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.row-accent-2 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
.row-accent-2 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.row-accent-2 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.row-accent-2 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #242424;
  background-color: #242424;
}

.row-accent-2 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-accent-2 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.row-accent-2 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #242424;
  background-color: #242424;
}

.row-accent-3 .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link,
.row-accent-3 .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link:visited,
.row-accent-3 .widget-dynamic-container .card>a>figure>figcaption>.item-title,
.row-accent-3 .widget-dynamic-container .card>a>figure>figcaption>.item-summary,
.row-accent-3 .widget-dynamic-container .card>a>figure>figcaption>.item-tags,
.row-accent-3 .widget-dynamic-container .card>a>figure>figcaption>.item-price,
.row-accent-3 .widget-dynamic-container .card>a>figure>figcaption>.item-author,
.row-accent-3 .widget-dynamic-container .card>a>figure>figcaption>.item-date,
.row-accent-3 .widget-dynamic-container .card>a>figure>figcaption>.item-category,
.row-accent-3 .widget-dynamic-container .card>a>figure>figcaption>.item-type,
.row-accent-3 .widget-dynamic-container .card>a>figure>figcaption>.item-size,
.row-accent-3 .widget-dynamic-container .card>a>figure>figcaption>.item-colour,
.row-accent-3 .widget-dynamic-container .card>a>figure>figcaption>.item-vendor {
  color: #3b3a3b;
}

.row-accent-3 .widget-dynamic-container input.widget-item-quantity {
  color: #3b3a3b;
  border-color: #3b3a3b;
}

.row-accent-3 .widget-dynamic-container > .widget-dynamic-grid .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-accent-3 .widget-dynamic-container > .widget-dynamic-list .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-accent-3 .widget-dynamic-container > .widget-dynamic-card .widget-add-to-cart-container .cart-drawer-item-quantity-container {
  border-color: #3b3a3b;
}

body.light .row-accent-3 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
body.light .row-accent-3 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
body.light .row-accent-3 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
body.light .row-accent-3 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
body.light .row-accent-3 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
body.light .row-accent-3 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #3b3a3b;
  background-color: #3b3a3b;
}

body.light .row-accent-3 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
body.light .row-accent-3 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
body.light .row-accent-3 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #3b3a3b;
  background-color: #3b3a3b;
}

.row-accent-3 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
.row-accent-3 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.row-accent-3 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
.row-accent-3 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.row-accent-3 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.row-accent-3 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #3b3a3b;
  background-color: #3b3a3b;
}

.row-accent-3 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-accent-3 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.row-accent-3 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #3b3a3b;
  background-color: #3b3a3b;
}

.row-accent-4 .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link,
.row-accent-4 .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link:visited,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-title,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-summary,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-tags,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-price,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-author,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-date,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-category,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-type,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-size,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-colour,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-vendor {
  color: #474747;
}

.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-title,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-summary,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-tags,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-price,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-author,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-date,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-category,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-type,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-size,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-colour,
.row-accent-4 .widget-dynamic-container .card>a>figure>figcaption>.item-vendor {
  color: #474747;
}

.row-accent-4 .widget-dynamic-container input.widget-item-quantity {
  color: #474747;
  border-color: #474747;
}

.row-accent-4 .widget-dynamic-container > .widget-dynamic-grid .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-accent-4 .widget-dynamic-container > .widget-dynamic-list .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-accent-4 .widget-dynamic-container > .widget-dynamic-card .widget-add-to-cart-container .cart-drawer-item-quantity-container {
  border-color: #474747;
}

body.light .row-accent-4 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
body.light .row-accent-4 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
body.light .row-accent-4 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
body.light .row-accent-4 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
body.light .row-accent-4 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
body.light .row-accent-4 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #474747;
  background-color: #474747;
}

body.light .row-accent-4 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
body.light .row-accent-4 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
body.light .row-accent-4 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #474747;
  background-color: #474747;
}

.row-accent-4 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
.row-accent-4 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.row-accent-4 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
.row-accent-4 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.row-accent-4 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.row-accent-4 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #474747;
  background-color: #474747;
}

.row-accent-4 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-accent-4 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.row-accent-4 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #474747;
  background-color: #474747;
}

.row-accent-5 .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link,
.row-accent-5 .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link:visited,
.row-accent-5 .widget-dynamic-container .card>a>figure>figcaption>.item-title,
.row-accent-5 .widget-dynamic-container .card>a>figure>figcaption>.item-summary,
.row-accent-5 .widget-dynamic-container .card>a>figure>figcaption>.item-tags,
.row-accent-5 .widget-dynamic-container .card>a>figure>figcaption>.item-price,
.row-accent-5 .widget-dynamic-container .card>a>figure>figcaption>.item-author,
.row-accent-5 .widget-dynamic-container .card>a>figure>figcaption>.item-date,
.row-accent-5 .widget-dynamic-container .card>a>figure>figcaption>.item-category,
.row-accent-5 .widget-dynamic-container .card>a>figure>figcaption>.item-type,
.row-accent-5 .widget-dynamic-container .card>a>figure>figcaption>.item-size,
.row-accent-5 .widget-dynamic-container .card>a>figure>figcaption>.item-colour,
.row-accent-5 .widget-dynamic-container .card>a>figure>figcaption>.item-vendor {
  color: #4f8c80;
}

.row-accent-5 .widget-dynamic-container input.widget-item-quantity {
  color: #4f8c80;
  border-color: #4f8c80;
}

.row-accent-5 .widget-dynamic-container > .widget-dynamic-grid .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-accent-5 .widget-dynamic-container > .widget-dynamic-list .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-accent-5 .widget-dynamic-container > .widget-dynamic-card .widget-add-to-cart-container .cart-drawer-item-quantity-container {
  border-color: #4f8c80;
}

body.light .row-accent-5 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
body.light .row-accent-5 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
body.light .row-accent-5 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
body.light .row-accent-5 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
body.light .row-accent-5 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
body.light .row-accent-5 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #4f8c80;
  background-color: #4f8c80;
}

body.light .row-accent-5 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
body.light .row-accent-5 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
body.light .row-accent-5 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #4f8c80;
  background-color: #4f8c80;
}

.row-accent-5 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
.row-accent-5 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.row-accent-5 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
.row-accent-5 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.row-accent-5 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.row-accent-5 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #4f8c80;
  background-color: #4f8c80;
}

.row-accent-5 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-accent-5 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.row-accent-5 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #4f8c80;
  background-color: #4f8c80;
}

.row-accent-6 .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link,
.row-accent-6 .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link:visited,
.row-accent-6 .widget-dynamic-container .card>a>figure>figcaption>.item-title,
.row-accent-6 .widget-dynamic-container .card>a>figure>figcaption>.item-summary,
.row-accent-6 .widget-dynamic-container .card>a>figure>figcaption>.item-tags,
.row-accent-6 .widget-dynamic-container .card>a>figure>figcaption>.item-price,
.row-accent-6 .widget-dynamic-container .card>a>figure>figcaption>.item-author,
.row-accent-6 .widget-dynamic-container .card>a>figure>figcaption>.item-date,
.row-accent-6 .widget-dynamic-container .card>a>figure>figcaption>.item-category,
.row-accent-6 .widget-dynamic-container .card>a>figure>figcaption>.item-type,
.row-accent-6 .widget-dynamic-container .card>a>figure>figcaption>.item-size,
.row-accent-6 .widget-dynamic-container .card>a>figure>figcaption>.item-colour,
.row-accent-6 .widget-dynamic-container .card>a>figure>figcaption>.item-vendor {
  color: #69b5a3;
}

.row-accent-6 .widget-dynamic-container input.widget-item-quantity {
  color: #69b5a3;
  border-color: #69b5a3;
}

.row-accent-6 .widget-dynamic-container > .widget-dynamic-grid .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-accent-6 .widget-dynamic-container > .widget-dynamic-list .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-accent-6 .widget-dynamic-container > .widget-dynamic-card .widget-add-to-cart-container .cart-drawer-item-quantity-container {
  border-color: #69b5a3;
}

body.light .row-accent-6 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
body.light .row-accent-6 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
body.light .row-accent-6 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
body.light .row-accent-6 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
body.light .row-accent-6 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
body.light .row-accent-6 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #69b5a3;
  background-color: #69b5a3;
}

body.light .row-accent-6 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
body.light .row-accent-6 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
body.light .row-accent-6 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #69b5a3;
  background-color: #69b5a3;
}

.row-accent-6 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
.row-accent-6 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.row-accent-6 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
.row-accent-6 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.row-accent-6 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.row-accent-6 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #69b5a3;
  background-color: #69b5a3;
}

.row-accent-6 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-accent-6 .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.row-accent-6 .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #69b5a3;
  background-color: #69b5a3;
}

.row-middle-grey .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link,
.row-middle-grey .widget-dynamic-container>.widget-dynamic .card>.widget-add-to-cart-container .btn-link:visited,
.row-middle-grey .widget-dynamic-container .card>a>figure>figcaption>.item-title,
.row-middle-grey .widget-dynamic-container .card>a>figure>figcaption>.item-summary,
.row-middle-grey .widget-dynamic-container .card>a>figure>figcaption>.item-tags,
.row-middle-grey .widget-dynamic-container .card>a>figure>figcaption>.item-price,
.row-middle-grey .widget-dynamic-container .card>a>figure>figcaption>.item-author,
.row-middle-grey .widget-dynamic-container .card>a>figure>figcaption>.item-date,
.row-middle-grey .widget-dynamic-container .card>a>figure>figcaption>.item-category,
.row-middle-grey .widget-dynamic-container .card>a>figure>figcaption>.item-type,
.row-middle-grey .widget-dynamic-container .card>a>figure>figcaption>.item-size,
.row-middle-grey .widget-dynamic-container .card>a>figure>figcaption>.item-colour,
.row-middle-grey .widget-dynamic-container .card>a>figure>figcaption>.item-vendor {
  color: #272727;
}


.row-middle-grey .widget-dynamic-container input.widget-item-quantity {
  color: #272727;
  border-color: #272727;
}

.row-middle-grey .widget-dynamic-container > .widget-dynamic-grid .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-middle-grey .widget-dynamic-container > .widget-dynamic-list .widget-add-to-cart-container .cart-drawer-item-quantity-container,
.row-middle-grey .widget-dynamic-container > .widget-dynamic-card .widget-add-to-cart-container .cart-drawer-item-quantity-container {
  border-color: #272727;
}

body.light .row-middle-grey .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
body.light .row-middle-grey .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
body.light .row-middle-grey .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
body.light .row-middle-grey .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
body.light .row-middle-grey .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
body.light .row-middle-grey .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #272727;
  background-color: #272727;
}

body.light .row-middle-grey .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
body.light .row-middle-grey .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
body.light .row-middle-grey .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #272727;
  background-color: #272727;
}

.row-middle-grey .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
.row-middle-grey .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.row-middle-grey .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
.row-middle-grey .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.row-middle-grey .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.row-middle-grey .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited {
  border-color: #272727;
  background-color: #272727;
}

.row-middle-grey .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.row-middle-grey .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.row-middle-grey .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #272727;
  background-color: #272727;
}


/* end widget row-primary */


body.round form input[type="radio"] {
  opacity: 0;
  visibility: hidden;
}

.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-radio:last-child {
  border-left:1px solid rgba(140, 139, 140, 1);
}



#login-form .ui-checkbox .ui-btn, 
#login-form .ui-checkbox .ui-btn:visited {
  background-color: transparent;
  border: none;
}

.row[class*="widget-list-padding"] > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row[class*="widget-list-padding"] > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row[class*="widget-card-padding"] > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row[class*="widget-card-padding"] > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding: 0;
}

.row.widget-list-padding-top > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-top > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-top > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-top > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-top: 1em;
}

.row.widget-list-padding-top-wide > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-top-wide > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-top-wide > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-top-wide > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-top: 2em;
}

.row.widget-list-padding-top-wider > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-top-wider > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-top-wider > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-top-wider > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-top: 3em;
}

.row.widget-list-padding-top-widest > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-top-widest > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-top-widest > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-top-widest > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-top: 4em;
}

.row.widget-list-padding-bottom > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-bottom > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-bottom > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-bottom > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-bottom: 1em;
}

.row.widget-list-padding-bottom-wide > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-bottom-wide > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-bottom-wide > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-bottom-wide > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-bottom: 2em;
}

.row.widget-list-padding-bottom-wider > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-bottom-wider > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-bottom-wider > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-bottom-wider > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-bottom: 3em;
}

.row.widget-list-padding-bottom-widest > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-bottom-widest > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-bottom-widest > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-bottom-widest > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-bottom: 4em;
}

.row.widget-list-padding-left > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-left > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-left > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-left > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-left: 1em;
}

.row.widget-list-padding-left-wide > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-left-wide > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-left-wide > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-left-wide > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-left: 2em;
}

.row.widget-list-padding-left-wider > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-left-wider > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-left-wider > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-left-wider > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-left: 3em;
}

.row.widget-list-padding-left-widest > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-left-widest > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-left-widest > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-left-widest > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-left: 4em;
}

.row.widget-list-padding-right > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-right > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-right > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-right > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-right: 1em;
}

.row.widget-list-padding-right-wide > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-right-wide > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-right-wide > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-right-wide > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-right: 2em;
}

.row.widget-list-padding-right-wider > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-right-wider > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-right-wider > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-right-wider > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-right: 3em;
}

.row.widget-list-padding-right-widest > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-list > div > div > div > .card > a > figure > figcaption,
.row.widget-list-padding-right-widest > .widget-dynamic-container > .widget-dynamic-list > .card > a > figure > figcaption,
.row.widget-card-padding-right-widest > .widget-dynamic-container > div[class*="widget-dynamic-slider"].widget-dynamic-card > div > div > div > .card > a > figure > figcaption,
.row.widget-card-padding-right-widest > .widget-dynamic-container > .widget-dynamic-card > .card > a > figure > figcaption {
  padding-right: 4em;
}

.row.widget-add-to-cart-left .widget-add-to-cart-container .cart-drawer-item-quantity-container {
  margin: 0;
}




.hover-effect-multiply:hover {
  mix-blend-mode: multiply;
}

div.hover-effect[class*="hover-effect-"]:hover {
  filter: brightness(95%) saturate(100%);
  -webkit-filter: brightness(95%) saturate(100%);
  background-blend-mode: multiply;
}

div.hover-effect.hover-effect-light:hover {
  background-color: rgba(140, 139, 140, 0.5);
}

div.hover-effect.hover-effect-dark:hover {
  background-color: rgba(1, 1, 1, 0.5);
}

div.hover-effect.hover-effect-primary:hover {
  background-color: rgba(118, 118, 118, 0.5);
}

div.hover-effect.hover-effect-secondary:hover {
  background-color: rgba(17, 17, 17, 0.5);
}

div.hover-effect.hover-effect-accent-1:hover {
  background-color: rgba(27, 27, 27, 0.5);
}

div.hover-effect.hover-effect-accent-2:hover {
  background-color: rgba(36, 36, 36, 0.5);
}

div.hover-effect.hover-effect-accent-3:hover {
  background-color: rgba(59, 58, 59, 0.5);
}

div.hover-effect.hover-effect-accent-4:hover {
  background-color: rgba(71, 71, 71, 0.5);
}

div.hover-effect.hover-effect-accent-5:hover {
  background-color: rgba(79, 140, 128, 0.5);
}

div.hover-effect.hover-effect-accent-6:hover {
  background-color: rgba(105, 181, 163, 0.5);
}



  html.is-chrome .ui-page.ui-page-active.ui-page-theme-a {
    background: linear-gradient(to bottom, #111111 0px, #111111 100px, #fff 101px,  #fff 100%); 
  }

  html.is-chrome {
    background-color: #111111;
  }



/* 
div:not(.sortable) .scroll-horizontal.desktop {
  display:none;
}

@media all and (min-width: 60em) {
  div:not(.sortable) .scroll-horizontal,.scroll-horizontal.desktop {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: move;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    height: 100vh;
    width: 100vw;
  }
}

div:not(.sortable) .scroll-horizontal:active {
  cursor: move;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

div:not(.sortable) .scroll-horizontal > .row{
  flex: 0 0 auto;
}

div:not(.sortable) .scroll-horizontal > .row:not(.width-5):not(.width-10):not(.width-15):not(.width-20):not(.width-25):not(.width-30):not(.width-35):not(.width-40):not(.width-45):not(.width-50):not(.width-55):not(.width-60):not(.width-65):not(.width-70):not(.width-75):not(.width-80):not(.width-85):not(.width-90):not(.width-95){
  width:100%;
}


.scroll-horizontal {
  position: relative;
}

.scroll-horizontal-prev-container {
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  margin-left: 1em;
}

.scroll-horizontal-next-container {
  position: absolute;
  right: 0;
  bottom: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  margin-right: 1em;
}


.scroll-horizontal-prev-container a,
.scroll-horizontal-next-container a {
  display: block;
  border-radius: 10em;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  padding: 9px 9px;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 0em;
  color: #8c8b8c;
  box-shadow: 0 0 3px 2px rgba(231, 234, 225, 0.05);
  background-color: #323e48;
}


.scroll-horizontal-prev-container a:hover,
.scroll-horizontal-next-container a:hover {
  box-shadow: 0 0 3px 2px rgba(140, 139, 140, 0.2);
  -webkit-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
}


@media all and (max-width: 60em) {
  .scroll-horizontal-prev-container, .scroll-horizontal-next-container {
    display: none;
  }
} */


.item-price-container .ui-block-b span[style*="line-through"] {
  display: none;
}

@media all and (max-width: 60em) {
  .form label,
  body.round form label {
    padding: 0 0;
  }
  
  .ui-field-contain, 
  .ui-mobile fieldset.ui-field-contain {
    padding-bottom: 0;
  }
  
  .form .ui-input-text input, .form textarea.ui-input-text, body.round form .ui-input-text input, body.round form textarea.ui-input-text {
    padding: 0.44em 0;
  }

  .ui-select.ui-mini .ui-btn {
    padding-top: 0;
    padding-bottom: 0.64em;
  }
 
}

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

.g-recaptcha {
  margin-top: 1em;
}

.widget-dynamic-container > .widget-dynamic.widget-dynamic-grid .card.card-add-to-cart:not(.card-product) .widget-add-to-cart-container {
  display: none;
}

.widget-dynamic-container > .widget-dynamic.widget-dynamic-card .card.card-add-to-cart:not(.card-product) .widget-add-to-cart-container * {
  display:none;
}


.widget-btn-show > .widget-dynamic-container > .widget-dynamic.widget-dynamic-card .card.card-add-to-cart:not(.card-product) .widget-add-to-cart-container .center {
  display: block;
}

.widget-btn-show > .widget-dynamic-container > .widget-dynamic.widget-dynamic-card .card.card-add-to-cart:not(.card-product) .widget-add-to-cart-container .center > a {
  display: block;
}

.widget-add-to-cart-container a.ui-btn.ui-link.ui-mini.btn-add-to-cart {
  padding: 0.3em 0.75em;
}

.slider-image-width-auto .owl-carousel .owl-item img {
  width: auto;
}

.nav-bar.use-chatbox .search-container a.btn-search {
  border-radius: 100%;
  display:inline-block; 
  background-image: linear-gradient(108deg, #767676, #111111, #1b1b1b, #242424, #111111);
  background-size: 400% 100%;
  animation: botgradient 10s linear infinite;
  animation-direction: alternate;
  margin: 0 auto;
  box-shadow: inset 0 0 10px 8px rgba(255,255,255, 0.14);
  top: 50%;
  transform: translateY(-50%);
  width: calc(3px + 0.8125rem);
  height: calc(3px + 0.8125rem);
  font-size: 1rem;
  aspect-ratio: 1/1;
  font-weight: 300;
  font-family: "Inter",sans-serif;
  font-size: 0.8125rem;
  line-height: 1.3em;
  letter-spacing: 0.1em;
}

@keyframes botgradient {
  0% {background-position: 0%}
  100% {background-position: 100%}
}

.nav-bar.use-chatbox .search-container a.btn-search i {
  opacity: 0;
}

.nav-bar.use-chatbox .search-container a.btn-search span {
  display: none;
}

@media all and (min-width: 60em) {
  .nav-bar.show-search.show-call-to-action.use-chatbox .search-container {
    margin-right: 1em;
  }
}

@media all and (min-width: 80em) {
  .nav-bar.show-search.show-call-to-action.use-chatbox .search-container {
    margin-right: 1em;
  }
}

.video iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

.search-content-container .right {
  margin-top: 2px;
  margin-bottom: 0;
}

@media all and (min-width: 60em) {
  .search-content-container .right {
    margin-bottom: -2em;
  }
}

@media only screen and (max-width: 40em) {

  body .row[style*="background-attachment: fixed"] {
    background-attachment: scroll !important;
  }

}

.nav-bar.no-price .btn-join.ui-link span, .nav-bar.no-price .btn-join.ui-link:visited span {
  display: none;
}

.top-bar.no-price .top-bar-btn-join.btn-join .desktop-large {
  display: none;
}

@media all and (min-width: 80em) {  
  .nav-bar.no-price .join-container.btn-has-text .btn-join i {
    margin-top: 50%;
  }
}

.row-pid:not(.row-pid-processed) {
  opacity: 0;
}


.widget-card-title-padding-bottom .widget-dynamic-container.show-title > .widget-dynamic .card > a > figure > figcaption > .item-title {
  padding-bottom: 0.75em;
}


.row.widget-btn-ghost .widget-dynamic-container .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
.row.widget-btn-ghost .widget-dynamic-container .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.row.widget-btn-ghost .widget-dynamic-container .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
.row.widget-btn-ghost .widget-dynamic-container .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.row.widget-btn-ghost .widget-dynamic-container .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.row.widget-btn-ghost .widget-dynamic-container .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited,
.row.widget-btn-ghost .widget-dynamic-container .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.row.widget-btn-ghost .widget-dynamic-container .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.row.widget-btn-ghost .widget-dynamic-container .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-color: #111111 !important;
  background-color: transparent !important;
  color: #111111 !important;
}

.widget-btn-left .widget-add-to-cart-container > .cart-drawer-item-quantity-container.hide + .center {
  margin-left: 0 !important;
}

.widget-btn-left[class*="widget-card-title-padding"]:not(.widget-card-title-padding-left) .widget-add-to-cart-container.padding-left-thin {
  padding-left: 0 !important;
}


.widget-btn-border-none .widget-dynamic-container .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost,
.widget-btn-border-none .widget-dynamic-container .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost,
.widget-btn-border-none .widget-dynamic-container .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:visited,
.widget-btn-border-none .widget-dynamic-container .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:visited,
.widget-btn-border-none .widget-dynamic-container .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn,
.widget-btn-border-none .widget-dynamic-container .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:visited,
.widget-btn-border-none .widget-dynamic-container .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost:hover,
.widget-btn-border-none .widget-dynamic-container .widget-add-to-cart-container .ui-btn.ui-btn-a.btn-secondary.btn-ghost:hover,
.widget-btn-border-none .widget-dynamic-container .widget-add-to-cart-container .ui-btn.btn-secondary.btn-ghost.ui-input-btn:hover {
  border-radius: 0;
}

.widget-summary-height-tall .widget-dynamic-container > .widget-dynamic .card > a > figure > figcaption > .item-summary {
  height: 3em;
}

.row-primary .owl-dot {
  border: 1px solid rgba(118, 118, 118, 0.5);
}

.row-primary .owl-dot.active {
  border: 1px solid rgba(118, 118, 118, 1);
  background-color: rgba(118, 118, 118, 1);
}

.row-secondary .owl-dot {
  border: 1px solid rgba(17, 17, 17, 0.5);
}

.row-secondary .owl-dot.active {
  border: 1px solid rgba(17, 17, 17, 1);
  background-color: rgba(17, 17, 17, 1);
}

.row-light .owl-dot {
  border: 1px solid rgba(140, 139, 140, 0.5);
}

.row-light .owl-dot.active {
  border: 1px solid rgba(140, 139, 140, 1);
  background-color: rgba(140, 139, 140, 1);
}

.row-dark .owl-dot {
  border: 1px solid rgba(1, 1, 1, 0.5);
}

.row-dark .owl-dot.active {
  border: 1px solid rgba(1, 1, 1, 1);
  background-color: rgba(1, 1, 1, 1);
}

.row-middle-grey .owl-dot {
  border: 1px solid rgba(39, 39, 39, 0.5);
}

.row-middle-grey .owl-dot.active {
  border: 1px solid rgba(39, 39, 39, 1);
  background-color: rgba(39, 39, 39, 1);
}

.row-accent-1 .owl-dot {
  border: 1px solid rgba(27, 27, 27, 0.5);
}

.row-accent-1 .owl-dot.active {
  border: 1px solid rgba(27, 27, 27, 1);
  background-color: rgba(27, 27, 27, 1);
}

.row-accent-1 .owl-dot {
  border: 1px solid rgba(27, 27, 27, 0.5);
}

.row-accent-1 .owl-dot.active {
  border: 1px solid rgba(27, 27, 27, 1);
  background-color: rgba(27, 27, 27, 1);
}

.row-accent-2 .owl-dot {
  border: 1px solid rgba(36, 36, 36, 0.5);
}

.row-accent-2 .owl-dot.active {
  border: 1px solid rgba(36, 36, 36, 1);
  background-color: rgba(36, 36, 36, 1);
}

.row-accent-3 .owl-dot {
  border: 1px solid rgba(59, 58, 59, 0.5);
}

.row-accent-3 .owl-dot.active {
  border: 1px solid rgba(59, 58, 59, 1);
  background-color: rgba(59, 58, 59, 1);
}

.row-accent-4 .owl-dot {
  border: 1px solid rgba(71, 71, 71, 0.5);
}

.row-accent-4 .owl-dot.active {
  border: 1px solid rgba(71, 71, 71, 1);
  background-color: rgba(71, 71, 71, 1);
}

.row-accent-5 .owl-dot {
  border: 1px solid rgba(79, 140, 128, 0.5);
}

.row-accent-5 .owl-dot.active {
  border: 1px solid rgba(79, 140, 128, 1);
  background-color: rgba(79, 140, 128, 1);
}

.row-accent-6 .owl-dot {
  border: 1px solid rgba(105, 181, 163, 0.5);
}

.row-accent-6 .owl-dot.active {
  border: 1px solid rgba(105, 181, 163, 1);
  background-color: rgba(105, 181, 163, 1);
}







.nav-bar.use-chatbox .search-container a.btn-search {
  position: relative;
  overflow: hidden;
}

.nav-bar.use-chatbox .search-container a.btn-search img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#header-chat-iframe {
  width: 100%;
  height: calc(100vh - 120px);
  overflow: hidden;
}

/* .search-slide-in-right.search-content-container .right {
  margin-bottom: 1em;
} */

.search-slide-in-right.search-content-container {
  position: fixed;
  /* or absolute depending on your layout */
  top: 0;
  right: 0;
  height: 100vh;
  /* example height */

  
  	background-color: #111111;
  
  pointer-events: none;
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: calc(100vw);
  transform: translateX(100vw);
  opacity: 0;
  display: block;
}

.search-slide-in-right.search-content-container.active {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

@media (min-width: 60em) {

  .search-slide-in-right.search-content-container.active {
    transform: translateX(calc(100vw - 60vw));
  }

  .search-slide-in-right.search-content-container {
    width: 60vw;
  }
}

.search-slide-in-right.search-content-container a.close-search,
.search-slide-in-right.search-content-container a.close-search:visited {
  color: #01010166;
  background-color: #01010111;
}

.search-slide-in-right.search-content-container a.close-search:hover {
  background-color: #0101011a;
}


body.dark .search-slide-in-right.search-content-container a.close-search,
body.dark .search-slide-in-right.search-content-container a.close-search:visited {
  color:  #8c8b8c66;
  background-color: #8c8b8c11;
}

body.dark .search-slide-in-right.search-content-container a.close-search:hover {
  background-color: #8c8b8c1a;
}


.chatbot-input-container {
  display: flex;
  margin-top: var(--chatbot-input-margin-top, 0);
}

.chatbot-input-container button {
  cursor: pointer;
  width: var(--chatbot-input-height, 64px);
  height: var(--chatbot-input-height, 64px);
  font-size: var(--chatbot-input-button-font-size, 1rem);
  font-weight: var(--chatbot-input-button-font-weight, 400);
  color: var(--chatbot-input-button-color, #111);
  border: 0;
  outline: none;
  box-sizing: border-box;
  border-top-right-radius: var(--chatbot-input-border-radius, 0.9rem);
  border-bottom-right-radius: var(--chatbot-input-border-radius, 0.9rem);
  background-color: var(--chatbot-input-button-background-color, #999);
  background-image: linear-gradient(var(--chatbot-input-button-background-gradient-deg, 130deg), var(--chatbot-input-button-background-color, #999), var(--chatbot-input-button-background-gradient-color, #ccc));
}

.chatbot-input-container button:hover {
  filter: brightness(1.1);
}

.chatbot-input-container input {
  backdrop-filter: blur(8px);
  width: calc(100% - 64px);
  padding: 1em;
  height: var(--chatbot-input-height, 64px);
  font-size: var(--chatbot-input-font-size, 1rem);
  font-weight: var(--chatbot-input-font-weight, 400);
  color: var(--chatbot-input-color, #111);
  border: 0;
  border-top-left-radius: var(--chatbot-input-border-radius, 0.9rem);
  border-bottom-left-radius: var(--chatbot-input-border-radius, 0.9rem);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: var(--chatbot-input-background-color, rgba(255, 255, 255, 0.4));
  outline: none;
  box-sizing: border-box;
}

.chatbot-input-container input::placeholder {
  color: var(--chatbot-input-color, #999);
  font-size: var(--chatbot-input-font-size, 1rem);
  font-weight: var(--chatbot-input-font-weight, 400);
  opacity: 1;
}











/* @media all and (min-width: 60em) {
  .nav-bar.no-price .btn-join i {
    margin-top: 60%;
  }
  
  body.show-cart-count-btn-join .nav-bar.no-price .btn-join::after {
  	top: 25%;
  }
}
 */

 

/* 3.6.131; remove accordion unset ; secondary card text; widget-add-to-cart-left; .card[class*="container"]; header_call_to_action_on_scroll; p sub, .p sub line-height; header_font_size_mobile; change + to ~ .nav-bar; btn radius bug; visited colour in heading style; add root colour; remove .widget-tagged-faq inherit widget background */