* {box-sizing: border-box; font-family: 'Titillium Web', Arial, sans-serif; outline: none; -webkit-tap-highlight-color: transparent;} html {font-size: 10px;} html.zoom2 {font-size: 12px;} html.zoom4 {font-size: 13px;} body {margin: 0;} #sh135-temp h1, #sh135-temp h2, #sh135-temp h3, #sh135-temp h4, #sh135-temp h5, #sh135-temp h6, #sh135-temp li, #sh135-temp p, #sh135-temp ul {margin: 0; padding: 0; font-weight: normal; line-height: 1.25;} #sh135-temp a {text-decoration: none;} #sh135-temp button {cursor: pointer;} #sh135-temp ul {list-style: none;} #sh135-temp img {width: auto; max-width: 100%; height: auto; border: none;} #sh135-temp sup {line-height: 0;} #sh135-temp textarea {resize: none;} #sh135-temp *::-webkit-scrollbar {width: 8px;} #sh135-temp *::-webkit-scrollbar-track {background-color: transparent;} #sh135-temp *::-webkit-scrollbar-thumb {background-color: #C1C1C1; border-radius: 25px;} #sh135-temp *::-webkit-scrollbar-thumb:hover {background-color: #E2007A;} #sh135-temp .f-12 {font-size: 1.2rem;} #sh135-temp .f-14 {font-size: 1.4rem;} #sh135-temp .f-16 {font-size: 1.6rem;} #sh135-temp .f-18 {font-size: 1.8rem;} #sh135-temp .f-20 {font-size: 2.0rem;} #sh135-temp .f-22 {font-size: 2.2rem;} #sh135-temp .f-24 {font-size: 2.4rem;} #sh135-temp .f-26 {font-size: 2.6rem;} #sh135-temp .f-28 {font-size: 2.8rem;} #sh135-temp .f-30 {font-size: 3.0rem;} #sh135-temp .f-32 {font-size: 3.2rem;} #sh135-temp .f-34 {font-size: 3.4rem;} #sh135-temp .f-36 {font-size: 3.6rem;} #sh135-temp .f-38 {font-size: 3.8rem;} #sh135-temp .f-40 {font-size: 4.0rem;} #sh135-temp .f-42 {font-size: 4.2rem;} #sh135-temp .f-46 {font-size: 4.6rem;} #sh135-temp .f-60 {font-size: 6.0rem;} #sh135-temp .f-64 {font-size: 6.4rem;} #sh135-temp .f-70 {font-size: 7.0rem;} #sh135-temp .center {text-align: center;} #sh135-temp .uppercase {text-transform: uppercase;} #sh135-temp .thin {font-weight: 300;} #sh135-temp .semibold {font-weight: 600;} #sh135-temp .bold {font-weight: 700;} #sh135-temp .magenta {color: #E2007E;} #sh135-temp {overflow: hidden; position: relative; background: linear-gradient(180deg, #F3F5F5 0%, #E9EEEE 100%);} .contrast #sh135-temp {background: #000 !important;} #sh135-temp .container-box {width: 100%; max-width: 1430px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px;} #sh135-temp .title-box {display: flex; flex-direction: column; gap: 8px; margin-bottom: 32px;} #sh135-temp .title-box .title-text {line-height: 1.2;} #sh135-temp .title-box .subtitle-text {line-height: 1.4;} .contrast #sh135-temp .title-box .title-text {color: #FFE800 !important;} #sh135-temp .tauron-btn {display: flex; align-items: center; justify-content: center; width: 100%; max-width: 250px; height: auto; padding: 16px; background-color: transparent; color: #000; text-align: center; text-decoration: none !important; border-radius: 250px; transition: background .3s, color .3s, border .3s;} .zoom-x2 #sh135-temp .tauron-btn {max-width: 275px;} .zoom-x4 #sh135-temp .tauron-btn {max-width: 300px;} #sh135-temp .tauron-btn.bg-magenta {background-color: #E2007A; box-shadow: 0 4px 16px 0 #E2007A59; color: #FFF; border: 1px solid #E2007A;} #sh135-temp .tauron-btn.bg-magenta:hover {background-color: #AA036C; border-color: #AA036C;} .contrast #sh135-temp .tauron-btn {background: #000 !important; box-shadow: none !important; color: #FFE800 !important; border: 1px solid #FFE800 !important;} .contrast #sh135-temp .tauron-btn:hover {background: #FFE800 !important; color: #000 !important;} #sh135-temp .slider-wrapper {position: relative;} #sh135-temp .slider-wrapper .slider-box {padding-bottom: 8px; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 160px), transparent 100%); mask-image: linear-gradient(90deg, #000 calc(100% - 160px), transparent 100%);} #sh135-temp .slider-wrapper.is-end .slider-box {-webkit-mask-image: none; mask-image: none;} .contrast #sh135-temp .slider-wrapper .slider-box {-webkit-mask-image: none; mask-image: none;} #sh135-temp .slider-wrapper .slider-progress {position: relative; width: 100%; height: 5px; margin-top: 24px; background-color: #D9DDDE; border-radius: 5px; cursor: pointer; touch-action: none; -webkit-user-select: none; user-select: none;} #sh135-temp .slider-wrapper .slider-progress::before {content: ''; position: absolute; top: -10px; bottom: -10px; left: 0; right: 0;} .contrast #sh135-temp .slider-wrapper .slider-progress {background-color: #FFF !important;} #sh135-temp .slider-wrapper .slider-progress .progress-bar {position: absolute; top: 0; left: 0; display: block; width: 50%; height: 100%; background-color: #6B6F70; border-radius: 5px; cursor: grab; transition: background-color .3s;} #sh135-temp .slider-wrapper .slider-progress:hover .progress-bar {background-color: #4A4E4F;} #sh135-temp .slider-wrapper.is-dragging .slider-progress {cursor: grabbing;} #sh135-temp .slider-wrapper.is-dragging .slider-progress .progress-bar {background-color: #4A4E4F; cursor: grabbing;} .contrast #sh135-temp .slider-wrapper .slider-progress .progress-bar {background-color: #FFE800 !important;} #sh135-temp .slider-wrapper.is-static .slider-progress {display: none;} #sh135-temp .section-banner-top {position: relative; padding-bottom: 40px; max-width: 1920px; margin-left: auto; margin-right: auto;} #sh135-temp .section-banner-top .banner-img {position: absolute; top: 0; right: 0; z-index: 1; display: block; width: 51%; max-width: 980px; height: auto; transform: translate(7.6%, -2.23%);} .contrast #sh135-temp .section-banner-top .banner-img {display: none !important;} #sh135-temp .section-banner-top .banner-content {position: relative; z-index: 2; display: flex; align-items: center; min-height: min(450px, 23.44vw); padding-top: 24px; padding-bottom: 24px;} #sh135-temp .section-banner-top .banner-content .content-text {display: flex; flex-direction: column; max-width: 580px;} #sh135-temp .section-banner-top .banner-content .content-text .text-heading {display: flex; flex-direction: column; gap: 4px; line-height: 1.1;} #sh135-temp .section-banner-top .banner-content .content-text .text-heading .heading-accent {line-height: 1.2;} .contrast #sh135-temp .section-banner-top .banner-content .content-text .text-heading {color: #FFE800 !important;} .contrast #sh135-temp .section-banner-top .banner-content .content-text .text-heading .heading-accent {color: #FFE800 !important;} #sh135-temp .section-banner-top .banner-content .content-text .text-desc {margin-top: 40px; line-height: 1.45;} #sh135-temp .section-banner-top .banner-content .content-text .text-highlight {margin-top: 16px; line-height: 1.45;} .contrast #sh135-temp .section-banner-top .banner-content .content-text .text-highlight {color: #FFE800 !important;} #sh135-temp .section-banner-top .btn-wrapper {position: relative; z-index: 2; display: flex; justify-content: center; margin-top: 24px;} #sh135-temp .section-banner-top .btn-wrapper::before {content: ''; position: absolute; top: 50%; left: 15px; right: 15px; z-index: -1; height: 1px; background: linear-gradient(90deg, #C9CFCD00 0%, #C9CFCD 50%, #C9CFCD00 100%);} .contrast #sh135-temp .section-banner-top .btn-wrapper::before {background: #FFF !important;} #sh135-temp .section-banner-top .btn-wrapper .btn-scroll-to {display: flex; align-items: center; gap: 24px; padding: 8px 8px 8px 40px; background-color: #E2007A; box-shadow: 0 4px 16px 0 #E2007A59; color: #FFF; text-decoration: none; border-radius: 250px; transition: background-color .3s;} #sh135-temp .section-banner-top .btn-wrapper .btn-scroll-to:hover {background-color: #AA036C;} .contrast #sh135-temp .section-banner-top .btn-wrapper .btn-scroll-to {background: #000 !important; box-shadow: none !important; color: #FFE800 !important; border: 1px solid #FFE800;} #sh135-temp .section-banner-top .btn-wrapper .btn-scroll-to .btn-text {line-height: 1.2;} #sh135-temp .section-banner-top .btn-wrapper .btn-scroll-to .btn-icon {display: block; flex-shrink: 0; width: 44px; height: auto; transition: transform .3s; background-color: transparent !important;} #sh135-temp .section-banner-top .btn-wrapper .btn-scroll-to:hover .btn-icon {transform: translateY(3px);} .contrast #sh135-temp .section-banner-top .btn-wrapper .btn-scroll-to .btn-icon circle {fill: #FFE800 !important;} .contrast #sh135-temp .section-banner-top .btn-wrapper .btn-scroll-to .btn-icon path {stroke: #000 !important;} #sh135-temp .section-how-it-works {position: relative; padding-top: 80px; padding-bottom: 40px;} #sh135-temp .section-how-it-works .grid-box {display: grid; grid-template-columns: 480px 1fr; align-items: center; gap: 32px;} #sh135-temp .section-how-it-works .grid-box .img-decor {display: block; width: 100%; max-width: 480px; height: auto; margin: 0 auto;} #sh135-temp .section-how-it-works .grid-box .content-box {display: flex; flex-direction: column; gap: 16px; max-width: 860px;} #sh135-temp .section-how-it-works .grid-box .content-box .content-heading {margin-bottom: 8px; line-height: 1.2;} .contrast #sh135-temp .section-how-it-works .grid-box .content-box .content-heading {color: #FFE800 !important;} #sh135-temp .section-how-it-works .grid-box .content-box .content-desc {line-height: 1.5;} .contrast #sh135-temp .section-how-it-works .grid-box .content-box .content-desc .semibold {color: #FFE800 !important;} #sh135-temp .section-video-box {position: relative; padding-top: 40px; padding-bottom: 40px;} #sh135-temp .section-video-box .section-content {display: flex; flex-direction: column; gap: 24px; padding: 32px; background-color: #FFF; box-shadow: 0 8px 24px 0 #0000000D; border-radius: 32px;} .contrast #sh135-temp .section-video-box .section-content {border: 2px solid #FFF;} #sh135-temp .section-video-box .section-content .content-heading {line-height: 1.2;} .contrast #sh135-temp .section-video-box .section-content .content-heading {color: #FFE800 !important;} #sh135-temp .section-video-box .section-content .videos-wrapper {display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box {overflow: hidden; position: relative; display: block; width: 100%; background-color: #1D1D1B; border: 2px solid #E9BE62; border-radius: 16px; aspect-ratio: 16 / 9; transition: border-color .3s;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box:not(.is-playing) {cursor: pointer;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box:hover {border-color: #E2007A;} .contrast #sh135-temp .section-video-box .section-content .videos-wrapper .video-box {border-color: #FFE800 !important;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box .video-cover {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 3; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box .video-player {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; display: block; width: 100%; height: 100%; border: 0;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box .video-play-btn {position: absolute; top: 50%; left: 50%; z-index: 4; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background-color: #FFFFFFD9; border-radius: 50%; transition: background-color .3s, transform .3s;} .contrast #sh135-temp .section-video-box .section-content .videos-wrapper .video-box .video-play-btn {background-color: #000 !important; border: 2px solid #FFE800;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box:hover .video-play-btn {transform: translate(-50%, -50%) scale(1.05); background-color: #FFF;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box .video-play-btn .play-icon {display: block; width: 30px; height: auto; margin-left: 6px; background-color: transparent !important;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box .video-play-btn .play-icon path {transition: fill .3s;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box:hover .video-play-btn .play-icon path {fill: #E2007A;} .contrast #sh135-temp .section-video-box .section-content .videos-wrapper .video-box .video-play-btn .play-icon path {fill: #FFE800 !important;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box.is-playing .video-cover {display: none;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box.is-playing .video-play-btn {display: none;} #sh135-temp .section-importance {position: relative; padding-top: 40px; padding-bottom: 40px;} #sh135-temp .section-importance .rows-wrapper {display: flex; flex-direction: column; gap: 56px;} #sh135-temp .section-importance .rows-wrapper .single-row {display: grid; grid-template-columns: 1fr 150px; align-items: center; gap: 64px; padding-right: 120px;} #sh135-temp .section-importance .rows-wrapper .single-row .content-box {display: flex; flex-direction: column; gap: 12px;} #sh135-temp .section-importance .rows-wrapper .single-row .content-box .content-heading {line-height: 1.2;} .contrast #sh135-temp .section-importance .rows-wrapper .single-row .content-box .content-heading {color: #FFE800 !important;} #sh135-temp .section-importance .rows-wrapper .single-row .content-box .content-desc {line-height: 1.5;} .contrast #sh135-temp .section-importance .rows-wrapper .single-row .content-box .content-desc .semibold {color: #FFE800 !important;} #sh135-temp .section-importance .rows-wrapper .single-row .hexagon-icon {display: block; width: 150px; height: auto; filter: drop-shadow(0 12px 24px #0000001A); background-color: transparent !important;} .contrast #sh135-temp .section-importance .rows-wrapper .single-row .hexagon-icon {filter: none;} #sh135-temp .section-stats {position: relative; padding-top: 40px; padding-bottom: 40px;} #sh135-temp .section-stats .boxes-wrapper {display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;} #sh135-temp .section-stats .boxes-wrapper .single-box {overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: center; gap: 16px; min-height: 208px; padding: 32px; background-color: #FFF; box-shadow: 0 8px 24px 0 #0000000D; border-radius: 24px;} .contrast #sh135-temp .section-stats .boxes-wrapper .single-box {border: 2px solid #FFF;} #sh135-temp .section-stats .boxes-wrapper .single-box .box-decor {position: absolute; top: 0; right: 0; z-index: 1; display: block; width: auto; height: 100%; background-color: transparent !important;} #sh135-temp .section-stats .boxes-wrapper .single-box .box-decor.decor-pin {top: 28px; right: 16px; height: auto;} .contrast #sh135-temp .section-stats .boxes-wrapper .single-box .box-decor {display: none !important;} #sh135-temp .section-stats .boxes-wrapper .single-box .box-value {position: relative; z-index: 2; line-height: 1;} .contrast #sh135-temp .section-stats .boxes-wrapper .single-box .box-value {color: #FFE800 !important;} #sh135-temp .section-stats .boxes-wrapper .single-box .box-value .value-prefix {margin-right: 4px;} #sh135-temp .section-stats .boxes-wrapper .single-box .box-label {position: relative; z-index: 2; color: #808080; line-height: 1.2;} #sh135-temp .section-stats .info-note {margin-top: 16px; color: #8A8D8C; font-style: italic; line-height: 1.2;} #sh135-temp .section-hive-info {position: relative; padding-top: 40px; padding-bottom: 40px;} #sh135-temp .section-hive-info .hive-wrapper {position: relative; min-height: 466px;} #sh135-temp .section-hive-info .hive-wrapper .hive-img {position: absolute; bottom: 0; left: 50%; z-index: 1; transform: translateX(-50%); display: block; width: 100%; max-width: 880px; height: auto;} #sh135-temp .section-hive-info .hive-wrapper .single-card {position: absolute; z-index: 2; display: flex; flex-direction: column; gap: 12px; padding: 24px; background-color: #FFFFFF99; box-shadow: 0 8px 24px 0 #0000000D; border-radius: 16px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);} .contrast #sh135-temp .section-hive-info .hive-wrapper .single-card {background: #000 !important; border: 2px solid #FFF;} #sh135-temp .section-hive-info .hive-wrapper .single-card.card-build {top: 0; left: 50%; width: 410px;} #sh135-temp .section-hive-info .hive-wrapper .single-card.card-teach {top: 128px; left: 0; width: 465px;} #sh135-temp .section-hive-info .hive-wrapper .single-card.card-care {top: 220px; right: 0; width: 405px;} #sh135-temp .section-hive-info .hive-wrapper .single-card .card-heading {display: flex; align-items: center; gap: 12px;} #sh135-temp .section-hive-info .hive-wrapper .single-card .card-heading .card-icon {display: block; flex-shrink: 0; width: 32px; height: auto; background-color: transparent !important;} .contrast #sh135-temp .section-hive-info .hive-wrapper .single-card .card-heading .card-icon path {stroke: #FFE800 !important;} .contrast #sh135-temp .section-hive-info .hive-wrapper .single-card .card-heading .card-icon rect {stroke: #FFE800 !important;} #sh135-temp .section-hive-info .hive-wrapper .single-card .card-heading .card-title {line-height: 1.2;} .contrast #sh135-temp .section-hive-info .hive-wrapper .single-card .card-heading .card-title {color: #FFE800 !important;} #sh135-temp .section-hive-info .hive-wrapper .single-card .card-desc {color: #5A5A5A; line-height: 1.5;} #sh135-temp .section-gallery {position: relative; padding-top: 40px; padding-bottom: 40px;} #sh135-temp .section-gallery .slider-wrapper .slider-box .single-slide {overflow: hidden; border-radius: 20px;} #sh135-temp .section-gallery .slider-wrapper .slider-box .single-slide .slide-img {display: block; width: 100%; height: auto; object-fit: cover; object-position: center; pointer-events: none; aspect-ratio: 16 / 9;} #sh135-temp .section-offers {position: relative; padding-top: 40px; padding-bottom: 40px;} #sh135-temp .section-offers .grid-box {position: relative;} #sh135-temp .section-offers .grid-box .boxes-wrapper {position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 1216px;} #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box {position: relative; display: flex; flex-direction: column; margin-bottom: 30px; background-color: #FFF; box-shadow: 0 8px 24px 0 #0000000D; border: 1px solid transparent; border-radius: 24px; transition: border-color .3s;} #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box:hover {border-color: #E2007A;} .contrast #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box {border-color: #FFF !important;} #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box .box-top {overflow: hidden; position: relative; aspect-ratio: 596 / 265; background: #E2007A; border-radius: 23px 23px 0 0;} #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box .box-top.variant-grey {background: linear-gradient(180deg, #D9D9D9 0%, #F2F2F2 100%);} .contrast #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box .box-top {background: #000 !important;} #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box .box-top .box-img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .3s;} #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box:hover .box-top .box-img {transform: scale(1.05);} #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box .box-content {display: flex; flex: 1; flex-direction: column; gap: 16px; padding: 32px 32px 64px 32px;} #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box .box-content .box-title {line-height: 1.2;} .contrast #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box .box-content .box-title {color: #FFE800 !important;} #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box .box-content .box-desc {color: #757575; line-height: 1.5;} #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box .tauron-btn {position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); max-width: 280px;} #sh135-temp .section-offers .grid-box .decor-img {position: absolute; top: 24px; left: 616px; z-index: 1; display: block; width: 880px; max-width: none; height: auto; pointer-events: none;} .contrast #sh135-temp .section-offers .grid-box .decor-img {display: none !important;} #sh135-temp .section-blog {position: relative; padding-top: 40px; padding-bottom: 40px;} #sh135-temp .section-blog .boxes-wrapper {display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;} #sh135-temp .section-blog .boxes-wrapper .single-box {overflow: hidden; position: relative; display: flex; flex-direction: column; background-color: #FFF; box-shadow: 0 8px 24px 0 #0000000D; color: #000; text-decoration: none; border-radius: 24px;} .contrast #sh135-temp .section-blog .boxes-wrapper .single-box {border: 1px solid #FFF;} #sh135-temp .section-blog .boxes-wrapper .single-box .top-box {overflow: hidden; position: relative; aspect-ratio: 688 / 280;} #sh135-temp .section-blog .boxes-wrapper .single-box .top-box .img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .3s;} #sh135-temp .section-blog .boxes-wrapper .single-box:hover .top-box .img {transform: scale(1.1);} #sh135-temp .section-blog .boxes-wrapper .single-box .box-content {display: flex; flex: 1; flex-direction: column; gap: 32px; padding: 32px;} #sh135-temp .section-blog .boxes-wrapper .single-box .box-content .box-title {line-height: 1.5;} .contrast #sh135-temp .section-blog .boxes-wrapper .single-box .box-content .box-title {color: #FFE800 !important;} #sh135-temp .section-blog .boxes-wrapper .single-box .box-content .box-link {display: flex; align-items: center; gap: 12px; margin-top: auto; margin-left: auto;} #sh135-temp .section-blog .boxes-wrapper .single-box .box-content .box-link .link-text {color: #E2007A; line-height: 1.2; transition: color .3s;} #sh135-temp .section-blog .boxes-wrapper .single-box:hover .box-content .box-link .link-text {color: #AA036C;} .contrast #sh135-temp .section-blog .boxes-wrapper .single-box .box-content .box-link .link-text {color: #FFE800 !important;} #sh135-temp .section-blog .boxes-wrapper .single-box .box-content .box-link .link-icon {display: block; width: 18px; height: auto; transition: transform .3s;} #sh135-temp .section-blog .boxes-wrapper .single-box:hover .box-content .box-link .link-icon {transform: translateX(4px);} .contrast #sh135-temp .section-blog .boxes-wrapper .single-box .box-content .box-link .link-icon path {stroke: #FFE800 !important;} #sh135-temp .section-downloads {position: relative; padding-top: 40px; padding-bottom: 40px;} #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide {display: flex; align-items: center; gap: 32px; padding: 24px 32px; background-color: #FFF; box-shadow: 0 4px 12px 0 #0000000A; color: #000; text-decoration: none; border: 1px solid transparent; border-radius: 20px; transition: border-color .3s;} #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide:hover {border-color: #E2007A;} .contrast #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide {border-color: #FFF !important;} #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide .slide-icon {display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 62px; height: 62px; background-color: #E2007A; border-radius: 8px; transition: background-color .3s;} #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide:hover .slide-icon {background-color: #AA036C;} .contrast #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide .slide-icon {background-color: #FFE800 !important;} #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide .slide-icon .icon {display: block; width: 24px; height: auto; background-color: transparent !important;} .contrast #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide .slide-icon .icon path {stroke: #000 !important;} #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide .slide-text {display: flex; flex-direction: column; gap: 4px;} #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide .slide-text .text-title {line-height: 1.2;} .contrast #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide .slide-text .text-title {color: #FFE800 !important;} #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide .slide-text .text-desc {color: #000; line-height: 1.2;} #sh135-temp .section-faq {position: relative; padding-top: 40px; padding-bottom: 16px;} #sh135-temp .section-faq .title-box {margin-bottom: 16px;} #sh135-temp .section-faq .faq-wrapper {display: flex; flex-direction: column;} #sh135-temp .section-faq .faq-wrapper .single-faq {display: flex; flex-direction: column; gap: 16px; padding: 16px 8px 24px 8px; border-bottom: 1px solid #CDD2D2;} .contrast #sh135-temp .section-faq .faq-wrapper .single-faq {border-color: #FFF !important;} #sh135-temp .section-faq .faq-wrapper .single-faq .row-top {display: grid; grid-template-columns: 1fr minmax(75px, max-content); align-items: flex-start; gap: 16px;} #sh135-temp .section-faq .faq-wrapper .single-faq .row-top .label-name {color: #000; line-height: 1.3; transition: color .3s;} #sh135-temp .section-faq .faq-wrapper .single-faq .row-top:hover .label-name {color: #E2007A;} #sh135-temp .section-faq .faq-wrapper .single-faq.expanded .row-top .label-name {color: #E2007A;} .contrast #sh135-temp .section-faq .faq-wrapper .single-faq .row-top .label-name {color: #FFE800 !important;} #sh135-temp .section-faq .faq-wrapper .single-faq .row-top .label-btn {display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding-top: 2px;} #sh135-temp .section-faq .faq-wrapper .single-faq .row-top .label-btn .btn-name {color: #000; line-height: 1.2; transition: color .3s;} #sh135-temp .section-faq .faq-wrapper .single-faq .row-top:hover .label-btn .btn-name {color: #E2007A;} #sh135-temp .section-faq .faq-wrapper .single-faq.expanded .row-top .label-btn .btn-name {color: #E2007A;} .contrast #sh135-temp .section-faq .faq-wrapper .single-faq .row-top .label-btn .btn-name {color: #FFE800 !important;} #sh135-temp .section-faq .faq-wrapper .single-faq .row-top .label-btn .chevron-icon {display: block; min-width: 12px; width: 12px; height: auto; background-color: transparent !important; transition: rotate .3s;} #sh135-temp .section-faq .faq-wrapper .single-faq.expanded .row-top .label-btn .chevron-icon {rotate: 180deg;} #sh135-temp .section-faq .faq-wrapper .single-faq .row-top .label-btn .chevron-icon path {stroke: #000; transition: stroke .3s;} #sh135-temp .section-faq .faq-wrapper .single-faq .row-top:hover .label-btn .chevron-icon path {stroke: #E2007A;} #sh135-temp .section-faq .faq-wrapper .single-faq.expanded .row-top .label-btn .chevron-icon path {stroke: #E2007A;} .contrast #sh135-temp .section-faq .faq-wrapper .single-faq .row-top .label-btn .chevron-icon path {stroke: #FFE800 !important;} #sh135-temp .section-faq .faq-wrapper .single-faq .row-bottom {display: none;} #sh135-temp .section-faq .faq-wrapper .single-faq.expanded .row-bottom {display: block;} #sh135-temp .section-faq .faq-wrapper .single-faq .row-bottom .faq-desc {line-height: 1.5;} #sh135-temp .section-sources {position: relative; padding-top: 16px; padding-bottom: 64px;} #sh135-temp .section-sources .sources-label {margin-bottom: 12px; line-height: 1.2;} .contrast #sh135-temp .section-sources .sources-label {color: #FFE800 !important;} #sh135-temp .section-sources .sources-list {display: flex; flex-direction: column; gap: 8px;} #sh135-temp .section-sources .sources-list .list-item .single-link {display: inline-flex; align-items: flex-start; gap: 8px; color: #7E8283; line-height: 1.3; word-break: break-word; transition: color .3s;} #sh135-temp .section-sources .sources-list .list-item .single-link:hover {color: #E2007A;} .contrast #sh135-temp .section-sources .sources-list .list-item .single-link {color: #FFE800 !important;} .contrast #sh135-temp .section-sources .sources-list .list-item .single-link:hover {text-decoration: underline;} #sh135-temp .section-sources .sources-list .list-item .single-link .link-icon {display: block; flex-shrink: 0; width: 16px; height: auto; margin-top: 2px; background-color: transparent !important;} #sh135-temp .section-sources .sources-list .list-item .single-link .link-icon path {stroke: #7E8283; transition: stroke .3s;} #sh135-temp .section-sources .sources-list .list-item .single-link:hover .link-icon path {stroke: #E2007A;} .contrast #sh135-temp .section-sources .sources-list .list-item .single-link .link-icon path {stroke: #FFE800 !important;} @media all and (max-width: 1600px) { html.zoom-x2 {font-size: 11px !important;} html.zoom-x4 {font-size: 12px !important;} #sh135-temp .f-12 {font-size: 1.0rem;} #sh135-temp .f-14 {font-size: 1.2rem;} #sh135-temp .f-18 {font-size: 1.6rem;} #sh135-temp .f-20 {font-size: 1.8rem;} #sh135-temp .f-22 {font-size: 2.0rem;} #sh135-temp .f-24 {font-size: 2.2rem;} #sh135-temp .f-26 {font-size: 2.4rem;} #sh135-temp .f-28 {font-size: 2.6rem;} #sh135-temp .f-30 {font-size: 2.8rem;} #sh135-temp .f-32 {font-size: 3.0rem;} #sh135-temp .f-34 {font-size: 3.2rem;} #sh135-temp .f-36 {font-size: 3.4rem;} #sh135-temp .f-38 {font-size: 3.6rem;} #sh135-temp .f-40 {font-size: 3.6rem;} #sh135-temp .f-42 {font-size: 4.0rem;} #sh135-temp .f-46 {font-size: 4.0rem;} #sh135-temp .f-60 {font-size: 4.6rem;} #sh135-temp .f-64 {font-size: 5.4rem;} #sh135-temp .f-70 {font-size: 6.0rem;} #sh135-temp .title-box {margin-bottom: 24px;} #sh135-temp .tauron-btn {padding: 12px 8px;} #sh135-temp .section-banner-top .banner-content .content-text {max-width: 520px;} #sh135-temp .section-banner-top .banner-content .content-text .text-desc {margin-top: 32px;} #sh135-temp .section-banner-top .btn-wrapper .btn-scroll-to {gap: 20px; padding-left: 32px;} #sh135-temp .section-banner-top .btn-wrapper .btn-scroll-to .btn-icon {width: 40px;} #sh135-temp .section-how-it-works {padding-top: 56px;} #sh135-temp .section-how-it-works .grid-box {grid-template-columns: 420px 1fr;} #sh135-temp .section-video-box .section-content {gap: 20px; padding: 24px;} #sh135-temp .section-video-box .section-content .videos-wrapper {gap: 24px;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box .video-play-btn {width: 88px; height: 88px;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box .video-play-btn .play-icon {width: 26px;} #sh135-temp .section-importance .rows-wrapper {gap: 48px;} #sh135-temp .section-importance .rows-wrapper .single-row {grid-template-columns: 1fr 130px; gap: 48px; padding-right: 64px;} #sh135-temp .section-importance .rows-wrapper .single-row .hexagon-icon {width: 130px;} #sh135-temp .section-stats .boxes-wrapper .single-box {gap: 12px; min-height: 190px; padding: 28px;} #sh135-temp .section-hive-info .hive-wrapper {min-height: 440px;} #sh135-temp .section-hive-info .hive-wrapper .hive-img {max-width: 800px;} #sh135-temp .section-hive-info .hive-wrapper .single-card {gap: 8px; padding: 20px;} #sh135-temp .section-hive-info .hive-wrapper .single-card.card-build {width: 380px;} #sh135-temp .section-hive-info .hive-wrapper .single-card.card-teach {width: 420px;} #sh135-temp .section-hive-info .hive-wrapper .single-card.card-care {top: 230px; width: 380px;} #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box .box-content {padding: 28px 28px 56px 28px;} #sh135-temp .section-blog .boxes-wrapper .single-box .box-content {gap: 24px; padding: 28px;} } @media all and (max-width: 1400px) { #sh135-temp .section-hive-info .hive-wrapper .hive-img {max-width: 720px;} #sh135-temp .section-hive-info .hive-wrapper .single-card.card-build {left: 48%; width: 360px;} #sh135-temp .section-hive-info .hive-wrapper .single-card.card-teach {top: 112px; width: 380px;} #sh135-temp .section-hive-info .hive-wrapper .single-card.card-care {top: 240px; width: 360px;} } @media all and (max-width: 1200px) { #sh135-temp .f-16 {font-size: 1.4rem;} #sh135-temp .f-18 {font-size: 1.6rem;} #sh135-temp .f-20 {font-size: 1.8rem;} #sh135-temp .f-22 {font-size: 1.8rem;} #sh135-temp .f-24 {font-size: 2.0rem;} #sh135-temp .f-26 {font-size: 2.0rem;} #sh135-temp .f-28 {font-size: 2.4rem;} #sh135-temp .f-30 {font-size: 2.4rem;} #sh135-temp .f-32 {font-size: 2.8rem;} #sh135-temp .f-34 {font-size: 3.0rem;} #sh135-temp .f-36 {font-size: 3.0rem;} #sh135-temp .f-38 {font-size: 3.2rem;} #sh135-temp .f-40 {font-size: 3.4rem;} #sh135-temp .f-42 {font-size: 3.6rem;} #sh135-temp .f-46 {font-size: 3.6rem;} #sh135-temp .f-60 {font-size: 4.2rem;} #sh135-temp .f-64 {font-size: 4.8rem;} #sh135-temp .f-70 {font-size: 5.4rem;} #sh135-temp .section-banner-top {padding-bottom: 32px;} #sh135-temp .section-banner-top .banner-img {width: 50%;} #sh135-temp .section-banner-top .banner-content .content-text {max-width: 460px;} #sh135-temp .section-banner-top .banner-content .content-text .text-desc {margin-top: 24px;} #sh135-temp .section-banner-top .banner-content .content-text .text-desc .br-hide-mobile {display: none;} #sh135-temp .section-how-it-works {padding-top: 40px; padding-bottom: 32px;} #sh135-temp .section-how-it-works .grid-box {grid-template-columns: 360px 1fr;} #sh135-temp .section-video-box {padding-top: 32px; padding-bottom: 32px;} #sh135-temp .section-importance {padding-top: 32px; padding-bottom: 32px;} #sh135-temp .section-stats {padding-top: 32px; padding-bottom: 32px;} #sh135-temp .section-hive-info {padding-top: 32px; padding-bottom: 32px;} #sh135-temp .section-gallery {padding-top: 32px; padding-bottom: 32px;} #sh135-temp .section-offers {padding-top: 32px; padding-bottom: 32px;} #sh135-temp .section-blog {padding-top: 32px; padding-bottom: 32px;} #sh135-temp .section-downloads {padding-top: 32px; padding-bottom: 32px;} #sh135-temp .section-faq {padding-top: 32px;} #sh135-temp .section-importance .rows-wrapper .single-row {padding-right: 0;} #sh135-temp .section-hive-info .hive-wrapper {min-height: 420px;} #sh135-temp .section-hive-info .hive-wrapper .hive-img {max-width: 620px;} #sh135-temp .section-hive-info .hive-wrapper .single-card {padding: 16px;} #sh135-temp .section-hive-info .hive-wrapper .single-card.card-build {left: 50%; width: 320px;} #sh135-temp .section-hive-info .hive-wrapper .single-card.card-teach {top: 120px; width: 320px;} #sh135-temp .section-hive-info .hive-wrapper .single-card.card-care {top: 250px; width: 320px;} #sh135-temp .section-hive-info .hive-wrapper .single-card .card-heading .card-icon {width: 28px;} #sh135-temp .section-offers .grid-box .decor-img {display: none;} #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide {gap: 24px; padding: 20px 24px;} } @media all and (max-width: 992px) { #sh135-temp .section-banner-top {display: flex; flex-direction: column; padding-bottom: 24px;} #sh135-temp .section-banner-top .banner-img {position: static; width: 100%; max-width: 680px; margin-left: auto; transform: none; aspect-ratio: 1132 / 560; object-fit: cover; object-position: top;} #sh135-temp .section-banner-top .banner-content {min-height: 0; padding-top: 8px; padding-bottom: 8px;} #sh135-temp .section-banner-top .banner-content .content-text {max-width: 100%;} #sh135-temp .section-banner-top .banner-content .content-text .text-desc {margin-top: 16px;} #sh135-temp .section-banner-top .banner-content .content-text .text-highlight {margin-top: 8px;} #sh135-temp .section-how-it-works .grid-box {grid-template-columns: 1fr; gap: 24px;} #sh135-temp .section-how-it-works .grid-box .img-decor {max-width: 380px;} #sh135-temp .section-how-it-works .grid-box .content-box {gap: 12px; max-width: 100%;} #sh135-temp .section-how-it-works .grid-box .content-box .content-heading {margin-bottom: 4px;} #sh135-temp .section-video-box .section-content .videos-wrapper {gap: 16px;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box .video-play-btn {width: 72px; height: 72px;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box .video-play-btn .play-icon {width: 22px; margin-left: 4px;} #sh135-temp .section-importance .rows-wrapper {gap: 40px;} #sh135-temp .section-importance .rows-wrapper .single-row {grid-template-columns: 1fr 110px; gap: 32px;} #sh135-temp .section-importance .rows-wrapper .single-row .hexagon-icon {width: 110px;} #sh135-temp .section-stats .boxes-wrapper {gap: 16px;} #sh135-temp .section-stats .boxes-wrapper .single-box {min-height: 170px; padding: 24px;} #sh135-temp .section-hive-info .hive-wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; min-height: 0;} #sh135-temp .section-hive-info .hive-wrapper .picture {grid-column: 1/-1;} #sh135-temp .section-hive-info .hive-wrapper .hive-img {position: static; transform: none; max-width: 560px; margin: 0 auto;} #sh135-temp .section-hive-info .hive-wrapper .single-card {position: static; width: 100% !important;} #sh135-temp .section-offers .grid-box .boxes-wrapper {gap: 16px;} #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box .box-content {gap: 12px; padding: 24px 24px 56px 24px;} #sh135-temp .section-blog .boxes-wrapper {gap: 16px;} #sh135-temp .section-blog .boxes-wrapper .single-box .box-content {gap: 16px; padding: 24px;} #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide {gap: 16px; padding: 16px;} #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide .slide-icon {width: 52px; height: 52px;} #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide .slide-icon .icon {width: 22px;} } @media all and (max-width: 768px) { #sh135-temp .f-24 {font-size: 1.8rem;} #sh135-temp .f-26 {font-size: 2.0rem;} #sh135-temp .f-28 {font-size: 2.2rem;} #sh135-temp .f-30 {font-size: 2.4rem;} #sh135-temp .f-32 {font-size: 2.4rem;} #sh135-temp .f-34 {font-size: 2.8rem;} #sh135-temp .f-36 {font-size: 2.8rem;} #sh135-temp .f-38 {font-size: 2.8rem;} #sh135-temp .f-40 {font-size: 2.8rem;} #sh135-temp .f-42 {font-size: 2.8rem;} #sh135-temp .f-46 {font-size: 2.8rem;} #sh135-temp .f-60 {font-size: 3.8rem;} #sh135-temp .f-64 {font-size: 4.2rem;} #sh135-temp .f-70 {font-size: 4.8rem;} #sh135-temp .title-box {gap: 4px; margin-bottom: 20px;} #sh135-temp .slider-wrapper .slider-box {-webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 64px), transparent 100%); mask-image: linear-gradient(90deg, #000 calc(100% - 64px), transparent 100%);} #sh135-temp .slider-wrapper .slider-progress {margin-top: 16px;} #sh135-temp .section-banner-top .btn-wrapper {margin-top: 16px;} #sh135-temp .section-banner-top .btn-wrapper .btn-scroll-to {gap: 16px; padding-left: 24px;} #sh135-temp .section-banner-top .btn-wrapper .btn-scroll-to .btn-icon {width: 36px;} #sh135-temp .section-how-it-works {padding-top: 32px; padding-bottom: 24px;} #sh135-temp .section-video-box {padding-top: 24px; padding-bottom: 24px;} #sh135-temp .section-importance {padding-top: 24px; padding-bottom: 24px;} #sh135-temp .section-stats {padding-top: 24px; padding-bottom: 24px;} #sh135-temp .section-hive-info {padding-top: 24px; padding-bottom: 24px;} #sh135-temp .section-gallery {padding-top: 24px; padding-bottom: 24px;} #sh135-temp .section-offers {padding-top: 24px; padding-bottom: 24px;} #sh135-temp .section-blog {padding-top: 24px; padding-bottom: 24px;} #sh135-temp .section-downloads {padding-top: 24px; padding-bottom: 24px;} #sh135-temp .section-faq {padding-top: 24px;} #sh135-temp .section-sources {padding-bottom: 48px;} #sh135-temp .section-video-box .section-content {gap: 16px; padding: 16px; border-radius: 24px;} #sh135-temp .section-video-box .section-content .videos-wrapper {grid-template-columns: 1fr;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box {border-radius: 12px;} #sh135-temp .section-importance .rows-wrapper {gap: 32px;} #sh135-temp .section-importance .rows-wrapper .single-row {grid-template-columns: 1fr; gap: 16px;} #sh135-temp .section-importance .rows-wrapper .single-row .hexagon-icon {order: -1; width: 90px;} #sh135-temp .section-stats .boxes-wrapper .single-box {min-height: 150px; padding: 20px;} #sh135-temp .section-stats .boxes-wrapper .single-box .box-decor.decor-pin {top: 20px; right: 8px; width: 120px;} #sh135-temp .section-hive-info .hive-wrapper {grid-template-columns: 1fr; gap: 12px;} #sh135-temp .section-offers .grid-box .boxes-wrapper {grid-template-columns: 1fr; gap: 24px;} #sh135-temp .section-blog .boxes-wrapper {grid-template-columns: 1fr;} #sh135-temp .section-faq .faq-wrapper .single-faq {gap: 12px; padding: 12px 0 16px 0;} } @media all and (max-width: 576px) { #sh135-temp .section-how-it-works .grid-box .img-decor {max-width: 300px;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box .video-play-btn {width: 60px; height: 60px;} #sh135-temp .section-video-box .section-content .videos-wrapper .video-box .video-play-btn .play-icon {width: 18px;} #sh135-temp .section-stats .boxes-wrapper {grid-template-columns: 1fr;} #sh135-temp .section-offers .grid-box .boxes-wrapper .single-box .tauron-btn {max-width: 240px;} #sh135-temp .section-blog .boxes-wrapper .single-box .box-content .box-title br {display: none;} #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide .slide-icon {width: 44px; height: 44px;} #sh135-temp .section-downloads .slider-wrapper .slider-box .single-slide .slide-icon .icon {width: 20px;} #sh135-temp .section-faq .faq-wrapper .single-faq .row-top {grid-template-columns: 1fr max-content; gap: 8px;} #sh135-temp .section-faq .faq-wrapper .single-faq .row-top .label-btn .btn-name {display: none;} } /* SCROLL REVEAL */ #sh135-temp .reveal-section { transform: translateY(30px); opacity: 0; transition: opacity 1.5s, transform 1.5s; } #sh135-temp .reveal-section.is-visible { transform: translateY(0); opacity: 1; } @media all and (max-width: 992px) { #sh135-temp .reveal-section { transform: none !important; opacity: 1 !important; transition: none !important; } } /* RIPPLE - style poza media query, żeby span.ripple nie rozpychał przycisku po zmianie szerokości okna */ #sh135-temp .tauron-btn { overflow: hidden; position: relative; } #sh135-temp .tauron-btn .ripple { position: absolute; transform: scale(0); pointer-events: none; background-color: rgba(255, 255, 255, 0.35); border-radius: 50%; animation: tauron-ripple 1.25s linear; } @keyframes tauron-ripple { to { transform: scale(6); opacity: 0; } }