1 line
12 KiB
CSS
1 line
12 KiB
CSS
@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Lato:wght@300;400;700&display=swap";@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/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/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-LightItalic.woff2") format("woff2"),url("/layout/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-Medium.woff2") format("woff2"),url("/layout/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/URWForm-Demi.woff2") format("woff2"),url("/layout/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-Italic.woff2") format("woff2"),url("/layout/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-Light.woff2") format("woff2"),url("/layout/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-Bold.woff2") format("woff2"),url("/layout/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-Thin.woff2") format("woff2"),url("/layout/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/URWForm-Regular.woff2") format("woff2"),url("/layout/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}.hidden{display:none !important}.box{padding-top:125px;padding-bottom:125px}@media(max-width: 767px){.box{padding-top:90px;padding-bottom:90px}}.box_title{font-family:"URW Form",sans-serif;font-weight:700;font-size:35px;line-height:1.25;margin-bottom:28px;text-transform:uppercase;text-align:right;letter-spacing:.15em}.box_subtitle{font-family:"URW Form";font-style:normal;font-weight:400;font-size:30px;letter-spacing:.07em;text-transform:uppercase;color:#000}.box-01{margin-bottom:35px}.box-01 .row-first{margin-bottom:35px}.box-01 .row-first .tiles{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:70px;column-gap:70px;padding:24px;background:#f4f4f4}.box-01 .row-first .tiles .tile-1{width:100%;max-width:415px}.box-01 .row-first .tiles .tile-1 p{text-align:right}.box-01 .row-first .tiles .tile-3{width:100%;max-width:315px}.box-01 .row-first .tiles .tile-3 h3{font-weight:300;font-size:24px;line-height:1.1;letter-spacing:.05em;text-transform:uppercase;margin-bottom:0}.box-01 .row-first .tiles .tile-3 h4{font-weight:700;font-size:16px;line-height:20px;letter-spacing:.05em;text-transform:uppercase}.box-01 .row-first .tiles .tile-3 p{text-align:left;text-transform:uppercase}.box-01 .row-first .tiles .tile p{font-weight:300;font-size:16px;line-height:26px;letter-spacing:.05em;margin-bottom:0}@media(max-width: 991px){.box-01 .row-first .tiles{flex-direction:column-reverse;row-gap:30px}.box-01 .row-first .tiles .tile{text-align:center}.box-01 .row-first .tiles .tile-1 p{text-align:center}.box-01 .row-first .tiles .tile-3 p{text-align:center}}.box-01 .row-second{position:relative;justify-content:center}.box-01 .row-second::before{content:"";position:absolute;left:15px;top:0;bottom:0;width:1px;background:#000}.box-01 .row-second::after{content:"";position:absolute;right:15px;top:0;bottom:0;width:1px;background:#000}.box-01 .row-second .tiles{display:grid;grid-template-columns:repeat(2, minmax(300px, 450px));-moz-column-gap:180px;column-gap:180px;justify-content:center;align-items:center}@media(max-width: 991px){.box-01 .row-second .tiles{grid-template-columns:1fr;row-gap:100px;-moz-column-gap:50px;column-gap:50px}}.box-01 .row-second .tiles .tile{display:flex;flex-direction:column;row-gap:35px;align-items:center}.box-01 .row-second .tiles .tile::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#000;transform:translateX(-50%)}@media(max-width: 991px){.box-01 .row-second .tiles .tile::before{width:100%;top:50%;height:1px;bottom:auto}}.box-01 .row-second .tiles .tile .img-preview{width:100%;max-width:245px;height:173px}.box-01 .row-second .tiles .tile h3{font-weight:700;font-size:24px;line-height:30px;text-align:center;letter-spacing:.05em;text-transform:uppercase;margin-bottom:0}.box-02{padding:50px 0;background:#f4f4f4}.box-02 .row .col-12{display:flex;flex-direction:row;justify-content:center;align-items:center;-moz-column-gap:35px;column-gap:35px}.box-02 .row .col-12 p{font-weight:300;font-size:16px;line-height:26px;letter-spacing:.05em;margin-bottom:0;width:100%;max-width:925px}@media(max-width: 991px){.box-02 .row .col-12{flex-direction:column;row-gap:35px}}.box-03{padding:60px 0;background:rgba(255,255,255,.2);box-shadow:0px 0px 10px 3px rgba(0,0,0,.1)}.box-03 ul{width:100%;max-width:-moz-fit-content;max-width:fit-content;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;-moz-column-gap:120px;column-gap:120px}.box-03 ul li{position:relative;padding:28px;font-weight:400;font-size:16px;line-height:22px;letter-spacing:.05em}.box-03 ul li:not(:last-child)::before{content:"";position:absolute;right:-60px;top:0;bottom:0;width:1px;background:#000}@media(max-width: 991px){.box-03 ul{flex-direction:column;row-gap:30px}.box-03 ul li{width:100%;text-align:center}.box-03 ul li:not(:last-child)::before{top:auto;bottom:-15px;left:50%;width:calc(100% - 30px);height:1px;transform:translateX(-50%)}}.box-04 #scontainer-100{position:relative}.box-04 #scontainer-100::before{content:"";position:absolute;height:11px;width:100%;left:0;right:0;bottom:95px;background:rgba(231,220,208,.8)}.box-04 #scontainer-100::after{content:"";position:absolute;height:11px;width:100%;left:0;right:0;bottom:75px;background:#d8d8d8}.box-04 #scontainer-100 .scontainer-content{padding-bottom:150px;position:relative}.box-04 #scontainer-100 .scontainer-content::before{content:"";position:absolute;height:11px;width:100%;left:0;right:0;bottom:55px;background:#6c6d70}.box-04 .tiles{min-height:760px;display:grid;grid-template-columns:1fr minmax(670px, 1fr);-moz-column-gap:150px;column-gap:150px;align-items:center}@media(max-width: 991px){.box-04 .tiles{grid-template-columns:1fr}}.box-04 .tiles .tile-1{position:relative;height:100%}.box-04 .tiles .tile-1::before{content:"";position:absolute;top:0;bottom:0;right:0;width:360px;background:rgba(244,244,244,.6);transform:translateX(100%);z-index:-1}.box-04 .tiles .tile-1 img{position:absolute;right:0;top:0}@media(max-width: 991px){.box-04 .tiles .tile-1{position:absolute;width:0}}.box-04 .tiles .tile-2 ul{padding:30px 60px}.box-04 .tiles .tile-2 ul li{padding-top:15px;border-top:1px solid #000;font-weight:300;font-size:14px;line-height:20px;letter-spacing:.05em}.box-04 .tiles .tile-2 ul li:not(:last-child){margin-bottom:70px}.box-05{margin-bottom:80px}.box-05 table{width:100%;max-width:1110px;margin-left:auto;margin-right:auto;padding:20px 0 10px 0;border:1px solid #000;border-collapse:separate;border-spacing:20px 0}.box-05 table thead tr{border-spacing:5px 1rem}.box-05 table thead tr th{color:#fff;font-weight:400;font-size:16px;line-height:22px;text-align:center;letter-spacing:.05em;text-transform:uppercase;padding:20px 15px}.box-05 table thead tr th:not(:first-child){background-color:#000}.box-05 table tbody tr{position:relative}.box-05 table tbody tr:not(:last-child) th,.box-05 table tbody tr:not(:last-child) td{border-bottom:1px solid #000}.box-05 table tbody tr th,.box-05 table tbody tr td{font-weight:400;font-size:14px;line-height:22px;letter-spacing:.05em;padding-top:20px;padding-bottom:20px}.box-05 table tbody tr td{text-align:center}.box-05 table tbody tr:first-child th,.box-05 table tbody tr:first-child td{padding-top:40px}.box-06{margin-bottom:110px}.box-06 .scontainer-content .row:nth-child(3) .color-tiles .color-tiles-data,.box-06 .scontainer-content .row:nth-child(4) .color-tiles .color-tiles-data,.box-06 .scontainer-content .row:nth-child(5) .color-tiles .color-tiles-data{display:grid;grid-template-columns:repeat(auto-fit, minmax(270px, 1fr));-moz-column-gap:40px;column-gap:40px;row-gap:17px}.box-06 .scontainer-content .row:nth-child(3) .color-tiles .color-tiles-data{row-gap:20px}/*# sourceMappingURL=fassaden.css.map */ |