@charset "utf-8";
/* CSS Document */

@media all and (min-width: 1365px) {
	header .content .btn-wrap {
		display: block;
	}
	
	header .content .btn-wrap.mob {
		display: none;
	}

	.page-home .section-3.sticky-section {
	    transition: position 0.5s ease;
	    z-index: 1000;
	}

	.page-home .section-3.sticky {
	    position: fixed;
	    top: 0;
	    right: 0;
	    left: 0;
	    padding-top: 14px;
	    padding-bottom: 14px;
	    font-size: .666em;
	}

	.page-home .section-3.sticky h3 {
	    padding-bottom: 12px;
	}

	.page-home .section-3.sticky .wrap .content .countdown-wrap {
	    max-width: 320px;
	}

	.page-home .section-3.sticky .wrap .content .countdown-wrap .countdown .number {
	    padding-bottom: 0;
	    font-size: 2.8em;
	}
}

@media all and (min-width: 1441px) {
	.page-home span.block {
		width: 76px;
    	height: 76px;
	}

	.page-home span.block::before {
		display: none;
	}
}

@media all and (max-width: 1479px) {
	.page-home .section-10 .wrap .content .items {
		padding: 0;
	}

	header .image .hook {
		top: 22.5vw;
	}
}

@media all and (max-width: 1365px) {
	header .content,
	header .image,
	.page-home section,
	.page-home .section-3,
	.page-home .section-6 .content,
	.page-home .section-6 .image,
	.page-home .section-11 .wrap .content ol,
	footer,
	.page-template-page-contact section {
		padding-right: 20px;
		padding-left: 20px;
	}

	header .content ol li::before {
		left: -5px;
	}

	.page-home .section-1 .wrap .content,
	.page-home .section-4 .wrap .content {
		padding-right: 40px;
	}

	.page-home .section-1 .wrap .image,
	.page-home .section-4 .wrap .image {
		padding-left: 40px;
	}

	.page-home .section-5 .wrap .content > :not(.items) {
  		max-width: 892px;
	}

	.page-home .section-5 .wrap .content .items {
		column-gap: 20px;
	}

	.page-home .section-7 .wrap .content,
	.page-home .section-12 .wrap .image,
	.page-template-page-contact .section-12 .wrap .image {
		padding-right: 0;
	}

	.page-home .section-7 .wrap .content > * {
		padding-right: 40px;
	}

	.page-home .section-7 .wrap .content + .content > * {
		padding-right: 0;
	}

	.section-7 span.block {
		top: -128px;
		left: 75px;
	}

	.page-home .section-7 .wrap .content + .content,
	.page-home .section-12 .wrap .content,
	.page-template-page-contact .section-12 .wrap .content {
		padding-left: 0;
	}

	.page-home .section-10 {
		padding-right: 40px;
		padding-left: 40px;
	}

	.page-home .section-11 .wrap .content ol {
		column-gap: 60px;
	    -webkit-column-gap: 60px;
	    -moz-column-gap: 60px;
	}

	header .image .hook span {
		border: .27vw #0A0908 solid;
	}
}

@media all and (max-width: 1279px) {
	.btn-wrap p,
	.page-home .section-5 .wrap .content .items .item .buy p {
		font-size: 1em;
	}

	header .btn-wrap p.product a::before,
	section:not(.section-5) .btn-wrap p.product a::before,
	.page-home .section-7 .wrap .content + .content .btn-wrap p {
		font-size: 17px;
	}

	h2.heading,
	.page-home .section-7 .wrap .content + .content h2 {
  		padding-bottom: 36px;
		font-size: 2.8em;
	}

	header .content ol,
	h3,
	.page-home .section-1 .wrap .content p:last-child,
	.page-home .section-5 .wrap .content h3,
	.page-home .section-6 .content h3,
	.page-home .section-9 .wrap .content .items .item h3,
	.page-home .section-10 .wrap .content .items .item p,
	.page-home .section-12 .wrap .content h3,
	.page-template-page-contact .section-12 .wrap .content h3 {
		font-size: 1.3em;
	}

	.page-home .section-1 .wrap .image::after {
		right: -40px;
		bottom: -14px;
	}

	.section-2 span.block {
		top: -126px;
	}

	.page-home .section-3 .wrap .content .countdown-wrap .countdown .number {
		font-size: 2.8em;
	}

	.page-home .section-5 .wrap .content > :not(.items) {
    	max-width: 800px;
  	}

	.section-6 span.block-4 {
  		right: 30px;
		bottom: -100px;
	}

	.section-7 span.block {
	    top: -78px;
	    left: 28px;
	}

	.section-9 span.block-1 {
		top: -24px;
  		left: 92px;
	}

	.section-9 span.block-2 {
		top: -22px;
	}

	.page-home .section-7 .wrap .content + .content {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-end;
		padding-bottom: 40px;
	}

	.page-home .section-9 > .image {
		height: calc(100% - 608px);
	}

	.page-home .section-10 .wrap .content .items {
		column-gap: 0;
	}

	.page-home .section-10 .wrap .content .items .arrow {
		margin-top: 101px;
	}

	footer .footer-wrap {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		align-content: center;
	}

	footer .footer-wrap p,
	footer .footer-wrap ul,
	footer .footer-wrap ol {
		flex: none;
	}

	footer .footer-wrap ul {
		display: block;
	}

	footer .footer-wrap ul li + li {
		padding: 16px 0 0;
	}

	footer .footer-wrap ul li + li::before {
		display: none;
	}
}

@media all and (max-width: 1180px) {
	.page-home .section-1 .wrap .image::after {
		bottom: 36px;
	}
}

@media all and (max-width: 1081px) {
	header nav,
	header .content ol,
	.page-home .section-9 .wrap .content h2,
	.page-home .section-10 .wrap .content h2,
	.page-home .section-11 .wrap .content h2 {
		padding-bottom: 60px;
	}

	header nav .navbar {
  		padding: 40px 20px 0;
  		width: calc(100% - 40px);
	}

	header .image::after {
		top: 20px;
	}

	.page-home .section-4 .wrap .content h3 + p,
	.page-home .section-5 .wrap .content h3,
	.page-home .section-8 .wrap .content h3 + ul {
  		padding-top: 8px;
	}

	.page-home .section-4 .wrap .image::before {
		width: calc(100% + 108px);
	}

	.page-home .section-5 .wrap .content .items,
	.page-home .section-6 .content .btn-wrap,
	.page-home .section-8 .wrap .content .btn-wrap,
	.page-home .section-9 .wrap .content .btn-wrap,
	.page-home .section-12 .wrap .content .btn-wrap,
	.page-template-page-contact .section-12 .wrap .content .btn-wrap,
	.page-home .section-7 .wrap .content + .content .btns-wrap {
		margin-top: 28px;
	}

	.page-home .section-7 .wrap .content + .content {
		padding-bottom: 36px;
	}

	.page-home .section-9 .wrap .content .items {
		padding-bottom: 28px;
	}

	.page-home .section-12 .wrap .image::before,
	.page-template-page-contact .section-12 .wrap .image::before {
		right: -32px;
	}

	header .image .hook {
		right: -10px;
    	left: -10px;
        top: 25vw;
    }
}

@media all and (max-width: 1050px) {
	header .image .hook {
        top: 26vw;
    }
}

@media all and (max-width: 1023px) {
	header .image::after {
    	top: 60px;
  	}

  	.page-home .section-1 .wrap .image::before {
  		top: 127px;
  	}

  	.page-home .section-1 .wrap .image::after {
    	bottom: 64px;
  	}

  	.content-area {
  		max-width: calc(100% - 40px);
  	}

  	.is-mobile .wc-block-checkout__actions .wc-block-components-checkout-place-order-button {
  		width: calc(100% - 32px) !important;
	}

	header .image .hook {
        top: 29.75vw;
    }

	header .image .hook span {
		font-size: 1.3em;
	}
}

@media all and (max-width: 959px) {
	.btn-wrap a {
		padding-right: 20px;
		padding-left: 20px;
	}

	.section-2 span.block {
		top: -86px;
    	right: 0;
		left: auto;
	}

	.section-3 span.block-1 {
		top: 182px;
	}

	.section-3 span.block-2 {
		top: -80px;
  		right: 204px;
	}

	.section-5 span.block {
		top: -80px;
	}

	.section-6 span.block-1 {
		top: -16px;
  		right: 88px;
	}

	.section-6 span.block-2 {
		top: 80px;
  		left: 80px;
	}

	.section-6 span.block-3 {
		top: 87%;
	}

	.section-6 span.block-4 {
		right: 60px;
    	bottom: -20px;
	}

	header .content ol {
    	font-size: 1em;
  	}

	header .content,
	.page-home .section-5 {
		padding-bottom: 72px;
	}

	header .image::after {
    	top: 20px;
  	}

  	.page-home .section-1 {
  		padding-bottom: 72px;
  	}

  	.page-home .section-1 .wrap .image {
  		background: url(../gfx/kategorie-ebookow_5.svg) no-repeat;
    	background-size: contain;
  		margin-top: 28px;
  		margin-right: auto;
    	margin-left: auto;
  		padding-left: 0;
		width: auto;
		max-width: 396px;
	}

  	.page-home .section-1 .wrap .image::before {
  		content: '';
  		position: static;
  		display: block;
  		padding-bottom: 79.7%;
  	}

  	.page-home .section-1 .wrap .image::after {
  		content: 'Kategorie e-booków:';
  		background: none;
	    position: absolute;
    	top: 0;
    	left: 0;
	    width: 90px;
	    height: auto;
	    line-height: 120%;
	    font-weight: 700;
	    font-size: .8em;
	    text-transform: uppercase;
  	}

	.page-home section {
  		padding-top: 60px;
  		padding-bottom: 28px;
	}

	.page-home .section-1 {
		margin-top: 0;
	}

	.page-home .section-1 .wrap {
		display: block;
	}

	.page-home .section-1 .wrap .content,
	.page-home .section-4 .wrap .content {
		padding-right: 0;
	}

	.page-home .section-3 .wrap .content h3 {
		font-size: 1em;
	}

	.page-home .section-4 {
		padding-bottom: 0;
	}

	.page-home .section-4 .wrap {
		display: block;
	}

	.page-home .section-4 .wrap .content h2,
	.page-home .section-4 .wrap .content h3 {
		text-align: center;
	}

	.page-home .section-4 .wrap .image {
		background: url(../gfx/edu-narzedzia_2.png) no-repeat;
    	background-size: cover;
    	background-position: top center;
    	padding-left: 0;
    	width: 104%;
	}

	.page-home .section-4 .wrap .image::before {
		display: none;
	}

	.page-home .section-4 .wrap .image::after {
		content: '';
		display: block;
		padding-bottom: 100%;
	}

	.page-home .section-5 .wrap .content .items {
    	grid-template-columns: repeat(2, 1fr);
  	}

  	.page-home .section-6 {
  		flex-direction: column;
  		justify-content: flex-start;
  	}

  	.page-home .section-6 .content {
  		flex: none;
  		order: 2;
  		padding-top: 60px;
  		padding-bottom: 72px;
  		width: calc(100% - 40px);
  	}

  	.page-home .section-6 .image {
  		background-position: center calc(50% + 48px);
  		flex: none;
  		order: 1;
  		width: 100%;
  	}

  	.page-home .section-6 .image::before {
  		content: '';
  		display: block;
  		padding-bottom: 100%;
  	}

  	.page-home .section-7 {
  		margin-top: 0;
  		padding-bottom: 36px;
  	}

  	.page-home .section-7 .wrap {
  		display: block;
  	}

  	.page-home .section-7 .wrap .content {
  	  	padding-bottom: 28px;
  	}

  	.page-home .section-7 .wrap .content h2 {
  		text-align: center;
  		padding-bottom: 42px;
  	}

  	.page-home .section-7 .wrap .content > * {
    	padding-right: 0;
  	}

  	.page-home .section-7 .wrap .content ul li + li {
  		padding-top: 16px;
  	}

  	.page-home .section-7 .wrap .content + .content {
  		padding-top: 0;
  	}

  	.page-home .section-7 .wrap .content + .content .btns-wrap {
  		width: 100%;
  	}

  	.page-home .section-8 {
  		padding-bottom: 72px;
  	}

  	.page-home .section-9 .wrap {
  		padding: 60px 20px 72px;
  	}

  	.page-home .section-9 .wrap .content .items {
  		column-gap: 40px;
  	}

  	.page-home .section-10 {
  		padding-right: 20px;
    	padding-left: 20px;
  	}

  	.page-home .section-10 .wrap .content .items .item p {
  		font-size: 1em;
  	}

  	.page-home .section-10 .wrap .content .items .item .image {
  		height: 60px;
  	}

  	.page-home .section-10 .wrap .content .items .arrow {
    	margin-top: 89px;
  	}

  	.page-home .section-12 {
  		padding-bottom: 0;
  	}

  	.page-home .section-12 .wrap {
  		flex-direction: column;
		justify-content: flex-start;
  	}

  	.page-home .section-12 .wrap .image {
  		background: url(../gfx/edu-narzedzia_5.png) no-repeat;
    	background-size: cover;
    	background-position: top center;
  		order: 2;
  		margin-top: 68px;
  		width: 100%;
  	}

  	.page-home .section-12 .wrap .image::before {
  		display: none;
  	}

  	.page-home .section-12 .wrap .image::after {
  		content: '';
  		display: block;
  		padding-bottom: 86%;
  	}

  	.page-home .section-12 .wrap .content {
  		text-align: center;
  		order: 1;
  	}

  	.page-template-page-contact .section-12 {
  		background: none;
  		padding-top: 0;
  		padding-bottom: 0;
  	}

  	.page-template-page-contact .section-12 .wrap {
  		flex-direction: column;
		justify-content: flex-start;
  	}

  	.page-template-page-contact .section-12 .wrap .image {
  		display: none;
  	}

  	.page-template-page-contact .section-12 .wrap .image::before {
  		display: none;
  	}

  	.page-template-page-contact .section-12 .wrap .image::after {
  		content: '';
  		display: block;
  		padding-bottom: 86%;
  	}

  	.page-template-page-contact .section-12 .wrap .content {
  		text-align: center;
  		order: 1;
  	}

  	footer .footer-wrap {
  		text-align: center;
  		display: block;
  	}

  	footer .footer-wrap > * + * {
  		padding-top: 28px;
  	}

  	footer .footer-wrap ul {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-items: flex-start;
	    align-content: flex-start;
	}

	footer .footer-wrap ul li + li {
		padding-top: 0;
	    padding-right: 20px;
	    padding-left: 20px;
	}

	footer .footer-wrap ul li + li::before {
	    content: '■';
	    display: inline;
	    margin-right: 20px;
	}

	footer .footer-wrap p:nth-child(3) {
	    text-align: center;
	}

	header .image .hook {
        top: 18.5vw;
    }
}

@media all and (max-width: 810px) {
	header .image .hook {
        top: 27vw;
    }
}

@media all and (max-width: 767px) {
	.btn-wrap a {
	    padding-right: 10px;
	    padding-left: 10px;
  	}

	.page-home .section-3 {
		padding-bottom: 72px;
	}

	.page-home .section-3 .wrap {
		display: block;
	}

	.page-home .section-3 .wrap .content,
	.page-home .section-3 .wrap .btn-wrap {
		width: 100%;
	}

	.page-home .section-3 .wrap .btn-wrap {
		margin-top: 60px;
	}

	.page-home .section-3 .wrap .content .countdown-wrap {
		column-gap: 12px;
	}

    header .image .hook span {
        font-size: 1em;
    }
}

@media all and (max-width: 730px) {
	header .image .hook {
        top: 30vw;
    }
}

@media all and (max-width: 700px) {
	span.block {
		display: none;
	}

	.page-home header {
	    background: url(../gfx/edu-narzedzia.jpg) no-repeat;
	    background-size: auto 364vw;
    	background-position: center top -130vw;
		display: block;
	}

	.page-home header nav {
		padding-bottom: 40px;
	}

	header nav .logo h1 {
    	background-size: 109px 68px;
		background-position: center;
		width: 109px;
	    height: 68px;
	}
	
	header nav .navbar {
		padding-right: 0;
		padding-left: 0;
		width: 100%;
	}

	header .content {
		padding-top: 28px;
	}

	header .content ol {
		padding-bottom: 32px;
	    font-size: .85em;
	 }

	header .content ol li + li {
  		padding-top: 16px;
	}

	header .content ol li + li::before {
  		top: 20px;
	}

	header .content .bg {
		background: rgba(236, 232, 229, .8);
		padding: 32px 20px 40px;
	}

	header .content .btn-wrap p {
	    font-size: .85em;
	}

	header .image {
		display: none;
	}

	header nav .navbar > ul {
		justify-content: center;
		gap: 20px;
	}

	header nav .navbar > ul > li:first-child {
		display: none;
	}

  	.page-home .section-1 .wrap .image {
		max-width: 100%;
	}

	.page-home .section-10 {
		padding-bottom: 68px;
	}

	.page-home .section-10 .wrap .content .items {
		flex-direction: column;
		justify-content: flex-start;
		gap: 28px;
	}

	.page-home .section-10 .wrap .content .items .arrow {
		background: url(../gfx/strzalka_2.svg) no-repeat;
		background-position: center;
    	margin-top: 0;
		width: 100%;
  		height: 28px;
	}

	.page-home .section-10 .wrap .content .items .item:not(.item-1) p,
	.page-home .section-10 .wrap .content .items .item .logos {
		padding-bottom: 0;
	}

  	.page-home .section-10 .wrap .content .items .item .image {
  		height: 72px;
  	}

  	.page-home .section-11 .wrap .content ol {
  		columns: 1;
	    -webkit-columns: 1;
	    -moz-columns: 1;
	    padding-right: 0;
  	}

  	.page-home .section-12 {
  		padding-top: 60px;
  	}

  	header .image .hook {
  		display: none;
  	}

	header .content .hook-mob {
	    display: block;
	    padding-bottom: 32px;
	}

	header .content .hook-mob span {
		background: #F2884B;
        border: 4px #0A0908 solid;
        position: relative;
        z-index: 9;
        padding: 10px;
        width: calc(100% - 28px);
        border-radius: 3px;
        line-height: 130%;
        font-weight: 700;
        font-size: 1.8em;
        display: block;
	}
}

@media all and (max-width: 600px) {
	.page-home .section-5 .wrap .content .items .item .buy {
		display: block;
		padding-top: 1.35em;
	}

	.page-home .section-5 .wrap .content .items .item .buy .btn-wrap {
		margin-top: 24px;
		width: calc(100% - 2px);
	}

	.page-home .section-5 .wrap .content .items .item .buy .btn-wrap a {
  		padding: 6px;
	}

	.page-home .section-7 .wrap .content + .content .btn-wrap a {
  		padding: 14px 12px;
	}

	.page-home .section-9 .wrap .content .items {
		flex-direction: column;
		justify-content: flex-start;
		gap: 28px;
	}

	.page-home .section-9 .wrap .content .items + p {
		font-weight: 700;
	}

	.page-home .section-9 > .image {
	    height: calc(100% - 1258px);
	}
}

@media all and (max-width: 500px) {
	.page-home .section-5 .wrap .content .items {
    	grid-template-columns: repeat(2, minmax(0, 1fr));
  	}

	.page-home .section-7 .wrap .content + .content .btns-wrap {
		flex-direction: column;
		justify-content: flex-start;
	}

	.page-home .section-7 .wrap .content + .content .btn-wrap {
		width: 100%;
	}

	.page-home .section-7 .wrap .content + .content .btn-wrap + .btn-wrap {
		margin-top: 20px;
	}

	footer .footer-wrap p,
	footer .footer-wrap ul,
	footer .footer-wrap ol {
		font-size: .7em;
	}
}

@media all and (max-width: 411px) {
	header .content .hook-mob span {
	    font-size: 1.3em;
	}
}