1 line
14 KiB
CSS
1 line
14 KiB
CSS
@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@import"https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/stylesheet.css";@import"https://cdn.projectpro.pl/juicedupmotorcycles.pl/Bebas-Neue-Pro/stylesheet.css";body{background-color:#141417 !important;font-family:"Scandia","Poppins",sans-serif !important}body>.wrap{overflow:hidden}p{margin-top:0}p:last-child{margin-bottom:0 !important}._sub_title,.box_custom#box-4 .c-row .c-col.c-col-1 h3,.box_custom#box-3 .c-row .c-col.c-col-1 h3{color:#b79e5f;font-size:16px;font-weight:500;text-transform:uppercase;margin:0 0 8px 0}._title,#box_lastadded .boxhead span,#box_specialoffer .boxhead span,.box_custom#box-4 .c-row .c-col.c-col-1 h2,.box_custom#box-3 .c-row .c-col.c-col-1 h2{position:relative;color:#dadadc;font-size:51px;font-family:"Playfair Display",serif;font-weight:500}._btn,.box_custom#box-5 .tiles .tile a,.box_custom#box-1 a{display:inline-block;color:#000;font-size:20px;font-weight:500;padding:16px 36px;background:linear-gradient(119deg, #d0bf95 0%, #a48446 100%);border-radius:100px;transition:all 250ms ease}._btn:hover,.box_custom#box-5 .tiles .tile a:hover,.box_custom#box-1 a:hover{background:linear-gradient(119deg, #a48446 0%, #d0bf95 100%)}.tags{top:15px !important;left:15px !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;row-gap:5px !important}.tags li{color:#000 !important;font-size:12px !important;font-family:"Scandia",sans-serif !important;font-weight:600 !important;text-transform:uppercase !important;padding:6px 8px 4px !important;border-radius:50px !important;line-height:1 !important}.tags li.promo{background:linear-gradient(119deg, #d1777d 0%, #9d343b 100%) !important}.tags li.new{background:linear-gradient(119deg, #5da88d 0%, #21654c 100%) !important}.box_custom#box-1{height:600px;background-image:url("https://sklep214936.shoparena.pl/skins/user/rwd_shoper_2/images/user/beard-quiz-home-hero-desktop.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;align-content:center;margin-bottom:0}.box_custom#box-1 .box_wrapper{margin-left:20vw}.box_custom#box-1 h2{color:#dadadc;font-size:60px;font-weight:700;margin:0}.box_custom#box-1 h3{color:#dadadc;font-size:16px;font-weight:500;display:inline-block;background-color:#09090a;border-radius:2.375rem;padding:4px 12px;text-transform:uppercase;margin:0 0 15px 0}.box_custom#box-1 p{color:#dadadc;font-size:18px;font-weight:400;margin:10px 0 20px}.box_custom#box-1 p:last-child{margin:0}.box_custom#box-2{padding:16px;margin-bottom:0;background-color:#0f0f11;opacity:.6}.box_custom#box-2 ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.box_custom#box-2 ul li img{height:30px;width:auto;-o-object-fit:contain;object-fit:contain}.box_custom#box-3{position:relative;padding:100px 0}.box_custom#box-3 .c-row{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center}.box_custom#box-3 .c-row .c-col{width:50%}.box_custom#box-3 .c-row .c-col.c-col-1 h2{position:relative;margin:0 0 40px 0}.box_custom#box-3 .c-row .c-col.c-col-1 h2::after{content:url("https://sklep214936.shoparena.pl/skins/user/rwd_shoper_2/images/user/Vector_1.png");position:absolute;left:105px;bottom:-30px}.box_custom#box-3 .c-row .c-col.c-col-1 p{color:#dadadc;font-size:22px;font-weight:400;line-height:1.4;max-width:400px}.box_custom#box-3 .c-row .c-col.c-col-2 img{border-radius:20px}.box_custom#box-4{position:relative;padding:100px 0}.box_custom#box-4 .c-row{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center}.box_custom#box-4 .c-row .c-col{width:50%}.box_custom#box-4 .c-row .c-col.c-col-1 h2{position:relative;margin:0 0 30px 0}.box_custom#box-4 .c-row .c-col.c-col-1 ul{padding:0;margin:0;list-style:none;max-width:400px}.box_custom#box-4 .c-row .c-col.c-col-1 ul li:not(:last-child){margin-bottom:20px}.box_custom#box-4 .c-row .c-col.c-col-1 ul li p{color:#dadadc;font-size:16px;font-weight:400;line-height:1.4;margin:0}.box_custom#box-4 .c-row .c-col.c-col-1 ul li p strong{font-weight:500}.box_custom#box-4 .c-row .c-col.c-col-2 img{border-radius:20px}.box_custom#box-5{position:relative;padding:100px 0}.box_custom#box-5 .tiles{position:relative;display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}.box_custom#box-5 .tiles .tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:370px;padding:20px 20px 32px;border:1px solid #28282e;border-radius:1rem;overflow:hidden}.box_custom#box-5 .tiles .tile::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0, 0, 0, 0.1019607843), #000);z-index:1}.box_custom#box-5 .tiles .tile .title__image{position:absolute;inset:0}.box_custom#box-5 .tiles .tile .title__image img{width:100%;height:100%;border-radius:1rem;-o-object-fit:cover;object-fit:cover}.box_custom#box-5 .tiles .tile .tile__content{position:relative;z-index:1;text-align:center}.box_custom#box-5 .tiles .tile h2{color:#dadadc;font-size:25px;font-weight:500;margin:0 0 10px 0}.box_custom#box-5 .tiles .tile p{color:#dadadc;font-size:16px;font-weight:400;margin:0 0 20px 0}.box_custom#box-faq{width:100%;max-width:800px;margin-left:auto;margin-right:auto;margin-top:100px}.box_custom#box-faq .boxhead{margin-bottom:30px;border:none}.box_custom#box-faq .boxhead span{color:#dadadc;font-size:40px;font-weight:700;font-family:"Playfair Display",serif;text-align:center}.box_custom#box-faq #faq ul{padding:0;margin:0;list-style:none}.box_custom#box-faq #faq ul li{border-bottom:1px solid #60606b}.box_custom#box-faq #faq ul li:first-child{border-top:1px solid #60606b}.box_custom#box-faq #faq ul li.active h3::after{height:0}.box_custom#box-faq #faq ul li h3{position:relative;color:#dadadc;font-size:16px;font-weight:500;padding:16px 30px 16px 0;margin:0;cursor:pointer}.box_custom#box-faq #faq ul li h3::before{content:"";position:absolute;right:2px;top:50%;width:15px;height:2px;background:#dadadc;transform:translate(-50%, -50%)}.box_custom#box-faq #faq ul li h3::after{content:"";position:absolute;right:15px;top:50%;height:15px;width:2px;background:#dadadc;transform:translate(-50%, -50%);transition:all 250ms ease}.box_custom#box-faq #faq ul li>div{display:none}.box_custom#box-faq #faq ul li>div p{color:#a3a3a3;font-size:16px;font-weight:400}.box_custom#box-faq #faq ul li>div p:first-child{margin-top:0}.box_custom#box-faq #faq ul li>div p:last-child{margin-bottom:20px !important}.bottom-footer{background-color:#0a0a0b}footer.footer{margin-bottom:0;background-color:#0a0a0b}footer.footer .innerfooter ul li{font-size:14px;font-weight:400}footer.footer .innerfooter ul li.head{color:#dadadc;font-weight:600;background-color:rgba(0,0,0,0)}#shoper-foot{background-color:#0a0a0b !important}#shoper-foot a{color:#dadadc}#box_lastadded,#box_specialoffer{position:relative;padding-top:100px;padding-bottom:100px}#box_lastadded::after,#box_specialoffer::after{content:"";display:block;position:absolute;inset:0 0 0 50%;width:100svw;background:#0a0a0b;transform:translateX(-50%)}#box_lastadded .boxhead,#box_specialoffer .boxhead{position:relative;z-index:1;margin-bottom:50px;border:none !important}#box_lastadded .boxhead span,#box_specialoffer .boxhead span{line-height:1}#box_lastadded .innerbox,#box_specialoffer .innerbox{position:relative;z-index:1}header .logo-bar .link-logo-img img{width:100%;max-width:100px}div.menu{padding:0;background:#28282e}div.menu nav.innermenu{height:46px;line-height:46px}div.menu nav.innermenu ul.menu-list{border:none;display:flex;align-items:center;justify-content:space-between}div.menu nav.innermenu ul.menu-list li:nth-child(2) a{padding-left:0}div.menu nav.innermenu ul.menu-list li:last-child a{padding-right:0}div.menu nav.innermenu ul.menu-list li h3{margin:0}div.menu nav.innermenu ul.menu-list li a{color:#b8a982;font-size:20px;font-family:"Bebas Neue Pro",serif;font-weight:600;text-transform:uppercase;letter-spacing:.1px;text-decoration:none !important;transition:all 250ms ease}div.menu nav.innermenu ul.menu-list li a:hover{color:#f9f8f5}body .products.viewphot .product{border:none;padding:0;margin-top:40px}body .products.viewphot .product:hover .product-inner-wrap .prodimage{border-color:#60606b}body .products.viewphot .product:hover .product-inner-wrap .product__basket .buttons .quickview{top:10px;right:10px;opacity:1;visibility:visible;transition:all 250ms ease}body .products.viewphot .product.product_sale_price .product-inner-wrap .product__basket .price>p em{color:#9d343b}body .products.viewphot .product .prodimage{border:1px solid #28282e;border-radius:15px;margin-bottom:16px;transition:all 250ms ease}body .products.viewphot .product .prodname{text-align:left}body .products.viewphot .product .prodname .productname{color:#dadadc;font-family:"Bebas Neue Pro",serif;font-size:20px;font-weight:600;margin:0 0 5px 0;padding-top:0;letter-spacing:.1px;text-transform:uppercase}body .products.viewphot .product .product__basket .price{text-align:left;padding-top:0;display:flex;flex-direction:row}body .products.viewphot .product .product__basket .price>p em{color:#dadadc;font-size:20px;font-family:"Bebas Neue Pro",serif;font-weight:600;line-height:1;margin-right:10px}body .products.viewphot .product .product__basket .price p.price__regular{margin:0}body .products.viewphot .product .product__basket .price p.price__regular del{color:#dadadc;font-size:20px;font-family:"Bebas Neue Pro",serif;font-weight:600;line-height:1}body .products.viewphot .product .product__basket .price .price__omnibus{display:none}body .products.viewphot .product .product__basket .buttons form.basket button.addtobasket{display:inline-block;color:#000;padding:10px 26px;background:linear-gradient(119deg, #d0bf95 0%, #a48446 100%);border-radius:100px;transition:all 250ms ease;border:none}body .products.viewphot .product .product__basket .buttons form.basket button.addtobasket:hover{background:linear-gradient(119deg, #a48446 0%, #d0bf95 100%)}body .products.viewphot .product .product__basket .buttons form.basket button.addtobasket span{color:#dadadc;font-size:20px;font-family:"Bebas Neue Pro",serif;font-weight:500;text-transform:uppercase}body .products.viewphot .product .product__basket .buttons .quickview{position:absolute;top:0px;right:0px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#141417;font-size:12px;min-width:20px;margin:0;border-color:#60606b;opacity:0;visibility:none;transition:all 250ms ease}body .products.viewphot .product .product__basket .buttons .quickview::before{opacity:.7}body .box .product:hover .boximgsize{border-color:#60606b}body .box .product:not(:last-child){padding-right:20px}body .box .product.product_sale_price .price>p em{color:#9d343b}body .box .product .boximgsize{border:1px solid #28282e;border-radius:15px;margin-bottom:16px;transition:all 250ms ease;overflow:hidden}body .box .product .productnamewrap{text-align:left;height:20px !important}body .box .product .productnamewrap .productname{color:#dadadc;font-family:"Bebas Neue Pro",serif;font-size:20px;font-weight:600;margin:0 0 5px 0;padding-top:0;letter-spacing:.1px;text-transform:uppercase;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body .box .product .price{text-align:left;padding-top:0;display:flex;flex-direction:row}body .box .product .price>p em{color:#dadadc;font-size:20px;font-family:"Bebas Neue Pro",serif;font-weight:600;line-height:1;margin-right:10px}body .box .product .price p.price__regular{margin:0}body .box .product .price p.price__regular del{color:#dadadc;font-size:20px;font-family:"Bebas Neue Pro",serif;font-weight:600;line-height:1}body .box .product .price .price__omnibus{display:none}body .box .product form.basket button.addtobasket{display:inline-block;color:#000;padding:10px 26px;background:linear-gradient(119deg, #d0bf95 0%, #a48446 100%);border-radius:100px;transition:all 250ms ease;border:none}body .box .product form.basket button.addtobasket:hover{background:linear-gradient(119deg, #a48446 0%, #d0bf95 100%)}body .box .product form.basket button.addtobasket span{color:#dadadc;font-size:20px;font-family:"Bebas Neue Pro",serif;font-weight:500;text-transform:uppercase}body .search__container form.js__search{margin-bottom:0}body .search__container form.js__search.search_focused div.search-input.search__input-area{border-color:#b8a982}body .search__container form.js__search .search__input{height:36px}body .search__container form.js__search div.search-input.search__input-area{height:36px;min-height:36px;border:none;flex-direction:row-reverse;padding-left:0;padding-right:10px;border-radius:50px;border:1px solid #b3b3bd;background:rgba(0,0,0,0);box-shadow:none !important}body .search__container form.js__search div.search-input.search__input-area .search__input-area-item{line-height:0}body .search__container form.js__search div.search-input.search__input-area input.search__input{height:36px;padding:10px;background:rgba(0,0,0,0);color:#dadadc;font-size:16px;font-weight:400}body .search__container form.js__search div.search-input.search__input-area input.search__input::-moz-placeholder{color:#60606b}body .search__container form.js__search div.search-input.search__input-area input.search__input::placeholder{color:#60606b}body .search__container form.js__search div.search-input.search__input-area .js__search-clear-btn{color:#dadadc;font-size:8px}body .search__container form.js__search div.search-input.search__input-area button.js__search-submit-btn{height:36px;width:36px;background:rgba(0,0,0,0);border:none}body .search__container form.js__search div.search-input.search__input-area button.js__search-submit-btn::before{display:none !important}body .search__container form.js__search div.search-input.search__input-area button.js__search-submit-btn img{width:16px}/*# sourceMappingURL=style.css.map */ |