1 line
13 KiB
CSS
1 line
13 KiB
CSS
@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:"New Order";src:url("/layout/fonts/NewOrder-Light.otf") format("otf");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Regular.otf") format("otf");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Medium.otf") format("otf");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-SemiBold.otf") format("otf");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Bold.otf") format("otf");font-weight:700;font-style:normal;font-display:swap}#page-hero{margin-bottom:100px;width:100%}#nav_tabs,#nav_tabs_colors{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:17px;list-style-type:none}#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.new::before,#nav_tabs_colors li.new::before{content:url("/upload/filemanager/Icons/new-icon.png");position:absolute;top:-10px;right:-15px}#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}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;cursor:pointer}button.c-button:hover{background:#000;color:#fff}.box-01{padding-bottom:150px}@media(max-width: 991px){.box-01{padding-bottom:50px}}.box-01 #product-preview-box{margin-bottom:0}.box-01 #product-preview-box .product-preview-box .scontainer-content .product-preview{padding-left:0}.box-01 #product-preview-box .product-preview-box .scontainer-content .product-preview .row:not(:last-child){margin-bottom:110px;padding-bottom:110px;border-bottom:1px solid #000}.box-01 #product-preview-box .product-preview-box .scontainer-content h3{color:#000;font-size:32px;font-weight:300;letter-spacing:4px;line-height:1;margin-bottom:40px;text-transform:uppercase}.box-01 #product-preview-box .product-preview-box .scontainer-content #nav_tabs{margin-bottom:50px;max-width:unset;padding:0;border:none}.box-01 #product-preview-box .product-preview-box .scontainer-content #nav_tabs::before{display:none}.box-01 #product-preview-box .product-preview-box .scontainer-content .product-doors-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));-moz-column-gap:30px;column-gap:30px;row-gap:40px;padding:0}.box-01 #product-preview-box .product-preview-box .scontainer-content .product-doors-list li{display:flex;flex-direction:column;row-gap:16px;align-items:center}.box-01 #product-preview-box .product-preview-box .scontainer-content .product-doors-list li img{width:100%;max-width:-moz-fit-content;max-width:fit-content}.box-01 #product-preview-box .product-preview-box .scontainer-content .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}.box-01 #product-preview-box .product-preview-box .scontainer-content .product-doors-list-more{padding-top:40px;display:none}.box-01 #product-preview-box .product-preview-box .scontainer-content .c-button{margin-top:40px}#product-colors-preview-box{margin-bottom:70px}#product-colors-preview-box .scontainer-content .colors-box-header{padding:45px 50px 30px;margin-bottom:50px;background:#f4f4f4}#product-colors-preview-box .scontainer-content .colors-box-header h2{font-size:30px;font-weight:300;line-height:25px;letter-spacing:.15em}#product-colors-preview-box .scontainer-content .colors-box-header p{font-size:16px;font-weight:300;line-height:25px;letter-spacing:.05em;margin-bottom:0}#product-colors-preview-box .scontainer-content .colors-box-header .c-row{display:flex;flex-direction:row;-moz-column-gap:40px;column-gap:40px}#product-colors-preview-box .scontainer-content .colors-box-header .c-row .c-col-2{display:flex;justify-content:center;flex:1}#product-colors-preview-box .scontainer-content .colors-preview{display:none}#product-colors-preview-box .scontainer-content .colors-preview.active{display:block}#product-colors-preview-box .scontainer-content .colors-preview .color-tiles-rows .color-tiles:not(:last-child){margin-bottom:130px}#product-colors-preview-box .scontainer-content .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 .scontainer-content .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 .scontainer-content .colors-preview .color-tiles-rows .color-tiles .color-tiles-data li{flex:0 0 calc(50% - 8.5px)}#product-colors-preview-box .scontainer-content .colors-preview .color-tiles-rows .color-tiles .color-tiles-data li.empty{display:none}}@media(max-width: 767px){#product-colors-preview-box .scontainer-content .colors-preview .color-tiles-rows .color-tiles .color-tiles-data li{flex:0 0 100%}}.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;font-family:"URW Form",sans-serif}@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}}.additional-colors{color:#303030;text-decoration:none;cursor:pointer;background:#f4f4f4;font-weight:500;padding:10px 20px;display:flex;gap:10px;align-items:center;margin-bottom:25px}.additional-colors.active span::after{height:0}.additional-colors span{position:relative;padding-top:3px;padding-right:20px}.additional-colors span::before{content:"";position:absolute;top:50%;right:0;width:10px;height:2px;background-color:#000;transform:translateY(-50%)}.additional-colors span::after{content:"";position:absolute;top:50%;right:4px;width:2px;height:10px;background-color:#000;transform:translateY(-50%);transition:all 250ms ease-in-out}.box-03{margin-bottom:100px}.box-03 .c-row{display:flex;flex-direction:row;align-items:center}@media(max-width: 991px){.box-03 .c-row{flex-direction:column-reverse;row-gap:20px}}.box-03 .c-row .c-col-1{flex-basis:50%}@media(max-width: 991px){.box-03 .c-row .c-col-1{max-width:527px}}.box-03 .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){.box-03 .c-row .c-col-1 h2{font-size:26px;padding:25px 20px 17px}}.box-03 .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){.box-03 .c-row .c-col-1 ul{padding:20px 0 0 20px;gap:20px 30px}}@media(max-width: 991px){.box-03 .c-row .c-col-1 ul{justify-content:center}}.box-03 .c-row .c-col-1 ul li{display:flex;flex-direction:column;row-gap:4px}.box-03 .c-row .c-col-1 ul li img{width:100%;max-width:130px}@media(min-width: 992px)and (max-width: 1199px){.box-03 .c-row .c-col-1 ul li img{max-width:110px}}.box-03 .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}.box-03 .c-row .c-col-2{flex-basis:50%}.box-03 .c-row .c-col-2 img{width:100%;max-width:-moz-fit-content;max-width:fit-content}/*# sourceMappingURL=entrance-doors.css.map */ |