.section { margin-bottom: 60px;} .single-post .section { margin-bottom: 0px;} /* Blog - filtry */ #Filters { margin-bottom: 30px;} #Filters ul { display: flex; justify-content: center;} #Filters ul li.current-cat a { border-radius: 4px; background-color: #c2000b; color: #fff; border: 1px solid #c2000b; padding: 8px 20px; display: inline-block;} #Filters ul li a { text-align: center; font-size: 16px; line-height:20px; font-weight:500; border: none; padding: 8px 20px; display: inline-block; border: 1px solid transparent;} /* Blog - listing */ .section.blog-list { margin-top: 30px;} .blog-module { display: grid; grid-gap: 30px; margin-bottom: 30px; padding-bottom: 50px;} .blog-module.col-2 { grid-template-columns: repeat(2, 1fr);} .blog-module.col-3 { grid-template-columns: repeat(3, 1fr);} .blog-module.col-4 { grid-template-columns: repeat(4, 1fr);} .blog-module .post-item { border-radius: 0px; overflow: hidden; display: flex; flex-direction: column; flex: 1;} .blog-module .post-item .image_wrapper {margin-bottom:10px;} .blog-module .post-item .image_wrapper img {border-radius:0px;} .blog-module .post-item .desc { display: flex; flex-direction: column; flex: 1; align-items: baseline;} .blog-module .post-item .desc h2 { font-weight: 400; font-size: 26px; line-height: 30px; margin-bottom: 5px;} .blog-module .post-item .desc p { font-size: 14px; margin-bottom: auto;} .blog-module .post-item .desc a.btn-red { margin-top: 10px;} /* Blog - układ full */ .page-template-archive #Content { padding-top: 30px;} .blog_wrapper.without-sidebar .section_wrapper { max-width: 690px;} .single-post #Content { padding-top: 30px;} .section-post-content h4 { margin: 0 0 15px; font-weight: 600;} .section-post-content p { margin: 0 0 15px;} /*.single-post .section_wrapper { max-width: 100% !important; padding: 0px !important;margin: 0px !important;}*/ /* Blog - układ sidebar */ .blog_wrapper.with-sidebar { display: grid; grid-template-columns: 8fr 4fr; grid-gap: 120px; max-width: 1410px; margin: 0 auto; position: relative;} .blog-widget:not(:last-child) { padding-bottom: 30px; margin-bottom: 30px; position: relative; overflow:hidden;} .blog-widget:not(:last-child):after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 0; visibility: visible; border: 1px solid #ebebec;} /* Blog - nagłówek wpisu */ .post-header .single-photo-wrapper { position: relative; width: 100%;} .post-header .single-photo-wrapper img { width: 100%;} .post-header .image_desc { padding: 25px 0 15px; background: #FFFFFF; box-sizing: border-box;} .post-header .image_desc h1 {font-weight:400; font-size:26px; line-height:30px;} /** * * Moduły do bloga * */ .cta-video-reklama { display: grid; grid-template-columns: repeat(2, 1fr); background: #F7F5F5; margin: 55px 0 20px;} .cta-video-reklama .image { position: relative; } .cta-video-reklama .image img { position: absolute; bottom: 0; left: 0;} .cta-video-reklama .desc { display: flex; flex-direction: column; align-items: baseline; justify-content: center; padding: 30px 45px 30px 0;} .cta-video-reklama .desc h4 { font-weight: 400; font-size: 20px; line-height: 26px; margin-bottom: 10px;} .cta-wystarczy { background: #F7F5F5; padding: 65px 120px 58px; text-align: center; margin-bottom:20px;} .cta-wystarczy h2 { font-size: 24px; line-height: 33px; margin-bottom: 12px;} .cta-wystarczy p { font-size: 14px; margin:0;} .cta-wystarczy p.sub { font-weight:400;} .cta-wystarczy a { margin-bottom: 10px;} .cta-potrzebujesz .desc { background: #f8f5f5; padding: 40px; margin: -42px 35px 0; position: relative; max-width: 100%;} .cta-potrzebujesz .desc h2 { font-size: 24px; line-height: 33px; margin-bottom: 12px;} .cta-potrzebujesz .desc hr { width: 112px; height: 3px; background: #C2000B; color: #C2000B; margin: 18px 0;} .cta-potrzebujesz .buttons a:first-child { margin-right: 20px;} .newsletter { position: relative; margin-bottom:20px;} .newsletter .image { z-index: -1; position: relative;} .newsletter .desc { max-width: 85%; margin: -125px auto 0; padding: 37px 80px 33px 62px; background: #fff; box-sizing: border-box; text-align:center;} .newsletter h4 { font-size: 16px; line-height: 33px;} .newsletter h2 { font-weight: 400; font-size: 24px; line-height: 33px;} .ns-form { text-align: left; margin-top:20px;} .ns-col { display: grid; grid-template-columns: auto minmax(118px, 118px); grid-gap: 30px;} /* Blog - O autorze */ .author-box { background: #F7F5F5; padding: 23px 36px 35px 24px; display: grid; grid-template-columns: minmax(40px, 89px) auto; grid-gap: 30px; margin-top:20px;} .author-box .author-info h2 { font-weight: 400; font-size: 16px; line-height:22px; margin-bottom: 4px;} .author-box .author-info p { font-size: 12px; line-height: 18px; margin: 0;} .author-box .author-info a { font-weight: 600; text-wrap: nowrap;} /* Blog - Podobne wpisy */ .section-post-related { padding: 51px 0 56px;} .section-related-wrapper h2 { font-weight: 400; font-size: 24px; line-height: 33px; margin-bottom: 16px;} .post-related .image_wrapper {margin-bottom:6px;} .post-related .title h4 { font-weight: 400; font-size: 14px; line-height: 20px;} .section-related-ul { display: grid; grid-gap: 30px; } .section-related-ul.col-2 { grid-template-columns: repeat(2, 1fr); } /* Blog - Cennik stron */ .banner-module-01 { display: inline-flex; flex-direction: column; align-items: center; margin: 15px 0 30px} .banner-module-01 img { padding: 10px 0 30px;} /* Blog - Cennik logo */ .banner-module-02 { display: inline-flex; flex-direction: column; align-items: center; margin: 15px 0 30px} .banner-module-02 img { padding: 10px 0 30px;} /* Grid */ .grid { display: grid; grid-gap: 30px;} .grid.col-1 { grid-template-columns: repeat(1, 1fr);} .grid.col-2 { grid-template-columns: repeat(2, 1fr);} .grid.col-3 { grid-template-columns: repeat(3, 1fr);} .grid.col-4 { grid-template-columns: repeat(4, 1fr);} .grid.col-5 { grid-template-columns: repeat(5, 1fr);} .grid.col-6 { grid-template-columns: repeat(6, 1fr);} .grid.col-7 { grid-template-columns: repeat(7, 1fr);} /* Polityka prywatności */ .section-polityka p {margin-bottom:20px; font-size: 14px;} .section-polityka ul { font-size: 14px;} .section-polityka {padding-bottom:60px; padding-top:20px;} /* Home - Hero */ .section-hero .section_wrapper { max-width: 100%;} .hero { max-width: 1830px; margin: 0 auto;} .hero .image-wrapper { max-height: 850px; overflow: hidden; position:relative;} .hero .image-wrapper img { transform: translateY(-50px); object-fit: cover;} .hero .intro-button { position: absolute; bottom: 192px; width: 100%; text-align: center; z-index: 1;} .hero a.btn-white-stroke { background: rgba(0, 0, 0, 0.5);} .hero hr.red {width:227px; height:3px; background:#C2000B; color:#C2000B; margin:18px 0;} .hero .desc { max-width: 1170px; margin: 0 auto; padding: 50px 120px; background: #F7F5F5; margin-top: -145px; box-sizing:border-box; position: relative; z-index: 1;} .hero .hero-steps { justify-content: center; grid-gap: 67px; margin: 36px 0 24px; display: inline-flex; width: 100%;} .hero .hero-steps p { position: relative; padding-left: 22px;} .hero .hero-steps p:before { content: url(/wp-content/uploads/2022/11/list.svg); margin-left: -22px; margin-top: 1px; position: absolute;} .hero hr.gray { width: 100%; height: 1px; background: #BCBCBC; color: #BCBCBC; margin: 12px auto;} .hero .laury { display: flex; justify-content: center; grid-gap: 57px; margin: 35px auto 22px; max-width: 780px;} .hero .laury .item { display: flex; align-items: center; justify-content: center;} .hero .laury .item img { height: 90px; width:100%;} .hero p.laury-title { text-align: center; color: #9B9B9B;} /* fakty liczbowe */ .section-numbers-facts { padding: 51px 0 40px;} .numbers-facts-grid { grid-gap: 60px; max-width: 1170px; margin: 22px auto;} .numbers-facts-grid .item span.num { font-weight:400; font-size: 42px; line-height: 1;} .numbers-facts-grid .item hr.red { background: #C2000B; height: 2px; width: 51px; margin: 5px 0;} .numbers-facts .image { display: flex; justify-content: center;} /* Home - oferta */ .section-offer-tiles {padding: 30px 0 66px;} .grid-offer-tiles { grid-gap:60px 30px; margin: 48px 0 30px;} .grid-offer-tiles .item {position:relative;display: flex; flex-direction: column; align-items: baseline; flex: 1;} .grid-offer-tiles .item h4 {font-size: 20px; font-weight: 500; line-height: 28px; margin-bottom:6px;} .grid-offer-tiles .item p {font-size:14px; line-height:24px; font-weight:300; margin-bottom: auto;} .grid-offer-tiles a {margin-top:18px;text-align:center;} .grid-offer-tiles .item.kursy:after { content: ""; position: absolute; border: 1px solid #C2000B; width: calc(100% + 60px); height: calc(100% + 60px); top: 0; left: 0; margin-left: -30px; margin-top: -30px; border-radius: 5px; z-index:-1;} .section-get-knowledge { background: #F7F5F5;} .get-knowledge { display: flex; align-items: center; justify-content: flex-end; padding: 84px 0;} .get-knowledge .desc { position: absolute; padding: 125px 120px 125px 0px; background: #F7F5F5; width: 41.666%; left: 0; box-sizing: border-box;} .get-knowledge .desc ul { max-width: 340px;} /* Certyfikat */ .section-certificate {margin-top:120px;} .certificate { background: #fff; box-shadow: 0px 0px 50px rgb(0 0 0 / 8%); padding: 80px 240px 80px 120px; display: grid; grid-gap: 30px; grid-template-columns: 1.7fr 7.3fr; margin: 50px 0 112px;} .certificate .image-wrapper { position: relative;} .certificate .image-wrapper img { position: absolute; bottom: 0;} .certificate .desc p { margin-bottom: 0px;} .certificate .desc h2 { margin-bottom: 10px;} /* Spis treści */ .section-spis-lekcji-header { margin-bottom: 25px;} .spis-lekcji-grid-module { grid-gap: 30px; background: #F7F5F5; padding: 67px 120px;} .spis-lekcji-grid-module { counter-reset: spis-tresci;} .spis-lekcji-grid-module p.etap { font-weight: 600; color: #C2000B;} .spis-lekcji-grid-module p.temat { font-weight: 600; color: #000000; margin-bottom: 10px;} .spis-lekcji-grid-module p.temat.bonusy { display: flex; align-items: center;} .spis-lekcji-grid-module p.temat.bonusy img { padding-right: 9px;} .spis-lekcji-grid-module ol.num li { position: relative; padding-left: 35px;} .spis-lekcji-grid-module ol.num.spis-tresci li:before { counter-increment: spis-tresci; content: counter(spis-tresci) ". "; margin-right: 9px; font-weight: 600; position: absolute; margin-left: -35px; margin-top: 1px;} .spis-lekcji-grid-module ol.num.bonusy { counter-reset: bonusy;} .spis-lekcji-grid-module ol.num.bonusy li:before { counter-increment: bonusy; content: counter(bonusy) ". "; margin-right: 9px; font-weight: 600; position: absolute; margin-left: -35px; margin-top: 1px;} .spis-lekcji-grid-module .grid-bonusy { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; margin-top: 30px;} /* Home - o mnie */ .section-about-me { background: #F7F5F5;} .about-me .image-wrapper { position: relative;} .about-me-wrapper .desc { position: absolute; padding: 91px 250px 91px 120px; background: #F7F5F5; width: 66.666%; right: 0; box-sizing: border-box;} .about-me-wrapper { display: flex; align-items: center; padding: 84px 0;} .about-me p.small { font-weight: 600;} /* Dane kontaktowe */ .section-contact-details { margin-bottom: 0px;} .contact-details { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 58px 240px 80px; background: #F7F5F5;margin-top: 53px;} .contact-details { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 58px 240px 80px; background: #F7F5F5; margin-top: 53px;} .contact-details ul.contact-info {font-size: 18px;} .contact-details ul.contact-info li { margin-bottom: 18px; display: flex; align-items: center;} .contact-details ul.contact-info li .icon {width: 17px; display: flex; justify-content: center; margin-right: 6px;} /* Formularze */ .section-form .contact-form { position: relative; padding: 90px 120px 60px; max-width: 1170px; background: #fff; margin: 0 auto; box-sizing: border-box;} .section-form .contact-form.moveup { margin-top: -45px;} .contact-form.sprzedawaj-dzieki-video { margin-bottom: 80px;} /* Opinie */ .section-testimonials-grid p.header-desc { max-width: 50%;} .testimonials-grid { grid-gap: 79px 30px; padding-top: 55px; transition: all 0.3s;} .testimonials-grid .testimonial {position:relative; display: none; } .testimonials-grid .testimonial .testimonial-wrapper { display: flex; flex-direction: column; flex: 1; height: 100%;} .testimonials-grid .testimonial .desc { margin-bottom: auto;} .testimonials-grid .testimonial .desc p { font-size: 14px; font-weight: 300; line-height: 24px;} .testimonials-grid .testimonial .who { display: flex; align-items: center; margin-top: 11px;} .testimonials-grid .testimonial .avatar { padding-right: 10px; max-width: 55px;} .testimonials-grid .testimonial .avatar img { border-radius: 50%;} .testimonials-grid .testimonial h4.name { font-size: 16px; font-weight: 600; line-height: 24px;} .testimonials-grid .testimonial p.company { font-size: 14px; font-weight: 400; margin: 0; text-transform: uppercase;} .testimonials-grid .testimonial:before { content: ""; position: absolute; background: url(/wp-content/uploads/2022/11/cytat-01.svg); width: 69px; height: 56px; transform: translate(-28px, -32px); } .opinie-load-more {text-align:center; margin-top:30px; display:none;} a#loadMore.noContent { display:none; border: none; color: #c2000b;} .testimonials-grid .hide.hide-active { opacity: 0; height: 0px; position: absolute;} .testimonials-grid .hide { opacity: 1; height: auto; position: relative;} /* Partnerzy */ .section-partners-slider h2 {margin-bottom:15px; text-align: center;} .partners_slider_wrapper { position: relative; visibility: hidden;} .partners_slider_wrapper:before { content: ""; width: 180px; height: 100%; background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; left: 0; z-index: 9;} .partners_slider_wrapper:after { content: ""; width: 180px; height: 100%; background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; right: 0; z-index: 9;} .partners_slider_ul .slick-slide { margin: 0 15px;} .partners_slider_ul .slick-list { margin: 0; } .partners_slider_ul .logo img {display:block; width: 100%;} .partners_slider_header a.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%);} .partners_slider_header a.slick-arrow i { font-size: 43px;} .partners_slider_header a.slider_next { right: -40px; z-index:99;} .partners_slider_header a.slider_prev { left: -40px; z-index:99;} /* Slajder - narzędzia */ .section-tools-slider h2 {margin-bottom:15px; } .tools_slider_wrapper { position: relative; visibility: hidden;} .tools_slider_wrapper:before { content: ""; width: 180px; height: 100%; background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; left: 0; z-index: 9;} .tools_slider_wrapper:after { content: ""; width: 180px; height: 100%; background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; right: 0; z-index: 9;} .tools_slider_ul .slick-slide { margin: 0 15px;} .tools_slider_ul .slick-list { margin: 0; } .tools_slider_ul .logo img {display:block; width: 100%;} .tools_slider_header a.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%);} .tools_slider_header a.slick-arrow i { font-size: 43px;} .tools_slider_header a.slider_next { right: -40px; z-index:99;} .tools_slider_header a.slider_prev { left: -40px; z-index:99;} /* Slajder - pisali o nas */ .section-about-slider h2 {margin-bottom:15px; } .about_slider_wrapper { position: relative; visibility: hidden;} .about_slider_wrapper:before { content: ""; width: 180px; height: 100%; background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; left: 0; z-index: 9;} .about_slider_wrapper:after { content: ""; width: 180px; height: 100%; background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; right: 0; z-index: 9;} .about_slider_ul .slick-slide { margin: 0 15px;} .about_slider_ul .slick-list { margin: 0; } .about_slider_ul .logo img {display:block; width: 100%;} .about_slider_header a.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%);} .about_slider_header a.slick-arrow i { font-size: 43px;} .about_slider_header a.slider_next { right: -40px; z-index:99;} .about_slider_header a.slider_prev { left: -40px; z-index:99;} /* Slajder - video */ .section-video-slider-header {margin-bottom:25px;} .section-video-slider .section_wrapper { max-width: 100%;} .video-slide .video-wrapper { display:flex; width:100%; position: relative; padding-bottom:0px; background: #fff;border-radius: 0px; overflow: hidden;} .video-slide .video-wrapper .video-btn { background-color:rgba(0,0,0,.3)} .video-slide .video-wrapper .video-btn.active { background-color:rgba(0,0,0,0)} .video-slide .movie-video-wrapper-full { max-height:600px} .video-slide .movie-video-wrapper-full video { object-fit:cover; width: 100%;} .video-slide .counter { position: absolute; bottom: 10px; right: 10px; background: black; color: #fff; font-size: 12px; width: 80px; text-align: center;opacity:0; transition: all 0.3s linear;} .video-slide .counter.show {opacity:1; transition: all 0.3s linear;} .video-slide .video_seekbar span { background-color:#C2000B; } .video-slide .video_seekbar input::-webkit-slider-thumb { box-shadow:-100vw 0 0 100vw #C2000B} .video-slide .video_seekbar input::-moz-range-thumb{ box-shadow:-100vw 0 0 100vw #C2000B} .video_slider_ul .slick-slide { margin: 0 15px;} .video_slider_ul .slick-list { margin: 0; } .video_slider_ul .video-slide .desc { text-align: center; margin-top: 10px;} .video-slide:not(.slick-current) { opacity: 0.3; transition: all 0.3s linear;} .video-slide.slick-current {opacity:1; transition: all 0.3s linear;} .video-slide.slick-cloned .play-btn { display: none;} .video-slide.slick-cloned { pointer-events: none; filter: blur(3px);} .video-slide.slick-cloned .desc { display: none;} a.slider_prev { position: absolute; top: 50%; left: 0; float: right; z-index: 9; margin-top: -33px; cursor: pointer; font-size: 50px; margin-left: 33px;} a.slider_next { position: absolute; top: 50%; right: 0; float: right; z-index: 9; margin-top: -33px; cursor: pointer; font-size: 50px; margin-right: 33px;} .video-slide .play-btn span { opacity: 0;} .video-slide .play-btn:hover span { opacity: 1;} /* Pokaz możliwości [slajder] */ .features-slider .heading h2 { text-align: center;} .features-slider .heading p { max-width: 690px; margin: 0 auto; text-align: center;} .features_slider_wrapper { max-width: 930px; margin: 35px auto 0; position:relative;} .features_slider_wrapper {visibility:hidden;} .features_slider_ul .slick-list { overflow: visible !important;} .features_slider_ul .slick-slide { transition: transform 0.2s ease 0s; transform: translateX(-3.875rem) scale(0.85);} .features_slider_ul .slick-slide.slick-center { transform: scale(1); transition: transform 0.2s ease 0s;} .features_slider_ul .slick-slide.slick-center + * { transform: translateX(3.875rem) scale(0.85); transition: transform 0.2s ease 0s;} .features_slider_ul.slick-initialized .slick-slide { display: block; } /* slide when not active*/ .features_slider_ul .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] { transition: transform 0.2s ease 0s; transform: translateX(3.875rem) scale(0.85);} /* slide when active (when play last to first) */ .features_slider_ul .slick-slide[aria-hidden="true"]:not([data-slick-index="-1"]) + .slick-cloned[aria-hidden="true"] {transform: translateX(-3.875rem) scale(0.85); transition: transform 0.2s ease 0s;} /* slide when active (when play first to last) */ .features_slider_ul .slick-slide[aria-hidden="true"] + .slick-cloned[aria-hidden="true"] {transition: transform 0.2s ease 0s; transform: translateX(-3.875rem) scale(0.85);} .features_slider_header a.slick-arrow { position: absolute; top: 40%; transform: translateY(-50%);} .features_slider_header a.slick-arrow i { font-size: 43px;} .features_slider_header a.slider_next { right: -80px; z-index:99;} .features_slider_header a.slider_prev { left: -80px; z-index:99;} .features_slider_pager { margin-top: 22px; text-align: center;} .features_slider_pager ul.slick-dots { margin: 0;line-height: 0;} .features_slider_pager li {display:inline-block;line-height: 0;} .features_slider_pager li.slick-active a, .partnerzy_slider_pager li:hover a { background: #C2000B;} .features_slider_pager a {display:inline-block;width:15px;height:15px;text-indent:-9999px;margin:0px 10px;border-radius:0px; background:#CCCCCC; position:relative;cursor:pointer} .features_slider_ul .slick-slide img { box-shadow: 0px 0px 50px rgb(0 0 0 / 7%); border-radius: 0px;} .features_slider_ul .feature-item h4 { font-weight: 600; text-align: center; max-width: 85%; margin: 15px auto 10px;} .features_slider_ul .feature-item p {max-width: 85%; margin:0 auto; text-align: center;} .features-slider-cta { max-width: 810px; margin: 35px auto 60px; text-align: center;} .features-slider-cta p.small { margin-top: 10px; font-weight:400;} /* CTA kurs */ .cta-course { max-width: 810px; margin: 0 auto; text-align: center;} .cta-course .image-wrapper { padding: 0 50px;margin-bottom:10px;} .cta-course .desc h2 {margin-bottom:18px;} .cta-course .desc p.small {margin-top:10px; font-weight:400;} .cta-course ul.otrzymasz li:nth-child(1):before { content: ""; background: url(https://www.kurs.smartandfast.pl/wp-content/uploads/2022/11/widget-icon-01.svg) center no-repeat; width: 18px; height: 18px; background-size: contain; margin-left: -23px;} .cta-course ul.otrzymasz li:nth-child(2):before { content: ""; background: url(https://www.kurs.smartandfast.pl/wp-content/uploads/2022/11/widget-icon-03.svg) center no-repeat; width: 18px; height: 18px; background-size: contain; margin-left: -23px;} .cta-course ul.otrzymasz li:nth-child(3):before { content: ""; background: url(https://www.kurs.smartandfast.pl/wp-content/uploads/2022/11/widget-icon-02.svg) center no-repeat; width: 18px; height: 18px; background-size: contain; margin-left: -23px;} .cta-course ul.otrzymasz li:nth-child(4):before { content: ""; background: url(https://www.kurs.smartandfast.pl/wp-content/uploads/2022/11/widget-icon-04.svg) center no-repeat; width: 18px; height: 18px; background-size: contain; margin-left: -23px;} .cta-course ul.list-02 { margin-top: 20px; display: flex; gap: 30px; justify-content: center;} .cta-course ul.list-02 li { margin: 0;} /* Lista ze zdjęciem */ .list-with-image { padding: 52px 120px 65px; background: #F7F5F5;} .list-with-image h2 {margin-bottom:25px;} /* Big Picture */ .section-big-picture { /* padding: 94px 0 111px;*/} .big-picture { display: flex; justify-content: flex-end; align-items: flex-end;} .big-picture .desc { position: absolute; padding: 82px 120px 82px; background: #F7F5F5; max-width: 58.333%; left: 0; box-sizing: border-box;} .big-picture .image-wrapper { margin-bottom: 75px;} /* Pełne zdjęcie + opis */ .section-full-image-desc { padding-bottom: 30px;} .section-full-image-desc .section_wrapper { max-width: 100% !important; padding:0px !important;} .full-image-desc { max-width: 1830px; margin: 0 auto;} .full-image-desc .desc { max-width: 1170px; margin: 0 auto; padding: 63px 240px; background: #F7F5F5; margin-top: -145px; box-sizing:border-box; position: relative; z-index: 1;} .full-image-desc .desc h2 { max-width: 635px; margin-bottom: 19px;} .full-image-desc .image-wrapper img { transform: translateY(-50px); object-fit: cover;} .full-image-desc .image-wrapper { max-height: 850px; overflow: hidden;} ul.list-02.video-reklama { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px 30px;} ul.list-02.video-reklama li { margin: 0;} /* Infografika */ .infographic { display: flex; align-items: center; justify-content: flex-end; /* padding: 13px 0 92px;*/} .infographic .desc { position: absolute; padding: 62px 120px 62px 0; background: #ffffff; width: 58.333%; left: 0; box-sizing: border-box;} .infographic .image-wrapper { width: calc(50% - 15px); background: #F7F5F5; padding: 180px 0 115px 120px; box-sizing: border-box;}p.source { color: #B8B8B8; font-size: 12px; font-weight: 400;} .infographic p.source a { color: #B8B8B8; } ul.list-03 { list-style-type: none; max-width: 430px;} ul.list-03 li { position: relative; padding-left: 15px; margin-bottom: 18px;} ul.list-03 li:before { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #C2000B; margin-top: 8px; margin-left: -15px;} /* Infografika - ikony */ .infographic-icons { display: flex; align-items: center; justify-content: flex-end; padding: 30px 0;} .infographic-icons .desc-wrap { position: absolute; padding: 65px 75px 65px 0px; background: #fff; width: 41.666%; left: 0; box-sizing: border-box;} .infographic-icons .desc-wrap h2 { max-width: 360px;} .icon-list { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap:30px;} .icon-list .item { display: flex; align-items: flex-start;} .icon-list .item .desc { width: calc(100% - 65px);} .icon-list .item .icon { width: 65px; display: flex; align-items: center; justify-content: center;} .icon-list .desc-wrap h2 { max-width: 320px;} /* faq */ .section-faq h2 { max-width: 640px; text-align: center; margin: 0 auto;} .faq { max-width: 930px; margin: 0 auto;} .faq .question{position:relative; border-bottom: 1px solid #D2D2D2;} .faq .question:last-child{margin-bottom:0; border:none;} .faq .question > .title{ padding: 25px 100px 25px 0; font-size: 18px; font-weight: 600; position: relative; cursor: pointer; z-index: 2;} .faq .question.active > .title { padding: 25px 100px 12px 0;} .faq .question > .title > .acc-icon-plus, .faq .question .title > .acc-icon-minus { position: absolute; right: 15px; top: 25px; width: 20px; height: 20px; font-family: 'smartandfast'; content: "\e900"; font-weight: 300;} .faq .question > .title > .acc-icon-plus:before, .faq .question .title > .acc-icon-minus:before { content: "\e900";} .faq .question > .title > .acc-icon-plus{display:block} .faq .question > .title > .acc-icon-minus{display:none; transform: rotate(180deg);} .faq .question > .answer{padding:0 100px 30px 0px;overflow:hidden;display:none} .faq .question.active > .title > .acc-icon-plus{display:none} .faq .question.active > .title > .acc-icon-minus{display:block} .faq .question.active p:last-child{margin-bottom:0} /* paddingi */ /* Widget opinii */ .notifications {position: fixed; bottom: 20px; left: 20px; width: 280px; box-shadow: 0px 0px 20px rgb(0 0 0 / 15%); background: #fff; padding: 15px; box-sizing: border-box; border-radius: 5px; z-index:99;transition: all 0.1s linear;} .notifications {visibility: hidden} .notifications.closed {visibility: hidden !important;} .notifications .close { position: absolute; right: 0; top: -37px; line-height: 1; background: #fff; color: #000; cursor: pointer; width: 29px; height: 29px; border-radius: 50%; display: flex; align-items: center; justify-content: center;box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);} .notifications .close i {font-size:10px;} .notifications.minimized .notification-slider { position: absolute; pointer-events: none; opacity: 0;} .notifications.minimized { width: 54px; height: 54px; border-radius: 50%; padding: 0px; display: flex !important; align-items: center; justify-content: center;} .notifications.minimized .close {display:none;} .notifications .notification-slider { position: relative; opacity: 1;} .notifications .mini-widget-box {display:none;} .notifications.minimized .mini-widget-box {display:block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .single-review { display: flex; flex-direction: column;} .single-review .heading { display: flex; align-items: center; margin-bottom:5px;} .single-review .heading .review-source { font-size: 10px; line-height:1; margin-right: 8px;display: flex; align-items: center;} .single-review .heading .review-source span {margin-left:5px;} .single-review .heading .review-rating { font-size: 10px; line-height:1;} .single-review .heading .review-rating i { font-family: 'smartandfast' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color:#fb0;} .single-review .heading .review-rating i.s5:before {content:"\e90f\e90f\e90f\e90f\e90f";} .single-review .heading .review-rating i.s4:before {content:"\e90f\e90f\e90f\e90f\e90e";} .single-review .heading .review-rating i.s3:before {content:"\e90f\e90f\e90f\e90e\e90e";} .single-review .heading .review-rating i.s2:before {content:"\e90f\e90f\e90e\e90e\e90e";} .single-review .heading .review-rating i.s1:before {content:"\e90f\e90e\e90e\e90e\e90e";} .single-review .review-desc { border-bottom: 1px solid #EBEBEB;} .single-review .review-desc p { font-size: 10px; line-height: 16px; font-weight: 300; margin-bottom:9px} .single-review .review-author { display: flex; align-items: center; margin-top:9px;} .single-review .review-author .review-avatar { max-width: 35px; margin-right: 8px;} .single-review .review-author .review-avatar img {display:block;border-radius:50%;} .single-review .author-details .name h4 { font-size: 12px; line-height: 1; font-weight: 600; margin-bottom: 4px;} .single-review .author-details .company p { font-size: 10px; line-height: 1; font-weight: 400; margin:0;} /* Widget filmu */ .movie-box { position: fixed; width: 320px; bottom: 20px; right: 20px; background: #fff; padding: 15px; border: 1px solid #f1f1f1; box-shadow: 0px 0px 20px rgb(0 0 0 / 15%); border-radius: 10px; /*opacity:1; transform:scale(1); transition:all .3s linear;*/ visibility: hidden; z-index:99;} .movie-box.closed {transform:scale(0); opacity:0; transform-origin:right bottom;} .movie-box .close-movie-box { position: absolute; right: 0; top: -37px; line-height: 1; background: #fff; color: #000; cursor: pointer; width: 29px; height: 29px; border-radius: 50%; display: flex; align-items: center; justify-content: center;box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);} .movie-box .close-movie-box i {font-size:10px;} .movie-box h4.movie-header { font-size: 14px; line-height: 18px; font-weight: 600; margin-bottom: 7px;} .movie-box p.movie-desc { font-size: 12px; line-height: 20px; font-weight: 300; margin-bottom: 11px;} .movie-box a.btn-video { font-size: 12px; line-height: 1; font-weight: 600; float: right;} .movie-box a.btn-video i { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; margin-left: 5px;} .movie-box a.btn-video.rounded i { border-radius: 50%;} .movie-box a.btn-video.square i { border-radius: 0px;} .movie-box.extend .movie-box-video { max-height: 570px; transition: max-height 0.3s linear;} .movie-box .video-wrapper { display:flex; width:100%; position: relative; padding-bottom:0px; margin-bottom:7px; background: black;border-radius: 3px; overflow: hidden;} .movie-box .video-wrapper .video-btn { background-color:rgba(0,0,0,.3)} .movie-box .video-wrapper .video-btn.active { background-color:rgba(0,0,0,0)} .movie-video-wrapper .k_seekbar { bottom:70px; left:initial} .movie-video-wrapper video::-webkit-media-text-track-container { -webkit-transform:translateY(-.5%)!important; transform:translateY(-.5%)!important} .movie-box.movie-video-wrapper-full { max-height:600px} .movie-box.movie-video-wrapper-full video{ object-fit:cover} .movie-box .movie-box-video { width:100%; max-height: 169px; transition: max-height 0.3s linear;} .movie-box.minimized .movie-box-wrapper { display: none;} .movie-box.minimized .mini-widget-box { display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .movie-box .movie-box-wrapper { display: block;} .movie-box .mini-widget-box { display: none;} .movie-box .counter { position: absolute; bottom: 10px; right: 10px; background: black; color: #fff; font-size: 12px; width: 80px; text-align: center;opacity:0; transition: all 0.3s linear;} .movie-box .counter.show {opacity:1; transition: all 0.3s linear;} .movie-box.minimized { width: 54px; height: 54px; border-radius: 50%; padding: 0px; display: flex !important; align-items: center; justify-content: center;} .mini-widget-box { display: block; line-height: 0; cursor: pointer;} .mini-widget-box i { font-size: 25px; line-height: 1;} .movie-box #countdown { position: absolute; bottom: 10px; right: 10px; background: black; color: #fff; font-size: 12px; width: 80px; text-align: center;opacity:0; transition: all 0.3s linear;} .movie-box #countdown.show {opacity:1; transition: all 0.3s linear;} .video_seekbar { position:absolute; bottom: 0px; height:5px; width:100%; background-color:#747474; left:0; z-index:10; opacity:0; transition:all .3s} .video_seekbar span { background-color:#5E50FF; position:absolute; top:0; left:0; height:5px; width:0} .video_seekbar.active { opacity:1} .video_seekbar input { width:100%; margin:0; height:100%; position:absolute; border-radius:0; -webkit-appearance:none; appearance:none; background:transparent; overflow:hidden} .video_seekbar input::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; background-color:transparent; height:100%; width:1px; box-shadow:-100vw 0 0 100vw #5E50FF} .video_seekbar input::-moz-range-thumb{ border:none; border-radius:0; background-color:transparent; height:100%; width:1px; box-shadow:-100vw 0 0 100vw #5E50FF} .play-btn { position:absolute; width:100%; height:100%; left:0; bottom:0; justify-content:center; align-items:center; display:flex; cursor:pointer; z-index:3; transition:all .3s} .play-btn span{ display: flex; justify-content: center; align-items: center; border: 1px solid #fff; background-color: #0000004d; border-radius: 100%; width: 69px; height: 69px; transition: all .3s; padding: 0!important;} .play-btn span:before { border: 0; background: transparent; box-sizing: border-box; width: 0; height: 11px; border-color: transparent transparent transparent #fff; transition: 100ms all ease; cursor: pointer; border-style: solid; border-width: 12px 0 12px 22px; content: ''; margin-left: 5px;} .play-btn.active span { opacity:0} .play-btn.active:hover span { opacity:1} .play-btn.active span:before { border-style:double; border-width:0 0 0 20px; margin-left:0 } .fullscreen-btn { display: inline-block; position: absolute; bottom: 10px; right: 10px; padding: 5px; background: black; color: #fff; line-height: 1; cursor: pointer; z-index: 9; opacity:0; transition:all .3s} .fullscreen-btn.active { opacity:1} video::-webkit-media-text-track-container { -webkit-transform:translateY(-1%)!important; transform:translateY(-1%)!important} /* Widget kursu */ .course-box { width:100%; border: 1px solid #f1f1f1;} .course-box.extend .movie-box-video { max-height: 570px; transition: max-height 0.3s linear;} .course-box .close-movie-box { position: absolute; right: 0; top: -37px; line-height: 1; background: #f7f5f6; color: #b1b1b1; cursor: pointer; width: 29px; height: 29px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 9px; border: 1px solid #E2E2E2;opacity:0; transition: all 0.3s linear; pointer-events: none;} .course-box .close-movie-box i.saf-minimize { height: 1.5px; width: 15px; background: #000000;} .course-box.extend .close-movie-box {opacity:1; transition: all 0.3s linear; pointer-events: all;} .course-box .video-wrapper { display:flex; width:100%; position: relative; padding-bottom:0px; background: black;border-radius: 0px; overflow: hidden;} .course-box .video-wrapper .video-btn { background-color:rgba(0,0,0,.3)} .course-box .video-wrapper .video-btn.active { background-color:rgba(0,0,0,0)} .course-box .movie-video-wrapper-full { max-height:600px} /*.course-box .movie-video-wrapper-full video{ object-fit:cover}*/ .course-box .movie-box-video { width:100%; max-height: 169px; transition: max-height 0.3s linear;} .course-box .counter { position: absolute; bottom: 10px; right: 10px; background: black; color: #fff; font-size: 12px; width: 80px; text-align: center;opacity:0; transition: all 0.3s linear;} .course-box .counter.show {opacity:1; transition: all 0.3s linear;} .course-box .video_seekbar span { background-color:#C2000B; } .course-box .video_seekbar input::-webkit-slider-thumb{ box-shadow:-100vw 0 0 100vw #C2000B} .course-box .video_seekbar input::-moz-range-thumb{ box-shadow:-100vw 0 0 100vw #C2000B}