.video-item { max-width: 100vw }

.carousel-item > img {
    -webkit-animation: mover 4s infinite alternate;
    animation: mover 4s infinite alternate;
}

@media only screen and (max-width: 640px) {
  .carousel-item, .video-item { height: 40vh }
  .carousel-item > img, .video-item > video { width: auto }
  .parallax-container { height: 15vh; }
	@keyframes mover {
			0%   { transform: translateX(0) }
			100% { transform: translateX(-20px) }
	}
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
	.carousel-item, .video-item { height: 50vh }
  .carousel-item > img, .video-item > video { width: auto }
  .parallax-container { height: 25vh; }
	@keyframes mover {
			0%   { transform: translateX(0) }
			100% { transform: translateX(-20px) }
	}
}

@media only screen and (min-width: 801px) and (max-width: 1200px) {
	.carousel-item, .video-item { height: 75vh }
  .carousel-item > img, .video-item > video { width: auto }
  .parallax-container { height: 35vh; }
	@keyframes mover {
			0%   { transform: translateX(0) }
			100% { transform: translateX(-20px) }
	}
}

@media only screen and (min-width: 1201px) and (max-width: 1700px) {
	.carousel-item, .video-item { height: auto }
  .carousel-item > img, .video-item > video { width: auto }
  .parallax-container { height: 35vh; }
	@keyframes mover {
			0%   { transform: translateX(0) }
			100% { transform: translateX(-20px) }
	}
}

@media only screen and (min-width: 1701px) {
  .carousel-item, .video-item { height: auto }
  .carousel-item > img, .video-item > video { width: 100% }
  .parallax-container { height: 35vh; }
}

#catalog .modal-body {
	background-color: #ddd;
}

.gallery {
  filter: gray;
  -webkit-filter: grayscale(1);
}

.gallery:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}

.shopwin {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.shopwin:hover {
	cursor: pointer;
}

.parallax-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0;
}

.parallax-container > .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.parallax-container > .parallax > img {
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.title-shadow {
	text-shadow:	1px 1px 2px black;
}

.accordion {
	--bs-accordion-btn-color: var(--bs-danger);
	--bs-accordion-btn-bg: var(--bs-dark);
	--bs-accordion-active-color: var(--bs-danger);
	--bs-accordion-active-bg: var(--bs-dark);
	--bs-accordion-btn-focus-box-shadow: 0;
}

.bg-transgradient {
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, 
    from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}