diff --git a/layout/style-css/kontakt-v8.css b/layout/style-css/kontakt-v8.css new file mode 100644 index 0000000..c710dfc --- /dev/null +++ b/layout/style-css/kontakt-v8.css @@ -0,0 +1 @@ +@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}html{scroll-behavior:smooth;scroll-padding-top:105px}body.fixed{overflow:hidden}p:last-child{margin-bottom:0}strong{font-weight:700}.main-page{padding-top:0px;padding-bottom:0}.breadcrumbs{margin:14px 0}.box-1{background:linear-gradient(180deg, #ffffff 0%, #f7f6f5 100%)}.box-1 .box-1--wrapper .c-row{position:relative;display:flex;flex-direction:row;-moz-column-gap:120px;column-gap:120px;align-items:center;justify-content:space-between;min-height:437px}@media(max-width: 991px){.box-1 .box-1--wrapper .c-row{flex-direction:column;padding-top:50px;text-align:center;row-gap:50px}}.box-1 .box-1--wrapper .c-row .bg-icon{position:absolute;left:16%;top:0;border:0}.box-1 .box-1--wrapper .c-row .c-col-1{position:relative;width:100%;max-width:440px}.box-1 .box-1--wrapper .c-row .c-col-1 .box-title{margin-bottom:24px}.box-1 .box-1--wrapper .c-row .c-col-1 .box-title h1{color:#1d1d1e;font-family:"URW Form",sans-serif;font-style:normal;font-weight:500;font-size:40px;line-height:1;letter-spacing:2px;margin-bottom:0}.box-1 .box-1--wrapper .c-row .c-col-1 .box-text{padding-bottom:19px;margin-bottom:17px;border-bottom:1px solid #000}.box-1 .box-1--wrapper .c-row .c-col-1 .box-text p{color:#1d1d1e;font-family:"URW Form",sans-serif;font-style:normal;font-weight:300;font-size:20px;line-height:30px;letter-spacing:2px;text-transform:uppercase}.box-1 .box-1--wrapper .c-row .c-col-1 .box-nav ol{display:flex;flex-direction:row;align-items:center;list-style:none;padding:0;margin:0;gap:16px}.box-1 .box-1--wrapper .c-row .c-col-1 .box-nav ol li:nth-child(1) a{background-color:#1e2832}.box-1 .box-1--wrapper .c-row .c-col-1 .box-nav ol li:nth-child(2) a{background-color:#b8aea4}.box-1 .box-1--wrapper .c-row .c-col-1 .box-nav ol li a{display:block;padding:18px 13px;border-radius:10px;text-align:center;box-shadow:0 1px 1px rgba(0,0,0,.12);transition:box-shadow .3s;padding:.9rem 1rem .8rem 1rem;border-radius:6px;line-height:1;width:-moz-fit-content;width:fit-content;cursor:pointer}.box-1 .box-1--wrapper .c-row .c-col-1 .box-nav ol li a span{display:inline-block;color:#fff;font-family:"URW Form",sans-serif;font-weight:700;font-size:13px;line-height:1;letter-spacing:1px;text-transform:uppercase}.box-1 .box-1--wrapper .c-row .c-col-2 .box-img{width:100%;max-width:750px}.box-1 .box-1--wrapper .c-row .c-col-2 .box-img img{width:100%;border-radius:20px}.box-2{padding-top:105px;padding-bottom:112px}.box-2 .box-2--wrapper .c-row{display:flex;flex-direction:row;align-items:center}@media(max-width: 991px){.box-2 .box-2--wrapper .c-row{flex-direction:column}}.box-2 .box-2--wrapper .c-row .c-col-1{width:100%;max-width:580px;min-height:640px;align-content:center;border-top:1px solid #b79f87;border-left:1px solid #b79f87;border-bottom:1px solid #b79f87;border-top-left-radius:30px;border-bottom-left-radius:30px;padding:45px 30px 45px 60px}@media(max-width: 1199px){.box-2 .box-2--wrapper .c-row .c-col-1{padding:30px}}@media(max-width: 991px){.box-2 .box-2--wrapper .c-row .c-col-1{max-width:unset;text-align:center;border-bottom:0;border-right:1px solid #b79f87;border-top-right-radius:30px;border-bottom-left-radius:0;padding:70px 30px 70px 60px;margin-bottom:-25px}}.box-2 .box-2--wrapper .c-row .c-col-1 .box-text{margin-bottom:35px}.box-2 .box-2--wrapper .c-row .c-col-1 .box-text p{color:#1d1d1e;font-family:"URW Form",sans-serif;font-weight:300;font-size:20px;line-height:1.35;letter-spacing:-0.48px}@media(max-width: 1199px){.box-2 .box-2--wrapper .c-row .c-col-1 .box-text p{font-size:20px}}.box-2 .box-2--wrapper .c-row .c-col-1 .box-text ul{width:100%;max-width:460px;padding-left:30px;margin:35px 0}@media(max-width: 1199px){.box-2 .box-2--wrapper .c-row .c-col-1 .box-text ul{margin:20px 0}}@media(max-width: 991px){.box-2 .box-2--wrapper .c-row .c-col-1 .box-text ul{display:flex;flex-direction:column;align-items:center;max-width:unset}}.box-2 .box-2--wrapper .c-row .c-col-1 .box-text ul li{color:#1d1d1e;font-family:"URW Form",sans-serif;font-weight:300;font-size:20px;line-height:1.35;letter-spacing:-0.48px}@media(max-width: 1199px){.box-2 .box-2--wrapper .c-row .c-col-1 .box-text ul li{font-size:20px}}.box-2 .box-2--wrapper .c-row .c-col-1 .box-text ul li:not(:last-child){margin-bottom:15px}@media(max-width: 1199px){.box-2 .box-2--wrapper .c-row .c-col-1 .box-text ul li:not(:last-child){margin-bottom:5px}}.box-2 .box-2--wrapper .c-row .c-col-1 .box-nav ._radios{display:flex;flex-direction:column;row-gap:20px}@media(max-width: 1199px){.box-2 .box-2--wrapper .c-row .c-col-1 .box-nav ._radios{row-gap:20px}}@media(max-width: 991px){.box-2 .box-2--wrapper .c-row .c-col-1 .box-nav ._radios{align-items:center}}.box-2 .box-2--wrapper .c-row .c-col-1 .box-nav ._radios ._radio{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:410px}.box-2 .box-2--wrapper .c-row .c-col-1 .box-nav ._radios ._radio input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.box-2 .box-2--wrapper .c-row .c-col-1 .box-nav ._radios ._radio input[type=radio]:checked+label{color:#fff !important;background:#1e2832 !important}.box-2 .box-2--wrapper .c-row .c-col-1 .box-nav ._radios ._radio label,.box-2 .box-2--wrapper .c-row .c-col-1 .box-nav ._radios ._radio a{color:#3f3f3f;font-family:"URW Form",sans-serif;font-style:normal;font-weight:600;font-size:20px;line-height:1;text-align:center;margin-bottom:0;cursor:pointer;width:100%;max-width:410px;border-radius:20px;border:1px solid #dfdfdf;padding:13px}@media(max-width: 1199px){.box-2 .box-2--wrapper .c-row .c-col-1 .box-nav ._radios ._radio label,.box-2 .box-2--wrapper .c-row .c-col-1 .box-nav ._radios ._radio a{font-size:18px}}.box-2 .box-2--wrapper .c-row .c-col-2{width:100%;max-width:650px;min-height:700px;align-content:center;padding:25px 28px 40px 34px;background:#f7f6f5;border-radius:15px}.box-2 .box-2--wrapper .c-row .c-col-2 input[type=text],.box-2 .box-2--wrapper .c-row .c-col-2 input[type=email]{padding:13px 14px 11px 14px;border-radius:20px;width:100%;border:none;background:#fff;color:#3f3f3f;font-size:14px;font-family:"URW Form",sans-serif;line-height:1;font-weight:300;outline:none}.box-2 .box-2--wrapper .c-row .c-col-2 input[type=radio],.box-2 .box-2--wrapper .c-row .c-col-2 input[type=checkbox]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;min-width:11px;height:11px;border-radius:100%;border:1px solid #dfdfdf;transition:all 250ms ease-in-out;outline:none}.box-2 .box-2--wrapper .c-row .c-col-2 input[type=radio]::before,.box-2 .box-2--wrapper .c-row .c-col-2 input[type=checkbox]::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:100%;background:#1d1d1e;transform:translate(-50%, -50%);visibility:hidden;transition:all 250ms ease-in-out}.box-2 .box-2--wrapper .c-row .c-col-2 input[type=radio]:checked,.box-2 .box-2--wrapper .c-row .c-col-2 input[type=checkbox]:checked{border-color:#1d1d1e}.box-2 .box-2--wrapper .c-row .c-col-2 input[type=radio]:checked::before,.box-2 .box-2--wrapper .c-row .c-col-2 input[type=checkbox]:checked::before{width:6px;height:6px;visibility:visible}.box-2 .box-2--wrapper .c-row .c-col-2 textarea{padding:13px 14px 11px 14px;border-radius:20px;width:100%;border:none;background:#fff;min-height:100px;color:#3f3f3f;font-size:14px;font-family:"URW Form",sans-serif;line-height:1;font-weight:300;outline:none;resize:none}.box-2 .box-2--wrapper .c-row .c-col-2 select{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:13px 14px 11px 14px;border-radius:20px;width:100%;border:none;background:#fff;color:#3f3f3f;font-size:14px;font-family:"URW Form",sans-serif;line-height:1;font-weight:300;outline:none}.box-2 .box-2--wrapper .c-row .c-col-2 ._1_column{display:flex;flex-direction:row;margin-bottom:5px}.box-2 .box-2--wrapper .c-row .c-col-2 ._1_column._col_message{margin-top:15px;margin-bottom:16px}.box-2 .box-2--wrapper .c-row .c-col-2 ._1_column>*{width:100% !important}.box-2 .box-2--wrapper .c-row .c-col-2 ._2_columns{display:flex;flex-direction:row;-moz-column-gap:25px;column-gap:25px;margin-bottom:7px}@media(max-width: 767px){.box-2 .box-2--wrapper .c-row .c-col-2 ._2_columns{flex-wrap:wrap;row-gap:14px}}.box-2 .box-2--wrapper .c-row .c-col-2 ._2_columns>*{width:50% !important}@media(max-width: 767px){.box-2 .box-2--wrapper .c-row .c-col-2 ._2_columns>*{width:100% !important}}.box-2 .box-2--wrapper .c-row .c-col-2 ._text{margin:16px 0 14px;text-align:center}.box-2 .box-2--wrapper .c-row .c-col-2 ._text p{color:#1d1d1e;font-size:11px;font-weight:300;font-family:"URW Form",sans-serif;margin-bottom:0px}.box-2 .box-2--wrapper .c-row .c-col-2 ._file{padding:29px;margin:0 0 26px 0;border-radius:20px;width:100%;border:none;background:#fff;color:#3f3f3f;font-size:14px;font-family:"URW Form",sans-serif;line-height:1;font-weight:300;border:none}.box-2 .box-2--wrapper .c-row .c-col-2 ._file .fileuploader-input{width:-moz-fit-content;width:fit-content;margin:0 auto}.box-2 .box-2--wrapper .c-row .c-col-2 ._file .fileuploader-input .fileuploader-input-caption span{padding-top:3px;display:inline-block;color:#1d1d1e;font-size:16px;font-family:"URW Form",sans-serif;font-weight:300}.box-2 .box-2--wrapper .c-row .c-col-2 ._file .fileuploader-input button.fileuploader-input-button{background:#1e2832;border-radius:25px;padding:10px 36px;display:flex;flex-direction:row;align-items:center;gap:10px;color:#fff;font-family:"URW Form",sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase}@media(max-width: 768px){.box-2 .box-2--wrapper .c-row .c-col-2 ._file .fileuploader-input{flex-direction:column}}.box-2 .box-2--wrapper .c-row .c-col-2 ._radio,.box-2 .box-2--wrapper .c-row .c-col-2 ._checkbox{display:flex;flex-direction:row;align-items:center;gap:8px}.box-2 .box-2--wrapper .c-row .c-col-2 ._radio label,.box-2 .box-2--wrapper .c-row .c-col-2 ._checkbox label{color:#1d1d1e;font-size:10px;font-family:"URW Form",sans-serif;font-weight:300;line-height:1;padding-top:2px;margin-bottom:0;cursor:pointer}.box-2 .box-2--wrapper .c-row .c-col-2 .form_actions{margin-top:37px;align-items:center;margin-bottom:0}.box-2 .box-2--wrapper .c-row .c-col-2 .form_actions button[type=submit]{display:flex;flex-direction:row;align-items:center;gap:10px;padding:13px 20px 10px 20px;margin:0;background:#fff246;border-radius:6px;color:#1d1d1e;font-size:16px;font-family:"URW Form",sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;line-height:1;box-shadow:0 4px 4px rgba(0,0,0,.12);width:-moz-fit-content !important;width:fit-content !important;height:auto;border:none;outline:none;cursor:pointer}.box-2 .box-2--wrapper .c-row .c-col-2 .form_actions button[type=submit] img{width:20px;padding-bottom:3px}@media(min-width: 576px){.box-2 .box-2--wrapper .c-row .c-col-2 .form_actions button[type=submit]{margin-left:20px}}.box-2 .box-2--wrapper .c-row .c-col-2 .form_actions .g-recaptcha{width:-moz-fit-content !important;width:fit-content !important;margin-left:auto}.box-3{min-height:440px;background-color:#f1efed;background-image:url("/upload/filemanager/Pages/Kontakt-8/img-2.jpg");background-position:center right;background-repeat:no-repeat;align-content:center;margin-bottom:33px}.box-3 .box-3--wrapper .c-row .box-title{margin-bottom:33px}.box-3 .box-3--wrapper .c-row .box-title h3{color:#181c1d;font-size:36px;font-family:"URW Form",sans-serif;font-weight:300;line-height:1.3;margin:0}.box-3 .box-3--wrapper .c-row .box-title h3 strong{font-size:40px;font-weight:500}.box-3 .box-3--wrapper .c-row ol{padding:0;margin:0;list-style:none}.box-3 .box-3--wrapper .c-row ol li a{display:inline-flex;flex-direction:row;align-items:center;-moz-column-gap:12px;column-gap:12px;padding:14px 26px 15px;background:#fff;border:1px solid #dfdfdf;border-radius:30px}.box-3 .box-3--wrapper .c-row ol li a span{color:#3f3f3f;font-size:20px;font-family:"URW Form",sans-serif;font-weight:600;line-height:1;padding-top:2px}.box-4{background:#1e2832}.box-4 .box-4--wrapper{padding:100px 0}.box-4 .box-4--wrapper .c-row .box-title{margin-bottom:40px}.box-4 .box-4--wrapper .c-row .box-title h2{color:#fff;font-family:"URW Form",sans-serif;font-weight:300;font-size:40px;line-height:1;text-align:center;letter-spacing:.01em;margin:0}.box-4 .box-4--wrapper .c-row .box-title h2 strong{font-weight:500}.box-4 .box-4--wrapper .c-row .box-text{max-width:620px;margin:0 auto 40px}.box-4 .box-4--wrapper .c-row .box-text p{color:#fff;font-family:"URW Form",sans-serif;font-weight:300;font-size:18px;line-height:1.7;text-align:center;letter-spacing:.01em;margin:0}.box-4 .box-4--wrapper .c-row .box-text #share-location-btn{display:inline-flex;flex-direction:row;align-items:center;-moz-column-gap:8px;column-gap:8px;cursor:pointer}.box-4 .box-4--wrapper .c-row .box-text #share-location-btn img{filter:invert(1);width:20px;height:20px}.box-4 .box-4--wrapper .c-row .box-form form{display:flex;flex-direction:column;justify-content:center;align-items:center}.box-4 .box-4--wrapper .c-row .box-form form .form-search{display:flex;flex-direction:row;width:100%;max-width:714px;background:#fff;border-radius:100px}.box-4 .box-4--wrapper .c-row .box-form form .form-search .row-input{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;padding:0 14px 0 34px}.box-4 .box-4--wrapper .c-row .box-form form .form-search .row-input label{margin:0}.box-4 .box-4--wrapper .c-row .box-form form .form-search .row-input input{width:100%;padding:0;background:rgba(0,0,0,0);border:0;outline:none;height:58px;color:#1d1d1e;font-family:"URW Form",sans-serif;font-weight:500;font-size:20px}.box-4 .box-4--wrapper .c-row .box-form form .form-search .row-input input::-moz-placeholder{color:#1d1d1e}.box-4 .box-4--wrapper .c-row .box-form form .form-search .row-input input::placeholder{color:#1d1d1e}.box-4 .box-4--wrapper .c-row .box-form form .form-search button{background:#b8aea4;border-radius:30px;height:58px;border:none;color:#fff;font-family:"URW Form",sans-serif;font-weight:700;font-size:16px;line-height:1;margin-bottom:0;padding:20px 32px 19px;min-width:-moz-fit-content;min-width:fit-content;outline:none;cursor:pointer}.box-5{margin-top:83px;margin-bottom:72px}.box-5 .box-5--wrapper .c-row{width:100%;max-width:1014px;height:1px;background:#1e2832;margin:0 auto}.box-6{padding-bottom:100px}.box-6 .box-6--wrapper{display:flex;flex-direction:column}.box-6 .box-6--wrapper .c-row-1{padding:36px 35px;border-radius:30px;background:#f6f5f4;display:flex;flex-direction:row;justify-content:space-between;gap:40px;transition:all 250ms ease-in-out;transition-delay:250ms}@media(max-width: 991px){.box-6 .box-6--wrapper .c-row-1{flex-direction:column}}.box-6 .box-6--wrapper .c-row-1.active{border-bottom-left-radius:0;border-bottom-right-radius:0;transition:all 100ms ease-in-out;transition-delay:0ms}@media(min-width: 576px)and (max-width: 991px){.box-6 .box-6--wrapper .c-row-1 .c-col-1{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"t1 t1" "t2 t3" "t4 t4"}}@media(max-width: 575px){.box-6 .box-6--wrapper .c-row-1 .c-col-1{display:flex;flex-direction:column}}.box-6 .box-6--wrapper .c-row-1 .c-col-1 .text-1{margin-bottom:20px}@media(min-width: 576px)and (max-width: 991px){.box-6 .box-6--wrapper .c-row-1 .c-col-1 .text-1{grid-area:t1}}.box-6 .box-6--wrapper .c-row-1 .c-col-1 .text-1 p{color:#1e2832;font-family:"URW Form",sans-serif;font-weight:500;font-size:20px;line-height:1}.box-6 .box-6--wrapper .c-row-1 .c-col-1 .text-2{margin-bottom:40px}@media(min-width: 576px)and (max-width: 991px){.box-6 .box-6--wrapper .c-row-1 .c-col-1 .text-2{grid-area:t2}}.box-6 .box-6--wrapper .c-row-1 .c-col-1 .text-2 h2{color:#1e2832;font-family:"URW Form",sans-serif;font-weight:600;font-size:23px;line-height:1}.box-6 .box-6--wrapper .c-row-1 .c-col-1 .text-2 p{color:#1e2832;font-family:"URW Form",sans-serif;font-weight:400;font-size:16px;line-height:1.2}.box-6 .box-6--wrapper .c-row-1 .c-col-1 .text-3{margin-bottom:40px}@media(min-width: 576px)and (max-width: 991px){.box-6 .box-6--wrapper .c-row-1 .c-col-1 .text-3{grid-area:t3}}.box-6 .box-6--wrapper .c-row-1 .c-col-1 .text-3 p{color:#1e2832;font-family:"URW Form",sans-serif;font-weight:400;font-size:16px;line-height:1.5;margin-bottom:0}@media(min-width: 576px)and (max-width: 991px){.box-6 .box-6--wrapper .c-row-1 .c-col-1 .text-4{grid-area:t4}}.box-6 .box-6--wrapper .c-row-1 .c-col-1 .text-4 p{color:#1e2832;font-family:"URW Form",sans-serif;font-weight:700;font-size:16px;line-height:1.5;margin-bottom:0}.box-6 .box-6--wrapper .c-row-1 .c-col-2{width:100%;max-width:765px;display:flex;flex-direction:column}.box-6 .box-6--wrapper .c-row-1 .c-col-2 .box-map{height:100%;line-height:0;margin-bottom:30px;border-radius:10px;overflow:hidden}@media(max-width: 991px){.box-6 .box-6--wrapper .c-row-1 .c-col-2 .box-map{height:250px}}.box-6 .box-6--wrapper .c-row-1 .c-col-2 .box-map #big-map{height:100%}.box-6 .box-6--wrapper .c-row-1 .c-col-2 .box-info{display:flex;flex-direction:row;align-items:center;justify-content:space-between}@media(max-width: 767px){.box-6 .box-6--wrapper .c-row-1 .c-col-2 .box-info{flex-direction:column;row-gap:40px;text-align:center}}.box-6 .box-6--wrapper .c-row-1 .c-col-2 .box-info .box-info-left ul{padding:0;margin:0;list-style:none}.box-6 .box-6--wrapper .c-row-1 .c-col-2 .box-info .box-info-left ul li{color:#1e2832;font-family:"URW Form",sans-serif;font-weight:600;font-size:16px;line-height:1.5}.box-6 .box-6--wrapper .c-row-1 .c-col-2 .box-info .box-info-left ul li .icons{display:inline-block;width:19px;margin-right:8px}.box-6 .box-6--wrapper .c-row-1 .c-col-2 .box-info .box-info-left ul li a{color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit}.box-6 .box-6--wrapper .c-row-1 .c-col-2 .box-info .box-info-right{display:flex;flex-direction:row;align-items:center;-moz-column-gap:20px;column-gap:20px;cursor:pointer}.box-6 .box-6--wrapper .c-row-1 .c-col-2 .box-info .box-info-right.active span img{transform:scale(-1)}.box-6 .box-6--wrapper .c-row-1 .c-col-2 .box-info .box-info-right p{color:#1e2832;font-family:"URW Form",sans-serif;font-weight:400;font-size:16px;line-height:20px;text-align:right;text-transform:uppercase;margin:0}.box-6 .box-6--wrapper .c-row-1 .c-col-2 .box-info .box-info-right span{display:inline-flex;align-items:center;justify-content:center;width:27px;min-width:27px;height:27px;border-radius:100%;background:#1e2832;cursor:pointer}.box-6 .box-6--wrapper .c-row-1 .c-col-2 .box-info .box-info-right span img{transition:all 250ms ease-in-out}.box-6 .box-6--wrapper .c-row-2{display:none}.box-6 .box-6--wrapper .c-row-2 .c-col{padding-top:12px}.box-6 .box-6--wrapper .c-row-2 .tiles{display:flex;flex-direction:row;gap:70px;flex-wrap:wrap;padding:37px 60px;background:#f8f7f6;border-bottom-left-radius:30px;border-bottom-right-radius:30px}.box-6 .box-6--wrapper .c-row-2 .tiles .tile{width:calc(25% - 52.5px);padding-left:25px;border-left:1px solid #1e2832}@media(max-width: 991px){.box-6 .box-6--wrapper .c-row-2 .tiles .tile{width:calc(50% - 35px)}}@media(max-width: 575px){.box-6 .box-6--wrapper .c-row-2 .tiles .tile{width:100%}}.box-6 .box-6--wrapper .c-row-2 .tiles .tile h3{color:#1d1d1e;font-size:20px;font-weight:700;margin-bottom:30px}@media(max-width: 991px){.box-6 .box-6--wrapper .c-row-2 .tiles .tile h3{font-size:18px}}.box-6 .box-6--wrapper .c-row-2 .tiles .tile ol{padding:0;margin:0;list-style:none}.box-6 .box-6--wrapper .c-row-2 .tiles .tile ol li{line-height:1}.box-6 .box-6--wrapper .c-row-2 .tiles .tile ol li a{display:inline-flex;flex-direction:row;align-items:center;-moz-column-gap:10px;column-gap:10px;color:#1d1d1e;font-size:16px;line-height:1;font-family:"URW Form",sans-serif;font-weight:400}@media(max-width: 991px){.box-6 .box-6--wrapper .c-row-2 .tiles .tile ol li a{font-size:14px}}.box-6 .box-6--wrapper .c-row-2 .tiles .tile ol li a img{width:18px;height:18px}.box-6 .box-6--wrapper .c-row-3{padding-top:50px}.box-6 .box-6--wrapper .c-row-3 .c-col p{color:#1d1d1e;font-family:"URW Form",sans-serif;font-weight:300;font-size:15px;line-height:1.55;text-align:justify}#box-map-showrooms{display:flex;height:800px;margin-bottom:100px}#box-map-showrooms #showrooms-sidebar{width:0;transition:all 300ms ease-in-out;opacity:0;visibility:hidden}#box-map-showrooms #showrooms-sidebar.has-results{width:540px;opacity:1;visibility:visible}#box-map-showrooms #showrooms-sidebar #results-list{display:flex;flex-direction:column;row-gap:12px;padding:12px 12px;overflow-y:auto;overflow-x:hidden;height:700px}#box-map-showrooms #showrooms-sidebar #results-list .sidebar-item.active .sidebar-item--wrapper{background:#fff;border:1px solid #b4aaa2;box-shadow:-2px 2px 4.6px #b6aca3}#box-map-showrooms #showrooms-sidebar #results-list .sidebar-item .sidebar-item--wrapper{display:grid;grid-template-columns:200px 1fr;gap:16px 32px;padding:24px;border-radius:10px;width:500px;background:#f7f6f5;transition:all 250ms ease-in-out;border:1px solid #f7f6f5}#box-map-showrooms #showrooms-sidebar #results-list .sidebar-item .sidebar-item--wrapper .item-type span{display:inline-flex;padding:8px 22px 7px;color:#fff;font-family:"URW Form",sans-serif;font-style:normal;font-weight:700;font-size:16px;line-height:1;background:#1e2832;border-radius:100px}#box-map-showrooms #showrooms-sidebar #results-list .sidebar-item .sidebar-item--wrapper .item-location{display:inline-flex;border-left:5px solid #1e2832;padding-left:14px;height:-moz-fit-content;height:fit-content}#box-map-showrooms #showrooms-sidebar #results-list .sidebar-item .sidebar-item--wrapper .item-location p{color:#1d1d1e;font-family:"URW Form",sans-serif}#box-map-showrooms #showrooms-sidebar #results-list .sidebar-item .sidebar-item--wrapper .item-working-hours p{color:#1d1d1e;font-family:"URW Form",sans-serif}#box-map-showrooms #showrooms-sidebar #results-list .sidebar-item .sidebar-item--wrapper .item-contact ul{list-style:none;padding:0;margin:0}#box-map-showrooms #showrooms-sidebar #results-list .sidebar-item .sidebar-item--wrapper .item-contact ul li a{color:#1d1d1e;font-family:"URW Form",sans-serif}#box-map-showrooms #showroom-popup.showroom-card--popup{visibility:hidden;opacity:0;transition:all 50ms ease-in-out;position:absolute;z-index:999;left:calc(50% + 250px);top:40%;transform:translate(-50%, -50%)}#box-map-showrooms #showroom-popup.showroom-card--popup.active{visibility:visible;opacity:1}#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper{width:650px;margin-top:120px;background:#fff;border-radius:30px;display:flex;flex-direction:column;overflow:hidden}#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper .popup--head{display:flex;flex-direction:row;background:#1e2832;padding:40px 60px 35px 60px}#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper .popup--head p{color:#fff;font-family:"URW Form",sans-serif;font-weight:600;font-size:20px;line-height:1;margin:0;position:relative}#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper .popup--head p:not(:last-child){padding-right:25px;margin-right:25px}#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper .popup--head p:not(:last-child)::before{content:"";position:absolute;top:0;right:0;bottom:3px;width:1px;background:#fff}#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper .popup--head .close-popup{cursor:pointer;margin:0 0 0 auto;width:20px;height:20px;color:#fff;font-size:35px;line-height:.7}#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper .popup--body{padding:20px}#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper .popup--body .popup--body-info{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper .popup--body .popup--body-info p,#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper .popup--body .popup--body-info a{color:#1d1d1e;font-family:"URW Form",sans-serif;font-weight:400;font-size:16px;line-height:1.5}#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper .popup--body .popup--body-info p strong,#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper .popup--body .popup--body-info a strong{font-weight:700}#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper .popup--body .popup--body-info .info-name p{padding-left:11px;border-left:5px solid #000}#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper .popup--body .popup--body-info .info-products img{max-height:30px}#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper .popup--body .popup--body-map{margin-top:20px;line-height:0;border-radius:10px;overflow:hidden;height:200px}#box-map-showrooms #showroom-popup.showroom-card--popup .showroom-card--popup-wrapper .popup--body .popup--body-map .popup-map{height:100%}/*# sourceMappingURL=kontakt-v8.css.map */ \ No newline at end of file diff --git a/layout/style-css/kontakt-v8.css.map b/layout/style-css/kontakt-v8.css.map new file mode 100644 index 0000000..7550abb --- /dev/null +++ b/layout/style-css/kontakt-v8.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/kontakt-v8.scss","../style-scss/_mixins.scss"],"names":[],"mappings":"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","file":"kontakt-v8.css"} \ No newline at end of file diff --git a/layout/style-scss/kontakt-v8.scss b/layout/style-scss/kontakt-v8.scss new file mode 100644 index 0000000..b0b216c --- /dev/null +++ b/layout/style-scss/kontakt-v8.scss @@ -0,0 +1,1382 @@ +@import 'variables'; +@import '_mixins'; + +html { + scroll-behavior: smooth; + scroll-padding-top: 105px; +} + +body { + &.fixed { + overflow: hidden; + } +} +p { + &:last-child { + margin-bottom: 0; + } +} +strong { + font-weight: 700; +} + +.main-page { + padding-top: 0px; + padding-bottom: 0; +} + +.breadcrumbs { + margin: 14px 0; +} + +.box-1 { + background: linear-gradient(180deg, #ffffff 0%, #f7f6f5 100%); + + .box-1--wrapper { + .c-row { + position: relative; + + display: flex; + flex-direction: row; + column-gap: 120px; + align-items: center; + justify-content: space-between; + min-height: 437px; + + @include respond-below(md) { + flex-direction: column; + padding-top: 50px; + text-align: center; + row-gap: 50px; + } + + .bg-icon { + position: absolute; + left: 16%; + top: 0; + border: 0; + } + + .c-col { + &-1 { + position: relative; + width: 100%; + max-width: 440px; + + .box-title { + margin-bottom: 24px; + + h1 { + color: $cTxtBlack; + font-family: $font3; + font-style: normal; + font-weight: 500; + font-size: 40px; + line-height: 1; + letter-spacing: 2px; + margin-bottom: 0; + + // @include respond-below(lg) { + // font-size: 40px; + // } + } + } + + .box-text { + padding-bottom: 19px; + margin-bottom: 17px; + border-bottom: 1px solid #000; + + p { + color: $cTxtBlack; + font-family: $font3; + font-style: normal; + font-weight: 300; + font-size: 20px; + line-height: 30px; + letter-spacing: 2px; + text-transform: uppercase; + + // @include respond-below(lg) { + // font-size: 24px; + // } + } + } + + .box-nav { + ol { + display: flex; + flex-direction: row; + align-items: center; + list-style: none; + padding: 0; + margin: 0; + gap: 16px; + + li { + // width: 100%; + // max-width: 241px; + + &:nth-child(1) { + a { + background-color: #1e2832; + } + } + + &:nth-child(2) { + a { + background-color: #b8aea4; + } + } + + a { + display: block; + padding: 18px 13px; + border-radius: 10px; + text-align: center; + + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12); + transition: box-shadow 0.3s; + padding: 0.9rem 1rem 0.8rem 1rem; + border-radius: 6px; + line-height: 1; + width: fit-content; + cursor: pointer; + + // @include respond-below(lg) { + // padding: 14px 13px; + // } + + span { + display: inline-block; + color: $cWhite; + font-family: $font3; + font-weight: 700; + font-size: 13px; + line-height: 1; + letter-spacing: 1px; + text-transform: uppercase; + + // @include respond-below(lg) { + // font-size: 14px; + // } + } + } + } + } + } + } + &-2 { + .box-img { + width: 100%; + max-width: 750px; + + img { + width: 100%; + border-radius: 20px; + } + } + } + } + } + } +} + +.box-2 { + padding-top: 105px; + padding-bottom: 112px; + + .box-2--wrapper { + .c-row { + display: flex; + flex-direction: row; + align-items: center; + + @include respond-below(md) { + flex-direction: column; + } + + .c-col { + &-1 { + width: 100%; + max-width: 580px; + min-height: 640px; + align-content: center; + + border-top: 1px solid #b79f87; + border-left: 1px solid #b79f87; + border-bottom: 1px solid #b79f87; + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; + padding: 45px 30px 45px 60px; + + @include respond-below(lg) { + padding: 30px; + } + @include respond-below(md) { + max-width: unset; + text-align: center; + border-bottom: 0; + border-right: 1px solid #b79f87; + border-top-right-radius: 30px; + border-bottom-left-radius: 0; + padding: 70px 30px 70px 60px; + margin-bottom: -25px; + } + + .box-text { + margin-bottom: 35px; + + p { + color: $cTxtBlack; + font-family: $font3; + font-weight: 300; + font-size: 20px; + line-height: 1.35; + letter-spacing: -0.48px; + + @include respond-below(lg) { + font-size: 20px; + } + } + ul { + width: 100%; + max-width: 460px; + padding-left: 30px; + margin: 35px 0; + + @include respond-below(lg) { + margin: 20px 0; + } + + @include respond-below(md) { + display: flex; + flex-direction: column; + align-items: center; + max-width: unset; + } + + li { + color: $cTxtBlack; + font-family: $font3; + font-weight: 300; + font-size: 20px; + line-height: 1.35; + letter-spacing: -0.48px; + + @include respond-below(lg) { + font-size: 20px; + } + + &:not(:last-child) { + margin-bottom: 15px; + + @include respond-below(lg) { + margin-bottom: 5px; + } + } + } + } + } + + .box-nav { + ._radios { + display: flex; + flex-direction: column; + row-gap: 20px; + + @include respond-below(lg) { + row-gap: 20px; + } + @include respond-below(md) { + align-items: center; + } + + ._radio { + display: inline-flex; + align-items: center; + justify-content: center; + + width: 100%; + max-width: 410px; + + input[type='radio'] { + appearance: none; + } + + input[type='radio']:checked + label { + color: #fff !important; + background: #1e2832 !important; + } + + label, + a { + color: #3f3f3f; + font-family: $font3; + font-style: normal; + font-weight: 600; + font-size: 20px; + line-height: 1; + text-align: center; + margin-bottom: 0; + cursor: pointer; + + width: 100%; + max-width: 410px; + border-radius: 20px; + border: 1px solid #dfdfdf; + padding: 13px; + + @include respond-below(lg) { + font-size: 18px; + } + } + } + } + } + } + &-2 { + width: 100%; + max-width: 650px; + min-height: 700px; + align-content: center; + + padding: 25px 28px 40px 34px; + background: #f7f6f5; + border-radius: 15px; + + // @include respond-below(md) { + // border-radius: 14px 14px 22px 22px; + // } + input { + &[type='text'], + &[type='email'] { + padding: 13px 14px 11px 14px; + border-radius: 20px; + width: 100%; + border: none; + background: #fff; + + color: #3f3f3f; + font-size: 14px; + font-family: $font3; + line-height: 1; + font-weight: 300; + + outline: none; + } + + &[type='radio'], + &[type='checkbox'] { + position: relative; + appearance: none; + width: 11px; + min-width: 11px; + height: 11px; + border-radius: 100%; + border: 1px solid #dfdfdf; + transition: all 250ms ease-in-out; + outline: none; + + &::before { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 0; + height: 0; + border-radius: 100%; + background: #1d1d1e; + transform: translate(-50%, -50%); + visibility: hidden; + transition: all 250ms ease-in-out; + } + + &:checked { + border-color: #1d1d1e; + + &::before { + width: 6px; + height: 6px; + visibility: visible; + } + } + } + } + textarea { + padding: 13px 14px 11px 14px; + border-radius: 20px; + width: 100%; + border: none; + background: #fff; + min-height: 100px; + + color: #3f3f3f; + font-size: 14px; + font-family: $font3; + line-height: 1; + font-weight: 300; + + outline: none; + resize: none; + } + select { + position: relative; + appearance: none; + padding: 13px 14px 11px 14px; + border-radius: 20px; + width: 100%; + border: none; + background: #fff; + + color: #3f3f3f; + font-size: 14px; + font-family: $font3; + line-height: 1; + font-weight: 300; + + outline: none; + } + + ._1_column { + display: flex; + flex-direction: row; + margin-bottom: 5px; + + &._col_message { + margin-top: 15px; + margin-bottom: 16px; + } + > * { + width: 100% !important; + } + } + + ._2_columns { + display: flex; + flex-direction: row; + column-gap: 25px; + margin-bottom: 7px; + + @include respond-below(sm) { + flex-wrap: wrap; + row-gap: 14px; + } + + > * { + width: 50% !important; + + @include respond-below(sm) { + width: 100% !important; + } + } + } + + ._text { + margin: 16px 0 14px; + text-align: center; + + p { + color: #1d1d1e; + font-size: 11px; + font-weight: 300; + font-family: $font3; + margin-bottom: 0px; + } + } + + ._file { + padding: 29px; + margin: 0 0 26px 0; + border-radius: 20px; + width: 100%; + border: none; + background: #fff; + + color: #3f3f3f; + font-size: 14px; + font-family: $font3; + line-height: 1; + font-weight: 300; + border: none; + + .fileuploader-input { + width: fit-content; + margin: 0 auto; + + .fileuploader-input-caption { + span { + padding-top: 3px; + display: inline-block; + + color: #1d1d1e; + font-size: 16px; + font-family: $font3; + font-weight: 300; + } + } + + button.fileuploader-input-button { + background: #1e2832; + border-radius: 25px; + padding: 10px 36px; + + display: flex; + flex-direction: row; + align-items: center; + gap: 10px; + + color: #fff; + font-family: $font3; + font-size: 14px; + font-weight: 700; + letter-spacing: 2px; + text-transform: uppercase; + } + + @media (max-width: 768px) { + flex-direction: column; + } + } + + @media (max-width: 576px) { + } + } + + ._radio, + ._checkbox { + display: flex; + flex-direction: row; + align-items: center; + gap: 8px; + + label { + color: #1d1d1e; + font-size: 10px; + font-family: $font3; + font-weight: 300; + line-height: 1; + padding-top: 2px; + margin-bottom: 0; + cursor: pointer; + } + } + + .form_actions { + margin-top: 37px; + align-items: center; + margin-bottom: 0; + + button[type='submit'] { + display: flex; + flex-direction: row; + align-items: center; + gap: 10px; + padding: 13px 20px 10px 20px; + margin: 0; + background: #fff246; + border-radius: 6px; + color: #1d1d1e; + font-size: 16px; + font-family: $font3; + font-weight: 700; + letter-spacing: 1px; + text-transform: uppercase; + line-height: 1; + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12); + width: fit-content !important; + height: auto; + border: none; + outline: none; + cursor: pointer; + + // &:active { + // background: #f0e875; + // } + + img { + width: 20px; + padding-bottom: 3px; + } + + @include respond-above(xs) { + margin-left: 20px; + } + } + + .g-recaptcha { + width: fit-content !important; + margin-left: auto; + } + } + } + } + } + } +} + +.box-3 { + min-height: 440px; + background-color: #f1efed; + background-image: url('/upload/filemanager/Pages/Kontakt-8/img-2.jpg'); + background-position: center right; + background-repeat: no-repeat; + align-content: center; + margin-bottom: 33px; + + .box-3--wrapper { + .c-row { + .box-title { + margin-bottom: 33px; + + h3 { + color: #181c1d; + font-size: 36px; + font-family: $font3; + font-weight: 300; + line-height: 1.3; + margin: 0; + + strong { + font-size: 40px; + font-weight: 500; + } + } + } + + ol { + padding: 0; + margin: 0; + list-style: none; + + li { + a { + display: inline-flex; + flex-direction: row; + align-items: center; + column-gap: 12px; + + padding: 14px 26px 15px; + background: #ffffff; + border: 1px solid #dfdfdf; + border-radius: 30px; + + span { + color: #3f3f3f; + font-size: 20px; + font-family: $font3; + font-weight: 600; + line-height: 1; + padding-top: 2px; + } + } + } + } + } + } +} + +.box-4 { + background: #1e2832; + + .box-4--wrapper { + padding: 100px 0; + + .c-row { + .box-title { + margin-bottom: 40px; + + h2 { + color: $cWhite; + font-family: $font3; + font-weight: 300; + font-size: 40px; + line-height: 1; + text-align: center; + letter-spacing: 0.01em; + margin: 0; + + // @include respond-below(lg) { + // font-size: 36px; + // } + // @include respond-below(md) { + // font-size: 28px; + // line-height: 1.5; + // } + + strong { + font-weight: 500; + } + } + } + .box-text { + max-width: 620px; + margin: 0 auto 40px; + + p { + color: $cWhite; + font-family: $font3; + font-weight: 300; + font-size: 18px; + line-height: 1.7; + text-align: center; + letter-spacing: 0.01em; + margin: 0; + } + + #share-location-btn { + display: inline-flex; + flex-direction: row; + align-items: center; + column-gap: 8px; + cursor: pointer; + + img { + filter: invert(1); + width: 20px; + height: 20px; + } + } + } + + .box-form { + form { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + .form-search { + display: flex; + flex-direction: row; + width: 100%; + max-width: 714px; + + background: #ffffff; + border-radius: 100px; + + .row-input { + display: flex; + flex-direction: row; + align-items: center; + gap: 10px; + width: 100%; + padding: 0 14px 0 34px; + + label { + margin: 0; + } + + input { + width: 100%; + padding: 0; + background: transparent; + border: 0; + outline: none; + height: 58px; + + color: #1d1d1e; + font-family: $font3; + font-weight: 500; + font-size: 20px; + + &::placeholder { + color: #1d1d1e; + } + } + } + button { + background: #b8aea4; + border-radius: 30px; + height: 58px; + border: none; + + color: #fff; + font-family: $font3; + font-weight: 700; + font-size: 16px; + line-height: 1; + margin-bottom: 0; + padding: 20px 32px 19px; + min-width: fit-content; + outline: none; + cursor: pointer; + } + } + } + } + } + } +} + +.box-5 { + margin-top: 83px; + margin-bottom: 72px; + + .box-5--wrapper { + .c-row { + width: 100%; + max-width: 1014px; + height: 1px; + background: #1e2832; + margin: 0 auto; + } + } +} +.box-6 { + padding-bottom: 100px; + + .box-6--wrapper { + display: flex; + flex-direction: column; + + .c-row { + &-1 { + padding: 36px 35px; + border-radius: 30px; + background: #f6f5f4; + + display: flex; + flex-direction: row; + justify-content: space-between; + gap: 40px; + transition: all 250ms ease-in-out; + transition-delay: 250ms; + + @include respond-below(md) { + flex-direction: column; + } + + &.active { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + transition: all 100ms ease-in-out; + transition-delay: 0ms; + } + + .c-col { + &-1 { + @include respond-between(xs, md) { + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-areas: + 't1 t1' + 't2 t3' + 't4 t4'; + } + @include respond-below(xs) { + display: flex; + flex-direction: column; + } + + .text-1 { + margin-bottom: 20px; + + @include respond-between(xs, md) { + grid-area: t1; + } + p { + color: #1e2832; + font-family: $font3; + font-weight: 500; + font-size: 20px; + line-height: 1; + } + } + .text-2 { + margin-bottom: 40px; + + @include respond-between(xs, md) { + grid-area: t2; + } + h2 { + color: #1e2832; + font-family: $font3; + font-weight: 600; + font-size: 23px; + line-height: 1; + } + p { + color: #1e2832; + font-family: $font3; + font-weight: 400; + font-size: 16px; + line-height: 1.2; + } + } + .text-3 { + margin-bottom: 40px; + + @include respond-between(xs, md) { + grid-area: t3; + } + p { + color: #1e2832; + font-family: $font3; + font-weight: 400; + font-size: 16px; + line-height: 1.5; + margin-bottom: 0; + } + } + .text-4 { + @include respond-between(xs, md) { + grid-area: t4; + } + p { + color: #1e2832; + font-family: $font3; + font-weight: 700; + font-size: 16px; + line-height: 1.5; + margin-bottom: 0; + } + } + } + &-2 { + width: 100%; + max-width: 765px; + display: flex; + flex-direction: column; + + .box-map { + height: 100%; + line-height: 0; + margin-bottom: 30px; + border-radius: 10px; + overflow: hidden; + + @include respond-below(md) { + height: 250px; + } + #big-map { + height: 100%; + } + } + + .box-info { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + + @include respond-below(sm) { + flex-direction: column; + row-gap: 40px; + text-align: center; + } + .box-info-left { + ul { + padding: 0; + margin: 0; + list-style: none; + + li { + .icons { + display: inline-block; + width: 19px; + margin-right: 8px; + } + + color: #1e2832; + font-family: $font3; + font-weight: 600; + font-size: 16px; + line-height: 1.5; + + a { + color: inherit; + font-family: inherit; + font-weight: inherit; + font-size: inherit; + line-height: inherit; + } + } + } + } + .box-info-right { + display: flex; + flex-direction: row; + align-items: center; + column-gap: 20px; + cursor: pointer; + + &.active { + span { + img { + transform: scale(-1); + } + } + } + + p { + color: #1e2832; + font-family: $font3; + font-weight: 400; + font-size: 16px; + line-height: 20px; + text-align: right; + text-transform: uppercase; + margin: 0; + } + + span { + display: inline-flex; + align-items: center; + justify-content: center; + width: 27px; + min-width: 27px; + height: 27px; + border-radius: 100%; + background: #1e2832; + cursor: pointer; + + img { + transition: all 250ms ease-in-out; + } + } + } + } + } + } + } + + &-2 { + display: none; + + .c-col { + padding-top: 12px; + } + + .tiles { + display: flex; + flex-direction: row; + gap: 70px; + flex-wrap: wrap; + // padding-top: 60px; + padding: 37px 60px; + background: #f8f7f6; + border-bottom-left-radius: 30px; + border-bottom-right-radius: 30px; + + .tile { + width: calc((100% / 4) - (70px - (70px / 4))); + padding-left: 25px; + border-left: 1px solid #1e2832; + + @include respond-below(md) { + width: calc((100% / 2) - (70px - (70px / 2))); + } + + @include respond-below(xs) { + width: 100%; + } + + h3 { + color: #1d1d1e; + font-size: 20px; + font-weight: 700; + margin-bottom: 30px; + + @include respond-below(md) { + font-size: 18px; + } + } + + ol { + padding: 0; + margin: 0; + list-style: none; + + li { + line-height: 1; + + a { + display: inline-flex; + flex-direction: row; + align-items: center; + column-gap: 10px; + + color: #1d1d1e; + font-size: 16px; + line-height: 1; + font-family: $font3; + font-weight: 400; + + @include respond-below(md) { + font-size: 14px; + } + + img { + width: 18px; + height: 18px; + } + } + } + } + // .tile-text { + // border-radius: 15px; + // border: 0.5px solid #181c1d; + // padding: 27px 20px; + // box-shadow: 2px -2px 10px rgba(0, 0, 0, 0.25); + // background: #fff; + + // a { + // color: #1d1d1e; + // font-size: 16px; + // font-family: $font3; + // font-weight: 600; + + // @include respond-below(md) { + // font-size: 14px; + // } + // } + // } + } + } + } + + &-3 { + padding-top: 50px; + + .c-col { + p { + color: $cTxtBlack; + font-family: $font3; + font-weight: 300; + font-size: 15px; + line-height: 1.55; + text-align: justify; + } + } + } + } + } +} + +#box-map-showrooms { + display: flex; + height: 800px; + margin-bottom: 100px; + + #showrooms-sidebar { + width: 0; + transition: all 300ms ease-in-out; + opacity: 0; + visibility: hidden; + + &.has-results { + width: 540px; + opacity: 1; + visibility: visible; + } + + #results-list { + display: flex; + flex-direction: column; + row-gap: 12px; + padding: 12px 12px; + + overflow-y: auto; + overflow-x: hidden; + height: 700px; + + .sidebar-item { + // &:hover { + // .sidebar-item--wrapper { + // background: #fff; + // } + // } + &.active { + .sidebar-item--wrapper { + background: #fff; + border: 1px solid #b4aaa2; + box-shadow: -2px 2px 4.6px #b6aca3; + } + } + + .sidebar-item--wrapper { + display: grid; + grid-template-columns: 200px 1fr; + gap: 16px 32px; + padding: 24px; + // border: 1px solid #b4aaa2; + border-radius: 10px; + width: 500px; + background: #f7f6f5; + transition: all 250ms ease-in-out; + border: 1px solid #f7f6f5; + + .item-type { + span { + display: inline-flex; + padding: 8px 22px 7px; + + color: $cWhite; + font-family: $font3; + font-style: normal; + font-weight: 700; + font-size: 16px; + line-height: 1; + + background: #1e2832; + border-radius: 100px; + } + } + + .item-location { + display: inline-flex; + border-left: 5px solid #1e2832; + padding-left: 14px; + height: fit-content; + + p { + color: #1d1d1e; + font-family: $font3; + } + } + + .item-working-hours { + p { + color: #1d1d1e; + font-family: $font3; + } + } + .item-contact { + ul { + list-style: none; + padding: 0; + margin: 0; + + li { + a { + color: #1d1d1e; + font-family: $font3; + } + } + } + } + } + } + } + } + + #showroom-popup.showroom-card--popup { + visibility: hidden; + opacity: 0; + transition: all 50ms ease-in-out; + + position: absolute; + z-index: 999; + left: calc(50% + 250px); + top: 40%; + transform: translate(-50%, -50%); + + &.active { + visibility: visible; + opacity: 1; + } + + .showroom-card--popup-wrapper { + width: 650px; + margin-top: 120px; + background: $cWhite; + border-radius: 30px; + display: flex; + flex-direction: column; + overflow: hidden; + + .popup--head { + display: flex; + flex-direction: row; + background: #1e2832; + padding: 40px 60px 35px 60px; + + p { + color: $cWhite; + font-family: $font3; + font-weight: 600; + font-size: 20px; + line-height: 1; + margin: 0; + + position: relative; + + &:not(:last-child) { + padding-right: 25px; + margin-right: 25px; + + &::before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 3px; + width: 1px; + background: $cWhite; + } + } + } + + .close-popup { + cursor: pointer; + margin: 0 0 0 auto; + width: 20px; + height: 20px; + color: #fff; + font-size: 35px; + line-height: 0.7; + } + } + + .popup--body { + padding: 20px; + + .popup--body-info { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 30px; + + p, + a { + color: $cTxtBlack; + font-family: $font3; + font-weight: 400; + font-size: 16px; + line-height: 1.5; + + strong { + font-weight: 700; + } + } + + .info-name { + p { + padding-left: 11px; + border-left: 5px solid #000; + } + } + .info-time { + } + .info-products { + img { + max-height: 30px; + } + } + } + + .popup--body-map { + margin-top: 20px; + line-height: 0; + border-radius: 10px; + overflow: hidden; + height: 200px; + + .popup-map { + height: 100%; + } + } + } + } + } +} diff --git a/templates_user/pages/page-contact-v8.php b/templates_user/pages/page-contact-v8.php new file mode 100644 index 0000000..6ceb11a --- /dev/null +++ b/templates_user/pages/page-contact-v8.php @@ -0,0 +1,561 @@ + + +
+
+
+
+ +
+
+
+ +
+
+
+
+ + +
+
+

Kontakt

+
+
+

+ SPRAWDź JAK ŁATWO
+ SIĘ Z NAMI SKONTAKTOWAĆ +

+
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+ + + +
+
+
+

Skontaktuj się z nami, a nasz specjalista:

+
    +
  • odpowie na Twoje pytania,
  • +
  • doradzi najlepsze rozwiązania,
  • +
  • przedstawi szczegóły oferty dopasowane do Twoich potrzeb.
  • +
+

Wybierz, kim jesteś:

+
+
+
+
+ + +
+
+ + +
+
+
+
+
+
+ + +
+
+ + +
+
+
+ +
+ +
+
+ +
+
+

Chcesz przesłać nam wizualizacje, projekt lub inne materiały? Skorzystaj z pola poniżej i dodaj plik do wiadomości.

+
+
+ + +
+
    +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +

    Jesteś zainteresowany
    sprzedażą Naszych produktów?

    +
    +
      +
    1. + + Strefa partnera / współpraca B2B + + + + +
    2. +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +

    Sprawdź gdzie możesz kupić Nasze Produkty

    +
    +
    +

    + Wybierz region, aby otrzymać informacje dopasowane do Twojej lokalizacji lub + + udostępnij lokalizację + + +

    +
    +
    +
    + +
    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +

    Siedziba firmy

    +
    +
    +

    VIDOK Sp. z o. o.

    +

    36-054 Rudna Mała 75

    +
    +
    +

    KRS Nr. 0000191980

    +

    REGON: 690379060

    +

    NIP: 8131086710

    +
    +
    +

    ING BANK ŚLĄSKI S.A.

    +

    SWIFT INGBPLPW

    +
    +

    PLN: PL 31 1050 1562 1000 0090 3034 4197

    +

    EUR: PL 84 1050 1562 1000 0090 3034 4213

    +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    +

    + Skontaktuj się bezpośrednio
    z wybranym działem +

    + + + +
    +
    +
    +
    + + + +
    +
    +

    VIDOK spółka z ograniczoną odpowiedzialnością z siedzibą w Rudnej Małej, 36-054 Rudna Mała 75, wpisana do rejestru przedsiębiorców KRS pod numerem: 0000191980, Sąd Rejonowy w Rzeszowie XII Wydział Krajowego Rejestru Sądowego NIP: 8131086710 REGON: 690379060 o kapitale zakładowym w wysokości 11.606.000,00 zł oświadcza, iż posiada status dużego przedsiębiorcy w rozumieniu przepisów ustawy z dnia 8 marca 2013 r. o przeciwdziałaniu nadmiernym opóźnieniom w transakcjach handlowych (Dz.U. z 2020 r. poz. 935 z późn. zm.).

    +
    +
    +
    +
    +
    +
    + + + + + + + + \ No newline at end of file diff --git a/templates_user/pages/salony-sprzedazy.php b/templates_user/pages/salony-sprzedazy.php index 036f303..e65b668 100644 --- a/templates_user/pages/salony-sprzedazy.php +++ b/templates_user/pages/salony-sprzedazy.php @@ -3,6 +3,19 @@ ?>
    +
    +
    +
    + +
    +
    +
    @@ -132,10 +145,10 @@ if (!input) return; const autocomplete = new google.maps.places.Autocomplete(input); - + $('#search-showrooms-form').on('submit', function(e) { e.preventDefault(); - + const place = autocomplete.getPlace(); if (place && place.geometry) { @@ -147,6 +160,16 @@ } } }); + + // Sprawdzanie URL "location" po ładowaniu strony + const urlParams = new URLSearchParams(window.location.search); + const locationParam = urlParams.get('location'); + + if (locationParam) { + // wypełniamy pole URL + input.value = locationParam; + geocodeAddress(locationParam); + } } /** @@ -382,14 +405,12 @@ // $('#showroom-popup').fadeOut(); $('#showroom-popup').removeClass('active'); }); - }); - - $(document).ready(function() { + $('body').on('click', '.box-6 .box-info .box-info-right', function(e){ e.preventDefault() $(this).toggleClass('active') $('.box-6 .c-row-2').slideToggle() }) - }) + }); \ No newline at end of file