.nano {
	width:100%;
	max-height:100px;
	}

.bottom_grey{
		border-bottom:1px solid #f4f4f5;
	}

.box_border_line{
		position:relative;
		background:#fff;
		top:-20px;
		padding:10px;
		box-sizing:border-box;
		border-radius:10px;
		box-shadow:0px 8px 5px rgba(0,0,0,0.1)
	}

.box_border_line > ul li::before {
		content: "\f00c";
		font-size:18px;
	}

img.img-center{
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		max-width:100%;
	}

.bottom-line-title{
		padding: 10px;
		box-sizing: border-box;
		border-bottom: 1px solid #136e71;
		font-family:var(--font-main), Arial;
		font-size:18px;
		text-align:right;
		text-transform:uppercase;
	}

.l-certyfikat{
		display:table;
		background:#09686b; 
		color:#fff;
		padding:10px 10px;
		box-sizing:border-box;
		width:100%;
	}

.l-certyfikat > div{
		float:left;
		display:table-cell;
		text-align:center; 
		vertical-align: middle;
		height:80px;
	}

.footer-buttons-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    gap: 10px;
}

.footer-buttons-grid a:hover{
		color:#fff !important;
}

.btn-footer {
    display: block;
    padding: 10px 15px;
    border: 1px solid rgba(255,255,255,0.3);
    text-align: center;
    font-size: 14px !important;
    transition: all 0.4s ease !important;
    background: rgba(255,255,255,0.05);
	border-radius:25px;
}

.btn-footer:hover {
    background: #1d2272 !important;
    border-color: #1d2272 !important;
    transform: translateY(-3px);
}

.kafel-atut {
    flex: 1;
    min-width: 250px;
    padding: 30px 20px;
    background: #fff;
    border: 1px solid #eee;
    text-align: center;
    transition: all 0.4s ease-in-out;
	border-radius:10px;
    position: relative;
    overflow: hidden;
}

.kafel-atut:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-color: #1d2272; }

.kafel-icon {
    font-size: 35px;
    color: #1d2272;
    margin-bottom: 20px;
    transition: transform 0.4s ease;
}

.kafel-atut:hover .kafel-icon {
    transform: scale(1.2); }

.kafel-atut h3 {
    font-family: 'var(--font-heading)', Arial;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #232323;
}

.kafel-atut p {
    font-size: 15px;
    line-height: 1.6;
    color: #666;
    margin: 0;
}

.lead-text {
    font-size: 18px;
    line-height: 1.8;
    color: #444;
    margin: 20px 0;
}

.contentbox-lead{
    font-family: var(--font-heading), Arial, sans-serif;
    font-size: 34px;
    line-height: 1.25;
    color: #1d2272;
    max-width: 900px;
    margin: 0 0 35px 0;
    padding-left: 24px;
    border-left: 4px solid #1d2272;
}

.contentbox-block{
    margin: 0 0 32px 0;
    padding: 0 0 18px 0;
    border-bottom: 1px solid #e7ebf5;
}

.contentbox-block h3{
    font-family: var(--font-heading), Arial, sans-serif;
    font-size: 24px;
    color: #1d2272;
    margin: 0 0 14px 0;
}

.contentbox-block p{
    font-family: var(--font-text), Arial, sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #4b546f;
    margin: 0;
}

.contentbox-closing{
    margin-bottom: 40px;
    padding: 22px 26px;
    border-radius: 16px;
    background: linear-gradient(135deg, #f5f7ff 0%, #eef2ff 100%);
    color: #1d2272;
    font-family: var(--font-heading), Arial, sans-serif;
    font-size: 26px;
    text-align: center;
    box-shadow: 0 10px 24px rgba(29,34,114,.06);
}

.history-timeline{
    position:relative;
    margin-top:40px;
}

.history-timeline::before{
    content:"";
    position:absolute;
    left:55px;
    top:0;
    bottom:0;
    width:2px;
    background:linear-gradient(#1d2272, transparent);
}

.history-year-box{
    display:flex;
    align-items:flex-start;
    gap:30px;
    margin-bottom:40px;
    position:relative;
}

.history-year{
    min-width:110px;
    height:110px;
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background: linear-gradient(135deg, #1d2272, #4a6cf7);
    color:#fff;

    font-family:var(--font-heading), Arial;
    font-size:24px;

    box-shadow:0 10px 25px rgba(29,34,114,.25);
    z-index:2;
}

.history-content h3{
    font-family:var(--font-heading), Arial;
    font-size:22px;
    color:#1d2272;
    margin:0 0 10px 0;
}

.history-content p{
    font-family:var(--font-elements), Arial;
    font-size:17px;
    line-height:1.6;
    color:#4b546f;
    margin:0;
    max-width:600px;
}

.about-partner{
	display:flex;
	align-items:center;
	gap:40px;

	margin:50px 0;
	padding:30px 35px;

	border-radius:18px;
	background:linear-gradient(135deg, #f5f7ff 0%, #eef2ff 100%);

	box-shadow:0 10px 24px rgba(29,34,114,.06);
}

.about-partner-logo{
	flex:0 0 160px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.about-partner-logo img{
	max-width:140px;
	height:auto;
	object-fit:contain;
}

.about-partner-content{
	flex:1;
}

.about-partner-content h3{
	font-family:var(--font-heading), Arial;
	font-size:24px;
	color:#1d2272;
	margin-bottom:12px;
}

.about-partner-content p{
	font-family:var(--font-elements), Arial;
	font-size:16px;
	line-height:1.7;
	color:#4b546f;
	margin-bottom:10px;
}

.about-partner-content strong{
	color:#1d2272;
	font-weight:600;
}

.brands-section{
	margin:20px 0;
}

.brands-section h3{
	font-family:var(--font-heading);
	font-size:26px;
	color:#1d2272;
	margin-bottom:25px;
	text-align:center;
}

.brands-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));
	gap:20px;
}

.btn-primary{
    display:inline-block;
    padding:12px 26px;
    border-radius:8px;
    font-family:var(--font-main), Arial;
    font-size:15px;
    text-decoration:none;
    color:#ffffff;

    background: linear-gradient(135deg, #1d2272, #3b44b3);

    box-shadow: 0 8px 20px rgba(29,34,114,0.25);

    transition:0.3s;
}

.btn-primary:hover{
    background: linear-gradient(135deg, #14185a, #2c3596);
    box-shadow: 0 12px 30px rgba(29,34,114,0.35);
    transform: translateY(-2px);
}

.scroll-y-container::-webkit-scrollbar{
	display:none;
}

.home-mini-grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:20px;
	margin-top:30px;
}

.home-mini-card{
	background:#fff;
	border:1px solid rgba(29,34,114,.08);
	border-radius:16px;
	padding:28px 24px;
	box-sizing:border-box;
	box-shadow:0 8px 24px rgba(15,21,61,.05);
	height:100%;
}

.home-mini-card h3{
	font-family:var(--font-heading), Arial, sans-serif;
	font-size:24px;
	color:#1d2272;
	margin:0 0 14px 0;
	text-align:center;
}

.home-mini-card p{
	font-family:var(--font-elements), Arial, sans-serif;
	font-size:16px;
	line-height:1.7;
	color:#4b546f;
	margin:0;
	text-align:center;
}

.home-mini-icon{
	width:58px;
	height:58px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 18px auto;
	background:linear-gradient(135deg, #1d2272, #4a6cf7);
	color:#fff;
	font-size:24px;
	box-shadow:0 8px 20px rgba(29,34,114,.18);
}

.home-links-band{
	margin-top:50px;
	padding:45px 35px;
	border-radius:24px;
	background:radial-gradient(circle at top left, rgba(107,117,246,.20), transparent 28%), linear-gradient(135deg, #111738, #27348b 58%, #5e6bff);
}

.home-links-band .home-subtitle{
	color:#fff;
	text-align:center;
	margin-bottom:30px;
}

.home-link-grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:18px;
}

.home-link-box{
	display:block;
	text-decoration:none;
	background:rgba(255,255,255,.96);
	border:1px solid rgba(255,255,255,.35);
	border-radius:16px;
	padding:24px 20px;
	box-sizing:border-box;
	box-shadow:0 8px 20px rgba(8,18,61,.12);
	transition:transform .3s ease, box-shadow .3s ease;
}

.home-link-box:hover{
	transform:translateY(-5px);
	box-shadow:0 16px 34px rgba(8,18,61,.18);
}

.home-link-box h3{
	font-family:var(--font-heading), Arial, sans-serif;
	font-size:24px;
	color:#1d2272;
	margin:0 0 10px 0;
	text-align:center;
}

.home-link-box p{
	font-family:var(--font-elements), Arial, sans-serif;
	font-size:15px;
	line-height:1.65;
	color:#4b546f;
	margin:0;
	text-align:center;
}

.lupa { 
		position: fixed; 
		z-index:5000; 
		border: 1px solid #CCC; 
		background-color: #EFEFEF; 
		margin: 10px 0 10px 0; 
		padding: 5px; 
	}

.lupa #w1 { 
		font-size: 20px; 
		border: 1px solid #CCC;
		background-color: #fff;
	}

.lupa #w2 { 
		font-size: 16px;
		border: 1px solid #CCC;
		background-color: #fff;
	}

.lupa #w3 { 
		font-size: 15px; 
		border: 1px solid #CCC;
		background-color: #fff;
	}

.lit { 
		display: inline; 
		text-decoration: underline; 
		cursor: pointer; 
	}

.selected { 
		font-weight: bold; 
	}

#scrollbar1 { 
		width: 400px; 
		margin: 0px 0 0px;
  }

#scrollbar1 .viewport { 
		width: 380px; 
		height: 400px; 
		overflow: hidden; 
		position: relative; 
  }

#scrollbar1 .overview { 
		list-style: none; 
		position: absolute; 
		left: 0; 
		top: 0; 
		padding: 0; 
		margin: 0; 
  }

#scrollbar1 .scrollbar{ 
		background: transparent url(/images/bg-scrollbar-track-y.png) no-repeat 0 0; 
		position: relative; 
		background-position: 0 0; 
		float: right; 
		width: 15px; 
  }

#scrollbar1 .track { 
		background: transparent url(/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; 
		height: 100%;
		width:13px; 
		position: relative; 
		padding: 0 1px; 
  }

#scrollbar1 .thumb { 
		background: transparent url(/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; 
		height: 20px; 
		width: 25px; 
		cursor: pointer; 
		overflow: hidden; 
		position: absolute; 
		top: 0; 
		left: -5px; 
  }

#scrollbar1 .thumb .end { 
		background: transparent url(/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; 
		overflow: hidden; 
		height: 5px; 
		width: 25px; 
  }

#scrollbar1 .disable { 
		display: none; 
  }

.thumbelina {
    list-style:none;
    padding:0px;
    margin:0px;
    position:absolute;
    white-space:nowrap;
    font-size:0;    
    -webkit-touch-callout: none; 
    -webkit-user-select: none;     
}

.thumbelina uls{
float:left;
}

.thumbelina lis {
   padding:5px;
   line-height: 0px;
   margin:0px;
}

.thumbelina lis img {
     border:1px solid #ccc;
}

.thumbelina lis img:hover {
     border:1px solid #e80000;
}

.thumbelina-but {
    position:absolute;
    background-color: #e80000;
    border:1px solid #e80000;
    z-index: 1;
    cursor:pointer;   
    color:#fff;
    text-align:center;
    vertical-align:middle;
    font-size:18px;
    font-weight: bold;
	-webkit-transition: .5s;
            transition: .5s;
}

.thumbelina-but:hover {
    color:#e80000;
	background:#fff;
	-webkit-transition: .5s;
            transition: .5s;
}

.thumbelina-but.disabled,
.thumbelina-but.disabled:hover {
    background-color: #efefef;
	border:1px solid #b4b4b4;
    color: #ccc;
    cursor:default;
    box-shadow:none;
}

.thumbelina-but.horiz {
    width: 30px;
    height: 30px;
    top:40px;

}

.thumbelina-but.horiz.left {
    left:-22px;
    #border-radius: 5px 0px 0px 5px;
}

.thumbelina-but.horiz.right {
    right:-22px;
    #border-radius: 0px 5px 5px 0px;
}

.thumbelina-but.vert {
    left:-1px;
    height: 20px;
    line-height: 20px;
    width:93px
}

.thumbelina-but.vert.top {
    top:-22px;
    border-radius: 5px 5px 0px 0px;
}

.thumbelina-but.vert.bottom {
    bottom:-22px;
    border-radius: 0px 0px 5px 5px;
}