/* Common Styles */

/* Global Styles */
body {
  overflow-x: hidden;
}

blockquote {
  padding-left: 1rem;
  border-left: 1rem solid #ddd;
}

/*
 * Grid
*/

@media (min-width: 1500px) {
  .container {
    max-width: 1440px;
  }
}

.container-big {
  max-width: 1600px;
}

@media only screen and (max-width: 1360px) {
  .container-big {
    max-width: 1600px;
  }
}

/*
 * Utilities
*/

.z-depth-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.z-depth-1\:hover:focus,
.z-depth-1\:hover:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.view {
  position: relative;
  overflow: hidden;
  cursor: default;
}

.view .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-attachment: fixed;
  background-color: rgba(0, 0, 0, 0.35);
}

.view img,
.view video {
  position: relative;
  display: block;
}

.flex-center {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 100%;
}

.radius-0 {
  border-radius: 0;
}

/*
 * Misc
*/

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

.section-title span {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 3rem;
  line-height: 3rem;
}

/* Fonts */
*,
body {
  font-family: "Open Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.ff-oswald {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
}

.ff-roboto {
  font-family: "Roboto", sans-serif;
}

.fs-1\.25x {
  font-size: 1.25rem;
}

.fs-3\.5x {
  font-size: 3.5rem;
}

/* Colors */
.text-white {
  color: #fff;
}

.text-black {
  color: #070707;
}

.text-gray {
  color: #757575;
}

.text-light-gray {
  color: #ddd;
}

.bg-white {
  background-color: #fff;
}

.bg-dark-white {
  background-color: #f7f7f7;
}

.bg-black {
  background-color: #070707;
}

.bg-dark-gray {
  background-color: #666;
}

.bg-gray {
  background-color: #757575;
}

.bg-light-gray {
  background-color: #ddd;
}

@media (min-width: 992px) {
  .bg-lg-transparent {
    background-color: transparent;
  }
}

/* Animations */
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

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

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

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

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

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

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

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

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

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

.spin-infinite {
  animation: rotation 1.5s infinite linear;
}

.hover-spin {
  transition: transform 0.8s ease-in-out;
}

.hover-spin:hover {
  transform: rotate(360deg);
}

/* Components */

/* Accordion */
[aria-expanded="true"] .fa-angle-down {
  transform: rotate(180deg);
}

.card-header button .fa-angle-down {
  transition: 500ms all;
  font-size: 1.5rem;
}

.card-header button:focus {
  outline: none;
}

/* Badge */
.badge {
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  border-radius: 0;
}

.badge-danger {
  background-color: #f00;
}

/* Buttons */
.btn {
  padding: 0.5rem 1.5rem;
  border-radius: 30px;
  text-transform: initial;
}

.btn:focus {
  box-shadow: none;
}

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

.btn-primary {
  background-color: #070707 !important;
  color: #fff !important;
  border-color: #070707 !important;
}

.btn-primary:focus,
.btn-primary:hover {
  background-color: #fff !important;
  color: #070707 !important;
}

.btn-secondary {
  background-color: #fff !important;
  color: #070707 !important;
  border-color: #fff !important;
}

.btn-secondary:focus,
.btn-secondary:hover {
  background-color: #070707 !important;
  color: #fff !important;
}

.btn-outline-primary {
  color: #070707 !important;
  background-color: #fff !important;
}

.btn-outline-secondary {
  color: #070707;
  border-color: #070707;
}

.btn-circle {
  background: rgba(255, 255, 255, 0.75);
  width: 38px;
  height: 38px;
  border-radius: 50%;
}

/* Card */
.card {
  border-radius: 0;
  border: none;
}

/* Carousel */
.carousel-caption .caption-title {
  font-size: 2rem;
}

@media (min-width: 992px) {
  .carousel-caption .caption-title {
    font-size: 3rem;
    line-height: 4rem;
  }
}

@media (min-width: 992px) {
  .carousel-caption .caption-title {
    font-size: 4rem;
    line-height: 5rem;
  }
}

/* Comments */
.comment-list {
  list-style: none;
  padding-left: 0;
}

.comment-list ol {
  list-style: none;
}

.comment-form p {
  margin-bottom: 1rem;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.comment-form input[type="submit"] {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 30px;
  text-transform: initial;
  background-color: #fff !important;
  color: #070707 !important;
  border-color: #fff !important;
}

/* Dropdown */
.dropdown-toggle::after {
  display: none;
}

.dropdown-toggle .fa {
  transition: 500ms all;
}

/* Forms */
.toggle-label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.toggle-label-text {
  margin-right: 1rem;
}

.toggle {
  isolation: isolate;
  position: relative;
  height: 24px;
  width: 48px;
  border-radius: 15px;
  background: #ddd;
  overflow: hidden;
}

.toggle .toggle-inner {
  z-index: 2;
  position: absolute;
  top: 1px;
  left: 1px;
  height: 22px;
  width: 46px;
  border-radius: 15px;
  overflow: hidden;
}

.toggle .toggle-active-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 200%;
  background: #070707;
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.05s linear 0.17s;
}

.toggle .indicator {
  height: 100%;
  width: 200%;
  background: #fff;
  border-radius: 13px;
  transform: translate3d(-75%, 0, 0);
  transition: transform 0.35s cubic-bezier(0.85, 0.05, 0.18, 1.35);
}

.toggle .toggle-state {
  display: none;
}

.toggle .toggle-state:checked ~ .toggle-active-bg {
  transform: translate3d(-50%, 0, 0);
}

.toggle .toggle-state:checked ~ .toggle-inner .indicator {
  transform: translate3d(25%, 0, 0);
}

.custom-control {
  display: block;
  padding: 0.75rem 1.25rem 0.75rem 2rem;
  margin: 0;
}

.custom-control.custom-checkbox {
  cursor: pointer;
}

.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator::before {
  content: "✓";
  font-size: 1rem;
  height: 24px;
  width: 24px;
  display: block;
  text-align: center;
}

.custom-control.custom-checkbox .custom-control-indicator {
  top: 12px;
  left: 0;
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 2px solid #070707 !important;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 75%;
}

.custom-control.custom-control-description {
  font-size: 14px;
}

.input-group .input-group-text {
  height: 64px;
  border-top-left-radius: 70px;
  border-bottom-left-radius: 70px;
  background: transparent;
  border-right: none;
}

.input-group .form-control {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 64px;
  height: 64px;
  border-top-right-radius: 70px;
  border-bottom-right-radius: 70px;
  border-left: none;
}

.input-group .form-control:focus {
  box-shadow: none;
}

/* WordPress Classes */
.alignnone {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  height: auto;
}

.aligncenter {
  display: block;
  margin: 0.5rem auto;
  height: auto;
}

.alignleft,
.alignright {
  margin-bottom: 0.5rem;
  height: auto;
}

@media (min-width: 576px) {
  .alignleft {
    float: left;
    margin-right: 0.5rem;
  }

  .alignright {
    float: right;
    margin-left: 0.5rem;
  }
}

.wp-caption {
  display: block;
  margin-bottom: 1rem;
}

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

.wp-caption-text {
  display: block;
  margin-top: 0.25rem;
  color: #6c757d;
  font-size: 0.875em;
}

.screen-reader-text {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Modal */
.modal-dialog-fullscreen {
  height: 100%;
  width: 100%;
  min-height: 100%;
  max-width: initial;
  margin: 0;
}

.modal-dialog-fullscreen .modal-content {
  border-radius: 0;
}

#ageModal .logo {
  height: 96px;
}

@media (min-width: 992px) {
  #ageModal .logo {
    height: 128px;
  }
}

.modal .close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 2.25rem;
  z-index: 9;
}

/* Swatches */
.swatch {
  display: inline-block;
  height: 1rem;
  width: 1rem;
  border-radius: 100%;
  background-color: #ddd;
}

.swatch-black {
  background-color: #070707;
}

.swatch-blue {
  background-color: blue;
}

.swatch-green {
  background-color: #003f00;
}

.swatch-yellow {
  background-color: yellow;
}

.swatch-red {
  background-color: #f00;
}

.swatch-gold {
  background-color: #b15500;
}

.swatch-pink {
  background-color: #e91e63;
}

.swatch-dark-green {
  background-color: #2e7603;
}

.swatch-slime-green {
  background-color: #4e9400;
}

.swatch-jade-green {
  background-color: #89b190;
}

.swatch-jade-brown {
  background-color: #b60;
}

.swatch-slime-purple {
  background-color: #6970be;
}

.swatch-american-red {
  background-color: #a30000;
}

.swatch-american-orange {
  background-color: #910101;
}

.swatch-american-yellow {
  background-color: #c99800;
}

.swatch-american-green {
  background-color: #2f4d00;
}

.swatch-brown\/green {
  background-image: linear-gradient(to right, #864c01, #003f00);
}

.swatch-green\/brown {
  background-image: linear-gradient(to right, #003f00, #864c01);
}

.swatch-slime-green\/pink {
  background-image: linear-gradient(to right, #4e9400, #e91e63);
}

.swatch-pink\/purple {
  background-image: linear-gradient(to right, #e91e63, #673ab7);
}

/* Toasts */
.toast {
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 5%;
  border-radius: 0;
  border: none;
  z-index: 1;
}

/* Layouts */

/* Admin Toggle */
.jck_ab_showing #announcement {
  top: 32px !important;
}

.jck_ab_showing #header {
  top: calc(2rem + 32px) !important;
}

/* Announcement */
#announcement {
  position: fixed;
  top: 0;
  height: 2rem;
  z-index: 17;
}

#announcement p {
  margin-bottom: 0;
}

#announcement .btn-dismiss {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* Header */
body {
  padding-top: 56px !important;
}

@media (min-width: 768px) {
  body {
    padding-top: 80px !important;
  }
}

body.announcement-shown {
  margin-top: 32px;
}

#header {
  position: fixed;
  top: 2rem;
  z-index: 16;
  width: 100%;
  background: #fff;
  transition: 500ms all;
}

#header .header-logo {
  height: 40px;
}

@media (min-width: 768px) {
  #header .header-logo {
    height: 48px;
  }
}

#header #header-nav > .menu-item {
  margin-right: 1rem;
}

#header #header-nav > .menu-item:last-child {
  margin-right: 0;
}

#header #header-nav > .menu-item > a {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

#header #header-nav > .menu-item:focus > a,
#header #header-nav > .menu-item:hover > a {
  box-shadow: inset 0 -2px 0 0 #070707;
}

#header #header-nav > .menu-item.dropdown:hover .dropdown-menu {
  display: flex;
  left: -100%;
  padding: 1.75rem;
  border-radius: 0;
  margin-top: 0;
}

#header #header-nav > .menu-item.dropdown:hover .dropdown-menu > .menu-item-has-children {
  padding-right: 1.75rem;
  border-right: 1px solid #ddd;
  margin-right: 1.75rem;
}

#header #header-nav > .menu-item.dropdown:hover .dropdown-menu > .menu-item-has-children:last-child {
  padding-right: 0;
  border-right: none;
  margin-right: 0;
}

#header #header-nav > .menu-item.dropdown:hover .dropdown-menu > .menu-item-has-children > a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

#header #header-nav > .menu-item.dropdown:hover .dropdown-menu .dropdown-item {
  padding-left: 0;
  padding-right: 0;
}

#header #header-nav > .menu-item.dropdown:hover .dropdown-menu .dropdown-item:hover {
  background: transparent;
}

#header #header-nav > .menu-item.dropdown:hover .dropdown-menu .dropdown-menu {
  display: block;
  position: initial;
  top: initial;
  left: initial;
  float: initial;
  min-width: initial;
  padding: 0;
  border: none;
  margin: 0;
}

#header #header-icons {
  list-style: none;
}

#header #header-icons li {
  display: inline-block;
}

#header #header-icons li .btn {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media (min-width: 768px) {
  #header #header-icons li .btn {
    padding-top: 1.675rem !important;
    padding-bottom: 1.675rem !important;
  }
}

body.announcement-shown #header {
  top: 2rem;
}

/* Sidebar */
#page-content-wrap {
  min-width: 0;
  width: 100%;
}

@media (min-width: 992px) {
  #page-content-wrap {
    min-width: 0;
    width: 100%;
  }
}

#right-sidebar {
  display: grid;
  position: fixed;
  top: 0;
  right: 0;
  margin-right: -100%;
  min-width: 300px;
  width: 300px;
  min-height: 100vh;
  transition: margin 0.5s ease-out;
  z-index: 17;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

#right-sidebar .right-sidebar-header {
  padding-top: 15.5px;
  padding-bottom: 15.5px;
  border-bottom: 2px solid #ddd;
}

@media (min-width: 768px) {
  #right-sidebar .right-sidebar-header {
    padding-top: 27.5px;
    padding-bottom: 27.5px;
  }
}

#right-sidebar .right-sidebar-header .btn-close-menu {
  padding-top: 0;
  padding-bottom: 0;
}

#right-sidebar .nav li {
  display: block;
  width: 100%;
}

#right-sidebar .nav li a {
  display: block;
  color: #070707;
  background-color: #f7f7f7;
  padding: 0.5rem;
  padding-left: 15px;
  border-bottom: 1px solid #ddd;
}

#right-sidebar .nav li:first-child a {
  border-top: 1px solid #ddd;
}

.announcement-shown #right-sidebar {
  padding-top: 32px;
}

.announcement-shown #right-sidebar > .container {
  border-top: 1px solid #ddd;
}

#body-wrap.toggled #right-sidebar {
  margin-right: 0;
}

.xoo-wsc-modal.right-sidebar-active .xoo-wsc-opac {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  bottom: 0;
  background-color: #070707;
  z-index: 16;
  opacity: 0.5;
}

/* Footer */
footer .nav li {
  display: block;
  width: 100%;
}

footer .nav li a {
  color: #757575;
  display: block;
  width: 100%;
  padding: 0.25rem 0;
}

footer .nav li a:hover,
footer .nav li a:focus {
  color: #fff;
}

footer .credit-cards {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

footer .credit-cards li {
  display: inline-block;
  margin-right: 1rem;
}

footer .credit-cards li:last-child {
  margin-right: 0;
}

footer .credit-cards li img {
  height: 2rem;
  background: #fff;
  padding: 0.25rem;
  padding-top: 0;
  border-radius: 0.25rem;
}

footer #footer-bottom-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer #footer-bottom-menu li {
  display: inline-block;
}

footer #footer-bottom-menu li a {
  color: #757575;
}

footer #footer-bottom-menu li a:hover,
footer #footer-bottom-menu li a:focus {
  color: #fff;
}

/* Posts */
.article-card .article-img {
  height: 256px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.article-card .entry-category {
  width: fit-content;
  border-bottom: 3px solid #070707;
}

.article-card .entry-content {
  font-size: 14px;
}

/* Product */
.product-card .content-overlay {
  background: transparent;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: all 350ms ease-in-out 0s;
}

.product-card .content-details {
  position: absolute;
  text-align: center;
  top: 15%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: all 350ms ease-in-out 0s;
}

.product-card .content-details.fadeIn-top {
  top: 20%;
}

.product-card .content-details .btn-group {
  width: max-content;
}

.product-card .product-img {
  position: relative;
  height: 384px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #ddd;
  overflow: hidden;
}

.product-card .product-img:hover .content-overlay {
  opacity: 1;
}

.product-card .product-img:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
}

.product-card .product-title,
.product-card .amount {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.product-card .swatch {
  margin-right: 0.25rem;
}

/* TinyMCE */
body#tinymce {
  margin: 12px !important;
}

/* Countdown */
#countdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#countdown ul li {
  display: inline-block;
  color: #070707;
  margin-right: 0.5rem;
}

#countdown ul li small {
  font-family: "Oswald", sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
}

#countdown ul li span {
  display: block;
  background-color: #070707;
  color: #fff;
  font-family: "Oswald", sans-serif !important;
  font-weight: 700;
  font-size: 2rem;
  padding: 0.5rem 0;
  width: 64px;
  border-radius: 0.25rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

#countdown ul li:last-child {
  margin-right: 0;
}

/* Hero */
#hero {
  position: relative;
  background-position: center;
  background-size: cover;
  height: calc(100vh - 80px) !important;
}

#hero .title {
  font-size: 2.125rem;
}

@media (min-width: 576px) {
  #hero .title {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  #hero .title {
    font-size: 3.75rem;
  }
}

#hero .angle-down {
  height: 40px;
  animation: bounce 3s infinite;
}

#hero::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 992px) {
  #hero {
    height: 80vh;
  }
}

.announcement-shown #hero {
  height: calc(100vh - 112px) !important;
}

/* Social */
.social {
  list-style: none;
  padding: 0;
  margin: 0;
}

.social li {
  display: inline-block;
}

.social li a {
  color: #fff;
}

.social li:last-child {
  margin-right: 0;
}

#social_shares {
  list-style: none;
}

#social_shares li {
  display: inline-block;
}

/* Search */
#search-section {
  height: calc(100vh - 80px);
}

#search-section #search-form .input-group-text {
  width: 64px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #070707;
  border-radius: 0;
}

#search-section #search-form button:focus {
  box-shadow: none;
}

#search-section #search-form #search {
  height: 64px;
  border: none;
  border-bottom: 1px solid #070707;
}

#search-section #search-form #search:focus {
  box-shadow: none;
}

#search-section #quick-search-listing {
  list-style: none;
  padding: 0;
  margin: 0;
}

#search-section #quick-search-listing li {
  padding: 0.375rem 0.75rem;
  border-bottom: 1px solid #070707;
  margin-bottom: 1rem;
}

#search-section #quick-search-listing li:last-child {
  margin-bottom: 0;
}

#search-section #quick-search-listing li a {
  text-decoration: none;
}

.announcement-shown #search-section {
  height: calc(100vh - 112px);
}

/* Pagination */
.wp-pagenavi {
  clear: both;
  margin: 0 auto;
  overflow: hidden;
  width: fit-content;
}

.wp-pagenavi .pages {
  display: none;
}

.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-block;
  padding: 0.75rem 1.25rem;
  border: none;
  margin: 0;
  color: #757575;
}

.wp-pagenavi a:hover,
.wp-pagenavi a:focus {
  color: #070707;
}

.wp-pagenavi a.current {
  color: #070707;
}

/* Ninja Forms */
.nf-form-cont .nf-before-form-content {
  margin-bottom: 1rem;
}

.nf-form-cont .nf-form-content {
  padding: 0;
  max-width: initial;
}

/* Slick */
.slick-slide:focus {
  outline: none;
}

.slick-slider {
  overflow: hidden;
}

/* WooCommerce */
.woocommerce .out-of-stock {
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  border-radius: 0;
  background-color: #f00;
}

.woocommerce button.button {
  padding: 0.5rem 1.5rem;
  border-radius: 30px;
  text-transform: initial;
  background-color: #070707 !important;
  color: #fff !important;
  border-color: #070707 !important;
}

.woocommerce #respond input#submit {
  padding: 0.5rem 1.5rem;
  border-radius: 30px;
  text-transform: initial;
  background-color: #070707 !important;
  color: #fff !important;
  border-color: #070707 !important;
}

.woocommerce #breadcrumb .woocommerce-breadcrumb {
  margin-bottom: 0;
}

.woocommerce #breadcrumb .woocommerce-breadcrumb a {
  color: #070707;
}

.woocommerce .star-rating {
  font-family: star;
}

.woocommerce .amount {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.woocommerce .amount span {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.woocommerce .woocommerce-message {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.woocommerce form .form-row input.input-text {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.woocommerce form .form-row label {
  width: 100%;
}

.woocommerce form .form-row label + .password-input {
  width: 100%;
}

.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
  padding-right: 1rem;
}

.woocommerce-notice {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.woocommerce-notice--success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

ul.order_details {
  padding: 0;
  margin-bottom: 3rem !important;
}

form#submitpayment h4 {
  visibility: hidden;
}

form#submitpayment label[for="paymentmethodnew"] {
  width: 100%;
}

form#submitpayment #pmtable.active {
  border: 1px solid #ddd;
}

form#submitpayment #pmtable {
  width: 100%;
  margin-bottom: 0;
  background-color: transparent;
  border-collapse: collapse;
}

form#submitpayment #pmtable tbody {
  display: block;
  width: 100%;
}

form#submitpayment #pmtable tbody tr {
  display: block;
  width: 100%;
}

form#submitpayment #pmtable tbody tr td {
  display: inline-block;
  width: 50%;
}

form#submitpayment #pmtable tbody tr td:first-child {
  vertical-align: middle;
}

form#submitpayment #pmtable tbody tr input[type="text"] {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

form#submitpayment #pmtable tbody #savepaymentmethod {
  margin-right: 0.5rem !important;
}

form#submitpayment #backbutton {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 30px;
  text-transform: initial;
  color: #070707 !important;
  background-color: #fff !important;
}

form#submitpayment #submitbutton {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 30px;
  text-transform: initial;
  background-color: #070707 !important;
  color: #fff !important;
  border-color: #070707 !important;
}

/* Woo Side Cart */
.xoo-wsc-modal .xoo-wsc-header {
  font-size: 1rem !important;
  font-weight: normal;
  padding: 12px 15px;
  border-top: 1px solid #ddd;
}

@media (min-width: 992px) {
  .xoo-wsc-modal .xoo-wsc-header {
    padding: 24px 15px;
  }
}

.xoo-wsc-modal .xoo-wsc-header .xoo-wsc-ctxt {
  text-transform: uppercase;
}

.xoo-wsc-modal .xoo-wsc-header .xoo-wsc-ecnt {
  font-size: 1rem;
}

.xoo-wsc-modal .xoo-wsc-img-col img {
  width: 100% !important;
  height: auto !important;
}

.xoo-wsc-modal .xoo-wsc-sum-col a:not(.xoo-wsc-icon-trash) {
  color: #070707;
}

.xoo-wsc-modal .xoo-wsc-sum-col .xoo-wsc-qtybox {
  border: 1px solid #070707;
  border-radius: 30px;
}

.xoo-wsc-modal .xoo-wsc-sum-col .xoo-wsc-qtybox span {
  border: none;
}

.xoo-wsc-modal .xoo-wsc-tools,
.xoo-wsc-modal .xoo-wsc-coupon-container {
  padding: 0;
}

.xoo-wsc-modal .xoo-wsc-footer {
  padding: 15px;
}

.xoo-wsc-modal .xoo-wsc-footer .xoo-wsc-tools {
  margin-bottom: 1rem;
}

.xoo-wsc-modal .xoo-wsc-footer .xoo-wsc-coupon-container {
  margin: 0;
  margin-bottom: 1rem;
}

.xoo-wsc-modal .xoo-wsc-footer .xoo-wsc-coupon input {
  border-top-left-radius: 70px;
  border-bottom-left-radius: 70px;
  padding: 0.5rem 0.25rem;
  border: 2px solid #070707;
}

.xoo-wsc-modal .xoo-wsc-footer .xoo-wsc-coupon input:focus {
  box-shadow: none;
  outline: none;
}

.xoo-wsc-modal .xoo-wsc-footer .xoo-wsc-coupon .xoo-wsc-coupon-submit {
  border-top-right-radius: 70px;
  border-bottom-right-radius: 70px;
}

.xoo-wsc-modal .xoo-wsc-footer .xoo-wsc-shiptxt {
  margin-bottom: 1rem;
}

.xoo-wsc-modal .xoo-wsc-footer .xoo-wsc-chkt {
  display: none !important;
}

.xoo-wsc-modal .xoo-wsc-footer .xoo-wsc-cart,
.xoo-wsc-modal .xoo-wsc-footer .xoo-wsc-cont {
  width: 100%;
  padding: 1rem;
}

.xoo-wsc-modal .xoo-wsc-footer .xoo-wsc-cart {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 30px;
  text-transform: initial;
  background-color: #070707 !important;
  color: #fff !important;
  border-color: #070707 !important;
}

.xoo-wsc-modal .xoo-wsc-footer .xoo-wsc-cont {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 30px;
  text-transform: initial;
  color: #070707;
  border-color: #070707;
}

.announcement-shown .xoo-wsc-modal .xoo-wsc-header {
  margin-top: 32px;
}

/* Light Gallery */
.lg-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.lg .lg-toolbar {
  background-color: #070707 !important;
}

.lg .lg-toolbar .lg-icon {
  font: normal normal normal 14px/1 FontAwesome !important;
}

.lg .lg-toolbar .lg-icon::after {
  display: block;
  font-size: 1rem;
  margin-top: 6px;
}

.lg .lg-toolbar .lg-download {
  display: none;
}

.lg .lg-toolbar .lg-download::after {
  content: "\f019";
}

.lg .lg-toolbar .lg-close::after {
  content: "\f00d";
}

.lg .lg-actions .lg-icon {
  background-color: #070707 !important;
  font: normal normal normal 14px/1 FontAwesome;
}

.lg .lg-actions .lg-prev::after {
  content: "\f104";
}

.lg .lg-actions .lg-next::before {
  content: "\f105";
}

/* Breadcrumb */
#breadcrumb #social-shares {
  list-style: none;
}

#breadcrumb #social-shares li {
  display: inline-block;
}

/* Modules */

/* Template Splash */
.template-splash {
  letter-spacing: 1px;
  padding: 0 !important;
  margin: 0 !important;
}

.template-splash #announcement,
.template-splash header {
  display: none;
}

.template-splash .main {
  height: 100vh;
}

.template-splash #splash {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 100vh;
}

.template-splash #splash .coming-soon {
  font-size: 32px;
}

@media (min-width: 992px) {
  .template-splash #splash .coming-soon {
    font-size: 40px;
  }
}

.template-splash #splash p {
  font-size: 22px;
  line-height: 28px;
}

.template-splash #splash::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
}

.template-splash #footer {
  display: none;
}

/* Template Home */
.template-home #hero-carousel .carousel-item {
  height: calc(100vh - 57px);
  background-size: cover;
  background-position: center;
}

.template-home #hero-carousel .carousel-item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 992px) {
  .template-home {
    height: calc(100vh - 80px);
  }
}

.template-home.announcement-shown #hero-carousel .carousel-item {
  height: calc(100vh - 89px);
}

@media (min-width: 992px) {
  .template-home.announcement-shown #hero-carousel .carousel-item {
    height: calc(100vh - 113px);
  }
}

.template-home #best-sellers .slick-slider {
  overflow: initial;
}

.template-home #best-sellers .slick-prev,
.template-home #best-sellers .slick-next {
  height: 56px;
  width: 56px;
  z-index: 15;
  top: 45%;
}

.template-home #best-sellers .slick-prev::before,
.template-home #best-sellers .slick-next::before {
  font-size: 4rem;
  color: #070707;
}

/* Archive Product */
.content-details .cart button {
  background: none;
  border: none;
}

.content-details .cart button + .added_to_cart {
  display: none;
}

.woocommerce-pagination ul {
  border-radius: 30px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.woocommerce-pagination ul li:first-child {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.woocommerce-pagination ul li:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.woocommerce-pagination ul li a:hover {
  background: #070707 !important;
  color: #fff !important;
}

/* Single Product */
.single-product #images .product-image {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 384px;
  border: 1px solid #ddd;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 1200px) {
  .single-product #images .col-xl-4 .product-image {
    background-size: cover;
  }
}

.single-product .attribute-label {
  width: 100%;
  color: #070707;
  border-radius: 0.25rem;
  margin-bottom: 0;
  cursor: pointer;
}

.single-product .attribute-label:hover,
.single-product .attribute-label:focus {
  border: 1px solid #070707;
  color: #fff;
}

.single-product .attribute-label.selected {
  background-color: #070707 !important;
  color: #fff !important;
}

.single-product .variations,
.single-product .quantity [name="quantity"] {
  display: none;
}

.single-product .single_add_to_cart_button {
  width: 100%;
  background-color: #070707 !important;
  color: #fff !important;
  padding: 1rem 1.5rem !important;
}

.single-product .btn-group-quantity {
  border: 1px solid #070707;
}

.single-product .btn-group-quantity input[type="number"] {
  border: none;
  width: 40px;
  text-align: center;
}

.single-product .btn-group-quantity .btn {
  border: none !important;
}

.single-product .btn-group-quantity .btn-outline-black:hover,
.single-product .btn-group-quantity .btn-outline-black:focus {
  background-color: #fff;
  color: #070707;
  border-color: #070707;
  box-shadow: none;
}

.single-product .btn-group-quantity:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.single-product .btn-group-quantity:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.single-product .cart button[type="submit"]:hover,
.single-product .cart button[type="submit"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.single-product .cart .single_add_to_cart_button::after {
  display: none;
}

.single-product .cart .added_to_cart {
  display: none;
}

@media (max-width: 767.98px) {
  .single-product .cart #sticky-add-to-cart {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    z-index: 2;
  }
}

.single-product .cart .single_variation_wrap .woocommerce-variation-price {
  margin-bottom: 1rem;
}

.single-product .amount {
  font-size: 1.125rem;
}

.single-product #reviews #comments ol.commentlist {
  padding: 0;
}

.single-product #reviews .woocommerce-review__author {
  text-transform: capitalize;
}

.single-product #reviews .woocommerce-Reviews-title {
  font-size: 1rem;
  margin-bottom: 1rem;
}

.single-product.woocommerce button.button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 30px;
  text-transform: initial;
  color: #070707 !important;
  background-color: #fff !important;
}