#hero-slider { .swiper-slide { .swiper-slide-inner { .swiper-slide-contents { padding: 70px 60px 60px 60px; background: rgba(41, 41, 41, 0.6); } } } .swiper-pagination { .swiper-pagination-bullet { width: 30px; height: 3px; border-radius: 0; } } } #hero-slider-new { // height: 540px; height: calc(100svh - 199px); >.swiper { // height: 540px; height: calc(100svh - 199px); >.swiper-wrapper { .swiper-slide { @media (max-width: 1024px) { >.elementor-element { padding-left: 50px; padding-right: 50px; } } } } } >.swiper-pagination { top: auto; bottom: 5px; .swiper-pagination-bullet { width: 30px; height: 3px; border-radius: 0; background: #fff; opacity: 1; &-active { background: var(--e-global-color-accent); } } } } .home-card { .elementor-image-box-wrapper { .elementor-image-box-content { padding: 25px; .elementor-image-box-title { position: relative; margin-top: 0; margin-bottom: 20px; &::before { content: ''; position: absolute; left: 0; bottom: -4px; width: 40px; height: 2px; background: var(--e-global-color-accent); } } .elementor-image-box-description { padding-top: 0; margin-bottom: 20px; } .elementor-image-box-link { position: relative; padding-left: 25px; color: #000; font-size: 12px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; transition: all 0.3s ease-in-out; &:hover { color: var(--e-global-color-accent); } &::before { content: ''; position: absolute; top: 50%; left: 0; width: 15px; height: 3px; background: var(--e-global-color-accent); transform: translate(0, -50%); } } } } } .home-card-2 { .elementor-image-box-wrapper { position: relative; line-height: 0; height: 100%; &:hover { .elementor-image-box-img { a { &::after { height: 250%; transition: all 600ms linear; background-color: transparent; } } img { transform: scale(1.1); filter: brightness(0.5); } } .elementor-image-box-content { .elementor-image-box-description { height: 300px; padding-top: 20px; } } } .elementor-image-box-img { position: relative; overflow: hidden; height: 100%; img { height: 100%; object-fit: cover; filter: brightness(0.7); } a { &::after { content: ''; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, 0.3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; } } } .elementor-image-box-content { position: absolute; bottom: 0; left: 0; padding: 40px; line-height: 1.5; .elementor-image-box-title { position: relative; margin-top: 0; margin-bottom: 0; &::before { content: ''; position: absolute; left: 0; bottom: -4px; width: 40px; height: 2px; background: var(--e-global-color-accent); } } .elementor-image-box-description { padding-top: 0px; margin-bottom: 0px; height: 0; max-height: fit-content; overflow: hidden; transition: all 0.3s ease-in-out; } .elementor-image-box-link {} } } } .hp-box-2 { &.hp-box-2-left { .elementor-image-box-wrapper { .elementor-image-box-content { .elementor-image-box-title { &::before { right: 0; } } } } } &.hp-box-2-right { .elementor-image-box-wrapper { .elementor-image-box-content { .elementor-image-box-title { &::before { left: 0; } } } } } .elementor-image-box-wrapper { height: 100%; .elementor-image-box-content { padding-top: 40px; .elementor-image-box-title { position: relative; margin-top: 0; margin-bottom: 20px; &::before { content: ''; position: absolute; bottom: -4px; width: 40px; height: 2px; background: var(--e-global-color-accent); } } .elementor-image-box-link { position: relative; padding-left: 25px; color: #000; font-size: 12px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; transition: all 0.3s ease-in-out; &:hover { color: var(--e-global-color-accent); } &::before { content: ''; position: absolute; top: 50%; left: 0; width: 15px; height: 3px; background: var(--e-global-color-accent); transform: translate(0, -50%); } } } } } .title-b-line-left { position: relative; margin-top: 0; margin-bottom: 20px; &::before { content: ''; position: absolute; bottom: -5px; width: 40px; height: 2px; background: var(--e-global-color-accent); } } .btn-1 { &:hover { .elementor-button { .elementor-button-text { color: var(--e-global-color-accent); } } } .elementor-button { padding: 0; margin: 0; border-radius: 0; background: transparent !important; border: none !important; .elementor-button-text { position: relative; padding-left: 25px; color: #000; font-size: 12px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; transition: all 0.3s ease-in-out; &::before { content: ''; position: absolute; top: 50%; left: 0; width: 15px; height: 3px; background: var(--e-global-color-accent); transform: translate(0, -50%); } } } } #home-video { max-height: 600px; object-fit: contain; video { max-height: 600px; width: auto; margin-left: auto; margin-right: auto; object-fit: contain; } } .partners-slider { .swiper-slide { .swiper-slide-image { width: 100%; max-width: 150px; } } } #single-post-content { h2 { margin-top: 40px; } a { color: var(--e-global-color-accent); } } .card-tile-transparent { .elementor-image-box-wrapper { position: relative; line-height: 0; height: 100%; &:hover { .elementor-image-box-img { a { &::after { height: 250%; transition: all 600ms linear; background-color: transparent; } } img { transform: scale(1.1); filter: brightness(0.6); } } .elementor-image-box-content { // background: rgba(0, 0, 0, 0.3); .elementor-image-box-description { height: 300px; padding-top: 20px; } } } .elementor-image-box-img { position: relative; overflow: hidden; height: 100%; img { height: 100%; object-fit: cover; // filter: brightness(0.7); } a { &::after { content: ''; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, 0.7); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; } } } .elementor-image-box-content { position: absolute; bottom: 0; left: 0; padding: 40px; line-height: 1.5; transition: all 250ms ease-in-out; .elementor-image-box-title { position: relative; margin-top: 0; margin-bottom: 0; transition: all 250ms ease-in-out; &::before { content: ''; position: absolute; left: 0; bottom: -4px; width: 40px; height: 2px; background: var(--e-global-color-accent); } } .elementor-image-box-description { padding-top: 0px; margin-bottom: 0px; height: 0; max-height: fit-content; overflow: hidden; transition: all 250ms ease-in-out; } .elementor-image-box-link {} } } } .card-tile { .elementor-image-box-wrapper { position: relative; line-height: 0; height: 100%; &:hover { .elementor-image-box-img { a { &::after { height: 250%; transition: all 600ms linear; background-color: transparent; } } img { transform: scale(1.1); filter: brightness(0.5); } } .elementor-image-box-content { .elementor-image-box-description { height: 300px; padding-top: 20px; } } } .elementor-image-box-img { position: relative; overflow: hidden; height: 100%; img { height: 100%; object-fit: cover; filter: brightness(0.7); } a { &::after { content: ''; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, 0.3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; } } } .elementor-image-box-content { position: absolute; bottom: 0; left: 0; padding: 40px; line-height: 1.5; .elementor-image-box-title { position: relative; margin-top: 0; margin-bottom: 0; &::before { content: ''; position: absolute; left: 0; bottom: -4px; width: 40px; height: 2px; background: var(--e-global-color-accent); } } .elementor-image-box-description { padding-top: 0px; margin-bottom: 0px; height: 0; max-height: fit-content; overflow: hidden; transition: all 0.3s ease-in-out; } .elementor-image-box-link {} } } } .product-card { &:hover { >.e-con-inner { .elementor-widget-image { a { &::after { height: 250%; transition: all 600ms linear; background-color: transparent; } } img { transform: scale(1.1); filter: brightness(0.6); } } .product-card-data { .product-card-data-head { padding-bottom: 20px; .elementor-heading-title { a { color: #fff; } } } .product-card-data-text { height: 300px; p { color: #fff; } } } } } >.e-con-inner { .elementor-widget-image { position: relative; overflow: hidden; height: 100%; img { height: 100%; object-fit: cover; // filter: brightness(0.7); transition: all 0.3s ease-in-out; } a { &::after { content: ''; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, 0.7); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; } } } .product-card-data { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 35px; .product-card-data-head { padding-bottom: 0; transition: all 250ms ease-in-out; .elementor-heading-title { position: relative; margin-top: 0; margin-bottom: 0; &::before { content: ''; position: absolute; left: 0; bottom: -4px; width: 40px; height: 2px; background: var(--e-global-color-accent); } a { transition: all 250ms ease-in-out; } } } .product-card-data-text { padding-top: 0px; margin-bottom: 0px; height: 0; max-height: fit-content; overflow: hidden; transition: all 250ms ease-in-out; a { display: block; } p { transition: all 250ms ease-in-out; &:last-child { margin-bottom: 0; } } } } } } .product-card2 { &:hover { >.e-con-inner { .elementor-widget-image { a { &::after { height: 250%; transition: all 600ms linear; background-color: transparent; } } img { transform: scale(1.1); filter: brightness(0.6); } } .product-card-data { background: rgba(255, 255, 255, 0.95); min-height: 250px; .product-card-data-head { padding-bottom: 20px; .elementor-heading-title { a { color: #000; } } } .product-card-data-text { height: 300px; p { color: #000; } } } } } >.e-con-inner { .elementor-widget-image { position: relative; overflow: hidden; height: 100%; img { height: 100%; object-fit: cover; // filter: brightness(0.7); transition: all 0.3s ease-in-out; } a { &::after { content: ''; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, 0.7); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; } } } .product-card-data { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 35px; .product-card-data-head { padding-bottom: 0; transition: all 250ms ease-in-out; .elementor-heading-title { position: relative; margin-top: 0; margin-bottom: 0; &::before { content: ''; position: absolute; left: 0; bottom: -4px; width: 40px; height: 2px; background: var(--e-global-color-accent); } a { transition: all 250ms ease-in-out; } } } .product-card-data-text { padding-top: 0px; margin-bottom: 0px; height: 0; max-height: fit-content; overflow: hidden; transition: all 250ms ease-in-out; a { display: block; } p { transition: all 250ms ease-in-out; &:last-child { margin-bottom: 0; } } } } } } #contact-map { position: absolute; inset: 0; z-index: 1; .elementor-custom-embed { height: 100%; iframe { height: 100%; } } } #contact-form-box { width: 100%; max-width: 600px; background: #fff; padding: 60px; position: relative; z-index: 2; margin-left: auto; .elementor-field-type-acceptance { .elementor-field-option { line-height: 1.2; } label { font-size: 12px; line-height: 1.2; } } .elementor-field-type-html { position: relative; margin-bottom: 30px; &::before { content: ''; position: absolute; bottom: -5px; width: 40px; height: 2px; background: var(--e-global-color-accent); } h2 { color: #000; font-size: 25px; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; margin: 0; } } } .contact-cards { >div { border: 1px solid #f1f1f1; &:nth-child(2n) { background: #f1f1f1; } } } #header-contact { .elementor-icon-list-items { @media (max-width: 900px) { flex-direction: column; row-gap: 5px; } .elementor-icon-list-item { a { .elementor-icon-list-icon { padding: 7px; border: 1px solid black; border-radius: 100%; svg { margin: 0; } } } } } } #icon-box { >.e-con-inner { .elementor-widget-icon-box { position: relative; &:not(:last-child) { &::after { content: ''; position: absolute; top: 0; right: -30px; bottom: 0; background: #f1eff0; width: 1px; height: 100%; } } } } } #newsletter-box { .elementor-form-fields-wrapper { .elementor-field-type-acceptance { order: 10; font-size: 14px; .elementor-field-option { display: flex; flex-direction: row; column-gap: 8px; align-items: flex-start; input { margin-top: 3px; } label { line-height: 1.3; } } } } } .elementor-widget-places-map { .s-content { &.s-style-1 { display: grid; // grid-template-columns: 400px 1fr; grid-template-columns: minmax(400px, 1fr) 2fr; // column-gap: 20px; .s-left-col { padding: 25px 0; background: #f5f5f5; // border-radius: 5px; height: 570px; .map-point-info { display: flex; flex-direction: column; height: 100%; .map-point-info--head { margin-bottom: 25px; padding: 0 25px; h3 { color: #1d1d1e; font-size: 20px; // font-family: $font3; letter-spacing: 2px; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; strong { font-weight: 700; } } .select-wrapper { position: relative; background: #fff; // border-radius: 100px; overflow: hidden; &::before { content: ''; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background: url('/upload/filemanager/icon/arrow-down.svg') no-repeat; background-size: contain; background-position: center; } select { border: none !important; width: 100%; appearance: none !important; outline: none !important; padding: 7px 30px 7px 15px; color: #7c7c7c; font-size: 14px; // font-family: $font3; cursor: pointer; } } } .map-point-info--body { overflow: auto; margin-right: 7px; // padding: 0 0 0 30px; &::-webkit-scrollbar { width: 4px; } &::-webkit-scrollbar-track { background-color: transparent; border-radius: 10px; } &::-webkit-scrollbar-thumb { background-color: #d9d9d9; border-radius: 10px; &:hover { background-color: #c0c0c0; } } &::-webkit-scrollbar-corner { background: transparent; } .location-item { position: relative; // padding: 30px 0 30px 30px; padding: 15px; margin: 25px 17px 25px 25px; // background: #e3e3e3; background: #fff; border: 1px solid #f1f1f1; // border-radius: 5px; transition: all 250ms ease-in-out; &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } &.highlight { background-color: rgb(34, 169, 225, 0.1); } h4 { color: var(--e-global-color-secondary); font-family: 'Plus Jakarta Sans', Sans-serif; font-size: 14px; font-weight: 600; line-height: 1.5; text-transform: uppercase; } p { color: var(--e-global-color-secondary); font-family: 'Plus Jakarta Sans', Sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; &:last-child { margin-bottom: 0; } strong { font-weight: 600; } } h5 { position: relative; color: var(--e-global-color-secondary); font-family: 'Plus Jakarta Sans', Sans-serif; font-size: 14px; font-weight: 700; line-height: 1.3; margin-top: 25px; margin-bottom: 20px; &::before { content: ''; position: absolute; left: 0; top: -12px; right: 0; width: 100%; height: 1px; background: #f5f5f5; } } ul { padding: 0; margin: 0; list-style: none; &:not(:last-child) { margin-bottom: 20px; } li { display: flex; flex-direction: row; align-items: center; gap: 5px; &:not(:last-child) { margin-bottom: 10px; } img { width: 14px; height: 14px; object-fit: contain; object-position: center; } a { color: var(--e-global-color-secondary); font-family: 'Plus Jakarta Sans', Sans-serif; font-size: 14px; font-weight: 400; line-height: 1.3; } } } } .inst-client { position: relative; padding: 15px; margin: 15px; background: #e3e3e3; border-radius: 5px; transition: all 250ms ease-in-out; h4 { color: #181c1d; font-size: 16px; // font-family: $font3; font-weight: 400; line-height: 1.5; text-transform: uppercase; strong { font-weight: 700; } } p { color: #181c1d; font-size: 16px; // font-family: $font3; font-weight: 400; line-height: 1.5; &:last-child { margin-bottom: 0; } strong { font-weight: 600; } } a { display: block; color: #181c1d; font-size: 16px; // font-family: $font3; font-weight: 600; line-height: 1.5; } } } } } .s-right-col { >div { // border-radius: 5px; height: 100%; } } } &.s-style-2 { .tad-cards { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 100px; justify-content: center; row-gap: 50px; .tab-card { width: 100%; max-width: 450px; text-align: center; .tab-card--head { margin-bottom: 30px; p { color: #1d1d1e; font-size: 20px; // font-family: $font3; font-weight: 500; margin-bottom: 0; strong { font-weight: 700; } } } .tab-card--text { margin-bottom: 30px; p { color: #1d1d1e; font-size: 16px; // font-family: $font3; font-weight: 600; margin-bottom: 0; } } .tab-card-info { border-radius: 15px; border: 0.5px solid #181c1d; padding: 27px 20px; box-shadow: 2px -2px 10px rgba(0, 0, 0, 0.25); text-align: center; a { display: block; color: #1d1d1e; font-size: 16px; // font-family: $font3; font-weight: 600; } } } } } &.s-style-3 { .tad-cards { display: flex; flex-direction: row; column-gap: 38px; row-gap: 70px; flex-wrap: wrap; .tab-card { text-align: center; width: calc((100% / 3) - (38px - (38px / 3))); display: flex; flex-direction: column; .tab-card--head { text-align: center; flex-grow: 1; align-content: flex-end; p { color: #1d1d1e; font-size: 20px; // font-family: $font3; font-weight: 700; } span { color: #fff246; } } .tab-card-info { border-radius: 15px; border: 0.5px solid #181c1d; padding: 27px 20px; box-shadow: 2px -2px 10px rgba(0, 0, 0, 0.25); text-align: center; a { display: block; color: #1d1d1e; font-size: 16px; // font-family: $font3; font-weight: 600; } } } } } } } #reviews-box { .swiper { .swiper-slide { >.elementor-element { >.e-con-inner { >.elementor-element { position: relative; padding: 40px; height: 100%; &::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: var(--e-global-color-accent); transition: all 250ms ease-in-out; z-index: -1; } .elementor-widget-text-editor { flex-grow: 1; } } } } &.swiper-slide-active {} &.swiper-slide-next { >.elementor-element { >.e-con-inner { >.elementor-element { &::after { height: 100%; } .elementor-widget-icon { .elementor-icon { svg { fill: rgb(255, 255, 255, 0.4); } } } .e-rating { .e-icon { .e-icon-wrapper { &.e-icon-marked { --e-rating-icon-color: #fff; } } } } .elementor-widget-text-editor { color: #fff; } .elementor-divider { .elementor-divider-separator { border-block-start: 1px solid rgb(255, 255, 255, 0.4); } } .elementor-author-box { .elementor-author-box__text { .elementor-author-box__name { color: #fff; } } } } } } } } } .swiper-pagination { .swiper-pagination-bullet { width: 30px; height: 3px; border-radius: 0; &-active { background: var(--e-global-color-accent); } } } } #header-nav { nav.elementor-nav-menu--main { >ul.elementor-nav-menu { width: 100%; .menu-item { &-45 { flex: 1; } &-46 { // margin-left: auto; flex: 1; margin-left: 40px; max-width: 260px; @media (max-width: 1200px) { margin-left: 0; } .elementor-item { color: #ffffff; font-size: 15px; line-height: 1; text-align: center; display: inline-block; margin: 0; padding: 12px 24px; border-radius: 100px 100px 100px 100px; background-color: var(--e-global-color-accent); transition: all 0.3s; &:hover { color: #000; } @media (max-width: 1200px) { padding: 12px; } } } .sub-arrow { @media (max-width: 1200px) { padding-left: 4px; } } } } } } #contact-btn-absolute { position: fixed; bottom: 25px; left: 40px; z-index: 99999; .elementor-button { position: relative; padding: 16px; border-radius: 100%; width: 56px; height: 56px; &::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; border-radius: 100%; background: #22a9e1; animation: btn-pulse 2s infinite; } &::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; border-radius: 100%; background: #22a9e1; animation: btn-pulse 2s infinite 0.5s; } .elementor-button-icon { position: relative; font-size: 24px; animation: btn-pulse-icon 2s infinite; z-index: 1; } } } @keyframes btn-pulse { 0% { opacity: 1; } 100% { width: 100px; height: 100px; opacity: 0; } } @keyframes btn-pulse-icon { 0% { transform: rotate(0); } 5% { transform: rotate(5deg); } 10% { transform: rotate(-5deg); } 15% { transform: rotate(5deg); } 20% { transform: rotate(-5deg); } 25% { transform: rotate(5deg); } 30% { transform: rotate(-5deg); } 35% { transform: rotate(0); } } #mail-btn-absolute { position: fixed; bottom: 100px; left: 40px; z-index: 99999; .elementor-button { position: relative; padding: 16px; border-radius: 100%; width: 56px; height: 56px; &::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; border-radius: 100%; background: #22a9e1; animation: btn-pulse 2s infinite; } &::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; border-radius: 100%; background: #22a9e1; animation: btn-pulse 2s infinite 0.5s; } .elementor-button-icon { position: relative; font-size: 24px; animation: btn-pulse-icon 2s infinite; z-index: 1; } } } .product-table { background: #eeeeee; padding: 30px; table { background-color: transparent; margin: 0; tr { background-color: transparent; border-bottom: 1px solid #181c1d; td { border: none; background-color: transparent !important; font-family: 'Plus Jakarta Sans', Sans-serif; font-size: 14px; padding: 12px 5px; width: 50%; &:nth-child(1) { font-weight: 600; } &:nth-child(2) { font-weight: 400; } } } } } figure { figcaption { text-align: center; } } .kolorystyka-block { margin-top: 100px; background: #22a9e1; .c-row { display: flex; flex-direction: row; .c-col-1 { width: 33.333%; img { height: 100%; object-fit: cover; } } .c-col-2 { width: 66.666%; display: flex; flex-direction: column; row-gap: 20px; padding: 30px 40px; h3 { color: #fff; margin: 0; } p { color: #fff; margin: 0; } a.kolorystyka-button { display: inline-block; color: #22a9e1; font-size: 15px; font-weight: 500; line-height: 1; padding: 12px 24px; border-radius: 100px; background: #fff; width: fit-content; transition: all 250ms ease-in-out; &:hover { color: #000; } } } } }