.loading-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 800;
  pointer-events: none;
  background: transparent;
}

.loading-screen {
  position: relative;
  padding: 0;
  width: 100%;
  height: 100%;
  left: 0;
  will-change: top;
}

.loading-screen,
.loading-container .rounded-div-wrap.top .rounded-div,
.loading-container .rounded-div-wrap.bottom .rounded-div {
  background: #000;
}

.loading-container .rounded-div-wrap.top .rounded-div,
.loading-container .rounded-div-wrap.bottom .rounded-div {
  height: 745%;
}

.loading-container .rounded-div-wrap.top {
  top: 0;
  position: absolute;
  transform: translateY(-99%) scale(1, -1);
  z-index: 2;
  height: 0vh;
  will-change: height;
}

.loading-container .rounded-div-wrap.bottom {
  top: unset;
  bottom: 0;
  position: absolute;
  transform: translateY(99%);
  z-index: 2;
  height: 0vh;
  will-change: height;
}

.loading-container .loading-words {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  display: block;
  will-change: opacity;
}

.loading-container .loading-words h2 {
  margin: 0;
  padding: 0;
  color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block !important;
  padding-left: 0.6em;
  white-space: nowrap;
  padding-right: 0.4em;
  will-change: opacity;
}

.loading-container .loading-words h2 {
  font-size: calc(clamp(3.25em, 5vw, 4.5em) * 0.65);
  transform: translate(-50%, 10%);
}

.loading-container .loading-words h2.active {
  display: block;
}

.loading-fade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 90;
  background: #fff;
  visibility: hidden;
  opacity: 0;
}
.rss-top-bar-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
}
.rss-search-container,
.rss-up-btn-container,
.rss-select-btn-container {
  width: 50%;
}

.rss-top-buttons {
  display: flex;
}

.rss-up-btn-container button {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.3px;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 10px 20px 10px 10px;
  vertical-align: middle;
  transition: 0.3s all;
  border-radius: 0;
}
.rss-up-btn-container button::before {
  margin-right: 10px;
  content: '';
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19.5%2012L4.5%2012%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%205L5%2012L12%2019%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
  height: 24px;
  width: 24px;
  display: inline-block;
}
.rss-up-btn-container button:hover {
  color: #000;
  border-color: #000;
  background-color: #fff;
}
.rss-up-btn-container button:hover::before {
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19.5%2012L4.5%2012%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%205L5%2012L12%2019%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
}
.rss-search-container input.rss-search {
  padding: 12px 24px 12px 50px;
  background-color: transparent;
  transition: transform 250ms ease-in-out;
  font-size: 12px;
  font-family: 'neue-haas-unica', sans-serif !important;
  line-height: 18px;
  color: #fff;
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.1411%2018.1421L25.1411%2025.1421%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2213%22%20r%3D%227%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: 3% center;
  border-radius: 50px;
  border: 1px solid #fff;
  transition: all 250ms ease-in-out;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  width: 100%;
}

.rss-search-container input.rss-search:hover,
.rss-search-container input.rss-search:focus {
  padding: 12px 25px;
  outline: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  background-position: 0 center;
}
/*------------Rss category/product grid---------------*/
.rss-category-container,
.rss-product-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}
.rss-product-category,
.rss-products {
  transition: all 0.3s ease;
}
.rss-product-category a.product-category,
.rss-products a.product {
  display: grid;
  width: 100%;
  font-family: 'neue-haas-unica', Sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 32px;
}
.rss-product-category img,
.rss-products a.product img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-bottom: 2px solid #fff;
  transition: all 0.3s ease;
}
.rss-cat-title {
  padding: 24px 16px;
  display: block;
  width: 100%;
  background: #000;
  color: #fff;
  transition: all 0.3s ease;
}
.rss-product-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  background: #000;
  color: #fff;
  transition: all 0.3s ease;
  padding: 16px 16px 12px 16px;
}
.rss-product-category:hover img,
.rss-products:hover a.product img {
  border-bottom: 2px solid #000;
}
.rss-product-category:hover .rss-cat-title,
.rss-products:hover .rss-product-title {
  background: #fff;
  color: #000;
}
#download-selected {
  display: inline-block;
}
.checkboxes-photo-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.checkboxes-photo-gallery .item {
  position: relative;
  height: 300px;
  width: 300px;
  background-size: cover;
}
.checkboxes-photo-gallery .item label {
  height: 100%;
  width: 100%;
  display: block;
}
.checkboxes-photo-gallery .item label::before,
.checkboxes-photo-gallery .item label::after {
  position: absolute;
  top: 10px !important;
  left: 10px !important;
}

/*------------*/
#GpLoader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  display: block;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
#GpLoader.show {
  opacity: 1 !important;
  display: block !important;
}

#GpLoader .loader {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
}
@keyframes l5 {
  0% {
    box-shadow:
      20px 0 #fff,
      -20px 0 #fff2;
    background: #fff;
  }
  33% {
    box-shadow:
      20px 0 #fff,
      -20px 0 #fff2;
    background: #fff2;
  }
  66% {
    box-shadow:
      20px 0 #fff2,
      -20px 0 #fff;
    background: #fff2;
  }
  100% {
    box-shadow:
      20px 0 #fff2,
      -20px 0 #fff;
    background: #fff;
  }
}

.sf-main-menu-container.headroom--top,
.main-mobile-menu-section-wrapper.headroom--top {
  position: relative;
  transform: none;
  box-shadow: none;
}

.sf-main-menu-container.headroom--not-top,
.main-mobile-menu-section-wrapper.headroom--not-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  will-change: transform;
  transition: transform 250ms ease-in-out;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.sf-main-menu-container.headroom--unpinned,
.main-mobile-menu-section-wrapper.headroom--unpinned {
  transform: translateY(-100%);
}

.sf-main-menu-container.headroom--pinned,
.main-mobile-menu-section-wrapper.headroom--pinned {
  transform: translateY(0);
}
.main-mobile-menu-section-wrapper.headroom--pinned {
  background: #fff;
}
.main-mobile-menu-section-wrapper.headroom--pinned #msearch_btn {
  display: none;
}