html {
	scroll-behavior: smooth;
	scroll-padding-top: 30px;
}
.flatcover img {
	filter: drop-shadow(0px 6px 10px #bababa);
}
.container-8r {
	display: grid;
	align-content: start;
	grid-template-columns: repeat(8, 1fr);
	gap: 20px;
	padding: 0;
	margin: 20px 0 40px;
}
.lp-hero {
	display: grid;
	margin-bottom: 60px;
	min-height: 340px;
}
@media (max-width: 1367.68px) {
	.container-8r {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (max-width: 767.98px) {
	.container-8r {
		grid-template-columns: repeat(2, 1fr);
	}
}
.container-3r {
	display: grid;
	align-content: start;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	/* padding: 0 10px 10px 10px; */
}
@media (max-width: 1023.98px) {
	.container-3r {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 767.98px) {
	.container-3r {
		grid-template-columns: 1fr;
	}
}
.container-2r {
	display: grid;
	align-content: start;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	padding: 0;
}
@media (max-width: 1023.98px) {
	.container-2r {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 767.98px) {
	.container-2r {
		grid-template-columns: 1fr;
	}
}
.container-1r {
	display: grid;
	align-content: start;
	grid-template-columns: repeat(1, 1fr);
	gap: 10px;
	padding: 0;
}
.container-1r .item {
	background-color: #fff;
	padding: 20px;
	text-align: center;
	border: 0px solid #ddd;
	border-radius: 8px;
}
.container-2r .item {
	background-color: #fff;
	padding: 20px;
	text-align: center;
	border: 0px solid #ddd;
	border-radius: 8px;
}
.container-3r .item {
	background-color: #f2f2f2;
	padding: 30px;
	text-align: left;
	border: 0px solid #ddd;
	border-radius: 8px;
}
.container-3r .modul {
	color: #333333;
	font-size: 15px;
	font-weight: 400;
}
.container-3r .modul .etykieta {
	display: table;
	background: #ffe400;
	padding: 5px 15px;
	border-radius: 4px;
	color: #333333;
	font-size: 14px;
	font-weight: 600;
}
.container-3r .modul .course-title {
	color: #333333;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 400;
	margin: 15px 0 20px;
	min-height: 53px;
}
@media (max-width: 1023.98px) {
	.container-3r .modul .course-title {
		font-size: 17px;
		min-height: 42px;
	}
}
@media (max-width: 767.98px) {
	.container-3r .modul .course-title {
		min-height: unset;
	}
}
.container-3r .modul .czas {
	background: url('/skin/frontend/beck/default/external/lp/egzamin-notarialny-2026/clock.svg') no-repeat left top;
	background-size: 20px auto;
	padding: 0 0 0 30px;
	color: #333333;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
}
.container-3r .modul .data {
	background: url('/skin/frontend/beck/default/external/lp/egzamin-notarialny-2026/calendar.svg') no-repeat left top;
	background-size: 20px auto;
	padding: 0 0 0 30px;
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	margin-top: 5px;
}
.container-8r .item {
	background-color: #fff;
	text-align: center;
	border: 0px solid #ddd;
	border-radius: 8px;
}
.container-8r .usp {
	color: #333333;
	font-size: 13px;
	font-weight: 400;
}
.container-8r .item img {
	display: block;
	margin: 0 auto 15px;
	float: none;
	width: 40px;
	height: auto;
}
.lpkurs {
	width: 100%;
	margin-bottom: 50px;
}
.lpkurs .heading {
	display: grid;
	grid-template-columns: 260px auto;
	gap: 25px 40px;
	align-items: center;
	margin-bottom: 40px;
	justify-content: center;
}
.lpkurs .heading-text {
	border-left: 1px dotted #dedede;
	padding: 10px 0 10px 40px;
	max-width: 530px;
	font-size: 18px;
}
.lpkurs a.cta {
	display: block;
	width: 280px;
	margin: 0 auto;
	border-radius: 50px;
	padding: 15px 0 14px 0;
	text-align: center;
	background: #c61616;
	color: #fff;
	font-weight: 400;
	font-size: 15px;
	text-decoration: none;
	transition: all 300ms ease-out;
}
.lpkurs a.cta:hover {
	background: #9b0404;
	transition: all 300ms ease-out;
}
.lpkurs a.cta span {
	display: inline-block;
	padding: 0 0 0 0;
	transition: all 300ms ease-out;
}
.lpkurs a.cta:hover span {
	padding: 0 0 0 5px;
	transition: all 300ms ease-out;
}
.lpkurs p.opis {
	font-size: 20px;
	color: #333333;
	font-weight: 300;
	text-align: left;
}
.lpkurs img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.lpkurs .usp {
	width: 100%;
	text-wrap-style: pretty;
	/* margin: 5px 0 10px 0; */
}
.lptop {
	width: 100%;
	min-height: 340px;
	background: #FFFFFF url(/skin/frontend/beck/default/external/lp/egzamin-notarialny-2026/notarialny-bg.png) no-repeat left center;
	border-radius: 12px;
	position: relative;
}
@media only screen and (max-width: 1367.98px) {
	.lptop {
		background: #FFFFFF url(/skin/frontend/beck/default/external/lp/egzamin-notarialny-2026/notarialny-bg-lg.png) no-repeat left center;
	}
}
@media only screen and (max-width: 1023.98px) {
	.lptop {
		background: #FFFFFF url(/skin/frontend/beck/default/external/lp/egzamin-notarialny-2026/notarialny-bg-md.png) no-repeat left center;
	}
}
@media only screen and (max-width: 767.98px) {
	.lptop {
		background: #FFFFFF url(/skin/frontend/beck/default/external/lp/egzamin-notarialny-2026/notarialny-bg-sm.png) no-repeat center top;
		background-size: 100% auto;
		border: 1px solid #ADADAD;
	}
	.lpkurs .heading {
		grid-template-columns: 1fr;
		margin-bottom: 30px;
		margin-top: 45px;
		justify-items: start;
	}
	.lpkurs .heading-logo img {
		width: 240px;
	}
	.lpkurs .heading-text {
		border-left: 0;
		padding: 0;
	}
}
.lptop .box-klub {
	position: absolute;
	right: 0;
	top: 5px;
	width: 210px;
	height: auto;
	padding: 20px;
	border-radius: 6px;
	overflow: auto;
	background: #406671;
}
@media only screen and (max-width: 1023.98px) {
	.lptop .box-klub {
		top: 25px;
		width: 230px;
	}
}
@media only screen and (max-width: 767.98px) {
	.lptop .box-klub {
		width: 250px;
		margin: 150px auto 10px auto;
		position: static;
	}
}
.lptop .box-kurs {
	position: absolute;
	right: 0;
	top: 175px;
	width: 210px;
	height: auto;
	padding: 20px;
	border-radius: 6px;
	overflow: auto;
	background: #a42439;
}
@media only screen and (max-width: 1023.98px) {
	.lptop .box-kurs {
		width: 230px;
	}
}
@media only screen and (max-width: 767.98px) {
	.lptop .box-kurs {
		width: 250px;
		margin: 10px auto 20px auto;
		position: static;
	}
}
.lptop .box-klub .boxtitle,
.lptop .box-kurs .boxtitle {
	font-size: 26px;
	line-height: 28px;
	font-weight: 500;
	color: #fff;
}
.lptop .box-klub .boxopis,
.lptop .box-kurs .boxopis {
	margin-top: 8px;
	font-size: 15px;
	line-height: 18px;
	font-weight: 400;
	color: #fff;
}
@media only screen and (max-width: 767.98px) {
	.lptop .box-klub .boxopis,
	.lptop .box-kurs .boxopis {
		display: none;
	}
}
.lptop .box-klub a.boxdetails,
.lptop .box-kurs a.boxdetails {
	display: block;
	margin-top: 8px;
	font-size: 13px;
	line-height: 15px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
}
.lptop .box-klub a.boxdetails span,
.lptop .box-kurs a.boxdetails span {
	display: inline-block;
	color: #ffe400;
	font-size: 15px;
	padding-left: 0px;
	transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
}
.lptop .box-klub a.boxdetails:hover span,
.lptop .box-kurs a.boxdetails:hover span {
	display: inline-block;
	color: #ffe400;
	font-size: 15px;
	padding-left: 3px;
	transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
}
.topnav {
	display: table;
	background-color: #3a3b3f;
	/* overflow: hidden; */
	width: auto;
	margin: -95px 0 30px 30px;
	border-radius: 6px;
	z-index: 20;
	position: relative;
}
@media only screen and (max-width: 1023.98px) {
	.topnav {
		background-color: #333;
		width: 55%;
		margin: -100px auto 0px 30px;
		border-radius: 8px;
		/* z-index: 20; */
	}
}
@media only screen and (max-width: 767.98px) {
	.topnav {
		background-color: #333;
		width: 100%;
		margin: 20px auto 0 auto;
		border-radius: 8px;
		z-index: 20;
	}
}
.topnav a.lpmenuitem {
	/* float: left; */
	display: inline-block;
	color: #f2f2f2;
	text-align: center;
	padding: 24px 28px;
	text-decoration: none;
	font-size: 15px;
	background-image: url(/skin/frontend/beck/default/external/lp/egzamin-notarialny-2026/menusep.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 30px;
	transition: all 300ms ease-out;
	line-height: 1;
}
.topnav a.lpmenuitem:hover {
	background: #ffe400;
	background-image: none;
	background-position: right center;
	color: black;
	transition: all 300ms ease-out;
}
.topnav a.lastitem {
	background-image: none;
}
@media only screen and (max-width: 1023.98px) {
	.topnav a.lpmenuitem:hover {
		background: none;
		color: #fff;
		font-weight: 700;
	}
}
.topnav .icon {
	display: none;
}
@media only screen and (max-width: 1023.98px) {
	.topnav a:not(:first-child) {
		display: none;
	}
	.topnav .btn-menu-toggle {
		/* float: left; */
		display: block;
		/* overflow: auto; */
		padding: 24px 0 24px 50px;
		background-image: url(/skin/frontend/beck/default/external/lp/egzamin-notarialny-2026/menu.svg);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: 20px center;
		width: 100%;
		background-color: transparent;
		border: 0;
		cursor: pointer;
		/* clear: both; */
	}
}
.topnav .btn-menu-toggle span {
	display: block;
	/* float: left; */
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	text-align: left;
}
@media only screen and (max-width: 1023.98px) {
	.topnav.responsive {
		position: relative;
	}
	.topnav.responsive .btn-menu-toggle {
		position: static;
		left: 0;
		top: 0;
	}
	.topnav.responsive a.lpmenuitem {
		/* float: none; */
		display: block;
		text-align: left;
		border-top: 1px solid #C0C0C0;
		background-image: none;
	}
}
.klub-aplikanta {
	width: 100%;
	margin-bottom: 50px;
	padding: 40px;
	background-color: #406671;
	background-image: url(/skin/frontend/beck/default/external/lp/egzamin-notarialny-2026/box-klubaplikanta-bg.svg);
	background-size: 240px auto;
	background-repeat: no-repeat;
	background-position: center right;
	border-radius: 16px;
}
.klub-aplikanta .heading {
	color: #fff;
	margin: 0 0 15px;
	display: grid;
	grid-template-columns: max-content auto;
	gap: 5px 40px;
	align-items: center;
}
.klub-aplikanta .heading .heading-text {
	font-size: 34px;
	line-height: 1;
	font-weight: 700;
}
.klub-aplikanta .heading .heading-subtext {
	font-weight: 400;
	padding: 10px 0 10px 40px;
	border-left: 1px solid #748f97;
	font-size: 20px;
	text-transform: uppercase;
}
.klub-aplikanta .heading span.sep {
	font-size: 26px;
	font-weight: 100;
	display: inline-block;
	padding: 0 10px;
}
@media (max-width: 1023.98px) {
	.klub-aplikanta {
		background-position-y: 80px;
	}
	.klub-aplikanta .heading span.sep {
		display: none;
	}
}
.cms-box .lp-faq details:not([open]):hover {
	border-color: #dedede;
	/* background: #f5f5f5; */
}
.klub-aplikanta .heading span.edycja {
	font-size: 22px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.klub-aplikanta .opis {
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	max-width: calc(100% - 240px);
	/* padding: 5px 270px 0 40px; */
}
.klub-aplikanta .opis strong {
	font-weight: 700;
}
@media (max-width: 767.98px) {}
.klub-aplikanta a.cta {
	display: block;
	width: 240px;
	margin-top: 25px;
	border-radius: 50px;
	padding: 15px 0 14px 0;
	text-align: center;
	background: #fff;
	color: #333333;
	font-weight: 500;
	font-size: 15px;
	text-decoration: none;
	transition: all 300ms ease-out;
}
.klub-aplikanta a.cta:hover {
	background: #fff;
	transition: all 300ms ease-out;
}
.klub-aplikanta a.cta span {
	display: inline-block;
	padding: 0 0 0 0;
	color: #c61616;
	transition: all 300ms ease-out;
}
.klub-aplikanta a.cta:hover span {
	padding: 0 0 0 5px;
	transition: all 300ms ease-out;
}
@media (max-width: 767.98px) {
	.klub-aplikanta {
		background-image: none;
		padding: 30px 20px;
	}
	.klub-aplikanta .heading {
		text-align: center;
		grid-template-columns: 1fr;
	}
	.klub-aplikanta .heading .heading-text {
		font-size: 28px;
	}
	.klub-aplikanta .heading .heading-subtext {
		padding: 0;
		border: 0;
	}
	.klub-aplikanta .opis {
		padding: 0;
		text-align: center;
		max-width: unset;
	}
	.klub-aplikanta a.cta {
		width: 240px;
		margin: 25px auto 0 auto;
	}
}
.cms-box details:not([open]):not(.details-basic) summary {
	text-wrap-style: pretty;
}
.lpkurs .cta-box {
	margin-top: 30px;
}
.lpkurs .link-button {
	display: flex;
	padding: 0 25px 0 34px;
	color: #fff;
	background: #a42439;
	border-radius: 50px;
	line-height: 1;
	font-weight: 600;
	transition: background 200ms linear;
	align-items: center;
	gap: 10px;
	width: 290px;
	margin: 0 auto;
	height: 52px;
}
.lpkurs .link-arrow:before {
	content: '';
	background-image: url(/skin/frontend/beck/default/external/lp/egzamin-notarialny-2026/icon-arrow-white.svg);
	background-repeat: no-repeat;
	display: block;
	width: 22px;
	height: 12px;
	margin-left: 0;
	transition: margin .2s linear;
}
.lpkurs .link-button:hover {
	text-decoration: none;
	background: #7a1425;
}
.lpkurs .link-button:hover .link-arrow:before {
	margin-left: 6px;
}
.klub-aplikanta .link-button {
	display: flex;
	padding: 0 25px 0 43px;
	color: #406671;
	background: #ffffff;
	border-radius: 50px;
	line-height: 1;
	font-weight: 600;
	transition: background 200ms linear;
	align-items: center;
	gap: 10px;
	width: 250px;
	height: 52px;
	margin-top: 25px;
	font-size: 15px;
}
.klub-aplikanta .link-arrow:before {
	content: '';
	background-image: url(/skin/frontend/beck/default/external/lp/egzamin-notarialny-2026/icon-arrow-red.svg);
	background-repeat: no-repeat;
	display: block;
	width: 22px;
	height: 12px;
	margin-left: 0;
	transition: margin .2s linear;
}
.klub-aplikanta .link-button:hover {
	text-decoration: none;
}
.klub-aplikanta .link-button:hover .link-arrow:before {
	margin-left: 6px;
}
.cms-box .lp-faq details summary+* {
	border: 0;
	margin-top: 0;
	padding-top: 15px;
}

.cms-box .lp-faq details {
	border-left: 5px solid #ffe400;
	transition: border-color .1s linear;
}
.cms-box .lp-faq details:not([open]):hover {
	border-color: #dedede;
	border-left-color: #a42439;
	/* background: #f5f5f5; */
}
.cms-box .lp-faq details[open]{
	border-left-color: #a42439;
}
.cms-box .lp-faq details summary+* {
	border: 0;
	margin-top: 0;
	padding-top: 15px;
}
.cms-box .lp-desc-section h2 {
	font-size: 18px;
	line-height: 1.2;
	margin: 40px 0 20px;
	border-left: #ffe400 20px solid;
	padding: 5px 0 5px 25px;
}
.cms-box .lp-desc-section h3 {
	text-wrap-style: balance;
}
.lp-desc-section .columns-3 {
	display: grid;
	gap: 0 40px;
	margin-bottom: 10px;
}
.widget-rcmd-manual-desc .item-btn {
	background-color: #ffe501;
	color: #333333;
}
.widget-rcmd-manual-desc .item-btn path {
	stroke: #333;
}
.widget-rcmd-manual-desc .item-btn:hover {
	color: #333;
	background-color: #ffe501;
}
.lp-hero {
	display: grid;
	margin-bottom: 40px;
	min-height: 340px;
}
@media (min-width: 768px) {
	.cms-box .lp-desc-section h2 {
		font-size: 28px;
		margin: 50px 0 30px;
		border-left-width: 30px;
		padding: 10px 40px;
		/* max-width: 920px; */
	}
	.lp-desc-section .lead-text {
		font-size: 14px;
		line-height: 1.65;
	}
	.lp-desc-section .columns-3 {
		grid-template-columns: 1fr 1fr 1fr;
		margin: 30px 0 10px;
	}
	.lp-hero {
		margin-bottom: 60px;
	}
}

.widget-rcmd-manual-desc .item-title a:hover {
	color: #a42439;
}
.widget-header .more:hover {
	color: #ffffff;
	border-color: #a42439;
	background-color: #a42439;
}
.widget-header a.heading:hover {
	color: #a42439;
}

.widget-wba-base-list .widget-item-link {
	color: #406671;
}
.widget-wba-base-list .widget-item-link:hover .widget-item-title {
	color: #a42439;
}

.widget-wba-base-list .widget-item-link:hover path {
	stroke: #a42439;
}

.add-to-cart:not(tr):hover {
	background: #222!important;
}