@font-face{font-family:'Supreme';src:url('../fonts/supreme/SupremeLLWeb-Light.woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Supreme';src:url('../fonts/supreme/SupremeLLWeb-LightItalic.woff2');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Supreme';src:url('../fonts/supreme/SupremeLLWeb-Regular.woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Supreme';src:url('../fonts/supreme/SupremeLLWeb-Italic.woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Supreme';src:url('../fonts/supreme/SupremeLLWeb-Book.woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Supreme';src:url('../fonts/supreme/SupremeLLWeb-BookItalic.woff2');font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:'Supreme';src:url('../fonts/supreme/SupremeLLWeb-Bold.woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Supreme';src:url('../fonts/supreme/SupremeLLWeb-BoldItalic.woff2');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:'ProximaNova';font-weight:400;font-display:swap;src:url('../fonts/proximanova/regular/ProximaNova-Reg-webfont.eot');src:url('../fonts/proximanova/regular/ProximaNova-Reg-webfont.eot?iefix') format('eot'),url('../fonts/proximanova/regular/ProximaNova-Reg-webfont.woff') format('woff'),url('../fonts/proximanova/regular/ProximaNova-Reg-webfont.ttf') format('truetype'),url('../fonts/proximanova/regular/ProximaNova-Reg-webfont.svg#ProximaNova-Reg-webfont') format('svg');font-display:swap}
@font-face{font-family:'ProximaNova';font-weight:300;font-display:swap;src:url('../fonts/proximanova/light/ProximaNova-Light-webfont.eot');src:url('../fonts/proximanova/light/ProximaNova-Light-webfont.eot?iefix') format('eot'),url('../fonts/proximanova/light/ProximaNova-Light-webfont.woff') format('woff'),url('../fonts/proximanova/light/ProximaNova-Light-webfont.ttf') format('truetype'),url('../fonts/proximanova/light/ProximaNova-Light-webfont.svg#ProximaNova-Light-webfont') format('svg');font-display:swap}
@font-face{font-family:'ProximaNova';font-weight:600;font-display:swap;src:url('../fonts/proximanova/semibold/ProximaNova-Sbold-webfont.eot');src:url('../fonts/proximanova/semibold/ProximaNova-Sbold-webfont.eot?iefix') format('eot'),url('../fonts/proximanova/semibold/ProximaNova-Sbold-webfont.woff') format('woff'),url('../fonts/proximanova/semibold/ProximaNova-Sbold-webfont.ttf') format('truetype'),url('../fonts/proximanova/semibold/ProximaNova-Sbold-webfont.svg#ProximaNova-Sbold-webfont') format('svg');font-display:swap}
@font-face{font-family:'ProximaNova';font-weight:700;font-display:swap;src:url('../fonts/proximanova/bold/ProximaNova-Bold-webfont.eot');src:url('../fonts/proximanova/bold/ProximaNova-Bold-webfont.eot?iefix') format('eot'),url('../fonts/proximanova/bold/ProximaNova-Bold-webfont.woff') format('woff'),url('../fonts/proximanova/bold/ProximaNova-Bold-webfont.ttf') format('truetype'),url('../fonts/proximanova/bold/ProximaNova-Bold-webfont.svg#ProximaNova-Bold-webfont') format('svg');font-display:swap}
@font-face{font-family:'Gazelle';font-weight:400;font-display:swap;src:url('../fonts/gazelle/pon-gazelle.eot');src:url('../fonts/gazelle/pon-gazelle.eot?iefix') format('eot'),url('../fonts/gazelle/pon-gazelle.woff') format('woff'),url('../fonts/gazelle/pon-gazelle.ttf') format('truetype'),url('../fonts/gazelle/pon-gazelle.svg#pon-gazelle') format('svg');font-display:swap}
@font-face{font-family:'ga-icon';font-weight:400;font-display:swap;src:url('../fonts/gazelle-icons/icons.eot');src:url('../fonts/gazelle-icons/icons.eot?iefix') format('eot'),url('../fonts/gazelle-icons/icons.woff') format('woff'),url('../fonts/gazelle-icons/icons.woff2') format('woff2'),url('../fonts/gazelle-icons/icons.ttf') format('truetype'),url('../fonts/gazelle-icons/icons.svg#icons') format('svg');font-display:swap}
html,body{font-family:'Supreme',Helvetica,Arial,sans-serif;font-size:16px;font-weight:300}

body {
  font-weight: 300;
}
main{
	margin-top:102px;
}
@media (min-width: 1400px) {
  .container-xxxl, .container-xxl, .container-xxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1920px;
  }
}
@media (max-width: 1399px) {
	.container{ max-width: 100%;}
}
#header .logo{width:150px;flex:0 0 auto; margin-top:-4px;}#header .logo-max svg{width:152px;height:52px}#header .logo-max .logo-transparent{display:none}
#header{font-size:1.1em;}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
  --bs-breakpoint-xxxl: 2000px;
}

.navbar > .container-xxxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.nav-item {margin-right:0.8em;}
.nav-link {color:#1c1c21}

.navbar-search{border-radius:25px;}
.navbar-white{background:#fff;}
.navbar-light{border-bottom:1px solid #eee;}

@media (min-width: 992px) {
  .navbar .dropdown-menu-2col {
    min-width: 600px;
	left:-150px;
  }
}
.dropdown-header{text-transform:uppercase; color:#1c1c1c; margin-bottom:0.8rem;}
.nav-link.dropdown-toggle.show{border-bottom:3px solid #0078e6;}
.dropdown-toggle::after {
    display: none !important;
}

.dropdown-toggle .bi-chevron-down {
    transition: transform .2s ease;
	font-size:0.8em;
}



.page-header .topbar {
  background-color:#EEF7EF;
  margin-top:0;
  transition:.3s linear margin-top;
  height:44px;
  line-height:44px;
}
@media (max-width:991px) {
	.page-header .topbar {display:none;}
	main {margin-top:55px;}
}
.page-header .topbar .container-fluid {
  height:44px;
  background-color:transparent;
  display:flex;
  align-items:center;
  justify-content:space-between
}

.page-header .usp-list {
  display:none
}
@media (min-width:992px) {
  .page-header .usp-list {
    display:block
  }
 
}
.page-header .usp-list {padding-left:0;}
.page-header .usp-list li {
  display:inline-block;
  
}
.page-header .usp-list li a {
  font-size:1rem;
  color:#0054A5;
  font-weight:500;
  margin-right:40px;
  text-decoration:none;
}
.page-header .usp-list li svg {
  display:inline-block;
  margin:0 0 5px 5px
}
.page-header .usp-list li path {
  fill:#0054A5
}

.topbar {
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 1;
    transform: translateY(0);
}

.topbar--hidden {
    opacity: 0;
    transform: translateY(-20px);
    pointer-events: none;
}


.carousel {
  margin-bottom: 4rem;
  background:#ccc;
}

.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

.carousel-item {
  background-size:cover;
  background-position: center 50%;
  box-shadow: inset 0 0 800px black;
}
@media (max-width: 768px) {
	.carousel-item {box-shadow: inset 0 0 200px black; min-height: 750px;}
}
.carousel-caption > h1 {
	font-size: calc(3.25rem + 1.5vw) !important;
	font-weight:100;
	margin-bottom:25px;
}
@media (max-width: 768px) {
	.carousel-caption > h1 {
		font-size: 2rem !important;
	}
}
@media (min-width: 40em) {
	.carousel-caption p {
		margin-bottom: 1.25rem;
		font-size: 1.25rem;
		line-height: 1.4;
	}
}

.form-signin {max-width:330px; margin:0 auto; background:#fff; padding:15px;}
.form-signin a{color:#555; text-decoration:none;}
.form-signin a:hover{color:#000;}

h2.form-signin-heading{border-bottom:2px solid rgb(0 120 230); padding-bottom:5px; margin-bottom:12px; padding-top:5px; background-color: rgba(255, 255, 255, .8);}
.help-block{font-size:0.9em;margin-top:0.3em;}
.with-errors{color:#f00;}
.center{text-align:center;}
.resetpasswordform input{margin:0 auto;}
.mt-100{margin-top:100px;}


.product-search{
	position: fixed;
	top:55px; right:20px; 
}
	
.product-search input:focus{
border-color:#fff;
width: 100%;
height: 60px;
background: #f8f9fa;
position: fixed;
top:44px; right:20px; 
border-bottom:1px solid #ccc;
border-radius:0px;
transition: all 0s;
}
.shrink .product-search input:focus{
	height: 68px;
}
.product-search--top {
    top: 10px !important;
}
.product-search--top input:focus{top: 0px !important;}

.search-row{border-bottom:1px solid #ccc;}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(122, 122, 122, 0);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.01) inset, 0 0 0px rgba(122, 122, 122, 0.1);
  outline: 0 none;
  max-width:400px;
}

.product-search-close-button{display:none; color:#fff; float:left; width:40px; height:34px; cursor:pointer; position: absolute;  right: 0px;}

.product-search:focus-within  .product-search-close-button{
	display:inline !important; 
	opacity:1;
	z-index:1500;
	color:#333;
	margin-top:8px; 
	margin-left:20px;
	
}
.product-search:focus-within  .product-search-glyph-button{
	opacity:0;
}

.product-search:focus-within  .shrink.product-search input{
	background:rgb(242, 242, 242);
}

#searchinput{font-weight:100; color:#000; font-size:1em;}
#searchform{xmargin-top:25px; transition:all 0.5s;}
.shrink #searchform{xmargin-top:15px;}

.product-search {display:inline; float:right; color:#666; background:transparent; width:auto;}

.product-search input {font-size:1.1em; display:inline; float:left;background:transparent; border-top:1px solid #666; border-left:1px solid #666;  border-bottom:1px solid #666; border-left:0px none; padding:5px 15px; width:120px; xheight:34px; color:#666; letter-spacing:1px; border-top-right-radius:20px; border-bottom-right-radius:20px; }

.product-search .product-search-glyph-button {display:inline; float:left; background:transparent; border-right:0px none; border-top:1px solid #666;  border-bottom:1px solid #666; border-left:1px solid #666; padding:5px 7px; width:40px; color:#666; text-transform:uppercase; letter-spacing:1px; cursor:pointer;  border-top-left-radius:20px; border-bottom-left-radius:20px; color:#000;}

.product-search .product-search-glyph-button i{font-size:14px;}

.shrink .product-search input, .shrink .product-search .product-search-glyph-button{border-color:#f2f2f2; background:#f2f2f2;}

.product-search input, .product-search .product-search-glyph-button{border-color:#f2f2f2; background:#f2f2f2;}


.product-search input::-webkit-input-placeholder { /* WebKit browsers */
    text-align:left;
	color:#9ca3af;
	font-weight:100;
}
.product-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-align:left;
	color:#9ca3af;
	font-weight:100;
}
.product-search input::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-align:left;
	color:#9ca3af;
	font-weight:100;
}
.product-search input:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-align:left;
	color:#9ca3af;
	font-weight:100;
}

@media only screen and (max-width : 1024px) { #searchform{xmargin-top:15px; }}


@media only screen and (max-width : 768px) {
	#btn-search-big{xmargin-top:10px;}
}

@media (max-width: 1200px) {
	.product-search{display:none;}
}
.product-card h5{font-weight:300; font-size:1.5em;}









.button-reset-filters {display:block;  color:#999; }
a.button-reset-filters:hover {color:#333 !important; }
.button-reset-filters i{font-size:0.7em; margin-right:5px;}
.button-hide-filters {float:right; line-height:70px; color:#999; cursor:pointer; margin-right:10px; font-size:1.1em;}
.button-show-filters {background-color: #f2f2f2;
padding: 0 10px 0 10px;
margin: 0 16px 10px 0;
line-height: 28px;
border-radius: 2px;
display: inline;
float: left;
cursor:pointer;
}
@media (max-width:1199px){
	.button-hide-filters {
	position: fixed;
	top: 50px;
	left: 310px;
	z-index: 1400;
	}
}
@media (min-width:1024px){
	.button-hide-filters {
		top: 80px;
	}
}
@media (min-width:1200px){.button-hide-filters {display:none;} .button-show-filters{display:none;}}
.filter-options h5 {
	font-size: 12px;
	text-transform: uppercase;
	color: #004a99;
	padding: 30px 0;
	letter-spacing: 1.5px;
	margin: 0;
	border-top: 1px solid #f2f2f2;
}

.filters-frame {padding-left:52px;}
@media only screen and (max-width : 1200px) {
 
	.filters-frame{
		padding-left:10px;
		position: fixed;
		background: #fff;
		z-index: 1000;
		min-width: 350px;
		max-width: 450px;
		height: 100%;
		overflow-y: auto;
		
	}
}
.filter-options-content .filter-options  {
	position:relative !important;
	
	width: calc(100%/4 - 10px);
	padding-bottom: calc(100%/4 - 10px);
	margin-right: 10px;
	margin-bottom: 1rem;
	
	font-size: 10px;
	text-align: center;
	position: relative;
	display: inline-block;
	background-color: #fff;
	color: black;
	border-radius: 3px;
	transition: background-color .2s;
	border:2px solid #eee;
}

.filters-frame  input[type="checkbox"] {
	position:absolute;
	left:-9999em;
}
.filter-options-content input[type="checkbox"]:checked + label.option-tile {
	xbackground-color: #004a99!important;
	border-color: #004a99!important;
	border:2px solid #004a99;
	color: #004a99;
}
label.option-tile, label.option-checkbox--label {
	cursor: pointer;
}
.filter-options-content .option-tile {
	width: calc(100%/4 - 8px * 2);
	padding-top:2.5rem;
	padding-bottom:2.9rem;
}

@media (max-width: 1400px) {
	.filter-options-content .option-tile {
		width: calc(100%/2 - 8px * 2);
	}
}

@media (max-width: 1200px) {
	.filter-options-content .option-tile {
		width: calc(100%/2 - 4px * 2);
		
	}
	.filter-options-content .filter-options  {
		margin-right:2px !important;
	}
}
@media (max-width: 768px) {
	.filter-options-content .option-tile {
		width: calc(100%/3 - 4px * 2);
		
	}
	.filter-options-content .filter-options  {
		margin-right:2px !important;
	}
}

.filter-options-content .option-tile--label {
	font-size: 1.2em;
	font-weight:normal;
	display:block;
}
.filter-options-content .option-tile--label {
	
	position: absolute;
	top: 65%;
	width: 100%;
}
@media only screen and (max-width : 1200px) {
	
	.filter-options-content .option-tile--label {font-size:1.1em;}
	label.option-checkbox--label {font-size:0.9em;}
}

.tile-icon[data-type="pim_itemgenderframe"].tile-icon {
	width: 100%;
	height: 62%;
}
.tile-icon[data-type="pim_productebike"].tile-icon--Y, .tile-icon[data-type="pim_productebike"].tile-icon--ja {
	margin-top: 13%;
}
.tile-icon[data-type="pim_productseatingposition"] {
	width: 100%;
	height: 62%;
	margin-top: 7%;
}
.icon-frame-f, .icon-frame-L, .icon-frame-l, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--f, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--L, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--l, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--g {
	background-image: url('/img/high.svg') !important;
}
.icon-frame-u, .icon-frame-M, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--u, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--M, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--unisex {
	background-image: url('/img/mid.svg') !important;
}
.icon-frame-m, .icon-frame-H, .icon-frame-h, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--m, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--h, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--H, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--man {
	background-image: url('/img/low.svg') !important;
}
.icon-position-straight, .tile-icon[data-type="pim_productseatingposition"].tile-icon--Upright {
	background-image: url('/img/straight.svg');
}
.icon-position-active, .tile-icon[data-type="pim_productseatingposition"].tile-icon--Active {
	background-image: url('/img/active.svg');
}
.icon-position-sportive, .tile-icon[data-type="pim_productseatingposition"].tile-icon--Sporty {
	background-image: url('/img/sportive.svg');
}
.img-icon, .icon-frame-m, .icon-frame-H, .icon-frame-h, .icon-frame-u, .icon-frame-M, .icon-frame-f, .icon-frame-L, .icon-frame-l, .icon-motor-m, .icon-motor-midden, .icon-motor-f, .icon-motor-voor, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--m, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--h, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--H, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--man, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--f, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--L, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--l, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--g, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--u, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--M, .tile-icon[data-type="pim_itemgenderframe"].tile-icon--unisex, .tile-icon[data-type="pim_ebikeenginelocation"].tile-icon--M, .tile-icon[data-type="pim_ebikeenginelocation"].tile-icon--R, .tile-icon[data-type="pim_ebikeenginelocation"].tile-icon--REAR, .tile-icon[data-type="pim_ebikeenginelocation"].tile-icon--F, .tile-icon[data-type="pim_ebikeenginelocation"].tile-icon--MID, .tile-icon[data-type="pim_productebike"].tile-icon--Y, .tile-icon[data-type="pim_productebike"].tile-icon--N {
	display: inline-block;
	width: 36px;
	height: 23px;
	background-repeat: no-repeat;
	background-size: contain;
}
.tile-icon {
	position: absolute;
	margin-top: 25%;
	left: 50%;
	font-size: 26px;
	transform: translateX(-50%);
	background-position: center;
	background-repeat: no-repeat;
}
.tile-icon[data-type="pim_itemgenderframe"].tile-icon {
	width: 100%;
	height: 32%;
}
.filter-options .option-checkbox {
	margin-bottom: 28px;
	font-size: 16px;
	transition: all .4s;
}
.filter-options .option-checkbox--wrapper {
	padding-right: 18px;
}
.filter-options .option-checkbox input[type="checkbox"] + label .checker {
	float: right;
	min-width: 16px;
}
input[type="checkbox"] + label  {
	font-weight:400;
}
input[type="checkbox"] + label:hover  {
	color:#004a99 !important;
}
input[type="checkbox"] + label .checker {
	border-radius: 2px;
}
input[type="checkbox"] + label .checker, input[type="radio"] + label .checker {
	float: left;
	height: 13px;
	width: 13px;
	xborder: 1px solid #7f7f7f;
	margin: 5px 10px 0 0;
	vertical-align: middle;
	cursor: pointer;
	position: absolute;
	top:0px;
	right:25px;
	background-color: #fff;	
	outline: 1px solid #2f2f2f;
	outline-offset: 2px;
}
input[type="checkbox"] + label:hover .checker, input[type="radio"] + label:hover .checker {
	background-color: #ccc;	
}

input[type="checkbox"].active-checked:checked + label .checker, input[type="radio"].active-checked:checked + label .checker, input[type="checkbox"].active + label .checker, input[type="radio"].active + label .checker, input[type="checkbox"]:checked + label .checker, input[type="radio"]:checked + label .checker {
	background-color: #004a99;
	border-color: #004a99;
	outline: 1px solid #004a99;
	outline-offset: 2px;
}
.filter-options .option-checkbox input[type="checkbox"] + label .checker {
	float: right;
	min-width: 16px;
}
.filter-options .option-checkbox--label {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	
}
.filter-options-content.option-checkbox {position:relative;}
label.option-checkbox--label{width:100%;}

.icon-motor-m, .icon-motor-midden, .tile-icon[data-type="pim_ebikeenginelocation"].tile-icon--M, .tile-icon[data-type="pim_ebikeenginelocation"].tile-icon--R, .tile-icon[data-type="pim_ebikeenginelocation"].tile-icon--REAR {
	background-image: url('/img/motor-center.svg');
}
.icon-motor-f, .icon-motor-voor, .tile-icon[data-type="pim_ebikeenginelocation"].tile-icon--F, .tile-icon[data-type="pim_ebikeenginelocation"].tile-icon--MID {
	background-image: url('/img/motor-front.svg');
}
.tile-icon[data-type="pim_productebike"].tile-icon--Y {
	background-image: url('/img/electricity.svg') !important;
	height:70%;
	bottom:25%;
	width:40%;
}
.tile-icon[data-type="pim_productebike"].tile-icon--N {
	background-image: url('/img/noelectricity.svg') !important;
	height:70%;
	bottom:25%;
	width:40%;
}

.tile-icon[data-type="pim_productebike"].tile-icon--N {
	background-image: url('/img/noelectricity.svg') !important;
	height:70%;
	bottom:25%;
	width:40%;
}

.tile-icon[data-type="frameType"].tile-icon--H {
	background-image: url('/img/high.svg') !important;
	height:70%;
	bottom:25%;
	width:50%;
}
.tile-icon[data-type="frameType"].tile-icon--M {
	background-image: url('/img/mid.svg') !important;
	height:70%;
	bottom:25%;
	width:50%;
}
.tile-icon[data-type="frameType"].tile-icon--L {
	background-image: url('/img/low.svg') !important;
	height:70%;
	bottom:25%;
	width:50%;
}

.tile-icon[data-type="position"].tile-icon--Sportive {
	background-image: url('/img/sportive.svg') !important;
	height:70%;
	bottom:25%;
	width:50%;
}
.tile-icon[data-type="position"].tile-icon--Active {
	background-image: url('/img/active.svg') !important;
	height:70%;
	bottom:25%;
	width:50%;
}
.tile-icon[data-type="position"].tile-icon--Upright {
	background-image: url('/img/straight.svg') !important;
	height:70%;
	bottom:25%;
	width:50%;
}


.filter-options__more-button {
	display: block;
	color: #004a99;
	font-weight: 600;
	font-size: 12px;
	margin-bottom: 28px;
}
.filter-options .item-hide .option-checkbox:nth-child(n+7){height:0;overflow:hidden;margin-bottom:0}.filter-options .item-hide .option-checkbox:nth-child(n+7) .option-checkbox--wrapper:after{display:none}

.filter-options__more-button{cursor:pointer;}
.more-button-text{margin-right:5px;}
.loading-mask {
	z-index: 3000;
	background-color: rgba(255,255,255,0.7);
	width: 100%;
height: 100%;
position: absolute;
}
.loading-mask{z-index:3000;background-color:rgba(255,255,255,0.7)}.loading-mask .loader{left:50%;top:50%;width:100px;height:58px;position:absolute;background:url('/img/bike-frame.svg') no-repeat center center;background-size:contain;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%)}
.loading-mask .loader:before{left:-16px;-webkit-animation:loading-wheel .5s linear 0s forwards infinite;-o-animation:loading-wheel .5s linear 0s forwards infinite;animation:loading-wheel .5s linear 0s forwards infinite;-webkit-animation:loading-wheel .5s linear 0s forwards infinite 300ms 0 ease;-moz-animation:loading-wheel .5s linear 0s forwards infinite 300ms 0 ease;-ms-animation:loading-wheel .5s linear 0s forwards infinite 300ms 0 ease;animation:loading-wheel .5s linear 0s forwards infinite 300ms 0 ease}
.loading-mask .loader:after{left:64px;-webkit-animation:loading-wheel .5s linear 0s forwards infinite;-o-animation:loading-wheel .5s linear 0s forwards infinite;animation:loading-wheel .5s linear 0s forwards infinite;-webkit-animation:loading-wheel .5s linear 0s forwards infinite 300ms 0 ease;-moz-animation:loading-wheel .5s linear 0s forwards infinite 300ms 0 ease;-ms-animation:loading-wheel .5s linear 0s forwards infinite 300ms 0 ease;animation:loading-wheel .5s linear 0s forwards infinite 300ms 0 ease}
.loading-mask .loader:before,.loading-mask .loader:after{top:31px;position:absolute;content:'';width:52px;height:52px;background:url('/img/bike-wheel.svg') no-repeat center center;background-size:contain}.loading-mask .loader img{display:none}@keyframes loading-wheel{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}}

.active-filters {
	display: block;
	font-size:1.2em;
	margin-bottom:1.1rem;
	margin-bottom:1.1rem;
}
.active-filters__item {
	background-color: #f2f2f2;
	padding: 0 10px 0 10px;
	margin: 8px 10px 8px 0;
	line-height: 28px;
	border-radius: 2px;
	display:inline;
	float:left;
	
}
.active-filters .value {
	font-weight: 600;
	padding-left:3px;
}

.active-filters__item .glyphicon-remove{cursor:pointer; top: 2px;color:#333}
.active-filters__item .glyphicon-remove:hover{color:#7f7f7f;}



.filters-box {
    
    
    border-radius: 8px;
}

.product-card {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    transition: 0.2s;
    border: 1px solid #eee;
	position:relative;
	min-height:420px;
}
.product-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.product-img {
    width: 100%;
    object-fit: contain;
    background: #fafafa;
    border-radius: 6px;
    max-width:100%;
}

@media (min-width: 993px) {
	.product-card {min-height:520px;}
}
@media (max-width: 992px) {
	.product-card {min-height:420px;}
}

#filter_classic, #filter_ebike, #frame_H, #frame_L, #frame_M, #position_Active, #position_Upright, #position_Sportive  {display:none;}
.filter-options-section{border-bottom:1px solid #d9d9d9;margin-bottom:1.3rem;}
.filter-options-content {margin-bottom:1.0rem;}
.filter-options-content h5, .filter-options-content-title {color:#004a99; text-transform: uppercase; font-size:1em;margin-bottom:1.3rem;}
#modelsCount{font-size:1.1em;}
a.product-link {text-decoration:none; color:#000!important;}
.pointer{cursor:pointer;}
.color-dot {
    display:inline-block;
    width:23px;
    height:23px;
    border-radius:3px;
    margin-right:5px;
    border:1px solid #808080;
	cursor:pointer;
	position: relative;
}

.color-dot:hover {
	outline: 1px solid #8a8a8a;
    outline-offset: 2px;
}
.color-dot--disabled::after {
  content: '';
  position: absolute;
  top: 50%; /* Połowa wysokości */
  left: 0;
  width: 100%;
  height: 1px; /* Grubość linii */
  background-color: #808080; /* Kolor linii */
  transform: translateY(-50%) rotate(-45deg); /* Przekątna linia */
}
.color-dot--disabled {
    opacity: 0.4;
    cursor: default;
	position: relative;
}
.color-dot--active {
   
	position: relative; 
}


.color-dot--active::after {
    content: '✓';
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 12px;
    font-weight: bold;
    color: #0657ad;
    background: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.size-dot {
    display:inline-block;
    padding:10px 14px !important;
    border:1px solid #ddd;  
    margin-right:0.4rem;
    cursor:pointer;
    font-size:1.1em;
	margin-bottom:0.6rem;
}

.size-dot--active {
    border-color:#000;
    background:#000;
    color:#fff;
}
.size-dot-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin-right: 10px;
}

.size-height {
    font-size: 0.6em;
    color: #666;
    margin-top: 4px;
    white-space: nowrap;
	display:block;
}

.color-dot {
    display: inline-block;
    position: relative;
    z-index: 10;
}

.color-dot--disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: auto !important;
}




.frame-dot {
    display: inline-flex;
    width: 100px;
    height: 35px;
    background-size: 35px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
	border-bottom:1px solid #d3d3d3;
}

.frame-dot--H {
    background-image: url('/img/high.svg');
}

.frame-dot--L {
    background-image: url('/img/low.svg');
}

.frame-dot--M {
    background-image: url('/img/mid.svg');
}

/* podświetlenie aktywnej ramy */
.frame-dot.active {
   border-bottom:1px solid #000;
}

.configurator-dot {
    padding:15px 15px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
	font-weight:400;
	display:inline-block;
	position: relative;
	text-align: center;
}
.configurator-dot--active {
	background:#e6edf5;
}
.configurator-dot--active::after {
    content: '✓';
    position: absolute;
    top: -12px;
    right: -12px;
    font-size: 1.1em;
    font-weight: bold;
    color: #0657ad;
    background: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#bike-variants .frame-dot{background-size:45px;}
#bike-variants .color-dot{width:29px; height:29px;}
.pon-badge {
  font-size:16px;
  font-family:inherit;
  font-weight:400;
  position:relative;
  display:inline-block;
  text-transform:uppercase;
  border:1px solid black;
  background:#fff;
  border-left:0;
  border-top-right-radius:.125em;
  border-bottom-right-radius:.125em;
  padding:.5em .5em .5em .625em;
  margin-left:.5em;
  box-sizing:border-box;
  margin-right:.5em
}
.pon-badge span {
  font-size:.875em
}
.pon-badge:before {
  position:absolute;
  top:-1px;
  left:-.5em;
  height:100%;
  width:.5em;
  content:"";
  background:#fff082;
  border:1px solid #fff082;
  border-left:0;
  border-right:0;
  border-top-left-radius:.125em;
  border-bottom-left-radius:.125em;
  box-sizing:initial
}
.pon-badge.style2:before {
  background:#ff5a3c;
  border-color:#ff5a3c
}
.pon-badge.style3:before {
  background:#96e6f0;
  border-color:#96e6f0;
}
.pon-badge.style4:before {
  background:#aafe8c;
  border-color:#aafe8c;
}

.product-price {font-weight:700;font-size:1.2em; margin-bottom:0.5rem;}
.tw-pop-relative{position:relative;}
.tw-pop-absolute-left-top{position:absolute; left:0; /*! top:0px; */ z-index:95;}
.award-icon{max-width:4rem; max-height:3.5rem; min-height:33px; width:auto; height:auto; display:block; margin-bottom: 0.5rem; margin-right:auto;}
.subcat-check{display:none;}
.dropdown-menu{border:0px none;}
.dropdown-menu.show{padding:1rem; border-radius:0px;}

a.dropdown-item{border-left:2px solid #e1f4e3; margin-bottom:0.8rem; transition: all 0.5s;}
a.dropdown-item:hover{border-left:2px solid #033a7e; background:#fff;}
a.dropdown-item:active{background:#f2f2f2; color:#000;}

#global-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.15);
    z-index: 1020; /* wyżej niż cała strona */
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
}

#global-backdrop.show {
    opacity: 1;
    pointer-events: auto;
}
.navbar,
.dropdown-menu,
.navbar-collapse {
    z-index: 1030 !important;
    position: relative;
}

.option-checkbox__frame{display:none;}

.family-hero { min-height: 320px; background: #111; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; }
.family-hero::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.25); z-index: 2; }
.family-hero .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 1; z-index: 1; }
.family-hero .container { position: relative; z-index: 3; margin-bottom: 150px; }
.family-hero-title { font-weight: 300; font-size: 4em; }
@media (max-width: 768px) { .family-hero-title { font-size: 2.7em; } }
.feature-icon { width: 60px; height: 60px; }
.family-lifestyle img { border-radius: 8px; }
.family-hero.full-screen { display: flex; align-items: center; }

@media (min-width: 1400px) {
	.family-hero-caption{margin-left:100px;}
}
.family-description h2 {
    font-weight: 400;
}

.family-description p {
    font-size: 1.1rem;
    line-height: 1.6;
}
.family-description-title{font-size:clamp(3rem,5vw,3.7rem); font-weight:300 !important; }
.max-w-5xl{max-width: 84rem;}
.family-models{background-color:#eef7ef;}
.bike-card{background-color:#fff;padding:4rem;}
@media (max-width: 992px) {
	.bike-card{padding:2rem;}
}
@media (max-width: 768px) {
	.bike-card{padding:1rem;}
}
#FamilyMetaTitle2{color:rgb(3 58 126); font-size:4em; font-weight:300; padding-bottom:2.8rem; padding-top:3rem;}
.bike-card-price{color:#1c1c1c; }
.family-product-card {padding:3rem;}
.family-product-card .tw-pop-absolute-left-top{top:8rem; left:2.8rem;}
.family-product-card .color-dot{cursor:auto;}
.family-product-card .color-dot:hover {
	outline: 0px none;
    outline-offset: 0px;
}
@media (max-width: 768px) {
	.family-product-card {padding:1rem;}
	.family-product-card .tw-pop-absolute-left-top {left:0.7rem; top:4.8rem;}
	.family-description-title {font-size:2.2em !important;}
	.geometry-description-title {font-size:2.2em !important;}
	.bike-awards{max-height:250px; overflow-y:scroll;}
}
a.bike-card-h-link{text-decoration:none; color:#606060;}
a.bike-card-h-link h3{font-size:1.3em; font-weight:200;}
/* --- WRAPPER: wymusza proporcje 16:9 --- */
.video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 */
    overflow: hidden; /* ważne – żeby iframe i overlay nie wychodziły poza ramkę */
}

/* --- IFRAME: pełne wypełnienie wrappera --- */
.video-wrapper iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* najniżej */
}

/* --- OVERLAY PLAY --- */
.video-play-overlay {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.35);
    cursor: pointer;
    transition: background .2s ease;
    z-index: 9998; /* nad iframe, pod kontrolkami */
}

.video-play-overlay:hover {
    background: rgba(0,0,0,0.45);
}

/* Ikona play */
.control-icon {
    width: 80px;
    height: 80px;
    background: white;
    
    opacity: 0.9;
    transition: transform .2s ease;
}
/* PLAY */
.control-icon.play {
    mask-image: url('/icons/play.svg');
    -webkit-mask-image: url('/icons/play.svg');
}

/* PAUSE */
.control-icon.pause {
    mask-image: url('/icons/pause.svg');
    -webkit-mask-image: url('/icons/pause.svg');
}

/* MUTE */
.control-icon.mute {
    mask-image: url('/icons/mute.svg');
    -webkit-mask-image: url('/icons/mute.svg');
}

/* UNMUTE */
.control-icon.unmute {
    mask-image: url('/icons/volume.svg');
    -webkit-mask-image: url('/icons/volume.svg');
}
.video-play-overlay:hover .play-icon {
    transform: scale(1.1);
}

/* Przycisk play (jeśli używasz <button><img>) */
.control-icon-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: none;
    padding: 0;
    background: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* --- CUSTOM CONTROLS --- */
#customControls {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
    gap: 20px;
    font-size: 26px;
    z-index: 9999; /* najwyżej */
    pointer-events: auto;
}

#customControls button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 30px;
}
.footer-scroll-top {width:100%; margin-top:3rem; border-bottom:1px solid #f2f2f2; text-align:center;}
.btn-back-to-top{text-decoration:none;color:#033a7e;text-transform:uppercase;font-size:0.9em;}
footer {padding-top:2em;}
footer a{text-decoration:none; color:#1c1c1c; font-weight:400; line-height:2em;}
footer a:hover, .footer-sub a:hover{color:#033a7e;}
footer ul {list-style-type: none; padding-left:0px;}
.footer-sub{border-top:1px solid #f2f2f2; padding-top:2rem; padding-bottom:2rem; font-weight:400;}
.footer-sub a{font-weight:400; text-decoration:none;color:#1c1c1c; margin-right:1.5rem;}
.footer-sub-left{text-align:left;}
.footer-sub-center{text-align:center;}
.footer-sub-right{text-align:right;}
@media (max-width: 992px) {
	.footer-sub-left,.footer-sub-center,.footer-sub-right{text-align:center;}
}

#GeometryImg{background-size:cover;background-position:center center; min-height:700px; background-color:rgb(3, 58, 126);}
#GeometryTitle {font-weight:300; font-size:2em; margin-bottom:2rem;}
#GeometryBg {padding:15rem 12rem !important;}
@media (max-width: 1400px) {
	#GeometryBg {padding:7rem 6rem !important;}
}

@media (max-width: 992px) {
	#GeometryBg {padding:3rem 2rem !important;}
}
.geometry-pdf{text-decoration:none;cursor:pointer;}

.big-box-section p {
    font-size: 1.1rem;
    line-height: 1.6;
}
.big-box-content {background-color: rgb(3, 58, 126); color: rgb(210, 210, 160);}
.big-box-content--light-green {background-color: #eef7ef; color:#033a7e;}
.big-box-content--white {background-color: #fff; color:rgb(47, 47, 47);}
.big-box-content--light-green a{color:#033a7e;font-weight:400;}
.big-box-content--blue {color:#96e6f0;}
.big-box-img{background-size:cover;background-position:center center; min-height:700px;}
h3.big-box-title {font-weight:300; font-size:2em; margin-bottom:2rem;}

.big-box-content {padding:15rem 12rem !important;}
@media (max-width: 1400px) {
	.big-box-content {padding:7rem 6rem !important;}
}

@media (max-width: 1200px) {
	.big-box-content {padding:3rem 2rem !important;}
}


#indexEbikeClassic h2{font-weight:300; font-size:clamp(3rem,5vw,3.7rem); color:#033a7e;}
#indexEbike {background-color:#eef7ef; transition:all 0.1s;}
#indexClassic {background-color:#f6f5f3; transition:all 0.1s;}
#indexEbike:hover,#indexClassic:hover {margin-top:-5px;}
.base-button{text-decoration:none;}
.base-button-thin{height:38px !important;}

#indexLoveToMoveDescription{background:#eef7ef;color:#033a7e;}
#indexLoveToMoveDescription h3{font-weight:300;font-size:clamp(2.2rem,3vw,2rem);}
.light-green-box{background:#eef7ef;color:#033a7e;}
.light-green-box h3{font-weight:300;font-size:clamp(2.2rem,3vw,2rem);}
#indexLoveToMovePhoto{}
.loveToMoveIn, .light-green-box-photo{max-width:420px;}
#indexNeedHelpDescription{background:#033a7e;color:#96e6f0;}
h2,h1.h2{font-size:clamp(3rem,5vw,3.7rem) !important;font-weight:300;}
.blue{color:#033a7e !important;}
.pink{color:#f5beeb !important;}
.white{color:#fff !important;}
.grey{color:#777 !important;}
.instabox{position:relative; overflow:hidden; height:auto; cursor:pointer;}
.instabox-content{position:absolute; left:0px; top:0px; transition:all 0.3s; width:100%; height:100%;}
.instabox-photo {opacity:1; }
.instabox-content {opacity:0; background:#004a99; color:#fff; display: inline-flex; align-items: center; justify-content: center; font-size:1.2em;}

.instabox:hover .instabox-photo {opacity:0; }
.instabox:hover .instabox-content {opacity:1; }
#Modal{border-radius:0px;}
.modal-body {position:relative;}
.btn-modal-top-right{position:absolute;top:0.5rem; right:0.5rem; }
.instabox-insta-accountname{font-weight:700; color:#000; text-decoration:none;}
.modal-instabox-content{display: inline-flex; align-items: center; justify-content: center; }
.modal-instabox-bike-photo{width:200px; margin-top:0.5rem;margin-bottom:1rem;}
.modal-instabox-bike-name{font-weight:700;font-size:1em;margin-bottom:1rem;}

.modal-instabox-bike-title{margin-top:2rem; font-size:1.2em;}
@media (min-width: 1200px) {
	.modal-instabox-bike-title{margin-top:5rem;}
	
}



.gate-product-buy-button{
	border-color: rgb(0, 200, 110); 
	border-radius: 20px; 
	background-color: rgb(0, 200, 110); 
	color: rgb(3, 58, 126); 
	font-family: inherit;
	padding: 3px 20px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	border: 0;
	line-height:30px;
}

.gate-product-buy-button:hover{opacity:0.8;}
.instabox-rightbox-biglink{width:100%; height:100%; text-decoration:none; color:#000;}
#modal-bikeurl2 {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.single-bicycle-title {font-weight:300;font-size:clamp(2.9rem,3vw,2.5rem);}
.single-bicycle-subtitle {margin-left:0.2rem;margin-bottom:3rem;}
@media (max-width: 767px) {
	.single-bicycle-title {margin-top:2rem;}
	.single-bicycle-subtitle {margin-bottom:1rem; margin-top:1rem;}
}

:target {
    scroll-margin-top: 59px;
}

.breadcrumb-item a{color:#2f2f2f; text-decoration:none; font-weight:400;}
.breadcrumb-item + .breadcrumb-item::before {
  content: "\f285"; /* kod ikony chevron-right w Bootstrap Icons */
  font-family: "bootstrap-icons";
  font-size: 0.7rem;
  padding-right: .5rem;
  margin-top:5px;
}

.tw-pop-relative {
    position: relative;
}

#bike-main-img {
    position: relative;
    z-index: 1;
    transition: opacity 0.2s ease-in-out;
	cursor:zoom-in;
}

#bike-main-img.fade-out {
    opacity: 0;
}

#bike-main-img.fade-in {
    opacity: 1;
}


.product-variants-title{font-size:1.1em; margin-bottom:0.2em;}
.product-colors-title{margin-bottom:0.5em;}
.product-gears-title{margin-bottom:0.5em;}
.product-framesize-title{margin-bottom:0.5em;}
.bike-thumb{width:30%;cursor:pointer;border:2px solid #fff;border-radius:5px;}
.bike-thumb-active{border:2px solid #ddd;}
.bike-thumb:hover{border:2px solid #ccc;}
@media (max-width: 767px) {
	.bike-thumb{width:160px; margin:0 auto;}
}

#bike-ean{font-size:0.9em; color:#ccc;}
.plus-minus-accordion .accordion-button {
    padding-left: 2rem; 
    position: relative;
}

/* Ukrycie domyślnej strzałki Bootstrapa */
.plus-minus-accordion .accordion-button::after {
    display: none !important;
}

/* Podstawowy wygląd ikony */
.plus-minus-accordion .accordion-button::before {
    content: "+";
    position: absolute;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    font-weight: 600;
    transition: transform 0.3s ease;
}

/* Gdy accordion jest ZAMKNIĘTY → + obrócony w PRAWO */
.plus-minus-accordion .accordion-button.collapsed::before {
    transform: translateY(-50%) rotate(90deg);
}

/* Gdy accordion jest OTWARTY → − bez obrotu */
.plus-minus-accordion .accordion-button:not(.collapsed)::before {
    content: "−";
    transform: translateY(-50%);
}
.accordion-header .accordion-button {
  font-weight: 400;
  font-size: 1.3rem;
  
  background-color: transparent;
}
.accordion-header:hover .accordion-button {color:#033a7e;}
#specifications{background-color:#f2f2f2;}

.accordion-item{background-color: transparent;}
.accordion-item,.accordion-button {
  border-radius: 0 !important;
}
.plus-minus-accordion .accordion-item {
  border-right: 0;
  border-left: 0;
  padding-top:2rem;
  padding-bottom:2rem;
}
.accordion-item {
  border-top: 1px solid #dee2e6; 
  border-bottom: 1px solid #dee2e6;
}
.accordion-item + .accordion-item {
  border-top: 0;
}


.accordion-button:hover {
	color:#033a7e;
	z-index: 2; 
}

.accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0,0,0,.125); 
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}
.specifications-title{font-weight:300;}

.accordion-body  .table > :not(caption) > * > *  {background-color: transparent !important; border-bottom:0px none; font-size:1.1em;}
.accordion-body  .table td:first-child {font-weight:400;}


.accordion-collapse.collapsing {
  transition: height 0.1s ease-in-out;
}


.video-wrapper {
    position: relative;
}

.video-frame {
    position: relative;
    z-index: 1;
}

.video-poster {
    position: absolute;
    inset: 0;
    z-index: 30;
    cursor: pointer;
}

.video-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-play-overlay {
    position: absolute;
    inset: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-controls {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 50;
}

.rounded-left-gazelle {
	width:800px;
    border-top-left-radius: 400px;
    border-bottom-left-radius: 400px;
    overflow: hidden;
}
.section-rounded-left {color:#96e6f0; overflow:hidden;}
.section-rounded-left .container{background-color:#033a7e;}
.section-rounded-left a{color:#fff;}
.rounded-left-gazelle {display: block; margin-left: auto; text-align: right;}
.rounded-left-gazelle img{height:800px; width:800px;}
.bg-blue{background-color:#033a7e !important;}
.bg-green{background-color:#eef7ef !important;}
.bg-green  .table > :not(caption) > * > *  {background-color: transparent !important; border-bottom:1px solid #ccc;}
.rounded-left-content{padding:10rem 9rem !important;}
.rounded-left-content h1{font-size:clamp(3.9rem,3vw,2.9rem);}
@media (max-width: 1400px) {
	.section-rounded-left{background-color:#033a7e;}
}
@media (max-width: 1200px) {
	.rounded-left-content{padding:9rem 3rem !important;}
}
@media (max-width: 992px) {
	.rounded-left-gazelle {
		width:500px;
		height:500px;
		border-top-left-radius: 250px;
		border-top-right-radius: 250px;
		border-bottom-left-radius: 0px;
		overflow: hidden;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.rounded-left-content{padding:4rem 3rem !important;}
	
}
.gazelle-csr-main{background-image:url(/images/gazelle/gazelle-csr-main.jpg); height:100%; background-size:cover; background-position:center 100%;}
.table-framesizes{margin:0 auto; }
.table-framesizes td, .table-framesizes th{padding-top:1em;padding-bottom:1em; padding-left:2em; padding-right:2em; }
.table-framesizes tr:hover {background-color:#eee;}
.przeglad-modeli a{color:#033a7e !important; font-weight:400;}

.table-awards td:first-child {width:20%;}

#bikeTypeContainer .base-button, #positionContainer .base-button{display:inline-block; margin-right:1rem; margin-bottom:0.5rem;}
@media (min-width: 992px) {
	.familyResetFilters {margin-top:-55px;}
}
.family-grid-description{background-color:#fff;  padding:5em 4em;}

@media (min-width: 1024px) {
	.family-grid-description{height:100%;}
}
@media (max-width: 1024px) {
	.family-grid-img img{width:100%; }
	.family-grid-img {padding:0px !important;}
	.family-grid-description{margin-bottom:2rem;}
}
.family-grid-bg{background-color:#fff;}
.advice-ul li a{color:#033a7e; font-weight:400; line-height:2em; }
.advice-ul li {font-size:1.2em;}
.advice-ul-in li {font-size:0.9em !important;}
#contact a{color:#033a7e; line-height:2em; text-decoration:none;}
.kontakt-layer-logo-artbikes{text-align:center;}
@media (max-width: 1024px) {
	#contact{text-align:center;}
	.kontakt-layer-logo-artbikes{text-align:center;}
}

#map{height:500px;}
.map-gdzie-kupic{height:800px !important;}
@media (max-width: 1440px) {
	.map-gdzie-kupic{height:700px !important;}
}
@media (max-width: 1024px) {
	.map-gdzie-kupic{height:600px !important;}
}
.leaflet-tile {
  filter: grayscale(100%);
}

.marker-cluster-small, .marker-cluster-medium  {
    background: #ffffff !important;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    color: #000;
	display: flex;
    align-items: center;
    justify-content: center;

}

.marker-cluster-small div,.marker-cluster-medium  div {
    background: transparent !important;
    border: none !important;
    color: #000;
    font-weight: 600;
}

.marker-cluster div{margin-left:0px;margin-top:0px;}

.dystrybutorzy-tabela .row > div {
    padding-right: 10px;
}
.dystrybutorzy-tabela a {
    color:#033a7e;
    text-decoration: none;
	line-height:2em;
	
}
.base-button__blue {color:#fff !important;}
.advice-ul-no-underline a{text-decoration:none !important;}
.advice-ul-no-underline a:hover{text-decoration:underline !important;}

.responsive-table {
    width: 100%;
    border-collapse: collapse;
}

.responsive-table th,
.responsive-table td {
border: 1px solid #ddd;
padding: 8px 12px;
text-align: left;
}

/* MOBILE: tabela zmienia się w karty */
@media (max-width: 768px) {
.responsive-table thead {
  display: none;
}
}

.responsive-table tr {
  display: block;
  margin-bottom: 16px;
  border: 1px solid #ddd;
  padding: 12px;
  border-radius: 6px;
}

.responsive-table td {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  border: none;
  border-bottom: 1px solid #eee;
}

.responsive-table td:last-child {
  border-bottom: none;
}

.responsive-table td::before {
  content: attr(data-label);
  font-weight: 600;
  color: #333;
}

.battery-dot {
    width: 100% !important;
    display: flex;
    justify-content: space-between; /* Wh po lewej, cena po prawej */
    align-items: center;
    padding: 15px 18px;
    box-sizing: border-box;
	border:1px solid #eee !important;
	margin-bottom:1rem;
}

.battery-dot .battery-price {
    font-weight: 600;
    white-space: nowrap;
    margin-left: 10px;
}
#engine-extra-info{color:#fff;}
#engine-extra-info h2{font-size:clamp(2.5rem,2vw,2.9rem) !important;}
.extra-info-bg-img{background-repeat:no-repeat;background-position:center right ; min-height:700px; position:relative;background-size:contain;}
.extra-info-bg-img-left{background-repeat:no-repeat;background-position:center left ; min-height:700px; position:relative;background-size:contain;}
.extra-info-bg-img-gradient{position:absolute; top:0px; left:0px; width:100%; height:200px;background:linear-gradient(0deg,rgba(47,47,47,0),#2f2f2f);}
.extra-info-bg-img-gradient-bottom{position:absolute; bottom:0px; left:0px; width:100%; height:200px;background:linear-gradient(0deg,#2f2f2f,rgba(47,47,47,0));}

@media (max-width: 768px) {
	.extra-info-bg-img{xmin-height:500px; background-position:top center; padding-top:250px;}
	.extra-info-bg-img-left{xmin-height:500px; background-position:top center;padding-top:0px;}
	.extra-info-bg-img-gradient-bottom{display:none;}
}


#lightbox-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
    z-index: 9999;
}

#lightbox-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

#lightbox-overlay img {
    max-width: 90vw;
    max-height: 90vh;
    transform: scale(0.7);
    opacity: 0;
    transition: transform .25s ease, opacity .25s ease;
}

#lightbox-overlay.active img {
    transform: scale(1);
    opacity: 1;
}

.bike-zoomable {
    cursor: zoom-in;
}
#lightbox-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,1);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
}

#lightbox-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

#lightbox-close {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 52px;
    font-weight: 300;
    color: #444;
    cursor: pointer;
    z-index: 100000;
    user-select: none;
    transition: opacity .2s;
	width:54px;
	height:54px;
	background:#fafafa;
	border-radius:50%;
	text-align:center;
	line-height:44px;
	padding:0px;
	opacity:0.5;
	
}
#lightbox-overlay.fade-out {
    opacity: 0;
    pointer-events: none;
}

#lightbox-close:hover {
    opacity: .8;
}
#lightbox-img{
	cursor:zoom-out;
	transform-origin: center center;
    transition: transform 0.1s ease-out;
    touch-action: none; /* pozwala przejąć gesty */

}

.battery-table-wrapper {
    overflow-x: auto;
}

.battery-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
}

.battery-table th,
.battery-table td {
    padding: 12px 16px;
    xborder-bottom: 1px solid #ddd;
    text-align: left;
}

.battery-table th {
    
    color: #fff;
    font-weight: 600;
}

.battery-table tr:nth-child(even) td {
    xbackground: #2a2a2a;
}

#battery-table{background:#2f2f2f; color:#fff;}

.collapsible .collapsible-body {
    display: none;
    padding-left: 5px;
}

.collapsible.open .collapsible-body {
    display: block;
}

.collapsible-header {
    cursor: pointer;
    user-select: none;
    position: relative;
}

.collapsible-header::after {
    content: "▸";
    position: absolute;
    right: 0;
    transition: transform 0.2s;
}

.collapsible.open .collapsible-header::after {
    transform: rotate(90deg);
}
.filter-search-by-name{border-radius:18px;}
.filter-search-by-name:focus {
    box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25) !important;
}
.search-wrapper {
    position: relative;
}

.search-wrapper input {
    padding-right: 36px; /* miejsce na ikonkę */
}

.search-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    cursor: pointer;
    font-size: 18px;
}

.search-icon:hover {
    color: #000;
}




.ubezpieczenie__campaign{
	
	xmargin-top: -92px;
	z-index:1000;
	margin-top: 1rem;
}
.ubezpieczenie__campaign-content {
	background:#1d2c57;
	color:#fff;
	min-height:300px;
	padding:20px 40px;
	border-left:20px solid #fff;
	border-top:20px solid #fff;
	border-bottom:20px solid #fff;
	
}
.ubezpieczenie__campaign-content h2{text-transform:none; }
.ubezpieczenie__campaign-content a{text-decoration:none; color:#fff; margin-top:10px; font-weight:bold; display:inline; float:left;}
.ubezpieczenie__campaign-content a:hover{text-decoration:underline; color:#eee;}
.ubezpieczenie__campaign-image {
	min-height:300px; 
	background-image:url('/img/box-ubezpieczenie.jpg'); background-size: auto; background-position:center center; background-repeat: no-repeat; background-size:cover;  
	border-right:20px solid #fff;
	border-top:20px solid #fff;
	border-bottom:20px solid #fff;
}
.ubezpieczenie__campaign-content table{margin-top:55px;}
.ubezpieczenie__campaign-content table img {margin-left:10px;margin-right:30px; width:70px;}
@media (max-width:1199px){
	.ubezpieczenie__campaign-content {
		border-left:20px solid #fff;
		border-top:20px solid #fff;
		border-bottom:0px none;
		border-right:20px solid #fff;
		
	}
	.ubezpieczenie__campaign-image {
		border-right:20px solid #fff;
		border-top:0px none;
		border-left:20px solid #fff;
		border-bottom:20px solid #fff;
	}
}


h2.ubezpieczenie-title{font-size:2em !important; text-transform:none; font-weight:600;margin-left:40px; margin-bottom:40px;}
.ubezpieczenie-content{padding-left:40px; padding-top:20px; padding-bottom:20px; margin-right:40px; margin-bottom:20px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.material-marketingowy{float:right; margin-top:40px; font-size:.8em; color:#536b85; text-transform:uppercase; border:1px solid #536b85;padding:8px; margin:30px;}
.ubezpieczenie-jak-zglosic-szkode-bg-grey {background:#f5f5f5; margin-top:50px; margin-bottom:50px; padding-top:20px; padding-bottom:20px;}

.ubezpieczenie-boxy-lightblue-gorne{border-bottom:1px solid #818f9a;}
.ubezpieczenie-boxy-lightblue-dolne{border-top:1px solid #818f9a;}
.ubezpieczenie-row-pomiedzy-boxami{padding-top:30px; padding-bottom:30px;font-weight:400;}
.ubezpieczenie-row-lightblue{background:#f6fafd;}
.ubezpieczenie-boxy-lightblue{padding-top:40px; padding-bottom:30px; padding-left:20px; padding-right:20px;}
.ubezpieczenie-boxy-bg-kreska{background-image:url(/img/bg-ubezpieczenie-boxy-kreska-pionowa.jpg);background-repeat:no-repeat;}
.ubezpieczenie-boxy-bg-kreska-pd{background-position:bottom right ;}
.ubezpieczenie-boxy-bg-kreska-ld{background-position:bottom left ;}
.ubezpieczenie-boxy-bg-kreska-pg{background-position:top right ;}
.ubezpieczenie-boxy-bg-kreska-lg{background-position:top left ;}
@media (max-width:991px){
	.ubezpieczenie-boxy-bg-kreska{background-image:url(/img/bg-ubezpieczenie-boxy-kreska-pozioma.jpg);background-repeat:no-repeat;}
	.ubezpieczenie-boxy-bg-kreska-pd{background-position:bottom center;}
	.ubezpieczenie-boxy-bg-kreska-ld{background-position:top center;}
	.ubezpieczenie-boxy-bg-kreska-pg{background-position:bottom center;}
	.ubezpieczenie-boxy-bg-kreska-lg{background-position:top center;}
}

.svg_ubezpieczenie_icon {height:65px;}
.svg_ubezpieczenie_icon .fil0 {fill:#004A99;fill-rule:nonzero;}

.ubezpieczenie-box-title{font-size:1.6em;margin-top:15px; margin-bottom:5px;}
.ubezpieczenie-box-content{font-size:1.1em;}

.ubezpieczenie-boxy-lightblue-title {font-weight:600; height:80px;}
.ubezpieczenie-boxy-lightblue-content {height:90px; }
.ubezpieczenie-boxy-lightblue-price {font-weight:600; font-size:1.3em;}

.ubezpieczenie-boxy-title {font-weight:600; height:60px; margin-top:20px;}
.ubezpieczenie-boxy-content {height:30px; }

.ubezpieczenie-box-ogolne-informacje{padding-top:20px;padding-bottom:20px; margin-top:50px; margin-bottom:50px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}

#accordionFaq {margin-bottom:50px;}
#accordionFaq h2{margin-top:10px;margin-bottom:0px;font-weight:100; background:#fff; }
#accordionFaq .accordion-body{background:#fff;}
#accordionFaq .accordion-item{border-top:0px none;}
#accordionFaq tr{border-bottom:1px solid #eee;}

.faq-bg{background:#f6fafd;}
.card-header .btn-link{font-size:0.5em !important; color:#2f2f2f; background:#fff; width:100%; text-align:left;font-weight:400;}
.card-body{padding:20px; background:#fff; border-left:2px solid #a4b9ce; border-right:2px solid #a4b9ce; border-bottom:2px solid #a4b9ce; border-top:2px solid #a4b9ce;}

.row-ochrone-zapewnia{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.box-ochrone-zapewnia{padding:50px;}
.box-ochrone-zapewnia .btn-ramka{margin-top:15px;}
.box-mentor .btn-ramka{margin-top:15px;}
.box-mentor-left,.box-ochrone-zapewnia-left{text-align:left;}
.box-mentor-center,.box-ochrone-zapewnia-center{text-align:center;}
.box-mentor-right,.box-ochrone-zapewnia-right{text-align:right;}
.row-mentor{background-color:#1f3365; background-image:url(/img/bg-ubezpieczenie-baner-mentor.jpg); background-position:center center; background-size:cover;background-repeat:no-repeat; color:#fff; margin-top:50px; margin-bottom:50px;}
.box-mentor{padding:50px;}

@media (max-width:991px){
	.box-mentor-left,.box-mentor-center,.box-mentor-right{text-align:center;}
	.box-ochrone-zapewnia-left,.box-ochrone-zapewnia-center,.box-ochrone-zapewnia-right{text-align:center;}
	.box-mentor{padding:30px;}
	.box-ochrone-zapewnia{padding:30px;}
	.box-ochrone-zapewnia-center{padding:0px;}
	.box-mentor-center{padding:0px;}
}

.box-dokumenty {margin-bottom:50px;}
.box-dokumenty-linki {background:#f6fafd;padding:50px 30px;}
.box-dokumenty a{display:inline-block; background-color:#fff; background-image:url(/img/icon_pdf.jpg);background-repeat:no-repeat; background-position:center 20px; text-align:center; padding-top:100px; padding-bottom:20px; color:#3b3b3b; width:165px; height:190px;border:1px solid transparent; margin:5px; text-decoration:none;}
.box-dokumenty a:hover{background-color:#fff; background-image:url(/img/icon_pdf.jpg);color:#004a99; border:1px solid #fff; box-shadow:0px 0px 10px #eee;}


.jumbotron{xmin-height:100%; margin-top:0px; xmargin-bottom:0px; }
.jumbotron > .container > p, .jumbotron > .container > h1{
	text-shadow:0px 0px 22px #000;  color:#333; font-weight:100; font-style: normal;
	letter-spacing:2px;
	padding-top:10px;
	padding-bottom:10px;
	}
.jumbotron > .container > h1{font-size:2.5em; font-weight:600; color:#fff; padding-top:30px; } 
.jumbotron > .container > p{font-size:1.5em; font-weight:400; color:#fff; text-transform:uppercase;} 

.jumbotron-caption{
	display: inline-block;
	padding: 5px 10px 10px 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	bottom:30%;
	text-align:left;
	left:10%;
	right:10%;
	position:absolute;
}
.jumbotron-title{margin-bottom:20px; color:#fff; font-size:calc(1.9rem + 2.0vw); text-transform:none; letter-spacing:3px; font-weight:600;}

#myCarousel .carousel-item {
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: 40% 10% !important;
    min-height: 50vh;

}
.product-contact{color:#033a7e;text-decoration:none; cursor:pointer;}
.product-contact:hover{color:#222;text-decoration:none;}

.contact-popup {
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 14px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  display: none;
  z-index: 9999;
  font-size: 14px;
  color:#033a7e !important;
}
.contact-popup a{color:#033a7e !important;line-height:2.5em; text-decoration:none;}
.contact-popup a:hover{color:#222 !important;}
#mobileShowFilters{    
	display: none;
    position: fixed;   /* zawsze widoczne, nie skroluje się */
    top: 55px;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 8px 15px;
    text-align: center;
    z-index: 100; /* ponad resztą */
	cursor:pointer;
	font-weight:400;
}
@media (max-width: 768px) { 
	#mobileShowFilters{display:block;}
	.filters-box {position: fixed;top:98px; z-index:100; background:#fff;  display:none; width:100%; padding-top:10px; overflow-y:scroll; max-height:calc(100% - 100px);}
	.active-filters {position: fixed;top:95px; z-index:99; background:#fff;  display:block; width:100%; }
	#modelsCount{margin-top:0px;}
	
}
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #EEF7EF;
  color: #222;
  padding: 15px;
  text-align: center;
  display: none;
  z-index:1000;
}
.cookie-banner button {
  margin-left: 10px;
  padding: 5px 10px;
}
#loader{background-color:hsla(0,0%,100%,.9);background-image:url(/img/loader-1.gif);background-position:50%;background-repeat:no-repeat;height:100%;left:0;overflow:visible;position:fixed;top:0;width:100%;z-index:1999}
#img-rotator-loader{background-image:url(/img/loader-1.gif);background-position:50%;background-repeat:no-repeat;height:100%;left:0;overflow:visible;width:100%;height:100%;z-index:1999}

#search-dealer.form-control:focus {
    border-color: #033a7e !important;
    box-shadow: none !important;
}
.btn-find-location{border:1px solid #ddd; border-radius:30px; width:100%;}
.lang-flag {border:1px solid #ccc; height:0.9em; margin-right:0.4em;margin-top:-2px;}
.description-description a{color:#033a7e; text-decoration:none;font-weight:400;}
.bikes-top-header{max-width:900px; padding-left:1em;}
.bikes-top-header h1{font-weight:300;margin-top:3em;}
.bikes-top-header a{text-decoration:none; color:#033a7e;}
.bikes-top-header p{font-size:1.1em;}
@media (max-width: 768px) { 
	.bikes-top-header h1{margin-top:160px;}
}
.usp-img{border:1px solid #eee;}

#gallery {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;    
  overflow-y: hidden;
  gap: 8px; 
  padding-bottom: 20px;
  margin-top:1rem;
}

#gallery img.bike-thumb {
  xheight: 120px;         
  flex-shrink: 0;        
  object-fit: cover;
  cursor: pointer;
}

#gallery {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  min-height:100px;
}

#gallery img.bike-thumb {
  flex-shrink: 0;
  height: 100px;
  width: auto;
  max-width: none;
}
.product-price {float:right; padding-right:1rem;}
#gallery-main-img-overlay{max-height:630px; min-height:430px; overflow:hidden;}
@media (min-width: 1200px) {
	#gallery-main-img-overlay{min-height:550px;}
}
@media (min-width: 1024px) {
	#gallery-main-img-overlay{min-height:480px;}
}
.gallery-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 34px;
    color: #888;
    cursor: pointer;
    padding: 0px;
    user-select: none;
    z-index: 10;
    opacity: 0.5;
    transition: opacity .2s;
	width:54px;
	height:54px;
	border-radius:50%;
	background:#fafafa;
	text-align:center;
	line-height:50px;
}

.gallery-arrow:hover {
    opacity: 0.8;
	background:#eee;
}

.gallery-arrow-left {
    left: 10px;
	padding-right:4px;
}

.gallery-arrow-right {
    right: 10px;
}
.lightbox-arrow {
   position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 34px;
    color: #888;
    cursor: pointer;
    padding: 0px;
    user-select: none;
    z-index: 10;
    opacity: 0.5;
    transition: opacity .2s;
	width:54px;
	height:54px;
	border-radius:50%;
	background:#fafafa;
	text-align:center;
	line-height:50px;
}

.lightbox-arrow:hover {
     opacity: 0.8;
	background:#eee;
}

#lightbox-prev {
    left: 20px;
}

#lightbox-next {
    right: 20px;
}
#lightbox-thumbs {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    padding: 10px 15px;
    background: #fff;
    border-radius: 10px;
    z-index: 30;
	
	max-width: 90vw;       /* KLUCZOWE – ogranicza szerokość kontenera */
    overflow-x: auto;      /* przewijanie poziome */
    overflow-y: hidden;
    white-space: nowrap;   /* zapobiega łamaniu wierszy */


}

#lightbox-thumbs img {
    height: 70px;
    object-fit: cover;
    cursor: pointer;
    opacity: 0.6;
    border-radius: 4px;
    transition: opacity .2s, transform .2s;
}

#lightbox-thumbs img.active {
    opacity: 1;
    transform: scale(1.1);
    border: 2px solid #ddd;
}

#lightbox-zoom {
    touch-action: none;   /* przejmujemy gesty */
    overflow: hidden;     /* żeby obraz nie wychodził */
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#lightbox-img {
    transform-origin: center center;
    max-width: 100%;
    max-height: 100%;
    will-change: transform;
}

.index-ebike-img {
    aspect-ratio: 648 / 458;
    width: 100%;
    height: auto;
    display: block;
}

/* Stabilizacja fontów Supreme w sliderze */
.carousel-caption h1,
.carousel-caption p,
.carousel-caption .btn {
    font-family: 'Supreme', 'Helvetica Neue', Arial, sans-serif;
}

/* Stabilizacja fontów Supreme w sliderze */
.carousel-caption h1,
.carousel-caption p,
.carousel-caption .btn {
    font-family: 'Supreme', 'Helvetica Neue', Arial, sans-serif;
}

/* Eliminacja font CLS */
.carousel-caption h1 {
    line-height: 1.1;
    font-size-adjust: 0.52;
}

/* Stabilizacja przycisków */
.carousel-caption .btn {
    font-size-adjust: 0.52;
}

.llSlideButton .vertical-button a {background:rgb(3 58 126); opacity:0.6;}
.llSlideButton .vertical-button a:after {display:none;}
#familyVideoFrame {border: 0;}