Files
vidok.com/layout/style-css/promocja-na-wybrane-powloki.css
2024-11-21 14:26:28 +01:00

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"http://fonts.cdnfonts.com/css/bahnschrift";@font-face{font-family:"URW Form";font-style:normal;font-weight:100;src:url("/layout/fonts/urw-font/urw-form-thin.ttf") format("ttf")}@font-face{font-family:"URW Form";font-style:italic;font-weight:100;src:url("/layout/fonts/urw-font/urw-form-thin-italic.ttf") format("ttf")}@font-face{font-family:"URW Form";font-style:normal;font-weight:200;src:url("/layout/fonts/urw-font/urw-form-extra-light.ttf") format("ttf")}@font-face{font-family:"URW Form";font-style:italic;font-weight:200;src:url("/layout/fonts/urw-font/urw-form-extra-light-italic.ttf") format("ttf")}@font-face{font-family:"URW Form";font-style:normal;font-weight:300;src:url("/layout/fonts/urw-font/urw-form-light.ttf") format("ttf")}@font-face{font-family:"URW Form";font-style:italic;font-weight:300;src:url("/layout/fonts/urw-font/urw-form-light-italic.ttf") format("ttf")}@font-face{font-family:"URW Form";font-style:normal;font-weight:400;src:url("/layout/fonts/urw-font/urw-form-regular.ttf") format("ttf")}@font-face{font-family:"URW Form";font-style:normal;font-weight:500;src:url("/layout/fonts/urw-font/urw-form-medium.ttf") format("ttf")}@font-face{font-family:"URW Form";font-style:italic;font-weight:500;src:url("/layout/fonts/urw-font/urw-form-medium-italic.ttf") format("ttf")}@font-face{font-family:"URW Form";font-style:normal;font-weight:600;src:url("/layout/fonts/urw-font/urw-form-demi.ttf") format("ttf")}@font-face{font-family:"URW Form";font-style:normal;font-weight:700;src:url("/layout/fonts/urw-font/urw-form-bold.ttf") format("ttf")}@font-face{font-family:"URW Form";font-style:normal;font-weight:700;src:url("/layout/fonts/urw-font/urw-form-bold-italic.ttf") format("ttf")}@font-face{font-family:"URW Form";font-style:normal;font-weight:800;src:url("/layout/fonts/urw-font/urw-form-extra-bold.ttf") format("ttf")}@font-face{font-family:"URW Form";font-style:normal;font-weight:800;src:url("/layout/fonts/urw-font/urw-form-extra-bold-italic.ttf") format("ttf")}@font-face{font-family:"URW Form";font-style:italic;src:url("/layout/fonts/urw-font/urw-form-italic.ttf") format("ttf")}a{text-decoration:none}strong{font-weight:700}.subpage-content2{overflow:hidden}#scontainer-113{position:relative;height:700px}#scontainer-113 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-113 .hero-data{display:flex;align-items:center;height:700px;z-index:1}#scontainer-113 .hero-data .hero-data-wrapper{position:relative;width:100%;max-width:900px;padding-bottom:60px}#scontainer-113 .hero-data .hero-data-wrapper::before{content:"";position:absolute;bottom:0;left:0;width:84px;height:1px;background-color:#fff}#scontainer-113 .hero-data h1{color:#fff;font-family:"URW Form",sans-serif;font-size:38px;font-style:normal;font-weight:700;line-height:130%;letter-spacing:3.99px;text-transform:uppercase;margin-bottom:60px}#scontainer-113 .hero-data p{color:#fff;font-family:"URW Form",sans-serif;font-size:38px;font-style:normal;font-weight:300;line-height:130%;letter-spacing:3.99px;text-transform:uppercase;margin-bottom:0}@media(max-width: 575px){#scontainer-113 .hero-data{height:570px;align-items:flex-start;padding-top:60px}#scontainer-113 .hero-data h1{font-size:30px}#scontainer-113 .hero-data p{font-size:30px}}@media(max-width: 575px){#scontainer-113{height:570px}#scontainer-113 img{height:570px}}@media(min-width: 1200px){.container{max-width:1140px}}@media(min-width: 1400px){.container{max-width:1400px}}.box-1{margin-top:-150px}.box-1 .row{position:relative;padding:60px 0}.box-1 .row::before{content:"";position:absolute;top:0;right:0;bottom:0;width:72%;background:#f2f2f2}@media(max-width: 991px){.box-1 .row::before{display:none}}.box-1 .col-left{position:relative}.box-1 .col-left::before{content:"";position:absolute;top:20px;left:300px;width:8px;height:8px;border-radius:100%;background:#000}.box-1 .col-left::after{content:"";position:absolute;top:28px;left:303px;width:59px;height:250px;border-left:1px solid #494949;border-bottom:1px solid #494949}.box-1 .col-left .img-info{display:flex;flex-direction:column;justify-content:center;position:absolute;top:200px;right:0;width:282px;height:282px;background:#024594;border-radius:100%;padding:0 60px}.box-1 .col-left .img-info h4{color:#151515;font-family:"URW Form",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:20px;width:-moz-fit-content;width:fit-content;z-index:1}.box-1 .col-left .img-info p{color:#fff;font-family:"URW Form",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}@media(max-width: 1399px){.box-1 .col-left::after{left:193px}.box-1 .col-left::before{left:190px}}@media(max-width: 1199px){.box-1 .col-left::after{left:120px}.box-1 .col-left::before{left:116px}}@media(max-width: 991px){.box-1 .col-left::after{left:293px}.box-1 .col-left::before{left:290px}.box-1 .col-left .img-info{right:auto;left:292px}}@media(max-width: 767px){.box-1 .col-left::before{top:13px;left:190px}.box-1 .col-left::after{left:194px;top:21px;height:50px;height:180px}.box-1 .col-left img{max-width:350px !important}.box-1 .col-left .img-info{width:161px;height:161px;padding:0 30px;left:224px;top:147px}.box-1 .col-left .img-info h4{font-size:10px;margin-bottom:10px}.box-1 .col-left .img-info p{font-size:8px}}@media(max-width: 399px){.box-1 .col-left::before{top:2%;left:calc(40% - 3px)}.box-1 .col-left::after{top:calc(2% + 8px);left:40%;width:59px;height:66%}.box-1 .col-left img{max-width:80% !important}.box-1 .col-left .img-info{left:47%;top:51%}}.box-1 .col-right{position:relative}.box-1 .col-right h2{width:100%;max-width:450px;color:#000;font-family:"URW Form",sans-serif;font-size:38px;font-style:normal;font-weight:300;line-height:130%;letter-spacing:3.99px;text-transform:uppercase;margin-bottom:48px}.box-1 .col-right p{color:#000;font-family:"URW Form",sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:152.682%;margin-bottom:48px}@media(min-width: 992px){.box-1 .col-right{padding-left:60px;padding-bottom:40px;padding-top:40px}}@media(max-width: 991px){.box-1 .col-right{padding-top:60px}}@media(max-width: 575px){.box-1 .col-right h2{font-size:30px;letter-spacing:3.15px;max-width:300px}}@media(max-width: 991px){.box-1{background-color:#f2f2f2}}@media(max-width: 575px){.box-1{margin-top:-130px}}.box-2{margin-top:100px;margin-bottom:100px}.box-2 p{color:#151515;text-align:center;font-family:"URW Form",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-2 p{margin:0 auto 60px}}.box-2 ul{padding:0 0 0 16px;margin:0;display:flex;flex-direction:row;justify-content:space-between}.box-2 ul li{position:relative;color:#151515;font-family:"URW Form",sans-serif;font-size:18px;font-style:normal;font-weight:300;line-height:160%;letter-spacing:1.44px;text-transform:uppercase}.box-2 ul li:nth-child(2n){list-style:none}.box-2 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-2 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-2 ul{flex-direction:column;align-items:center;row-gap:25px}}@media(max-width: 991px){.box-2{margin-top:60px;margin-bottom:60px}}.box-3{margin-bottom:100px}.box-3 h4{position:relative;color:#fff;text-align:center;font-family:"URW Form",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:1000px;margin-left:auto;margin-right:auto;border-radius:100px;overflow:hidden;margin-bottom:100px}.box-3 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-3 h4{padding:30px 20px;overflow:initial;border-radius:0}.box-3 h4::before{inset:0 -15px}}.box-3 ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.box-3 ul li{text-align:center}.box-3 ul li img{margin-bottom:30px}@media(max-width: 767px){.box-3 ul li img{max-width:140px !important}}.box-3 ul li p{color:#151515;font-family:"URW Form",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-3 ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));-moz-column-gap:45px;column-gap:45px;row-gap:20px}}@media(max-width: 991px){.box-3{margin-bottom:60px}}.box-4{margin-bottom:100px}.box-4 .col-left h2{width:100%;max-width:450px;color:#000;font-family:"URW Form",sans-serif;font-size:38px;font-style:normal;font-weight:300;line-height:130%;letter-spacing:3.99px;text-transform:uppercase;margin-bottom:48px}.box-4 .col-left p{color:#000;font-family:"URW Form",sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:152.682%;margin-bottom:48px}@media(min-width: 992px){.box-4 .col-left{padding-bottom:40px;padding-top:40px}}@media(max-width: 991px){.box-4 .col-left{padding-bottom:60px}}@media(max-width: 575px){.box-4 .col-left h2{font-size:30px;letter-spacing:3.15px}}.box-4 .col-right{position:relative;text-align:center;padding-top:100px}.box-4 .col-right::before{content:"";position:absolute;top:120px;left:470px;width:8px;height:8px;border-radius:100%;background:#000}.box-4 .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-4 .col-right img.img-bg{position:absolute;top:0;left:30px;z-index:-1}.box-4 .col-right .img-info{display:flex;flex-direction:column;justify-content:center;position:absolute;top:310px;right:45px;width:282px;height:282px;background:#024594;border-radius:100%;padding:0 60px;text-align:left}.box-4 .col-right .img-info h4{color:#151515;font-family:"URW Form",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-4 .col-right .img-info p{color:#fff;font-family:"URW Form",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-4 .col-right::after{left:322px}.box-4 .col-right::before{left:318px}}@media(max-width: 1199px){.box-4 .col-right::after{left:217px}.box-4 .col-right::before{left:214px}}@media(max-width: 767px){.box-4 .col-right{padding-top:60px}.box-4 .col-right::before{left:289px;top:79px}.box-4 .col-right::after{left:293px;top:88px;height:286px}.box-4 .col-right img{max-width:350px !important}.box-4 .col-right .img-bg{max-width:250px !important}.box-4 .col-right .img-info{width:161px;height:161px;padding:0 35px;top:270px}.box-4 .col-right .img-info h4{font-size:10px}.box-4 .col-right .img-info p{font-size:10px;margin-bottom:10px}}@media(max-width: 575px){.box-4 .col-right{text-align:right}.box-4 .col-right::before{top:70px;left:50%}.box-4 .col-right::after{top:78px;left:calc(50% + 3px);width:60px;height:187px}.box-4 .col-right img{padding-right:70px;max-width:320px !important}.box-4 .col-right .img-info{top:160px}}@media(max-width: 399px){.box-4 .col-right::before{left:43%}.box-4 .col-right::after{left:calc(43% + 3px)}}@media(max-width: 991px){.box-4{margin-bottom:60px}}.box-5{margin-bottom:100px}.box-5 .scontainer-content{padding:100px 0;border-top:1px solid #000;border-bottom:1px solid #000;text-align:center}.box-5 .scontainer-content h3{color:#000;text-align:center;font-family:"URW Form",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-5 .scontainer-content p{color:#000;text-align:center;font-family:"URW Form",sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:152.682%;margin-bottom:40px}.box-5 .scontainer-content .btn2{font-family:"URW Form",sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:130%;letter-spacing:1.47px;text-transform:uppercase;padding:20px 40px}@media(max-width: 991px){.box-5 .scontainer-content{padding:60px 0}}@media(max-width: 991px){.box-5{margin-bottom:60px}}.box-6{overflow:hidden}.box-6 .row-3{padding-bottom:75px}@media(min-width: 1400px){.box-6 .row-1 h2{max-width:397px}}.box-6 h2{position:relative;width:100%;color:#000;font-family:"URW Form",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}.box-6 p{color:#000;font-family:"URW Form",sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:152.682%;margin-bottom:0}.box-6 p strong{font-weight:600}.box-6 .row.row-1{margin-bottom:100px}.box-6 .row.row-1 .col-right img{min-width:50vw}@media(max-width: 991px){.box-6 .row.row-1{margin-bottom:60px}.box-6 .row.row-1 .col-left{margin-bottom:60px}.box-6 .row.row-1 .col-left h2{padding-top:0}}.box-6 .row.row-2{margin-bottom:100px}.box-6 .row.row-2 .col-left{position:relative;padding-top:50px}.box-6 .row.row-2 .col-right h2::before{content:"";position:absolute;top:0;left:0;width:84px;height:1px;background:#000}@media(max-width: 991px){.box-6 .row.row-2{margin-bottom:60px}.box-6 .row.row-2 .col-left{margin-bottom:60px}}.box-6 .row.row-3 .col-left h2::before{content:"";position:absolute;top:0;left:0;width:84px;height:1px;background:#000}.box-6 .row.row-3 .col-right img{min-width:50vw}@media(max-width: 991px){.box-6 .row.row-3 .col-left{margin-bottom:60px}.box-6 .row.row-3 .col-right{display:none}}@media(max-width: 575px){.box-6 h2{font-size:30px;letter-spacing:3.15px}}.box-7{padding:200px 0;background-image:url("/upload/filemanager/Pages/Promocja-na-wybrane-powloki/img-7.png");background-position:center;background-repeat:no-repeat;background-size:cover}.box-7 h2{position:relative;width:100%;color:#fff;font-family:"URW Form",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}.box-7 h2::before{content:"";position:absolute;top:0;left:0;width:84px;height:1px;background:#fff}.box-7 p{color:#fff;font-family:"URW Form",sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:152.682%;margin-bottom:0}@media(max-width: 991px){.box-7{padding:60px 0}}@media(max-width: 575px){.box-7 h2{font-size:30px;letter-spacing:3.15px}}.box-8{margin-top:-40px;margin-bottom:100px;overflow:hidden}.box-8 .row-2 h2:before{content:"";position:absolute;top:0;left:0;width:84px;height:1px;background:#000}.box-8 h2{position:relative;width:100%;color:#000;font-family:"URW Form",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}.box-8 p{color:#000;font-family:"URW Form",sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:152.682%}.box-8 p:last-child{margin-bottom:0}.box-8 .row.row-1{margin-bottom:120px}.box-8 .row.row-1 .col-left{position:relative;padding-bottom:80px}.box-8 .row.row-1 .col-left .img-bg{position:absolute;bottom:0;right:0}@media(max-width: 575px){.box-8 .row.row-1 .col-left .img-bg{max-width:250px !important}}@media(max-width: 399px){.box-8 .row.row-1 .col-left .img-bg{max-width:200px !important}}@media(max-width: 991px){.box-8 .row.row-1{margin-bottom:60px}}.box-8 .row.row-2{margin-bottom:100px}.box-8 .row.row-2 .col-left p{max-width:580px}.box-8 .row.row-2 .col-right img{min-width:50vw}@media(max-width: 991px){.box-8 .row.row-2{margin-bottom:60px}}@media(max-width: 991px){.box-8{margin-top:60px;margin-bottom:60px}}@media(max-width: 575px){.box-8 h2{font-size:30px;letter-spacing:3.15px}}.box-9{padding:200px 0;background-image:url("/upload/filemanager/Pages/Promocja-na-wybrane-powloki/img-11.png");background-position:center;background-repeat:no-repeat;background-size:cover}.box-9 h2{width:100%;color:#fff;font-family:"URW Form",sans-serif;font-size:38px;font-style:normal;font-weight:300;line-height:130%;letter-spacing:3.99px;text-transform:uppercase;margin-bottom:40px}.box-9 h3{color:#fff;font-family:"URW Form",sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:160%;letter-spacing:1.44px;text-transform:uppercase;margin-bottom:40px}@media(max-width: 991px){.box-9{padding:60px 0}}@media(max-width: 575px){.box-9 h2{font-size:30px;letter-spacing:3.15px}}/*# sourceMappingURL=promocja-na-wybrane-powloki.css.map */