1 line
17 KiB
CSS
1 line
17 KiB
CSS
@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";@import"http://fonts.cdnfonts.com/css/bahnschrift";@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/urw-font-wof/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/urw-font-wof/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff") format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff") format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/urw-font-wof/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/urw-font-wof/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}a{text-decoration:none}strong{font-weight:700}.subpage-content2{overflow:hidden}@media(min-width: 1200px){.container{max-width:1140px}}@media(min-width: 1400px){.container{max-width:1400px}}#scontainer-137{position:relative;height:700px}#scontainer-137 img{max-width:unset !important;width:100vw !important;position:absolute;height:700px;left:50%;transform:translateX(-50%);-o-object-fit:cover;object-fit:cover}#scontainer-137 .hero-data{display:flex;align-items:flex-end;height:700px;z-index:1}#scontainer-137 .hero-data .hero-data-wrapper{position:relative;width:100%;text-align:right;padding-bottom:70px}#scontainer-137 .hero-data h1{color:#000;font-family:"Open Sans",sans-serif;font-size:32px;font-style:normal;font-weight:300;line-height:1.3;letter-spacing:3.99px;text-transform:uppercase;margin-bottom:60px}#scontainer-137 .hero-data h1 strong{font-weight:700}@media(max-width: 991px){#scontainer-137 .hero-data h1{font-size:26px}}@media(max-width: 767px){#scontainer-137 .hero-data h1{font-size:20px}}#scontainer-137 .hero-data h2{color:#000;font-family:"Open Sans",sans-serif;font-size:32px;font-style:normal;font-weight:300;line-height:1.3;letter-spacing:3.99px;text-transform:uppercase;margin-bottom:0}@media(max-width: 991px){#scontainer-137 .hero-data h2{font-size:26px}}@media(max-width: 767px){#scontainer-137 .hero-data h2{font-size:20px}}@media(max-width: 575px){#scontainer-137 .hero-data{height:570px;padding-top:60px}}@media(max-width: 575px){#scontainer-137{height:570px}#scontainer-137 img{height:570px}}.box-1{margin-top:80px;margin-bottom:130px}.box-1 .scontainer-content>.row:nth-child(1) h2{text-align:center}.box-1 .scontainer-content>.row:nth-child(1) p{text-align:center;max-width:1300px;margin-left:auto;margin-right:auto}.box-1 h2{width:100%;color:#000;font-family:"Open Sans",sans-serif;font-size:38px;font-style:normal;font-weight:300;line-height:130%;letter-spacing:3.99px;margin-bottom:48px;text-transform:uppercase}@media(max-width: 575px){.box-1 h2{font-size:30px;letter-spacing:3.15px}}.box-1 p{color:#000;font-family:"Open Sans",sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:152.682%;margin-bottom:48px}.box-1 .col-left h2{max-width:450px}@media(min-width: 992px){.box-1 .col-left{padding-bottom:40px;padding-top:40px}}@media(max-width: 991px){.box-1 .col-left{padding-bottom:60px}}.box-1 .col-right{position:relative;text-align:center;padding-top:100px}.box-1 .col-right::before{content:"";position:absolute;top:120px;left:470px;width:8px;height:8px;border-radius:100%;background:#000}.box-1 .col-right::after{content:"";position:absolute;top:128px;left:473px;width:76px;height:363px;border-left:1px solid #494949;border-bottom:1px solid #494949}.box-1 .col-right img.img-bg{position:absolute;top:0;left:30px;z-index:-1}.box-1 .col-right .img-info{display:flex;flex-direction:column;justify-content:center;position:absolute;top:310px;right:45px;width:282px;height:282px;background:#feed01;border-radius:100%;padding:0 60px;text-align:left}.box-1 .col-right .img-info h4{color:#151515;font-family:"Open Sans",sans-serif;font-size:16px;font-style:normal;font-weight:300;line-height:130%;letter-spacing:1.68px;text-transform:uppercase;background:#fff;padding:5px 10px;border-radius:4px;margin-bottom:0;width:-moz-fit-content;width:fit-content;z-index:1}.box-1 .col-right .img-info p{color:#000;font-family:"Open Sans",sans-serif;font-size:16px;font-style:normal;font-weight:300;line-height:130%;letter-spacing:1.68px;text-transform:uppercase;margin-bottom:0;width:100%;max-width:170px;margin-bottom:20px}@media(max-width: 1399px){.box-1 .col-right::after{left:322px}.box-1 .col-right::before{left:318px}}@media(max-width: 1199px){.box-1 .col-right::after{left:217px}.box-1 .col-right::before{left:214px}}@media(max-width: 767px){.box-1 .col-right{padding-top:60px}.box-1 .col-right::before{left:289px;top:79px}.box-1 .col-right::after{left:293px;top:88px;height:286px}.box-1 .col-right img{max-width:350px !important}.box-1 .col-right .img-bg{max-width:250px !important}.box-1 .col-right .img-info{width:161px;height:161px;padding:0 35px;top:270px}.box-1 .col-right .img-info h4{font-size:10px}.box-1 .col-right .img-info p{font-size:10px;margin-bottom:10px}}@media(max-width: 575px){.box-1 .col-right{text-align:right}.box-1 .col-right::before{top:70px;left:50%}.box-1 .col-right::after{top:78px;left:calc(50% + 3px);width:60px;height:187px}.box-1 .col-right img{padding-right:70px;max-width:320px !important}.box-1 .col-right .img-info{top:160px}}@media(max-width: 399px){.box-1 .col-right::before{left:43%}.box-1 .col-right::after{left:calc(43% + 3px)}}@media(max-width: 991px){.box-1{margin-bottom:60px}}.box-2 .col-12{display:flex;flex-direction:row;-moz-column-gap:60px;column-gap:60px;justify-content:center}@media(max-width: 1199px){.box-2 .col-12{flex-direction:column;align-items:center;row-gap:20px}}.box-2 h4{position:relative;color:#fff;text-align:left;font-family:"Open Sans",sans-serif;font-size:18px;font-style:normal;font-weight:300;line-height:160%;letter-spacing:1.44px;text-transform:uppercase;padding:35px 80px;width:100%;max-width:640px;border-radius:100px;overflow:hidden;height:-moz-fit-content;height:fit-content;margin:20px 0}.box-2 h4::before{content:"";position:absolute;inset:0;background-image:url("/upload/filemanager/Pages/Promocja-na-wybrane-powloki/hero-bg.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-1;filter:brightness(0.3)}@media(max-width: 575px){.box-2 h4{padding:30px 20px;overflow:initial;border-radius:0}.box-2 h4::before{inset:0 -15px}}.box-2 ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;justify-content:center;-moz-column-gap:40px;column-gap:40px}.box-2 ul li{text-align:center}.box-2 ul li img{margin-bottom:30px}@media(max-width: 767px){.box-2 ul li img{max-width:140px !important}}.box-2 ul li p{color:#151515;font-family:"Open Sans",sans-serif;font-size:18px;font-style:normal;font-weight:300;line-height:160%;letter-spacing:1.44px;text-transform:uppercase;margin-bottom:0}@media(max-width: 991px){.box-2{margin-bottom:60px}}.box-3 .scontainer-content{padding-top:110px;padding-bottom:140px;text-align:center}.box-3 .scontainer-content h3{color:#000;text-align:center;font-family:"Open Sans",sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:160%;letter-spacing:1.44px;text-transform:uppercase;align-self:100%;max-width:1030px;margin:0 auto 40px}.box-3 .scontainer-content p{color:#000;text-align:center;font-family:"Open Sans",sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:152.682%;margin-bottom:40px}.box-3 .scontainer-content .btn2{font-family:"Open Sans",sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:130%;letter-spacing:1.47px;text-transform:uppercase;font-style:italic;padding:20px 40px}.box-3 .scontainer-content ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:40px;padding:0;margin:0;list-style:none}.box-3 .scontainer-content ul li{display:flex;flex-direction:row;align-items:center;gap:20px}.box-3 .scontainer-content ul li img{max-width:140px}.box-3 .scontainer-content ul li span{color:#151515;font-family:"Open Sans",sans-serif;font-size:16px;font-style:normal;font-weight:300;line-height:160%;letter-spacing:1.44px;text-transform:uppercase;margin-bottom:0;text-align:left}@media(max-width: 991px){.box-3 .scontainer-content{padding:60px 0}}@media(max-width: 991px){.box-3{margin-bottom:60px}}.box-4{overflow:hidden}@media(min-width: 1400px){.box-4 .row-1 h2{max-width:397px}}@media(max-width: 991px){.box-4 .row-1{row-gap:40px}}.box-4 h2{position:relative;width:100%;color:#000;font-family:"Open Sans",sans-serif;font-size:38px;font-style:normal;font-weight:300;line-height:130%;letter-spacing:3.99px;text-transform:uppercase;margin-bottom:48px;padding-top:48px}@media(max-width: 575px){.box-4 h2{font-size:30px;letter-spacing:3.15px}}.box-4 p{color:#000;font-family:"Open Sans",sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:152.682%;margin-bottom:0}.box-4 p strong{font-weight:600}.box-4 .row.row-1 .col-left img{padding-right:50px}@media(max-width: 991px){.box-4 .row.row-1 .col-right h2{padding-top:0}}.box-5{margin-top:100px;margin-bottom:100px}.box-5 .scontainer-content{padding-top:160px;border-top:1px solid #000}@media(max-width: 991px){.box-5 .scontainer-content{padding-top:70px}}.box-5 p{color:#151515;text-align:center;font-family:"Open Sans",sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:160%;letter-spacing:1.44px;text-transform:uppercase;width:100%;max-width:1166px;margin:0 auto 100px}@media(max-width: 991px){.box-5 p{margin:0 auto 60px}}.box-5 ul{padding:0 0 0 16px;margin:0;display:flex;flex-direction:row;justify-content:space-between}.box-5 ul li{position:relative;color:#151515;font-family:"Open Sans",sans-serif;font-size:18px;font-style:normal;font-weight:300;line-height:160%;letter-spacing:1.44px;text-transform:uppercase}.box-5 ul li:nth-child(2n){list-style:none}.box-5 ul li:nth-child(2n)::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background-color:#000;transform:translateX(-50%)}@media(max-width: 991px){.box-5 ul li:nth-child(2n)::before{content:"";position:absolute;top:50%;bottom:auto;left:50%;width:31px;height:1px;background-color:#000;transform:translate(-50%, -50%)}}@media(max-width: 991px){.box-5 ul{flex-direction:column;align-items:center;row-gap:25px}}@media(max-width: 991px){.box-5{margin-top:60px;margin-bottom:60px}}.box-6{background:#000}.box-6 .row{align-items:center}.box-6 .col-md-7{padding-top:20px;padding-bottom:20px}.box-6 h2{position:relative;width:100%;color:#fff;font-family:"Open Sans",sans-serif;font-size:38px;font-style:normal;font-weight:300;line-height:130%;letter-spacing:3.99px;text-transform:uppercase;margin-bottom:80px;max-width:500px}@media(max-width: 991px){.box-6 h2{font-size:28px;letter-spacing:3.15px;margin-bottom:40px}}.box-6 p{color:#000;font-family:"Open Sans",sans-serif;color:#fff;font-size:24px;font-style:normal;font-weight:300;line-height:152.682%;margin-bottom:30px;letter-spacing:2px;max-width:500px}.box-6 p strong{font-weight:600}@media(max-width: 991px){.box-6 p{font-size:20px}}/*# sourceMappingURL=promocja-acrylcolor.css.map */ |