* { 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: 10.5px; } html.zoom4 { font-size: 11px; } 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.5; } #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 textarea { resize: none; } #sh135-temp .f-12 { font-size: 12px; } #sh135-temp .f-16 { font-size: 1.6rem; } #sh135-temp .f-18 { font-size: 1.8rem; } #sh135-temp .f-20 { font-size: 2rem; } #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-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-42 { font-size: 4.2rem; } #sh135-temp .f-50 { font-size: 5.0rem; } #sh135-temp .f-60 { font-size: 6.0rem; } #sh135-temp .f-70 { font-size: 7rem; } #sh135-temp .f-100 { font-size: 10rem; } #sh135-temp .uppercase { text-transform: uppercase; } #sh135-temp .normalcase { text-transform: initial; } #sh135-temp .italic { font-style: italic; } #sh135-temp .bold { font-weight: bold; } #sh135-temp .semibold { font-weight: 600; } #sh135-temp .light { font-weight: 300; } #sh135-temp .magenta { color: #E2007E; } #sh135-temp { max-width: 1920px; margin-right: auto; margin-left: auto; } #sh135-temp .page-container { width: 100%; max-width: 1430px; margin-right: auto; margin-left: auto; padding: 0 15px; } #sh135-temp .btn-magenta { display: flex; align-items: center; justify-content: center; min-width: 225px; width: 100%; padding: 6px 12px; background-color: #E2007E; color: #FFF; border: 1px solid #E2007E; border-radius: 4px; transition: background-color .3s, border-color .3s; } #sh135-temp .btn-magenta:hover { background-color: #AA036C; border-color: #AA036C; } #sh135-temp .btn-white { display: flex; align-items: center; justify-content: center; min-width: 225px; width: 100%; padding: 6px 12px; background-color: #FFF; color: #E2007E; border: 1px solid #E2007E; border-radius: 4px; transition: background-color .3s, color .3s; } #sh135-temp .btn-white:hover { background-color: #E2007E; color: #FFF; } #sh135-temp .section-title { margin-right: auto; margin-left: auto; text-align: center; line-height: 1.2; } #sh135-temp .section-title.bottom-space-off { padding-bottom: 0; } #sh135-temp .section-subtitle { margin-right: auto; margin-left: auto; padding-bottom: 40px; text-align: center; line-height: 1.25; } #sh135-temp .section-padding { padding-bottom: 40px; } #sh135-temp .owl-dots { display: none; align-items: center; justify-content: center; gap: 16px; margin-top: 24px; } #sh135-temp .owl-dots .owl-dot { width: 24px; height: 24px; background-color: #FFF; border: 1px solid #707173; border-radius: 50%; } #sh135-temp .owl-dots .owl-dot.active { background-color: #E2007E; } #sh135-temp .heading-box {margin-top: 24px; margin-bottom: 40px; text-align: center;} #sh135-temp button.slick-arrow {width: auto; height: auto;} #sh135-temp button.slick-arrow.slick-next {right: -16px;} #sh135-temp button.slick-arrow.slick-prev {left: -16px;} .tooltip-box {position: absolute; top: 50%; left: 0; z-index: 1; transform: translateY(-50%);} .tooltip-box .tooltip-icon {display: block; cursor: pointer;} .tooltip-box .tooltip-icon path {transition: fill .3s;} .tooltip-box .tooltip-icon:hover path {fill: #E2007E;} .tooltip-box .tooltip-content {position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%); display: none; min-width: 400px; width: 100%; padding: 16px 24px; background-color: #FFF; box-shadow: 0 0 12px rgba(17, 17, 17, 0.24); font-weight: 400 !important; border: 1px solid #FFF; border-radius: 20px;} .tooltip-box:hover .tooltip-content {display: block;} .tooltip-box .tooltip-content .tooltip-text {font-weight: 400 !important;} #sh135-temp .section-info-top {display: none; margin-top: 64px; margin-bottom: 64px;} #sh135-temp .section-info-top.show {display: block;} #sh135-temp .section-info-top .grid-columns {position: relative; display: grid; grid-template-columns: calc(50% - 32px) calc(50% - 32px); align-items: center; justify-content: space-between; gap: 64px;} #sh135-temp .section-info-top .grid-columns .loader-box {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #FFF;} #sh135-temp .section-info-top .grid-columns .grid-col {height: 100%; padding: 24px;} #sh135-temp .section-info-top .grid-columns .grid-col.left {padding: 32px 40px;} #sh135-temp .section-info-top .grid-columns .grid-col.left .top-slider-box .img-box .slide-img {min-width: 350px; height: auto; max-height: 450px; margin: 0 auto;} #sh135-temp .section-info-top .grid-columns .grid-col.left .top-slider-navigation {margin-top: 24px;} #sh135-temp .section-info-top .grid-columns .grid-col.left .top-slider-navigation .slick-track {display: flex; justify-content: space-between; min-width: 100%;} #sh135-temp .section-info-top .grid-columns .grid-col.left .top-slider-navigation .img-box {display: flex; align-items: center; justify-content: center; width: 80px; max-width: 80px; height: 80px; border: 1px solid transparent; border-radius: 10px; transition: border-color .3s;} #sh135-temp .section-info-top .grid-columns .grid-col.left .top-slider-navigation .img-box.slick-current {border-color: #E2007E;} #sh135-temp .section-info-top .grid-columns .grid-col.left .top-slider-navigation .img-box:hover {border-color: #E2007E;} #sh135-temp .section-info-top .grid-columns .grid-col.left .top-slider-navigation .img-box .slide-img {display: block; max-width: 100%; height: auto; margin: 0 auto; cursor: pointer;} #sh135-temp .section-info-top .grid-columns .grid-col.left .top-slider-navigation .img-box.slick-active .slide-img {border-radius: 10px;} #sh135-temp .section-info-top .grid-columns .grid-col.left .top-slider-navigation .slick-list.draggable:not(:has(+ button)) .slick-track {transform: translate3d(0, 0, 0) !important;} #sh135-temp .section-info-top .grid-columns .grid-col.right {display: flex; flex-direction: column; background-color: #FFF; border: 1px solid #707173; border-radius: 20px;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top {display: grid; grid-template-columns: 1.75fr 1fr; align-items: flex-start; justify-content: space-between; gap: 16px;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-left .device-name {line-height: 1;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-left .device-details {display: flex; align-items: center; gap: 10px; color: #E2007E;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-left .device-details:hover .link-text {text-decoration: underline;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-left .device-details .link-icon {transform: translateY(1px);} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-left .row-bottom {display: flex; align-items: center; justify-content: center; min-width: 265px; width: 100%; max-width: 300px; height: 35px; margin-top: 16px; margin-right: auto; padding: 6px 12px 8px 12px; background-color: #EDEDED; text-align: center; border-radius: 50px;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-left .row-bottom .row-text {display: flex; align-items: center; gap: 3px; font-size: 18px !important; line-height: 1;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-left .row-bottom .row-text .text-highlighted {color: #E2007E;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-left .row-bottom .row-text .disclaimer-number {font-size: 9px;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-left .row-bottom .row-text .tooltip-box {position: relative; top: unset; left: unset; transform: translate(0, 0); text-align: left;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top {display: flex; flex-direction: column; align-items: flex-end; gap: 0; width: max-content; margin-left: auto;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .price-value {color: #E2007E; font-size: 36px !important; white-space: nowrap; line-height: 1;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .price-label {position: relative; z-index: 23; display: flex; gap: 4px; margin-right: auto;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .price-label .top-text {line-height: 1;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .price-label .bottom-text {line-height: 1;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .price-label .tooltip-box {position: static; transform: translate(0, 0); display: flex; align-items: center;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .price-label .tooltip-content {transform: translateX(-75%);} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .price-label > p {font-weight: 600; text-align: right; line-height: 1;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .price-label > div {display: flex; gap: 4px;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .prices-wrapper {display: flex; align-items: flex-end; gap: 16px;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .prices-wrapper .price-value-old {font-size: 20px !important; text-decoration: line-through; line-height: 1;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .code-box {margin: 8px auto; padding: 6px 16px; font-size: 13px; line-height: 1; border: 1px solid #E2007E; border-radius: 50px;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .code-box > span {font-weight: 700;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .price-day30 {margin-right: auto; margin-left: auto; color: #757575; font-size: 13px; text-align: center;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .price-label .tooltip-icon {transform: translateY(1px); width: 15px; height: auto;} #sh135-temp .section-info-top .grid-columns .grid-col.right .choose-type-box {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 24px 0;} #sh135-temp .section-info-top .grid-columns .grid-col.right .choose-type-box .single-choose {padding: 12px 20px; color: #707173; border: 1px solid #EDEDED; border-radius: 3px; transition: color .3s, border-color .3s;} #sh135-temp .section-info-top .grid-columns .grid-col.right .choose-type-box .single-choose:hover {color: #E2007E; border-color: #E2007E;} #sh135-temp .section-info-top .grid-columns .grid-col.right .choose-type-box .single-choose.active {color: #E2007E; border-color: #E2007E;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom {display: flex; flex-direction: column; justify-content: space-between; gap: 8px; height: 100%;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-labels {display: flex; align-items: flex-start; gap: 48px; margin-bottom: 24px; border-bottom: 1px solid #D9D9D9;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-labels .single-data-label {position: relative; padding: 0 12px 6px 12px; color: #808080; cursor: pointer; transition: color .3s;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-labels .single-data-label:hover {color: #000;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-labels .single-data-label.active {color: #000;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-labels .single-data-label.active::after {content: ''; position: absolute; bottom: 0; left: 0; transform: translateY(1px); width: 100%; height: 2px; background-color: #E2007E; -moz-animation: highlightTabelLabel .2s ease-in; -webkit-animation: highlightTabelLabel 2s ease-in; animation: highlightTabelLabel .2s ease-in;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .essential-features-box {display: none;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .essential-features-box .essential-features-list {display: flex; flex-direction: column; gap: 12px;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .essential-features-box .essential-features-list .single-feature {display: flex; align-items: center; gap: 16px;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .essential-features-box .essential-features-list .single-feature .list-icon {display: block; min-width: 11px; min-height: 11px;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .essential-features-box .essential-features-list .single-feature .list-item {line-height: 1;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .essential-features-box .essential-features-list .single-feature .list-item .highlighted-text {font-weight: 700;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .specification-box {display: none;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .specification-box .single-row {display: grid; grid-template-columns: minmax(160px, 225px) auto; gap: 24px; padding: 6px 0; border-bottom: 1px solid #DEDEDE;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .specification-box .single-row:last-child {border-bottom: none;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .specification-box .single-row .specification-name {position: relative; display: flex; align-items: center; padding-left: 24px;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .specification-box .single-row .specification-name .name-text {color: #000; line-height: 1;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .specification-box .single-row .specification-name .tooltip-box {position: absolute; top: 50%; left: 0; z-index: auto; transform: translateY(-50%);} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .specification-box .single-row .specification-name .tooltip-box .tooltip-icon {display: block; cursor: pointer;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .specification-box .single-row .specification-name .tooltip-box .tooltip-icon path {transition: fill .3s;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .specification-box .single-row .specification-name .tooltip-box .tooltip-icon:hover path {fill: #E2007E;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .specification-box .single-row .specification-name .tooltip-box .tooltip-content {position: absolute; top: calc(100% - 130px); left: 50%; transform: translateX(-60%); display: none; min-width: 660px; width: 100%; padding: 16px 24px; background-color: #FFF; box-shadow: 0 0 12px rgba(17, 17, 17, 0.24); border-radius: 20px;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .specification-box .single-row .specification-name .tooltip-box:hover .tooltip-icon + .tooltip-content {display: block;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .specification-box .single-row .specification-value {display: flex; align-items: center;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .specification-box .single-row .specification-value .value-text {line-height: 1;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom.active-tab-1 .description-wrapper .table-data .essential-features-box {display: block;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom.active-tab-2 .description-wrapper .table-data .specification-box {display: block;} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box {display: grid; grid-template-columns: repeat(2, 200px); justify-content: flex-end; gap: 12px; margin-top: 36px;} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box {display: flex; flex-direction: column; justify-content: flex-end; height: 100%;} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .single-btn {display: flex; align-items: center; justify-content: center; min-width: 200px; width: 100%; max-width: 200px; height: 50px; padding-bottom: 1px; font-size: 18px !important; border: 1px solid #E2007E; border-radius: 4px; transition: background-color .3s, border-color .3s, color .3s;} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .single-btn.variant-magenta {background-color: #E2007E; color: #FFF;} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .single-btn.variant-magenta:hover {background-color: #B6206A;} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .single-btn.variant-white {background-color: #FFF; color: #000; border-color: #000;} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .single-btn.variant-white:hover {background-color: #E2007E; color: #FFF; border-color: #E2007E;} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .single-btn.variant-text {justify-content: flex-start; gap: 4px; min-width: auto; max-width: 100%; margin-right: auto; padding-bottom: 0; color: #000; border: none; border-radius: 0;} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .single-btn.variant-text:hover {color: #E2007A;} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .single-btn.variant-text svg {display: block; min-width: 11px; height: auto;} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .btn-label {margin-bottom: 12px; color: #707173; line-height: 1;} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .button-label {position: relative; margin-bottom: 6px; color: #757575; font-size: 12px; line-height: 1;} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .button-label .tooltip-box {position: relative !important; top: unset !important; left: unset !important; transform: translate(0, 0) !important; display: inline-block;} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .button-label .tooltip-box .tooltip-icon {transform: translateY(3px);} #sh135-temp .section-info-top .grid-columns .grid-col.right:has(.tooltip-box:hover) {position: relative; z-index: 33;} #sh135-temp .section-devices-tiles .scroll-box::-webkit-scrollbar {width: 3px; height: 3px;} #sh135-temp .section-devices-tiles .scroll-box::-webkit-scrollbar-track {background: rgba(112, 113, 115, 0.5);} #sh135-temp .section-devices-tiles .scroll-box::-webkit-scrollbar-thumb {background: #E2007E;} #sh135-temp .section-devices-tiles .devices-tiles-box {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 64px;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile {position: relative; display: flex; align-items: center; gap: 16px; padding: 12px 24px; background-color: #FFF; border: 1px solid #A5A6A6; border-radius: 20px; cursor: pointer; transition: border-color .3s, box-shadow .3s;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile:has(.tooltip-box:hover) {z-index: 85} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile:hover {position: relative; z-index: 2; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-color: #E2007E;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile.active {box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-color: #000;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .img-box {display: flex; align-items: center; justify-content: center; width: 110px; height: 90px;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .img-box .img {display: block; width: 100%; max-width: 110px; height: auto; margin: 0 auto;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box {display: flex; flex-direction: column; justify-content: center; gap: 12px; color: #000;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .device-name {color: #000; line-height: 1;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .device-price-info {position: relative; z-index: 3; color: #707173; line-height: 1;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .device-price-info .price-value {color: #E2007E; font-weight: 600;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .device-price-info .price-value-old {display: none;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .device-price-info .tooltip-box {position: static; transform: translate(0, 2px); display: inline-flex; align-items: center; max-width: 14px;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .additional-info-box {display: none;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .additional-info-box .code-box {position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-around; max-width: 230px; margin: 8px auto; padding: 6px 16px; font-size: 13px; line-height: 1; border: 1px solid #E2007E; border-radius: 50px;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .additional-info-box .code-box > span {font-weight: 700;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .additional-info-box .price-day30 {font-size: 13px;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .tile-essentials-features {display: none;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .bottom-link {display: none;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .single-tile-link {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; width: 100%; height: 100%;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .code-box .tooltip-box .tooltip-content {left: unset !important; right: 0; transform: translateX(0);} #sh135-temp .section-devices-tiles .scroll-content-btn {display: none; width: max-content; margin-left: auto; cursor: pointer;} #sh135-temp .section-devices-tiles .scroll-content-btn .icon path {transition: stroke .3s;} #sh135-temp .section-devices-tiles .scroll-content-btn:hover .icon path {stroke: #E2007E;} #sh135-temp .device-preview-popup-overlay {position: fixed; inset: 0; z-index: 999999; display: none; align-items: center; justify-content: center; padding: 15px; background-color: rgba(255, 255, 255, 0.9);} #sh135-temp .device-preview-popup-overlay.show {display: flex;} #sh135-temp .device-preview-popup-overlay .device-preview-popup {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 900px; min-height: 500px; margin: 0 auto; padding: 30px;} #sh135-temp .device-preview-popup-overlay .device-preview-popup .img-box {display: flex; align-items: center; justify-content: center;} #sh135-temp .device-preview-popup-overlay .device-preview-popup .close-popup-btn {position: absolute; top: 15px; right: 15px; z-index: 2;} #sh135-temp .device-preview-popup-overlay .device-preview-popup .close-popup-btn .close-popup-icon {display: block; min-width: 36px; height: auto;} #sh135-temp .device-preview-popup-overlay .device-preview-popup .close-popup-btn .close-popup-icon path {fill: #000; transition: fill .3s;} #sh135-temp .device-preview-popup-overlay .device-preview-popup .close-popup-btn:hover .close-popup-icon path {fill: #E2007E;} #sh135-temp .device-preview-popup-overlay .device-preview-popup .popup-slider {width: 100%; height: 100%;} .contrast #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-left .row-bottom {border: 1px solid #FEE800 !important;} .contrast #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-left .row-bottom .row-text .text-highlighted {color: #FEE800 !important;} .contrast #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .code-box {border-color: #FEE800 !important;} .contrast #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .code-box > span {color: #FEE800 !important;} .contrast #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .single-btn:not(.variant-text) {border: 1px solid #FEE800 !important;} .contrast #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .single-btn:not(.variant-text):hover {background-color: #FEE800 !important; color: #000 !important;} .contrast #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .single-btn.variant-text:hover {text-decoration: underline;} .contrast #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-labels .single-data-label.active::after {background-color: #FEE800 !important;} .contrast #sh135-temp .section-info-top .grid-columns .grid-col.right .data-bottom .description-wrapper .table-data .essential-features-box .essential-features-list .single-feature .list-icon circle {fill: #FEE800 !important;} .contrast .tooltip-box .tooltip-icon:hover path {fill: #FEE800 !important;} .contrast .tooltip-box .tooltip-content {border: 1px solid #FFF;} .contrast #sh135-temp .section-info-top .grid-columns .grid-col.left .top-slider-navigation .img-box.slick-current {border-color: #FEE800 !important;} .contrast #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile.active {border-color: #FEE800 !important;} .contrast #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile:hover {border-color: #FEE800 !important;} .contrast #sh135-temp .section-info-top .grid-columns .grid-col.left .top-slider-navigation .img-box:hover {border-color: #FEE800 !important;} .contrast #sh135-temp .section-info-top .grid-columns .grid-col.right .choose-type-box .single-choose {border-color: #FEE800 !important;} .contrast #sh135-temp .section-info-top .grid-columns .grid-col.right .choose-type-box .single-choose:hover {border-color: #FEE800 !important;} .contrast #sh135-temp .section-info-top .grid-columns .grid-col.right .choose-type-box .single-choose:hover {background-color: #FEE800 !important; color: #000 !important;} .contrast #sh135-temp .section-menu-inner .menu-inner-box .row-bottom .link:hover {border-color: #FFE800 !important;} .contrast #sh135-temp .section-menu-inner .menu-inner-box .row-bottom .link.active {border-color: #FFE800 !important;} .contrast #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .single-tile-link {background: transparent !important;} .slick-arrow::before {display: none;} .slick-list {overflow: visible !important; overflow-x: clip !important;} .slick-track {display: flex; align-items: center;} #sh135-temp .device-preview-popup-overlay .device-preview-popup .popup-slider {display: none;} #sh135-temp .device-preview-popup-overlay .device-preview-popup .popup-slider.active {display: block;} #sh135-temp .device-preview-popup-overlay .device-preview-popup .popup-slider .top-slider-box {margin-bottom: 24px;} #sh135-temp .device-preview-popup-overlay .device-preview-popup .popup-slider .img-box {display: flex; align-items: center; justify-content: center;} #sh135-temp .device-preview-popup-overlay .device-preview-popup .popup-slider .slide-img {display: block; width: 100%;} #sh135-temp .device-preview-popup-overlay .device-preview-popup .popup-slider .top-slider-box .slide-img {max-height: 500px;} #sh135-temp .device-preview-popup-overlay .device-preview-popup .popup-slider .top-slider-box .slick-track {display: flex; align-items: center;} #sh135-temp .device-preview-popup-overlay .device-preview-popup .popup-slider .top-slider-navigation .slide-img {max-height: 100px; border-radius: 10px;} .device-preview-popup .slick-track {gap: 16px;} .popup-slider .top-slider-navigation .slick-list {display: flex;} .device-preview-popup-overlay .device-preview-popup .popup-slider .top-slider-navigation .img-box {height: 100%; border: 1px solid #E2007E; border-radius: 10px;} .device-preview-popup-overlay .device-preview-popup .popup-slider .top-slider-navigation .img-box {height: 100%; border: 1px solid transparent; border-radius: 10px; cursor: pointer;} .device-preview-popup-overlay .device-preview-popup .popup-slider .top-slider-navigation .img-box.slick-current {border-color: #E2007E;} .contrast .device-preview-popup-overlay .device-preview-popup .popup-slider .top-slider-navigation .img-box.slick-current {border-color: #FFE800 !important;} .contrast #sh135-temp .device-preview-popup-overlay .device-preview-popup .close-popup-btn .close-popup-icon {background-color: transparent !important;} .contrast #sh135-temp button.slick-arrow path {stroke: #FFE800 !important;} .contrast #sh135-temp .device-preview-popup-overlay .device-preview-popup .close-popup-btn .close-popup-icon path {fill: #FFE800 !important;} .contrast .tooltip-box .tooltip-icon path {fill: #FFE800 !important;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile:nth-child(3n) .tooltip-box .tooltip-content {right: -50%; transform: translateX(-75%);} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .code-box { display: flex; align-items: center; justify-content: space-evenly; width: 100%; max-width: 255px; } #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .code-box .tooltip-box, #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .additional-info-box .code-box .tooltip-box { position: relative; transform: translate(0, 0); display: flex; align-items: center; } #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-left .row-bottom .row-text .tooltip-box .tooltip-content { left: 0%; right: 100%; } #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .additional-info-box .code-box .tooltip-box .tooltip-content { top: calc(100% - 300px); min-width: 300px; } #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .device-price-info .tooltip-box .tooltip-content { top: calc(100% - 260px); min-width: 450px; } #sh135-temp .section-prosumer-offer .single-row-wrapper .single-box .box-info .info {text-align: left;} @media all and (max-width: 576px) { #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .device-price-info .tooltip-box .tooltip-content { top: calc(100% - 260px); } } @keyframes highlightTabelLabel { from {width: 0;} to {width: 100%;} } @media all and (min-width: 992px) { #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile:nth-child(3n) .tooltip-box .tooltip-content {right: -50%; transform: translateX(-75%);} } @media all and (max-width: 1600px) { #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .button-label .tooltip-box .tooltip-content {right: 0; transform: translateX(-100%);} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .single-btn {font-size: 16px !important;} } @media all and (max-width: 1400px) { #sh135-temp .section-info-top .grid-columns {grid-template-columns: calc(50% - 8px) calc(50% - 8px); gap: 16px;} #sh135-temp .section-info-top .grid-columns .grid-col {padding: 16px;} #sh135-temp .section-info-top .grid-columns .grid-col.left {padding: 24px 16px;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top {gap: 6px;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top {gap: 12px;} } @media all and (max-width: 1200px) { #sh135-temp .f-16 { font-size: 1.6rem; } #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-30 { font-size: 2.6rem; } #sh135-temp .f-32 { font-size: 2.8rem; } #sh135-temp .f-34 { font-size: 3.0rem; } #sh135-temp .f-36 { font-size: 3.2rem; } #sh135-temp .f-42 { font-size: 3.8rem; } #sh135-temp .section-info-top .grid-columns {grid-template-columns: calc(40% - 8px) calc(60% - 8px); gap: 16px;} } @media all and (max-width: 992px) { #sh135-temp .heading-box {margin-bottom: 24px;} #sh135-temp .section-info-top {display: none !important;} #sh135-temp .section-devices-tiles .scroll-box {overflow-y: hidden; overflow-x: auto; margin-bottom: 16px; padding-bottom: 40px; -webkit-overflow-scrolling: touch;} #sh135-temp .section-devices-tiles .devices-tiles-box {display: flex; gap: 16px; margin-bottom: 0; padding: 0 8px;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile {flex-direction: column; min-width: 40vw; padding: 16px; text-align: center;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box {gap: 24px;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .tile-essentials-features {display: block;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .tile-essentials-features .highlighted-text {font-weight: 700;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .bottom-link {display: block;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .device-price-info {display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .device-price-info .price-value {flex-basis: 100%; font-size: 2.8rem;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .device-price-info .tooltip-box {transform: translateY(1px);} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile:last-child .content-box .device-price-info .tooltip-box .tooltip-content {transform: translateX(-100%);} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .bottom-link .link-text {margin-right: 8px; transition: color .3s;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile:hover .content-box .bottom-link .link-text {color: #E2007E;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .additional-info-box {display: block;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .device-price-info .price-value {font-size: 2.4rem;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .device-price-info .price-value-old {display: block; color: #000; font-size: 1.8rem; text-decoration: line-through;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .img-box {width: 200px;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .img-box .img {width: 100%; max-width: 100%; height: auto;} #sh135-temp .device-preview-popup-overlay .device-preview-popup {min-width: unset; width: 100%;} #sh135-temp .device-preview-popup-overlay {display: none !important;} #sh135-temp .section-info-top .grid-columns .grid-col.right .data-top .box-right .row-top .code-box .tooltip-box .tooltip-content {transform: translateX(50%) !important;} #sh135-temp .section-info-top .grid-columns .grid-col.right .buttons-box .single-box .button-label .tooltip-box .tooltip-content {transform: translateX(25%) !important; min-width: 275px;} } @media all and (max-width: 768px) { html { font-size: 10px; } html.zoom-x2 { font-size: 10.5px !important; } html.zoom-x4 { font-size: 11px !important; } #sh135-temp .f-16 { font-size: 1.6rem; } #sh135-temp .f-18 { font-size: 1.6rem; } #sh135-temp .f-20 { font-size: 1.6rem; } #sh135-temp .f-22 { font-size: 1.6rem; } #sh135-temp .f-24 { font-size: 1.6rem; } #sh135-temp .f-26 { 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: 3.6rem; } #sh135-temp .f-36 { font-size: 2.8rem; } #sh135-temp .f-42 { font-size: 3.4rem; } #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .device-price-info .price-value {font-size: 2.2rem;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .device-name {font-size: 2.2rem;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile .content-box .device-price-info .tooltip-box .tooltip-content {max-width: 280px;} #sh135-temp .section-white-banner .banner-box .left-box .banner-icon.banner-icon {min-width: 32px;} #sh135-temp .section-menu-inner .menu-inner-box.fixed {padding-bottom: 16px;} } @media all and (max-width: 576px) { #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile {min-width: 80vw;} .tooltip-box .tooltip-content {transform: translateX(-60%); min-width: 300px;} #sh135-temp .section-devices-tiles .scroll-box {padding-bottom: 80px;} #sh135-temp .section-devices-tiles .devices-tiles-box .single-tile:last-child .content-box .device-price-info .tooltip-box .tooltip-content {transform: translateX(-80%);} #sh135-temp .section-devices-tiles .scroll-content-btn {display: block;} }