1 line
18 KiB
CSS
1 line
18 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"https://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}ul{padding:0;margin:0;list-style:none}.page-content{overflow:hidden}button.c-button{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:250px;min-height:38px;background:#fff;border:1px solid #000;padding:0 20px;outline:none !important;background:#fff;transition:background 250ms ease-in-out,color 250ms ease-in-out;cursor:pointer}button.c-button:hover{color:#fff;background:#000}button.c-button:hover p{color:#fff}button.c-button:hover span{border-color:#fff}button.c-button:hover span::before,button.c-button:hover span::after{background:#fff}button.c-button p{font-weight:300;font-size:16px;line-height:20px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:0;transition:color 250ms ease-in}button.c-button span{position:relative;width:20px;height:20px;border-radius:100%;border:1px solid #000;transition:border 250ms ease-in}button.c-button span::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:#000;border-radius:3px;transform:translate(-50%, -50%);transition:background 250ms ease-in}button.c-button span::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:#000;border-radius:3px;transform:translate(-50%, -50%) rotate(90deg);transition:width 250ms ease-in,background 250ms ease-in}@media(max-width: 991px){button.c-button{margin-left:30px}}.color-tiles{position:relative;height:-moz-fit-content;height:fit-content}.color-tiles::before{content:"";position:absolute;left:0;top:12px;bottom:0;width:1px;background:#6c6d70}.color-tiles-title{position:relative;padding-left:240px;min-height:30px}.color-tiles-title::before{content:"";position:absolute;left:0;top:12px;width:213px;height:1px;background:#6c6d70}.color-tiles-title h2{font-weight:700;font-size:20px;line-height:25px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:0}@media(max-width: 991px){.color-tiles-title{padding-left:100px}.color-tiles-title::before{width:60px}}.color-tiles-data{padding-left:60px;padding-top:50px;max-height:unset}.color-tiles-data li{display:flex;flex-direction:row;align-items:center;-moz-column-gap:17px;column-gap:17px}.color-tiles-data li img{width:100%;max-width:-moz-fit-content;max-width:fit-content}.color-tiles-data li p{font-weight:300;font-size:13px;line-height:15px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:0}@media(max-width: 991px){.color-tiles-data{padding-left:30px;padding-top:30px}}.color-tiles[status=true] button span::after{width:0}.color-tiles button{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:250px;min-height:38px;background:#fff;border:1px solid #000;margin-left:60px;margin-top:19px;padding:0 20px;outline:none !important;background:#fff;transition:background 250ms ease-in-out;cursor:pointer}.color-tiles button:hover{background:#000}.color-tiles button:hover p{color:#fff}.color-tiles button:hover span{border-color:#fff}.color-tiles button:hover span::before,.color-tiles button:hover span::after{background:#fff}.color-tiles button p{font-weight:300;font-size:16px;line-height:20px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:0;transition:color 250ms ease-in}.color-tiles button span{position:relative;width:20px;height:20px;border-radius:100%;border:1px solid #000;transition:border 250ms ease-in}.color-tiles button span::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:#000;border-radius:3px;transform:translate(-50%, -50%);transition:background 250ms ease-in}.color-tiles button span::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:#000;border-radius:3px;transform:translate(-50%, -50%) rotate(90deg);transition:width 250ms ease-in,background 250ms ease-in}@media(max-width: 991px){.color-tiles button{margin-left:30px}}#nav_tabs,#nav_tabs_colors{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:17px}#nav_tabs li,#nav_tabs_colors li{position:relative;min-width:-moz-fit-content;min-width:fit-content;width:200px;border:1px solid #000;background:#fff;transition:background 250ms ease}#nav_tabs li.active,#nav_tabs_colors li.active{background:#000}#nav_tabs li.active a,#nav_tabs_colors li.active a{color:#fff}#nav_tabs li a,#nav_tabs_colors li a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;row-gap:7px;color:#000;font-weight:300;font-size:18px;line-height:1;margin-bottom:0;padding:12px 20px;cursor:pointer;transition:color 250ms ease}#nav_tabs li a u,#nav_tabs_colors li a u{display:flex;flex-direction:column;align-items:center;font-weight:300;font-size:14px;line-height:1.3;margin-bottom:0;letter-spacing:.05em;text-decoration:none}#nav_tabs li a u span,#nav_tabs_colors li a u span{margin-top:-4px;font-size:14px}#product-colors-preview-box{margin-bottom:70px}#product-colors-preview-box .colors-box-header{padding:45px 50px 30px;margin-bottom:50px;background:#f4f4f4}#product-colors-preview-box .colors-box-header h2{font-size:30px;font-weight:300;line-height:25px;letter-spacing:.15em}#product-colors-preview-box .colors-box-header p{font-size:16px;font-weight:300;line-height:25px;letter-spacing:.05em;margin-bottom:0}#product-colors-preview-box .colors-box-header .c-row{display:flex;flex-direction:row;-moz-column-gap:40px;column-gap:40px}#product-colors-preview-box .colors-box-header .c-row .c-col-2{display:flex;justify-content:center;flex:1}#product-colors-preview-box .colors-preview{display:none}#product-colors-preview-box .colors-preview.active{display:block}#product-colors-preview-box .colors-preview .color-tiles-rows .color-tiles:not(:last-child){margin-bottom:130px}#product-colors-preview-box .colors-preview .color-tiles-rows .color-tiles .color-tiles-data{display:flex;flex-direction:row;flex-wrap:wrap;-moz-column-gap:17px;column-gap:17px;row-gap:17px;align-items:flex-start;overflow:hidden}#product-colors-preview-box .colors-preview .color-tiles-rows .color-tiles .color-tiles-data li{flex:0 0 calc(33.3333333333% - 11.3333333333px)}@media(max-width: 991px){#product-colors-preview-box .colors-preview .color-tiles-rows .color-tiles .color-tiles-data li{flex:0 0 calc(50% - 8.5px)}#product-colors-preview-box .colors-preview .color-tiles-rows .color-tiles .color-tiles-data li.empty{display:none}}@media(max-width: 767px){#product-colors-preview-box .colors-preview .color-tiles-rows .color-tiles .color-tiles-data li{flex:0 0 100%}}#drzwi-aluminiowe-box .box-1{padding-bottom:150px}@media(max-width: 991px){#drzwi-aluminiowe-box .box-1{padding-bottom:50px}}#drzwi-aluminiowe-box .box-1 #product-preview-box{margin-bottom:0}#drzwi-aluminiowe-box .box-1 #product-preview-box .product-preview-box .row:not(:last-child){margin-bottom:110px;padding-bottom:110px;border-bottom:1px solid #000}#drzwi-aluminiowe-box .box-1 #product-preview-box .product-preview-box h3{color:#000;font-size:32px;font-weight:300;letter-spacing:4px;line-height:1;margin-bottom:40px;text-transform:uppercase}#drzwi-aluminiowe-box .box-1 #product-preview-box .product-preview-box #nav_tabs{margin-bottom:50px;padding-bottom:0}#drzwi-aluminiowe-box .box-1 #product-preview-box .product-preview-box #nav_tabs::before{display:none}#drzwi-aluminiowe-box .box-1 #product-preview-box .product-preview-box .product-doors-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));-moz-column-gap:70px;column-gap:70px;row-gap:40px;padding:0;margin:0}#drzwi-aluminiowe-box .box-1 #product-preview-box .product-preview-box .product-doors-list li{display:flex;flex-direction:column;row-gap:16px;align-items:center}#drzwi-aluminiowe-box .box-1 #product-preview-box .product-preview-box .product-doors-list li img{width:100%;max-width:-moz-fit-content;max-width:fit-content}#drzwi-aluminiowe-box .box-1 #product-preview-box .product-preview-box .product-doors-list li p{margin-bottom:0;text-align:center;color:#000;font-size:20px;font-weight:700;letter-spacing:1px;line-height:1;font-family:"URW Form",sans-serif}#drzwi-aluminiowe-box .box-1 #product-preview-box .product-preview-box .product-doors-list-more{padding-top:40px;display:none}#drzwi-aluminiowe-box .box-1 #product-preview-box .product-preview-box .c-button{margin-top:40px}#drzwi-aluminiowe-box .box-2{margin-bottom:140px}#drzwi-aluminiowe-box .box-3{margin-bottom:100px}#drzwi-aluminiowe-box .box-3 a{display:flex;flex-direction:row;align-items:center;-moz-column-gap:15px;column-gap:15px;color:#000;font-size:30px;font-weight:400;line-height:1;letter-spacing:1px;font-family:"URW Form",sans-serif;margin-bottom:16px}#drzwi-aluminiowe-box .box-3 a img{padding-bottom:7px}#drzwi-aluminiowe-box .box-3 p{margin-bottom:0;font-size:15px;font-weight:400;line-height:1;letter-spacing:1px}#drzwi-aluminiowe-box .box-4 .c-row{display:flex;flex-direction:row;align-items:center}@media(max-width: 991px){#drzwi-aluminiowe-box .box-4 .c-row{flex-direction:column-reverse;row-gap:20px}}#drzwi-aluminiowe-box .box-4 .c-row .c-col-1{flex-basis:50%}@media(max-width: 991px){#drzwi-aluminiowe-box .box-4 .c-row .c-col-1{max-width:527px}}#drzwi-aluminiowe-box .box-4 .c-row .c-col-1 h2{color:#000;font-size:30px;font-family:"URW Form",sans-serif;font-weight:400;letter-spacing:2px;text-transform:uppercase;padding:35px 30px 25px;margin:0;background:#f4f4f4}@media(max-width: 1199px){#drzwi-aluminiowe-box .box-4 .c-row .c-col-1 h2{font-size:26px;padding:25px 20px 17px}}#drzwi-aluminiowe-box .box-4 .c-row .c-col-1 ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px 30px;padding:30px 0 0 30px}@media(max-width: 1199px){#drzwi-aluminiowe-box .box-4 .c-row .c-col-1 ul{padding:20px 0 0 20px;gap:20px 30px}}@media(max-width: 991px){#drzwi-aluminiowe-box .box-4 .c-row .c-col-1 ul{justify-content:center}}#drzwi-aluminiowe-box .box-4 .c-row .c-col-1 ul li{display:flex;flex-direction:column;row-gap:4px}#drzwi-aluminiowe-box .box-4 .c-row .c-col-1 ul li img{width:100%;max-width:130px}@media(min-width: 992px)and (max-width: 1199px){#drzwi-aluminiowe-box .box-4 .c-row .c-col-1 ul li img{max-width:110px}}#drzwi-aluminiowe-box .box-4 .c-row .c-col-1 ul li p{color:#000;font-size:15px;font-family:"URW Form",sans-serif;font-weight:400;margin-bottom:0;text-transform:uppercase;letter-spacing:1px}#drzwi-aluminiowe-box .box-4 .c-row .c-col-2{flex-basis:50%}#drzwi-aluminiowe-box .box-4 .c-row .c-col-2 img{width:100%;max-width:-moz-fit-content;max-width:fit-content}/*# sourceMappingURL=drzwi-wejsciowe-aluminiowe.css.map */ |