.section { margin-bottom: 0px;} .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: transparent; color: #000000; border: 1px solid #c6aa75; padding: 8px 20px; display: inline-block;} #Filters ul li a { text-align: center; font-size: 16px; line-height:20px; border: none; padding: 8px 20px; display: inline-block; border: 1px solid transparent;} /* Blog - listing */ .blog-module { display: grid; grid-gap: 30px; margin-bottom: 30px;} .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:hover { background: #F7F5F5; transition: all 0.3s linear;}*/ .blog-module .post-item .image_wrapper {margin-bottom:10px;} .blog-module .post-item .image_wrapper img {border-radius:10px;} .blog-module .post-item .desc { display: flex; flex-direction: column; flex: 1; align-items: baseline;} .blog-module .post-item .desc h2 { font-size: 32px; line-height: 44px; font-weight: 600; margin-bottom:10px;} .blog-module .post-item .desc p { margin-bottom: auto;} .blog-module .post-item .desc a.btn-main { margin-top: 19px;} /* 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 * */ /* Blog - O autorze */ .section-author { padding: 15px 0;} .author-box { display: grid; border: 1px solid #E9E9E1; padding: 23px; grid-template-columns: minmax(92px, 92px) auto; grid-gap: 21px;} .author-box .author-info h2 {font-size:16px; line-height:33px; font-weight:400; margin-bottom:4px; } .author-box .author-info p {font-size:12px; line-height: 18px; font-weight:300;} .author-box .author-info a {font-weight:500;} /* Blog - Podobne wpisy */ .section-post-related { padding: 15px 0 40px;} .section-related-wrapper h2 { font-size: 20px; line-height: 30px; font-weight:600; margin-bottom: 10px; } .post-related .image_wrapper { margin-bottom:10px; } .post-related .title h4 { font-size: 16px; line-height: 20px; font-weight: 400; } .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);} /* Sekcja - Hero styl 1 */ .section-hero-v1 {padding-top:80px; padding-bottom:80px;} .hero-v1 { display: grid; grid-template-columns: 6fr 6fr;} .hero-v1 .desc { display: flex; flex-direction: column; justify-content: center;} .hero-v1 h1 {margin-bottom:15px;} .hero-v1 .buttons { margin-top: 30px;} .hero-v1 .buttons a:first-child { margin-right: 30px;} /* Sekcja - Hero styl 2 */ .section-hero-v2 { position: relative;} .section-hero-v2 .image-background { display: flex; min-height: 450px; max-height:671px;} .section-hero-v2 .image-background img { object-fit: cover; object-position: top right; width:100%;} .section-hero-v2:before { content: ""; background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%); position: absolute; width: 100%; height: 70%; bottom: 0; opacity: 90%;} .hero-v2 { position: absolute; bottom: 30px; padding: 0 calc((100vw - 1410px) / 2);} .hero-v2 .desc { max-width: 50%; display: flex; flex-direction: column; justify-content: center;} .hero-v2 h1 {margin-bottom:15px;} .hero-v2 .buttons { margin-top: 30px;} .hero-v2 .buttons a:first-child { margin-right: 30px;} /* Sekcja - Hero styl 3 */ .section-hero-v3 { position: relative;} .section-hero-v3 .image-background { display: flex; min-height: 383px; max-height:671px;} .section-hero-v3 .image-background img { object-fit: cover; object-position: top right; width:100%;} .hero-v3 { position: absolute; padding: 0 calc((100vw - 1410px) / 2); width: 100%; height: 100%; top: 0; display: flex; align-items: center;} .hero-v3 .desc { max-width: 810px; display: flex; flex-direction: column; justify-content: center;} .hero-v3 .desc h1 {margin-bottom:15px; color: #fff;} .hero-v3 .desc p { color: #fff;} .hero-v3 .buttons { margin-top: 30px;} .hero-v3 .buttons a {color: #fff;} .hero-v3 .buttons a:first-child { margin-right: 30px;} /* Sekcja - Kafelki oferty */ .section-offer-tiles h2 {margin-bottom:15px;} .grid-offer-tiles .item { border-radius: 8px; overflow: hidden;transition: all 0.3s linear; display: flex; flex-direction: column; flex: 1;} .grid-offer-tiles .item:hover { background: #F7F5F5; transition: all 0.3s linear;} .grid-offer-tiles .item .desc-wrapper { padding: 39px 50px 46px; display: flex; flex-direction: column; flex: 1; align-items: baseline; } .grid-offer-tiles .item .desc-wrapper h4 { font-size: 20px; line-height: 23px; font-weight: 600; margin-bottom:15px;} .grid-offer-tiles .item .desc-wrapper p { margin-bottom: auto;} .grid-offer-tiles .item a.btn-main { margin-top: 19px;} .description-v1 { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px;} .description-v1 .desc { display: flex; flex-direction: column; justify-content: center; align-items: baseline;} .description-v1 img { border-radius: 10px;} .description-v2 .desc-gallery {margin-top:40px;} .description-v2 img { border-radius: 10px;} .section-gallery-slider h2 {margin-bottom:15px;} .gallery_slider_wrapper { position: relative; visibility: hidden; } .gallery_slider_ul .slick-slide { margin: 0 15px;} .gallery_slider_ul .slick-list { margin: 0 -15px; } .gallery_slider_ul .gallery-item img {border-radius:10px; width:100%;} .gallery_slider_ul .gallery-item p { max-width: 80%; margin: 0 auto; text-align: center; line-height: 23px; margin-top: 10px;} .section-gallery h2 {margin-bottom:15px;} .gallery_slider_header a.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); } .gallery_slider_header a.slick-arrow i { font-size: 43px;} .gallery_slider_header a.slider_next { right: -40px;z-index:99;} .gallery_slider_header a.slider_prev { left: -40px;z-index:99;} .gallery.grid { display: grid; grid-gap: 50px 30px;} .gallery.grid .gallery-item img {border-radius:10px;} .gallery.grid .gallery-item p { max-width: 80%; margin: 0 auto; text-align: center; line-height: 23px; margin-top: 10px;} .section-pricecheck .section_wrapper {max-width:100%;} .pricecheck .image-parallax { min-height: 700px; background-attachment: fixed; background-position: left bottom; background-repeat: no-repeat; background-size: 50% 100%; width: 50%; border-radius: 0 10px 10px 0;} .pricecheck .pricecheck-form { position: absolute; top: 50%; padding: 68px 120px; box-sizing: border-box; background: #FFFFFF; border-radius: 10px; width: 50%; right: 0; transform: translateY(-50%); margin-right: calc((1920px - 1410px) /2); box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);overflow:hidden;} .section-advantages h2 {margin-bottom:15px;} .advantages .advantages_wrapper { max-width: 1165px; margin: 0 auto;} .advantages ul.advantages-list { display: grid; grid-gap: 40px 35px;} .advantages ul.advantages-list li { position: relative; padding-left: 25px;} .advantages ul.advantages-list li i { position: absolute; left: 0; top: 8px; font-size: 14px;} .section-partners-slider h2 {margin-bottom:15px;} .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;} .section-testimonials-slider h2 {margin-bottom:15px;} .testimonials_slider_wrapper { position: relative; visibility: hidden; } .testimonials_slider_ul .testimonial {position:relative; padding-top: 28px; padding-left: 30px;} .testimonials_slider_ul .testimonial:before {content: "\e903"; font-family: 'smartandfast'; font-weight: normal; font-style: normal; font-display: block; font-size: 50px; line-height: 58px; position: absolute; left: 1px; top: 0; opacity:0.5; } .testimonials_slider_ul .testimonial p.desc { font-size: 14px; line-height: 28px; font-weight: 300;} .testimonials_slider_ul .testimonial .separator { margin-top: 15px;} .testimonials_slider_ul .testimonial .who { margin-top: 15px; display:flex; align-items:center;} .testimonials_slider_ul .testimonial .avatar { padding-right:11px;} .testimonials_slider_ul .testimonial .avatar img {width:55px; border-radius:50%;} .testimonials_slider_ul .testimonial .details h4 {font-size:16px; line-height:24px; font-weight:600;} .testimonials_slider_ul .testimonial .details p {font-size:14px; line-height:24px; font-weight:400;} .testimonials_slider_header a.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%);} .testimonials_slider_header a.slick-arrow i { font-size: 43px;} .testimonials_slider_header a.slider_next { right: -40px; z-index:99;} .testimonials_slider_header a.slider_prev { left: -40px; z-index:99;} .cta-v1 { display: grid; grid-template-columns: 7fr 6fr;} .cta-v1 .image-wrapper img { border-radius: 10px;} .cta-v1 .cta-desc { padding: 65px 120px; box-sizing: border-box; background: #ffffff; box-shadow: 0px 0px 20px rgb(0 0 0 / 10%); border-radius: 10px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 50%; display: flex; flex-direction: column; align-items: baseline;} .cta-v1 .cta-desc h2 {margin-bottom:9px;} .cta-v1 .cta-desc p {margin-bottom:23px;} .cta-v3 { display: grid; } .cta-v3 .image-wrapper img { width: 94%; border-radius: 10px;} .cta-v3 .cta-desc { padding: 65px 120px; box-sizing: border-box; background: #ffffff; box-shadow: 0px 0px 20px rgb(0 0 0 / 10%); border-radius: 10px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 50%; display: flex; flex-direction: column; align-items: baseline;} .cta-v3 .cta-desc h2 {margin-bottom:9px;} .cta-v3 .cta-desc p {margin-bottom:23px;} .cta-v2 { position:relative;} .cta-v2 .image-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px;} .cta-v2 .image-wrapper img { border-radius: 10px;} .cta-v2 .cta-desc { padding: 65px 120px; box-sizing: border-box; background: #ffffff; box-shadow: 0px 0px 20px rgb(0 0 0 / 10%); border-radius: 10px; margin-top: -170px; position: relative; left: 50%; transform: translateX(-50%); width: 50%; display: flex; flex-direction: column; align-items: baseline;} .cta-v2 .cta-desc h2 {margin-bottom:9px;} .cta-v2 .cta-desc p {margin-bottom:23px;} .section-contact-form { overflow: hidden;} .section-contact-form h2 {text-align:center; margin-bottom:40px;} .contact-form { max-width: 930px; margin: 0 auto;} .contact-page { display: grid; grid-gap: 30px;} .contact-page.grid-8-4 { grid-template-columns: 8fr 4fr; } .contact-page.grid-full {} .contact-page .side-panel { display: flex; flex-direction: column; grid-gap: 30px;} .contact-page .side-panel .image-wrapper img {border-radius:10px;} .contact-page .side-panel .google-map { height: 100%;} .contact-page .side-panel .google-map iframe {display:block; border-radius:10px; height:100%; min-height:330px;} .contact-page .contact-form h2 {margin-bottom:28px;} .company-details h4 { font-size: 24px; font-weight: 600; line-height: 28px; margin-bottom: 10px;} .contact-page ul.company { display: grid; grid-gap: 15px 30px; margin-bottom: 40px;} .contact-page ul.company li a {text-decoration:underline;} .section-pricing h2 {margin-bottom:15px;} .price .header { color: #fff; font-size: 14px; line-height: 28px; font-weight: 400; text-align: center;} .price .title { padding: 28px 34px 80px; text-align: center;} .price .title h4 { font-size: 26px; line-height: 34px; font-weight: 400; margin: 0;} .price .title p { font-size: 16px; line-height: 22px; margin: 0;} .price .image { text-align: center; max-width: 300px; margin: 0 auto;} .price .image img { margin-top: -70px; display:inline-block;} .price .desc { font-size: 12px; line-height: 20px; font-weight: 300; text-align: center; height: 70px; display: flex; align-items: center; justify-content: center;padding: 10px 34px;} .price span.included {color:#2C2E34; padding-left: 20px; position: relative;} .price span.included i {position: absolute; left: 0px; top: 4px; font-size: 13px;} .price span.not-included { color: #cccdcf; position: relative; padding-left: 20px;} .price span.not-included i {position: absolute; left: 1px; top: 5px; font-size: 11px;} .price .info-list { padding: 28px 34px 14px; position:relative;} /*.price .info-list:before { content: ""; position: absolute; width: calc(100% - 60px); height: 1px; background: #E1E1E1; top: 0px;}*/ .price .info-list ul { font-size: 12px; line-height: 20px; font-weight: 300;} .price .info-list ul li { margin-bottom: 14px; display: flex; align-items: center;} .price .additional-info ul { font-size: 12px; line-height: 20px; font-weight: 300;} .price .additional-info ul li { min-height: 80px; display: flex; align-items: center; position: relative;} .price .additional-info ul li span { padding: 0 52px;} .price .additional-info ul li:after { content: ""; position: absolute; width: calc(100% - 60px); height: 1px; background: #E1E1E1; top: 0px; margin-left: 30px;} .price .download { text-align: center;padding-bottom: 30px;} .price .see-full-spec { text-align: center; margin-top: 12px;} .price .see-full-spec a.full-spec { position: relative; display:inline-flex; align-items:center;} .pricing-slider-wrapper { position: relative;} .pricing-slider .slick-slide { margin: 0 5px;} .pricing-slider .slick-list { margin: 0 -5px; } .pricing_slider_controls a { width: 45px; height: 45px; border: 1px solid #2C2E34; display: flex; align-items: center; justify-content: center; background: #fff;z-index: 99;} .pricing_slider_controls a.slider_next { position: absolute; right: -20px; top: 180px;} .pricing_slider_controls a.slider_prev { position: absolute; left: -20px; top: 180px;} .pricing_slider_controls a i { font-size: 25px;} .price .price-wrapper { border: 1px solid #E1E1E1;} .price .promo { height: 40px; display: flex; align-items: center; padding: 0px 34px;} .price .regular-price { font-size: 20px; text-decoration: line-through;} .price .promo-info { display: inline-block; padding: 5px 10px; font-weight: 500; margin-left: 10px;} .price .info-price { font-size: 12px; line-height: 20px; font-weight: 300;} .price .packet-price { padding: 10px 34px;} .price .packet-price span.price-big { font-size: 35px; line-height: 1; font-weight: 500;} .price .packet-price span.price-small { font-size: 16px; line-height: 1; font-weight: 300;} .price .packet-info-one { padding: 10px 34px;} .price .packet-info-two { padding: 10px 34px;} .section-features-slider { padding: 60px 0;} .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_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);} .features_slider_ul .slick-slide.slick-center + * { 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: linear-gradient(#5e50ff 0%, #e109e1 100%);} .features_slider_pager a {display:inline-block;width:15px;height:15px;text-indent:-9999px;margin:0px 10px;border-radius:50%; background:#CCCCCC; position:relative;cursor:pointer} .features_slider_ul .slick-slide img { box-shadow: 0px 0px 50px rgb(0 0 0 / 7%); border-radius: 10px;} .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;} /* 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} .section-offer-tiles {padding-top: 60px;} .section-description-v1 {padding-top: 60px;} .section-description-v2 {padding-top: 60px;} .section-gallery-slider {padding: 90px 0; margin-top:60px;} .section-gallery {padding-top: 60px;} .section-pricecheck {padding-top: 60px;} .section-partners-slider {padding-top: 60px;} .section-advantages {padding-top: 60px;} .section-testimonials-slider {padding-top: 60px;} .section-cta-v1 {padding-top: 60px;} .section-cta-v2 {padding-top: 60px;} .section-cta-v3 {padding-top: 60px;} .section-contact-form {padding-top: 60px;} .section-faq {padding-top: 60px;} .section-contact-page {padding: 60px 0;} .section-pricing {padding-top: 60px;} .section-features-slider { margin-top:60px;} /* 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:999;} .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:5px; 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-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.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:1; 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:0} .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}