@font-face {
  font-family: HelveticaNeo;
  src: url(fonts/HelveticaNowMicro-Regular.otf);
}

*                 {font-family: Helvetica; outline: transparent; -webkit-tap-highlight-color: transparent;}
html			  {-webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 55px;}
body              {margin: 0; background: linear-gradient(45deg, hsl(0, 0%, 10%) 0%, hsl(0, 0%, 30%) 50%, hsl(0, 0%, 50%) 100%); min-height: 100vh; touch-action: manipulation;}
body.scroll-disabled {overflow: hidden;}

nav {height: 90px; width: 100%; position: fixed; top: 0; transition: .4s ease-out; z-index: 99; box-sizing: border-box;}
nav .nav-blurred-background {height: 0px; width: 100%; mask: linear-gradient(black, black, transparent); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); position: absolute; top: 0; transition: .3s ease-out; will-change: height, mask, backdrop-filter;}
nav.nav-detached .nav-blurred-background {height: 90px;}
nav .nav-blurred-background.expanded {height: 100%; mask: linear-gradient(black, black, black); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px);}
nav .nav-menu {position: absolute; margin: 15px 0; display: inline-block; font-size: 0; width: 100%; box-sizing: border-box; transition: .4s ease; padding: 0 15px; top: 0;}
nav .nav-menu .nav-logo {border-radius: 50%; height: 60px; width: 60px; vertical-align: top; background: rgba(255, 242, 0, 0.75); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); filter: brightness(1.2); box-sizing: border-box; border: 1px solid rgba(255,255,255, 0.3);}
nav .nav-menu .nav-logo img {width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; transition: .2s ease;}
nav .nav-menu .nav-logo:hover img.logo-background{transform: rotate(180deg);}
nav .nav-menu .nav-list {display: none; width: fit-content; background: linear-gradient(45deg, rgba(252, 222, 83, 0.85) 0%, rgba(176, 145, 7, 0.85) 100%); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);height: 60px; border: 1px solid rgba(255,255,255, 0.3); vertical-align: top; box-sizing: border-box; border-radius: 30px; position: relative; filter: brightness(1.2); max-width: calc(100% - 140px);}
nav .nav-menu .nav-list a {font-weight: bold; margin: 10px 5px; padding-left: 15px; padding-right: 15px; border-radius: 20px; transition: .2s ease-in-out; font-size: 17px; height: 40px; position: relative; line-height: 40px; background: rgba(0, 0, 0, 0.25); box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.5); text-shadow: rgba(0, 0, 0, 0.7) 2px 2px 10px; -webkit-text-stroke: .1px white;}
nav .nav-menu .nav-list li:first-of-type a {margin-left: 10px;}
nav .nav-menu .nav-list li:last-of-type a {margin-right: 10px;}
nav .nav-menu .hamburger-button {height: 60px; width: 60px; position: absolute; right: 15px; top: 0; vertical-align: text-bottom; background: rgba(176, 145, 7, 0.85); border-radius: 50vw; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.3);}
nav a {display: inline-block;}

nav .language-select {max-height: 60px; width: 60px; font-size: 17px; display: inline-block; vertical-align: top; background: rgba(176, 145, 7, 0.85); border-radius: 50vw; margin-left: 10px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.3); overflow: hidden; transition: max-height 0.3s ease, opacity 0.4s ease-out; max-height: 60px; /* Initial height */}
nav .language-select div {width: 60px; height: 60px; text-align: center; cursor: pointer; transition: background 0.2s ease;}
nav .language-select div:hover {background: rgba(0, 0, 0, 0.1);}
nav .language-select a {text-decoration: none;}
nav .language-select div p {margin: 0; line-height: 58px; color: rgba(255, 255, 255, 0.9); text-shadow: rgba(0, 0, 0, 0.7) 2px 2px 10px; -webkit-text-stroke: 0.1px white; font-weight: bold;}

.hamburger-new {display: inline-block; height: 35px; width: 25px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.hamburger-bun {background-color: white; position: absolute; height: 3px; width: 100%; transition: .2s ease-in-out; border-radius: 50vh;}
.hamburger-bun:nth-of-type(1) {top: 8px;}
.hamburger-bun:nth-of-type(2) {top: 16px;}
.hamburger-bun:nth-of-type(3) {top: 24px;}
#hamburger.close .hamburger-bun:nth-of-type(1) {top: 16px; transform: rotate(45deg);}
#hamburger.close .hamburger-bun:nth-of-type(2) {top: 16px; opacity: 0;}
#hamburger.close .hamburger-bun:nth-of-type(3) {top: 16px; transform: rotate(-45deg);}
nav #more-menu-container, nav #more-menu-container.visible {display: none;}

.mobile-menu {z-index: 250; position: fixed; top: 90px; right: 15px; bottom: 25px; left: 15px; padding: 0; border-radius: 15px; background: rgba(0,0,0,0.8); height: 0; overflow-x: hidden; box-sizing: border-box; transition: .3s ease-out;}
.mobile-menu a {padding: 2px 13px; display: block; text-decoration: none; font-weight: bold; color: white; font-size: 16pt; margin: 6px 0; text-shadow: rgba(0, 0, 0, 0.7) 2px 2px 10px;}
.mobile-menu a.active {border-radius: 15px; padding: 8.2px 12.2px; color: #C9A608; background: rgba(0, 0, 0, 0.45); border: 1px solid rgba(255,255,255,0.2);}

main {background: #f4f4f4;}
.wrapper:not(#homepage-content .wrapper) {padding: 90px 15px 15px; max-width: 1400px; margin: auto;}
h1 {margin: 5px auto 15px; transition: .2s ease-in-out;}
pre {background: gainsboro; padding: 10px; border-radius: 10px; white-space: pre-wrap; border: 1px solid white;}
.no-margin {margin: 0;}

/* Home */
#homepage-content .homepage-content-element:last-of-type {margin-bottom: 10px;}
#homepage-content .homepage-content-element h1 {margin: 25px 0;}
#homepage-content .homepage-content-element .text-container {padding: 0;}
#homepage-content .homepage-content-element .text-container p:first-of-type {margin-top: 0;}
#homepage-content .homepage-content-element .text-container p:last-of-type {margin-bottom: 0;}
#homepage-content .homepage-content-element .grid-list {margin: 0;}
#homepage-content .homepage-content-element .section-see-more {display: inline-block; margin-top: 15px; padding: 7.2px 12.2px; border-radius: 10px; background: white; border: 1px solid rgba(0,0,0,0.15);}
#homepage-content .homepage-content-element div.blog-list {margin: 0;}

/* Heading*/
.carousel {height: 400px; overflow: hidden; position: relative; border-radius: 15px; background: white;}
.carousel .arrow-prev {left: 12px;}
.carousel .arrow-next {right: 12px;}
.carousel .arrow-next, .carousel .arrow-prev {background: linear-gradient(45deg, rgba(175, 153, 57, 0.8) 0%, rgba(100, 82, 5, 0.8) 100%);}
.carousel .arrow-next:hover, .carousel .arrow-prev:hover {filter: brightness(0.9);}
.carousel .arrow-next:active, .carousel .arrow-prev:active {filter: brightness(0.8);}
.carousel .carousel-item {position: relative; width: 100%; height: 100%; border-radius: 10px; position: absolute; left: 0; display: block;}
.carousel .carousel-item img {width: 100%; height: 100%; object-fit: cover;}
.carousel-heading {position: absolute; bottom: 12px; left: 12px; right: 12px; cursor: pointer; transition: .3s ease-in-out; width: fit-content;}
.carousel-heading-container {transition: .2s ease-in-out; background: linear-gradient(45deg, rgba(175, 153, 57, 0.8) 0%, rgba(100, 82, 5, 0.8) 100%); padding: 12px 20px; border-radius: 50vh; display: inline-block; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.25);}
.carousel-heading-container:hover {filter: brightness(0.9);}
.carousel-heading-container:hover p {filter: brightness(1.05); background: linear-gradient(to left, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: .2px white;}
.carousel-heading-container:active {filter: brightness(0.8);}
.carousel-heading-container p {margin: 0; font-weight: bold; font-size: 22px; background: linear-gradient(to left, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: .2px white; text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px; transition: .2s ease;}

.mini-items-heading-parent {transition: .2s ease-in-out;}
.mini-items-heading {position: relative; grid-template-columns: repeat(auto-fill, minmax(0, 100%)); gap: 12px; grid-gap: 12px; display: grid; margin: 12px 0 0;}
.mini-items-heading div {position: relative; cursor: pointer; overflow: hidden; border-radius: 10px;}
.mini-items-heading a {text-decoration: none;}
.mini-items-heading div .content {position: relative; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); z-index: 2; border-radius: 10px; box-sizing: border-box; padding: 22px; color: white; font-weight: bold; font-size: 22px; transition: .2s ease-in-out; overflow: hidden;}
.mini-items-heading div .content .background-text {display: block; position: absolute; top: -25px; margin: 0; left: -10px; font-size: 110px; overflow: hidden; white-space: nowrap; animation: backgroundTextResize 100s; animation-fill-mode: forwards; text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px; -webkit-text-stroke: 1px black;}
.mini-items-heading div .content:hover {background: rgba(0, 0, 0, 0.43);}
.mini-items-heading div .content:active {background: rgba(0, 0, 0, 0.37);}
.mini-items-heading div img {position: absolute; top: 0; object-fit: cover; height: 100%; width: 100%; border-radius: 10px;  transition: .4s ease;}
.mini-items-heading div:hover img {transform: scale(1.07);}

/* Buttons*/
.button-generic {color: white; background: rgba(0, 0, 0, 0.7); text-decoration: none; padding: 7px 20px; border-radius: 8px; box-sizing: border-box; display: inline-block; position: relative; line-height: normal; transition: .1s ease-in; border: none; font-size: 1em; cursor: pointer;}
.button-generic:hover {background: rgba(0, 0, 0, 0.8);}
.button-generic:active {background: rgba(0, 0, 0, 0.9);}
.button-generic:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; border-radius: 8px; 
  -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.2);}
.link, .link-button, .link-button:visited {text-decoration: none; color: #B09107; cursor: pointer !important;}
.link-underlined{color: #B09107;}
.link:hover, .link-button:hover, .link-underlined:hover {color: #0066c0;}
.link:active, .link-button:active, .link-underlined:active {color: #0059a6;}
.link:visited, .link-underlined:visited {color: #004b8d;}
.strong {font-weight: bold;}

/* Grid*/
div.grid-list {margin: 30px auto 15px; z-index: 1; display: grid; grid-template-columns: repeat(auto-fill, minmax(0, 100%)); gap: 15px; grid-gap: 15px; transition: .2s ease-in-out;}
div.grid-list .list-item {background: black; position: relative; display: inline-block; vertical-align: top; border-radius: 15px; width: 100%; transition: .3s ease-in-out;}
.section-rental div.grid-list .list-item {background: #fcd00a; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.05);}
.section-rental div.grid-list .list-item.winter-equipment {background: #389dff;}
div.grid-list .list-item:hover, div.gallery-grid-list .list-item:hover {transform: scale(1.015);}
div.grid-list .list-item:hover .grid-list-item-img img {transform: scale(1.06);}
.section-rental div.grid-list .list-item:not(.winter-equipment):hover .grid-list-item-img img {transform: scale(0.85); right: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.section-rental div.grid-list .list-item.winter-equipment:hover img {transform: scale(0.75);}
div.grid-list .list-item:hover .empty-img img {transform: translate(-50%, -50%) scale(1.15);}
div.grid-list .list-item:hover .grid-list-item-title {transform: scale(1);}
.section-rental div.grid-list .list-item:hover .grid-list-item-title {transform: scale(1.1); padding: 7px 10px; background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background-clip: text; -webkit-text-fill-color: transparent;}
div.grid-list .list-item img {height: 200px; width: 100%; object-fit: cover; filter: none; transform: scale(1.01); transition: transform 0.4s cubic-bezier(0, 0.45, 0.6, 0.97); position: relative;}
.section-rental div.grid-list .list-item:not(.winter-equipment) img {width: auto; object-fit: unset; transform: scale(1.5); position: absolute; top: 32%; right: 35%; z-index: 2;}
.section-rental div.grid-list .winter-equipment img {transform: scale(0.85); right: 0; top: 0; width: 100%; height: 100%; object-fit: contain; z-index: 2;}
div.grid-list .list-item .grid-list-item-img, div.grid-list .empty-img {position: relative; height: 200px; box-sizing: content-box; max-width:100%; max-height:100%; border-top-left-radius: 12px; border-top-right-radius: 12px; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); transition: .25s ease-in-out;}
div.grid-list .empty-img img {margin: auto; width: 60px !important; height: 60px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); filter: brightness(0.9);}
div.grid-list .empty-img {position: relative; height: 200px; background: #1a1a1a;}
div.grid-list .list-item .grid-list-item-title {position: relative; margin: 0; color: white; background: black; padding: 11px 20px 19px; border-radius: 12px; transition: .2s ease-in-out; font-size: 21px; transform-origin: bottom left;}
div.grid-list .list-item .intro {position: absolute; top: 10px; right: 10px; margin: 0; font-weight: bold; color: rgba(0, 0, 0, 0.1); font-size: 25px; z-index: 1; -webkit-text-stroke: 1.2px rgba(0, 0, 0, 0.15); word-break: break-word; width: 130px; text-align: right; transition: .2s ease; transform-origin: top right;}
.section-rental div.grid-list .list-item:hover .intro {transform: scale(0.7);}
.section-rental div.grid-list .list-item .grid-list-item-title {font-size: 30px; background: none; border-radius: 0; -webkit-text-stroke: .5px white; position: absolute; bottom: 0; padding: 10px 15px; text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px; z-index: 4; background: linear-gradient(to left, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 1)); background-clip: text; -webkit-text-fill-color: transparent;}
div.grid-list .list-item a {text-decoration: none; display: block; overflow: hidden; border-radius: 14px;}
.image-gradient {background: linear-gradient(
  	hsl(0, 0%, 0%) 0%,hsla(0, 0%, 0%, 0.738) 19%,hsla(0, 0%, 0%, 0.541) 34%,hsla(0, 0%, 0%, 0.382) 47%,hsla(0, 0%, 0%, 0.278) 56.5%,hsla(0, 0%, 0%, 0.194) 65%,hsla(0, 0%, 0%, 0.126) 73%,hsla(0, 0%, 0%, 0.075) 80.2%,hsla(0, 0%, 0%, 0.042) 86.1%,hsla(0, 0%, 0%, 0.021) 91%,hsla(0, 0%, 0%, 0.008) 95.2%,hsla(0, 0%, 0%, 0.002) 98.2%,hsla(0, 0%, 0%, 0) 100%);
  	position: absolute; width: 100%; height: 37%; bottom: -1px; z-index: 10; transform: rotate(180deg);}
.image-gradient-yellow {background: linear-gradient(
	hsla(48, 93%, 36%, 1) 0%, hsla(48, 93%, 36%, 0.738) 19%, hsla(48, 93%, 36%, 0.541) 34%, hsla(48, 93%, 36%, 0.382) 47%, hsla(48, 93%, 36%, 0.278) 56.5%, hsla(48, 93%, 36%, 0.194) 65%, hsla(48, 93%, 36%, 0.126) 73%, hsla(48, 93%, 36%, 0.075) 80.2%, hsla(48, 93%, 36%, 0.042) 86.1%, hsla(48, 93%, 36%, 0.021) 91%, hsla(48, 93%, 36%, 0.008) 95.2%, hsla(48, 93%, 36%, 0.002) 98.2%, hsla(48, 93%, 36%, 0) 100%);
	position: absolute; width: 100%; height: 50%; bottom: 0px; z-index: 10; transform: rotate(180deg); z-index: 3;}
.image-gradient-light-yellow {background: linear-gradient(
	to top,rgba(252, 222, 83, 1) 0%, rgba(252, 222, 83, 0.738) 19%, rgba(252, 222, 83, 0.541) 34%, rgba(252, 222, 83, 0.382) 47%, rgba(252, 222, 83, 0.278) 56.5%, rgba(252, 222, 83, 0.194) 65%, rgba(252, 222, 83, 0.126) 73%, rgba(252, 222, 83, 0.075) 80.2%, rgba(252, 222, 83, 0.042) 86.1%, rgba(252, 222, 83, 0.021) 91%, rgba(252, 222, 83, 0.008) 95.2%, rgba(252, 222, 83, 0.002) 98.2%, rgba(252, 222, 83, 0) 100%);
  	position: absolute; width: 100%; height: 50%; top: 0px; z-index: 10; transform: rotate(180deg); z-index: 1;}
.winter-equipment .image-gradient-yellow {background: linear-gradient(hsla(210, 100%, 41%, 1) 0%, hsla(210, 100%, 41%, 0.738) 19%, hsla(210, 100%, 41%, 0.541) 34%, hsla(210, 100%, 41%, 0.382) 47%, hsla(210, 100%, 41%, 0.278) 56.5%, hsla(210, 100%, 41%, 0.194) 65%, hsla(210, 100%, 41%, 0.126) 73%, hsla(210, 100%, 41%, 0.075) 80.2%, hsla(210, 100%, 41%, 0.042) 86.1%, hsla(210, 100%, 41%, 0.021) 91%, hsla(210, 100%, 41%, 0.008) 95.2%, hsla(210, 100%, 41%, 0.002) 98.2%, hsla(210, 100%, 41%, 0) 100%);}
.winter-equipment .image-gradient-light-yellow {background: linear-gradient(to top, rgba(81, 169, 255, 1) 0%, rgba(81, 169, 255, 0.738) 19%, rgba(81, 169, 255, 0.541) 34%, rgba(81, 169, 255, 0.382) 47%, rgba(81, 169, 255, 0.278) 56.5%, rgba(81, 169, 255, 0.194) 65%, rgba(81, 169, 255, 0.126) 73%, rgba(81, 169, 255, 0.075) 80.2%, rgba(81, 169, 255, 0.042) 86.1%, rgba(81, 169, 255, 0.021) 91%, rgba(81, 169, 255, 0.008) 95.2%, rgba(81, 169, 255, 0.002) 98.2%, rgba(81, 169, 255, 0) 100%);}

/* Gallery */
div.gallery-grid-list {grid-template-columns: repeat(auto-fill, minmax(0, calc(50% - 4px))); gap: 8px 8px; grid-gap: 8px 8px; margin: 30px auto 15px; z-index: 1; display: grid; transition: .2s ease-in-out;}
div.gallery-grid-list .list-item {box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.2); position: relative; display: inline-block; vertical-align: top; border-radius: 14px; width: 100%; transition: .3s ease-in-out; height: fit-content; aspect-ratio: 1; cursor: pointer;}
div.gallery-grid-list .list-item:hover .item-img img {transform: scale(1.06);}
div.gallery-grid-list .list-item img {width: 100%; display: block; object-fit: cover; filter: none; transform: scale(1.01); transition: transform 0.4s cubic-bezier(0, 0.45, 0.6, 0.97); position: relative; aspect-ratio: 1;}
div.gallery-grid-list .list-item .item-img {position: relative; box-sizing: content-box; max-width:100%; max-height:100%; border-radius: 12px; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); transition: .2s ease-in-out;}
.image-gradient {background: linear-gradient(
  hsl(0, 0%, 0%) 0%,hsla(0, 0%, 0%, 0.738) 19%,hsla(0, 0%, 0%, 0.541) 34%,hsla(0, 0%, 0%, 0.382) 47%,hsla(0, 0%, 0%, 0.278) 56.5%,hsla(0, 0%, 0%, 0.194) 65%,hsla(0, 0%, 0%, 0.126) 73%,hsla(0, 0%, 0%, 0.075) 80.2%,hsla(0, 0%, 0%, 0.042) 86.1%,hsla(0, 0%, 0%, 0.021) 91%,hsla(0, 0%, 0%, 0.008) 95.2%,hsla(0, 0%, 0%, 0.002) 98.2%,hsla(0, 0%, 0%, 0) 100%);
  position: absolute; width: 100%; height: 37%; bottom: -1px; z-index: 10; transform: rotate(180deg);}

/* Logos */
.logos-list {overflow: hidden; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 30px; justify-items: center; align-items: center;}
.logos-list .list-item {height: 150px; width: fit-content; display: inline-block;}
div.logos-list .list-item .item-img {height: 150px;}
div.logos-list .list-item img {height: 150px; max-width: 150px; object-fit: contain;}

/* About us */
div.grid-list.about-us {margin: 30px 0 !important;}
div.grid-list.about-us .list-item {overflow: hidden; cursor: default;}
div.grid-list.about-us .list-item p {color: white; padding: 0 20px 20px; margin: 0; transition: .2s ease-in-out; transform-origin: center;}
div.grid-list.about-us .list-item:hover p, div.grid-list.about-us .list-item:hover h3 {transform: scale(1.03);}
div.grid-list.about-us .list-item h3 {font-size: 24px; transform-origin: center;}

/* Blog*/
div.blog-list {margin: 30px auto 15px; z-index: 1; transition: .2s ease-in-out;}
div.blog-list .list-item {position: relative; border-radius: 20px; z-index: 0; margin: 0 0 15px; width: 100%; max-width: 1100px;}
div.blog-list .list-item::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; border-radius: 20px;}
div.blog-list .list-item a {text-decoration: none;}
div.blog-list .list-item .link-button {display: inline-block; margin: 10px 0; padding: 7.2px 12.2px; border-radius: 10px; background: white; border: 1px solid rgba(0,0,0,0.1);}
div.blog-list .list-item .list-item-img {object-fit: cover; height: 230px; width: 100%; display: inline-block; overflow: hidden; border-radius: 10px; transition: transform 0.3s ease;}
div.blog-list .list-item img {height: 100%; width: 100%; object-fit: cover; transition: transform 0.3s ease;}
div.blog-list .list-item .list-item-img:hover {transform: scale(1.02);}
div.blog-list .list-item .list-item-img:hover img {transform: scale(1.05);}
div.blog-list .list-item .list-item-info {display: inline-block; vertical-align: top; color: black; margin: 10px 0 0 0;}
div.blog-list .list-item.imageless .list-item-info {margin: 0 !important;}
div.blog-list h2 {display: block; margin: 8px 0 0; color: black; font-size: 24px;}
div.blog-list .date {display: block; margin: 7px 0;}
div.blog-list .list-item .blog-intro-gradient-wrapper {position: relative; overflow: hidden;}
.text-intro {margin: 17px 0 10px; cursor: default;}
.blog-gradient {background: linear-gradient(
	hsl(0, 0%, 100%) 11%,hsla(0, 0%, 100%, 0.738) 40%,hsla(0, 0%, 100%, 0.541) 50%,hsla(0, 0%, 100%, 0.382) 55%,hsla(0, 0%, 100%, 0.278) 60%,hsla(0, 0%, 100%, 0.194) 65%,hsla(0, 0%, 100%, 0.126) 73%,hsla(0, 0%, 100%, 0.075) 80.2%,hsla(0, 0%, 100%, 0.042) 86.1%,hsla(0, 0%, 100%, 0.021) 91%,hsla(0, 0%, 100%, 0.008) 95.2%,hsla(0, 0%, 100%, 0.002) 98.2%,hsla(0, 0%, 100%, 0) 100%);
	position: absolute; width: 100%; height: 100%; bottom: 0; z-index: 10; transform: rotate(180deg);}

/* Images*/
.images-module-container {position: relative; width: 100%; max-width: 550px; margin: 15px 0 0; display: inline-block; -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); background-color: rgba(0, 0, 0, 0.0);}
.images-module-container.fullscreen {position: fixed; top: 0; left: 0; max-width: none; border-radius: 0; z-index: 101; margin: 0; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); background-color: rgba(0, 0, 0, 0.7); transition: backdrop-filter .3s ease, background-color .3s ease;}
.image-module-element {display: none;}
.images-wrapper {position: relative; width: 100%; height: 310px; border-radius: 10px; cursor: pointer; overflow: hidden;}
.images-module-container.fullscreen .images-wrapper {height: 100vh; width: 100vw;}
.images-wrapper .image-module-element {position: absolute; width: 100%; height: 100%; object-fit: cover; display: block;}
.images-wrapper .image-module-element img {width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0;}
.images-module-container.fullscreen .images-wrapper .image-module-element {width: 100vw; height: 100%; top: 50%; left: 0%; transform: translateY(-50%); padding: 0 20px 0 20px; box-sizing: border-box; cursor: default;}
.images-module-container.fullscreen .images-wrapper .image-module-element img {border-radius: 10px; object-fit: contain; width: unset; height: unset; max-width: calc(100vw - 40px); max-height: calc(100vh - 120px); left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute;}
.arrow-prev, .arrow-next, .cross-close {position: absolute; width: 35px; height: 35px; fill: none; stroke: white; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; -webkit-user-select: none; user-select: none; padding: 8px; background: rgba(0,0,0,0.7); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-radius: 40px; top: 50%; transform: translateY(-50%); cursor: pointer; transition: .2s ease-in-out; z-index: 5; border: 1px solid rgba(255, 255, 255, 0.25);}
.arrow-prev:not(.carousel .arrow-prev):hover, .arrow-next:not(.carousel .arrow-next):hover, .cross-close:not(.carousel .cross-close):hover, .viewer.close:hover {background: rgba(20, 20, 20, 0.5);}
.arrow-prev:not(.carousel .arrow-prev):active, .arrow-next:not(.carousel .arrow-next):active, .cross-close:not(.carousel .cross-close):active .viewer.close:hover {background: rgba(0,0,0,0.4);}
.images-wrapper .arrow-prev, #image-viewer .arrow-prev {left: 10px;}
.images-wrapper .arrow-next, #image-viewer .arrow-next {right: 10px;}
.images-wrapper .cross-close {top: 10px; right: 10px; display: none; transform: none;}
#image-viewer .cross-close {top: 10px; right: 10px; transform: none;}
.images-module-container.fullscreen .images-wrapper .cross-close {display: block;}
.image-selectors {margin: 1px 5px;}
.carousel-image-selectors {margin: 1px 5px -8px;}
.selector-dot {width: 30px; height: 8px; border-radius: 4px; background: rgba(0, 0, 0, 0.8); display: inline-block; cursor: pointer; margin-top: 6px;}
.selector-dot:hover {background: rgba(0, 0, 0, 0.6);}
.selector-dot:active {background: rgba(0, 0, 0, 0.5);}
.selector-dot.active {background: #b09107; border: 1px solid rgba(0, 0, 0, 0.25); box-sizing: border-box;}

.rental-item-image {width: 100%; max-width: 500px; margin: 35px 0 25px;}

/* Text Container*/
.text-container {max-width: 1100px; padding: 5px 0 0;}
.text-container a {color: #0066c0; font-weight: bold;}
.text-container p, .text-container p .ql-size-normal {font-size: 17px;}
.text-container p .ql-size-tiny {font-size: 10px;}
.text-container p .ql-size-small {font-size: 14px;}
.text-container p .ql-size-large {font-size: 24px;}
.text-container p .ql-size-huge {font-size: 36px;}
.text-container h1, .text-container h1 .ql-size-normal {font-size: 32px;}
.text-container h1 .ql-size-tiny {font-size: 18px;}
.text-container h1 .ql-size-small {font-size: 26px;}
.text-container h1 .ql-size-large {font-size: 36px;}
.text-container h1 .ql-size-huge {font-size: 42px;}
.text-container h2, .text-container h2 .ql-size-normal {font-size: 26px;}
.text-container h2 .ql-size-tiny {font-size: 16px;}
.text-container h2 .ql-size-small {font-size: 22px;}
.text-container h2 .ql-size-large {font-size: 32px;}
.text-container h2 .ql-size-huge {font-size: 36px;}
.text-container h3, .text-container h3 .ql-size-normal {font-size: 22px;}
.text-container h3 .ql-size-tiny {font-size: 14px;}
.text-container h3 .ql-size-small {font-size: 18px;}
.text-container h3 .ql-size-large {font-size: 26px;}
.text-container h3 .ql-size-huge {font-size: 32px;}
.text-container h4, .text-container h4 .ql-size-normal {font-size: 18px;}
.text-container h4 .ql-size-tiny {font-size: 12px;}
.text-container h4 .ql-size-small {font-size: 14px;}
.text-container h4 .ql-size-large {font-size: 22px;}
.text-container h4 .ql-size-huge {font-size: 26px;}


.text-container img {width: 100%; max-width: 500px; border-radius: 10px;}

/* Image- Viewer*/
#image-viewer {display: none;}
.viewer-image {display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 101; max-width: calc(100% - 40px); max-height: calc(100% - 140px); border-radius: 10px;}
#image-viewer .arrow-next, #image-viewer .arrow-prev, #image-viewer .cross-close {z-index: 102; position: fixed;}

/* Popup- General*/
.popup-background {width: 100%; height: 130%; position: fixed; display: block; z-index: 100; background:rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); top: 0; left: 0; animation: dimAndBlur .4s; animation-fill-mode: forwards;}

/* Popup - Small*/
.popup-small {position: fixed; z-index: 101; background: rgba(255,255,255,0.8); border-radius: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; text-align: center; width: 90%; max-width: 400px; box-sizing: border-box; padding: 25px; will-change: transform, opacity; animation: popupLoad .5s; animation-fill-mode: forwards;}
#cookies-popup h3 {margin-top: 5px;}
#cookies-popup p {margin-bottom: 22px;}

/* Alert notifications */
.alert-notification {position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); margin: 10px 0; padding: 15px 20px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); min-width: 250px; border-radius: 20px; color: white; box-sizing: border-box;}
.alert-notification.green {background: rgba(0, 128, 0, 0.8); border: 1px solid #008000;}
.alert-notification.red {background: rgba(230, 0, 0, 0.8); border: 1px solid #e60000;}
.alert-notification p {margin: 0; width: calc(100% - 30px);}
.alert-notification .close {width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); border-radius: 5px; transition: .2s ease; transform-origin: center;}
.alert-notification .close:hover {background: rgba(255, 255, 255, 0.1); cursor: pointer; transform: translateY(-50%) scale(1.25);}

/* Input*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {background: transparent;}
.input-generic {-webkit-appearance: none; user-select: text; border: 2px solid; padding: 10px; border-radius: 8px; position: relative; border-color: white; font-size: 14px; transition: .2s ease;}
.input-generic:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; border-radius: 8px; 
	-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.2);}
.input-generic:focus, .select-generic:focus {border-color: dodgerblue;}

/* Shadows*/
.shadow		{-webkit-box-shadow: 10px 7px 33px -6px rgba(0,0,0,0.4); -moz-box-shadow: 10px 7px 33px -6px rgba(0,0,0,0.4); box-shadow: 10px 7px 33px -6px rgba(0,0,0,0.4);}
.shadow-2	{-webkit-box-shadow: 10px 7px 33px -6px rgba(0,0,0,0.3); -moz-box-shadow: 10px 7px 33px -6px rgba(0,0,0,0.3); box-shadow: 10px 7px 33px -6px rgba(0,0,0,0.3);}
.shadow-3	{-webkit-box-shadow: 10px 7px 33px -6px rgba(0,0,0,0.2); -moz-box-shadow: 10px 7px 33px -6px rgba(0,0,0,0.2); box-shadow: 10px 7px 33px -6px rgba(0,0,0,0.2);}
.shadow-center {-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.2);}
.shadow-center-strong {-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.3);}
.shadow-input {-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.2);}
.shadow-box:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; border-radius: 9px; 
  -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.2);}

/* Footer*/
footer {padding: 20px 20px 40px; background: transparent !important; max-width: 1400px; margin: auto;}
footer p, footer .copyright-info a, footer .copyright-info a:link, footer .copyright-info a:visited, footer .copyright-info:hover a, footer .copyright-info a:active {color: rgba(255, 255, 255, 0.65); font-size: 15px;}
.footer-items {display: block;}
.footer-items a {display: inline-block; margin: 0 0 5px 0;}
footer .footer-separator {margin: 0 2px; color: rgba(255, 255, 255, 0.65); display: inline-block;}
footer .footer-separator:last-of-type {display: none;}
.footer-social-icons {display: inline-block; margin: 0 0 4px 0px;} 
.footer-social-icon {display: inline-block; margin-right: 4px;}
.footer-social-icon, .footer-social-icon img {height: 23px; transition: .2s ease-in-out;}
.footer-social-icon:hover > img {filter: invert(30%)}

/* TEMPLATES */
/* Contact form */
.wrapper.contact-form {display: grid; grid-template-columns: repeat(auto-fill, minmax(100%, 100%)); grid-gap: 20px;}
.contact-form .input-generic {margin: 5px 0; width: 100%; max-width: 500px; box-sizing: border-box;}
.contact-form textarea.input-generic {height: 200px; resize: none;}
.contact-form #submit {margin: 10px 0 15px;}
.contact-form small {color: gray;}
.contact-form small a {color: #0066c0; font-weight: bold;}
.contact-form .datetime-inputs {padding: 15px; max-width: 500px; box-sizing: border-box; background: rgba(252, 208, 10, 0.6); border-radius: 10px; margin: 10px 0;}
.contact-form .datetime-inputs h3 {margin: 0 0 10px;}
.contact-form .datetime-inputs p.working-hours {margin: 10px 0 0;}
.map-container {width: 100%; max-width: 500px; height: 350px; border-radius: 10px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box;}
.map-container iframe {width: 100%; height: 100%; border: none;}

/* Documentation */
.side-section-list {margin: 5px 0 20px;}
.side-section-list h2 {display: none;}
.side-section-list a {color: #0074D9; text-decoration: none; font-weight: bold; padding: 5px 10px; border-radius: 10px; transition: .2s ease;}
.side-section-list a:hover {color: #0066c0;}
.side-section-list a:active {color: #0059a6;}
.side-section-list .active {color: white; background: #0074D9;}
.side-section-list .active:hover {color: white; background: #0066c0;}
.side-section-list .active:active {color: white; background: #0059a6;}

/* Shop */
.shop-list {max-width: 1100px;}
.shop-item-info.left {display: none;}

/* Other */
.hidden {display: none;}
.h0 {height: 0px !important;}
.w0 {width: 0px !important;}
.h0, .w0 {margin: 0px !important; padding: 0px !important; border: 0px !important; display: block !important;}
.grecaptcha-badge {border-radius: 10px !important; box-shadow: none !important; visibility: hidden;}
.no-transition {transition: none !important;}

/* Transitions*/
@keyframes dimAndBlur {
	0% {background:rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px);}
	100% {background:rgba(0, 0, 0, 0.7); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px);}
}
@keyframes popupLoad {
	0% {transform: translate(-50%, -50%) scale(.4) translateY(-10%);}
	100% {transform: translate(-50%, -50%) scale(1) translateY(0);}
}
@keyframes backgroundTextResize {
	0% {transform: scale(1); opacity: 0.06;}
	50% {opacity: 0.06;}
	100% {transform: scale(2); opacity: 0;}
}
@keyframes backgroundImageResize {
	0% {transform: scale(1);}
	100% {transform: scale(1.2);}
}

/* Media Query*/
@media screen and (min-width: 350px) {
	div.grid-list .list-item img {height: 250px;}
	div.grid-list .list-item .grid-list-item-img, div.grid-list .empty-img {height: 250px;}
	div.grid-list.about-us .list-item img {height: 300px;}
	div.grid-list.about-us .list-item .grid-list-item-img, div.grid-list.about-us .empty-img {height: 300px;}
}

@media screen and (min-width: 460px) {
	.mini-items-heading {grid-template-columns: repeat(auto-fill, minmax(0, calc(50% - 6px))); margin: 12px 0 0;}
}

@media screen and (min-width: 530px) {
	div.grid-list {grid-template-columns: repeat(auto-fill, minmax(0, calc(50% - 5px))); gap: 10px 8px; grid-gap: 15px 10px;}
}

@media screen and (min-width: 600px) {
	div.blog-list .list-item .list-item-img {height: 230px; width: 230px;}
	div.blog-list .list-item .list-item-info {margin: 0 0 0 20px; width: calc(100% - 255px);}
	div.blog-list .list-item.imageless .list-item-info {width: 100%;}
	div.blog-list .list-item .blog-intro-gradient-wrapper {max-height: 174px; box-sizing: border-box; border-radius: 11px;}

	/* Contact form */
	.wrapper.contact-form {grid-template-columns: repeat(auto-fill, minmax(0, calc(50% - 10px))); max-width: 1000px}
	.wrapper.contact-form form, .wrapper.contact-form .map-container {display: inline-block;}
	.wrapper.contact-form .map-container {height: calc(100% - 20px); margin: 5px 0 15px;}

	/* Shop */
	.shop-item {display: grid; grid-template-columns: repeat(auto-fill, minmax(0, calc(50% - 10px))); gap: 20px; margin: 20px 0;}
	.shop-item-info {display: block; text-align: center; height: fit-content; margin: auto;}
	.shop-item:nth-of-type(even) .shop-item-info.left { display: block;}
	.shop-item:nth-of-type(even) .shop-item-info.right { display: none;}
	.shop-item:nth-of-type(odd) .shop-item-info.left { display: none;}
	.shop-item:nth-of-type(odd) .shop-item-info.right { display: block;}
}

@media screen and (min-width: 960px) {
}