.wcag-menu {
	background-color: transparent;
	color: #000000 !important;
	width: 100%;
}
body {
	font-family: "Montserrat", sans-serif;
}
.bg-green {
	background-color: #ADC987;
	color: #FFFFFF !important;
}

.bg-green .nav-link:link {
	color: #FAFAFA !important;
}
.bg-green .nav-link:visited {
	color: #FAFAFA !important;
}
.bg-green .nav-link:hover, .bg-green .nav-link:active, .bg-green .nav-link:focus { 
	color: #FFFFFF !important;
}

.footer-info-panel  {
	background-color: #000000;
	color: #E8E8E8;
	font-size: 14px;
}
.navbar-nav .nav-link {
	/*zapobiega łamaniu się etykiet w menu: o nas*/
	white-space: nowrap;
}
.honeypot{
	display: none;
}
.submenu {
	background-color: #333;
	width: 250px;
	padding: 0px 15px;
}
@media (max-width:1199px){
	.submenu {
		background-color: #333;
		width: 220px;
		padding: 0px 15px;
	}
}
@media (max-width:991px){
	.submenu {
		background-color: #333;
		width: 180px;
		padding: 0px 15px;
	}
}
@media (max-width:768px){
	.submenu {
		background-color: #333;
		width: auto;
		padding: 0px 15px;
	}
}
#rodo {
	display: none;	
}
.small-text {
	font-size: 12px;	
	text-align: justify; 
}
.img-fluid-50 {
	max-width: 50%;
	height: auto;
}
.img-fluid-66 {
	max-width: 66%;
	height: auto;
}
.img-fluid-75 {
	max-width: 50%;
	height: auto;
}
.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.public-submenu {
	margin: 10px;
}
.bg-dark .nav-link:link {
	color: #FAFAFA !important;
}
.bg-dark .nav-link:visited {
	color: #FAFAFA !important;
}
.bg-dark .nav-link:hover, .bg-dark .nav-link:active, .bg-dark .nav-link:focus { 
	color: #FFFFFF !important;
}
#privacypolicy-message {
	padding: 10px 10px; 
	font-size: 14px; 
	line-height: 24px; 
	text-align: center; 
	position: fixed; 
	bottom: 0px; 
	background-color: #f3f3f3;
	color: #000000; 
	width: 100%; z-index: 999;
}
.card-custom {
	background-color: #fff;
}
.clear-float{ 
	clear:both
}
button.default {
	color: #726F98;
	border: none;
	outline: none;
	padding: 0;
	cursor: pointer;
}
button.default:hover {
	color: #9F9AD4;	
} 
button.blackyellow {
	color: #726F98;
	border: none;
	outline: none;
	padding: 0;
	cursor: pointer;
}
button.blackyellow:hover {
	color: #9F9AD4;
} 
button.yellowblack {
	color: #726F98;
	border: none;
	outline: none;
	padding: 0;
	cursor: pointer;
}
button.yellowblack:hover {
	color: #9F9AD4;
} 
button.increase {
	color: #726F98;
	border: none;
	outline: none;
	padding: 0;
	cursor: pointer;
}
button.increase:hover {
	color: #9F9AD4;
} 
button.decrease {
	color: #726F98;
	border: none;
	outline: none;
	padding: 0.5rem 1rem;
	cursor: pointer;
}
button.decrease:hover {
	color: #9F9AD4;
} 
button.reset {
	color: #726F98;
	border: none;
	outline: none;
	padding: 0.5rem 1rem;
	cursor: pointer;
}
button.reset:hover {
	color: #9F9AD4;
} 
button.reading {
	color: #726F98;
	border: none;
	outline: none;
	padding: 0.5rem 1rem;
	cursor: pointer;
}
button.reading:hover {
	color: #9F9AD4;
}
[class^="social-icon"] {
    display: inline-block;
    width: 25px;
    height: 25px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    margin: 7px 7px 7px 0;
}
.social-icon { 
    background-color: #726F98; 
}
.social-icon-secondary { 
    background-color: #333333; 
}
.social-icon-tertiary { 
    background-color: #FFFFFF; 
}

.facebook [class^="social-icon"]  { -webkit-mask-image: url('/assets/stylesheets/images/social-public/facebook.svg'); mask-image: url('/assets/stylesheets/images/social-public/facebook.svg'); }
.instagram [class^="social-icon"] { -webkit-mask-image: url('/assets/stylesheets/images/social-public/instagram.svg'); mask-image: url('/assets/stylesheets/images/social-public/instagram.svg'); }
.threads [class^="social-icon"]   { -webkit-mask-image: url('/assets/stylesheets/images/social-public/threads.svg'); mask-image: url('/assets/stylesheets/images/social-public/threads.svg'); }
.twitter [class^="social-icon"]   { -webkit-mask-image: url('/assets/stylesheets/images/social-public/x.svg'); mask-image: url('/assets/stylesheets/images/social-public/x.svg'); }
.linkedin [class^="social-icon"]  { -webkit-mask-image: url('/assets/stylesheets/images/social-public/linkedin.svg'); mask-image: url('/assets/stylesheets/images/social-public/linkedin.svg'); }
.tiktok [class^="social-icon"]    { -webkit-mask-image: url('/assets/stylesheets/images/social-public/tiktok.svg'); mask-image: url('/assets/stylesheets/images/social-public/tiktok.svg'); }

.youtube [class^="social-icon"]   { -webkit-mask-image: url('/assets/stylesheets/images/social-public/youtube.svg'); mask-image: url('/assets/stylesheets/images/social-public/youtube.svg'); }
.twitch [class^="social-icon"]    { -webkit-mask-image: url('/assets/stylesheets/images/social-public/twitch.svg'); mask-image: url('/assets/stylesheets/images/social-public/twitch.svg'); }
.vimeo [class^="social-icon"]     { -webkit-mask-image: url('/assets/stylesheets/images/social-public/vimeo.svg'); mask-image: url('/assets/stylesheets/images/social-public/vimeo.svg'); }
.spotify [class^="social-icon"]   { -webkit-mask-image: url('/assets/stylesheets/images/social-public/spotify.svg'); mask-image: url('/assets/stylesheets/images/social-public/spotify.svg'); }

.whatsapp [class^="social-icon"]  { -webkit-mask-image: url('/assets/stylesheets/images/social-public/whatsapp.svg'); mask-image: url('/assets/stylesheets/images/social-public/whatsapp.svg'); }
.messenger [class^="social-icon"] { -webkit-mask-image: url('/assets/stylesheets/images/social-public/messenger.svg'); mask-image: url('/assets/stylesheets/images/social-public/messenger.svg'); }
.telegram [class^="social-icon"]  { -webkit-mask-image: url('/assets/stylesheets/images/social-public/telegram.svg'); mask-image: url('/assets/stylesheets/images/social-public/telegram.svg'); }
.discord [class^="social-icon"]   { -webkit-mask-image: url('/assets/stylesheets/images/social-public/discord.svg'); mask-image: url('/assets/stylesheets/images/social-public/discord.svg'); }
.teams [class^="social-icon"]     { -webkit-mask-image: url('/assets/stylesheets/images/social-public/msteams.svg'); mask-image: url('/assets/stylesheets/images/social-public/msteams.svg'); }
.signal [class^="social-icon"]    { -webkit-mask-image: url('/assets/stylesheets/images/social-public/signal.svg'); mask-image: url('/assets/stylesheets/images/social-public/signal.svg'); }
.viber [class^="social-icon"]     { -webkit-mask-image: url('/assets/stylesheets/images/social-public/viber.svg'); mask-image: url('/assets/stylesheets/images/social-public/viber.svg'); }

.github [class^="social-icon"]    { -webkit-mask-image: url('/assets/stylesheets/images/social-public/github.svg'); mask-image: url('/assets/stylesheets/images/social-public/github.svg'); }
.behance [class^="social-icon"]   { -webkit-mask-image: url('/assets/stylesheets/images/social-public/behance.svg'); mask-image: url('/assets/stylesheets/images/social-public/behance.svg'); }
.dribbble [class^="social-icon"]  { -webkit-mask-image: url('/assets/stylesheets/images/social-public/dribbble.svg'); mask-image: url('/assets/stylesheets/images/social-public/dribbble.svg'); }

.medium [class^="social-icon"]    { -webkit-mask-image: url('/assets/stylesheets/images/social-public/medium.svg'); mask-image: url('/assets/stylesheets/images/social-public/medium.svg'); }
.substack [class^="social-icon"]  { -webkit-mask-image: url('/assets/stylesheets/images/social-public/substack.svg'); mask-image: url('/assets/stylesheets/images/social-public/substack.svg'); }
.reddit [class^="social-icon"]    { -webkit-mask-image: url('/assets/stylesheets/images/social-public/reddit.svg'); mask-image: url('/assets/stylesheets/images/social-public/reddit.svg'); }

.pinterest [class^="social-icon"] { -webkit-mask-image: url('/assets/stylesheets/images/social-public/pinterest.svg'); mask-image: url('/assets/stylesheets/images/social-public/pinterest.svg'); }
.snapchat [class^="social-icon"]  { -webkit-mask-image: url('/assets/stylesheets/images/social-public/snapchat.svg'); mask-image: url('/assets/stylesheets/images/social-public/snapchat.svg'); }
.bluesky [class^="social-icon"]   { -webkit-mask-image: url('/assets/stylesheets/images/social-public/bluesky.svg'); mask-image: url('/assets/stylesheets/images/social-public/bluesky.svg'); }
.mastodon [class^="social-icon"]  { -webkit-mask-image: url('/assets/stylesheets/images/social-public/mastodon.svg'); mask-image: url('/assets/stylesheets/images/social-public/mastodon.svg'); }
.tumblr [class^="social-icon"]    { -webkit-mask-image: url('/assets/stylesheets/images/social-public/tumblr.svg'); mask-image: url('/assets/stylesheets/images/social-public/tumblr.svg'); }

.break-out {
    width: auto;
    margin-left: calc(-1 * (100vw - 100%) / 2) !important;
    margin-right: calc(-1 * (100vw - 100%) / 2) !important;
}
.text-footer {
    color: #ffffff;
}
.link-white {
  color: #ffffff !important;
  text-decoration: none;
}
.link-white:hover, .link-white:focus {
  color: #ffffff !important;
  text-decoration: none;
}
.caption-text {
    color: #333333;
}
.img-logo {
	max-height: 200px !important; 
	max-width: 200px !important; 
 	display: block;
}
.green-dark {
	background-color: #95B26D;
	color: #FFFFFF;
}
.green-light {
	background-color: #ADC987;
	color: #FFFFFF;
}

.violet-dark-text {
	color: #726F98;
}
.violet-light-text {
	color: #9F9AD4;	
}

.green-dark-text {
	color: #95B26D;
}
.green-light-text {
	color: #ADC987;	
}

.faq {
	background-image:url(images/background.webp);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.faq-container {	
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: 1fr; 
	gap: 20px;
}
@media (min-width: 768px) {
  .faq-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
.faq-card {
	background-color: rgba(255,255,255,0.85);
	padding: 20px;
	display: flex;
	flex-direction: column;
}
.faq-header {
	display: flex;
	align-items: center; 
	margin-bottom: 10px;
}
.faq-icon {
	font-size: 1.75rem;
	margin-right: 15px;
	flex-shrink: 0;
}
.faq-answear {
	padding-left: calc(1.75rem + 15px); 
}
.promo {
    background-image: url('images/promo.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; 
    min-height: 300px;
    width: 100%;
    display: flex;
    align-items: center;    
    justify-content: center;
}
.promo-container {
    padding: 70px;
    width: 100%;
    max-width: 1200px; 
    display: flex;
    flex-direction: column;
    align-items: center; 
}
@media (max-width: 576px) {
	.promo {
        background-image: url('images/promo-small.webp');
        background-size: cover;
        background-position: center center;
        min-height: 280px; 
    }
    .promo-container {
        padding: 50px !important;    
        width: 100%;
        max-width: 100%;       
        display: flex;
        flex-direction: column;
        align-items: center; 
    }
}
@media (max-width: 992px) {
	.promo {
        background-image: url('images/promo-small.webp');
        background-size: cover;
        background-position: center center;
        min-height: 280px; 
    }
    .promo-container {
        padding: 30px 150px;    
        width: 100%;
        max-width: 100%;       
        display: flex;
        flex-direction: column;
        align-items: center; 
    }
}
.widget-top {
	background: linear-gradient(to bottom, #726F98, #eaeaea);		
}
.widget-bottom {
	position: relative; 
	width: 100%;
}
.widget-top-content {
    color: #eaeaea;
    text-align: center;
    font-weight: 600;
}
.widget-bottom-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.25);
    color: #eaeaea;
    text-align: center;
    box-sizing: border-box;
    text-shadow: 1px 1px 1px #000000;      
    display: flex;
    flex-direction: column;
    justify-content: center;
}

div.col-12 .widget-top-content    { font-size: 36px !important; }
div.col-12 .widget-bottom-content { font-size: 14px !important; padding: 26px; }

div.col-6 .widget-top-content     { font-size: 20px !important; }
div.col-6 .widget-bottom-content  { font-size: 5px !important; padding: 12px; }

div.col-4 .widget-top-content     { font-size: 16px !important; }
div.col-4 .widget-bottom-content  { font-size: 3px !important; padding: 5px; }

div.col-3 .widget-top-content     { font-size: 4px !important; }
div.col-3 .widget-bottom-content  { font-size: 3px !important; padding: 5px; }

div.col-2 .widget-top-content     { font-size: 4px !important; }
div.col-2 .widget-bottom-content  { font-size: 0px !important;  padding: 5px; }

@media (min-width: 576px) {
    div.col-12 .widget-top-content    { font-size: 44px !important; }
    div.col-12 .widget-bottom-content { font-size: 18px !important; padding: 34px; }

	div.col-6 .widget-top-content     { font-size: 30px !important; }
    div.col-6 .widget-bottom-content  { font-size: 8px !important; padding: 14px; }

	div.col-4 .widget-top-content     { font-size: 20px !important; }
    div.col-4 .widget-bottom-content  { font-size: 5px !important; padding: 5px; }

    div.col-3 .widget-top-content     { font-size: 8px !important; }
    div.col-3 .widget-bottom-content  { font-size: 3px !important; padding: 5px; }

    div.col-2 .widget-top-content     { font-size: 8px !important; }
    div.col-2 .widget-bottom-content  { font-size: 0px !important;  padding: 0px; }
}

@media (min-width: 768px) {
    div.col-md-12 .widget-top-content    { font-size: 54px !important; }
    div.col-md-12 .widget-bottom-content { font-size: 28px !important; padding: 44px; }

	div.col-md-6 .widget-top-content     { font-size: 36px !important; }
    div.col-md-6 .widget-bottom-content  { font-size: 10px !important; padding: 24px; }

    div.col-md-4 .widget-top-content     { font-size: 24px !important; }
    div.col-md-4 .widget-bottom-content  { font-size: 7px !important; padding: 14px; }

    div.col-md-3 .widget-top-content     { font-size: 18px !important; }
    div.col-md-3 .widget-bottom-content  { font-size: 3px !important; padding: 10px; }

    div.col-md-2 .widget-top-content     { font-size: 10px !important; }
    div.col-md-2 .widget-bottom-content  { font-size: 3px !important;  padding: 8px; }
}

@media (min-width: 992px) {
    div.col-lg-12 .widget-top-content    { font-size: 56px !important; }
    div.col-lg-12 .widget-bottom-content { font-size: 36px !important; padding: 46px; }

	div.col-lg-6 .widget-top-content     { font-size: 36px !important; }
    div.col-lg-6 .widget-bottom-content  { font-size: 16px !important; padding: 26px; }

    div.col-lg-4 .widget-top-content     { font-size: 24px !important; }
    div.col-lg-4 .widget-bottom-content  { font-size: 8px !important; padding: 16px; }

    div.col-lg-3 .widget-top-content     { font-size: 18px !important; }
    div.col-lg-3 .widget-bottom-content  { font-size: 8px !important; padding: 12px; }

    div.col-lg-2 .widget-top-content     { font-size: 13px !important; }
    div.col-lg-2 .widget-bottom-content  { font-size: 3px !important;  padding: 8px; }
}

@media (min-width: 1200px) {
    div.col-xl-12 .widget-top-content    { font-size: 58px !important; }
    div.col-xl-12 .widget-bottom-content { font-size: 38px !important; padding: 48px; }

    div.col-xl-6 .widget-top-content     { font-size: 38px !important; }
    div.col-xl-6 .widget-bottom-content  { font-size: 18px !important; padding: 28px; }

    div.col-xl-4 .widget-top-content     { font-size: 26px !important; }
    div.col-xl-4 .widget-bottom-content  { font-size: 10px !important; padding: 18px; }

    div.col-xl-3 .widget-top-content     { font-size: 20px !important; }
    div.col-xl-3 .widget-bottom-content  { font-size: 10px !important; padding: 14px; }

    div.col-xl-2 .widget-top-content     { font-size: 15px !important; }
    div.col-xl-2 .widget-bottom-content  { font-size: 5px !important;  padding: 10px; }
}


@media (min-width: 1400px) {
    div.col-xxl-12 .widget-top-content    { font-size: 60px !important; }
    div.col-xxl-12 .widget-bottom-content { font-size: 40px !important; padding: 50px; }

    div.col-xxl-6 .widget-top-content     { font-size: 40px !important; }
    div.col-xxl-6 .widget-bottom-content  { font-size: 20px !important; padding: 30px; }

    div.col-xxl-4 .widget-top-content     { font-size: 28px !important; }
    div.col-xxl-4 .widget-bottom-content  { font-size: 12px !important; padding: 20px; }

    div.col-xxl-3 .widget-top-content     { font-size: 20px !important; }
    div.col-xxl-3 .widget-bottom-content  { font-size: 10px !important; padding: 15px; }

    div.col-xxl-2 .widget-top-content     { font-size: 16px !important; }
    div.col-xxl-2 .widget-bottom-content  { font-size: 6px !important;  padding: 10px; }
}