/*colors*/
/*border-colors*/
/*functions*/
noscript {
  background-color: #ffffff;
  left: 0;
  height: 100vh;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 999999999;
}
noscript > .container {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
noscript > .container .jumbotron {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  margin: 0;
}
#ReCaptcha.mobile > div {
  position: relative;
}
#ReCaptcha.mobile > div:after {
  content: "";
  height: 100%;
  left: 75%;
  position: absolute;
  top: 0;
  width: 25%;
  z-index: 1;
}
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-outline-secondary:hover,
.btn-outline-secondary.focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle,
.btn-social-login,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before,
.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span:after,
.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span:after,
.product-default:hover .btn-add-cart,
.product-single-qty .btn.btn-down-icon:hover:before,
.product-single-qty .btn.btn-down-icon:hover:after,
.product-single-qty .btn.btn-up-icon:hover:before,
.product-single-qty .btn.btn-up-icon:hover:after,
.inner-quickview figure .btn-quickview,
.inner-icon figure .btn-icon:hover,
.left-details .btn-icon-wish:hover,
.left-details .btn-quickview:hover,
.left-details .btn-add-cart:hover,
.hidden-description .btn-quickview,
.hidden-description .btn-add-cart:hover,
.quantity-input .btn-add-cart:hover,
.product-list .btn-add-cart,
.social-icon,
.config-size-list a:hover,
.config-size-list a:focus,
.config-size-list a.active,
.filter-toggle.opened a,
.product-collapse-title a:after,
.post-body .post-date .month,
.tagcloud a:hover,
.tagcloud a:focus,
.daterangepicker .ranges li.active,
.noUi-handle,
.menu-vertical > li:hover,
.menu-vertical > li.show,
.menu-vertical > li.active,
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover,
.table tbody tr.active td,
.table tbody tr.active th,
ul.DTTT_dropdown.dropdown-menu li:hover a,
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #ccf83b;
}
::-moz-selection {
  background-color: #ccf83b;
}
::selection {
  background-color: #ccf83b;
}
.bg-primary {
  background-color: #ccf83b !important;
}
.contact-info i,
.btn-primary:hover,
.mobile-menu-container,
.bounce-loader .bounce1,
.bounce-loader .bounce2,
.bounce-loader .bounce3 {
  background-color: #3b3838;
}
.btn-outline:hover,
.btn-outline.focus,
.btn-outline:not(:disabled):not(.disabled):active,
.btn-outline:not(:disabled):not(.disabled).active,
.show > .btn-outline.dropdown-toggle,
.btn-link,
.btn-link:hover,
.btn-link:focus,
.card-header .card-edit,
.feature-box i,
.layout-btn.active,
.login-popup .forget-password,
.config-swatch-list li:hover span:last-child,
.add-cart-box h4,
.overlay .product-details a:hover,
.overlay-dark .product-details a:hover,
.testimonial blockquote:before,
.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link.active,
a,
a:hover,
a:focus,
.cart-dropdown .btn-remove:hover,
.cart-dropdown .btn-remove:focus,
.menu > li.show > a,
.menu > li.active > a,
.main-nav .menu > li:hover > a,
.main-nav .menu > li.show > a,
.main-nav .menu > li.active > a,
.cat-list li a:hover,
.cat-list li a:focus,
.product-single-details .price-box,
.product-desc .view-more,
.widget-info i,
.btn-remove:hover,
.btn-remove:focus,
.btn-edit:hover,
.btn-edit:focus,
.btn-move:hover,
.btn-move:focus,
.post-body .post-date .day,
.widget-search .search-submit,
.daterangepicker .ranges li,
.product-col .product-title a:hover {
  color: #ccf83b;
}
.text-primary {
  color: #ccf83b !important;
}
.inner-quickview figure .btn-quickview,
.btn-primary,
.product-col .product-title a,
.address-box-action .btn.btn-sm.btn-link,
.btn-outline-secondary:hover,
.checkout-payment a,
.daterangepicker td.active,
.daterangepicker td.active:hover,
div.contact-info a,
#tickets a {
  color: #3b3838;
}
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-outline:hover,
.btn-outline.focus,
.btn-outline:not(:disabled):not(.disabled):active,
.btn-outline:not(:disabled):not(.disabled).active,
.show > .btn-outline.dropdown-toggle,
.btn-outline-secondary:hover,
.btn-outline-secondary.focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle,
.page-item.active .page-link,
.page-link:hover,
.page-link:focus,
.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span,
.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span,
.product-default:hover .btn-add-cart,
.inner-icon figure .btn-icon:hover,
.left-details .btn-icon-wish:hover,
.left-details .btn-quickview:hover,
.left-details .btn-add-cart:hover,
.quantity-input .btn-add-cart:hover,
.product-list .btn-add-cart,
.config-size-list a:hover,
.config-size-list a:focus,
.config-size-list a.active,
.transparent-dots .owl-dot.active,
.transparent-dots .owl-dot:hover,
.widget-testimonials,
.product-select.type-image.checked,
.product-select.type-image.hover,
.header-search-wrapper,
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  border-color: #ccf83b;
}
.mfp-container .mfp-preloader,
.porto-loading-icon,
.add-cart-box,
.home-slide:after,
.home-slide:before,
.category-slide:after,
.category-slide:before,
.menu .megamenu,
.menu ul {
  border-top-color: #ccf83b;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-item .nav-link.active,
.search-toggle:after {
  border-bottom-color: #ccf83b;
}
.bg-dark,
.btn-dark {
  background-color: #3b3838 !important;
  color: #ffffff;
}
.bg-dark a,
.btn-dark a {
  color: #ffffff;
}
.bg-dark a:hover,
.btn-dark a:hover {
  color: #ccf83b;
}
.btn-dark:hover {
  background-color: #ccf83b !important;
  color: #3b3838;
}
.daterangepicker td.in-range {
  background-color: #ececec;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #3b3838;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
hr {
  margin: 1.5rem auto;
}
form .validation-summary-valid,
form .validation-summary-errors,
form .field-validation-valid,
form .field-validation-error {
  display: block;
  margin-bottom: 15px;
}
form .validation-summary-valid,
form .validation-summary-errors {
  margin-top: -15px;
}
form .field-validation-valid,
form .field-validation-error {
  color: #dc3545 !important;
  margin-top: 0;
}
form .field-validation-valid:not(:empty),
form .field-validation-error:not(:empty) {
  font-size: 90%;
  margin-top: -15px;
}
.login-popup .checkbox {
  margin-bottom: 15px;
}
.login-popup .checkbox label {
  text-transform: none;
}
.login-popup .checkbox label button {
  line-height: 1.2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  vertical-align: bottom;
}
.btn-xs {
  font-size: 1rem;
  font-weight: 300;
  padding: 0.8em 1.4em;
}
header .logo {
  max-width: 150px;
}
header .logo img {
  width: 100%;
}
header .mobile-menu-toggler,
header .mobile-home-button {
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 3px;
  color: #ffffff;
  font-size: 20px;
  line-height: 0;
  padding: 5px 15px;
}
header .badge-circle {
  right: 3px;
  top: 10px;
}
header .header-search-category .form-control,
header .header-search-category .btn {
  border-radius: 0;
}
footer .widget#about img {
  max-width: 150px;
  width: 100%;
}
footer .social-icons .social-icon {
  margin-bottom: 0.8rem;
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}
footer .social-icons .social-icon:hover:not(.socicon-facebook):not(.socicon-instagram),
footer .social-icons .social-icon:focus:not(.socicon-facebook):not(.socicon-instagram) {
  color: #3b3838;
}
footer .social-icons .social-icon + .social-icon {
  margin-left: 0.4rem;
}
footer .contact-info .contact-info-label {
  font-weight: 700;
}
body:not(.loaded) > *:not(.loading-overlay) {
  visibility: visible;
}
.loading-overlay {
  background: rgba(255, 255, 255, 0.75);
}
.product-default .category-list {
  max-width: 100%;
}
.product-default .category-list a.product-category {
  display: block;
  margin-bottom: auto;
}
.product-default .category-list a.product-category:hover {
  color: #3b3838;
  text-decoration: underline;
}
.product-default .category-list a.product-category:hover span {
  text-decoration: underline;
}
.product-default .product-title a:hover {
  color: #3b3838;
  text-decoration: underline;
}
.product-default.inner-quickview .btn-quickview {
  font-weight: bold;
}
.contact-info a:hover {
  text-decoration: underline;
}
#toast-container {
  z-index: 99999999;
}
#toast-container .toast {
  border-radius: 0;
  color: #3b3838;
  font-weight: bold;
  opacity: 1;
  position: relative;
}
#toast-container .toast:before {
  font-family: "Font Awesome 5 Free";
  font-size: 2em;
  top: 50%;
  left: 25px;
  position: absolute;
  transform: translate(-50%, -50%);
}
#toast-container .toast.toast-success {
  background-color: #ccf83b;
  background-image: none !important;
}
#toast-container .toast.toast-success:before {
  content: "\f058";
}
#toast-container .toast.toast-error {
  background-color: #ff5b5b;
  background-image: none !important;
}
#toast-container .toast.toast-error:before {
  content: "\f06a";
}
.btn.btn-primary {
  background-color: #ccf83b !important;
  border-color: transparent !important;
  color: #3b3838 !important;
}
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary:focus,
.btn.btn-primary.focus,
.btn.btn-primary:hover,
.btn.btn-primary.hover {
  background-color: #3b3838 !important;
  border-color: transparent !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.btn.btn-secondary {
  background-color: #3b3838 !important;
  border-color: transparent !important;
  color: #ffffff !important;
}
.btn.btn-secondary:active,
.btn.btn-secondary.active,
.btn.btn-secondary:focus,
.btn.btn-secondary.focus,
.btn.btn-secondary:hover,
.btn.btn-secondary.hover {
  background-color: #000000 !important;
  border-color: transparent !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.btn.btn-outline {
  background-color: transparent !important;
  border-color: #cccccc !important;
  color: #cccccc !important;
}
.btn.btn-outline:active,
.btn.btn-outline.active,
.btn.btn-outline:focus,
.btn.btn-outline.focus,
.btn.btn-outline:hover,
.btn.btn-outline.hover {
  background-color: #3b3838 !important;
  border-color: #3b3838 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.btn.btn-outline-secondary {
  background-color: transparent !important;
  border-color: #cccccc !important;
  color: #737373 !important;
}
.btn.btn-outline-secondary:active,
.btn.btn-outline-secondary.active,
.btn.btn-outline-secondary:focus,
.btn.btn-outline-secondary.focus,
.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary.hover {
  background-color: #ccf83b !important;
  border-color: transparent !important;
  color: #3b3838 !important;
  text-decoration: none !important;
}
.btn-dark-link {
  color: #3b3838;
}
.btn-dark-link:active,
.btn-dark-link.active,
.btn-dark-link:focus,
.btn-dark-link.focus,
.btn-dark-link:hover,
.btn-dark-link.hover {
  color: #000000;
  text-decoration: underline;
}
#tickets a:hover {
  text-decoration: underline;
}
.bootstrap-touchspin.input-group {
  justify-content: center;
}
.bootstrap-touchspin.input-group .input-group-btn .btn {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
}
.modal-backdrop.show {
  opacity: 0.5;
}
button.btn-quickview:hover {
  cursor: pointer;
}
/*********** RESPONSIVE ***********/
/* XX-Large devices */
@media (min-width: 1400px) {
  .col-xxl-1 {
    -ms-flex: 0 0 8.333333333333334%;
    flex: 0 0 8.333333333333334%;
    max-width: 8.333333333333334%;
  }
  .col-xxl-2 {
    -ms-flex: 0 0 16.666666666666668%;
    flex: 0 0 16.666666666666668%;
    max-width: 16.666666666666668%;
  }
  .col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -ms-flex: 0 0 33.333333333333336%;
    flex: 0 0 33.333333333333336%;
    max-width: 33.333333333333336%;
  }
  .col-xxl-5 {
    -ms-flex: 0 0 41.66666666666667%;
    flex: 0 0 41.66666666666667%;
    max-width: 41.66666666666667%;
  }
  .col-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -ms-flex: 0 0 58.333333333333336%;
    flex: 0 0 58.333333333333336%;
    max-width: 58.333333333333336%;
  }
  .col-xxl-8 {
    -ms-flex: 0 0 66.66666666666667%;
    flex: 0 0 66.66666666666667%;
    max-width: 66.66666666666667%;
  }
  .col-xxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -ms-flex: 0 0 83.33333333333334%;
    flex: 0 0 83.33333333333334%;
    max-width: 83.33333333333334%;
  }
  .col-xxl-11 {
    -ms-flex: 0 0 91.66666666666667%;
    flex: 0 0 91.66666666666667%;
    max-width: 91.66666666666667%;
  }
  .col-xxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* Large devices - 1199 */
@media (max-width: 1199px) {
  noscript img {
    max-width: 200px;
  }
}
/* MD devices - 991 */
@media (max-width: 991px) {
  noscript > .container .jumbotron h3 {
    font-size: 3rem;
  }
  footer .widget#about img {
    max-width: 150px;
  }
}
/* SM devices - 767 */
@media (max-width: 767px) {
  noscript > .container .jumbotron img {
    max-width: 150px;
  }
  noscript > .container .jumbotron h3 {
    font-size: 2rem;
  }
  footer .widget#about img {
    max-width: 150px;
  }
}
/* XS devices - 575 */
@media (max-width: 575px) {
  footer .widget#about img {
    max-width: 28%;
  }
  .bootstrap-touchspin .form-control {
    padding: 0.9rem 0.8rem;
  }
  .product-quick-view {
    padding: 3rem 1.5rem 0.5rem;
  }
}