diff --git a/layout/images/arrow-white-down.svg b/layout/images/arrow-white-down.svg new file mode 100644 index 0000000..b238153 --- /dev/null +++ b/layout/images/arrow-white-down.svg @@ -0,0 +1,3 @@ + diff --git a/layout/images/contact-left-bg.png b/layout/images/contact-left-bg.png new file mode 100644 index 0000000..0078b08 Binary files /dev/null and b/layout/images/contact-left-bg.png differ diff --git a/layout/images/icon-bank.svg b/layout/images/icon-bank.svg new file mode 100644 index 0000000..5750c68 --- /dev/null +++ b/layout/images/icon-bank.svg @@ -0,0 +1,9 @@ + diff --git a/layout/images/icon-facebook-white.svg b/layout/images/icon-facebook-white.svg new file mode 100644 index 0000000..56ba179 --- /dev/null +++ b/layout/images/icon-facebook-white.svg @@ -0,0 +1,10 @@ + diff --git a/layout/images/icon-linkedin-white.svg b/layout/images/icon-linkedin-white.svg new file mode 100644 index 0000000..e068cd2 --- /dev/null +++ b/layout/images/icon-linkedin-white.svg @@ -0,0 +1,10 @@ + diff --git a/layout/images/icon-youtube-white.svg b/layout/images/icon-youtube-white.svg new file mode 100644 index 0000000..a6553eb --- /dev/null +++ b/layout/images/icon-youtube-white.svg @@ -0,0 +1,11 @@ + diff --git a/layout/style-css/kontakt-v3.css b/layout/style-css/kontakt-v3.css index 92b9f7e..caf1d5e 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-3 .c-row-1{margin-bottom:40px}.box-3 .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-3 .c-row-2{width:100%;max-width:900px;margin-left:auto;margin-right:auto}.box-3 .c-row-2 input[type=text],.box-3 .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-3 .c-row-2 input[type=radio],.box-3 .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-3 .c-row-2 input[type=radio]::before,.box-3 .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-3 .c-row-2 input[type=radio]:checked,.box-3 .c-row-2 input[type=checkbox]:checked{border-color:#1d1d1e}.box-3 .c-row-2 input[type=radio]:checked::before,.box-3 .c-row-2 input[type=checkbox]:checked::before{width:6px;height:6px;visibility:visible}.box-3 .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-3 .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-3 .c-row-2 ._radios{display:flex;flex-direction:row;-moz-column-gap:35px;column-gap:35px;justify-content:center}.box-3 .c-row-2 ._radio,.box-3 .c-row-2 ._checkbox{display:flex;flex-direction:row;align-items:center;gap:8px}.box-3 .c-row-2 ._radio label,.box-3 .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-3 .c-row-2 ._1_column{display:flex;flex-direction:row;margin-bottom:14px}.box-3 .c-row-2 ._1_column>*{width:100%}.box-3 .c-row-2 ._2_columns{display:flex;flex-direction:row;-moz-column-gap:26px;column-gap:26px;margin-bottom:14px}.box-3 .c-row-2 ._2_columns>*{width:50%}.box-3 .c-row-2 ._text{color:#1d1d1e;font-size:16px;font-weight:300;font-family:"URW Form",sans-serif;margin-bottom:14px}.box-3 .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-3 .c-row-2 ._file .fileuploader-input{width:-moz-fit-content;width:fit-content;margin:0 auto}.box-3 .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-3 .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-3 .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-3 .c-row-2 button[type=submit]:active{background:#f0e875}.box-3 .c-row-2 button[type=submit] img{margin-left:10px}.box-4{margin-top:50px}.box-4 .row.row-1{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;display:flex;align-items:center;justify-content:space-between;padding:22px 46px 19px;background:#2e2d2c;border-radius:3px}.box-4 .row.row-2 .contact_accordion>._title img{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:50px;margin-bottom:50px;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:50px}.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)}.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:400}.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:700}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person p strong a{font-weight:700}.box-4 .row.row-2 .contact_accordion ._content ._city_content ._persons ._person__wrapp ._person p strong a:hover{color:#fff246}.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)}.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:400;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}/*# sourceMappingURL=kontakt-v3.css.map */ \ No newline at end of file +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)}.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)}.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 diff --git a/layout/style-css/kontakt-v3.css.map b/layout/style-css/kontakt-v3.css.map index 9d2785b..af38b56 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 .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.box-4 {\r\n margin-top: 50px;\r\n\r\n .row {\r\n &.row-1 {\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\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 22px 46px 19px;\r\n background: #2e2d2c;\r\n border-radius: 3px;\r\n\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 ._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\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: 50px;\r\n margin-bottom: 50px;\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: 50px;\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\r\n p {\r\n color: #1d1d1e;\r\n font-size: 16px;\r\n font-family: $fURWForm;\r\n font-weight: 400;\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 ._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\r\n p {\r\n color: #1d1d1e;\r\n font-size: 16px;\r\n font-family: $fURWForm;\r\n font-weight: 400;\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}"]} \ No newline at end of file +{"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\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\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\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 diff --git a/layout/style-scss/kontakt-v3.scss b/layout/style-scss/kontakt-v3.scss index cb8eaa7..7331159 100644 --- a/layout/style-scss/kontakt-v3.scss +++ b/layout/style-scss/kontakt-v3.scss @@ -155,252 +155,6 @@ strong { background: #f5f5f5; padding-top: 40px; padding-bottom: 40px; - - .c-row { - &-1 { - margin-bottom: 40px; - - p { - color: #1d1d1e; - font-size: 16px; - font-weight: 300; - font-family: $fURWForm; - text-align: center; - margin-bottom: 0; - } - } - - &-2 { - width: 100%; - max-width: 900px; - margin-left: auto; - margin-right: auto; - - input { - - &[type='text'], - &[type='email'] { - padding: 13px 14px 11px 14px; - border-radius: 20px; - width: 100%; - border: none; - background: #fff; - - color: #3f3f3f; - font-size: 14px; - font-family: $fURWForm; - line-height: 1; - font-weight: 300; - - outline: none; - } - - &[type='radio'], - &[type='checkbox'] { - position: relative; - appearance: none; - width: 11px; - min-width: 11px; - height: 11px; - border-radius: 100%; - border: 1px solid #dfdfdf; - transition: all 250ms ease-in-out; - outline: none; - - &::before { - content: ''; - position: absolute; - top: 50%; - left: 50%; - width: 0; - height: 0; - border-radius: 100%; - background: #1d1d1e; - transform: translate(-50%, -50%); - visibility: hidden; - transition: all 250ms ease-in-out; - } - - &:checked { - border-color: #1d1d1e; - - &::before { - width: 6px; - height: 6px; - visibility: visible; - } - } - } - } - - textarea { - padding: 13px 14px 11px 14px; - border-radius: 20px; - width: 100%; - border: none; - background: #fff; - min-height: 100px; - - color: #3f3f3f; - font-size: 14px; - font-family: $fURWForm; - line-height: 1; - font-weight: 300; - - outline: none; - resize: none; - } - - select { - padding: 13px 14px 11px 14px; - border-radius: 20px; - width: 100%; - border: none; - background: #fff; - - color: #3f3f3f; - font-size: 14px; - font-family: $fURWForm; - line-height: 1; - font-weight: 300; - - outline: none; - } - - ._radios { - display: flex; - flex-direction: row; - column-gap: 35px; - justify-content: center; - } - - ._radio, - ._checkbox { - display: flex; - flex-direction: row; - align-items: center; - gap: 8px; - - label { - color: #1d1d1e; - font-size: 12px; - font-family: $fURWForm; - font-weight: 300; - line-height: 1; - padding-top: 2px; - margin-bottom: 0; - cursor: pointer; - } - } - - ._1_column { - display: flex; - flex-direction: row; - margin-bottom: 14px; - - >* { - width: 100%; - } - } - - ._2_columns { - display: flex; - flex-direction: row; - column-gap: 26px; - margin-bottom: 14px; - - >* { - width: 50%; - } - } - - ._text { - color: #1d1d1e; - font-size: 16px; - font-weight: 300; - font-family: $fURWForm; - 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: $fURWForm; - 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: $fURWForm; - 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: $fURWForm; - 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: $fURWForm; - 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; - } - } - } - } } .box-4 { @@ -408,6 +162,7 @@ strong { .row { &.row-1 { + margin-top: 40px; margin-bottom: 40px; ._text { @@ -438,15 +193,23 @@ strong { text-transform: uppercase; line-height: 1; letter-spacing: 2px; - + cursor: pointer; display: flex; align-items: center; - justify-content: space-between; + 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%); } } @@ -641,8 +404,8 @@ strong { &[type='salony_firmowe'] { ._city { - padding-bottom: 50px; - margin-bottom: 50px; + padding-bottom: 30px; + margin-bottom: 30px; border-bottom: 1px solid #BBBBBB; ._description { @@ -655,7 +418,7 @@ strong { line-height: 1.5; &._mt50 { - margin-top: 50px; + margin-top: 30px; } span { @@ -766,20 +529,21 @@ strong { color: #1d1d1e; font-size: 16px; font-family: $fURWForm; - font-weight: 400; + font-weight: 300; &:last-child { margin-bottom: 0; } strong { - font-weight: 700; + font-weight: 300; a { - font-weight: 700; + font-weight: 300; &:hover { - color: #fff246; + color: #000; + text-decoration: underline; } } } @@ -799,7 +563,7 @@ strong { color: #1d1d1e; font-size: 16px; font-family: $fURWForm; - font-weight: 400; + font-weight: 300; text-align: center; &:last-child { @@ -824,4 +588,356 @@ strong { } } } +} + +.box-0 { + ._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; + + ._socials { + margin-top: auto; + margin-bottom: 0; + display: flex; + gap: 10px; + justify-content: flex-end; + + img { + height: 30px; + width: 30px; + } + } + + h1, + ._h1 { + margin-bottom: 50px; + font-size: 32px; + font-weight: 600; + } + + ._text { + margin-bottom: 50px; + font-weight: 200; + font-size: 20px; + } + + ._bold { + font-weight: 600; + } + + ._accordion_small { + font-size: 15px; + display: grid; + grid-template-columns: 1fr; + gap: 10px; + + ._head { + font-weight: 600; + cursor: pointer; + + &._active { + img { + transform: rotateX(215deg); + } + } + } + + ._body { + color: #FFF; + display: none; + + a { + color: #FFF; + } + } + } + + ._accounts { + margin-top: 420px; + + ._icon { + margin-bottom: 20px; + } + + ._text { + font-size: 15px; + } + } + } + + ._right { + width: 70%; + + ._map { + padding: 60px 60px 0 60px; + } + + .contact-form-box { + padding: 60px; + background: #F5F5F5; + } + + ._accounts_numbers { + padding: 120px 60px 60px 60px + } + + .c-row { + &-1 { + margin-bottom: 40px; + + p { + color: #1d1d1e; + font-size: 16px; + font-weight: 300; + font-family: $fURWForm; + text-align: center; + margin-bottom: 0; + } + } + + &-2 { + width: 100%; + max-width: 900px; + margin-left: auto; + margin-right: auto; + + input { + + &[type='text'], + &[type='email'] { + padding: 13px 14px 11px 14px; + border-radius: 20px; + width: 100%; + border: none; + background: #fff; + + color: #3f3f3f; + font-size: 14px; + font-family: $fURWForm; + line-height: 1; + font-weight: 300; + + outline: none; + } + + &[type='radio'], + &[type='checkbox'] { + position: relative; + appearance: none; + width: 11px; + min-width: 11px; + height: 11px; + border-radius: 100%; + border: 1px solid #dfdfdf; + transition: all 250ms ease-in-out; + outline: none; + + &::before { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 0; + height: 0; + border-radius: 100%; + background: #1d1d1e; + transform: translate(-50%, -50%); + visibility: hidden; + transition: all 250ms ease-in-out; + } + + &:checked { + border-color: #1d1d1e; + + &::before { + width: 6px; + height: 6px; + visibility: visible; + } + } + } + } + + textarea { + padding: 13px 14px 11px 14px; + border-radius: 20px; + width: 100%; + border: none; + background: #fff; + min-height: 100px; + + color: #3f3f3f; + font-size: 14px; + font-family: $fURWForm; + line-height: 1; + font-weight: 300; + + outline: none; + resize: none; + } + + select { + padding: 13px 14px 11px 14px; + border-radius: 20px; + width: 100%; + border: none; + background: #fff; + + color: #3f3f3f; + font-size: 14px; + font-family: $fURWForm; + line-height: 1; + font-weight: 300; + + outline: none; + } + + ._radios { + display: flex; + flex-direction: row; + column-gap: 35px; + justify-content: center; + } + + ._radio, + ._checkbox { + display: flex; + flex-direction: row; + align-items: center; + gap: 8px; + + label { + color: #1d1d1e; + font-size: 12px; + font-family: $fURWForm; + font-weight: 300; + line-height: 1; + padding-top: 2px; + margin-bottom: 0; + cursor: pointer; + } + } + + ._1_column { + display: flex; + flex-direction: row; + margin-bottom: 14px; + + >* { + width: 100%; + } + } + + ._2_columns { + display: flex; + flex-direction: row; + column-gap: 26px; + margin-bottom: 14px; + + >* { + width: 50%; + } + } + + ._text { + color: #1d1d1e; + font-size: 16px; + font-weight: 300; + font-family: $fURWForm; + 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: $fURWForm; + 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: $fURWForm; + 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: $fURWForm; + 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: $fURWForm; + 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; + } + } + } + } + } + } } \ No newline at end of file diff --git a/templates_user/page-contact-v3.php b/templates_user/page-contact-v3.php index e0583c6..d179cf4 100644 --- a/templates_user/page-contact-v3.php +++ b/templates_user/page-contact-v3.php @@ -15,246 +15,156 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg'; +
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.
+