diff --git a/layout/style-css/kontakt-v3.css b/layout/style-css/kontakt-v3.css index 424b9fa..de6b7bd 100644 --- a/layout/style-css/kontakt-v3.css +++ b/layout/style-css/kontakt-v3.css @@ -1 +1 @@ -strong{font-weight:700}.main-page{padding-top:100px}.breadcrumbs{margin-bottom:45px}.box-1{padding-top:95px;padding-bottom:125px;background:#2e2d2c;box-shadow:6px 6px 15px rgba(0,0,0,.25)}.box-1 .contact-form{display:flex;flex-direction:row;-moz-column-gap:60px;column-gap:60px}.box-1 .contact-form ._left{width:100%;max-width:350px}.box-1 .contact-form ._left h1{color:#fff;font-size:50px;font-family:"URW Form",sans-serif;letter-spacing:2px;text-transform:uppercase;margin-bottom:64px;padding-bottom:31px;border-bottom:1px solid #fff}.box-1 .contact-form ._left .contact-form-tiles .tile:not(:last-child){margin-bottom:60px}.box-1 .contact-form ._left .contact-form-tiles .tile h2.tile-title{color:#fff;font-size:24px;font-weight:700;font-family:"URW Form",sans-serif;letter-spacing:2px;text-transform:uppercase;margin-bottom:50px}.box-1 .contact-form ._left .contact-form-tiles .tile h2.tile-title._title_border{padding-bottom:25px;margin-bottom:30px;margin-left:45px;border-bottom:1px solid #fff}.box-1 .contact-form ._left .contact-form-tiles .tile .tile-data .c-row{display:flex;flex-direction:row;-moz-column-gap:20px;column-gap:20px}.box-1 .contact-form ._left .contact-form-tiles .tile .tile-data .c-row:not(:last-child){margin-bottom:20px}.box-1 .contact-form ._left .contact-form-tiles .tile .tile-data .c-row ._icon img{filter:brightness(0) saturate(100%) invert(79%) sepia(84%) saturate(367%) hue-rotate(356deg) brightness(104%) contrast(104%)}.box-1 .contact-form ._left .contact-form-tiles .tile .tile-data .c-row ._text{color:#fff;font-size:16px;font-weight:300;font-family:"URW Form",sans-serif;margin-bottom:0}.box-1 .contact-form ._left .contact-form-tiles .tile .tile-data .c-row ._text a{color:#fff;font-size:16px;font-weight:300;font-family:"URW Form",sans-serif;line-height:1;text-decoration:underline}.box-1 .contact-form ._right{width:100%}.box-1 .contact-form ._right #map{outline:none}.box-2{padding-top:50px;padding-bottom:40px}.box-2 h2{color:#1d1d1e;font-size:45px;font-weight:300;font-family:"URW Form",sans-serif;letter-spacing:2px;text-transform:uppercase;text-align:center;margin:0}.box-2 h2 strong{position:relative;font-weight:800}.box-2 h2 strong::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:6px;background:#fff246;transform:translateY(100%);box-shadow:0 4px 4px rgba(0,0,0,.11)}.box-3{background:#f5f5f5;padding-top:40px;padding-bottom:40px}.box-4{margin-top:50px}.box-4 .row.row-1{margin-top:40px;margin-bottom:40px}.box-4 .row.row-1 ._text p{color:#1d1d1e;font-size:16px;font-family:"URW Form",sans-serif;font-weight:300}.box-4 .row.row-1 ._text p:last-child{margin-bottom:0}.box-4 .row.row-2 .contact_accordion{display:flex;gap:10px;flex-direction:column}.box-4 .row.row-2 .contact_accordion>._title{color:#fff;font-size:24px;font-family:"URW Form",sans-serif;font-weight:500;text-transform:uppercase;line-height:1;letter-spacing:2px;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;padding:22px 46px 19px;background:#2e2d2c;border-radius:3px;font-weight:200}.box-4 .row.row-2 .contact_accordion>._title strong{font-weight:600;margin-left:10px}.box-4 .row.row-2 .contact_accordion>._title img{margin-left:auto;margin-right:0;filter:brightness(0) saturate(100%) invert(79%) sepia(84%) saturate(367%) hue-rotate(356deg) brightness(104%) contrast(104%)}.box-4 .row.row-2 .contact_accordion ._content{margin:40px 0}.box-4 .row.row-2 .contact_accordion ._content._2_columns{display:grid;grid-template-columns:250px 1fr;gap:50px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left{margin-top:45px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left a{position:relative;display:flex;gap:10px;text-transform:uppercase;padding:5px;color:#1d1d1e;font-size:16px;font-weight:400;font-family:"URW Form",sans-serif}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left a:hover img{display:block}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left a::before{content:"";left:-10px;top:50%;bottom:0;width:9px;background:#fff246;box-shadow:0 4px 4px rgba(0,0,0,.11);position:absolute;height:calc(100% - 6px);transform:translateY(-50%);visibility:hidden}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left a.active{font-size:18px;font-weight:700;text-shadow:0 4px 4px rgba(0,0,0,.19)}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left a.active::before{visibility:visible}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left a img{width:10px;transform:rotate(-90deg);display:none;margin-bottom:4px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right .contact-btn{color:#000;font-size:12px;font-family:"URW Form",sans-serif;font-weight:500;line-height:1;padding:13px 30px;border:1px solid #bbb;border-radius:5px;text-transform:uppercase;margin:0 auto;display:block;max-width:-moz-fit-content;max-width:fit-content}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content{display:none}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._city_content_nav{margin-bottom:30px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._city_content_nav ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:15px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._city_content_nav ul li a{color:#000;font-size:14px;font-family:"URW Form",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;line-height:1;display:inline-block;padding:14px 36px;border-radius:5px;border:1.5px solid #000}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._city_content_nav ul li a.active{color:#fff;background:#000}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities{display:none}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities.active{display:block}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._grid{display:grid;grid-template-columns:1fr 1fr 1fr;-moz-column-gap:50px;column-gap:50px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._title{font-size:18px;text-align:right;text-transform:uppercase;text-decoration:underline;margin-bottom:10px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid{background:rgba(244,244,244,.46);padding:40px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid._white{background:#fff}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid ._city ._description{height:100%;display:flex;justify-content:space-between;flex-direction:column}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid ._city ._description ._name{text-align:center;font-weight:600}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid ._city ._description ._name::before{content:"";display:inline-block;height:10px;width:10px;background:#fff246;margin-right:5px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid ._city ._description p{line-height:1.5}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid ._city ._description p._mt50{margin-top:50px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid ._city ._description p strong{position:relative}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=salony_firmowe] ._city{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #bbb}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=salony_firmowe] ._city ._description{height:100%;display:flex;justify-content:space-between;flex-direction:column}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=salony_firmowe] ._city ._description p{line-height:1.5}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=salony_firmowe] ._city ._description p._mt50{margin-top:30px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=salony_firmowe] ._city ._description p span{position:relative;display:block;margin-bottom:5px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=salony_firmowe] ._city ._description p span::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:2px;background:#fff246}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=salony_firmowe] ._city ._description p strong{position:relative}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=partnerzy_handlowi] ._city ._description ._name{position:relative;font-size:16px;font-weight:700;font-family:"URW Form",sans-serif;text-align:center;width:100%;max-width:-moz-fit-content;max-width:fit-content;display:block;margin:0 auto}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=partnerzy_handlowi] ._city ._description ._name::before{content:"";position:absolute;left:-15px;top:5px;width:10px;height:10px;background:#fff246}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._city ._description p{font-size:16px;font-family:"URW Form",sans-serif;font-weight:400;text-align:center}.box-4 .row.row-2 .contact_accordion ._content ._city_content{display:flex;flex-direction:row}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:70px;width:100%;max-width:1100px;margin:0 auto}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp{flex-basis:320px;text-align:center}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person_title{color:#1d1d1e;font-size:20px;font-family:"URW Form",sans-serif;font-weight:700;margin-bottom:20px}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person_title span{color:#fff246}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person{padding:20px 26px;border-radius:10px;box-shadow:2px -2px 10px .5px rgba(0,0,0,.05);flex-basis:calc(33.3333333333% - 46.6666666667px)}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person p{color:#1d1d1e;font-size:16px;font-family:"URW Form",sans-serif;font-weight:300}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person p:last-child{margin-bottom:0}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person p strong{font-weight:300}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person p strong a{font-weight:300}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person p strong a:hover{color:#000;text-decoration:underline}.box-4 .row.row-2 .contact_accordion ._content ._city_content._city_content_2 ._person{padding:20px 26px;border-radius:10px;box-shadow:2px -2px 10px .5px rgba(0,0,0,.05);flex-basis:calc(33.3333333333% - 46.6666666667px)}.box-4 .row.row-2 .contact_accordion ._content ._city_content._city_content_2 ._person p{color:#1d1d1e;font-size:16px;font-family:"URW Form",sans-serif;font-weight:300;text-align:center}.box-4 .row.row-2 .contact_accordion ._content ._city_content._city_content_2 ._person p:last-child{margin-bottom:0}.box-4 .row.row-2 .contact_accordion ._content ._city_content._city_content_2 ._person p strong{font-weight:700}.box-4 .row.row-2 .contact_accordion ._content ._city_content._city_content_2 ._person p strong a{font-weight:700}.box-4 .row.row-2 .contact_accordion ._content ._city_content._city_content_2 ._person p strong a:hover{color:#fff246}.box-0 ._columns{width:100%;max-width:1270px;margin:auto;display:flex}.box-0 ._columns ._left{width:30%;background:url("/layout/images/contact-left-bg.png") no-repeat;background-size:cover;padding:60px;text-align:right;color:#fff;display:flex;flex-direction:column}.box-0 ._columns ._left ._socials{margin-top:auto;margin-bottom:0;display:flex;gap:10px;justify-content:flex-end}.box-0 ._columns ._left ._socials img{height:30px;width:30px}.box-0 ._columns ._left h1,.box-0 ._columns ._left ._h1{margin-bottom:50px;font-size:32px;font-weight:600}.box-0 ._columns ._left ._text{margin-bottom:50px;font-weight:200;font-size:20px}.box-0 ._columns ._left ._bold{font-weight:600}.box-0 ._columns ._left ._accordion_small{font-size:15px;display:grid;grid-template-columns:1fr;gap:10px}.box-0 ._columns ._left ._accordion_small ._head{font-weight:600;cursor:pointer}.box-0 ._columns ._left ._accordion_small ._head._active img{transform:rotateX(215deg)}.box-0 ._columns ._left ._accordion_small ._body{color:#fff;display:none}.box-0 ._columns ._left ._accordion_small ._body a{color:#fff}.box-0 ._columns ._left ._accounts{margin-top:420px}.box-0 ._columns ._left ._accounts ._icon{margin-bottom:20px}.box-0 ._columns ._left ._accounts ._text{font-size:15px}.box-0 ._columns ._right{width:70%}.box-0 ._columns ._right ._map{padding:60px 60px 0 60px}.box-0 ._columns ._right .contact-form-box{padding:60px;background:#f5f5f5}.box-0 ._columns ._right ._accounts_numbers{padding:120px 60px 60px 60px}.box-0 ._columns ._right .c-row-1{margin-bottom:40px}.box-0 ._columns ._right .c-row-1 p{color:#1d1d1e;font-size:16px;font-weight:300;font-family:"URW Form",sans-serif;text-align:center;margin-bottom:0}.box-0 ._columns ._right .c-row-2{width:100%;max-width:900px;margin-left:auto;margin-right:auto}.box-0 ._columns ._right .c-row-2 input[type=text],.box-0 ._columns ._right .c-row-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-0 ._columns ._right .c-row-2 input[type=radio],.box-0 ._columns ._right .c-row-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-0 ._columns ._right .c-row-2 input[type=radio]::before,.box-0 ._columns ._right .c-row-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-0 ._columns ._right .c-row-2 input[type=radio]:checked,.box-0 ._columns ._right .c-row-2 input[type=checkbox]:checked{border-color:#1d1d1e}.box-0 ._columns ._right .c-row-2 input[type=radio]:checked::before,.box-0 ._columns ._right .c-row-2 input[type=checkbox]:checked::before{width:6px;height:6px;visibility:visible}.box-0 ._columns ._right .c-row-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-0 ._columns ._right .c-row-2 select{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-0 ._columns ._right .c-row-2 ._radios{display:flex;flex-direction:row;-moz-column-gap:35px;column-gap:35px;justify-content:center}.box-0 ._columns ._right .c-row-2 ._radio,.box-0 ._columns ._right .c-row-2 ._checkbox{display:flex;flex-direction:row;align-items:center;gap:8px}.box-0 ._columns ._right .c-row-2 ._radio label,.box-0 ._columns ._right .c-row-2 ._checkbox label{color:#1d1d1e;font-size:12px;font-family:"URW Form",sans-serif;font-weight:300;line-height:1;padding-top:2px;margin-bottom:0;cursor:pointer}.box-0 ._columns ._right .c-row-2 ._1_column{display:flex;flex-direction:row;margin-bottom:14px}.box-0 ._columns ._right .c-row-2 ._1_column>*{width:100%}.box-0 ._columns ._right .c-row-2 ._2_columns{display:flex;flex-direction:row;-moz-column-gap:26px;column-gap:26px;margin-bottom:14px}.box-0 ._columns ._right .c-row-2 ._2_columns>*{width:50%}.box-0 ._columns ._right .c-row-2 ._text{color:#1d1d1e;font-size:16px;font-weight:300;font-family:"URW Form",sans-serif;margin-bottom:14px}.box-0 ._columns ._right .c-row-2 ._file{padding:29px;margin:0 0 14px 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-0 ._columns ._right .c-row-2 ._file .fileuploader-input{width:-moz-fit-content;width:fit-content;margin:0 auto}.box-0 ._columns ._right .c-row-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-0 ._columns ._right .c-row-2 ._file .fileuploader-input button.fileuploader-input-button{background:#1d1d1e;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}.box-0 ._columns ._right .c-row-2 button[type=submit]{background:#fbf27a;width:-moz-fit-content;width:fit-content;margin-left:auto;border:none;color:#1d1d1e;font-size:14px;font-family:"URW Form",sans-serif;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:12px 37px;box-shadow:0 4px 4px rgba(0,0,0,.11);outline:none;cursor:pointer}.box-0 ._columns ._right .c-row-2 button[type=submit]:active{background:#f0e875}.box-0 ._columns ._right .c-row-2 button[type=submit] img{margin-left:10px}/*# sourceMappingURL=kontakt-v3.css.map */ \ No newline at end of file +@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}strong{font-weight:700}.main-page{padding-top:100px}.breadcrumbs{margin-bottom:45px}.box-1{padding-top:95px;padding-bottom:125px;background:#2e2d2c;box-shadow:6px 6px 15px rgba(0,0,0,.25)}.box-1 .contact-form{display:flex;flex-direction:row;-moz-column-gap:60px;column-gap:60px}.box-1 .contact-form ._left{width:100%;max-width:350px}.box-1 .contact-form ._left h1{color:#fff;font-size:50px;font-family:"URW Form",sans-serif;letter-spacing:2px;text-transform:uppercase;margin-bottom:64px;padding-bottom:31px;border-bottom:1px solid #fff}.box-1 .contact-form ._left .contact-form-tiles .tile:not(:last-child){margin-bottom:60px}.box-1 .contact-form ._left .contact-form-tiles .tile h2.tile-title{color:#fff;font-size:24px;font-weight:700;font-family:"URW Form",sans-serif;letter-spacing:2px;text-transform:uppercase;margin-bottom:50px}.box-1 .contact-form ._left .contact-form-tiles .tile h2.tile-title._title_border{padding-bottom:25px;margin-bottom:30px;margin-left:45px;border-bottom:1px solid #fff}.box-1 .contact-form ._left .contact-form-tiles .tile .tile-data .c-row{display:flex;flex-direction:row;-moz-column-gap:20px;column-gap:20px}.box-1 .contact-form ._left .contact-form-tiles .tile .tile-data .c-row:not(:last-child){margin-bottom:20px}.box-1 .contact-form ._left .contact-form-tiles .tile .tile-data .c-row ._icon img{filter:brightness(0) saturate(100%) invert(79%) sepia(84%) saturate(367%) hue-rotate(356deg) brightness(104%) contrast(104%)}.box-1 .contact-form ._left .contact-form-tiles .tile .tile-data .c-row ._text{color:#fff;font-size:16px;font-weight:300;font-family:"URW Form",sans-serif;margin-bottom:0}.box-1 .contact-form ._left .contact-form-tiles .tile .tile-data .c-row ._text a{color:#fff;font-size:16px;font-weight:300;font-family:"URW Form",sans-serif;line-height:1;text-decoration:underline}.box-1 .contact-form ._right{width:100%}.box-1 .contact-form ._right #map{outline:none}.box-2{padding-top:50px;padding-bottom:40px}.box-2 h2{color:#1d1d1e;font-size:45px;font-weight:300;font-family:"URW Form",sans-serif;letter-spacing:2px;text-transform:uppercase;text-align:center;margin:0}.box-2 h2 strong{position:relative;font-weight:800}.box-2 h2 strong::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:6px;background:#fff246;transform:translateY(100%);box-shadow:0 4px 4px rgba(0,0,0,.11)}.box-3{background:#f5f5f5;padding-top:40px;padding-bottom:40px}.box-4{margin-top:50px}@media(max-width: 991px){.box-4{margin-top:0}}.box-4 .row.row-1{margin-top:40px;margin-bottom:40px}.box-4 .row.row-1 ._text p{color:#1d1d1e;font-size:16px;font-family:"URW Form",sans-serif;font-weight:300}.box-4 .row.row-1 ._text p:last-child{margin-bottom:0}.box-4 .row.row-2 .contact_accordion{display:flex;gap:10px;flex-direction:column}.box-4 .row.row-2 .contact_accordion>._title{color:#fff;font-size:24px;font-family:"URW Form",sans-serif;font-weight:500;text-transform:uppercase;line-height:1;letter-spacing:2px;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;padding:22px 46px 19px;background:#2e2d2c;border-radius:3px;font-weight:200}.box-4 .row.row-2 .contact_accordion>._title strong{font-weight:600;margin-left:10px}.box-4 .row.row-2 .contact_accordion>._title img{margin-left:auto;margin-right:0;filter:brightness(0) saturate(100%) invert(79%) sepia(84%) saturate(367%) hue-rotate(356deg) brightness(104%) contrast(104%)}@media(max-width: 991px){.box-4 .row.row-2 .contact_accordion>._title{font-size:16px;padding:22px 26px 19px}}.box-4 .row.row-2 .contact_accordion ._content{margin:40px 0}.box-4 .row.row-2 .contact_accordion ._content._2_columns{display:grid;grid-template-columns:250px 1fr;gap:50px}@media(max-width: 991px){.box-4 .row.row-2 .contact_accordion ._content._2_columns{grid-template-columns:1fr}}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left{margin-top:45px}@media(max-width: 991px){.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;-moz-column-gap:30px;column-gap:30px;row-gap:5px;margin-top:0}}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left a{position:relative;display:flex;gap:10px;text-transform:uppercase;padding:5px;color:#1d1d1e;font-size:16px;font-weight:400;font-family:"URW Form",sans-serif}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left a:hover img{display:block}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left a::before{content:"";left:-10px;top:50%;bottom:0;width:9px;background:#fff246;box-shadow:0 4px 4px rgba(0,0,0,.11);position:absolute;height:calc(100% - 6px);transform:translateY(-50%);visibility:hidden}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left a.active{font-size:18px;font-weight:700;text-shadow:0 4px 4px rgba(0,0,0,.19)}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left a.active::before{visibility:visible}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left a img{width:10px;transform:rotate(-90deg);display:none;margin-bottom:4px}@media(max-width: 991px){.box-4 .row.row-2 .contact_accordion ._content._2_columns ._left a img{display:none !important}}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right .contact-btn{color:#000;font-size:12px;font-family:"URW Form",sans-serif;font-weight:500;line-height:1;padding:13px 30px;border:1px solid #bbb;border-radius:5px;text-align:center;text-transform:uppercase;margin:0 auto;display:block;max-width:-moz-fit-content;max-width:fit-content}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content{display:none}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._city_content_nav{margin-bottom:30px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._city_content_nav ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:15px}@media(max-width: 991px){.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._city_content_nav ul{justify-content:center}}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._city_content_nav ul li a{color:#000;font-size:14px;font-family:"URW Form",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;line-height:1;display:inline-block;padding:14px 36px;border-radius:5px;border:1.5px solid #000}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._city_content_nav ul li a.active{color:#fff;background:#000}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities{display:none}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities.active{display:block}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._grid{display:grid;grid-template-columns:1fr 1fr 1fr;-moz-column-gap:50px;column-gap:50px;row-gap:50px}@media(max-width: 991px){.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._grid{grid-template-columns:1fr 1fr}}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._title{font-size:18px;text-align:right;text-transform:uppercase;text-decoration:underline;margin-bottom:10px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid{background:rgba(244,244,244,.46);padding:40px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid._white{background:#fff}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid ._city ._description{height:100%;display:flex;justify-content:space-between;flex-direction:column}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid ._city ._description ._name{text-align:center;font-weight:600}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid ._city ._description ._name::before{content:"";display:inline-block;height:10px;width:10px;background:#fff246;margin-right:5px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid ._city ._description p{line-height:1.5}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid ._city ._description p._mt50{margin-top:50px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._autoryzowani_partnerzy ._grid ._city ._description p strong{position:relative}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=salony_firmowe] ._city{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #bbb}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=salony_firmowe] ._city ._description{height:100%;display:flex;justify-content:space-between;flex-direction:column}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=salony_firmowe] ._city ._description p{line-height:1.5}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=salony_firmowe] ._city ._description p._mt50{margin-top:30px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=salony_firmowe] ._city ._description p span{position:relative;display:block;margin-bottom:5px}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=salony_firmowe] ._city ._description p span::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:2px;background:#fff246}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=salony_firmowe] ._city ._description p strong{position:relative}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=partnerzy_handlowi] ._city ._description ._name{position:relative;font-size:16px;font-weight:700;font-family:"URW Form",sans-serif;text-align:center;width:100%;max-width:-moz-fit-content;max-width:fit-content;display:block;margin:0 auto}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities[type=partnerzy_handlowi] ._city ._description ._name::before{content:"";position:absolute;left:-15px;top:5px;width:10px;height:10px;background:#fff246}.box-4 .row.row-2 .contact_accordion ._content._2_columns ._right ._city_content ._cities ._city ._description p{font-size:16px;font-family:"URW Form",sans-serif;font-weight:400;text-align:center}.box-4 .row.row-2 .contact_accordion ._content ._city_content{display:flex;flex-direction:row}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:70px;width:100%;max-width:1100px;margin:0 auto}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp{flex-basis:320px;text-align:center}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person_title{color:#1d1d1e;font-size:20px;font-family:"URW Form",sans-serif;font-weight:700;margin-bottom:20px}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person_title span{color:#fff246}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person{padding:20px 26px;border-radius:10px;box-shadow:2px -2px 10px .5px rgba(0,0,0,.05);flex-basis:calc(33.3333333333% - 46.6666666667px)}@media(max-width: 991px){.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person{flex-basis:calc(50% - 35px)}}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person p{color:#1d1d1e;font-size:16px;font-family:"URW Form",sans-serif;font-weight:300}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person p:last-child{margin-bottom:0}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person p strong{font-weight:300}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person p strong a{font-weight:300}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person p strong a:hover{color:#000;text-decoration:underline}.box-4 .row.row-2 .contact_accordion ._content ._city_content._city_content_2 ._person{padding:20px 26px;border-radius:10px;box-shadow:2px -2px 10px .5px rgba(0,0,0,.05);flex-basis:calc(33.3333333333% - 46.6666666667px)}@media(max-width: 991px){.box-4 .row.row-2 .contact_accordion ._content ._city_content._city_content_2 ._person{flex-basis:calc(50% - 35px)}}.box-4 .row.row-2 .contact_accordion ._content ._city_content._city_content_2 ._person p{color:#1d1d1e;font-size:16px;font-family:"URW Form",sans-serif;font-weight:300;text-align:center}.box-4 .row.row-2 .contact_accordion ._content ._city_content._city_content_2 ._person p:last-child{margin-bottom:0}.box-4 .row.row-2 .contact_accordion ._content ._city_content._city_content_2 ._person p strong{font-weight:700}.box-4 .row.row-2 .contact_accordion ._content ._city_content._city_content_2 ._person p strong a{font-weight:700}.box-4 .row.row-2 .contact_accordion ._content ._city_content._city_content_2 ._person p strong a:hover{color:#fff246}.box-0 ._columns{width:100%;max-width:1270px;margin:auto;display:flex}@media(max-width: 991px){.box-0 ._columns{flex-direction:column}}.box-0 ._columns ._left{width:30%;min-width:350px;background:url("/layout/images/contact-left-bg.png") no-repeat;background-size:cover;padding:60px;text-align:right;color:#fff;display:flex;flex-direction:column}@media(max-width: 991px){.box-0 ._columns ._left{width:100%;min-width:unset;text-align:center;background:rgba(0,0,0,0);color:#1d1d1e}}.box-0 ._columns ._left ._socials{margin-top:auto;margin-bottom:0;display:flex;gap:10px;justify-content:flex-end}.box-0 ._columns ._left ._socials img{height:30px;width:30px}@media(max-width: 991px){.box-0 ._columns ._left ._socials{justify-content:center}.box-0 ._columns ._left ._socials img{filter:brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(15%) hue-rotate(337deg) brightness(100%) contrast(107%)}}.box-0 ._columns ._left h1,.box-0 ._columns ._left ._h1{margin-bottom:50px;font-size:32px;font-weight:600}.box-0 ._columns ._left ._text{margin-bottom:50px;font-weight:200;font-size:20px}.box-0 ._columns ._left ._bold{font-weight:600}.box-0 ._columns ._left ._accordion_small{font-size:15px;display:grid;grid-template-columns:1fr;gap:10px}.box-0 ._columns ._left ._accordion_small ._head{font-weight:600;cursor:pointer}.box-0 ._columns ._left ._accordion_small ._head._active img{transform:rotateX(215deg)}@media(max-width: 991px){.box-0 ._columns ._left ._accordion_small ._head img{filter:brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(15%) hue-rotate(337deg) brightness(100%) contrast(107%)}}.box-0 ._columns ._left ._accordion_small ._body{color:#fff;display:none}.box-0 ._columns ._left ._accordion_small ._body a{color:#fff}@media(max-width: 991px){.box-0 ._columns ._left ._accordion_small ._body{color:#1d1d1e}.box-0 ._columns ._left ._accordion_small ._body a{color:#1d1d1e}}.box-0 ._columns ._left ._accounts{margin-top:420px}@media(max-width: 991px){.box-0 ._columns ._left ._accounts{margin-top:50px}}.box-0 ._columns ._left ._accounts ._icon{margin-bottom:20px}@media(max-width: 991px){.box-0 ._columns ._left ._accounts ._icon{filter:brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(15%) hue-rotate(337deg) brightness(100%) contrast(107%)}}.box-0 ._columns ._left ._accounts ._text{font-size:15px}@media(max-width: 991px){.box-0 ._columns ._left ._accounts ._text{margin-bottom:20px}}@media(min-width: 992px){.box-0 ._columns ._left ._accounts ._accounts_numbers{display:none}}@media(max-width: 991px){.box-0 ._columns ._left ._accounts ._accounts_numbers{margin-bottom:50px}}.box-0 ._columns ._right{width:70%}@media(max-width: 991px){.box-0 ._columns ._right{width:100%}}.box-0 ._columns ._right ._map{padding:60px 60px 0 60px}@media(max-width: 991px){.box-0 ._columns ._right ._map{padding:60px 0}}.box-0 ._columns ._right .contact-form-box{padding:60px;background:#f5f5f5}@media(max-width: 991px){.box-0 ._columns ._right .contact-form-box{padding:30px}}.box-0 ._columns ._right ._accounts_numbers{padding:120px 60px 60px 60px}@media(max-width: 991px){.box-0 ._columns ._right ._accounts_numbers{display:none}}.box-0 ._columns ._right .c-row-1{margin-bottom:40px}.box-0 ._columns ._right .c-row-1 p{color:#1d1d1e;font-size:16px;font-weight:300;font-family:"URW Form",sans-serif;text-align:center;margin-bottom:0}.box-0 ._columns ._right .c-row-2{width:100%;max-width:900px;margin-left:auto;margin-right:auto}.box-0 ._columns ._right .c-row-2 input[type=text],.box-0 ._columns ._right .c-row-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-0 ._columns ._right .c-row-2 input[type=radio],.box-0 ._columns ._right .c-row-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-0 ._columns ._right .c-row-2 input[type=radio]::before,.box-0 ._columns ._right .c-row-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-0 ._columns ._right .c-row-2 input[type=radio]:checked,.box-0 ._columns ._right .c-row-2 input[type=checkbox]:checked{border-color:#1d1d1e}.box-0 ._columns ._right .c-row-2 input[type=radio]:checked::before,.box-0 ._columns ._right .c-row-2 input[type=checkbox]:checked::before{width:6px;height:6px;visibility:visible}.box-0 ._columns ._right .c-row-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-0 ._columns ._right .c-row-2 select{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-0 ._columns ._right .c-row-2 ._radios{display:flex;flex-direction:row;-moz-column-gap:35px;column-gap:35px;justify-content:center}.box-0 ._columns ._right .c-row-2 ._radio,.box-0 ._columns ._right .c-row-2 ._checkbox{display:flex;flex-direction:row;align-items:center;gap:8px}.box-0 ._columns ._right .c-row-2 ._radio label,.box-0 ._columns ._right .c-row-2 ._checkbox label{color:#1d1d1e;font-size:12px;font-family:"URW Form",sans-serif;font-weight:300;line-height:1;padding-top:2px;margin-bottom:0;cursor:pointer}.box-0 ._columns ._right .c-row-2 ._1_column{display:flex;flex-direction:row;margin-bottom:14px}.box-0 ._columns ._right .c-row-2 ._1_column>*{width:100%}.box-0 ._columns ._right .c-row-2 ._2_columns{display:flex;flex-direction:row;-moz-column-gap:26px;column-gap:26px;margin-bottom:14px}@media(max-width: 767px){.box-0 ._columns ._right .c-row-2 ._2_columns{flex-wrap:wrap;row-gap:14px}}.box-0 ._columns ._right .c-row-2 ._2_columns>*{width:50%}@media(max-width: 767px){.box-0 ._columns ._right .c-row-2 ._2_columns>*{width:100%}}.box-0 ._columns ._right .c-row-2 ._text{color:#1d1d1e;font-size:16px;font-weight:300;font-family:"URW Form",sans-serif;margin-bottom:14px}.box-0 ._columns ._right .c-row-2 ._file{padding:29px;margin:0 0 14px 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-0 ._columns ._right .c-row-2 ._file .fileuploader-input{width:-moz-fit-content;width:fit-content;margin:0 auto}.box-0 ._columns ._right .c-row-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-0 ._columns ._right .c-row-2 ._file .fileuploader-input button.fileuploader-input-button{background:#1d1d1e;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}.box-0 ._columns ._right .c-row-2 button[type=submit]{background:#fbf27a;width:-moz-fit-content;width:fit-content;margin-left:auto;border:none;color:#1d1d1e;font-size:14px;font-family:"URW Form",sans-serif;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:12px 37px;box-shadow:0 4px 4px rgba(0,0,0,.11);outline:none;cursor:pointer}.box-0 ._columns ._right .c-row-2 button[type=submit]:active{background:#f0e875}.box-0 ._columns ._right .c-row-2 button[type=submit] img{margin-left:10px}/*# sourceMappingURL=kontakt-v3.css.map */ \ No newline at end of file diff --git a/layout/style-css/kontakt-v3.css.map b/layout/style-css/kontakt-v3.css.map index 470e4fe..52e8ebd 100644 --- a/layout/style-css/kontakt-v3.css.map +++ b/layout/style-css/kontakt-v3.css.map @@ -1 +1 @@ -{"version":3,"sources":["..\\style-scss\\kontakt-v3.scss"],"names":[],"mappings":"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","file":"kontakt-v3.css","sourcesContent":["$fURWForm: 'URW Form',\r\nsans-serif;\r\n\r\nstrong {\r\n font-weight: 700;\r\n}\r\n\r\n.main-page {\r\n padding-top: 100px;\r\n}\r\n\r\n.breadcrumbs {\r\n margin-bottom: 45px;\r\n}\r\n\r\n.box-1 {\r\n padding-top: 95px;\r\n padding-bottom: 125px;\r\n background: #2e2d2c;\r\n\r\n box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.25);\r\n\r\n .contact-form {\r\n display: flex;\r\n flex-direction: row;\r\n column-gap: 60px;\r\n\r\n ._left {\r\n width: 100%;\r\n max-width: 350px;\r\n\r\n h1 {\r\n color: #fff;\r\n font-size: 50px;\r\n font-family: $fURWForm;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n\r\n margin-bottom: 64px;\r\n padding-bottom: 31px;\r\n border-bottom: 1px solid #fff;\r\n }\r\n\r\n .contact-form-tiles {\r\n .tile {\r\n &:not(:last-child) {\r\n margin-bottom: 60px;\r\n }\r\n\r\n h2.tile-title {\r\n color: #fff;\r\n font-size: 24px;\r\n font-weight: 700;\r\n font-family: $fURWForm;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 50px;\r\n\r\n &._title_border {\r\n padding-bottom: 25px;\r\n margin-bottom: 30px;\r\n margin-left: 45px;\r\n border-bottom: 1px solid #fff;\r\n }\r\n }\r\n\r\n .tile-data {\r\n .c-row {\r\n display: flex;\r\n flex-direction: row;\r\n column-gap: 20px;\r\n\r\n &:not(:last-child) {\r\n margin-bottom: 20px;\r\n }\r\n\r\n ._icon {\r\n img {\r\n filter: brightness(0) saturate(100%) invert(79%) sepia(84%) saturate(367%) hue-rotate(356deg) brightness(104%) contrast(104%);\r\n }\r\n }\r\n\r\n ._text {\r\n color: #fff;\r\n font-size: 16px;\r\n font-weight: 300;\r\n font-family: $fURWForm;\r\n margin-bottom: 0;\r\n\r\n a {\r\n color: #fff;\r\n font-size: 16px;\r\n font-weight: 300;\r\n font-family: $fURWForm;\r\n line-height: 1;\r\n text-decoration: underline;\r\n }\r\n\r\n &._mails {}\r\n\r\n &._phones {}\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n ._right {\r\n width: 100%;\r\n\r\n #map {\r\n outline: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.box-2 {\r\n padding-top: 50px;\r\n padding-bottom: 40px;\r\n\r\n h2 {\r\n color: #1d1d1e;\r\n font-size: 45px;\r\n font-weight: 300;\r\n font-family: $fURWForm;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n text-align: center;\r\n\r\n margin: 0;\r\n\r\n strong {\r\n position: relative;\r\n font-weight: 800;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 6px;\r\n background: #fff246;\r\n transform: translateY(100%);\r\n\r\n box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11);\r\n }\r\n }\r\n }\r\n}\r\n\r\n.box-3 {\r\n background: #f5f5f5;\r\n padding-top: 40px;\r\n padding-bottom: 40px;\r\n}\r\n\r\n.box-4 {\r\n margin-top: 50px;\r\n\r\n .row {\r\n &.row-1 {\r\n margin-top: 40px;\r\n margin-bottom: 40px;\r\n\r\n ._text {\r\n p {\r\n color: #1d1d1e;\r\n font-size: 16px;\r\n font-family: $fURWForm;\r\n font-weight: 300;\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.row-2 {\r\n .contact_accordion {\r\n display: flex;\r\n gap: 10px;\r\n flex-direction: column;\r\n\r\n >._title {\r\n color: #fff;\r\n font-size: 24px;\r\n font-family: $fURWForm;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n line-height: 1;\r\n letter-spacing: 2px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n padding: 22px 46px 19px;\r\n background: #2e2d2c;\r\n border-radius: 3px;\r\n font-weight: 200;\r\n\r\n strong {\r\n font-weight: 600;\r\n margin-left: 10px;\r\n }\r\n\r\n img {\r\n margin-left: auto;\r\n margin-right: 0;\r\n filter: brightness(0) saturate(100%) invert(79%) sepia(84%) saturate(367%) hue-rotate(356deg) brightness(104%) contrast(104%);\r\n }\r\n }\r\n\r\n ._content {\r\n margin: 40px 0;\r\n\r\n &._2_columns {\r\n display: grid;\r\n grid-template-columns: 250px 1fr;\r\n gap: 50px;\r\n\r\n ._left {\r\n margin-top: 45px;\r\n\r\n a {\r\n position: relative;\r\n display: flex;\r\n gap: 10px;\r\n text-transform: uppercase;\r\n padding: 5px;\r\n\r\n color: #1d1d1e;\r\n font-size: 16px;\r\n font-weight: 400;\r\n font-family: $fURWForm;\r\n\r\n &:hover {\r\n img {\r\n display: block;\r\n }\r\n }\r\n\r\n &::before {\r\n content: '';\r\n left: -10px;\r\n top: 50%;\r\n bottom: 0;\r\n width: 9px;\r\n background: #fff246;\r\n box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11);\r\n position: absolute;\r\n height: calc(100% - 6px);\r\n transform: translateY(-50%);\r\n visibility: hidden;\r\n }\r\n\r\n &.active {\r\n font-size: 18px;\r\n font-weight: 700;\r\n text-shadow: 0 4px 4px rgba(0, 0, 0, 0.19);\r\n\r\n &::before {\r\n visibility: visible;\r\n }\r\n }\r\n\r\n img {\r\n width: 10px;\r\n transform: rotate(-90deg);\r\n display: none;\r\n margin-bottom: 4px;\r\n }\r\n }\r\n }\r\n\r\n ._right {\r\n .contact-btn {\r\n color: #000;\r\n font-size: 12px;\r\n font-family: $fURWForm;\r\n font-weight: 500;\r\n line-height: 1;\r\n padding: 13px 30px;\r\n border: 1px solid #bbbbbb;\r\n border-radius: 5px;\r\n text-transform: uppercase;\r\n\r\n margin: 0 auto;\r\n display: block;\r\n max-width: fit-content;\r\n }\r\n\r\n ._city_content {\r\n display: none;\r\n\r\n ._city_content_nav {\r\n margin-bottom: 30px;\r\n\r\n ul {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n\r\n li {\r\n a {\r\n color: #000;\r\n font-size: 14px;\r\n font-family: $fURWForm;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n line-height: 1;\r\n\r\n display: inline-block;\r\n padding: 14px 36px;\r\n border-radius: 5px;\r\n border: 1.5px solid #000;\r\n\r\n &.active {\r\n color: #fff;\r\n background: #000;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n ._cities {\r\n display: none;\r\n\r\n &.active {\r\n display: block;\r\n }\r\n\r\n ._grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n column-gap: 50px;\r\n }\r\n\r\n ._autoryzowani_partnerzy {\r\n ._title {\r\n font-size: 18px;\r\n text-align: right;\r\n text-transform: uppercase;\r\n text-decoration: underline;\r\n margin-bottom: 10px;\r\n }\r\n\r\n ._grid {\r\n background: rgba(244, 244, 244, 0.46);\r\n padding: 40px;\r\n\r\n &._white {\r\n background: #fff;\r\n }\r\n\r\n ._city {\r\n ._description {\r\n height: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n\r\n ._name {\r\n text-align: center;\r\n font-weight: 600;\r\n\r\n &::before {\r\n content: '';\r\n display: inline-block;\r\n height: 10px;\r\n width: 10px;\r\n background: #fff246;\r\n margin-right: 5px;\r\n }\r\n }\r\n\r\n p {\r\n line-height: 1.5;\r\n\r\n &._mt50 {\r\n margin-top: 50px;\r\n }\r\n\r\n strong {\r\n position: relative;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &[type='salony_firmowe'] {\r\n ._city {\r\n padding-bottom: 30px;\r\n margin-bottom: 30px;\r\n border-bottom: 1px solid #BBBBBB;\r\n\r\n ._description {\r\n height: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n\r\n p {\r\n line-height: 1.5;\r\n\r\n &._mt50 {\r\n margin-top: 30px;\r\n }\r\n\r\n span {\r\n position: relative;\r\n display: block;\r\n margin-bottom: 5px;\r\n\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 50px;\r\n height: 2px;\r\n background: #fff246;\r\n }\r\n }\r\n\r\n strong {\r\n position: relative;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &[type='partnerzy_handlowi'] {\r\n ._city {\r\n ._description {\r\n ._name {\r\n position: relative;\r\n font-size: 16px;\r\n font-weight: 700;\r\n font-family: $fURWForm;\r\n\r\n text-align: center;\r\n width: 100%;\r\n max-width: fit-content;\r\n display: block;\r\n margin: 0 auto;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n left: -15px;\r\n top: 5px;\r\n width: 10px;\r\n height: 10px;\r\n background: #fff246;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n ._city {\r\n ._description {\r\n p {\r\n font-size: 16px;\r\n font-family: $fURWForm;\r\n font-weight: 400;\r\n text-align: center;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n ._city_content {\r\n display: flex;\r\n flex-direction: row;\r\n\r\n ._persons {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n gap: 70px;\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n\r\n ._person__wrapp {\r\n flex-basis: 320px;\r\n text-align: center;\r\n\r\n ._person_title {\r\n color: #1d1d1e;\r\n font-size: 20px;\r\n font-family: $fURWForm;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n\r\n span {\r\n color: #fff246;\r\n }\r\n }\r\n\r\n ._person {\r\n padding: 20px 26px;\r\n border-radius: 10px;\r\n box-shadow: 2px -2px 10px 0.5px rgba(0, 0, 0, 0.05);\r\n flex-basis: calc(100% / 3 - (70px - 70px / 3));\r\n\r\n p {\r\n color: #1d1d1e;\r\n font-size: 16px;\r\n font-family: $fURWForm;\r\n font-weight: 300;\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n strong {\r\n font-weight: 300;\r\n\r\n a {\r\n font-weight: 300;\r\n\r\n &:hover {\r\n color: #000;\r\n text-decoration: underline;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n ._city_content._city_content_2 {\r\n ._person {\r\n padding: 20px 26px;\r\n border-radius: 10px;\r\n box-shadow: 2px -2px 10px 0.5px rgba(0, 0, 0, 0.05);\r\n flex-basis: calc(100% / 3 - (70px - 70px / 3));\r\n\r\n p {\r\n color: #1d1d1e;\r\n font-size: 16px;\r\n font-family: $fURWForm;\r\n font-weight: 300;\r\n text-align: center;\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n strong {\r\n font-weight: 700;\r\n\r\n a {\r\n font-weight: 700;\r\n\r\n &:hover {\r\n color: #fff246;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.box-0 {\r\n ._columns {\r\n width: 100%;\r\n max-width: 1270px;\r\n margin: auto;\r\n display: flex;\r\n\r\n ._left {\r\n width: 30%;\r\n background: url('/layout/images/contact-left-bg.png') no-repeat;\r\n background-size: cover;\r\n padding: 60px;\r\n text-align: right;\r\n color: #FFF;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n ._socials {\r\n margin-top: auto;\r\n margin-bottom: 0;\r\n display: flex;\r\n gap: 10px;\r\n justify-content: flex-end;\r\n\r\n img {\r\n height: 30px;\r\n width: 30px;\r\n }\r\n }\r\n\r\n h1,\r\n ._h1 {\r\n margin-bottom: 50px;\r\n font-size: 32px;\r\n font-weight: 600;\r\n }\r\n\r\n ._text {\r\n margin-bottom: 50px;\r\n font-weight: 200;\r\n font-size: 20px;\r\n }\r\n\r\n ._bold {\r\n font-weight: 600;\r\n }\r\n\r\n ._accordion_small {\r\n font-size: 15px;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n\r\n ._head {\r\n font-weight: 600;\r\n cursor: pointer;\r\n\r\n &._active {\r\n img {\r\n transform: rotateX(215deg);\r\n }\r\n }\r\n }\r\n\r\n ._body {\r\n color: #FFF;\r\n display: none;\r\n\r\n a {\r\n color: #FFF;\r\n }\r\n }\r\n }\r\n\r\n ._accounts {\r\n margin-top: 420px;\r\n\r\n ._icon {\r\n margin-bottom: 20px;\r\n }\r\n\r\n ._text {\r\n font-size: 15px;\r\n }\r\n }\r\n }\r\n\r\n ._right {\r\n width: 70%;\r\n\r\n ._map {\r\n padding: 60px 60px 0 60px;\r\n }\r\n\r\n .contact-form-box {\r\n padding: 60px;\r\n background: #F5F5F5;\r\n }\r\n\r\n ._accounts_numbers {\r\n padding: 120px 60px 60px 60px\r\n }\r\n\r\n .c-row {\r\n &-1 {\r\n margin-bottom: 40px;\r\n\r\n p {\r\n color: #1d1d1e;\r\n font-size: 16px;\r\n font-weight: 300;\r\n font-family: $fURWForm;\r\n text-align: center;\r\n margin-bottom: 0;\r\n }\r\n }\r\n\r\n &-2 {\r\n width: 100%;\r\n max-width: 900px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n\r\n input {\r\n\r\n &[type='text'],\r\n &[type='email'] {\r\n padding: 13px 14px 11px 14px;\r\n border-radius: 20px;\r\n width: 100%;\r\n border: none;\r\n background: #fff;\r\n\r\n color: #3f3f3f;\r\n font-size: 14px;\r\n font-family: $fURWForm;\r\n line-height: 1;\r\n font-weight: 300;\r\n\r\n outline: none;\r\n }\r\n\r\n &[type='radio'],\r\n &[type='checkbox'] {\r\n position: relative;\r\n appearance: none;\r\n width: 11px;\r\n min-width: 11px;\r\n height: 11px;\r\n border-radius: 100%;\r\n border: 1px solid #dfdfdf;\r\n transition: all 250ms ease-in-out;\r\n outline: none;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 0;\r\n height: 0;\r\n border-radius: 100%;\r\n background: #1d1d1e;\r\n transform: translate(-50%, -50%);\r\n visibility: hidden;\r\n transition: all 250ms ease-in-out;\r\n }\r\n\r\n &:checked {\r\n border-color: #1d1d1e;\r\n\r\n &::before {\r\n width: 6px;\r\n height: 6px;\r\n visibility: visible;\r\n }\r\n }\r\n }\r\n }\r\n\r\n textarea {\r\n padding: 13px 14px 11px 14px;\r\n border-radius: 20px;\r\n width: 100%;\r\n border: none;\r\n background: #fff;\r\n min-height: 100px;\r\n\r\n color: #3f3f3f;\r\n font-size: 14px;\r\n font-family: $fURWForm;\r\n line-height: 1;\r\n font-weight: 300;\r\n\r\n outline: none;\r\n resize: none;\r\n }\r\n\r\n select {\r\n padding: 13px 14px 11px 14px;\r\n border-radius: 20px;\r\n width: 100%;\r\n border: none;\r\n background: #fff;\r\n\r\n color: #3f3f3f;\r\n font-size: 14px;\r\n font-family: $fURWForm;\r\n line-height: 1;\r\n font-weight: 300;\r\n\r\n outline: none;\r\n }\r\n\r\n ._radios {\r\n display: flex;\r\n flex-direction: row;\r\n column-gap: 35px;\r\n justify-content: center;\r\n }\r\n\r\n ._radio,\r\n ._checkbox {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 8px;\r\n\r\n label {\r\n color: #1d1d1e;\r\n font-size: 12px;\r\n font-family: $fURWForm;\r\n font-weight: 300;\r\n line-height: 1;\r\n padding-top: 2px;\r\n margin-bottom: 0;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n ._1_column {\r\n display: flex;\r\n flex-direction: row;\r\n margin-bottom: 14px;\r\n\r\n >* {\r\n width: 100%;\r\n }\r\n }\r\n\r\n ._2_columns {\r\n display: flex;\r\n flex-direction: row;\r\n column-gap: 26px;\r\n margin-bottom: 14px;\r\n\r\n >* {\r\n width: 50%;\r\n }\r\n }\r\n\r\n ._text {\r\n color: #1d1d1e;\r\n font-size: 16px;\r\n font-weight: 300;\r\n font-family: $fURWForm;\r\n margin-bottom: 14px;\r\n }\r\n\r\n ._file {\r\n padding: 29px;\r\n margin: 0 0 14px 0;\r\n border-radius: 20px;\r\n width: 100%;\r\n border: none;\r\n background: #fff;\r\n\r\n color: #3f3f3f;\r\n font-size: 14px;\r\n font-family: $fURWForm;\r\n line-height: 1;\r\n font-weight: 300;\r\n border: none;\r\n\r\n .fileuploader-input {\r\n width: fit-content;\r\n margin: 0 auto;\r\n\r\n .fileuploader-input-caption {\r\n span {\r\n padding-top: 3px;\r\n display: inline-block;\r\n\r\n color: #1d1d1e;\r\n font-size: 16px;\r\n font-family: $fURWForm;\r\n font-weight: 300;\r\n }\r\n }\r\n\r\n button.fileuploader-input-button {\r\n background: #1d1d1e;\r\n border-radius: 25px;\r\n padding: 10px 36px;\r\n\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 10px;\r\n\r\n color: #fff;\r\n font-family: $fURWForm;\r\n font-size: 14px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n }\r\n }\r\n }\r\n\r\n button[type='submit'] {\r\n background: #fbf27a;\r\n width: fit-content;\r\n margin-left: auto;\r\n border: none;\r\n\r\n color: #1d1d1e;\r\n font-size: 14px;\r\n font-family: $fURWForm;\r\n font-weight: 800;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n\r\n padding: 12px 37px;\r\n box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11);\r\n outline: none;\r\n cursor: pointer;\r\n\r\n &:active {\r\n background: #f0e875;\r\n }\r\n\r\n img {\r\n margin-left: 10px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}"]} \ No newline at end of file +{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/kontakt-v3.scss","../style-scss/_mixins.scss"],"names":[],"mappings":"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","file":"kontakt-v3.css"} \ No newline at end of file diff --git a/layout/style-scss/kontakt-v3.scss b/layout/style-scss/kontakt-v3.scss index 31ca395..f040ff3 100644 --- a/layout/style-scss/kontakt-v3.scss +++ b/layout/style-scss/kontakt-v3.scss @@ -1,944 +1,1078 @@ -$fURWForm: 'URW Form', -sans-serif; +@import 'variables'; +@import '_mixins'; strong { - font-weight: 700; + font-weight: 700; } .main-page { - padding-top: 100px; + padding-top: 100px; } .breadcrumbs { - margin-bottom: 45px; + margin-bottom: 45px; } .box-1 { - padding-top: 95px; - padding-bottom: 125px; - background: #2e2d2c; + padding-top: 95px; + padding-bottom: 125px; + background: #2e2d2c; - box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.25); + box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.25); - .contact-form { - display: flex; - flex-direction: row; - column-gap: 60px; + .contact-form { + display: flex; + flex-direction: row; + column-gap: 60px; - ._left { - width: 100%; - max-width: 350px; + ._left { + width: 100%; + max-width: 350px; - h1 { - color: #fff; - font-size: 50px; - font-family: $fURWForm; - letter-spacing: 2px; - text-transform: uppercase; + h1 { + color: #fff; + font-size: 50px; + font-family: $font3; + letter-spacing: 2px; + text-transform: uppercase; - margin-bottom: 64px; - padding-bottom: 31px; - border-bottom: 1px solid #fff; - } + margin-bottom: 64px; + padding-bottom: 31px; + border-bottom: 1px solid #fff; + } - .contact-form-tiles { - .tile { - &:not(:last-child) { - margin-bottom: 60px; - } + .contact-form-tiles { + .tile { + &:not(:last-child) { + margin-bottom: 60px; + } - h2.tile-title { - color: #fff; - font-size: 24px; - font-weight: 700; - font-family: $fURWForm; - letter-spacing: 2px; - text-transform: uppercase; - margin-bottom: 50px; + h2.tile-title { + color: #fff; + font-size: 24px; + font-weight: 700; + font-family: $font3; + letter-spacing: 2px; + text-transform: uppercase; + margin-bottom: 50px; - &._title_border { - padding-bottom: 25px; - margin-bottom: 30px; - margin-left: 45px; - border-bottom: 1px solid #fff; - } - } + &._title_border { + padding-bottom: 25px; + margin-bottom: 30px; + margin-left: 45px; + border-bottom: 1px solid #fff; + } + } - .tile-data { - .c-row { - display: flex; - flex-direction: row; - column-gap: 20px; + .tile-data { + .c-row { + display: flex; + flex-direction: row; + column-gap: 20px; - &:not(:last-child) { - margin-bottom: 20px; - } + &:not(:last-child) { + margin-bottom: 20px; + } - ._icon { - img { - filter: brightness(0) saturate(100%) invert(79%) sepia(84%) saturate(367%) hue-rotate(356deg) brightness(104%) contrast(104%); - } - } + ._icon { + img { + filter: brightness(0) saturate(100%) invert(79%) sepia(84%) + saturate(367%) hue-rotate(356deg) brightness(104%) + contrast(104%); + } + } - ._text { - color: #fff; - font-size: 16px; - font-weight: 300; - font-family: $fURWForm; - margin-bottom: 0; + ._text { + color: #fff; + font-size: 16px; + font-weight: 300; + font-family: $font3; + margin-bottom: 0; - a { - color: #fff; - font-size: 16px; - font-weight: 300; - font-family: $fURWForm; - line-height: 1; - text-decoration: underline; - } + a { + color: #fff; + font-size: 16px; + font-weight: 300; + font-family: $font3; + line-height: 1; + text-decoration: underline; + } - &._mails {} + &._mails { + } - &._phones {} - } - } - } - } - } - } + &._phones { + } + } + } + } + } + } + } - ._right { - width: 100%; + ._right { + width: 100%; - #map { - outline: none; - } - } - } + #map { + outline: none; + } + } + } } .box-2 { - padding-top: 50px; - padding-bottom: 40px; + padding-top: 50px; + padding-bottom: 40px; - h2 { - color: #1d1d1e; - font-size: 45px; - font-weight: 300; - font-family: $fURWForm; - letter-spacing: 2px; - text-transform: uppercase; - text-align: center; + h2 { + color: #1d1d1e; + font-size: 45px; + font-weight: 300; + font-family: $font3; + letter-spacing: 2px; + text-transform: uppercase; + text-align: center; - margin: 0; + margin: 0; - strong { - position: relative; - font-weight: 800; + strong { + position: relative; + font-weight: 800; - &::before { - content: ''; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 6px; - background: #fff246; - transform: translateY(100%); + &::before { + content: ''; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 6px; + background: #fff246; + transform: translateY(100%); - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11); - } - } - } + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11); + } + } + } } .box-3 { - background: #f5f5f5; - padding-top: 40px; - padding-bottom: 40px; + background: #f5f5f5; + padding-top: 40px; + padding-bottom: 40px; } .box-4 { - margin-top: 50px; - - .row { - &.row-1 { - margin-top: 40px; - margin-bottom: 40px; - - ._text { - p { - color: #1d1d1e; - font-size: 16px; - font-family: $fURWForm; - font-weight: 300; - - &:last-child { - margin-bottom: 0; - } - } - } - } - - &.row-2 { - .contact_accordion { - display: flex; - gap: 10px; - flex-direction: column; - - >._title { - color: #fff; - font-size: 24px; - font-family: $fURWForm; - font-weight: 500; - text-transform: uppercase; - line-height: 1; - letter-spacing: 2px; - cursor: pointer; - display: flex; - align-items: center; - justify-content: flex-start; - padding: 22px 46px 19px; - background: #2e2d2c; - border-radius: 3px; - font-weight: 200; - - strong { - font-weight: 600; - margin-left: 10px; - } - - img { - margin-left: auto; - margin-right: 0; - filter: brightness(0) saturate(100%) invert(79%) sepia(84%) saturate(367%) hue-rotate(356deg) brightness(104%) contrast(104%); - } - } - - ._content { - margin: 40px 0; - - &._2_columns { - display: grid; - grid-template-columns: 250px 1fr; - gap: 50px; - - ._left { - margin-top: 45px; - - a { - position: relative; - display: flex; - gap: 10px; - text-transform: uppercase; - padding: 5px; - - color: #1d1d1e; - font-size: 16px; - font-weight: 400; - font-family: $fURWForm; - - &:hover { - img { - display: block; - } - } - - &::before { - content: ''; - left: -10px; - top: 50%; - bottom: 0; - width: 9px; - background: #fff246; - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11); - position: absolute; - height: calc(100% - 6px); - transform: translateY(-50%); - visibility: hidden; - } - - &.active { - font-size: 18px; - font-weight: 700; - text-shadow: 0 4px 4px rgba(0, 0, 0, 0.19); - - &::before { - visibility: visible; - } - } - - img { - width: 10px; - transform: rotate(-90deg); - display: none; - margin-bottom: 4px; - } - } - } - - ._right { - .contact-btn { - color: #000; - font-size: 12px; - font-family: $fURWForm; - font-weight: 500; - line-height: 1; - padding: 13px 30px; - border: 1px solid #bbbbbb; - border-radius: 5px; - text-transform: uppercase; - - margin: 0 auto; - display: block; - max-width: fit-content; - } - - ._city_content { - display: none; - - ._city_content_nav { - margin-bottom: 30px; - - ul { - padding: 0; - margin: 0; - list-style: none; - - display: flex; - flex-direction: row; - align-items: center; - flex-wrap: wrap; - gap: 15px; - - li { - a { - color: #000; - font-size: 14px; - font-family: $fURWForm; - font-weight: 700; - text-transform: uppercase; - letter-spacing: 2px; - line-height: 1; - - display: inline-block; - padding: 14px 36px; - border-radius: 5px; - border: 1.5px solid #000; - - &.active { - color: #fff; - background: #000; - } - } - } - } - } - - ._cities { - display: none; - - &.active { - display: block; - } - - ._grid { - display: grid; - grid-template-columns: 1fr 1fr 1fr; - column-gap: 50px; - } - - ._autoryzowani_partnerzy { - ._title { - font-size: 18px; - text-align: right; - text-transform: uppercase; - text-decoration: underline; - margin-bottom: 10px; - } - - ._grid { - background: rgba(244, 244, 244, 0.46); - padding: 40px; - - &._white { - background: #fff; - } - - ._city { - ._description { - height: 100%; - display: flex; - justify-content: space-between; - flex-direction: column; - - ._name { - text-align: center; - font-weight: 600; - - &::before { - content: ''; - display: inline-block; - height: 10px; - width: 10px; - background: #fff246; - margin-right: 5px; - } - } - - p { - line-height: 1.5; - - &._mt50 { - margin-top: 50px; - } - - strong { - position: relative; - } - } - } - } - } - } - - &[type='salony_firmowe'] { - ._city { - padding-bottom: 30px; - margin-bottom: 30px; - border-bottom: 1px solid #BBBBBB; - - ._description { - height: 100%; - display: flex; - justify-content: space-between; - flex-direction: column; - - p { - line-height: 1.5; - - &._mt50 { - margin-top: 30px; - } - - span { - position: relative; - display: block; - margin-bottom: 5px; - - &::after { - content: ''; - position: absolute; - bottom: 0; - left: 50%; - transform: translateX(-50%); - width: 50px; - height: 2px; - background: #fff246; - } - } - - strong { - position: relative; - } - } - } - } - } - - &[type='partnerzy_handlowi'] { - ._city { - ._description { - ._name { - position: relative; - font-size: 16px; - font-weight: 700; - font-family: $fURWForm; - - text-align: center; - width: 100%; - max-width: fit-content; - display: block; - margin: 0 auto; - - &::before { - content: ''; - position: absolute; - left: -15px; - top: 5px; - width: 10px; - height: 10px; - background: #fff246; - } - } - } - } - } - - ._city { - ._description { - p { - font-size: 16px; - font-family: $fURWForm; - font-weight: 400; - text-align: center; - } - } - } - } - } - } - } - - ._city_content { - display: flex; - flex-direction: row; - - ._persons { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: flex-start; - gap: 70px; - width: 100%; - max-width: 1100px; - margin: 0 auto; - - ._person__wrapp { - flex-basis: 320px; - text-align: center; - - ._person_title { - color: #1d1d1e; - font-size: 20px; - font-family: $fURWForm; - font-weight: 700; - margin-bottom: 20px; - - span { - color: #fff246; - } - } - - ._person { - padding: 20px 26px; - border-radius: 10px; - box-shadow: 2px -2px 10px 0.5px rgba(0, 0, 0, 0.05); - flex-basis: calc(100% / 3 - (70px - 70px / 3)); - - p { - color: #1d1d1e; - font-size: 16px; - font-family: $fURWForm; - font-weight: 300; - - &:last-child { - margin-bottom: 0; - } - - strong { - font-weight: 300; - - a { - font-weight: 300; - - &:hover { - color: #000; - text-decoration: underline; - } - } - } - } - } - } - } - } - - ._city_content._city_content_2 { - ._person { - padding: 20px 26px; - border-radius: 10px; - box-shadow: 2px -2px 10px 0.5px rgba(0, 0, 0, 0.05); - flex-basis: calc(100% / 3 - (70px - 70px / 3)); - - p { - color: #1d1d1e; - font-size: 16px; - font-family: $fURWForm; - font-weight: 300; - text-align: center; - - &:last-child { - margin-bottom: 0; - } - - strong { - font-weight: 700; - - a { - font-weight: 700; - - &:hover { - color: #fff246; - } - } - } - } - } - } - } - } - } - } + margin-top: 50px; + + @include respond-below(md) { + margin-top: 0; + } + + .row { + &.row-1 { + margin-top: 40px; + margin-bottom: 40px; + + ._text { + p { + color: #1d1d1e; + font-size: 16px; + font-family: $font3; + font-weight: 300; + + &:last-child { + margin-bottom: 0; + } + } + } + } + + &.row-2 { + .contact_accordion { + display: flex; + gap: 10px; + flex-direction: column; + + > ._title { + color: #fff; + font-size: 24px; + font-family: $font3; + font-weight: 500; + text-transform: uppercase; + line-height: 1; + letter-spacing: 2px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: flex-start; + padding: 22px 46px 19px; + background: #2e2d2c; + border-radius: 3px; + font-weight: 200; + + strong { + font-weight: 600; + margin-left: 10px; + } + + img { + margin-left: auto; + margin-right: 0; + filter: brightness(0) saturate(100%) invert(79%) sepia(84%) + saturate(367%) hue-rotate(356deg) brightness(104%) contrast(104%); + } + + @include respond-below(md) { + font-size: 16px; + padding: 22px 26px 19px; + } + } + + ._content { + margin: 40px 0; + + &._2_columns { + display: grid; + grid-template-columns: 250px 1fr; + gap: 50px; + + @include respond-below(md) { + grid-template-columns: 1fr; + } + + ._left { + margin-top: 45px; + + @include respond-below(md) { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + column-gap: 30px; + row-gap: 5px; + + margin-top: 0; + } + + a { + position: relative; + display: flex; + gap: 10px; + text-transform: uppercase; + padding: 5px; + + color: #1d1d1e; + font-size: 16px; + font-weight: 400; + font-family: $font3; + + &:hover { + img { + display: block; + } + } + + &::before { + content: ''; + left: -10px; + top: 50%; + bottom: 0; + width: 9px; + background: #fff246; + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11); + position: absolute; + height: calc(100% - 6px); + transform: translateY(-50%); + visibility: hidden; + } + + &.active { + font-size: 18px; + font-weight: 700; + text-shadow: 0 4px 4px rgba(0, 0, 0, 0.19); + + &::before { + visibility: visible; + } + } + + img { + width: 10px; + transform: rotate(-90deg); + display: none; + margin-bottom: 4px; + + @include respond-below(md) { + display: none !important; + } + } + } + } + + ._right { + .contact-btn { + color: #000; + font-size: 12px; + font-family: $font3; + font-weight: 500; + line-height: 1; + padding: 13px 30px; + border: 1px solid #bbbbbb; + border-radius: 5px; + text-align: center; + text-transform: uppercase; + + margin: 0 auto; + display: block; + max-width: fit-content; + } + + ._city_content { + display: none; + + ._city_content_nav { + margin-bottom: 30px; + + ul { + padding: 0; + margin: 0; + list-style: none; + + display: flex; + flex-direction: row; + align-items: center; + flex-wrap: wrap; + gap: 15px; + + @include respond-below(md) { + justify-content: center; + } + + li { + a { + color: #000; + font-size: 14px; + font-family: $font3; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 2px; + line-height: 1; + + display: inline-block; + padding: 14px 36px; + border-radius: 5px; + border: 1.5px solid #000; + + &.active { + color: #fff; + background: #000; + } + } + } + } + } + + ._cities { + display: none; + + &.active { + display: block; + } + + ._grid { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + column-gap: 50px; + row-gap: 50px; + + @include respond-below(md) { + grid-template-columns: 1fr 1fr; + } + } + + ._autoryzowani_partnerzy { + ._title { + font-size: 18px; + text-align: right; + text-transform: uppercase; + text-decoration: underline; + margin-bottom: 10px; + } + + ._grid { + background: rgba(244, 244, 244, 0.46); + padding: 40px; + + &._white { + background: #fff; + } + + ._city { + ._description { + height: 100%; + display: flex; + justify-content: space-between; + flex-direction: column; + + ._name { + text-align: center; + font-weight: 600; + + &::before { + content: ''; + display: inline-block; + height: 10px; + width: 10px; + background: #fff246; + margin-right: 5px; + } + } + + p { + line-height: 1.5; + + &._mt50 { + margin-top: 50px; + } + + strong { + position: relative; + } + } + } + } + } + } + + &[type='salony_firmowe'] { + ._city { + padding-bottom: 30px; + margin-bottom: 30px; + border-bottom: 1px solid #bbbbbb; + + ._description { + height: 100%; + display: flex; + justify-content: space-between; + flex-direction: column; + + p { + line-height: 1.5; + + &._mt50 { + margin-top: 30px; + } + + span { + position: relative; + display: block; + margin-bottom: 5px; + + &::after { + content: ''; + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%); + width: 50px; + height: 2px; + background: #fff246; + } + } + + strong { + position: relative; + } + } + } + } + } + + &[type='partnerzy_handlowi'] { + ._city { + ._description { + ._name { + position: relative; + font-size: 16px; + font-weight: 700; + font-family: $font3; + + text-align: center; + width: 100%; + max-width: fit-content; + display: block; + margin: 0 auto; + + &::before { + content: ''; + position: absolute; + left: -15px; + top: 5px; + width: 10px; + height: 10px; + background: #fff246; + } + } + } + } + } + + ._city { + ._description { + p { + font-size: 16px; + font-family: $font3; + font-weight: 400; + text-align: center; + } + } + } + } + } + } + } + + ._city_content { + display: flex; + flex-direction: row; + + ._persons { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-start; + gap: 70px; + width: 100%; + max-width: 1100px; + margin: 0 auto; + + ._person__wrapp { + flex-basis: 320px; + text-align: center; + + ._person_title { + color: #1d1d1e; + font-size: 20px; + font-family: $font3; + font-weight: 700; + margin-bottom: 20px; + + span { + color: #fff246; + } + } + + ._person { + padding: 20px 26px; + border-radius: 10px; + box-shadow: 2px -2px 10px 0.5px rgba(0, 0, 0, 0.05); + flex-basis: calc(100% / 3 - (70px - 70px / 3)); + + @include respond-below(md) { + flex-basis: calc(100% / 2 - (70px - 70px / 2)); + } + + p { + color: #1d1d1e; + font-size: 16px; + font-family: $font3; + font-weight: 300; + + &:last-child { + margin-bottom: 0; + } + + strong { + font-weight: 300; + + a { + font-weight: 300; + + &:hover { + color: #000; + text-decoration: underline; + } + } + } + } + } + } + } + } + + ._city_content._city_content_2 { + ._person { + padding: 20px 26px; + border-radius: 10px; + box-shadow: 2px -2px 10px 0.5px rgba(0, 0, 0, 0.05); + flex-basis: calc(100% / 3 - (70px - 70px / 3)); + + @include respond-below(md) { + flex-basis: calc(100% / 2 - (70px - 70px / 2)); + } + + p { + color: #1d1d1e; + font-size: 16px; + font-family: $font3; + font-weight: 300; + text-align: center; + + &:last-child { + margin-bottom: 0; + } + + strong { + font-weight: 700; + + a { + font-weight: 700; + + &:hover { + color: #fff246; + } + } + } + } + } + } + } + } + } + } } .box-0 { - ._columns { - width: 100%; - max-width: 1270px; - margin: auto; - display: flex; + ._columns { + width: 100%; + max-width: 1270px; + margin: auto; + display: flex; - ._left { - width: 30%; - background: url('/layout/images/contact-left-bg.png') no-repeat; - background-size: cover; - padding: 60px; - text-align: right; - color: #FFF; - display: flex; - flex-direction: column; + @include respond-below(md) { + flex-direction: column; + } - ._socials { - margin-top: auto; - margin-bottom: 0; - display: flex; - gap: 10px; - justify-content: flex-end; + ._left { + width: 30%; + min-width: 350px; + background: url('/layout/images/contact-left-bg.png') no-repeat; + background-size: cover; + padding: 60px; + text-align: right; + color: #fff; + display: flex; + flex-direction: column; - img { - height: 30px; - width: 30px; - } - } + @include respond-below(md) { + width: 100%; + min-width: unset; + text-align: center; + background: transparent; + color: #1d1d1e; + } - h1, - ._h1 { - margin-bottom: 50px; - font-size: 32px; - font-weight: 600; - } + ._socials { + margin-top: auto; + margin-bottom: 0; + display: flex; + gap: 10px; + justify-content: flex-end; - ._text { - margin-bottom: 50px; - font-weight: 200; - font-size: 20px; - } + img { + height: 30px; + width: 30px; + } - ._bold { - font-weight: 600; - } + @include respond-below(md) { + justify-content: center; - ._accordion_small { - font-size: 15px; - display: grid; - grid-template-columns: 1fr; - gap: 10px; + img { + filter: brightness(0) saturate(100%) invert(0%) sepia(0%) + saturate(15%) hue-rotate(337deg) brightness(100%) contrast(107%); + } + } + } - ._head { - font-weight: 600; - cursor: pointer; + h1, + ._h1 { + margin-bottom: 50px; + font-size: 32px; + font-weight: 600; + } - &._active { - img { - transform: rotateX(215deg); - } - } - } + ._text { + margin-bottom: 50px; + font-weight: 200; + font-size: 20px; + } - ._body { - color: #FFF; - display: none; + ._bold { + font-weight: 600; + } - a { - color: #FFF; - } - } - } + ._accordion_small { + font-size: 15px; + display: grid; + grid-template-columns: 1fr; + gap: 10px; - ._accounts { - margin-top: 420px; + ._head { + font-weight: 600; + cursor: pointer; - ._icon { - margin-bottom: 20px; - } + &._active { + img { + transform: rotateX(215deg); + } + } - ._text { - font-size: 15px; - } - } - } + @include respond-below(md) { + img { + filter: brightness(0) saturate(100%) invert(0%) sepia(0%) + saturate(15%) hue-rotate(337deg) brightness(100%) contrast(107%); + } + } + } - ._right { - width: 70%; + ._body { + color: #fff; + display: none; - ._map { - padding: 60px 60px 0 60px; - } + a { + color: #fff; + } - .contact-form-box { - padding: 60px; - background: #F5F5F5; - } + @include respond-below(md) { + color: #1d1d1e; - ._accounts_numbers { - padding: 120px 60px 60px 60px - } + a { + color: #1d1d1e; + } + } + } + } - .c-row { - &-1 { - margin-bottom: 40px; + ._accounts { + margin-top: 420px; - p { - color: #1d1d1e; - font-size: 16px; - font-weight: 300; - font-family: $fURWForm; - text-align: center; - margin-bottom: 0; - } - } + @include respond-below(md) { + margin-top: 50px; + } - &-2 { - width: 100%; - max-width: 900px; - margin-left: auto; - margin-right: auto; + ._icon { + margin-bottom: 20px; - input { + @include respond-below(md) { + filter: brightness(0) saturate(100%) invert(0%) sepia(0%) + saturate(15%) hue-rotate(337deg) brightness(100%) contrast(107%); + } + } - &[type='text'], - &[type='email'] { - padding: 13px 14px 11px 14px; - border-radius: 20px; - width: 100%; - border: none; - background: #fff; + ._text { + font-size: 15px; - color: #3f3f3f; - font-size: 14px; - font-family: $fURWForm; - line-height: 1; - font-weight: 300; + @include respond-below(md) { + margin-bottom: 20px; + } + } - outline: none; - } + ._accounts_numbers { + @include respond-above(md) { + display: none; + } + @include respond-below(md) { + margin-bottom: 50px; + } + } + } + } - &[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; + ._right { + width: 70%; - &::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; - } + @include respond-below(md) { + width: 100%; + } - &:checked { - border-color: #1d1d1e; + ._map { + padding: 60px 60px 0 60px; - &::before { - width: 6px; - height: 6px; - visibility: visible; - } - } - } - } + @include respond-below(md) { + padding: 60px 0; + } + } - textarea { - padding: 13px 14px 11px 14px; - border-radius: 20px; - width: 100%; - border: none; - background: #fff; - min-height: 100px; + .contact-form-box { + padding: 60px; + background: #f5f5f5; - color: #3f3f3f; - font-size: 14px; - font-family: $fURWForm; - line-height: 1; - font-weight: 300; + @include respond-below(md) { + padding: 30px; + } + } - outline: none; - resize: none; - } + ._accounts_numbers { + padding: 120px 60px 60px 60px; - select { - padding: 13px 14px 11px 14px; - border-radius: 20px; - width: 100%; - border: none; - background: #fff; + @include respond-below(md) { + display: none; + } + } - color: #3f3f3f; - font-size: 14px; - font-family: $fURWForm; - line-height: 1; - font-weight: 300; + .c-row { + &-1 { + margin-bottom: 40px; - outline: none; - } + p { + color: #1d1d1e; + font-size: 16px; + font-weight: 300; + font-family: $font3; + text-align: center; + margin-bottom: 0; + } + } - ._radios { - display: flex; - flex-direction: row; - column-gap: 35px; - justify-content: center; - } + &-2 { + width: 100%; + max-width: 900px; + margin-left: auto; + margin-right: auto; - ._radio, - ._checkbox { - display: flex; - flex-direction: row; - align-items: center; - gap: 8px; + input { + &[type='text'], + &[type='email'] { + padding: 13px 14px 11px 14px; + border-radius: 20px; + width: 100%; + border: none; + background: #fff; - label { - color: #1d1d1e; - font-size: 12px; - font-family: $fURWForm; - font-weight: 300; - line-height: 1; - padding-top: 2px; - margin-bottom: 0; - cursor: pointer; - } - } + color: #3f3f3f; + font-size: 14px; + font-family: $font3; + line-height: 1; + font-weight: 300; - ._1_column { - display: flex; - flex-direction: row; - margin-bottom: 14px; + outline: none; + } - >* { - width: 100%; - } - } + &[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; - ._2_columns { - display: flex; - flex-direction: row; - column-gap: 26px; - margin-bottom: 14px; + &::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; + } - >* { - width: 50%; - } - } + &:checked { + border-color: #1d1d1e; - ._text { - color: #1d1d1e; - font-size: 16px; - font-weight: 300; - font-family: $fURWForm; - margin-bottom: 14px; - } + &::before { + width: 6px; + height: 6px; + visibility: visible; + } + } + } + } - ._file { - padding: 29px; - margin: 0 0 14px 0; - border-radius: 20px; - width: 100%; - border: none; - background: #fff; + 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: $fURWForm; - line-height: 1; - font-weight: 300; - border: none; + color: #3f3f3f; + font-size: 14px; + font-family: $font3; + line-height: 1; + font-weight: 300; - .fileuploader-input { - width: fit-content; - margin: 0 auto; + outline: none; + resize: none; + } - .fileuploader-input-caption { - span { - padding-top: 3px; - display: inline-block; + select { + padding: 13px 14px 11px 14px; + border-radius: 20px; + width: 100%; + border: none; + background: #fff; - color: #1d1d1e; - font-size: 16px; - font-family: $fURWForm; - font-weight: 300; - } - } + color: #3f3f3f; + font-size: 14px; + font-family: $font3; + line-height: 1; + font-weight: 300; - button.fileuploader-input-button { - background: #1d1d1e; - border-radius: 25px; - padding: 10px 36px; + outline: none; + } - display: flex; - flex-direction: row; - align-items: center; - gap: 10px; + ._radios { + display: flex; + flex-direction: row; + column-gap: 35px; + justify-content: center; + } - color: #fff; - font-family: $fURWForm; - font-size: 14px; - font-weight: 700; - letter-spacing: 2px; - text-transform: uppercase; - } - } - } + ._radio, + ._checkbox { + display: flex; + flex-direction: row; + align-items: center; + gap: 8px; - button[type='submit'] { - background: #fbf27a; - width: fit-content; - margin-left: auto; - border: none; + label { + color: #1d1d1e; + font-size: 12px; + font-family: $font3; + font-weight: 300; + line-height: 1; + padding-top: 2px; + margin-bottom: 0; + cursor: pointer; + } + } - color: #1d1d1e; - font-size: 14px; - font-family: $fURWForm; - font-weight: 800; - letter-spacing: 2px; - text-transform: uppercase; + ._1_column { + display: flex; + flex-direction: row; + margin-bottom: 14px; - padding: 12px 37px; - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11); - outline: none; - cursor: pointer; + > * { + width: 100%; + } + } - &:active { - background: #f0e875; - } + ._2_columns { + display: flex; + flex-direction: row; + column-gap: 26px; + margin-bottom: 14px; - img { - margin-left: 10px; - } - } - } - } - } - } -} \ No newline at end of file + @include respond-below(sm) { + flex-wrap: wrap; + row-gap: 14px; + } + + > * { + width: 50%; + + @include respond-below(sm) { + width: 100%; + } + } + } + + ._text { + color: #1d1d1e; + font-size: 16px; + font-weight: 300; + font-family: $font3; + margin-bottom: 14px; + } + + ._file { + padding: 29px; + margin: 0 0 14px 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: #1d1d1e; + 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; + } + } + } + + button[type='submit'] { + background: #fbf27a; + width: fit-content; + margin-left: auto; + border: none; + + color: #1d1d1e; + font-size: 14px; + font-family: $font3; + font-weight: 800; + letter-spacing: 2px; + text-transform: uppercase; + + padding: 12px 37px; + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11); + outline: none; + cursor: pointer; + + &:active { + background: #f0e875; + } + + img { + margin-left: 10px; + } + } + } + } + } + } +} diff --git a/templates_user/page-contact-v3.php b/templates_user/page-contact-v3.php index d179cf4..aa02621 100644 --- a/templates_user/page-contact-v3.php +++ b/templates_user/page-contact-v3.php @@ -16,148 +16,155 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
-
-
-

Kontakt

-
- VIDOK SP. Z O.O.
- 36-054 Rudna Mała 75 -
-
- KRS Nr 0000191980
- REGON: 690379060
- NIP: PL8131086710 -
-
-
- SEKRETARIAT -
-
- +48 17 859 56 60
- biuro@vidok.com -
-
- SERWIS -
-
- +48 17 8595682
- serwis@vidok.com -
-
- MARKETING -
-
- +48 17 85 95 667
- marketing@vidok.com -
-
-
- +
+
+
+

Kontakt

- ING BANK ŚLĄSKI S.A.
- SWIFT INGBPLpW + VIDOK SP. Z O.O.
+ 36-054 Rudna Mała 75 +
+
+ KRS Nr 0000191980
+ REGON: 690379060
+ NIP: PL8131086710 +
+
+
+ SEKRETARIAT +
+
+ +48 17 859 56 60
+ biuro@vidok.com +
+
+ SERWIS +
+
+ +48 17 8595682
+ serwis@vidok.com +
+
+ MARKETING +
+
+ +48 17 85 95 667
+ marketing@vidok.com +
+
+
+ +
+ ING BANK ŚLĄSKI S.A.
+ SWIFT INGBPLpW +
+ +
+ EUR: PL 84 1050 1562 1000 0090 3034 4213
+ PLN: PL 31 1050 1562 1000 0090 3034 4197 +
+
+
ZNAJDŹ
SALON
+
+ + + + + + + + +
-
ZNAJDŹ
SALON
-
- - - - - - - - - -
-
-
-
-
-

Masz pytania dotyczące naszych produktów lub chcesz otrzymać wycenę?

-

Wypełnij poniższy formularz kontaktowy - nasz specjalista skontaktuje się z Tobą i odpowie na wszystkie pytania.

-
-
-
- - - +
+
+
+

Masz pytania dotyczące naszych produktów lub chcesz otrzymać wycenę?

+

Wypełnij poniższy formularz kontaktowy - nasz specjalista skontaktuje się z Tobą i odpowie na wszystkie pytania.

+
+
+ + + + -
- - -
-
- - -
-
- +
+ + +
+
+ + +
+
+ -
-
- - -
-
- - +
+
+ + +
+
+ + +
-
-
- -
-
Chcesz przesłać nam wizualizacje, projekt lub inne materiały? Skorzystaj z pola poniżej i dodaj plik do wiadomości.
-
- - -
-
    +
    +
    -
    -
    -
    - - +
    Chcesz przesłać nam wizualizacje, projekt lub inne materiały? Skorzystaj z pola poniżej i dodaj plik do wiadomości.
    +
    + + +
    +
      +
      -
      -
      -
      - - +
      +
      + + +
      -
      -
      - -
      - +
      +
      + + +
      +
      +
      + +
      + +
      +
      +
      + EUR: PL 84 1050 1562 1000 0090 3034 4213
      + PLN: PL 31 1050 1562 1000 0090 3034 4197 +
      +
      +
      -
      -
      - EUR: PL 84 1050 1562 1000 0090 3034 4213
      - PLN: PL 31 1050 1562 1000 0090 3034 4197 -
      -
      -