Add new SVG icons for social media: Facebook, LinkedIn, YouTube, and a downward arrow

layout/images/arrow-white-down.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.39669 8.19824L0.796535 0.230537L9.99685 0.230537L5.39669 8.19824Z" fill="white"/>
+</svg>

layout/images/icon-facebook-white.svg

@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3460_7854)">
+<path d="M0 0V20H20V0H0ZM14.3872 2.60987C14.5325 2.60678 14.6837 2.6115 14.8401 2.62207C15.4147 2.62285 16.0148 2.67465 16.6101 2.72705L16.5454 5.09522H14.9463C14.1965 5.07862 13.9257 5.36977 13.9014 6.21582V8.07617H16.6101L16.5027 10.6128H13.9014V17.6746H11.2586V10.6128H9.42383V8.07617H11.2586V5.89843C11.2586 4.32828 11.9224 3.32887 13.23 2.82227C13.5658 2.69013 13.9515 2.61912 14.3872 2.60987Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_3460_7854">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

layout/images/icon-linkedin-white.svg

@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3460_7858)">
+<path d="M0 0V20H20V0H0ZM4.90478 3.93188C5.69695 3.9408 6.47728 4.4873 6.51123 5.43335C6.52817 6.2746 5.79505 6.91537 4.88403 6.93482H4.86207C4.07778 6.92577 3.31187 6.36555 3.27637 5.43335C3.28755 4.60147 3.98682 3.95162 4.90478 3.93188ZM13.4033 7.9065C14.2742 7.9119 15.0962 8.17027 15.7715 8.85867C16.4733 9.64133 16.6986 10.7205 16.7236 11.8176V16.8079H13.8477V12.157C13.8413 11.2853 13.5427 10.2257 12.3889 10.1904C11.7127 10.1976 11.2359 10.5906 10.9094 11.2476C10.8203 11.459 10.8075 11.7021 10.8032 11.9446V16.8079H7.92847C7.93947 14.3766 7.95458 11.9455 7.94922 9.51417C7.94922 8.82353 7.94257 8.3585 7.92847 8.1189H10.8032V9.34448C11.0472 8.99743 11.3179 8.6683 11.6809 8.40332C12.1733 8.0519 12.7648 7.91718 13.4033 7.9065ZM3.44605 8.1189H6.3208V16.8079H3.44605V8.1189Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_3460_7858">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

layout/images/icon-youtube-white.svg

@@ -0,0 +1,11 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3460_7848)">
+<path d="M9.875 7.5C10.125 7.5 10.25 7.25 10.25 6.875V5.125C10.25 4.75 10.125 4.5 9.875 4.5C9.625 4.5 9.5 4.75 9.5 5.125V6.875C9.5 7.25 9.625 7.5 9.875 7.5ZM8.875 14.875C8.75 15.125 8.5 15.25 8.375 15.25C8.25 15.25 8.25 15.25 8.25 15.125V11.75H7.5V15C7.5 15.25 7.5 15.5 7.625 15.625C7.75 15.875 7.875 15.875 8.125 15.875C8.375 15.875 8.625 15.75 9 15.375V15.875H9.75V11.75H8.875V14.875ZM4.75 11.125H5.625V15.875H6.5V11.125H7.375V10.25H4.75V11.125ZM11.75 11.625C11.5 11.625 11.25 11.875 11 12.125V10.25H10.25V15.75H11V15.375C11.25 15.625 11.5 15.875 11.75 15.875C12 15.875 12.25 15.75 12.375 15.375C12.375 15.25 12.5 14.875 12.5 14.5V12.875C12.5 12.5 12.5 12.25 12.375 12C12.25 11.875 12.125 11.625 11.75 11.625ZM11.75 14.625C11.75 15 11.625 15.125 11.375 15.125C11.25 15.125 11.125 15.125 11 15V12.5C11.125 12.375 11.25 12.375 11.375 12.375C11.625 12.375 11.75 12.625 11.75 13V14.625ZM14.125 11.625C13.75 11.625 13.5 11.75 13.25 12C13.125 12.25 13 12.5 13 13V14.5C13 15 13.125 15.25 13.25 15.5C13.5 15.75 13.75 15.875 14.125 15.875C14.5 15.875 14.875 15.75 15 15.375C15.125 15.25 15.125 15.125 15.125 14.875V14.25H14.375V14.75C14.375 15 14.25 15 14 15C13.75 15 13.625 14.75 13.625 14.375V13.625H15.125V12.75C15.125 12.25 15 12 14.875 11.75C14.875 11.875 14.5 11.625 14.125 11.625ZM14.5 13.25H13.75V12.875C13.75 12.5 13.875 12.25 14.125 12.25C14.375 12.25 14.5 12.5 14.5 12.875V13.25Z" fill="white"/>
+<path d="M0 0V20H20V0H0ZM11.625 3.875H12.375V7.25C12.375 7.375 12.375 7.5 12.5 7.5C12.625 7.5 12.75 7.375 13 7.125V3.875H13.75V8H13V7.625C12.75 8 12.375 8.125 12.125 8.125C11.875 8.125 11.75 8 11.625 7.875C11.625 7.75 11.5 7.5 11.5 7.25V3.875H11.625ZM8.75 5.25C8.75 4.875 8.75 4.5 9 4.25C9.25 4 9.5 3.875 9.875 3.875C10.25 3.875 10.5 4 10.75 4.25C10.875 4.5 11 4.75 11 5.25V6.75C11 7.25 10.875 7.5 10.75 7.75C10.5 8 10.25 8.125 9.875 8.125C9.5 8.125 9.25 8 9 7.75C8.75 7.5 8.75 7.25 8.75 6.75V5.25ZM6.625 2.5L7.25 4.75L7.875 2.5H8.75L7.75 5.875V8.125H6.875V5.875C6.75 5.375 6.625 4.875 6.375 4C6.125 3.5 6 3 5.75 2.5H6.625ZM16 16.125C15.875 16.75 15.25 17.25 14.625 17.375C13.125 17.5 11.5 17.5 10 17.5C8.5 17.5 6.875 17.5 5.375 17.375C4.75 17.25 4.125 16.875 4 16.125C3.75 15.125 3.75 14.125 3.75 13.125C3.75 12.25 3.75 11.25 4 10.25C4.125 9.625 4.75 9.125 5.375 9C6.875 8.875 8.5 8.875 10 8.875C11.5 8.875 13.125 8.875 14.625 9C15.25 9.125 15.875 9.5 16 10.25C16.25 11.25 16.25 12.25 16.25 13.125C16.25 14.125 16.25 15.125 16 16.125Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_3460_7848">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

layout/style-scss/kontakt-v3.scss

@@ -155,6 +155,543 @@ strong {
   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);
+
+                  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);
+
+              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;
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.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 {
@@ -402,426 +939,5 @@ strong {
         }
       }
     }
-
-.box-4 {
-  margin-top: 50px;
-
-  .row {
-    &.row-1 {
-      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;
-
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          padding: 22px 46px 19px;
-          background: #2e2d2c;
-          border-radius: 3px;
-
-          img {
-            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: 50px;
-                      margin-bottom: 50px;
-                      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: 50px;
-                          }
-
-                          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);
-
-                  p {
-                    color: #1d1d1e;
-                    font-size: 16px;
-                    font-family: $fURWForm;
-                    font-weight: 400;
-
-                    &:last-child {
-                      margin-bottom: 0;
-                    }
-
-                    strong {
-                      font-weight: 700;
-
-                      a {
-                        font-weight: 700;
-
-                        &:hover {
-                          color: #fff246;
-                        }
-                      }
-                    }
-                  }
-                }
-              }
-            }
-          }
-
-          ._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);
-
-              p {
-                color: #1d1d1e;
-                font-size: 16px;
-                font-family: $fURWForm;
-                font-weight: 400;
-                text-align: center;
-
-                &:last-child {
-                  margin-bottom: 0;
-                }
-
-                strong {
-                  font-weight: 700;
-
-                  a {
-                    font-weight: 700;
-
-                    &:hover {
-                      color: #fff246;
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
   }
 }

templates_user/page-contact-v3.php

@@ -15,150 +15,63 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
       </div>
     </div>
   </div>
-
+<div class="box-0">
-  <div class="box-1">
+  <div class="_columns">
-    <div class="container">
-      <div class="row">
-        <div class="col-12">
-          <div class="contact-form">
     <div class="_left">
       <h1>Kontakt</h1>
-
+      <div class="_text _bold">
-              <div class="contact-form-tiles">
+        VIDOK SP. Z O.O.<br>
-                <div class="tile tile-1">
+        36-054 Rudna Mała 75
-                  <h2 class="tile-title">
-                    Firmy VIDOK Sp. z o.o.
-                  </h2>
-
-                  <div class="tile-data">
-                    <div class="c-row">
-                      <div class="_icon">
-                        <img src="/images/contact-icon-home.svg">
-                      </div>
-                      <p class="_text">
-                        36-054 MROWLA Rudna Mała 75<br>
-                        NIP: 813-10-86-710<br>
-                        ING Bank Śląski S.A.<br>
-                        <strong>31 1050 1562 1000 0090 3034 4197</strong>
-                      </p>
-                    </div>
-
-                    <div class="c-row">
-                      <div class="_icon">
-                        <img src="/images/contact-icon-marker.svg">
       </div>
       <div class="_text">
-                        <a href="#"><strong>POKAŻ NA MAPIE</strong></a>
+        KRS Nr 0000191980<br>
+        REGON: 690379060<br>
+        NIP: PL8131086710
       </div>
+      <div class="_accordion_small">
+        <div class="_head" accordion="1">
+          SEKRETARIAT <img src="/layout/images/arrow-white-down.svg">
         </div>
-                  </div>
+        <div class="_body" accordion="1">
-                </div>
+          <a href="tel:+48178595660">+48 17 859 56 60</a><br>
-
-                <div class="tile tile-2">
-                  <h2 class="tile-title _title_border">
-                    Sekretariat
-                  </h2>
-
-                  <div class="tile-data">
-                    <div class="c-row">
-                      <div class="_icon">
-                        <img src="/images/contact-icon-phone.svg">
-                      </div>
-                      <p class="_text _phones">
-                        <a href="tel://+48178595659">+48 17 859 56 59</a>
-                        <br>
-                        <a href="tel://+48178595660">+48 17 859 56 60</a>
-                      </p>
-                    </div>
-
-                    <div class="c-row">
-                      <div class="_icon">
-                        <img src="/images/contact-icon-mail.svg">
-                      </div>
-                      <div class="_text _mails">
           <a href="mailto:biuro@vidok.com">biuro@vidok.com</a>
         </div>
+        <div class="_head" accordion="2">
+          SERWIS <img src="/layout/images/arrow-white-down.svg">
         </div>
+        <div class="_body" accordion="2">
+          <a href="tel:+48178595682">+48 17 8595682</a><br>
+          <a href="mailto:serwis@vidok.com">serwis@vidok.com</a>
         </div>
+        <div class="_head" accordion="3">
+          MARKETING <img src="/layout/images/arrow-white-down.svg">
         </div>
-
+        <div class="_body" accordion="3">
-                <div class="tile tile-3">
+          <a href="tel:+48178595667">+48 17 85 95 667</a><br>
-                  <h2 class="tile-title _title_border">
-                    Marketing
-                  </h2>
-
-                  <div class="tile-data">
-                    <div class="c-row">
-                      <div class="_icon">
-                        <img src="/images/contact-icon-phone.svg">
-                      </div>
-                      <p class="_text _phones">
-                        <a href="tel://+48178595672">+48 17 859 56 72</a>
-                      </p>
-                    </div>
-
-                    <div class="c-row">
-                      <div class="_icon">
-                        <img src="/images/contact-icon-mail.svg">
-                      </div>
-                      <div class="_text _mails">
           <a href="mailto:marketing@vidok.com">marketing@vidok.com</a>
         </div>
       </div>
+      <div class="_accounts">
+        <img src="/layout/images/icon-bank.svg" class="_icon">
+        <div class="_text _bold">
+        ING BANK ŚLĄSKI S.A.<br>
+        SWIFT INGBPLpW
         </div>
       </div>
-
+      <div class="_h1">ZNAJDŹ<br>SALON</div>
-                <div class="tile tile-4">
+      <div class="_socials">
-                  <h2 class="tile-title _title_border">
+        <a href="https://www.facebook.com/vidok.okna.drzwi/" target="_blank">
-                    Serwis
+          <img src="/layout/images/icon-facebook-white.svg">
-                  </h2>
+        </a>
-
+        <a href="https://www.youtube.com/channel/UCsgGs8roeHAbMLpgoqQctSg" target="_blank">
-                  <div class="tile-data">
+          <img src="/layout/images/icon-youtube-white.svg">
-                    <div class="c-row">
+        </a>
-                      <div class="_icon">
+        <a href="https://pl.linkedin.com/company/vidok-sp-z-o-o-" target="_blank">
-                        <img src="/images/contact-icon-phone.svg">
+          <img src="/layout/images/icon-linkedin-white.svg">
-                      </div>
+        </a>
-                      <p class="_text _phones">
-                        <a href="tel://+48178595682">+48 17 859 56 82</a>
-                      </p>
-                    </div>
-
-                    <div class="c-row">
-                      <div class="_icon">
-                        <img src="/images/contact-icon-mail.svg">
-                      </div>
-                      <div class="_text _mails">
-                        <a href="mailto:biuro@vidok.com">biuro@vidok.com</a>
-                      </div>
-                    </div>
-                  </div>
-                </div>
       </div>
     </div>
     <div class="_right">
-              <!-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d42692.02628765994!2d21.950983061623088!3d50.09456168281469!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x473ce36b077ae3b5%3A0x31bb36833c20c2f0!2sVIDOK%20Sp.%20z%20o.o.%20Producent%20okien%20i%20drzwi!5e0!3m2!1spl!2spl!4v1740569106728!5m2!1spl!2spl" width="100%" height="500" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> -->
-              <div id="map" style="width: 100%; height: 500px;"></div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div class="box-2">
-    <div class="container">
-      <div class="row">
-        <div class="col-12">
-          <h2>Skontaktuj się <strong>z nami</strong></h2>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div class="box-3">
-    <div class="container">
-      <div class="row">
-        <div class="col-12">
       <div class="contact-form-box">
         <div class="c-row c-row-1">
           <p>Masz pytania dotyczące naszych produktów lub chcesz otrzymać wycenę?</p>
@@ -239,6 +152,12 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
           </form>
         </div>
       </div>
+      <div class="_accounts_numbers">
+        EUR: PL 84 1050 1562 1000 0090 3034 4213<br>
+        PLN: PL 31 1050 1562 1000 0090 3034 4197
+      </div>
+      <div class="_map">
+        <div id="map" style="width: 100%; height: 500px;"></div>
       </div>
     </div>
   </div>
@@ -246,15 +165,6 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
 
   <div class="box-4">
     <div class="container">
-      <div class="row row-1">
-        <div class="col-12">
-          <div class="contact-form-bottom">
-            <div class="_text">
-              <p>VIDOK spółka z ograniczoną odpowiedzialnością z siedzibą w Rudnej Małej, Rudna Mała 75, 36-054 Mrowla, wpisana do rejestru przedsiębiorców KRS pod numerem: 0000191980, Sąd Rejonowy w Rzeszowie XII Wydział Krajowego Rejestru Sądowego NIP: 8131086710 REGON: 690379060 o kapitale zakładowym w wysokości 11.606.000,00 zł oświadcza, iż posiada status dużego przedsiębiorcy w rozumieniu przepisów ustawy z dnia 8 marca 2013 r. o przeciwdziałaniu nadmiernym opóźnieniom w transakcjach handlowych (Dz.U. z 2020 r. poz. 935 z późn. zm.).</p>
-            </div>
-          </div>
-        </div>
-      </div>
 
       <div class="row row-2">
         <div class="col-12">
@@ -270,7 +180,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                 <a href="#" voivodeship="malopolskie">małopolskie <img src="/images/contact-icon-arrow-down.svg"></a>
                 <a href="#" voivodeship="mazowieckie">mazowieckie <img src="/images/contact-icon-arrow-down.svg"></a>
                 <a href="#" voivodeship="opolskie">opolskie <img src="/images/contact-icon-arrow-down.svg"></a>
-                <a href="#" voivodeship="podkarpackie">podkarpackie <img src="/images/contact-icon-arrow-down.svg"></a>
+                <a href="#" voivodeship="podkarpackie" class="active">podkarpackie <img src="/images/contact-icon-arrow-down.svg"></a>
                 <a href="#" voivodeship="podlaskie">podlaskie <img src="/images/contact-icon-arrow-down.svg"></a>
                 <a href="#" voivodeship="pomorskie">pomorskie <img src="/images/contact-icon-arrow-down.svg"></a>
                 <a href="#" voivodeship="slaskie">śląskie <img src="/images/contact-icon-arrow-down.svg"></a>
@@ -296,7 +206,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                         <div class="_description">
                           <p>
                             Rudna Mała 75/k. Rzeszowa<br />
-                            <span>36-054 <strong>Mrowla</strong></span>
+                            <span>36-054 <strong>Rudna</strong></span>
                             gm. Głogów Małopolski<br />
                           </p>
                           <a class="contact-btn" href="#">więcej o salonie</a>
@@ -326,7 +236,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                         <div class="_description">
                           <p>
                             Rudna Mała 75/k. Rzeszowa<br />
-                            <span>36-054 <strong>Mrowla</strong></span>
+                            <span>36-054 <strong>Rudna Mała</strong></span>
                             gm. Głogów Małopolski<br />
                           </p>
                           <a class="contact-btn" href="#">więcej o salonie</a>
@@ -357,7 +267,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                         <div class="_description">
                           <p>
                             Rudna Mała 75/k. Rzeszowa<br />
-                            <span>36-054 <strong>Mrowla</strong></span>
+                            <span>36-054 <strong>Rudna Mała</strong></span>
                             gm. Głogów Małopolski<br />
                           </p>
                           <a class="contact-btn" href="#">więcej o salonie</a>
@@ -429,7 +339,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                         <div class="_description">
                           <p>
                             Rudna Mała 75/k. Rzeszowa<br />
-                            <span>36-054 <strong>Mrowla</strong></span>
+                            <span>36-054 <strong>Rudna Mała</strong></span>
                             gm. Głogów Małopolski<br />
                           </p>
                           <a class="contact-btn" href="#">więcej o salonie</a>
@@ -520,7 +430,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                         <div class="_description">
                           <p>
                             Rudna Mała 75/k. Rzeszowa<br />
-                            <span>36-054 <strong>Mrowla</strong></span>
+                            <span>36-054 <strong>Rudna Mała</strong></span>
                             gm. Głogów Małopolski<br />
                           </p>
                           <a class="contact-btn" href="#">więcej o salonie</a>
@@ -536,22 +446,22 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                   </div>
                 </div>
 
-                <div class="_city_content" voivodeship="podkarpackie">
+                <div class="_city_content " voivodeship="podkarpackie" style="display: block;">
                   <div class="_city_content_nav">
                     <ul>
-                      <li><a href="salony_firmowe">Salony firmowe</a></li>
+                      <li><a href="salony_firmowe" class="active">Salony firmowe</a></li>
                       <li><a href="#punkt_sprzedazy">Punkt sprzedaży</a></li>
                     </ul>
                   </div>
 
-                  <div class="_cities" type="salony_firmowe">
+                  <div class="_cities active" type="salony_firmowe">
                     <div class="_grid">
                       <!-- c-1 -->
                       <div class="_city">
                         <div class="_description">
                           <p>
                             Rudna Mała 75/k. Rzeszowa<br />
-                            <span>36-054 <strong>Mrowla</strong></span>
+                            <span>36-054 <strong>Rudna Mała</strong></span>
                             gm. Głogów Małopolski<br />
                           </p>
                           <a class="contact-btn" href="#">więcej o salonie</a>
@@ -864,7 +774,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                         <div class="_description">
                           <p>
                             Rudna Mała 75/k. Rzeszowa<br />
-                            <span>36-054 <strong>Mrowla</strong></span>
+                            <span>36-054 <strong>Rudna Mała</strong></span>
                             gm. Głogów Małopolski<br />
                           </p>
                           <a class="contact-btn" href="#">więcej o salonie</a>
@@ -999,7 +909,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                         <div class="_description">
                           <p>
                             Rudna Mała 75/k. Rzeszowa<br />
-                            <span>36-054 <strong>Mrowla</strong></span>
+                            <span>36-054 <strong>Rudna Mała</strong></span>
                             gm. Głogów Małopolski<br />
                           </p>
                           <a class="contact-btn" href="#">więcej o salonie</a>
@@ -1090,7 +1000,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                         <div class="_description">
                           <p>
                             Rudna Mała 75/k. Rzeszowa<br />
-                            <span>36-054 <strong>Mrowla</strong></span>
+                            <span>36-054 <strong>Rudna Mała</strong></span>
                             gm. Głogów Małopolski<br />
                           </p>
                           <a class="contact-btn" href="#">więcej o salonie</a>
@@ -1114,7 +1024,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                         <div class="_description">
                           <p>
                             Rudna Mała 75/k. Rzeszowa<br />
-                            <span>36-054 <strong>Mrowla</strong></span>
+                            <span>36-054 <strong>Rudna Mała</strong></span>
                             gm. Głogów Małopolski<br />
                           </p>
                           <a class="contact-btn" href="#">więcej o salonie</a>
@@ -1138,7 +1048,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                         <div class="_description">
                           <p>
                             Rudna Mała 75/k. Rzeszowa<br />
-                            <span>36-054 <strong>Mrowla</strong></span>
+                            <span>36-054 <strong>Rudna Mała</strong></span>
                             gm. Głogów Małopolski<br />
                           </p>
                           <a class="contact-btn" href="#">więcej o salonie</a>
@@ -1162,7 +1072,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                         <div class="_description">
                           <p>
                             Rudna Mała 75/k. Rzeszowa<br />
-                            <span>36-054 <strong>Mrowla</strong></span>
+                            <span>36-054 <strong>Rudna Mała</strong></span>
                             gm. Głogów Małopolski<br />
                           </p>
                           <a class="contact-btn" href="#">więcej o salonie</a>
@@ -1186,7 +1096,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                         <div class="_description">
                           <p>
                             Rudna Mała 75/k. Rzeszowa<br />
-                            <span>36-054 <strong>Mrowla</strong></span>
+                            <span>36-054 <strong>Rudna Mała</strong></span>
                             gm. Głogów Małopolski<br />
                           </p>
                           <a class="contact-btn" href="#">więcej o salonie</a>
@@ -1210,7 +1120,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                         <div class="_description">
                           <p>
                             Rudna Mała 75/k. Rzeszowa<br />
-                            <span>36-054 <strong>Mrowla</strong></span>
+                            <span>36-054 <strong>Rudna Mała</strong></span>
                             gm. Głogów Małopolski<br />
                           </p>
                           <a class="contact-btn" href="#">więcej o salonie</a>
@@ -1234,7 +1144,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                         <div class="_description">
                           <p>
                             Rudna Mała 75/k. Rzeszowa<br />
-                            <span>36-054 <strong>Mrowla</strong></span>
+                            <span>36-054 <strong>Rudna Mała</strong></span>
                             gm. Głogów Małopolski<br />
                           </p>
                           <a class="contact-btn" href="#">więcej o salonie</a>
@@ -1317,7 +1227,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
               </div>
             </div>
 
-            <div class="_title" accordion="2">POLSKA OBSŁUGA PARTNERÓW HANDLOWYCH<img src="/images/contact-icon-arrow-down.svg"></div>
+            <div class="_title" accordion="2">OBSŁUGA PARTNERÓW HANDLOWYCH <strong>POLSKA</strong><img src="/images/contact-icon-arrow-down.svg"></div>
             <div class="_content" accordion="2" style="display: none;">
               <div class="_city_content _city_content_2">
                 <div class="_persons">
@@ -1356,7 +1266,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
               </div>
             </div>
 
-            <div class="_title" accordion="3">EXPORT Obsługa partnerów handlowych<img src="/images/contact-icon-arrow-down.svg"></div>
+            <div class="_title" accordion="3">Obsługa partnerów handlowych <strong>EXPORT</strong><img src="/images/contact-icon-arrow-down.svg"></div>
             <div class="_content" accordion="3" style="display: none;">
               <div class="_city_content _city_content_2">
                 <div class="_persons">
@@ -1364,9 +1274,6 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                     <div class="_person_title">RYNEK NIEMIECKI <span>|</span> DE</div>
                     <div class="_person">
                       <p>
-                        KEY ACCOUNT MANAGER<br />
-                        <strong>Laura Naranowicz-Kiepura</strong><br />
-                        <br />
                         tel.: <strong><a href="tel:+48 880 914 179">+48 880 914 179</a></strong><br />
                         e-mail: <strong><a href="mailto:anfrage@vidok.com">anfrage@vidok.com</a></strong>
                       </p>
@@ -1377,9 +1284,6 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                     <div class="_person_title">RYNEK BRYTYJSKI <span>|</span> GB</div>
                     <div class="_person">
                       <p>
-                        AREA SALES MANAGER<br />
-                        <strong>Agata Radomska</strong><br />
-                        <br />
                         tel.: <strong><a href="tel:+48 882 399 733">+48 882 399 733</a></strong><br />
                         e-mail: <strong><a href="mailto:enquiries@vidok.com">enquiries@vidok.com</a></strong>
                       </p>
@@ -1390,9 +1294,6 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                     <div class="_person_title">RYNEK ANGIELSKI <span>|</span> ENG</div>
                     <div class="_person">
                       <p>
-                        GENERAL COORDINATOR<br />
-                        <strong>Michał Kula</strong><br />
-                        <br />
                         tel.: <strong><a href="tel:+48 17 853 92 46">+48 17 853 92 46</a></strong><br />
                         e-mail: <strong><a href="mailto:sales@vidok.com">sales@vidok.com</a></strong>
                       </p>
@@ -1403,9 +1304,6 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                     <div class="_person_title">FRANCJA <span>|</span> FR</div>
                     <div class="_person">
                       <p>
-                        COORDINATEUR - MARCHÉ FRANÇAIS<br />
-                        <strong>Monika Rączkowska</strong><br />
-                        <br />
                         tel.: <strong><a href="tel:+48 17 85 95 663">+48 17 85 95 663</a></strong><br />
                         e-mail: <strong><a href="mailto:contact@vidok.com">contact@vidok.com</a></strong>
                       </p>
@@ -1416,9 +1314,6 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                     <div class="_person_title">RYNEK WŁOSKI <span>|</span> IT</div>
                     <div class="_person">
                       <p>
-                        COORDINATORE GENERALE<br />
-                        <strong>Justyna Depa</strong><br />
-                        <br />
                         tel.: <strong><a href="tel:+48 17 859 56 72">+48 17 859 56 72</a></strong><br />
                         e-mail: <strong><a href="mailto:ufficio@vidok.com">ufficio@vidok.com</a></strong>
                       </p>
@@ -1429,8 +1324,6 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                     <div class="_person_title">RYNEK SŁOWACKI <span>|</span> SK</div>
                     <div class="_person">
                       <p>
-                        <strong>Richard Knežo</strong><br />
-                        <br />
                         tel.: <strong><a href="tel:+421 901 732 575">+421 901 732 575</a></strong><br />
                         e-mail: <strong><a href="mailto:vidok.sk@gmail.com">vidok.sk@gmail.com</a></strong>
                       </p>
@@ -1439,39 +1332,14 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
                 </div>
               </div>
             </div>
-
-            <div class="_title" accordion="4">MARKETING<img src="/images/contact-icon-arrow-down.svg"></div>
-            <div class="_content" accordion="4" style="display: none;">
-              <div class="_city_content _city_content_2">
-                <div class="_persons">
-                  <div class="_person">
-                    <div class="_name">JOANNA SOBOLEWSKA</div>
-                    <div class="_phone">
-                      <img src="/images/contact-icon-phone.svg"><a href="tel://+48178595672">+48 17 859 56 72</a>
-                    </div>
-                    <div class="_mail">
-                      <img src="/images/contact-icon-mail.svg"><a href="mailto:j.sobolewska@vidok.com">j.sobolewska@vidok.com</a>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            <div class="_title" accordion="5">SERWIS<img src="/images/contact-icon-arrow-down.svg"></div>
-            <div class="_content" accordion="5" style="display: none;">
-              <div class="_city_content _city_content_2">
-                <div class="_persons">
-                  <div class="_person">
-                    <div class="_name">---</div>
-                    <div class="_phone">
-                      <img src="/images/contact-icon-phone.svg"><a href="tel://+48178595682">+48 17 85 95 682</a>
-                    </div>
-                    <div class="_mail">
-                      <img src="/images/contact-icon-mail.svg"><a href="mailto:zgloszenia@vidok.com">zgloszenia@vidok.com</a>
-                    </div>
           </div>
         </div>
       </div>
+      <div class="row row-1">
+        <div class="col-12">
+          <div class="contact-form-bottom">
+            <div class="_text">
+              <p>VIDOK spółka z ograniczoną odpowiedzialnością z siedzibą w Rudnej Małej, Rudna Mała 75, 36-054 Mrowla, wpisana do rejestru przedsiębiorców KRS pod numerem: 0000191980, Sąd Rejonowy w Rzeszowie XII Wydział Krajowego Rejestru Sądowego NIP: 8131086710 REGON: 690379060 o kapitale zakładowym w wysokości 11.606.000,00 zł oświadcza, iż posiada status dużego przedsiębiorcy w rozumieniu przepisów ustawy z dnia 8 marca 2013 r. o przeciwdziałaniu nadmiernym opóźnieniom w transakcjach handlowych (Dz.U. z 2020 r. poz. 935 z późn. zm.).</p>
             </div>
           </div>
         </div>
@@ -1660,6 +1528,16 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
         }
       });
     });
+
+    $( 'body' ).on( 'click', '._accordion_small ._head', function(e)
+    {
+      e.preventDefault();
+      var accordion = $( this ).attr('accordion'); console.log( accordion );
+      $( '._accordion_small ._head' ).removeClass( '_active' );
+      $( '._accordion_small ._head[accordion="' + accordion + '"]' ).addClass( '_active' );
+      $( '._accordion_small ._body' ).hide();
+      $( '._accordion_small ._body[accordion="' + accordion + '"]' ).show();
+    });
   });
 
   $(document).ready(function() {