/*  NOTEBOOK  */
@media screen and (max-width: 1700px){

html, body {width: 100vw; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}

.side-menu {display: none; visibility: hidden; left: 0px; right: auto; }
.is-side-menu .web-content {width: auto; max-width: 100%; margin: auto; margin-left: 235px;}
.is-side-menu .bottom-logos {width: auto; margin-left: 235px; margin-right: 1%;}
.is-side-menu .bottom-logos-in {width: auto; max-width: 80vw;}
.is-side-menu .bottom-info {width: auto; min-width: 80vw; margin-left: 235px; margin-right: 1%;}

.is-side-menu .web-content-pros {width: auto; max-width: 100%; margin: auto; margin-left: 240px; margin-right: 1%;}




/* PRODUCT FLOAT */
.VVZ-PRO-form-FLOAT-in {width: 99.2%;}

.VVZ-PRO-form-FLOAT-right {padding-right: 50px;}




}
/* NOTEBOOK */
@media screen and (max-width: 1500px){



}
/* MOBIL */
@media screen and (max-width: 900px){



.web-header-ghost {height: 66px;}


.web-header {height: 66px; left: 0px; top: 0px; position: fixed;}
.web-header-in {width: 100%; max-width: 100%; height: 66px; background: linear-gradient(90deg,rgb(255, 255, 255) 25%, rgb(255, 146, 51) 60%, rgb(255, 102, 0) 100%); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
.web-header-inner {height: 66px;}


.home-page .web-header {}
.header-fix .web-header-in {box-shadow: 0px 4px 10px -9px rgb(0, 0, 0) !important;}




.web-logo {width: 102px; height: 64px; top: 0px; left: 5px; background-size: contain !important; background-position: center center !important;}
.web-logo-hu {}



.web-header-in-cart {width: 40px; height: 40px; right: 56px; top: 15px; border-radius: 5px;}
.web-header-in-cart-in {width: 40px; height: 40px;}
.web-header-in-cart-in-icon i {font-size: 24px;}
.quest-form-btn-count {right: 8px; top: 9px;}
.quest-form-btn-count div {width: 15px;height: 15px;left: -10px;top: -10px;font-size: 12px;line-height: 15px;padding: 2px;}
.cart-small-notify-item-in {height: 42px; padding: 0px 10px; gap: 6px;}
.cart-small-notify-item-in i {font-size: 20px;}
.cart-small-notify-item-in span {font-size: 14px; font-weight: 400; letter-spacing: 0.25px;}



.web-header-in-langs {display: none; visibility: hidden;}



.web-main-menu, .web-header-submenu {display: none; visibility: hidden;}

.menu-background {height: 50px;}


.web-header-social {right: 100px; top: 23px; display: none; visibility: hidden;}
.web-header-social-title {display: none; visibility: hidden;}
.web-header-social-items div {width: 32px;}
.web-header-social-items div a {font-size: 19px;}






.new-header-info {width: 40px; height: 40px; top: 30px; right: 196px;}
.web-main-menu-login-head-text {display: none; visibility: hidden;}
.web-main-menu-login-a {pointer-events: none;}
.web-main-menu-login-menu {left: auto; right: 5px; transform-origin: right top; -webkit-transform-origin: right top;}
.web-main-menu-login-menu div a {padding: 10px 15px;}
.web-main-menu-login-head-icon {margin: 4px 4px;}
.web-main-menu-login-head-icon i {font-size: 18px; color: rgb(255, 255, 255);}



.web-menu-cart {height: 50px; width: 130px; top: 11px; right: 50px; padding-left: 0px; border-left: none;}
.web-menu-cart:before {width: 188px; height: 232px; left: -35px; top: -168px;}
.web-menu-cart-i {height: 36px; width: 36px; margin-top: 5px; background-size: 280px auto !important; background-position: -1px -3px !important;}
.web-menu-cart-title {width: 90px; font-size: 8px; left: 43px; right: auto; top: 12px; letter-spacing: 0.1px; white-space: nowrap;}
.web-menu-cart-status {font-size: 10px; width: 85px; padding: 14px 0px 0px 5px; letter-spacing: 0.1px; white-space: nowrap;}
.menu_cart_box {display: none; visibility: hidden;}




.web-header-in-mobil-btn {width: 40px; height: 40px; right: 8px; top: 15px; background: rgb(204, 82, 0); display: flex; justify-content: center; align-items: center; visibility: visible; border-radius: 5px; position: absolute;}
.web-header-in-mobil-btn i {font-size: 28px; color: rgb(255,255,255);}
.web-header-in-mobil-menu {width: 100%; height: calc( 100vh - 66px ); display: block; visibility: visible; top: 66px; left: 0%; bottom: 0%; right: 0%; background: rgba(11, 11, 11, 0.95); overflow-y: auto; position: fixed; z-index: 66; backdrop-filter: blur(3px);}
.web-header-in-mobil-menu {opacity: 0; transform: scale(0);}
.web-header-in-mobil-menu-ACTIVE {opacity: 1; transform: scale(1); transition: opacity 0.3s;}
.web-header-in-mobil-menu-in {width: 94%; max-width: 400px; margin: 15px auto 100px; opacity: 0; transform: translateY(-10px); display: flex; gap: 16px; flex-direction: column; text-align: left; position: relative;}
.web-header-in-mobil-menu-ACTIVE .web-header-in-mobil-menu-in {opacity: 1; transform: translateY(0px); transition: all 0.3s; transition-delay: 0.4s;}

.web-header-in-mobil-menu-in-langs {padding: 0px 0px 5px;}
.web-header-in-mobil-menu-in-langs-in {display: flex; gap: 8px;}
.web-header-in-mobil-menu-in-langs-item {width: 15%; padding: 4px 0px 4px 4px; display: flex; gap: 6px; align-items: center; border-radius: 5px; background: rgba(255, 255, 255, 0.15); overflow: hidden; position: relative;}
.web-header-in-mobil-menu-in-langs-item-flag {width: 20px; height: 19px; border-radius: 3px; overflow: hidden; flex-shrink: 0; flex-grow: 0;}
.web-header-in-mobil-menu-in-langs-item-flag img {width: 100%; height: 100%; object-fit: cover;}
.web-header-in-mobil-menu-in-langs-item-title {display: flex;}
.web-header-in-mobil-menu-in-langs-item-title span {font-size: 10px; letter-spacing: 1px; color: rgb(255, 255, 255); white-space: nowrap;}
.web-header-in-mobil-menu-in-langs-item-active {background: rgba(255, 150, 59, 0.4); box-shadow: 0px 0px 0px 1px rgba(255, 104, 2, 0.6); flex-grow: 1;}
.web-header-in-mobil-menu-in-langs-item-active span {letter-spacing: 1.2px;}

.web-header-in-mobil-menu-in-call {width: 100%; padding: 0px 0px 5px; position: relative;}
.web-header-in-mobil-menu-in-call-in {width: 100%; display: flex; flex-direction: column; position: relative;}
.web-header-in-mobil-menu-in-call-in-title {display: flex; gap: 5px; justify-content: center; align-items: center;}
.web-header-in-mobil-menu-in-call-in-title i {font-size: 16px; line-height: 16px; color: rgb(77, 181, 77);}
.web-header-in-mobil-menu-in-call-in-title span {font-size: 12px; letter-spacing: 1px; color: rgba(255, 255, 255, 0.6);}
.web-header-in-mobil-menu-in-call-in-number {height: 50px; text-align: center; display: flex; justify-content: center; align-items: center;}
.web-header-in-mobil-menu-in-call-in-number div {width: 100%; height: 40px; left: 0%; bottom: 20px; position: absolute;}
.web-header-in-mobil-menu-in-call-in-number strong {height: 40px; font-size: 32px; line-height: 40px; letter-spacing: 1px; color: rgb(255,255,255) !important; font-weight: 600;}
.web-header-in-mobil-menu-in-call-in-pross {padding-top: 0px; display: flex; gap: 7px; justify-content: center; align-items: center;}
.web-header-in-mobil-menu-in-call-in-pross span {font-size: 10px; letter-spacing: 1.1px; color: rgba(255, 255, 255, 0.6);}
.web-header-in-mobil-menu-in-call-in-pross i {color: rgb(88, 193, 88);}
.web-header-in-mobil-menu-in-call-in a {width: 100%; height: 100%; left: 0%; top: 0%; display: block; color: rgb(255,255,255) !important; text-decoration: none; position: absolute; z-index: 9; cursor: pointer;}

.web-header-in-mobil-menu-in a {color: rgb(255,255,255);}

.mobil-menu-in-item-katalog {width: 100%; background: linear-gradient(-45deg,rgb(43, 43, 43) 0%, rgba(41, 41, 41, 0.8) 100%); border-radius: 12px;}
.mobil-menu-in-item-katalog-title {width: 100%; position: relative;}
.mobil-menu-in-item-katalog-title-img {width: 58px; height: 58px; left: -6px; top: -6px; position: absolute;}
.mobil-menu-in-item-katalog-title-img img {width: 100%; height: 100%; object-fit: contain; position: relative; z-index: 9;}
.mobil-menu-in-item-katalog-title-img:before {width: 90%; height: 90%; background: linear-gradient(-45deg,rgb(246, 200, 169) 0%, rgb(255, 255, 255) 80%);left: 0px;top: 0px;right: 0px;bottom: 0px;margin: auto;position: absolute;border-radius: 50%;content:'';}
.mobil-menu-in-item-katalog-title-title {margin: 0px 0px 0px 60px; position: relative;}
.mobil-menu-in-item-katalog-title-title span {font-size: 16px; padding: 13px 0px; color: white; letter-spacing: 0.5px; font-weight: 600; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mobil-menu-in-item-katalog-title a {width: 100%; height: 100%; left: 0px; top: 0px; display: block; position: absolute; z-index: 9;}
.mobil-menu-in-item-katalog-items {padding: 0px; display: flex; gap: 0px 2%; flex-wrap: wrap; max-height: 0px; overflow: hidden;}
.mobil-menu-in-item-katalog-item {width: 49%; padding-bottom: 5px;}
.mobil-menu-in-item-katalog-item a {font-size: 13px; padding: 6px 0px; opacity: 0.85; letter-spacing: 0.5px; display: block;}
.mobil-menu-in-item-katalog-item:nth-child(odd) {clear: left;}
.mobil-menu-in-item-katalog:last-child {}

.mobil-menu-in-item-pages {padding: 20px 0px 0px 20px;}
.mobil-menu-in-item-pages-in {border-left: 2px dashed rgb(255, 103, 1); display: flex; gap: 30px; flex-direction: column;}
.mobil-menu-in-item-page {padding: 0px 0px 0px 35px;}
.mobil-menu-in-item-page-title a {font-size: 21px; letter-spacing: 1px; font-weight: 600;}

.mobil-menu-in-item-page-subs {padding: 10px 0px 0px 20px; display: flex; gap: 12px; flex-direction: column;}
.mobil-menu-in-item-page-sub {}
.mobil-menu-in-item-page-sub a {font-size: 15px; letter-spacing: 0.5px; opacity: 0.7;}


.menu-go {opacity: 1; transform: scale(1);}





.web-header-top {height: 60px; max-width: 100%; top: 60px; position: fixed;}
.web-header-top {opacity: 0; transform: scale(1,0); transform-origin: center bottom; transition: all 0.2s;}
.web-header-top-in {max-width: 100%;}
.web-menu, .web-header-top-blocks , .new-header-vvz-social {display: none;}

.top-menu-go {opacity: 1; transform: scale(1);}




.new-header-search {width: 40px; height: 40px; right: 152px; top: 15px; display: flex; justify-content: center; align-items: center; border-radius: 5px;}
.new-header-search i {font-size: 24px; line-height: 33px;}
.new-header-search-form {width: 100%; top: 66px; right: 0px; background: rgb(238, 238, 238); box-shadow: 0px 20px 25px -10px rgb(0, 0, 0);}
.new-header-search-form-in {padding: 25px 15px 15px;}
.new-header-search-form-main {padding-bottom: 25px;}
#head-search-form-input {font-size: 15px; padding: 12px 4%; width: 92%; outline: 1.5px dashed rgb(183, 183, 183); outline-offset: 5px;}
#head-search-form-close {width: 30px; height: 30px; font-size: 30px; right: 10px; top: 6px;}
.new-header-search-form-output {max-height: 70vh; max-height: calc( 100vh - 250px );}
.search-form-output-katalogs {padding: 0px 0px 15px;}
.search-form-output-katalogs-item {height: 34px; padding: 0px 8px 0px 7px; border-radius: 6px;}
.search-form-output-katalogs-item span {font-size: 11px; line-height: 12px; letter-spacing: 0.25px;}
.search-form-output-products-item {width: 100%; height: 15vw; gap: 4px; background: rgb(255, 255, 255); border-radius: 10px;}
.search-form-output-products-item-img {width: 15vw; height: 15vw;}
.search-form-output-products-item-data-title {font-size: 15px; letter-spacing: 0.25px;}
.search-form-output-products-item-data-text {display: none; visibility: hidden;}
.search-form-output-products-item-data-bottom {padding-top: 2px; gap: 10px;}
.search-form-output-products-item-data-code {min-width: 65px;}
.search-form-output-products-item-data-code {gap: 3px;}
.search-form-output-products-item-data-code i {font-size: 13px;}
.search-form-output-products-item-data-code span {font-size: 12px;}
.search-form-output-products-item-data-parents i {font-size: 9px;}
.search-form-output-products-item-data-parents span {font-size: 12px; opacity: 0.5;}
.new-header-search-form-sugest-title {padding: 10px 5px; gap: 5px;}
.new-header-search-form-sugest-title i {font-size: 16px;}
.new-header-search-form-sugest-title span {font-size: 13px; letter-spacing: 0.25px; word-spacing: 0.5px;}
.new-header-search-form-sugest-items {flex-wrap: wrap; gap: 10px 0%;}
.new-header-search-form-sugest-item {width: 23%; padding-bottom: 22px;}
.new-header-search-form-sugest-item-img {height: 90px;}
.new-header-search-form-sugest-item-title span {font-size: 11px; line-height: 12px; letter-spacing: 0.15px;}



.new-header-vvz-user {width: 40px; height: 40px; right: 104px; top: 15px;}
.new-header-vvz-user-icon {width: 40px; height: 40px;}
.new-header-vvz-user-icon-in i {font-size: 24px;}
.new-header-vvz-user-icon .url-absolute {transform: scale(0);}
.new-header-vvz-user-icon:hover .url-absolute {transform: scale(0); transition-delay: 0.2s;}
.new-header-vvz-user-menu {top: 90px; right: 50%; border-radius: 15px; position: fixed;}
.new-header-vvz-user-in:hover .new-header-vvz-user-menu {opacity: 0; transform: scale(0); transition: opacity 0s;}
.new-header-vvz-user-ACTIVE .new-header-vvz-user-menu {top: 100px !important; opacity: 1 !important; transform: scale(1) translateX(50%) !important; transition: opacity 0.25s , top 0.3s !important; transition-delay: 0.2s !important; box-shadow: 0px 10px 20px 10px rgb(50,50,50); outline: 2px dashed rgba(255, 255, 255, 0.25); outline-offset: 4px;}
.new-header-vvz-user-menu-in {width: 100%; min-width: 230px; padding: 18px 15px;}
.new-header-vvz-user-menu-in div span {font-size: 17px;}






.css-uni-outline {outline: 1px dashed rgba(255, 255, 255, 0.6); outline-offset: 3px;}




.VVZ-web-header-bg {height: 70vw;}
.VVZ-web-header-bg-in {border-bottom-left-radius: 6vw; border-bottom-right-radius: 6vw;}









/* HOME */
.home-form {margin: 0px auto 0px; overflow-x: hidden;}


.home-video {width: 100%; height: 70vw; margin: 65px auto 0px;}
.home-video-in {border-bottom-left-radius: 6vw; border-bottom-right-radius: 6vw; outline-offset: 4px;}



.home-0-in {height: auto; margin-top: 50px; border-radius: 6vw;}
.home-0-in-menu-holder {height: 160px; margin: -23vw auto 0px;}
.home-0-in-menu {width: 100vw; height: auto; top: 0px; left: 0px; right: 0px; overflow-x: auto; border-radius: 0;}
/*.home-0-in-menu::-webkit-scrollbar {visibility: hidden; scrollbar-width: none; opacity: 0;}*/
.home-0-in-menu-in {width: max-content; padding: 10vw 3vw 0vw; gap: 1vw;}
.home-0-in-menu-in-item {width: 28vw;}
.home-0-in-menu-in-item-img {width: 28vw; height: 28vw; position: relative; margin: auto;}
.home-0-in-menu-in-item-img-bg {width: 20vw; height: 20vw;}
.home-0-in-menu-in-item-img img {width: 95%; height: 90%; left: 0px; top: 0px; right: 0px; bottom: 0px;}
.home-0-in-menu-in-item-title {text-align: center;}
.home-0-in-menu-in-item-title div {font-size: 2.5vw; padding: 0px 2% 2vw 2%; letter-spacing: 0;}
.home-0-in-menu-in-item-active .home-0-in-menu-in-item-img-bg {transform: scale(1.15);}
.home-0-in-menu-in-item-active .home-0-in-menu-in-item-img img {top: -5%; transform: scale(1.15);}



.home-slider {}
.home-slider, .home-slider .swiper-container {height: 120vw; position: relative;}
.home-slide-form-img {width: 90%; height: 100%;}
.home-slide-form-img-sub {width: 80vw; height: 80vw;}
.home-slide-form-img-main {width: 70vw; height: 70vw; right: 0px; bottom: 0;}
.home-slide-form-data {width: 65vw; top: 5vw; left: 30vw; right: auto;}
.home-slide-form-data-number {font-size: 35vw; line-height: 35vw; top: -5vw; right: 105%;}
.home-slide-form-data-title {font-size: 6.5vw;line-height: 7vw;font-weight: 900;letter-spacing: 0.5vw;}
.home-slide-form-data-text {font-size: 3vw; line-height: 3.9vw; padding: 2vw 0px 0px; letter-spacing: 0;}
.home-slide-form-data-btn {width: 13vw; height: 13vw; bottom: -15vw; right: 0px; transform: rotate(15deg);}
.home-slide-form-data-btn div {font-size: 2.7vw; line-height: 3.3vw; padding: 3.4vw 0px 0px;}
.home-slider-control {width: 3.5vw; height: auto; left: auto; right: 2vw; bottom: 1vw;}
.home-slider-control .swiper-pagination {width: 100%; text-align: center; float: none;}
.home-slider-control-btn {display: none; visibility: hidden;}
.home-slider-control .swiper-pagination-bullet {width: 3vw; height: 3vw; margin: 0px 0px 1vw; background: rgba(222, 222, 222, 0.5);}
.home-slider-control .swiper-pagination-bullet-active {background: rgb(255, 114, 0);}




.home-1-in-top {width: 96vw; margin: 80px auto 4vw;}
.home-1-in-top-social {width: 240px; top: -50px; left: 25%; right: auto;}
.home-1-in-top-social-items div {padding: 0px 15px 0px 0px;}
.home-1-in-top-social-items div i {font-size: 18px;}
.home-1-in-top-social-title {font-size: 14px; line-height: 19px; padding: 0px 0px 0px 5px; opacity: 0.5;}
.home-1-in-top-main {width: 96vw; height: 12vw; float: none; overflow: visible;}
.home-1-in-top-main:after {width: 54%; right: -10%;}
.home-1-in-top-main-title {width: 52%; height: 12vw; font-size: 8.5vw; padding-right: 0%; line-height: 12vw; letter-spacing: 0.1vw; float: none;}
.home-1-in-top-main-text {display: none; visibility: hidden;}
.home-1-in-slider {width: 96%; margin: 0px 0px 0px 2%;}
#news-swipe {overflow: visible;}
.home-news-slide {height: 55vw;}
.home-news-slide-bg {box-shadow: 0px 0px 20px -15px rgba(0, 0, 0, 0.9);}
.home-news-slide-form-title-in {font-size: 4.5vw; padding: 0.6vw 1vw 1vw 1vw; letter-spacing: 0.1vw;}
#home-news-pagination .swiper-pagination-bullet {width: 2vw; height: 2vw; margin: 0px 2vw;}



.home-2-in-top {height: 50px; margin: 50px auto 4vw;}
.home-2-in-top-main {width: 96vw; height: 12vw; float: none; overflow: visible;}
.home-2-in-top-main:after {width: 50%; left: -10%;}
.home-2-in-top-main-title {width: 56%; height: 12vw; font-size: 7.5vw; line-height: 12vw; letter-spacing: 0.1vw; float: right;}
.home-2-in-top-main-text {display: none; visibility: hidden;}



.home-3 {overflow-x: hidden;}
.home-3-in-text {width: 100%; padding-bottom: 61vw;}
.home-3-in-text-title h2 {font-size: 4.4vw; line-height: 6vw; letter-spacing: 0.1vw;}
.home-3-in-text-text {font-size: 3.2vw; line-height: 4.4vw; padding: 3vw 0px 0px;}
.home-3-in-bg {width: 96vw; height: 60vw; left: 1vw;}







.VVZ-UNI-TOPFORM {width: 100%; margin: 0px auto 30px;}
.VVZ-UNI-TOPFORM-in {width: 96%; padding: 0px 0px 20px;}
.VVZ-UNI-TOPFORM-in::before {top: -20px; background: linear-gradient(-90deg,rgb(240, 240, 240) 0%, rgb(255, 255, 255) 100%); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.VVZ-UNI-TOPFORM-title div h2 {font-size: 28px !important; letter-spacing: 0.5px; word-spacing: 0.5px;}
.VVZ-UNI-TOPFORM-in .VVZ-UNI-bread {display: none; visibility: hidden;}
.VVZ-UNI-TOPFORM-icon {width: 250px; top: -20px; right: -3vw;}
.VVZ-UNI-TOPFORM-icon i {font-size: 110px; right: -10%;}



/* CONTENT */
.web-content {width: 98%; padding: 20px 0px; font-size: 14px;}
.web-container {width: 100%;}
.page-title, .web-content h2 {font-size: 23px !important; margin: 10px 0px 10px;}
.web-content h3 {font-size: 18px;}
.web-content h4 {font-size: 16px;}

.page-contact-text {width: 96%; padding-bottom: 10px; margin: auto; float: none; margin-bottom: 25px;}
.page-contact-text iframe {width: 100%; height: 80vw;}
.page-contact-text table {}
.page-contact-text table td {display: block; width: 100% !important;}
.page-contact-imgs {width: 100%; float: none;}
.page-contact-imgs img {margin-top: 4%;}

.page-contact-hu .page-contact-imgs {width: 100%;}


.page-slides-item {height: 50vw;}
.page-slides-item-info-title {font-size: 21px;}


.content-text {font-size: 15px; line-height: 22px;}

.content-text table {width: 100% !important;}
.content-text table td {width: 100% !important; padding-bottom: 15px; display: block; vertical-align: top;}
.content-text img {width: 100% !important; height: auto !important; float: none !important;}

.page-contact-persons {width: 90%; float: none; margin: auto;}
.page-contact-persons-items {width: 100%; padding: 0vw 0vw 10vw; gap: 8vw 0%;}
.page-contact-persons-items .predajcovia-form-list-item {gap: 0px 10px;}
.page-contact-persons-items .predajcovia-form-list-item-data-contact div a {font-size: 14px;}


.content-text-short {font-size: 15px; line-height: 21px; margin: 0px auto 15px; letter-spacing: 0.5px; padding: 4% 3% 4% 3%;}
.content-text-short:before {font-size: 45px; line-height: 50px; padding-right: 10px; height: auto; width: auto; left: auto; top: auto; bottom: auto; float: left; position: relative;}


.img-side-text {width: 96%; float: none; margin: auto;}
.img-side-1 .content-text {width: 100%;float: none;}
.img-side-2 .content-text {width: 100%;float: none;}
.img-side-1 .web-content-gallery {width: 100%; float: none;}
.img-side-2 .web-content-gallery {width: 100%; float: none;}
.text-side-1 .content-text {column-count: 1;}
.text-side-2 .content-text {column-count: 1;}
.text-side-3 .content-text {column-count: 1;}
.text-side-1 .content-text .content-text-in {column-count: 1;}
.text-side-2 .content-text .content-text-in {column-count: 1;}
.text-side-3 .content-text .content-text-in {column-count: 1;}


.img-side-1 .content-text video {width: 100%; height: 55vw;}
.img-side-2 .content-text video {width: 100%; height: 55vw;}



.web-content-gallery {margin-bottom: 10px; }
.web-content-gallery-video iframe {width: 100%; height: 53vw !important;}

.img-side-2 .web-content-gallery-video iframe {height: 53vw !important;}
.img-side-3 .web-content-gallery-video iframe {height: 53vw !important;}



.ponuka-bg {border-radius: 10px; margin-bottom: 15px;}

.pross-form-in-item {width: 32%; height: 39vw; margin-bottom: 3vw; float: none; display: inline-block;}
.pross-form-in-item-icon {height: 13vw;}
.pross-form-in-item-title {font-size: 3vw;}
.pross-form-in-item-text {font-size: 2.5vw; line-height: 3vw;}

.recenzie-page-item {padding: 5% 3%;}
.recenzie-page-item-header-title span {font-size: 4vw; display: block;}
.recenzie-page-item-header-date {font-size: 3vw;}








/* MAPA ZASTUPCOV */
.predajcovia-form-map {transform: scale(0.42); margin: 0px 0px 0px -2vw;}
#predajcovia-tooltip {height: 8vw; font-size: 7vw; line-height: 5vw; padding: 3vw 4vw 1vw;}
#predajcovia-tooltip span {font-size: 5vw;}
.predajcovia-hint {left: 46%;}
.predajcovia-hint i {font-size: 5vw;}
.predajcovia-hint span {font-size: 5vw; letter-spacing: 0.2vw;}
.predajcovia-form-filter {font-size: 4vw; margin-top: -70vw;}
.predajcovia-form-filter strong {font-size: 7vw; display: block;}
.predajcovia-form-list {margin: -5vw auto 10%; gap: 7vw 0%;}
.predajcovia-form-list-item {width: 88vw; gap: 0px 15px;}
.predajcovia-form-list-item-img {width: 24vw; height: 24vw; line-height: 30vw;}
.predajcovia-form-list-item-data {width: 58vw; padding-top: 1vw;}
.predajcovia-form-list-item-data-title {font-size: 4.5vw;}
.predajcovia-form-list-item-data-subtitle {font-size: 3vw;}
.predajcovia-form-list-item-data-contact div {padding-top: 2vw; white-space: nowrap;}
.predajcovia-form-list-item-data-contact div i {width: 4vw; font-size: 3.5vw; padding-right: 1vw;}
.predajcovia-form-list-item-data-contact div a {font-size: 3.6vw; letter-spacing: 0.1vw;}





/* INSPIRACIE */
.inspiracia-form-all-item {width: 100%; height: 55vw; margin-bottom: 4%; margin-right: 0%;}
.inspiracia-form-all-item-title {right: 4%; bottom: 8%;}
.inspiracia-form-all-item-title div {font-size: 4.8vw; letter-spacing: 0.05vw;}

.inspiracia-form-item-in-top-product {width: 2vw; height: 2vw;}

.inspiracia-form-item-in-top-product-form {left: 50%; top: auto; position: fixed;}
.inspiracia-form-item-in-top-product-form:before {top: -15px; border-top: none; border-bottom: 15px solid rgb(255, 255, 255); border-left: 15px solid transparent; border-right: 15px solid rgba(0, 0, 0, 0); bottom: auto; left: 0px; right: 0px;}
.inspiracia-form-item-in-top-product-form:before {display: none;}
.inspiracia-form-item-in-top-product:hover .inspiracia-form-item-in-top-product-form {opacity: 1; transform: scale(1) translate(-50%,20px);}

.inspiracia-form-item-in-mid-in {width: 97%; padding: 2vw 0px; margin: auto;}
.inspiracia-form-item-in-mid-in-photo {height: 24vw;}



/* VVZ INSPIRACIE 2026 */
.VVZ-inspiracia-form-item-in {width: 100%; padding: 0px 0px;}

.VVZ-inspiracia-form-item-top {width: 100vw; height: 55vw; margin: 0px auto 23vw; aspect-ratio: 100 / 55;}
.VVZ-inspiracia-form-item-top-in::before {display: none; visibility: hidden;}
.VVZ-inspiracia-form-item-top-img {border-radius: 20px; border-top-left-radius: 0px; border-top-right-radius: 0px; outline-offset: 5px; overflow: hidden;}
.VVZ-inspiracia-form-item-top-img-in {}

.VVZ-inspiracia-form-item-top-product {width: 15px; height: 15px;}
.VVZ-inspiracia-form-item-top-product-dot {z-index: 9;}
.VVZ-inspiracia-form-item-top-product-form {width: 48vw; left: 6px; top: 5px; opacity: 0; transform: scale(0); border-radius: 12px; z-index: 3; box-shadow: 0px 5px 40px -7px rgb(0, 0, 0);}
.VVZ-inspiracia-form-item-top-product-form::before {display: none; visibility: hidden;}
.TTOO-LLEEFFTT .VVZ-inspiracia-form-item-top-product-form {right: 6px;}
.VVZ-inspiracia-form-item-top-product:hover .VVZ-inspiracia-form-item-top-product-form {opacity: 0; transform: scale(0); z-index: 3; transition: 0s; transition-delay: 0s;}
.INSPI_PRO_ACTIVE {z-index: 9;}
.INSPI_PRO_ACTIVE .VVZ-inspiracia-form-item-top-product-dot {background: rgb(255, 0, 12); transform: scale(1.8); display: flex; justify-content: center; align-items: center;}
.INSPI_PRO_ACTIVE .VVZ-inspiracia-form-item-top-product-dot i {font-size: 7px; color: rgb(255,255,255);}
.INSPI_PRO_ACTIVE .VVZ-inspiracia-form-item-top-product-dot i:after {opacity: 1;}
.INSPI_PRO_ACTIVE .VVZ-inspiracia-form-item-top-product-form {opacity: 1 !important; transform: scale(1) !important; transition: all 0.3s !important;}

.VVZ-inspiracia-form-item-top-product-form-img {width: 100%;height: 170px; padding-bottom: 60px; border-radius: 12px;}
.VVZ-inspiracia-form-item-top-product-form-data {left: 4px; right: 4px; bottom: 4px;}
.VVZ-inspiracia-form-item-top-product-form-data-title {padding: 0px 0px 6px; font-size: 13px; letter-spacing: 0.25px;}
.VVZ-inspiracia-form-item-top-product-form-data-btns {gap: 4px;}
.VVZ-inspiracia-form-item-top-product-form-data-btn {height: 32px; gap: 4px;}
.VVZ-inspiracia-form-item-top-product-form-data-btn:nth-child(1) {border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.VVZ-inspiracia-form-item-top-product-form-data-btn:nth-child(2) {border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
.VVZ-inspiracia-form-item-top-product-form-data-btn i {font-size: 15px;}
.VVZ-inspiracia-form-item-top-product-form-data-btn span {font-size: 10px; letter-spacing: 0.25px;}

.VVZ-inspiracia-form-item-selector-in {width: 100%; bottom: -12vw;}
.VVZ-inspiracia-form-item-selector-items {gap: 3vw;}
.VVZ-inspiracia-form-item-selector-item {width: 16vw;}
.VVZ-inspiracia-form-item-selector-item-img {height: 11vw; outline: 2px solid rgb(242, 242, 242);}
.VVZ-inspiracia-form-item-selector-item.IMG_SEL_ACTIVE {width: 22vw;}
.IMG_SEL_ACTIVE .VVZ-inspiracia-form-item-selector-item-img {height: 15vw; outline: 3px solid rgb(242, 242, 242);}
.VVZ-inspiracia-form-item-top-control {display: none; visibility: hidden;}

.VVZ-inspiracia-form-item-main {z-index: 6;}
.VVZ-inspiracia-form-item-main-in {flex-direction: column; gap: 20px;}
.VVZ-inspiracia-form-item-main-left-in {width: 94%; margin: auto;}
.VVZ-inspiracia-form-item-main-left-title h2 {font-size: 28px !important;}
.VVZ-inspiracia-form-item-main-left-text-in {font-size: 15px;line-height: 21px;letter-spacing: 0.25px;word-spacing: 0.25px;}
.VVZ-inspiracia-form-item-main-left-text-in p {margin: 15px 0px;}
.VVZ-inspiracia-form-item-main-left-contact {margin: 10px auto 0px; border-radius: 15px; background: linear-gradient(80deg,rgba(6, 161, 60, 0.8) 10vw, rgba(29, 200, 63, 0.8) 20%, rgb(67, 185, 130) 100%);}
.VVZ-inspiracia-form-item-main-left-contact-in {padding: 10px 15px;}
.VVZ-inspiracia-form-item-main-left-contact-icon {display: none; visibility: hidden;}
.VVZ-inspiracia-form-item-main-left-contact-data-title {padding: 0px 0px 10px; display: flex; gap: 12px; align-items: center;}
.VVZ-inspiracia-form-item-main-left-contact-data-title i {font-size: 44px; margin-top: -5px; display: flex; visibility: visible; color: rgb(255, 255, 255);}
.VVZ-inspiracia-form-item-main-left-contact-data-text {font-size: 12px; line-height: 17px; letter-spacing: 0.25px;}
.VVZ-inspiracia-form-item-main-right {width: 96%; background: linear-gradient(135deg,rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); border-radius: 15px; margin: auto;}
.VVZ-inspiracia-form-item-main-right-products {padding: 5px;}
.VVZ-inspiracia-form-item-main-right-products-items {gap: 10px 0px;}
.VVZ-inspiracia-form-item-main-right-products-item {width: 50%;}
.VVZ-inspiracia-form-item-main-right-products-item .VVZ-PRO-form-REL-item-img {height: 190px;}
.VVZ-inspiracia-form-item-main-right-products-item .VVZ-PRO-form-REL-item-info {bottom: 2%;}












/* KATALOG SMALL */
.katalog-lite-content-product {width: 49%; margin: 0px 0% 3% 0px;}
.katalog-lite-content-product:nth-child(3n+1) {clear: unset;}
.katalog-lite-content-product:nth-child(2n+1) {margin-right: 2%; clear: left;}

.katalog-lite-per-line-2 .katalog-lite-content-product {width: 49%; margin: 0px 2% 3% 0px;}

.katalog-lite-small-product {padding-bottom: 0; box-shadow: 0px 0px 0px 1px rgba(192, 192, 192, 0.24);}
.katalog-lite-small-product-img {width: 100%; height: 48vw; top: 1px;}
.katalog-lite-per-line-2 .katalog-lite-small-product-img {height: 40vw;}
.katalog-lite-small-product-info {width: 97%; left: 3%;}
.katalog-lite-small-product-info-text {width: 80%; min-height: 6vw; padding: 1% 0% 0% 19%;}
.katalog-lite-small-product-info-text-title {font-size: 2.9vw;}
.katalog-lite-small-product-info-btn {width: 8vw; height: 8vw;}
.katalog-lite-small-product-info-btn div {font-size: 1.85vw; line-height: 3vw;}
.katalog-lite-small-product-clicker {height: 7vw; gap: 2vw;}
.katalog-lite-small-product-clicker i {width: 7vw; height: 7vw; font-size: 4vw;}
.katalog-lite-small-product-clicker span {font-size: 2.8vw; letter-spacing: 0.1vw;}









/* KATALOG BIG */
.katalog-lite-content-products-side {display: none; visibility: hidden;}
.katalog-lite-content-products-data {width: 100%; margin: 0px 0px 1%;}
.katalog-lite-content-products-data-text {padding: 0px 0px 2% 0%;}
.katalog-lite-content-products-data-text-title h2 {font-size: 17px !important;}
.katalog-lite-content-products-childs {width: 100%; margin: 2vw auto 3vw;}
.katalog-lite-content-products-child {width: 20%;}
.katalog-lite-content-products-child:nth-child(9n+1) {clear: unset;}
.katalog-lite-content-products-child:nth-child(5n+1) {clear: left;}
.katalog-lite-content-products-child-img {width: 100%; height: 18vw;}
.katalog-lite-content-products-child-img-bg {width: 14vw; height: 14vw;}
.katalog-lite-content-products-child-img img {width: 100%; height: 100%;}
.katalog-lite-content-products-child-title {width: 100%; font-size: 2.0vw; padding: 0px 0%;}
.katalog-lite-content-products-data-text-text {}
.katalog-lite-content-products-data-text-text div {padding: 0px !important;}
.katalog-lite-content-products-data-text-text ul li {font-size: 12px; line-height: 17px; padding: 3px 10px 10px 12px; text-align: left;}
.katalog-lite-content-products-data-text-text ul li:before {left: 2px;}







/* KATALOG PRODUCT */
.lite-product-form {margin: -20px auto 2vw;}
.lite-product-form-in {width: 100%; display: flex; flex-direction: column; justify-content: space-between;}

.lite-product-form-gallery {width: 100%; float: none;}
.lite-product-form-gallery-frame-in {height: 100vw;}
.lite-product-form-gallery-3D-in-fullscreen {opacity: 1;}

.lite-pro-gall-slide {height: 100vw;}

.lite-product-form-gallery-select {width: 100%; margin: 0px auto 20px;}
.lite-product-form-gallery-select-in-btn i {font-size: 18px; padding-right: 8px;}
.lite-product-form-gallery-select-in-btn .fa-image {font-size: 22px;}
.lite-product-form-gallery-select-in-btn span {font-size: 16px;}

.lite-product-form-data {width: 100%; margin-top: 6vw; float: none;}
.lite-product-form-data-text {font-size: 16px; line-height: 24px;}

.lite-product-form-contact {margin-top: 0px;}

.lite-product-form-contact-icon {width: 16%;}
.lite-product-form-contact-icon i {}

.lite-product-form-contact-title {width: 80%; padding-left: 4%; font-size: 4.3vw; letter-spacing: 1px; word-spacing: 1px;}
.lite-product-form-contact-subtitle {width: 80%; padding-left: 4%; font-size: 3.5vw;}


.lite-product-form-data-doc {width: 33%; margin: 20px 0px 20px;}
.lite-product-form-data-doc-img {height: 20vw;}
.lite-product-form-data-doc-img i {font-size: 13vw;}
.lite-product-form-data-doc-titles-main {font-size: 3.8vw; letter-spacing: 0px;}
.lite-product-form-data-doc-titles-sub {font-size: 2.5vw;}


.product-faq-holder-title {font-size: 24px;}
.product-faq-holder-item-title i {width: 6%;font-size: 16px;padding: 0px 0px 0px;}
.product-faq-holder-item-title span {width: 94%;font-size: 16px;letter-spacing: 0.5px;}
.product-faq-holder-item-text {line-height: 19px;letter-spacing: 0.5px;}

.faqqq-active .product-faq-holder-item-text {max-height: 350px; padding: 0px 0px 10px;}

.lite-product-form-contact-formular-in {padding: 15px 10px;}
.lite-product-form-contact-formular-in-title i {font-size: 22px;}
.lite-product-form-contact-formular-in-title span {font-size: 24px; padding-left: 10px; letter-spacing: 1px;}
.lite-product-form-contact-formular-in-close {width: 60px; height: 60px;}
.lite-product-form-contact-formular-in-close i {line-height: 60px;}
.lite-product-form-contact-formular-in-inputs {width: 100%; padding-bottom: 15px;}
.lite-product-form-contact-formular-in-input {margin: 15px 4% 0px 0px;}
.lite-product-form-contact-formular-in-input i {font-size: 16px; top: 50%; left: 4%;}
.lite-product-form-contact-formular-in-input input {font-size: 13px; width: 80%; padding: 14px 0px 14px 20%;}
.lite-product-form-contact-formular-in-text textarea {font-size: 13px;}








/* PRODUCTS */
.katalog-content {margin: 5px auto 30px;}
.katalog-content .page-title {padding-left: 12px;}
.katalog-content .product-form-top {padding-left: 12px; margin-bottom: 0px;}


.web-content-products-newhead {width: 98%; margin: auto; margin-bottom: 0px; display: block;}
.web-content-products-newhead-items {position: relative;}
.products-filter-item {position: initial;}
.products-filter-item-menu {min-width: inherit; left: -1px; right: -1px;}


.products-filter-item-title {font-size: 10px; height: 45px; padding: 0px 8px;}
.products-filter-item-title i {font-size: 16px; margin: 17px 0px 0px 3px;}
.filter-active .products-filter-item-title i {margin: 18px 0px 0px 3px;}


.web-content-products-item {width: 49%; margin: 0% 0px 3% 2%;}
.web-content-products-item:nth-child(odd) {margin-left: 0px;}


.web-content-products-item-title {height: 84px;}
.web-content-products-item-title-main {height: 36px; font-size: 14px; line-height: 16px;}
.web-content-products-item-title-sub {height: 18px; font-size: 9px;}

.web-content-products-item-title-price-in {font-size: 18px; padding-top: 2px;}
.web-content-products-item-title-price-in span {font-size: 24px;}
.web-content-products-item-title-go {height: 25px; width: 135px;}
.web-content-products-item-title-go span {font-size: 13px; line-height: 25px;}


.web-content-products-item-img {height: 91vw; margin: 0px auto 30px; overflow: hidden;}
.web-content-products-item-img img {height: 105%;}
.web-content-products-item-img:after {top: 22px; bottom: 12px; left: 12px; right: 12px; opacity: 1;}

.product-img-colors {bottom: -1px; opacity: 1;}
.product-img-color {width: 12px; height: 12px; border: 1px solid rgba(255, 255, 255, 0.9); margin-bottom: 0px;}

.web-content-products-item-rating {bottom: 11px;}
.web-content-products-item-rating i {font-size: 13px;}

.web-content-products-item-cart {bottom: 5px;}
.web-content-products-item-cart-item {height: 25px;}
.web-content-products-item-cart-item i {font-size: 16px; line-height: 25px;}



.pager {margin: 20px auto 30px; text-align: center;}
.novy-pager li {margin: 0px 0.5vw;}
.novy-pager .gombik {font-size: 4vw; width: 8vw; height: 8vw; line-height: 8vw;}
.novy-pager .gomkikk {font-size: 4vw; width: 8vw; height: 8vw; line-height: 8vw;}



.web-content-news-item {width: 100%; margin-bottom: 5%;}
.web-content-news-item-img {width: 100%; height: 45vw; min-height: auto; margin: 0%; float: none;}
.web-content-news-item-img:before {display: none;}
.web-content-news-item-img img {width: 100%; height: 100%; object-fit: cover;}
.web-content-news-item-text {width: 94%; padding: 3% 3% 2% 3%; font-size: 12px; line-height: 23px;}
.web-content-news-item-text h3 {font-size: 3.8vw !important;}
.web-content-news-item-date {font-size: 11px; display: none; visibility: hidden;}










/* PRODUCT */
.product-title {padding-top: 5px;}
.product-title h2 {font-size: 26px !important; line-height: 30px !important;}
.product-form-top {float: none; display: inline-block; margin-bottom: 10px;}
.product-form-top ul li {font-size: 10px;}
.product-form-top ul li:before {padding: 0px 0px 0px 1px;}
.product-form-left {width: 100%; height: auto; min-height: auto; margin-bottom: 1%; float: none;}
.product-form-left-box {width: 100%;}
.product-slider-tags div {font-size: 10px;}



.product-slider {min-height: auto;}
.gallery-top {height: 130vw;}

.product-video {width: 100%; height: auto;}
.product-video iframe {height: 55vw;}



.product-form-right {width: 98%; float: none; padding-left: 0px; border-left: none; margin: auto;}

.product-code {font-size: 11px; letter-spacing: 1px;}
.product-info {margin-top: 8px; font-size: 12px;}
.product-brand {font-size: 11px;}


.product-info-tabs {width: 100%; float: none;}
.product-info-tab {font-size: 11px; padding: 10px 0px 10px; text-align: center; letter-spacing: 0.1px;}
.product-info-tab:nth-child(1) {width: 14%; margin-right: 1%;}
.product-info-tab:nth-child(2) {width: 22%;  margin-right: 1%;}
.product-info-tab:nth-child(3) {width: 62%; margin-right: 0px;}
.product-info-rating {float: none;}

.product-info-share div:nth-child(1) {display: none; visibility: hidden;}
.product-text {padding-top: 0px; line-height: 24px !important; font-size: 14px !important;}
.product-text p, .product-text span {font-size: 15px !important; line-height: 25px !important; letter-spacing: 0.6px !important;}


.product-text-customers {width: 89%; padding: 2vw 0px 2vw 11%;}
.product-text-customers i {font-size: 4vw; width: 4vw; height: 4vw; line-height: 3.5vw; left: 3%;}
.product-text-customers div {font-size: 2.7vw; letter-spacing: 0.1vw; word-spacing: 0.5vw;}


.product-price {margin: 15px auto 10px;}
.product-price-info {font-size: 14px;}
.product-price-info-1 {height: auto;}
.product-price-info-3 {margin-top: 0px; height: auto;}
.product-price-price {font-size: 24px; line-height: 40px; letter-spacing: 2px;}
.in-p-price {font-size: 11px; line-height: 22px; height: 22px; top: -11px; right: -2px;}

.product-price-text {font-size: 13px; padding: 2% 2% 2% 9%;}
.product-price-text i {font-size: 22px; width: 22px; height: 22px; left: 2%;}



.product-variants {margin: 0px auto 10px;}
.product-variants-title {font-size: 13px;}
.product-variants table thead {font-size: 9px;}
.product-variants table tbody {font-size: 12px;}
.product-variants table tbody td {padding: 4px 0px 4px 3px;}
.product-add-button button {font-size: 16px;line-height: 22px;}
.product-add-button-i {width: 16%; font-size: 12px; text-align: left;}
.product-add-button-q {width: 15%;}

#new-basket-price {font-size: 3vw;}


.product-related {height: auto;float: none; margin-bottom: 8%;}
.product-related .web-content-products-item {width: 100% !important; margin: -15px auto -10px !important; transform: scale(0.95) !important;}
.product-related-title {font-size: 16px; padding: 4px 0px 15px;}




.product-ratings-title {font-size: 14px;}
.product-ratings-form-self {margin-bottom: 10px;}
.product-ratings-form-self i {font-size: 5vw; height: 5vw; width: 5vw;}
.product-ratings-form-self-text {width: 86%; padding-left: 14%; font-size: 2.7vw; letter-spacing: 0.1vw;}
.product-ratings-form-post-add {margin: 30px auto 30px;}
.product-ratings-form-empty {font-size: 16px;}
.product-ratings-form-post-top {width: 50%; margin-bottom: 1.5%;}
.product-ratings-form-post-top:nth-child(5) {width: 100%;}
.product-ratings-form-post-top input {font-size: 12px; height: 15px;}
.product-ratings-form-post-top img {height: 38px;}
.product-ratings-form-post-text {margin-top: 2px;}
.product-ratings-form-post-text textarea {font-family: 'Titillium Web', sans-serif; font-size: 14px;}
.product-ratings-form-post-send button {margin: 2% 0px 2%;padding: 1.5% 8%;}

.search-form-input {width: 63.5%; padding: 6px 2%; font-size: 14px;}
.search-form-btn {width: 30%;padding: 8px 0px; font-size: 14px;}
.search-form-export, .search-form-export strong {font-size: 14px;}
.search-products .web-content-products-item {width: 49%;}
.switch label {font-size: 13px;}


.pro-color-form-title, .pro-variants-form-title {font-size: 16px;}
.pro-color-container {width: 22.3%; height: 30px;}
.pro-color-colors-title {font-size: 8px; top: 32px;}


.product-add-button {width: 100%;}
.pab-fixed {width: 96%; left: 0px; right: 0px; margin: auto; z-index: 33;}
.product-add-button button {padding: 6px 60px 7px;}



.product-vernost-icon {font-size: 28px; width: 12%; padding-left: 0%;}
.product-vernost-icon i {display: block;}
.product-vernost-hint {font-size: 2vw; text-align: left;}
.product-vernost-points div {font-size: 2.5vw; line-height: 15px;}
.product-vernost-points div b {font-size: 7vw;}
.cart-vernost {font-size: 11px; line-height: 14px;}
.cart-vernost i {font-size: 30px; margin: 0px 5px 30px 10px;}
.cart-vernost span {font-size: 13px;}



.next-prev-form-text {font-size: 10px;}
.next-prev-btn {width: 25px; font-size: 25px;}
.next-prev-form-text {width: 85%;}


.products-go-to {width: 96%; margin: 80px 2% 35px;}
.products-go-to-menu {width: 96%; padding: 2% 2%;}
.products-go-to-icon-down {right: 5px;}
.products-go-to-title {font-size: 4vw; padding-left: 5%;}
.products-go-to-menu-1 {font-size: 4.5vw;}
.products-go-to-menu-2 {font-size: 3.5vw; line-height: 3.5vw; width: 95%; padding: 3.2% 0px 3.2% 6%;}
.products-go-to-menu-2 a {font-size: 4vw;}
.products-go-to-menu-3 {width: 50%;}
.products-go-to-menu-3 a {font-size: 3.5vw; line-height: 5vw;}




.product-buy-also {margin: 50px 0px -30px;}
.product-buy-also-in-icon {width: 100%; display: table; float: none;}

.product-buy-also-in-icon-i {height: 90px;}
.product-buy-also-in-icon-i i {font-size: 60px; line-height: 90px;}
.product-buy-also-in-icon-text {height: 90px;}

.product-buy-also-in-icon-text-title {font-size: 22px; line-height: 24px; padding-top: 11px; word-spacing: 200px;}
.product-buy-also-in-icon-text-subtitle {font-size: 13px;}

.product-buy-also-in-items {width: 100%; margin: 0px;}
.product-buy-also-in-items div {width: 32%; height: 40px; margin: 2% 2% 0px 0px;}
.product-buy-also-in-items div:nth-child(5n+5) {margin-right: 2%;}
.product-buy-also-in-items div:nth-child(3n+3) {margin-right: 0px;}
.product-buy-also-in-items div a {font-size: 12px; line-height: 40px; letter-spacing: 0px;}



/* PRODUCT 2025 */
.action--product-lite .web-content {width: 100%; padding: 0px 0px 20px;}
.VVZ-PRO-form-top-in {flex-direction: column;}

.VVZ-PRO-form-top-media {width: 100%; height: 100vw;}
.VVZ-PRO-form-top-media-in {width: 100vw; top: 0px;}

.VVZ-PRO-form-top-media-BG {border-bottom-left-radius: 8vw; border-bottom-right-radius: 8vw;}
.VVZ-PRO-form-top-media-MAIN {border-bottom-left-radius: 8vw; border-bottom-right-radius: 8vw;}

.VVZ-PRO-form-top-media-MAIN-3D-in {top: 0px;}
.VVZ-PRO-form-top-media-MAIN-3D-fullscreen {padding: 6px 8px; top: 10px; left: 5px; border-radius: 5px;}
.VVZ-PRO-form-top-media-MAIN-3D-fullscreen i {font-size: 16px;}
.VVZ-PRO-form-top-media-MAIN-3D-fullscreen span {font-size: 9px; letter-spacing: 0.25px;}

.VVZ-PRO-form-top-media-CONTROL {width: 100%; height: auto; bottom: -5vw;}
.VVZ-PRO-form-top-media-CONTROL-in {width: 90%; gap: 1.5vw 2vw; margin: auto; flex-wrap: wrap; }
.VVZ-PRO-form-top-media-CONTROL-item {width: 10vw; height: 10vw; overflow: hidden; overflow: hidden;}
.VVZ-PRO-form-top-media-CONTROL-item img {width: 110%; height: 110%;}
.VVZ-PRO-form-top-media-CONTROL-item-icon i {font-size: 9vw;}
.VVZ-PRO-form-top-media-CONTROL-item-plus i {font-size: 5vw;}
.VVZ-PRO-form-top-media-CONTROL-item-ACTIVE {box-shadow: 2px 2px 0px 0px rgb(255, 102, 0);}


.VVZ-PRO-form-top-data {width: 100%;}
.VVZ-PRO-form-top-data-in {width: 96%; padding: 8vw 0px 0px; margin: auto;}

.VVZ-PRO-form-top-data-in-bread-item a {font-size: 11px;}
.VVZ-PRO-form-top-data-in-title {padding: 15px 0px 25px;}
.VVZ-PRO-form-top-data-in-title div h2 {font-size: 30px !important;}
.VVZ-PRO-form-top-data-in-desc-in {font-size: 13px; line-height: 17px;}


.VVZ-PRO-form-CART {height: 19vw; margin-top: 8vw; gap: 3vw; border-radius: 2vw; bottom: 8px; position: sticky;}
.VVZ-PRO-form-CART {background: linear-gradient(80deg,rgb(6, 161, 60) 10vw, rgb(50, 197, 79) 25%, rgb(67, 185, 130) 100%); box-shadow: 0px 6px 20px -10px rgb(34, 206, 85);}
.VVZ-PRO-form-CART-icon {width: 18vw; height: 13vw;}
.VVZ-PRO-form-CART-icon i {font-size: 10vw;}
.VVZ-PRO-form-CART-title {font-size: 4.8vw; letter-spacing: 0; word-spacing: 0;}
.VVZ-PRO-form-CART-subtitle {font-size: 3vw; letter-spacing: 0.3vw; word-spacing: 0.3vw;}

.web_lang_de .VVZ-PRO-form-CART {gap: 3vw;}
.web_lang_de .VVZ-PRO-form-CART-icon {width: 15vw;}
.web_lang_de .VVZ-PRO-form-CART-icon i {font-size: 8vw;}
.web_lang_de .VVZ-PRO-form-CART-title {font-size: 3.9vw; letter-spacing: 0; word-spacing: 0;}
.web_lang_de .VVZ-PRO-form-CART-subtitle {font-size: 3vw; letter-spacing: 0; word-spacing: 0;}

.VVZ-PRO-form-top-data-in-variants {width: 100%; padding: 35px 0px 0px;}
.VVZ-PRO-form-top-data-in-variants-items {gap: 4vw;}
.VVZ-PRO-form-top-data-in-variants-item-color {width: 11vw; height: 11vw; box-shadow: 0px 0px 0px 4px rgb(244, 244, 244);}
.VVZ-PRO-form-top-data-in-variants-item-title {padding: 5px 10px; left: 0%; transform: none;}
.VVZ-PRO-form-top-data-in-variants-item-title span {font-size: 11px; line-height: 14px; letter-spacing: 0.5px;}
.VVZ-PRO-form-top-data-in-variants-item-INFO-icon {width: 11vw; height: 11vw; box-shadow: 0px 0px 0px 4px rgb(244, 244, 244);}
.VVZ-PRO-form-top-data-in-variants-item-INFO-icon i {font-size: 6vw;}
.VVZ-PRO-form-top-data-in-variants-item-INFO-data-title {padding: 0px 9px 0px 5px; font-size: 9px; line-height: 11px; letter-spacing: 0.25px; word-spacing: 0.25px;}


.VVZ-PRO-form-top-data-in-variants-item-INFO-MORE {left: 0px; border-radius: 10px; outline-offset: 2px; background: rgb(234, 234, 234); box-shadow: 15px 21px 30px -20px rgb(0, 0, 0);}
.VVZ-PRO-form-top-data-in-variants-item-INFO-MORE-in {width: 240px; padding: 3px;}
.VVZ-PRO-form-top-data-in-variants-item-INFO-MORE-in-colors {border-radius: 10px; background: rgba(255, 255, 255, 0.4);}
.VVZ-PRO-form-top-data-in-variants-item-INFO-MORE-in-color {width: 20%; height: 41px;}
.VVZ-PRO-form-top-data-in-variants-item-INFO-MORE-in-top {font-size: 10px; padding: 8px 5px 5px; line-height: 12px; letter-spacing: 0.8px;}



.VVZ-PRO-form-svg-line {height: 30vw; margin-top: -5vw; overflow: hidden;}
.VVZ-PRO-form-svg-line-in svg {width: 180vw; left: -38vw;}


.VVZ-PRO-form-mid-in {width: 100%; padding: 0px 0px; gap: 3vw; flex-direction: column;}

.VVZ-PRO-form-mid-PARAMS {width: 96%; margin: auto; border-radius: 6vw;}
.VVZ-PRO-form-mid-PARAMS-in {padding: 1vw 4vw;}
.VVZ-PRO-form-mid-PARAMS-item {width: 100%; padding: 4vw 0px;}
.VVZ-PRO-form-mid-PARAMS-item-title {gap: 3vw;}
.VVZ-PRO-form-mid-PARAMS-item-title i {width: 12vw; font-size: 9vw;}
.VVZ-PRO-form-mid-PARAMS-item-title span {gap: 3vw;}
.VVZ-PRO-form-mid-PARAMS-item-data {font-size: 3vw;}
.VVZ-PRO-form-mid-PARAMS-item-data b {font-size: 3.5vw;}
.VVZ-PRO-form-mid-PARAMS-item-datas {font-size: 2.8vw; gap: 2px;}
.VVZ-PRO-form-mid-PARAMS-item-datas b {font-size: 3.5vw;}
.VVZ-PRO-form-mid-PARAMS-item-datas sup {font-size: 7px;}

.VVZ-PRO-form-mid-PARAMS-in-LIMITED {max-height: 88vw;}
.VVZ-PRO-form-mid-PARAMS-in-MORE div {padding: 5vw 0px;}
.VVZ-PRO-form-mid-PARAMS-in-MORE div i {font-size: 5vw;}
.VVZ-PRO-form-mid-PARAMS-in-MORE div span {font-size: 3vw;}




.VVZ-PRO-form-mid-TEXT {width: 100%;}
.VVZ-PRO-form-mid-TEXT-in {width: 96%; margin: auto;}
.VVZ-PRO-form-mid-TEXT-in-DESC {width: 94%; margin: auto; font-size: 15px; line-height: 24px; letter-spacing: 0.5px;}

.VVZ-PRO-form-mid-TEXT-in-DOWNLOAD {width: 96%; margin: auto;}
.VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-title span {font-size: 12px; opacity: 0.4;}
.VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-items {gap: 4vw 4%;}
.VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item {width: 48%; gap: 6px;}
.VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-img i {font-size: 7vw;}
.VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-img img {width: 6vw; height: 8vw; border: 1px solid rgb(255, 133, 53); border-radius: 4px;}

.VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-data-main {font-size: 3.7vw; letter-spacing: 0.25px;}
.VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-data-sub {font-size: 2.2vw; letter-spacing: 0.25px;}
.VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-lock {left: -4px; top: -4px;}
.VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-lock i {font-size: 15px;}
.VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-ALERT-item {padding-left: 13px; gap: 12px;}
.VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-ALERT-item span {font-size: 11px; letter-spacing: 0.5px; word-spacing: 0.25px;}



.VVZ-PRO-form-REL-in {width: 96%; padding: 10vw 0px 8vw; margin: auto;}
.VVZ-PRO-form-REL-top-btn {padding: 5vw;}
.VVZ-PRO-form-REL-top-title span {font-size: 4.5vw;}
.VVZ-PRO-form-REL-item {border-radius: 3vw;}
.VVZ-PRO-form-REL-item-img {height: 56vw; border-radius: 3vw;}
.VVZ-PRO-form-REL-item-info {width: 88%; left: 8%; bottom: 5%;}
.VVZ-PRO-form-REL-item-info-title {font-size: 12px; letter-spacing: 0.25px; text-align: center;}
.VVZ-PRO-form-REL-item .katalog-lite-small-product-clicker {transform: scale(1) translateX(-50%);}



.VVZ-PRO-form-MAT-in {width: 96%; margin: auto; gap: 11vw;}
.VVZ-PRO-form-MAT-item {flex-direction: column;}
.VVZ-PRO-form-MAT-item-img {width: 100%; height: 60vw;}
.VVZ-PRO-form-MAT-item-img div {border-radius: 4vw;}
.VVZ-PRO-form-MAT-item-data {margin: 0px auto;}
.VVZ-PRO-form-MAT-item-data-in {padding: 0px 9vw; margin-top: -15vw;}
.VVZ-PRO-form-MAT-item-data-in::before {width: 92%; outline-offset: 6px; top: -15px; bottom: -5px; left: 0%; right: 0%; border-radius: 5vw; background: linear-gradient(40deg,rgb(242, 242, 242) 0%, rgba(255, 255, 255, 0.8) 100%); margin: auto;}
.VVZ-PRO-form-MAT-item-data-title {margin-bottom: 10px; display: flex; justify-content: center !important;}
.VVZ-PRO-form-MAT-item-data-title div h4 {font-size: 20px;}
.VVZ-PRO-form-MAT-item-data-text div { font-size: 15px; line-height: 22px; letter-spacing: 0.25px; text-align-last: center !important;}
.VVZ-PRO-form-MAT-item-data-more {padding: 8px 0px; justify-content: center;}
.VVZ-PRO-form-MAT-item-REVERSE .VVZ-PRO-form-MAT-item-data-in::before {width: 92%; top: -15px; bottom: -5px; left: 0%; right: 0%; background: linear-gradient(40deg,rgb(242, 242, 242) 0%, rgba(255, 255, 255, 0.8) 100%);}
.VVZ-PRO-form-MAT-item-REVERSE .VVZ-PRO-form-MAT-item-data-more {flex-direction: row;}


.VVZ-PRO-form-KAT-item {gap: 0px;}
.VVZ-PRO-form-KAT-item-img {width: 90px; height: 90px;}
.VVZ-PRO-form-KAT-item-img::before {width: 70px; height: 70px;}
.VVZ-PRO-form-KAT-item-data div {font-size: 14px; letter-spacing: 0.25px;}


.VVZ-SWIPE-UNIPAGI {gap: 6px;}
.VVZ-SWIPE-UNIPAGI-in .swiper-pagination-bullet {width: 10px; height: 10px;}



.VVZ-PRO-form-FAQ {width: 100%; padding: 35vw 0px 0;}
.VVZ-PRO-form-FAQ-in {width: 96%; margin: auto; flex-direction: column; background: linear-gradient(130deg,rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%);}
.VVZ-PRO-form-FAQ-img {width: 100%; height: 54vw;}
.VVZ-PRO-form-FAQ-img-in {width: 100%; top: -25vw;}
.VVZ-PRO-form-FAQ-img-in img {width: 230%; left: -65%; top: -10vw;}
.VVZ-PRO-form-FAQ-data {padding: 20px 15px 15px;}
.VVZ-PRO-form-FAQ-data-title div {justify-content: center;}
.VVZ-PRO-form-FAQ-data-title div i {font-size: 30px;}
.VVZ-PRO-form-FAQ-data-title div span {font-size: 22px;}
.VVZ-PRO-form-FAQ-data-items {padding: 0px 0px 0px 0px;}
.VVZ-PRO-form-FAQ-data-item {padding: 15px 0px;}
.VVZ-PRO-form-FAQ-data-item-title {gap: 10px;}
.VVZ-PRO-form-FAQ-data-item-title i {font-size: 20px;}
.VVZ-PRO-form-FAQ-data-item-title span {font-size: 16px; letter-spacing: 0.5px; word-spacing: 0.5px;}


/* PRODUCT FLOAT */
.VVZ-PRO-form-FLOAT-in {width: 98.5%;}
.VVZ-PRO-form-FLOAT-inner {height: 52px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.VVZ-PRO-form-FLOAT-ACTIVE .VVZ-PRO-form-FLOAT-in {height: 52px;}
.VVZ-PRO-form-FLOAT-main {padding-right: 15px; gap: 10px;}
.VVZ-PRO-form-FLOAT-main-img {width: 60px; height: 52px;}
.VVZ-PRO-form-FLOAT-main-title span {font-size: 14px; letter-spacing: 0.25px; word-spacing: 0.25px; font-weight: 600;}

.VVZ-PRO-form-FLOAT-right {padding-right: 46px;}
.VVZ-PRO-form-FLOAT-right-BTN-in {height: 34px; padding: 0px 7px; border-radius: 6px;}
.VVZ-PRO-form-FLOAT-right-BTN-in span {font-size: 13px; letter-spacing: 0.5px; display: none; visibility: hidden;}
.VVZ-PRO-form-FLOAT-right-BTN-in i {font-size: 24px;}









/* VVZ UNI PRV / NEXT */
.VVZ-UNI-prev-next {width: 100%; display: flex; position: relative;}
.VVZ-UNI-prev-next-item {width: 50%; padding: 10px 0px;}
.VVZ-UNI-prev-next-item i {font-size: 20px; padding: 0px 8px 0px 12px;}
.VVZ-UNI-prev-next-item span {font-size: 13px; line-height: 14px;}
.VVZ-UNI-prev-next-item.flex-rtl i {padding: 0px 12px 0px 8px;}






/* QUEST */
.CART_shadow {top: 66px; backdrop-filter: blur(3px);}
.CART_main-frame {width: 100vw; height: 0px; left: 0%; right: 0%; top: 100%; bottom: 0%; border-top-left-radius: 6vw;border-top-right-radius: 6vw;}
.CART_main-frame-active {width: 100vw; height: auto; top: 80px; transition: all 0.35s cubic-bezier(.22,.61,.36,1); transition-delay: 0.2s;}
.CART_main-frame-in-TOP-in {height: 44px;}
.CART_main-frame-in-TOP-in span {font-size: 13px;}
.CART_main-frame-in-TOP-in i {font-size: 22px;}
.CART_main-frame-in-BODY {max-width: 100vw; top: 44px;}
.CART_main-frame-in-BOT {bottom: -60px;}
.CART_main-frame-active .CART_main-frame-in-BOT {bottom: 0px; transition: all 0.5s cubic-bezier(.22,.61,.36,1); transition-delay: 0.5s;}
.CART_main-frame-in-BOT-in {height: 60px;}
.CART_main-frame-in-BOT-close {height: 60px; gap: 8px;}
.CART_main-frame-in-BOT-close span {font-size: 15px; letter-spacing: 1px;}
.CART_main-frame-in-BOT-btn {height: 60px; gap: 5px;}
.CART_main-frame-in-BOT-btn span {font-size: 16px;}


.UNI-CART-item-in {gap: 10px;}
.UNI-CART-item-in-image {width: 90px; min-height: 90px;}
.UNI-CART-item-in-image i {font-size: 40px;}
.UNI-CART-item-in-data-title {font-size: 16px; letter-spacing: 0.5px;}
.UNI-CART-item-in-data-action {gap: 4px;}
.UNI-CART-item-in-data-action-quantity input {width: 44px;}
.UNI-CART-item-in-data-action-quantity span {font-size: 12px;}
.UNI-CART-item-in-data-action-delete {padding: 5px 5px 5px 4px;}
.UNI-CART-item-in-data-action-delete i {font-size: 15px;}
.UNI-CART-item-in-data-action-delete span {font-size: 10px;}
.UNI-CART-isempty-in span {font-size: 18px;}


.QUEST-PAGE-title {width: 100%; padding: 0px 0px 20px;}
.QUEST-PAGE-title-in {gap: 10px; justify-content: center;}
.QUEST-PAGE-title-in i {font-size: 34px; transform: translateY(-3px);}
.QUEST-PAGE-title-in h2 {font-size: 22px;}

.QUEST-PAGE-top-hint {margin: 0px auto 20px;}
.QUEST-PAGE-top-hint-in {padding: 13px 10px; flex-direction: column; gap: 20px;}
.QUEST-PAGE-top-hint-icon i {font-size: 42px;}
.QUEST-PAGE-top-hint-text-in {font-size: 11px; line-height: 14px; letter-spacing: 0.25px; text-align: justify; text-align-last: center;}

.QUEST-PAGE-center-block {padding: 0px 0px 50px; gap: 20px; flex-direction: column;}


.QUEST-PAGE-ITEMS-out {width: 100%;}
.QUEST-PAGE-ITEMS {min-height: 115px; padding: 5px;}
.QUEST-PAGE-ITEMS .UNI-CART-item-in {gap: 10px;}
.QUEST-PAGE-ITEMS .UNI-CART-item-in-image {width: 90px; min-height: 105px;}
.QUEST-PAGE-ITEMS .UNI-CART-item-in-data-title {font-size: 16px;}
.QUEST-PAGE-ITEMS .UNI-CART-LIST {padding: 5px 2px; gap: 15px;}


.dopyt-formulars-out {width: 96%; margin: auto;}
.dopyt-formulars {flex-wrap: wrap;}
.dopyt-formulars-group {width: 100%;}
.dopyt-formulars-item {width: 100%; margin-bottom: 2vw;}
.dopyt-formulars-item input {width: 85%; padding: 0px 1% 0px 13.5%; font-size: 15px; background: rgb(251, 251, 251);}
.dopyt-formulars-item select {padding: 0px 0% 0px 13.5%; font-size: 15px;}
.dopyt-formulars-item textarea {height: auto; min-height: 90px;}
.dopyt-formulars-reqs label {font-size: 13px;}

.dopyt-formulars-btn {bottom: 0px; position: sticky; z-index: 33;}
.dopyt-formulars-btn button {width: 100%;}
.dopyt-formulars-btn button:hover {opacity: 1;}



/* VVZ ABOUT US */
.VVZ-ABOUT-form-TOP-BG {height: 65vw;}
.VVZ-ABOUT-form-TOP-BG-in {top: 0%; border-bottom-left-radius: 8vw; border-bottom-right-radius: 8vw;}

.VVZ-ABOUT-form-TOP-title {width: 100%; bottom: -9vw;}
.VVZ-ABOUT-form-TOP-title-in {height: 18vw; padding: 0px 5vw; border-radius: 4vw; outline-offset: 4px; gap: 0px;}
.VVZ-ABOUT-form-TOP-title-sub span {font-size: 3.5vw; letter-spacing: 0.1vw; word-spacing: 0.1vw;}
.VVZ-ABOUT-form-TOP-title-main h2 {font-size: 7vw !important; padding: 0px; margin: 0px; letter-spacing: 0.5vw; word-spacing: 0.2vw;}

.VVZ-ABOUT-form-GRAPHS {width: 100%; padding: 20vw 0px 7vw;}
.VVZ-ABOUT-form-GRAPHS-in {gap: 8vw 0vw; flex-wrap: wrap; justify-content: center;}
.VVZ-ABOUT-form-GRAPH {width: 50%;}
.VVZ-ABOUT-form-GRAPH-in {width: 38vw; height: 38vw;}
.VVZ-ABOUT-form-GRAPH-icon i {font-size: 14vw;}
.VVZ-ABOUT-form-GRAPH-number {left: -1vw;}
.VVZ-ABOUT-form-GRAPH-number div {gap: 1vw;}
.VVZ-ABOUT-form-GRAPH-number div strong {font-size: 12vw; letter-spacing: 1vw;}
.VVZ-ABOUT-form-GRAPH-number div span {font-size: 7vw;}
.VVZ-ABOUT-form-GRAPH-number div span b {font-size: 10vw;}
.VVZ-ABOUT-form-GRAPH-title div {font-size: 2.9vw; letter-spacing: 0;}
.VVZ-ABOUT-form-GRAPH:nth-child(5) {display: none; visibility: hidden;}

.VVZ-ABOUT-form-INTRO-quote {width: 80%; padding: 6vw 0px 0px; margin: auto;}
.VVZ-ABOUT-form-INTRO-quote span {font-size: 6vw; line-height: 8vw;}
.VVZ-ABOUT-form-INTRO-in {width: 94%; padding: 5vw 0px 52vw; flex-wrap: wrap;}
.VVZ-ABOUT-form-INTRO-item {width: 100%; font-size: 15px; line-height: 23px; letter-spacing: 0.5px; text-align-last: center;}

.VVZ-ABOUT-form-INTRO-IMG-in {width: 94%; height: 55vw; border-radius: 4vw; outline-offset: 5px;}
.VVZ-ABOUT-form-INTRO-IMG-in img {width: 100%; height: 80vw;}
@keyframes myAnimation {
  0%   {transform: translateY(0px);}
  100% {transform: translateY(-25vw);}
}


.VVZ-ABOUT-form-PROS {width: 100%; padding: 10vw 0px 10vw;}
.VVZ-ABOUT-form-PROS-in {gap: 4vw 4%; flex-wrap: wrap;}
.VVZ-ABOUT-form-PROS-item {width: 48%;}
.VVZ-ABOUT-form-PROS-item-in {height: 15vw; padding: 0px 0px; gap: 3vw; border-radius: 10vw;}
.VVZ-ABOUT-form-PROS-item-icon {width: 15vw; text-align: center;}
.VVZ-ABOUT-form-PROS-item-icon i {font-size: 10vw;}
.VVZ-ABOUT-form-PROS-item-title span {font-size: 4vw; letter-spacing: 1px; word-spacing: 1px; text-wrap: balance;}

.VVZ-ABOUT-form-QUALITYS {width: 100%; padding: 0px 0px 42vw;}
.VVZ-ABOUT-form-QUALITYS-in {border-radius: 5vw;}
.VVZ-ABOUT-form-QUALITYS-ITEMS {width: 92%; padding: 5vw 0px; flex-wrap: wrap;}
.VVZ-ABOUT-form-QUALITYS-ITEM {width: 100%;}
.VVZ-ABOUT-form-QUALITYS-ITEM-title {padding-bottom: 0;}
.VVZ-ABOUT-form-QUALITYS-ITEM-title h3 {font-size: 5.8vw; letter-spacing: 0.1vw;}
.VVZ-ABOUT-form-QUALITYS-ITEM-text {font-size: 14px; line-height: 20px; letter-spacing: 0.25px;}
.VVZ-ABOUT-form-QUALITYS-ITEM-text p:first-child {margin-top: 7px; padding-top: 0px;}
.VVZ-ABOUT-form-QUALITYS-ITEM-text ul {padding: 10px 0px 10px 15px;}
.VVZ-ABOUT-form-QUALITYS-ITEM-text ul li {padding: 3px 0px;}
.VVZ-ABOUT-form-QUALITYS-ITEM-text strong {font-size: 15px; letter-spacing: 0.5px;}
.VVZ-ABOUT-form-QUALITYS-IMAGES {height: 3vw;}
.VVZ-ABOUT-form-QUALITYS-IMG {width: 8vw; min-height: auto; box-shadow: 0px 0px 0px 2px rgb(255, 255, 255); border-radius: 1vw;}

.VVZ-ABOUT-form-INDIVID-in-IMG {width: 94%; height: 50vw; border-radius: 4vw; outline-offset: 5px; position: relative; z-index: 1;}
.VVZ-ABOUT-form-INDIVID-in-IMG-in {width: 100%; height: 50vw;}
.VVZ-ABOUT-form-INDIVID-in-IMG-in:before {width: 100%; height: 100%; left: 0%; top: 0%; background: linear-gradient(55deg,rgba(0, 0, 0, 0.4) 0%, rgba(250, 250, 250, 0) 60%); position: absolute; content: ''; z-index: 3;}
.VVZ-ABOUT-form-INDIVID-data {position: relative; z-index: 6;}
.VVZ-ABOUT-form-INDIVID-data-in {padding: 30px 0px 20px;}
.VVZ-ABOUT-form-INDIVID-data-sizes {left: 6vw; bottom: 102%; flex-direction: column-reverse; gap: 2vw; position: absolute;}
.VVZ-ABOUT-form-INDIVID-data-sizes div {color: rgb(255, 255, 255); text-shadow: 4px 4px 1px rgba(120, 50, 0, 0.6); text-align: left;}
.VVZ-ABOUT-form-INDIVID-data-sizes div:nth-child(1) {font-size: 14vw; line-height: 13vw; letter-spacing: 1vw; transform: translateX(0px);}
.VVZ-ABOUT-form-INDIVID-data-sizes div:nth-child(2) {font-size: 7vw; letter-spacing: 0.5vw; transform: translateX(0px);}
.VVZ-ABOUT-form-INDIVID-data-sizes div:nth-child(3) {font-size: 5vw;}
.VVZ-ABOUT-form-INDIVID-data-text {width: 94%; margin: auto;}
.VVZ-ABOUT-form-INDIVID-data-text-title div h3 {font-size: 7.5vw; letter-spacing: 0.1vw;}
.VVZ-ABOUT-form-INDIVID-data-text-form {font-size: 15px; line-height: 23px;}
.VVZ-ABOUT-form-INDIVID-data-text-form p {margin: 15px 0px;}

.VVZ-ABOUT-form-TIME-in {width: 100%; padding: 40px 0px;}
.VVZ-ABOUT-form-TIME-title div h3 {font-size: 7vw; letter-spacing: 0.1vw;}
.VVZ-ABOUT-form-TIME-DATA-years {width: 100%; overflow-X: auto; display: flex; position: relative;}
.VVZ-ABOUT-form-TIME-DATA-years-in {width: auto; padding: 10px 0px; gap: 15px;}
.VVZ-ABOUT-form-TIME-DATA-years-in:before {border-top: 1px dashed rgb(254, 144, 64);}
.VVZ-ABOUT-form-TIME-DATA-year {width: 54px; height: 54px; flex-shrink: 0; box-shadow: 0px 0px 2px 2px rgb(255, 255, 255);}
.VVZ-ABOUT-form-TIME-DATA-year:first-child {margin-left: 2vw;}
.VVZ-ABOUT-form-TIME-DATA-year:last-child {margin-right: 2vw;}
.VVZ-ABOUT-form-TIME-DATA-year-number span {font-size: 16px; letter-spacing: 0.5px;}
.VVZ-ABOUT-form-TIME-DATA-info {width: 96%; margin: auto;}
.VVZ-ABOUT-form-TIME-DATA-info-in {width: 100%; padding: 20px 0px;}
.VVZ-ABOUT-form-TIME-DATA-info-in:before {height: 100vw; top: -70px; background: radial-gradient(95vw 100vw, rgba(255, 206, 163, 0.5), rgb(255, 255, 255), rgb(255, 255, 255));}
.VVZ-ABOUT-form-TIME-DATA-informer {min-height: 150px; border-radius: 4vw; outline-offset: 5px; margin: auto;}
.VVZ-ABOUT-form-TIME-DATA-informer-in {padding: 15px;}
.VVZ-ABOUT-form-TIME-DATA-informer-YEAR-item-title span {font-size: 14px; padding-top: 3px; letter-spacing: 0.5px;}
.VVZ-ABOUT-form-TIME-DATA-informer-YEAR-item-title i {font-size: 16px;}
.VVZ-ABOUT-form-TIME-DATA-informer-YEAR-item-text {font-size: 13px; letter-spacing: 0.25px;}
.VVZ-ABOUT-form-TIME-DATA-informer-YEAR-item-text p:first-child {margin-top: 0px !important; padding-top: 5px !important;}





/* MAPA */
.action--vvz-mapa {height: 100vh; overflow: hidden !important;}

.VVZ-MAP-form-FRAME {width: 100vw; height: auto; left: 0%; top: 65px; bottom: 0%; position: fixed; z-index: 11;}


.VVZ-MAP-form-FRAME-MAP .leaflet-marker-icon, .VVZ-MAP-form-FRAME-MAP .leaflet-marker-shadow {transition: all 0.05s;}

.VVZ-MAP-DETAIL {height: auto; max-height: initial; top: 80px; border-radius: 30px;}
.VVZ-MAP-DETAIL-in-CLOSE div {width: 36px; height: 36px;}
.VVZ-MAP-DETAIL-in-CLOSE div i {font-size: 20px;}
.VVZ-MAP-DETAIL-in-BODY-images-in {height: 200px; gap: 12px;}
.VVZ-MAP-DETAIL-in-BODY-data-in {padding: 15px 20px 20px;}
.VVZ-MAP-DETAIL-in-BODY-data-tops {width: 100%; padding-bottom: 20px;}
.VVZ-MAP-DETAIL-in-BODY-data-top {gap: 6px;}
.VVZ-MAP-DETAIL-in-BODY-data-top i {font-size: 18px;}
.VVZ-MAP-DETAIL-in-BODY-data-top i.fa-location-dot {margin-top: -2px;}
.VVZ-MAP-DETAIL-in-BODY-data-top span {font-size: 12px;}
.VVZ-MAP-DETAIL-in-BODY-data-title div h3 {font-size: 24px;}


.VVZ-MAP-page-title-in {padding: 10px 12px; top: 80px; left: 50%; transform: translateX(-50%); border-radius: 8px;}
.VVZ-MAP-page-title-inner {gap: 10px;}
.VVZ-MAP-page-title-inner i {font-size: 22px;}
.VVZ-MAP-page-title-inner h2 {font-size: 18px !important; white-space: nowrap; margin: 0px; padding: 0px; letter-spacing: 0.5px;}


.VVZ-MAP-form-count {left: 8px; bottom: 8px; position: fixed;}
.VVZ-MAP-form-count-in {padding: 4px 10px 4px 4px; gap: 2px; border-radius: 8px;}
.VVZ-MAP-form-count-icon img {height: 23px;}
.VVZ-MAP-form-count-data-main {gap: 4px;}
.VVZ-MAP-form-count-data-main strong {font-size: 17px; line-height: 14px;}
.VVZ-MAP-form-count-data-main span {font-size: 12px; letter-spacing: 0.25px;}
.VVZ-MAP-form-count-data-sub {margin-top: -3px;}
.VVZ-MAP-form-count-data-sub span {font-size: 9px; letter-spacing: 0.25px;}







/* VVZ 2025 REFERENCIA - ALL */
.VVZ-referencie-form-in {width: 98%; margin: auto; gap: 15px 0%;}
.VVZ-referencie-form-item {width: 100%; border-radius: 12px;}
.VVZ-referencie-form-item-in {padding: 8px 8px 5px 8px;}
.VVZ-referencie-form-item-img {height: 240px; border-radius: 10px;}
.VVZ-referencie-form-item-img::after {outline: 1px dashed rgb(222, 222, 222); outline-offset: -8px; border-radius: 14px;}
.VVZ-referencie-form-item-data-in {height: 46px; gap: 10px;}
.VVZ-referencie-form-item-data-titles {padding-left: 5px;}
.VVZ-referencie-form-item-data-titles-in h3 {font-size: 15px; line-height: 16px; letter-spacing: 0.5px;}
.VVZ-referencie-form-item-data-btn div {height: 32px; padding: 0px 10px; gap: 6px;}
.VVZ-referencie-form-item-data-btn div span {font-size: 12px; letter-spacing: 0.5px;}
.VVZ-referencie-form-item-data-btn div i {font-size: 15px;}


/* VVZ 2025 REFERENCIA - ONE */
.VVZ-referencia-form-in {flex-direction: column; gap: 20px;}
.VVZ-referencia-form-main {width: 96%; margin: auto;}
.VVZ-referencia-form-main-title {padding-top: 0px;}
.VVZ-referencia-form-main-title div h2 {font-size: 22px !important; letter-spacing: 0.25px;}
.VVZ-referencia-form-main-info {padding: 0px 0px 20px; gap: 8px;}
.VVZ-referencia-form-main-info-item {height: 34px; padding: 0px 10px; gap: 4px;}
.VVZ-referencia-form-main-info-item i {font-size: 15px;}
.VVZ-referencia-form-main-info-item span {font-size: 11px; letter-spacing: 0.25px;}
.VVZ-referencia-form-main-text .content-text {font-size: 14px; line-height: 22px;}
.VVZ-referencia-form-products-title {width: 100%; padding: 20px 0px 0px;}
.VVZ-referencia-form-products-title span {font-size: 19px; letter-spacing: 0.25px;}
.VVZ-referencia-form-products-items {width: 100%; padding: 20px 0px 20px; overflow-y: auto;}
.VVZ-referencia-form-products-items-in {flex-wrap: nowrap;}
.VVZ-referencia-form-products-item {width: 160px; flex-shrink: 0;}
.VVZ-referencia-form-products-item-in {width: 100%; height: 200px; border-radius: 12px;}
.VVZ-referencia-form-products-item-img {height: 80%;}
.VVZ-referencia-form-products-item-data {bottom: 12px;}
.VVZ-referencia-form-products-item-data-title h3 {font-size: 12px; letter-spacing: 0.25px;}
.VVZ-referencia-form-products-item-action {height: 34px; padding: 0px 8px; gap: 6px;}
.VVZ-referencia-form-products-item-action i {font-size: 14px;}
.VVZ-referencia-form-products-item-action span {font-size: 11px; letter-spacing: 0.25px;}
.VVZ-referencia-form-products-item:after {width: 100%; height: 100%; left: 0%; top: 0%;display: block; position: absolute; content: ''; z-index: 11;}
.VVZ-referencia-form-products-item:hover:after {transform: scale(0); transition: all 0.1s; transition-delay: 0.3s;}
.VVZ-referencia-form-side {width: 98%; border-radius: 12px; outline: 1px dashed rgb(242, 242, 242); outline-offset: 4px; transform: none; margin: auto;}
.VVZ-referencia-form-side-in {padding: 8px;}
.VVZ-referencia-form-gallery-items {gap: 10px 3%;}
.VVZ-referencia-form-gallery-item {width: 48.5%; height: 170px; border-radius: 6px;}

.VVZ-referencia-form-side-STICKY {top: auto; position: relative;}
.VVZ-referencia-form-side-STICKY .VVZ-referencia-form-side-inner {max-height: initial; overflow: visible; border-radius: 0;}




/* BOTTOM RECENZIE */
.bottom-recenzie {width: 100%; margin: 20px auto 50px;}
.bottom-recenzie-in-title {width: 100%; margin: 0px auto 30px;}
.bottom-recenzie-in-title div span {font-size: 23px; letter-spacing: 0px;}
.bottom-recenzie-in-title:before {width: 50vw; top: 120%;}
.VVZ-recenzia-slide {border-radius: 15px;}
.VVZ-recenzia-slide-in-top {gap: 10px;}
.VVZ-recenzia-slide-in-top-data-title {font-size: 12px;}
.VVZ-recenzia-slide-in-top-data-title span {font-size: 17px;}
.VVZ-recenzia-slide-in-top-data-stars i {font-size: 14px;}
.VVZ-recenzia-slide-in {padding: 15px 15px;}
.VVZ-recenzia-slide-in-text {font-size: 13px; padding-top: 10px; line-height: 16px; letter-spacing: 0.25px;}







.login-form {margin: 30px 5% 60px;}
.login-alert {line-height: 16px;font-size: 13px;}
.login-alert i {font-size: 40px;height: 40px;width: 40px;left: 2%;}

.ui-spinner {width: 48px !important;}


.bottom-gram-in {}
.vvz-bottom-gram-item {width: 100%; height: 190px;}
.vvz-bottom-gram-item-data {width: 88%; padding: 6px 0px 6px 6px; left: 6px; bottom: 6px;}
.vvz-bottom-gram-item-data-title {gap: 5px;}
.vvz-bottom-gram-item-data-title i {font-size: 17px;}
.vvz-bottom-gram-item-data-title span {font-size: 12px; letter-spacing: 0.25px;}

.vvz-bottom-gram-controls {width: 100%; padding: 25px 0px 30px;}
.vvz-bottom-gram-controls-btn {padding: 0px 10px;}
.vvz-bottom-gram-controls-btn i {font-size: 30px;}
.vvz-bottom-gram-controls-data-item {padding: 4px 12px; border-radius: 4px; outline-offset: 4px;}
.vvz-bottom-gram-controls-data-item i {font-size: 22px;}
.vvz-bottom-gram-controls-data-item span {font-size: 14px; letter-spacing: 0.5px;}





/* GLOBAL DIALOG */
.VVZ-DIALOG-btn {right: 8px; bottom: 8px;}
.VVZ-DIALOG-btn-in {width: 34px; height: 34px;}
.VVZ-DIALOG-btn-in-icon i {font-size: 20px;}
.VVZ-DIALOG-btn-in:hover .VVZ-DIALOG-btn-in-title {padding: 0px 45px 0px 10px;}
.VVZ-DIALOG-btn-in-title span {font-size: 12px;}


.VVZ-DIALOG-form {width: 100%; border-top-left-radius: 15px; border-top-right-radius: 15px; overflow: hidden;}
.VVZ-DIALOG-form-ACTIVE {top: 80px;}

.VVZ-DIALOG-form-in {height: 100%; height: 100%; left: 0%; bottom: 0%; border-top-left-radius: 15px; border-top-right-radius: 15px; position: absolute;}
.VVZ-DIALOG-form-head {height: 60px; padding: 0px 0px 0px 15px;}
.VVZ-DIALOG-form-head-icon i {font-size: 28px;}
.VVZ-DIALOG-form-head-title span {font-size: 17px;}
.VVZ-DIALOG-form-head-close {width: 60px; height: 60px;}
.VVZ-DIALOG-form-head-close i {font-size: 22px;}
.VVZ-DIALOG-form-body {top: 60px;}
.VVZ-DIALOG-form-body-in {padding: 20px 15px 30px; gap: 40px; flex-direction: column;}
.VVZ-DIALOG-form-item {width: 100%;}

.VVZ-DIALOG-form-item-contact {padding: 0px 0px 18px;}
.VVZ-DIALOG-form-item-contact-title {padding-bottom: 3px;}
.VVZ-DIALOG-form-item-contact-title i {font-size: 19px;}
.VVZ-DIALOG-form-item-contact-title span {font-size: 14px; letter-spacing: 0.25px;}
.VVZ-DIALOG-form-item-contact-data a {font-size: 26px;}
.VVZ-DIALOG-form-item-contact-data-small a {font-size: 20px; letter-spacing: 0.25px;}
.VVZ-DIALOG-form-item-contact-text {min-height: auto; font-size: 12px; line-height: 18px; letter-spacing: 0.25px;}

.VVZ-DIALOG-form-item-btn-in {padding: 12px 12px; flex-grow: 1; gap: 10px;}
.VVZ-DIALOG-form-item-btn-in i {font-size: 22px;}
.VVZ-DIALOG-form-item-btn-in span {font-size: 16px; letter-spacing: 0.5px;}
.VVZ-DIALOG-form-item-FORM:before {left: -1px; top: -6px; right: -1px; bottom: -8px; border-radius: 9px; outline: 2px dashed rgb(219, 219, 219);}

.VVZ-DIALOG-form-item-FORM-input {width: 100%; margin-bottom: 10px;}
.VVZ-DIALOG-form-item-FORM-input i {width: 30px; font-size: 22px; left: 10px;}
.VVZ-DIALOG-form-item-FORM-input input {height: 44px; font-size: 14px; padding-left: 50px;}
.VVZ-DIALOG-form-item-FORM-input textarea {padding: 12px; font-size: 12px; letter-spacing: 0.25px;}
.VVZ-DIALOG-form-item-FORM-check label {font-size: 12px; letter-spacing: 0.25px;}
.VVZ-DIALOG-form-item-FORM-submit button {width: 100%; height: 46px; padding: 0px 15px;}
















/* FOOTER */
.web-down-form {overflow-x: hidden;}

.web-down {margin: 20px auto 30px;}
.web-down-in {flex-direction: column;}

.footer-logo {height: 70px; margin: auto; background-position: center;}

.web-down-text {width: 100%; float: none;}
.web-down-text-in {width: 98%; padding: 5px 0px; margin: 10px auto; float: none;}
.web-down-text-in:first-child {padding-left: 35px;}
.web-down-text-text {font-size: 17px;}
.web-down-text-title {font-size: 12px; padding: 25px 0px 15px; color: rgba(255, 255, 255, 0.75); display: none; visibility: hidden;}

.web-down-links {padding-top: 20px; gap: 10px;}

.web-down-cookies {padding-top: 20px !important;}


.web-down-katalog {width: 100%;}
.web-down-katalog-items	{flex-direction: row; flex-wrap: wrap;}
.web-down-katalog-item {width: 50%;}
.web-down-katalog-item-in {gap: 8px;}
.web-down-katalog-item:hover .web-down-katalog-item-in {gap: 8px;}
.web-down-katalog-item-in-img {width: 52px; height: 52px;}
.web-down-katalog-item-in-data-title span {font-size: 11px; letter-spacing: 0.5px; word-spacing: 0.5px; display: block;}









.web-down-formular {width: 300px; padding: 5px 0px; margin: 25px auto; float: none;}

.footer-social {width: 100%; right: auto; top: auto; position: relative;}
.footer-social-title {display: none; visibility: hidden;}
.footer-social-items div {width: auto;}

.web-down-map {width: 90%; height: 80vw; right: auto; top: auto; margin: auto; position: relative;}




.web-footer-link {font-size: 10px; width: 80%; padding: 15px 10%; line-height: 17px; color: rgb(222,222,222);}
.web-footer-link a {color: rgb(255, 255, 255);}

#to-top {font-size: 20px; right: 5px; bottom: 5px;}

#pop-box {width: 98vw !important; min-height: auto !important; top: 50%; transform: translateY(-50%);}
#pop-box::before {height: 24px; width: 24px; top: -32px; right: 0px;}

.fancybox-thumbs {padding: 2px 0px 2px;}
.fancybox-show-thumbs .fancybox-inner {right: 10vw;}
.fancybox-thumbs {width: 10vw;}
.fancybox-thumbs > ul {box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3);}
.fancybox-thumbs > ul > li {width: 10vw; height: 10vw; margin: 5px 0px;}
.fancybox-thumbs > ul > li::before {border: 2px solid rgb(201, 126, 81);}
.fancybox-navigation .fancybox-button::after {left: -35px; padding: 40px;}


}