:root { --vvz-main: rgb(255, 102, 0); } ::-webkit-scrollbar {width: 6px; height: 6px;} ::-webkit-scrollbar-track {background: transparent;} ::-webkit-scrollbar-thumb {background: rgba(255, 114, 0, 0.7); border-radius: 10px; border: 2px solid transparent; background-clip: content-box;} html,body{margin:0;padding:0;} body{font-size: 16px; font-family: 'Raleway', sans-serif; font-display: swap; background: rgb(255, 255, 255); color: rgb(40, 40, 40); text-align: center; overflow-x: hidden;} input{-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;} img{border:0} form{margin:0;} p{margin:10px 0 10px 0;padding:0;} a:link, a:visited {color: rgb(40, 40, 40); text-decoration:none;} a:hover {color:rgb(109, 110, 113); text-decoration: underline;} .main-color {color: rgb(255, 114, 0) !important; background: rgb(255, 114, 0) !important;} .main-color-c {color: rgb(255, 114, 0) !important;} .main-color-b {background: rgb(255, 114, 0) !important;} .second-color {color: rgb(33, 33, 33) !important; background: rgb(33, 33, 33) !important;} .second-color-c {color: rgb(33, 33, 33) !important;} .second-color-b {background: rgb(33, 33, 33) !important;} .third-color {color: rgb(139,166,175) !important; background: rgb(139,166,175) !important;} .third-color-c {color: rgb(139,166,175) !important;} .third-color-b {background: rgb(139,166,175) !important;} .font {font-family: 'Montserrat', sans-serif; font-display: swap;} .web-title {float: left; position:fixed;left: -100%;margin: 0px;font-size: 1px;} /* HEADER and MENU */ .web-header-ghost {height: 110px; margin: auto; width: 100%; position: relative;} .web-header {height: 110px; width: 100%; top: 0px; position: fixed; z-index: 99; transition: all 0.4s;} .web-header-in {width: 98%; max-width: 1800px; height: 110px; margin: 0px auto; background: rgb(255,255,255); background: linear-gradient(90deg,rgba(255,255,255,0.8) 200px, rgba(255,146,51,0.8) 400px, rgba(255,102,0,0.8) 100%); backdrop-filter: blur(35px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; transition: all 0.3s; position: relative; z-index: 3;} .web-header-inner {height: 110px; width: 100%; position: relative; transition: all 0.5s;} .home-page .web-header {} .header-fix {} .header-fix .web-header-in {box-shadow: 20px 15px 35px -40px rgb(0, 0, 0) !important;} .web-logo {width: 160px; height: 104px; left: 25px; top: 0px; background: url("/images/design/logo.svg") no-repeat; background-size: contain; background-position: left center !important; z-index: 11; margin: auto; display: block; position: absolute;} .web-logo:hover {opacity: 0.75;} .web-logo-hu {background: url("/images/design/logo-hu.svg") no-repeat !important; background-size: contain; background-position: left center !important;} .web-logo-en {background: url("/images/design/vvz-logo-clean.svg") no-repeat !important; background-size: contain; background-position: left center !important;} .web-header-in-cart {width: 80px; height: 90px; top: 10px; right: 10px; background: rgba(255, 255, 255, 0.1); border-radius: 6px; border-bottom-right-radius: 24px; position: absolute;} .web-header-in-cart-in {width: 80px; height: 90px; display: flex; justify-content: center; align-items: center; cursor: pointer;} .web-header-in-cart-in-icon {} .web-header-in-cart-in-icon i {font-size: 40px; color: rgb(255,255,255);} .web-header-in-cart-in-icon i:before {opacity: 0.6;} .web-header-in-cart-in-icon i:after {opacity: 0.99;} .web-header-in-cart-in-icon .fa-times:before {opacity: 1 !important;} .cart-small-notify {right: 0px; top: 100%; position: absolute; z-index: 9; pointer-events: none;} .cart-small-notify-item {height: 42px; margin: 0px auto 5px; transform: translateY(10px); opacity: 0; box-shadow: 0px 3px 20px -10px black; transition: all 0.5s; border: 1px solid rgba(255, 255, 255, 0.5); background: rgb(30, 185, 76); border-radius: 8px; overflow: hidden; position: relative;} .cart-small-notify-item-in {height: 42px; padding: 0px 15px; color: rgb(255,255,255); white-space: nowrap; text-align: left; display: flex; gap: 10px; align-items: center;} .cart-small-notify-item-in i {font-size: 21px;} .cart-small-notify-item-in span {font-size: 15px; font-weight: 400; letter-spacing: 0.5px;} .ccnn-show {transform: translateY(0px); opacity: 1;} .ccnn-hide {margin: 0px auto 0px; transform: translateY(-10px); opacity: 0;} .quest-form-btn-count {width: 0px; height: 0px; right: 20px; top: 28px; position: absolute; pointer-events: none;} .quest-form-btn-count div {width: 20px; height: 20px; left: -10px; top: -10px; font-size: 14px; line-height: 20px; padding: 3px; color: white; background: rgb(88, 183, 68); border-radius: 50%; position: absolute; text-align: center; font-family: Arial, Helvetica, sans-serif;} .quest-form-btn-count div {transition: all 0.5s cubic-bezier(.68,-0.55,.27,1.55);} .quest-form-btn-count-animate div {transform: scale(2.2) rotate(360deg);} .quest-form-active {max-width: 650px; border-left: 5px solid rgb(142, 210, 255); box-shadow: 0px 0px 25px -5px black;} .quest-form-active .quest-form-btn {opacity: 0;} .web-header-in-langs {width: 45px; height: 40px; top: 10px; right: 100px; border-radius: 6px; background: rgba(255, 255, 255, 0.1); z-index: 19; position: absolute;} .web-header-in-langs-in {width: 100%; height: 100%; top: 0%; right: 0%; position: absolute;} .web-header-in-langs-in-actual {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; z-index: 9; pointer-events: none;} .web-header-in-langs-in-actual-flag {width: 76%; height: 76%; left: 12%; top: 12%; border-radius: 5px; overflow: hidden; position: absolute;} .web-header-in-langs-in-actual-flag img {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; object-fit: cover;} .web-header-in-langs-in-actual-title {height: 100%; padding-right: 10px; right: 100%; top: 0%; opacity: 0; transform: scale(0); display: flex; align-items: center; position: absolute;} .web-header-in-langs-in-actual-title span {letter-spacing: 0.5px; font-weight: 600;} .web-header-in-langs-in-selector {padding: 55px 0px 0px 15px; top: 0%; right: 0%; display: flex; gap: 6px; flex-direction: column; position: absolute; z-index: 1;} .web-header-in-langs-in-selector {opacity: 0; transform: scale(0);} .web-header-in-langs-in-selector:before {left: -6px; right: -6px; top: -6px; bottom: -6px; background: linear-gradient(130deg, rgb(255, 238, 221) 50%, rgb(255, 163, 104) 100%); border-radius: 6px; box-shadow: 5px 5px 10px -10px rgba(0, 0, 0, 0.6); position: absolute; content: ''; z-index: -1;} .web-header-in-langs-in-selector-item {display: flex; gap: 10px; justify-content: end; align-items: center; position: relative;} .web-header-in-langs-in-selector-item-data {text-align: right; transition: all 0.3s;} .web-header-in-langs-in-selector-item-data-name {white-space: nowrap;} .web-header-in-langs-in-selector-item-data-name span {letter-spacing: 0.5px; font-weight: 500;} .web-header-in-langs-in-selector-item-data-domain {font-size: 10px; letter-spacing: 0.5px; white-space: nowrap;} .web-header-in-langs-in-selector-item-flag {width: 45px; height: 40px; position: relative;} .web-header-in-langs-in-selector-item-flag img {width: 76%; height: 76%; left: 12%; top: 12%; border-radius: 5px; overflow: hidden; object-fit: cover; position: absolute; } .web-header-in-langs-in-selector-item a {} .web-header-in-langs-in-selector-item:hover .web-header-in-langs-in-selector-item-data {transform: translateX(5px);} .web-header-in-langs:hover .web-header-in-langs-in-actual-title {opacity: 1; transform: scale(1); transition: opacity 0.5s;} .web-header-in-langs:hover .web-header-in-langs-in-selector {opacity: 1; transform: scale(1); transition: opacity 0.3s;} .new-header-info {width: 42px; height: 42px; right: 107px; top: 8px; margin: auto; z-index: 9; position: absolute; display: block; transition: all 0.25s;} .new-header-info-item {width: 100%; position: relative;} .new-header-info-item-classic a {color: #00c3c9; font-size: 16px; padding: 5px 0px 5px 35px; display: block;} .new-header-info-item-classic i {color: #b3d504; position: absolute; top: 4px; left: 4px; font-size: 21px; height: 21px; width: 21px; text-align: center;} /* MAIN MENU */ .web-main-menu {width: auto; left: 240px; bottom: 0px; margin: auto; position: absolute; z-index: 9;} .web-main-menu, .web-main-menu-in {height: 110px;} .web-main-menu-in {margin: auto; display: flex; position: relative;} .main-menu-item {height: 110px; display: flex; position: relative;} .main-menu-item-in {padding: 0px 1.2vw; display: flex; gap: 5px; align-items: center;} .main-menu-item-in span {font-size: 19px; line-height: 25px; color: rgb(0, 0, 0); letter-spacing: 0.25px; font-weight: 500;} .main-menu-item-in i {font-size: 14px;} .main-menu-item-url {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; z-index: 9;} .main-menu-item:after {width: 12px; height: 12px; left: 0px; right: 0px; top: 22px; background: rgb(255, 255, 255); position: absolute; margin: auto; content:""; border-radius: 50%; transition: all 0.5s; transition-delay: 0.05s; transform: scale(0); opacity: 0; pointer-events: none;} .menu-active, .main-menu-item:hover {} .menu-active a, .main-menu-item a:hover {color: rgb(0, 0, 0); text-decoration: none;} .menu-active:after , .main-menu-item:hover:after {transform: scale(1); opacity: 1;} .main-menu-item-subs { min-width: 250px; left: -8px; top: 78%; background: linear-gradient(130deg, rgb(255, 238, 221) 50%, rgb(255, 163, 104) 100%); border-top: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 6px 6px 10px -11px rgb(0, 0, 0); border-radius: 20px; text-align: left; overflow: hidden; position: absolute; z-index: 11;} .main-menu-item-subs {transform: scale(0); opacity: 0; transform-origin: left top; } .main-menu-item-subs a {font-size: 17px; padding: 15px 25px; letter-spacing: 0.5px; color: rgb(77, 77, 77); font-weight: 500; white-space: nowrap; display: flex; gap: 10px; align-items: center;} .main-menu-item-subs a i {width: 30px; font-size: 26px; margin-left: -5px; color: var(--vvz-main); text-align: center;} .main-menu-item-subs a span {} .main-menu-item-subs a:hover {background: rgba(255, 144, 64, 0.4);} .main-menu-item-subs a:first-child {padding-top: 24px;} .main-menu-item-subs a:last-child {padding-bottom: 24px;} .main-menu-item:hover .main-menu-item-subs {opacity: 1; transform: scale(1); transition: all 0.3s;} .web-header-in-mobil-btn, .web-header-in-mobil-menu {display: none;} /* KATALOG MEGA MENU */ .katalog-mega-menu {width: 94vw; max-width: 1800px; left: 0%; right: 0%; top: 100px; opacity: 0; transform: scale(0); transform-origin: center top; margin: auto; position: fixed; z-index: 44;} .katalog-mega-menu:before {width: 100vw; height: 100vh; height: calc( 100vh - 100px ); left: -100vw; right: -100vw; top: 0px; opacity: 0; background: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);; margin: auto; position: fixed; z-index: -1; content: ''; pointer-events: none;} .katalog-mega-menu-in {width: 100%; min-height: 300px; background: linear-gradient(45deg,rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); overflow: hidden; border-radius: 20px; display: flex; gap: 5px; align-items: stretch; box-shadow: 0px 10px 20px -10px black; position: relative;} .katalog-mega-menu-ACTIVE {top: 110px; opacity: 1; transform: scale(1); transition: top 0.2s , opacity 0.2s;} .katalog-mega-menu-ACTIVE:before {opacity: 1; transition: opacity 0.4s;} /*.katalog-mega-menu {top: 100px; opacity: 1; transform: scale(1); transition: top 0.2s , opacity 0.2s;}*/ .katalog-mega-menu-in-main {width: 340px; flex-grow: 0; flex-shrink: 0; position: relative; z-index: 44;} .katalog-mega-menu-in-main-scroll {width: 100%; max-height: 80vh; overflow-y: auto; position: relative; z-index: 3; scrollbar-width: thin; overscroll-behavior: contain;} .katalog-mega-menu-in-main-in {padding: 15px 15px; display: flex; gap: 8px; flex-direction: column; align-items: stretch; position: relative;} .katalog-mega-menu-in-main-in-item {width: 100%; height: 78px; background: rgb(223, 223, 223); display: flex; gap: 15px; justify-content: start; align-items: center; flex-grow: 1; border-radius: 15px; cursor: pointer; position: relative; z-index: 3;} .katalog-mega-menu-in-main-in-item a {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; cursor: pointer; z-index: 9;} .katalog-mega-menu-in-main-in-item-spacer {width: 15px; height: 40px;} .katalog-mega-menu-in-main-in-item-img {width: 100px; height: 70px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; flex-grow: 0; position: relative;} .katalog-mega-menu-in-main-in-item-img img {width: 100%; height: 80px; left: 0%; top: 0px; object-fit: contain; position: absolute;} .katalog-mega-menu-in-main-in-item-in {text-align: left; position: relative; z-index: 3;} .katalog-mega-menu-in-main-in-item-in span {font-size: 19px; letter-spacing: 0.5px; color: rgb(38, 38, 38); font-weight: 500;} .katalog-mega-menu-in-main-in-item-active {background: rgb(255, 158, 81); background: linear-gradient(90deg,rgba(255,255,255,0.8) 50px, rgba(255,146,51,0.8) 200px, rgba(255,102,0,0.8) 100%);} .katalog-mega-menu-in-former {display: flex; flex-grow: 1;} .katalog-mega-menu-in-former-in {padding: 15px 0px 0px; display: flex; flex-direction: column;} .katalog-mega-menu-in-form-subs {} .katalog-mega-menu-in-form-subs-in {} .katalog-mega-menu-in-form-subs-in-group {max-height: 0px; overflow: hidden;} .katalog-mega-menu-in-form-subs-in-group-active {max-height: 600px;} .katalog-mega-menu-in-form-subs-in-group-in {display: flex; gap: 0px 8px; flex-wrap: wrap;} .katalog-mega-menu-in-form-subs-in-group-item {min-width: 10%; height: 48px; margin-bottom: 10px; background: rgb(222,222,222); border-radius: 30px; display: flex; gap: 6px; align-items: center; transition: all 0s; opacity: 0; overflow: hidden; position: relative;} .katalog-mega-menu-in-form-subs-in-group-item:hover {background: rgb(222,222,222);} .katalog-mega-menu-in-form-subs-in-group-active .katalog-mega-menu-in-form-subs-in-group-item {transition: all 0.4s; opacity: 1;} .katalog-mega-menu-in-form-subs-in-group-item:nth-child(1) { transition-delay: 0.01s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(2) { transition-delay: 0.02s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(3) { transition-delay: 0.03s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(4) { transition-delay: 0.04s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(5) { transition-delay: 0.05s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(6) { transition-delay: 0.06s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(7) { transition-delay: 0.07s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(8) { transition-delay: 0.08s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(9) { transition-delay: 0.09s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(10) { transition-delay: 0.10s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(11) { transition-delay: 0.11s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(12) { transition-delay: 0.12s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(13) { transition-delay: 0.13s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(14) { transition-delay: 0.14s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(15) { transition-delay: 0.15s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(16) { transition-delay: 0.16s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(17) { transition-delay: 0.17s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(18) { transition-delay: 0.18s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(19) { transition-delay: 0.19s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(20) { transition-delay: 0.20s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(21) { transition-delay: 0.21s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(22) { transition-delay: 0.22s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(23) { transition-delay: 0.23s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(24) { transition-delay: 0.24s; } .katalog-mega-menu-in-form-subs-in-group-item:nth-child(25) { transition-delay: 0.25s; } .katalog-mega-menu-in-form-subs-in-group-item-img {width: 48px; height: 48px; flex-grow: 0; flex-shrink: 0; display: flex; justify-content: end; align-items: center; border-radius: 50%; overflow: hidden; background: rgb(240, 240, 240); position: relative; z-index: 9;} .katalog-mega-menu-in-form-subs-in-group-item-img img {width: 130%; height: 130%; top: 0%; right: 0%; object-fit: contain; object-position: center; transform: scale(1.3); position: absolute;} .katalog-mega-menu-in-form-subs-in-group-item-img i {font-size: 17px; color: rgb(241, 90, 41); transition: all 0.5s;} .KKK-subka-loaded .katalog-mega-menu-in-form-subs-in-group-item-img i {color: rgb(255, 255, 255);} .katalog-mega-menu-in-form-subs-in-group-item-data {padding: 0px 9px 0px 0px; flex-grow: 1; position: relative; z-index: 9;} .katalog-mega-menu-in-form-subs-in-group-item-data span {font-size: 16px; letter-spacing: 0.5px; font-weight: 400; color: rgb(49, 49, 49); display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: left;} .katalog-mega-menu-in-form-subs-in-group-item a {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; cursor: pointer; z-index: 9;} .KKK-subka-loaded:before {width: 100%; height: 100%; background: rgb(255, 153, 75); right: 0%; top: 0%; position: absolute; content: ''; z-index: 1;} .KKK-subka-loaded .katalog-mega-menu-in-form-subs-in-group-item-data span {color: white;} .KKK-subka-loading:after {width: 0%; height: 100%; background: linear-gradient(90deg, rgba(222,222,222,0) 0%, rgba(255, 153, 75,0.8) 100%); right: 0%; top: 0%; position: absolute; content: ''; z-index: 1;} .KKK-subka-loading:after {animation-name: KAT_loading; animation-duration: 0.75s; animation-iteration-count: 1;} @keyframes KAT_loading { 0% {width: 0%;} 20% {width: 0%; opacity: 0;} 100% {width: 100%; opacity: 0.9;} } .katalog-mega-menu-in-form {padding: 0px 15px 15px 0px; flex-grow: 1; display: flex; background: rgba(255,255,255,0.05); position: relative;} .katalog-mega-menu-in-form-in {width: 100%; min-height: 250px; display: flex; flex-direction: column; position: relative;} .katalog-mega-menu-in-form-in-loader {width: 100%; height: 250px; display: flex; justify-content: center; align-items: center; position: relative;} .katalog-mega-menu-in-form-in-loader i {font-size: 80px;} .katalog-mega-menu-in-form-in-loader i:before {color: rgb(255, 102, 0);} .katalog-mega-menu-in-form-in-loader i:after {color: rgb(200, 200, 200);} .katalog-mega-menu-in-form-in-AJAX {width: 100%; display: flex; gap: 10px; flex-direction: column; justify-content: space-between; flex-grow: 1;} .katalog-mega-menu-in-form-in-AJAX-PROS {width: 100%; display: flex; gap: 10px 1%; flex-wrap: wrap;} .katalog-mega-menu-in-form-in-AJAX-PRO {width: 15.8%; height: 205px; background: linear-gradient(45deg,rgb(238, 238, 238) 0%, rgb(255, 255, 255) 100%); border-radius: 15px; transition: all 0.3s; flex-grow: 0; position: relative;} .katalog-mega-menu-in-form-in-AJAX-PRO a {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; cursor: pointer; z-index: 9;} .katalog-mega-menu-in-form-in-AJAX-PRO-img {height: 190px; padding: 2px; position: relative;} .katalog-mega-menu-in-form-in-AJAX-PRO-img img {width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply;} .katalog-mega-menu-in-form-in-AJAX-PRO-data {height: 50px; left: 3px; right: 3px; bottom: 3px; position: absolute;} .katalog-mega-menu-in-form-in-AJAX-PRO-data-in {} .katalog-mega-menu-in-form-in-AJAX-PRO-data-in-top {height: 50px; display: flex; justify-content: center; align-items: center;} .katalog-mega-menu-in-form-in-AJAX-PRO-data-in-top-title {} .katalog-mega-menu-in-form-in-AJAX-PRO-data-in-top-title span {font-size: 15px; line-height: 18px; letter-spacing: 0.5px; font-weight: 600;} .katalog-mega-menu-in-form-in-AJAX-PRO-data-in-top-title span {display: block; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-wrap: balance;} .katalog-mega-menu-in-form-in-AJAX-PRO:hover .katalog-mega-menu-in-form-in-AJAX-PRO-data-in-top-title span {color: rgb(241, 90, 41);} .katalog-mega-menu-in-form-in-AJAX-PRO-MORE {width: 16.25%; height: 250px; display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: center; background: rgb(87, 87, 87); transition: all 0.3s; position: relative;} .katalog-mega-menu-in-form-in-AJAX-PRO-MORE:hover {background: rgba(255,255,255,0.1);} .katalog-mega-menu-in-form-in-AJAX-PRO-MORE-icon {} .katalog-mega-menu-in-form-in-AJAX-PRO-MORE-icon i {font-size: 60px; color: rgb(241, 90, 41);} .katalog-mega-menu-in-form-in-AJAX-PRO-MORE-title {font-size: 14px; letter-spacing: 2px; opacity: 0.5; text-transform: uppercase; font-weight: 300; color: rgb(255, 255, 255);} .katalog-mega-menu-in-form-in-AJAX-PRO-MORE a {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; cursor: pointer; z-index: 9;} .katalog-mega-menu-in-form-in-AJAX-PRO-EMPTY {width: 100%; height: 250px; display: flex; justify-content: center; align-items: center;} .katalog-mega-menu-in-form-in-AJAX-PRO-EMPTY-in {display: flex; gap: 15px; flex-direction: column;} .katalog-mega-menu-in-form-in-AJAX-PRO-EMPTY-in i {font-size: 70px;} .katalog-mega-menu-in-form-in-AJAX-PRO-EMPTY-in span {font-size: 14px; letter-spacing: 1px; color: rgb(90,90,90);} .KAT-PRO-ANIMATION {opacity: 0;} .KAT-PRO-ANIMATION-RUN .KAT-PRO-ANIMATION {transition: all 0.4s; opacity: 1;} .KAT-PRO-ANIMATION-RUN .KAT-PRO-ANIMATION:nth-child(1) { transition-delay: 0.03s; } .KAT-PRO-ANIMATION-RUN .KAT-PRO-ANIMATION:nth-child(2) { transition-delay: 0.06s; } .KAT-PRO-ANIMATION-RUN .KAT-PRO-ANIMATION:nth-child(3) { transition-delay: 0.09s; } .KAT-PRO-ANIMATION-RUN .KAT-PRO-ANIMATION:nth-child(4) { transition-delay: 0.12s; } .KAT-PRO-ANIMATION-RUN .KAT-PRO-ANIMATION:nth-child(5) { transition-delay: 0.15s; } .KAT-PRO-ANIMATION-RUN .KAT-PRO-ANIMATION:nth-child(6) { transition-delay: 0.18s; } .KAT-PRO-ANIMATION-RUN .KAT-PRO-ANIMATION:nth-child(7) { transition-delay: 0.21s; } .KAT-PRO-ANIMATION-RUN .KAT-PRO-ANIMATION:nth-child(8) { transition-delay: 0.24s; } .KAT-PRO-ANIMATION-RUN .KAT-PRO-ANIMATION:nth-child(9) { transition-delay: 0.27s; } .KAT-PRO-ANIMATION-RUN .KAT-PRO-ANIMATION:nth-child(10) { transition-delay: 0.30s; } .KAT-PRO-ANIMATION-RUN .KAT-PRO-ANIMATION:nth-child(11) { transition-delay: 0.33s; } .KAT-PRO-ANIMATION-RUN .KAT-PRO-ANIMATION:nth-child(12) { transition-delay: 0.36s; } .katalog-mega-menu-in-form-in-AJAX:hover .katalog-mega-menu-in-form-in-AJAX-PRO {transition-delay: 0s !important;} .katalog-mega-menu-in-form-in-AJAX-PRO:hover {box-shadow: inset 0px 0px 0px 2px rgb(255, 158, 81); filter: brightness(95%); transition: all 0.3s; transition-delay: 0s !important;} .katalog-mega-menu-in-form-in-AJAX-INFO {height: 80px; display: flex; gap: 30px; align-items: center; opacity: 0;} .katalog-mega-menu-in-form-in-AJAX-INFO-text {} .katalog-mega-menu-in-form-in-AJAX-INFO-text-in {font-size: 16px; line-height: 20px; letter-spacing: 0.5px; word-spacing: 2px; opacity: 0.75; font-weight: 300; text-align: justify;} .katalog-mega-menu-in-form-in-AJAX-INFO-text-in {display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-wrap: balance;} .katalog-mega-menu-in-form-in-AJAX-INFO-btn {min-width: 16.25%; display: flex; position: relative;} .katalog-mega-menu-in-form-in-AJAX-INFO-btn-in {height: 40px; padding: 0px 20px; background: rgb(254, 136, 55); color: rgb(255, 255, 255); display: flex; gap: 10px; justify-content: center; align-items: center; white-space: nowrap; border-radius: 40px; flex-grow: 1;} .katalog-mega-menu-in-form-in-AJAX-INFO-btn a {width: 100%; height: 100%; left: 0%; top: 0%; display: block; position: absolute; z-index: 9;} .katalog-mega-menu-in-form-in-AJAX-INFO-btn:hover {filter: brightness(92%);} .KAT-PRO-ANIMATION-RUN .katalog-mega-menu-in-form-in-AJAX-INFO {opacity: 1; transition: all 0.5s; transition-delay: 0.2s;} /* VVZ NEW SEARCH */ .new-header-search {width: 45px; height: 40px; right: 155px; top: 10px; cursor: pointer; position: absolute; display: block; background: rgba(255, 255, 255, 0.1); border-radius: 6px; transition: right 0.25s; z-index: 9; text-align: center;} .new-header-search i {font-size: 26px; line-height: 40px; color: rgb(255, 255, 255);} .new-header-search-form { width: 96%; max-width: 1100px; top: 110px; left: 0px; right: 0px; background: rgba(255, 255, 255, 0.85); border-top: 5px solid rgb(255, 185, 128); box-shadow: 0px 15px 30px -10px rgb(0, 0, 0); border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;margin: auto; position: absolute;} .new-header-search-form {transform: scale(1,0); transform-origin: center top;} .new-header-search-form-in {padding: 40px 30px 30px; position: relative;} .search-go {transform: scale(1); transition: all 0.2s cubic-bezier(.65,.05,.36,1); transform-origin: center top;} .new-header-search-form-main {padding-bottom: 40px; position: relative;} .new-header-search-form-main-in {position: relative;} #head-search-form-input {color: rgb(4, 4, 4); font-size: 20px; padding: 22px 2%; width: 96%; border: none; letter-spacing: 1.5px; word-spacing: 3px; border-radius: 50px; background: rgb(255, 255, 255); font-family: 'Raleway', sans-serif; outline: 2px dashed rgb(183, 183, 183); outline-offset: 6px;} #head-search-form-close {width: 50px; height: 50px; font-size: 50px; right: 20px; top: 8px; color: rgb(255, 113, 13); transition: all 0.2s; cursor: pointer; position: absolute; text-align: center; border-radius: 50%;} #head-search-form-close:hover {transform: rotate(90deg); color: rgb(70, 70, 70);} .new-header-search-form-output {max-height: 60vh; max-height: calc( 90vh - 300px ); text-align: left; overflow-y: auto; position: relative;} .new-header-search-form-output-in {width: 100%; position: relative;} .new-header-search-form-output-in-LOADER {width: 100%; height: 200px; display: flex; justify-content: center; align-items: center;} .new-header-search-form-output-in-LOADER i {font-size: 60px;} .new-header-search-form-output-in-LOADER i:before {color: rgb(255, 102, 0); opacity: 1 !important;} .new-header-search-form-output-in-LOADER i:after {color: rgb(234, 234, 234); opacity: 1 !important;} .search-form-output-katalogs {width: 100%; padding: 0px 0px 15px; display: flex; gap: 7px; overflow-x: auto; position: relative;} .search-form-output-katalogs-item {height: 40px; padding: 0px 10px 0px 8px; background: rgb(255, 114, 0); border-radius: 8px; display: flex; gap: 10px; align-items: center; position: relative;} .search-form-output-katalogs-item i {} .search-form-output-katalogs-item span {font-size: 14px; line-height: 16px; letter-spacing: 0.5px; color: rgb(255, 255, 255); font-weight: 500;} .search-form-output-katalogs-item span {display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .search-form-output-products {width: 100%; padding-top: 15px; color: rgb(66,66,66); display: flex; flex-wrap: wrap; gap: 10px 2%; position: relative;} .search-form-output-products-item {width: 49%; height: 90px; background: rgb(238, 238, 238); display: flex; gap: 10px; align-items: center; border-radius: 15px; overflow: hidden; position: relative;} .search-form-output-products-item:hover {background: rgba(0,0,0,0.15);} .search-form-output-products-item-img {width: 90px; height: 90px; display: flex; position: relative;} .search-form-output-products-item-img img {width: auto; height: 100%;} .search-form-output-products-item-data {width: 50%; flex-grow: 1; position: relative;} .search-form-output-products-item-data-title {width: 98%; font-size: 18px; letter-spacing: 0.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .search-form-output-products-item-data-text {width: 98%; font-size: 13px; padding: 5px 0px; letter-spacing: 0.25px; font-weight: 300; opacity: 0.6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .search-form-output-products-item-data-bottom {width: 100%; display: flex; gap: 15px; align-items: center; overflow: hidden;} .search-form-output-products-item-data-code {display: flex; gap: 4px; align-items: center;} .search-form-output-products-item-data-code i {color: rgb(255, 102, 0);} .search-form-output-products-item-data-code span {letter-spacing: 0.5px; font-weight: 600;} .search-form-output-products-item-data-parents {display: flex; gap: 4px; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .search-form-output-products-item-data-parents i {font-size: 12px; color: rgb(255, 102, 0);} .search-form-output-products-item-data-parents span {font-size: 14px; letter-spacing: 0.5px; font-weight: 500;} .search-form-output-products-empty {width: 100%; color: rgb(111,111,111); position: relative; text-align: center;} .search-form-output-products-empty i {width: 100%; font-size: 100px; padding: 30px 0px; opacity: 0.6; color: var(--vvz-main); display: block;} .search-form-output-products-empty span {width: 100%; font-size: 19px; padding: 0px 0px 30px; letter-spacing: 1px; opacity: 0.8; display: block;} .new-header-search-form-sugest {} .new-header-search-form-sugest-title {padding: 20px 5px; display: flex; gap: 10px; align-items: center;} .new-header-search-form-sugest-title i {font-size: 20px; color: var(--vvz-main);} .new-header-search-form-sugest-title span {font-size: 17px; letter-spacing: 0.5px; word-spacing: 1px; opacity: 0.4; font-weight: 500;} .new-header-search-form-sugest-items {display: flex; justify-content: space-between; position: relative;} .new-header-search-form-sugest-item {width: 11.5%; padding-bottom: 30px; display: flex; border-radius: 12px; background: linear-gradient(0deg,rgb(230,230,230) 0%, rgb(255, 255, 255) 100%); overflow: hidden; position: relative;} .new-header-search-form-sugest-item-img {width: 100%; height: 130px; display: flex; mix-blend-mode: multiply; position: relative; z-index: 3;} .new-header-search-form-sugest-item-img img {width: 100%; height: 100%; object-fit: cover;} .new-header-search-form-sugest-item-title {width: 90%; left: 6%; bottom: 5%; position: absolute; z-index: 6;} .new-header-search-form-sugest-item-title span {display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .new-header-search-form-sugest-item-title span {font-size: 12px; line-height: 15px; letter-spacing: 0.25px; color: rgb(80,80,80); font-weight: 600; text-wrap: balance;} .new-header-search-form-sugest-item:hover {filter: brightness(95%); box-shadow: inset 0px 0px 0px 1px rgba(212, 97, 16, 0.6);} .new-header-search-form-sugest-item:hover .new-header-search-form-sugest-item-title span {color: rgb(209, 92, 11);} .search-go {transform: scale(1); -webkit-transform: scale(1);} .search-go-opacity {opacity: 0.2;} .new-header-vvz-social {height: 90px; top: 10px; right: 165px; position: absolute; z-index: 3;} .new-header-vvz-social-in {height: 100%; display: flex; flex-direction: column; justify-content: space-between;} .new-header-vvz-social-top {padding-right: 42px; display: flex; gap: 8px; justify-content: end; align-items: center;} .new-header-vvz-social-top-item {height: 40px; display: flex; gap: 5px; justify-content: center; align-items: center; position: relative;} .new-header-vvz-social-top-item span {font-size: 11px; letter-spacing: 0.5px; color: rgb(255, 255, 255, 0.5);} .new-header-vvz-social-top-item i {width: 30px; font-size: 24px; line-height: 30px; text-align: center; flex-shrink: 0; color: rgb(255, 255, 255);} .new-header-vvz-social-number {height: 40px; position: relative;} .new-header-vvz-social-number a {height: 40px; line-height: 40px; display: flex; gap: 9px; align-items: center; justify-content: end; color: rgb(255, 255, 255);} .new-header-vvz-social-number span {font-size: 14px;letter-spacing: 0.5px; word-spacing: 2px; font-weight: 300; white-space: nowrap; transition: all 0.3s;} .new-header-vvz-social-number strong {font-size: 21px; letter-spacing: 1.0px; font-weight: 600;} .new-header-vvz-social-number i {width: 30px; font-size: 24px; line-height: 30px; text-align: center; flex-shrink: 0;} .new-header-vvz-user {width: 45px; height: 40px; bottom: 10px; right: 100px; background: rgba(255, 255, 255, 0.1); border-radius: 6px; position: absolute; z-index: 3;} .new-header-vvz-user-in {width: 45px; height: 40px;} .new-header-vvz-user-icon {width: 45px; height: 40px; display: flex;} .new-header-vvz-user-icon-in {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .new-header-vvz-user-icon-in i {font-size: 28px; color: rgb(255, 255, 255);} .new-header-vvz-user-icon-in span {width: 32px; height: 32px; font-size: 24px; line-height: 32px; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.25); display: flex; text-align: center; justify-content: center; border-radius: 50%;} .new-header-vvz-user-icon-logged span {background: rgb(40, 40, 40);} .new-header-vvz-user-menu {top: 95%; right: -6px; background: rgb(255, 255, 255); box-shadow: 5px 5px 10px -10px rgba(0, 0, 0, 0.6); display: flex; border-radius: 6px; overflow: hidden; position: absolute;} .new-header-vvz-user-menu {opacity: 0; transform: scale(0); } .new-header-vvz-user-in:hover .new-header-vvz-user-menu {opacity: 1; transform: scale(1); transition: opacity 0.25s;} .new-header-vvz-user-menu-in {width: 100%; padding: 10px 10px; display: flex; gap: 5px; flex-direction: column; background: linear-gradient(130deg, rgba(255, 238, 221, 0.36) 50%, rgba(255, 163, 104, 0.45) 100%); position: relative;} .new-header-vvz-user-menu-in div {padding: 10px 15px; display: flex; gap: 10px; align-items: center; position: relative;} .new-header-vvz-user-menu-in div i {width: 30px; font-size: 26px; color: var(--vvz-main);} .new-header-vvz-user-menu-in div span {font-size: 16px; letter-spacing: 1px; font-weight: 500; white-space: nowrap;} .new-header-vvz-user-menu-in div:hover {opacity: 0.8;} .web-header-social {right: 155px; top: 46px; position: absolute; z-index: 9;} .web-header-social-items {padding-left: 6px; float: left;} .web-header-social-items div {width: 32px; height: 25px; float: left;} .web-header-social-items div a {width: 25px; height: 25px; font-size: 20px; line-height: 25px; color: rgb(255, 255, 255); display: block;} .web-header-social-items div a:hover {color: rgb(255, 114, 0);} .web-header-social-title {height: 25px; color: rgb(59, 75, 88); font-size: 13px; line-height: 24px; font-weight: 200; opacity: 0.5; letter-spacing: 0.5px; white-space: nowrap; text-align: left; float: left; display: none; visibility: hidden;} .css-uni-outline {outline: 1px dashed rgba(255, 255, 255, 0.6); outline-offset: 2px;} /* VVZ GLOBAL WEB HEADER */ .VVZ-web-header-bg {width: 100%; height: 430px; position: relative; z-index: 1;} .VVZ-web-header-bg-in {width: 100%; height: 100%; left: 0%; top: 0%; background: rgb(240,240,240); position: absolute; overflow: hidden; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;} .VVZ-web-header-bg-in img {width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; filter: brightness(95%);} .VVZ-web-header-bg-in-shadow {width: 100%; height: 100%; left: 0%; bottom: 0%; background: linear-gradient(0deg,rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; z-index: 6;} /* HOME */ .home-form {width: 100%; min-height: 1500px; margin: 0px auto -10px; position: relative; z-index: 9;} .home-video {width: 100%; height: 650px; margin: 0px auto 0px; position: relative; z-index: 1;} .home-video-in {width: 100%; height: 100%; left: 0%; top: 0%; border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; background: rgb(222,222,222); position: absolute; overflow: hidden; outline: 2px dashed rgb(222, 222, 222); outline-offset: 7px;} .home-video-in video {width: 100%; height: 100%; object-fit: cover;} /* .home-0-in-menu-holder {width: 100%; height: 130px; margin: 0px auto 20px; position: relative;} .home-0-in-menu {width: 100%; max-width: 1400px; height: 130px; top: -75px; left: 0px; right: 0px; margin: auto; position: absolute; z-index: 9;} .home-0-in-menu-in {width: 100%; display: flex; gap: 25px; justify-content: center; position: relative;} .home-0-in-menu-in-item {width: 150px; position: relative;} .home-0-in-menu-in-item a {width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: 11; cursor: pointer;} .home-0-in-menu-in-item-img {width: 150px; height: 150px; position: relative; z-index: 1;} .home-0-in-menu-in-item-img-bg {width: 130px; height: 130px; background: rgb(255,255,255); left: 0px; top: 0px; right: 0px; bottom: 0px; transform-origin: center bottom; margin: auto; transition: all 0.5s; position: absolute; border-radius: 50%; overflow: hidden; z-index: 1;} .home-0-in-menu-in-item-img-bg:before {width: 100%; height: 100%; left: 0%; top: 0%; opacity: 0; transition: all 0.9s; transform: rotate(-50deg); background: linear-gradient(0deg,rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(255, 102, 0, 0.8) 100%); content: ''; position: absolute;} .home-0-in-menu-in-item-img img {width: 90%; height: 90%; left: -10%; top: 0%; right: 0%; bottom: 0%; margin: auto; position: absolute; z-index: 9; transition: all 0.7s; object-fit: contain; object-position: center;} .home-0-in-menu-in-item-title {color: rgb(142, 142, 142); text-align: center; transform: translate(-10px,-10px); position: relative; z-index: 3;} .home-0-in-menu-in-item-title div {font-size: 16px; letter-spacing: 0.3px; padding: 0px 0px 0px 14%;} .home-0-in-menu-in-item-active .home-0-in-menu-in-item-img-bg {transform: scale(1.4); box-shadow: 0px -4px 2px 2px rgba(255, 255, 255, 0.3);} .home-0-in-menu-in-item-active .home-0-in-menu-in-item-img-bg:before {transform: rotate(0deg); opacity: 1;} .home-0-in-menu-in-item-active .home-0-in-menu-in-item-img img {top: -5%; transform: scale(1.3);} */ .home-0-in-menu-holder {width: 100%; height: 130px; margin: 0px auto 30px; position: relative; z-index: 6;} .home-0-in-menu {width: 100%; max-width: 1400px; height: 130px; top: -75px; left: 0px; right: 0px; margin: auto; position: absolute; z-index: 9;} .home-0-in-menu-in {width: 100%; display: flex; gap: 25px; justify-content: center; position: relative;} .home-0-in-menu-in-item {width: 150px; position: relative;} .home-0-in-menu-in-item a {width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: 11; cursor: pointer;} .home-0-in-menu-in-item-img {width: 150px; height: 150px; position: relative; z-index: 1;} .home-0-in-menu-in-item-img-bg {width: 130px; height: 130px; background: rgba(255, 255, 255, 0.85); left: 0px; top: 0px; right: 0px; bottom: 0px; transform-origin: center bottom; margin: auto; transition: all 0.5s; position: absolute; border-radius: 50%; overflow: hidden; z-index: 1; backdrop-filter: blur(10px);} .home-0-in-menu-in-item-img-bg:before {width: 100%; height: 100%; left: 0%; top: 0%; opacity: 0; transition: all 0.9s; transform: rotate(-50deg); background: linear-gradient(0deg,rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(255, 102, 0, 0.8) 100%); content: ''; position: absolute;} .home-0-in-menu-in-item-img img {width: 90%; height: 90%; left: -10%; top: 0%; right: 0%; bottom: 0%; margin: auto; position: absolute; z-index: 9; transition: all 0.7s; object-fit: contain; object-position: center;} .home-0-in-menu-in-item-title {color: rgb(142, 142, 142); text-align: center; transform: translate(-10px,-10px); position: relative; z-index: 3;} .home-0-in-menu-in-item-title div {font-size: 16px; letter-spacing: 0.3px; padding: 0px 0px 0px 14%;} .home-0-in-menu-in-item-active .home-0-in-menu-in-item-img-bg {transform: scale(1.4); box-shadow: 0px -4px 2px 2px rgba(255, 255, 255, 0.3);} .home-0-in-menu-in-item-active .home-0-in-menu-in-item-img-bg:before {transform: rotate(0deg); opacity: 1;} .home-0-in-menu-in-item-active .home-0-in-menu-in-item-img img {top: -5%; transform: scale(1.3);} .home-0 {width: 100%; margin: 0px auto; position: relative; background: rgb(255,255,255);} .home-0-in {width: 98%; max-width: 1800px; height: 600px; margin: 0px auto; border-radius: 50px; overflow: hidden; position: relative; display: inline-block;} .home-slider, .home-slider .swiper-container {width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; background: linear-gradient(55deg,rgb(240, 240, 240) 50%, rgb(254, 254, 254) 100%); position: absolute; margin: auto;} .home-slide-form {width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; overflow: hidden;} .home-slide-form-img {width: 48%; height: 100%; left: 0px; top: 0px; bottom: 0px; position: absolute; overflow: hidden;} .home-slide-form-img-bg {width: 80%; height: 150%; right: 20%; bottom: 0px; position: absolute; transform: skewX(35deg); transform-origin: right bottom;} .home-slide-form-img-bg-shadow {height: 100%; background: rgb(240, 240, 240); position: absolute;} .hsfibs-1 {width: 25%; left: 0%; top: 0px; transition: all 5s; transition-delay: 1s;} .hsfibs-2 {width: 26%; left: 24.5%; bottom: 0px; transition: all 0.9s; transition-delay: 0.7s;} .hsfibs-3 {width: 25%; right: 25%; top: 0px; transition: all 2s; transition-delay: 0.7s;} .hsfibs-4 {width: 26%; right: -0.5%; bottom: 0px; transition: all 1.3s; transition-delay: 0.7s;} .swiper-slide-active .home-slide-form-img-bg-shadow {height: 0%;} .home-slide-form-img-sub {width: 750px; height: 750px; left: 0px; bottom: 0px; margin: auto; position: absolute;} .home-slide-form-img-sub img {width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; object-fit: contain; object-position: left bottom;} .home-slide-form-img-sub {opacity: 0; transform: translateX(-20px); transition: all 4s; transition-delay: 0.5s;} .swiper-slide-active .home-slide-form-img-sub {opacity: 1; transform: translateY(0px);} .home-slide-form-img-main {width: 650px; height: 550px; right: 0px; bottom: -20px; margin: auto; position: absolute;} .home-slide-form-img-main img {width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; object-fit: contain; object-position: center bottom;} .home-slide-form-img-main {opacity: 0; transform: translateX(20px); transition: all 2s; transition-delay: 0.8s;} .swiper-slide-active .home-slide-form-img-main {opacity: 1; transform: translateY(0px);} .home-slide-form-data {width: 450px; top: 100px; left: 0px; right: -800px; margin: auto; position: absolute; text-align: left;} .home-slide-form-data {opacity: 0; transform: translateY(20px); transition: all 1s; transition-delay: 1s;} .home-slide-form-data a {width: 100%; height: 140%; left: 0px; top: 0px; display: block; position: absolute; z-index: 9;} .home-slide-form-data-number {font-size: 300px; line-height: 300px; color: rgb(153, 215, 212); top: -40px; right: 102%; font-weight: 800; margin: auto; position: absolute; text-align: right;} .home-slide-form-data-number {opacity: 0; transform: translateX(-20px); transition: all 1.5s; transition-delay: 1.3s;} .home-slide-form-data-title {font-size: 54px; line-height: 56px; font-weight: 900; letter-spacing: 1.5px; color: rgb(76, 76, 76);} .home-slide-form-data-text {font-size: 15px; padding: 20px 0px 0px; line-height: 20px; letter-spacing: 0.7px; text-align: justify; opacity: 0.8;} .home-slide-form-data-btn {width: 86px;height: 86px;right: -5px;bottom: -95px;position: absolute;border-radius: 50%;background: rgb(255, 114, 0);text-align: center;transition: all 1s;} .home-slide-form-data-btn {opacity: 0; transition: all 1s; transition-delay: 0.3s;} .home-slide-form-data-btn div {font-size: 17px;line-height: 24px;padding: 20px 0px 0px;color: rgb(255, 255, 255);font-weight: 300;letter-spacing: 1px;} .home-slide-form-data:hover .home-slide-form-data-btn {transform: scale(1.1) rotate(15deg);} .swiper-slide-active .home-slide-form-data {opacity: 1; transform: translateY(0px);} .swiper-slide-active .home-slide-form-data-number {opacity: 1; transform: translateX(0px);} .swiper-slide-active .home-slide-form-data-btn {opacity: 1;} .home-slider-control {width: 800px; height: 60px; left: 0px; right: -500px; bottom: 35px; margin: auto; position: absolute; z-index: 9;} .home-slider-control-btn {width: 10%; float: left; cursor: pointer;} .home-slider-control-btn i {font-size: 60px; line-height: 60px; color: rgb(76, 76, 76);} .home-slider-control .swiper-pagination {width: 60%; position: relative; text-align: left; float: right;} .home-slider-control .swiper-pagination-bullet {width: 20px; height: 20px; margin: 18px 8px; border: none; background: rgb(222,222,222); opacity: 1;} .home-slider-control .swiper-pagination-bullet-active {background: rgb(255, 114, 0);} .home-1 {width: 100%; margin: 0px auto; position: relative; background: rgb(255,255,255);} .home-1-in {width: 100%; margin: 0px auto; position: relative; display: inline-block;} .home-1-in-top {height: 50px; margin: 60px auto; position: relative;} .home-1-in-top-social {width: 350px; left: calc( 10% + 8vw); top: 14px; position: absolute; z-index: 11;} .home-1-in-top-social-items {display: inline-block; float: left;} .home-1-in-top-social-items div {padding: 0px 12px; float: left;} .home-1-in-top-social-items div i {font-size: 22px;} .home-1-in-top-social-items div:hover i {color: rgb(255, 114, 0);} .home-1-in-top-social-title {line-height: 22px; padding: 0px 0px 0px 30px; font-weight: 300; display: inline-block; float: left;} .home-1-in-top-main {width: 1050px; height: 50px; float: right; position: relative; overflow: hidden;} .home-1-in-top-main:after {height: 100%; width: 35%; right: -11%; top: 0px; bottom: 0px; background: rgb(255, 114, 0); transform: skewX(-20deg); position: absolute; content:"";} .home-1-in-top-main-title {width: 330px; height: 50px; font-size: 54px; padding-right: 27%; line-height: 50px; font-weight: 800; color: rgb(255, 114, 0); text-transform: uppercase; white-space: nowrap; float: right; text-align: right; letter-spacing: 1px;} .home-1-in-top-main-text {width: 46%; padding: 3px 0px 0px 0px; line-height: 23px; float: left; text-align: left; letter-spacing: 0.4px;} .home-1-in-slider {width: 108%; margin: 0px 0px 0px -4%; position: relative;} .home-news-slide {height: 18vw; display: block; background: transparent; position: relative;} .home-news-slide-bg {width: 100%; height: 100%; left: 0px; bottom: 0px; background: whitesmoke; position: absolute; overflow: hidden;} .home-news-slide-bg {transform: skewX(-20deg);} .home-news-slide-bg img {width: 130%; height: 100%; left: -100%; right: -100%; display: block; object-fit: cover; position: absolute; margin: auto;} .home-news-slide-bg img {transform: skewX(20deg);} .home-news-slide-form {width: 100%; height: 100%; left: 0px; bottom: 0px; position: absolute; overflow: hidden;} .home-news-slide-form {transform: skewX(-20deg);} .home-news-slide-form-title {padding: 0.6vw 3vw; top: 20%; position: absolute;} .home-news-slide-form-title-in {font-size: 1.1vw; letter-spacing: 0.05vw; color: white; font-weight: 600; transform: skewX(20deg);} .home-news-slide-form a {width: 100%; height: 100%; left: 0px; top: 0px; display: block; position: absolute; z-index: 3;} .hs-title-css-1 {left: auto; right: 0px; top: 70%; background: rgb(76, 76, 76);} .hs-title-css-2 {left: 0%; background: rgb(1, 160, 199);} .hs-title-css-3 {left: auto; right: 0px; top: 70%; background: rgb(128, 197, 28);} .hs-title-css-4 {left: 0%; background: rgb(1, 160, 199);} .home-news-slider-control {width: 100%; padding: 15px 0px; position: relative;} #home-news-pagination {position: relative;} #home-news-pagination .swiper-pagination-bullet {width: 0.8vw; height: 0.8vw; margin: 0px 5px; background: rgba(0, 0, 0, 0.15); opacity: 1;} #home-news-pagination .swiper-pagination-bullet-active {background: rgb(255, 114, 0);} .home-2 {width: 100%; margin: 0px auto; position: relative; background: rgb(255,255,255);} .home-2-in {width: 100%; margin: 0px auto 100px; position: relative; display: inline-block; overflow: hidden;} .home-2-in-top {height: 50px; margin: 50px auto; position: relative;} .home-2-in-top-main {width: 1150px; height: 50px; margin: 0px auto; position: relative;} .home-2-in-top-main:after {height: 100%; width: 50%; left: -55%; top: 0px; bottom: 0px; background: rgb(126, 194, 27); transform: skewX(-20deg); position: absolute; content:"";} .home-2-in-top-main-title {width: 52%; height: 50px; font-size: 54px; line-height: 50px; font-weight: 800; color: rgb(126, 194, 27); text-transform: uppercase; float: left; text-align: left; letter-spacing: 1px; white-space: nowrap;} .home-2-in-top-main-text {width: 46%; padding: 3px 0px 0px 0px; line-height: 23px; float: left; text-align: left; letter-spacing: 0.4px;} .home-2-in-form {width: 98%; max-width: 1400px; margin: 0px auto 30px; display: inline-block; position: relative;} .home-2-in-btn {width: 100%; display: block; position: relative; text-align: center;} .home-2-in-btn a {font-size: 18px; padding: 15px 30px; letter-spacing: 1px; font-weight: 300; color: white; background: rgb(255, 114, 0); display: inline-block; margin: auto; border-radius: 10px;} .home-2-in-btn a:hover {opacity: 0.75; text-decoration: none;} .home-3 {width: 100%; margin: 0px auto 50px; position: relative; background: rgb(255,255,255); overflow: hidden;} .home-3-in {width: 98%; max-width: 1600px; margin: 0px auto; position: relative; display: inline-block;} .home-3-in-bg {width: 40%; height: 100%; right: 0%; bottom: 0%; border-radius: 20px; display: flex; position: absolute; overflow: hidden;} .home-3-in-bg img {width: 100%; height: 100%; display: block; position: relative; object-fit: cover; object-position: center;} .home-3-in-text {width: 55%; text-align: left;} .home-3-in-text-title {width: 110%;} .home-3-in-text-title h2 {font-size: 30px; line-height: 40px; margin: 0px; font-weight: 700; color: rgb(80,80,80); letter-spacing: 1px;} .home-3-in-text-text {font-size: 16px; line-height: 25px; padding: 20px 0px 20px; color: rgb(80,80,80); text-align: justify;} .bottom-gram {width: 100%; margin: 0px auto; position: relative; background: rgb(255,255,255);} .bottom-gram-in {width: 96%; max-width: 1600px; margin: 0% auto 4%; position: relative; display: inline-block;} .bottom-gram-inner {width: 100%; margin: 0px; border-radius: 15px; overflow: hidden; position: relative;} .swipe-gram-item {width: 14vw; height: 14vw; margin: auto; position: relative; overflow: hidden; border-radius: 15px;} .swipe-gram-item-bg {width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; overflow: hidden;} .swipe-gram-item-bg img {width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;} .swipe-gram-item-text {width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(255,255,255,0.9); position: absolute; transition: all 0.5s; opacity: 0;} .swipe-gram-item-text div {width: 80%; top: 50%; left: 0px; right: 0px; transform: translateY(-50%); position: absolute; margin: auto;} .swipe-gram-item a {width: 100%; height: 100%; display: block; left: 0px; top: 0px; position: absolute; z-index: 9;} .swipe-gram-item:hover .swipe-gram-item-bg img {filter: blur(2px);} .swipe-gram-item:hover .swipe-gram-item-text {opacity: 1;} .bottom-gram-controls {width: 100%; margin-left: -2vw; padding-top: 1.5vw; display: inline-block;} .bottom-gram-control {width: 5vw; height: 2vw; text-align: center; float: left; cursor: pointer;} .bottom-gram-control i {font-size: 2vw; color: rgb(222, 222, 222);} .bottom-gram-control:hover i {color: rgb(123, 123, 123);} /* BOTTOM REALIZACIE 2026 */ .vvz-bottom-gram-item {width: 100%; height: 250px; border-radius: 10px; overflow: hidden; cursor: pointer; position: relative;} .vvz-bottom-gram-item-img {width: 100%; height: 100%; left: 0%; top: 0%; background: rgb(246, 246, 246); position: absolute; z-index: 3;} .vvz-bottom-gram-item-img img {width: 100%; height: 100%; object-fit: cover;} .vvz-bottom-gram-item-data {width: 85%; padding: 8px 0px 8px 8px; left: 15px; bottom: 15px; text-align: left; background: linear-gradient(45deg,rgb(242, 242, 242) 20%, rgba(255, 255, 255, 0) 80%); border-radius: 10px; position: absolute; z-index: 6;} .vvz-bottom-gram-item-data-title {display: flex; gap: 6px; align-items: center;} .vvz-bottom-gram-item-data-title i {font-size: 22px; margin-top: -2px; color: var(--vvz-main);} .vvz-bottom-gram-item-data-title span {font-size: 13px; letter-spacing: 0.5px; font-weight: 600; overflow: hidden; text-overflow: ellipsis;} .vvz-bottom-gram-item:hover .vvz-bottom-gram-item-img img {transform: scale(1.04); filter: brightness(110%); transition: all 0.2s;} .vvz-bottom-gram-controls {width: 100%; padding: 35px 0px 40px; display: flex; justify-content: space-between; align-items: center; position: relative;} .vvz-bottom-gram-controls-btn {padding: 0px 30px; opacity: 0.6; cursor: pointer;} .vvz-bottom-gram-controls-btn i {font-size: 34px; color: var(--vvz-main);} .vvz-bottom-gram-controls-btn:hover {opacity: 1;} .vvz-bottom-gram-controls-data {width: 100%; display: flex; justify-content: center; align-items: center; position: relative;} .vvz-bottom-gram-controls-data-item {padding: 6px 15px; display: flex; gap: 12px; align-items: center; background: linear-gradient(10deg,rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); border-radius: 6px; position: absolute; cursor: pointer; outline: 2px dashed rgba(238, 124, 52, 0.3); outline-offset: 5px;} .vvz-bottom-gram-controls-data-item i {font-size: 26px; color: var(--vvz-main);} .vvz-bottom-gram-controls-data-item span {font-size: 17px; letter-spacing: 1px; font-weight: 500;} .vvz-bottom-gram-controls-data-item:hover {filter: brightness(95%);} /* VVZ INSPIRACIA - ALL - 2026 */ .inspiracia-form-all {width: 100%; margin: auto; padding: 0px 0% 10px;} .inspiracia-form-all-text , .inspiracia-form-all-text p {font-size: 16px !important; line-height: 22px !important;} .inspiracia-form-all-items {width: 100%; padding: 3% 0px 7%; display: flex; gap: 40px 3%; flex-wrap: wrap; position: relative;} .inspiracia-form-all-item {width: 48.5%; aspect-ratio: 5 / 3; background: whitesmoke; border-radius: 15px; transition: all 0.3s; overflow: hidden; position: relative;} .inspiracia-form-all-item:hover {box-shadow: 0px 5px 30px -15px black;} .inspiracia-form-all-item-img {width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; overflow: hidden;} .inspiracia-form-all-item-img:after {width: 100%; height: 100%; left: 0%; top: 0%; border-radius: 20px; outline: 2px dashed rgb(222, 222, 222); outline-offset: -11px; position: absolute; content: ''; z-index: 9;} .inspiracia-form-all-item-img img {width: 100%; height: 100%; object-fit: cover; transition: all 0.75s;} .inspiracia-form-all-item:hover .inspiracia-form-all-item-img img {filter: contrast(90%) brightness(115%); transform: scale(1.02); transition: 0.2s;} .inspiracia-form-all-item-title {padding: 10px 20px; left: 7%; bottom: 10%; background: rgb(255, 114, 0); background: linear-gradient(90deg,rgb(253, 131, 49) 0%, rgba(255, 102, 0, 0.6) 100%); border-radius: 10px; position: absolute; backdrop-filter: blur(4px);} .inspiracia-form-all-item-title div {color: rgb(255, 255, 255); display: flex; gap: 12px; align-items: center; font-weight: 600;} .inspiracia-form-all-item-title div i {font-size: 34px;} .inspiracia-form-all-item-title div span {font-size: 22px; letter-spacing: 0.75px;} .dalsie-ihriska-slide .inspiracia-form-all-item {width: 100%; height: 18vw; margin-right: 0%;} /* VVZ INSPIRACIA - ONE - 2026 */ .action--inspiracia .web-content {width: 100%; max-width: 100%; padding: 0px 0px 10px;} .VVZ-inspiracia-form-item {width: 100%; position: relative;} .VVZ-inspiracia-form-item-in {width: 100%; padding: 40px 0px; position: relative;} .VVZ-inspiracia-form-item-top {width: 98vw; max-width: 1600px; height: 49vw; max-height: 800px; aspect-ratio: 2 / 1; margin: 0px auto 100px; user-select: none; position: relative; z-index: 9;} .VVZ-inspiracia-form-item-top-in {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; z-index: 9;} .VVZ-inspiracia-form-item-top-in:before {width: 100vw; height: 90%; left: -100%; right: -100%; top: -150px; background: linear-gradient(-45deg,rgb(235, 235, 235) 0%, rgb(255, 255, 255) 100%); margin: auto; position: absolute; content: '';} .VVZ-inspiracia-form-item-top-img {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; z-index: 1; background: silver; outline: 2px dashed rgb(222, 222, 222); outline-offset: 10px; overflow: hidden; border-radius: 30px;} .VVZ-inspiracia-form-item-top-img-in {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; z-index: 1;} .VVZ-inspiracia-form-item-top-image {width: 100%; height: 100%; left: 0%; top: 0%; opacity: 0; transform: scale(1.05); transition: all 0.2s; position: absolute;} .VVZ-inspiracia-form-item-top-image img {width: 100%; height: 100%; left: 0%; top: 0%; object-fit: cover; position: absolute;} .VVZ-inspiracia-form-item-top-image-ACTIVE {opacity: 1; transform: scale(1.0); transition: all 0.3s;} .VVZ-inspiracia-form-item-selector {width: 100%; height: 1px; bottom: 0%; left: 0%; right: 0%; margin: 0px auto; position: absolute; z-index: 1;} .VVZ-inspiracia-form-item-selector-in {width: 100%; bottom: 0%; left: 0%; right: 0%; margin: auto; position: absolute; z-index: 1;} .VVZ-inspiracia-form-item-selector-items {display: flex; gap: 20px; justify-content: center;} .VVZ-inspiracia-form-item-selector-item {height: 1px; width: 120px; transition: all 0.3s; position: relative;} .VVZ-inspiracia-form-item-selector-item-img {width: 100%; height: 80px; left: 0%; right: 0%; top: -200px; bottom: -200px; outline: 3px solid rgb(242, 242, 242); background: rgb(242, 242, 242); margin: auto; transition: all 0.3s; border-radius: 12px; position: absolute; cursor: pointer; overflow: hidden;} .VVZ-inspiracia-form-item-selector-item-img img {width: 100%; height: 100%; object-fit: cover;} .IMG_SEL_ACTIVE {width: 180px;} .IMG_SEL_ACTIVE .VVZ-inspiracia-form-item-selector-item-img {height: 100px; outline: 4px solid rgb(242, 242, 242);} .magnet-mouse {transition: transform .35s ease;} .magnet-mouse-active .VVZ-inspiracia-form-item-top-product-dot {background: rgb(255, 84, 0); box-shadow: 0px 0px 0px 4px rgb(255, 255, 255);} .VVZ-inspiracia-form-item-top-products {width: 100%; height: 100%; left: 0%; top: 0%; display: block; position: absolute; z-index: 9;} .VVZ-inspiracia-form-item-top-product {width: 25px; height: 25px; display: block; position: absolute; z-index: 3;} .VVZ-inspiracia-form-item-top-product-dot {width: 100%; height: 100%; left: 0px; top: 0px; background: rgb(255, 102, 0); box-shadow: 0px 0px 0px 2px white; display: block; position: absolute; border-radius: 50%; cursor: help;} .VVZ-inspiracia-form-item-top-product-form {width: 240px; left: 35px; top: 13px; text-align: center; margin: auto; border-radius: 15px; background: linear-gradient(0deg,rgb(222,222,222) 0%, rgb(255, 255, 255) 100%); position: absolute; box-shadow: 10px 0px 25px -10px black;} .VVZ-inspiracia-form-item-top-product-form {opacity: 0; transform: scale(0) translateY(-50%); transition: all 0.1s; transition-delay: 0.1s; transform-origin: left top;} .VVZ-inspiracia-form-item-top-product-form:before {width: 0px; height: 0px; left: -8px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid rgb(238, 238, 238); top: 0px; bottom: 0px; margin: auto; position: absolute; content:'';} .VVZ-inspiracia-form-item-top-product-form:after {width: 40px; height: 100; right: 100%; top: 0px; bottom: 0px; position: absolute; content:'';} .VVZ-inspiracia-form-item-top-product:hover {z-index: 11;} .VVZ-inspiracia-form-item-top-product:hover .VVZ-inspiracia-form-item-top-product-form {opacity: 1; transform: scale(1) translateY(-50%); transition: all 0.3s; transition-delay: 0s; z-index: 11;} .TTOO-LLEEFFTT .VVZ-inspiracia-form-item-top-product-form {left: auto; right: 35px; transform-origin: right top;} .TTOO-LLEEFFTT .VVZ-inspiracia-form-item-top-product-form::before {left: auto; right: -8px; border-right: none; border-left: 10px solid rgb(238, 238, 238);} .VVZ-inspiracia-form-item-top-product-form-img {width: 100%; height: 170px; padding-bottom: 70px; margin: 0px auto; mix-blend-mode: multiply; overflow: hidden; position: relative;} .VVZ-inspiracia-form-item-top-product-form-img img {width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transform: scale(1.1);} .VVZ-inspiracia-form-item-top-product-form-data {left: 6px; right: 6px; bottom: 6px; margin: auto; position: absolute;} .VVZ-inspiracia-form-item-top-product-form-data-title {padding: 0px 0px 10px; font-size: 15px; letter-spacing: 0.5px; color: rgb(80,80,80); font-weight: 700; text-wrap: balance;} .VVZ-inspiracia-form-item-top-product-form-data-title-in {display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .VVZ-inspiracia-form-item-top-product-form-data-btns {width: 100%; display: flex; gap: 6px; align-items: center;} .VVZ-inspiracia-form-item-top-product-form-data-btn {width: 50%; height: 38px; background: rgb(246, 132, 51); display: flex; gap: 5px; justify-content: center; align-items: center; color: rgb(255, 255, 255); position: relative; cursor: pointer;} .VVZ-inspiracia-form-item-top-product-form-data-btn:nth-child(1) {border-top-left-radius: 10px; border-bottom-left-radius: 10px;} .VVZ-inspiracia-form-item-top-product-form-data-btn:nth-child(2) {border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: rgb(25, 164, 86);} .VVZ-inspiracia-form-item-top-product-form-data-btn i {font-size: 16px;} .VVZ-inspiracia-form-item-top-product-form-data-btn span {font-size: 13px; letter-spacing: 0.5px; font-weight: 300; display: inline-block; line-height: 13px;} .VVZ-inspiracia-form-item-top-product-form-data-btn:hover {filter: brightness(90%);} .VVZ-inspiracia-form-item-top-control {width: 50px; height: 50px; bottom: 270px; display: flex; justify-content: center; align-items: center; position: absolute; cursor: pointer;} .VVZ-inspiracia-form-item-top-control i {font-size: 44px; color: var(--vvz-main);} .VVZ-inspiracia-form-item-top-control-minus {right: 102%;} .VVZ-inspiracia-form-item-top-control-plus {left: 102%;} .VVZ-inspiracia-form-item-top-control-DISBLED {opacity: 0.5; pointer-events: none;} .VVZ-inspiracia-form-item-top-control-DISBLED i {color: silver;} .VVZ-inspiracia-form-item-top-control:hover i {transform: scale(1.2);} .VVZ-inspiracia-form-item-main {width: 98vw; max-width: 1600px; margin: 0px auto 100px; position: relative; z-index: 9;} .VVZ-inspiracia-form-item-main-in {width: 100%; min-height: 50vh; display: flex; gap: 50px; position: relative;} .VVZ-inspiracia-form-item-main-left {} .VVZ-inspiracia-form-item-main-left-in {} .VVZ-inspiracia-form-item-main-left-title {width: 100%; display: flex; position: relative;} .VVZ-inspiracia-form-item-main-left-title div {display: flex;background: linear-gradient(90deg, rgb(255, 102, 0) 0%, rgb(255, 167, 91) 100%);background-clip: border-box;background-clip: border-box;background-clip: border-box;background-clip: border-box;background-clip: border-box;-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;-webkit-box-decoration-break: clone;box-decoration-break: clone;} .VVZ-inspiracia-form-item-main-left-title div h2 {font-size: 42px; color: rgb(255, 102, 0); margin: 0px; padding: 0px; font-weight: 600;} .VVZ-inspiracia-form-item-main-left-text {width: 100%; display: flex; position: relative;} .VVZ-inspiracia-form-item-main-left-text-in {font-size: 18px; line-height: 30px; letter-spacing: 0.5px; word-spacing: 0.5px; text-align: justify;} .VVZ-inspiracia-form-item-main-left-text-in p {margin: 30px 0px;} .VVZ-inspiracia-form-item-main-left-contact {width: 100%; margin: 40px auto 0px; display: flex; align-items: center; background: linear-gradient(80deg,rgba(6, 161, 60, 0.8) 80px, rgba(29, 200, 63, 0.8) 20%, rgb(67, 185, 130) 100%); box-shadow: 0px 6px 20px -10px rgb(34, 206, 85); border-radius: 100px; position: relative; cursor: pointer;} .VVZ-inspiracia-form-item-main-left-contact-in {padding: 15px; display: flex; gap: 30px; position: relative;} .VVZ-inspiracia-form-item-main-left-contact-icon {padding-left: 20px; display: flex; align-items: center;} .VVZ-inspiracia-form-item-main-left-contact-icon i {font-size: 70px; margin-top: -10px; color: rgb(255, 255, 255);} .VVZ-inspiracia-form-item-main-left-contact-data {} .VVZ-inspiracia-form-item-main-left-contact-data-title {padding: 0px 0px 5px; } .VVZ-inspiracia-form-item-main-left-contact-data-title i {display: none; visibility: hidden;} .VVZ-inspiracia-form-item-main-left-contact-data-title span {font-size: 24px; color: rgb(255, 255, 255); letter-spacing: 1.0px; word-spacing: 1px; font-weight: 600;} .VVZ-inspiracia-form-item-main-left-contact-data-text {font-size: 17px; line-height: 21px; letter-spacing: 0.75px; font-weight: 500;} .VVZ-inspiracia-form-item-main-left-contact:hover {box-shadow: 0px 0px 0px 10px rgba(34, 206, 85, 0.15);} .VVZ-inspiracia-form-item-main-right {width: 700px; flex-shrink: 0; background: linear-gradient(45deg,rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); border-radius: 50px; overflow: hidden; position: relative;} .VVZ-inspiracia-form-item-main-right-in {width: 100%; position: relative;} .VVZ-inspiracia-form-item-main-right-products {padding: 20px;} .VVZ-inspiracia-form-item-main-right-products-items {width: 100%; display: flex; flex-wrap: wrap; gap: 15px 0px;} .VVZ-inspiracia-form-item-main-right-products-item {width: 33.33%; position: relative;} .VVZ-inspiracia-form-item-main-right-products-item .VVZ-PRO-form-REL-item {mix-blend-mode: multiply;} .VVZ-inspiracia-form-item-main-right-products-item .VVZ-PRO-form-REL-item:hover {box-shadow: inset 0px 0px 0px 1px rgba(255, 103, 1, 0.3);} .VVZ-inspiracia-form-item-main-right-products-item .VVZ-PRO-form-REL-item-img {height: 230px; background: transparent;} .VVZ-inspiracia-form-item-main-right-products-item .VVZ-PRO-form-REL-item-img img {height: 90%;} .VVZ-inspiracia-form-item-main-right-products-item .VVZ-PRO-form-REL-item-info-title {font-size: 13px; letter-spacing: 0.25px; text-align: center;} /* VVZ KATALOG 2026 */ .product-form {width: 100%; display: inline-block; position: relative;} .product-form-top {width: 100%; float: left; margin-bottom: 25px;} .product-form-top ul {padding: 0px;margin: 0px;list-style: none; display: inline-block;} .product-form-top ul li {font-size: 14px; color: rgb(83, 83, 83); float: left;} .product-form-top ul li:before {padding: 0px 7px; content:"/"; opacity: 0.5;} .product-form-top ul li:first-child:before {content:""; display: none;} .product-form-top ul li a {color: rgb(84, 84, 84); font-weight: 200; text-transform: uppercase;} .product-form-top ul li a i {} .product-form-top ul li a:hover {opacity: 0.8;} /* KATALOG LITE CONTENT */ /* KATALOG LITE CONTENT */ .katalog-lite-content {width: 100%; display: inline-block; margin: 0px auto; position: relative; z-index: 9;} .katalog-lite-content-background {width: 100%; height: 20vw; display: inline-block; margin: 0px auto 2%; background: whitesmoke; position: relative; z-index: 9; overflow: hidden;} .katalog-lite-content-background img {width: 100%; height: 100%; object-fit: cover;} .katalog-lite-content-header {} .katalog-lite-content-products {width: 100%; display: inline-block; margin: 0px auto 5%; position: relative; z-index: 9;} .katalog-lite-content-products-side {width: 20%; background: whitesmoke; float: left; position: relative;} .katalog-lite-content-products-sidemenu {width: 80%; padding: 15% 10%; display: inline-block;} .katalog-lite-content-products-sidemenu-item {margin-bottom: 15%;} .katalog-lite-content-products-sidemenu-item:first-child {padding-top: 30px; border-top: 3px solid rgb(255, 114, 0);} .katalog-lite-content-products-sidemenu-item:last-child {margin-bottom: 0px;} .katalog-lite-content-products-sidemenu-item-a {font-size: 16px; color: rgb(44, 44, 44) !important; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 600;} .katalog-lite-content-products-sidemenu-item-sub {position: relative;} .katalog-lite-content-products-sidemenu-item-sub-a {font-size: 16px; line-height: 20px; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 20px; display: block; position: relative;} .katalog-lite-content-products-sidemenu-item-sub-a i {font-size: 14px; color: rgb(255, 114, 0); left: 4px; top: 3px; position: absolute;} .katalog-lite-content-products-data {width: 79%; margin: 0px 0px 2% 1%; float: left; position: relative; z-index: 9;} .katalog-lite-content-products-data-text {padding: 0px 0px 2% 2%;} .katalog-lite-content-products-data-text-title h2 {color: rgb(44,44,44) !important; font-size: 40px !important; letter-spacing: 2px; margin: 0px 0px 10px !important; display: block; text-transform: uppercase; font-weight: 900 !important;} .katalog-lite-content-products-data-text-text {line-height: 24px; letter-spacing: 0.4px; opacity: 0.8; text-align: justify;} .katalog-lite-content-products-data-text-text a {color: rgb(255, 102, 0); font-weight: 500;} .katalog-lite-content-products-data-text-text ul {padding: 10px 0px 20px; margin: 0px; list-style: none;} .katalog-lite-content-products-data-text-text ul li {padding: 3px 0px 3px 25px; text-align: left; position: relative;} .katalog-lite-content-products-data-text-text ul li:before {left: 8px; top: 2px; color: rgb(255, 114, 0); content:"\25CF"; position: absolute;} .katalog-lite-content-products-childs {width: 100%; margin: 0px auto 1vw; display: inline-block; position: relative;} .katalog-lite-content-products-child {width: 11%; margin: 0px auto 1vw; float: left; position: relative;} .katalog-lite-content-products-child:nth-child(9n+1) {clear: left;} .katalog-lite-content-products-child-img {width: 100%; height: 8vw; position: relative; } .katalog-lite-content-products-child-img-bg {width: 4.5vw;height: 4.5vw;background: rgb(222,222,222);left: 0px;top: 0px;right: 0px;bottom: 0px;margin: auto;position: absolute;border-radius: 50%;z-index: 1;transition: all 1s;} .katalog-lite-content-products-child-img img {width: 100%;height: 95%;left: 0px;top: 0px;right: 0px;bottom: 0px;margin: auto;position: absolute;z-index: 9; object-fit: contain; object-position: center;opacity: 0; transition: all 1s; transition-delay: 0.25s;} .katalog-lite-content-products-child:hover .katalog-lite-content-products-child-img-bg {transform: scale(0.85); opacity: 0.5; box-shadow: 0px 0px 20px 20px rgb(222,222,222);} .katalog-lite-content-products-child:hover .katalog-lite-content-products-child-img img {transform: scale(1.1);} .katalog-lite-content-products-child-title {font-size: 0.7vw; width: 90%; margin: -0.8vw auto 0px; font-weight: 600; padding: 0px 5%; color: rgb(255, 102, 0); text-align: center;} .katalog-lite-content-products-child a {width: 100%;height: 100%;left: 0px;top: 0px;position: absolute;z-index: 11;cursor: pointer;} .katalog-lite-content-products-child-img .lazyload {opacity: 0;} .katalog-lite-content-products-child-img .lazyloaded {opacity: 1;} .katalog-lite-content-products-form {width: 100%; display: inline-block; margin: 0px auto; position: relative; z-index: 9;} .katalog-lite-content-product {width: 32%; margin: 0px 2% 3% 0px; float: left;} .katalog-lite-content-product:nth-child(3n) {margin-right: 0px;} .katalog-lite-content-product:nth-child(3n+1) {clear: left;} .katalog-lite-per-line-2 {} .katalog-lite-per-line-2 .katalog-lite-content-product {width: 46%; margin: 0px 8% 3% 0px;} .katalog-lite-per-line-2 .katalog-lite-content-product:nth-child(2n) {margin-right: 0px; clear: none;} .katalog-lite-per-line-2 .katalog-lite-content-product:nth-child(2n+1) {clear: left;} .katalog-lite-content-products-form-empty {padding: 3vw; text-align: center;} .katalog-lite-content-products-form-empty i {font-size: 6vw; opacity: 0.1;} .katalog-lite-content-products-form-empty div {font-size: 18px; padding: 2vw; opacity: 0.2;} /* KATALOG LITE SMALL PRODUCT */ .katalog-lite-small-product {width: 100%; padding-bottom: 1.75vw; margin: 0% auto; position: relative; border-radius: 2vw; transition: all 0.5s; overflow: hidden;} .katalog-lite-small-product:hover {box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15) , 0px 0px 20px -5px rgba(0, 0, 0, 0.15);} .katalog-lite-small-product-img {width: 96%; height: 17vw; left: 0px; right: 0px; top: 3px; bottom: 0px; margin: auto; position: relative;} .katalog-lite-small-product-img img {width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; object-fit: contain; object-position: center bottom;} .katalog-lite-small-product-img img:nth-child(2) {opacity: 0; transition: all 0.3s;} .katalog-lite-per-line-2 .katalog-lite-small-product-img {height: 20vw;} .katalog-lite-small-product:hover .small-pro-img-count-2 img:nth-child(1) {opacity: 0;} .katalog-lite-small-product:hover .small-pro-img-count-2 img:nth-child(2) {opacity: 1;} .katalog-lite-small-product-info {width: 80%; left: 10%; bottom: 1vw; position: absolute;} .katalog-lite-small-product-info-text {width: 75%; min-height: 3vw; padding: 0% 0% 0% 20%; display: flex; align-items: center; text-align: left; position: relative;} .katalog-lite-small-product-info-text-title {font-size: 0.9vw; font-weight: 700; letter-spacing: 0.03vw; word-spacing: 0.2vw; color: rgb(80,80,80);} .katalog-lite-small-product-info-text-text {width: 95%; font-size: 0.7vw; opacity: 0.7;} .katalog-lite-small-product-info-btn {width: 3.7vw; height: 3.7vw; left: -0.5vw; top: 50%; position: absolute; border-radius: 50%; transform: translateY(-50%); background: rgb(255, 114, 0); text-align: center; transition: all 0.6s;} .katalog-lite-small-product-info-btn div {font-size: 0.82vw; line-height: 0.9vw; padding: 1vw 0px 0px; color: rgb(255, 255, 255); font-weight: 300; letter-spacing: 0.05vw;} .katalog-lite-small-product a {width: 100%; height: 100%; left: 0px; top: 0px; display: block; position: absolute; z-index: 3;} .katalog-lite-small-product:hover .katalog-lite-small-product-info-btn {transform: translateY(-50%) scale(1.2) rotate(15deg);} .katalog-lite-small-product-clicker {height: 34px; padding: 0px 10px 0px 0px; left: 50%; top: 12px; opacity: 0; display: flex; gap: 10px; align-items: center; background: linear-gradient(20deg,rgb(34, 206, 85) 0%, rgb(129, 222, 157) 100%); color: rgb(255, 255, 255); transform: translateX(-50%); position: absolute; z-index: 22; cursor: pointer; border-radius: 6px; outline: 3px solid rgb(255, 255, 255); overflow: hidden;} .katalog-lite-small-product-clicker i {width: 34px; height: 34px; font-size: 18px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; flex-grow: 0; background: rgba(0, 0, 0, 0.1);} .katalog-lite-small-product-clicker span {letter-spacing: 1px; white-space: nowrap;} .katalog-lite-small-product:hover .katalog-lite-small-product-clicker {top: 15px; opacity: 1; transition: all 0.25s;} .katalog-lite-small-product-clicker:hover {transform: translateX(-50%) scale(0.87) !important; transition-delay: 0s !important;} /* KATALOG LITE PRODUCT */ .lite-product-form {width: 100%; display: inline-block; margin: 40px auto; position: relative; z-index: 9;} .lite-product-form-in {width: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between; position: relative; z-index: 9;} .lite-product-form-gallery {width: 38%; position: relative;} .lite-product-form-gallery:before {width: 1px; height: 100%; left: -10%; background: rgb(232, 232, 232); top: -100%; bottom: -100%; margin: auto; position: absolute; content: '';} .lite-product-form-gallery-frame {width: 100%; position: relative;} .lite-product-form-gallery-frame-in {width: 100%; height: 33vw; position: relative; overflow: hidden;} .gallery-3D {} .lite-product-form-gallery-3D {width: 100%; height: 100%; left: 0%; top: 0%; transition: all 1s; position: absolute; z-index: 3;} .lite-product-form-gallery-3D-in {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute;} .show-me-IMG .lite-product-form-gallery-3D {transform: translateX(-100%) !important;} .lite-product-form-gallery-3D-in #model-3D {width: 100%; height: 100%; left: 0%; top: 0%; background-color: rgb(255,255,255); position: absolute; z-index: 3;} .lite-product-form-gallery-3D-in-fullscreen {height: 30px; padding: 0px 8px; right: 1%; top: 3%; display: flex; align-items: center; position: absolute; opacity: 0; transition: all 0.5s; z-index: 9; cursor: pointer;} .lite-product-form-gallery-3D-in-fullscreen i {font-size: 20px; color: rgb(255, 114, 0);} .lite-product-form-gallery-3D-in-fullscreen span {font-size: 11px; padding-right: 5px; letter-spacing: 0.5px; opacity: 0.6;} .lite-product-form-gallery-3D-in-fullscreen:hover {background: rgb(236, 236, 236);} .lite-product-form-gallery-3D-in:hover .lite-product-form-gallery-3D-in-fullscreen {opacity: 1;} .lite-product-form-gallery-slider {width: 100%; height: 100%; left: 0%; top: 0%; transition: all 1s; position: absolute; z-index: 3;} .lite-product-form-gallery-slider-top {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; overflow: hidden;} .gallery-3D .lite-product-form-gallery-slider {transform: translateX(100%);} .show-me-IMG .lite-product-form-gallery-slider {transform: translateX(0%) !important;} .lite-pro-gall-slide {height: 33vw; position: relative;} .lite-pro-gall-slide img {width: 100%; height: 100%; object-fit: contain; position: absolute;} .lite-pro-gall-slide a {width: 100%; height: 100%; left: 0px; top: 0px; display: block; position: absolute; z-index: 3;} .lite-product-form-gallery-slider-thumbs {width: 20%; right: 0px; top: 0px; bottom: 0px; position: absolute;} .lite-product-form-gallery-slider-thumbs .swiper-slide img {} .lite-product-form-gallery-slider-pagination {width: 100%; left: 0%; bottom: 2%;text-align: center; position: absolute; z-index: 9;} .lite-product-form-gallery-slider-pagination .swiper-pagination-bullet {width: 11px; height: 11px; margin: 0px 3px; opacity: 0.15;} .lite-product-form-gallery-slider-pagination .swiper-pagination-bullet-active {background: rgb(255, 114, 0); opacity: 1;} .lite-product-form-gallery-select {width: 100%; margin: 0px auto 35px; position: relative;} .lite-product-form-gallery-select-in {width: 100%; height: 50px; background: rgb(234, 234, 234); position: relative; border-radius: 9px; overflow: hidden;} .lite-product-form-gallery-select-in-status {width: 50%; height: 100%; top: 0%; left: 0%; transition: all 0.5s; background: rgb(255, 102, 0); position: absolute;} .lite-product-form-gallery-select-in-status-right {left: 50%;} .lite-product-form-gallery-select-in-btns {width: 100%; display: flex; position: relative;} .lite-product-form-gallery-select-in-btn {width: 50%; height: 50px; color: rgb(255, 102, 0); display: flex; align-items: center; justify-content: center; transition: all 0.5s; cursor: pointer;} .lite-product-form-gallery-select-in-btn i {font-size: 22px; padding-right: 15px;} .lite-product-form-gallery-select-in-btn .fa-image {font-size: 26px;} .lite-product-form-gallery-select-in-btn span {font-size: 19px; font-weight: 600;} .gall-3d-btn-active {color: rgb(255,255,255); font-weight: 600;} .lite-product-form-gallery-slider-video {width: 100%; margin-top: 1vw;} .lite-product-form-gallery-slider-video iframe {width: 100%; height: 33vh;} .lite-product-form-contact {width: 100%; height: 70px; margin-top: 15px; border-radius: 10px; background: rgb(34, 206, 85); color: rgb(255,255,255); overflow: hidden; cursor: pointer; top: 140px; position: sticky;} .lite-product-form-contact {box-shadow: 0px 6px 20px -10px rgb(34, 206, 85); transition: all 0.5s;} .lite-product-form-contact:hover {box-shadow: 0px 0px 25px -0px rgb(34, 206, 85);} .lite-product-form-contact-icon {width: 18%; height: 70px; background: rgba(0, 0, 0, 0.1); text-align: center; float: left;} .lite-product-form-contact-icon i {font-size: 36px; line-height: 70px;} .lite-product-form-contact-title {width: 77%; font-size: 21px; padding-left: 5%; height: 35px; line-height: 35px; margin-top: 5px; letter-spacing: 1px; word-spacing: 2px; font-weight: 600; text-align: left; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .lite-product-form-contact-subtitle {width: 77%; font-size: 15px; padding-left: 5%; height: 20px; line-height: 20px; letter-spacing: 1.5px; word-spacing: 1px; text-align: left; opacity: 0.8; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #lite-product-form-contact-formular-shadow {width: 100vw; height: 100vh; left: 0px; top: 0px; opacity: 0; transform: scale(0); background: rgba(0,0,0,0.8); position: fixed; z-index: 11; transition: opacity 0.5s;} .lite-product-form-contact-formular-shadow-active {opacity: 1 !important; transform: scale(1) !important;} #lite-product-form-contact-formular {width: 96vw; max-width: 700px; max-height: 90vh; left: 0px; right: 0px; top: 56%; margin: auto; opacity: 0; transform: translateY(-50%) scale(0); background: rgb(255,255,255); position: fixed; z-index: 22; transition: opacity 0.75s; overflow-y: auto; overflow-x: hidden; border-radius: 15px;} .lite-product-form-contact-formular-active {opacity: 1 !important; transform: translateY(-50%) scale(1) !important; box-shadow: 0px 0px 50px 0px black;} .lite-product-form-contact-formular-in {padding: 20px 25px;} .lite-product-form-contact-formular-in-title {} .lite-product-form-contact-formular-in-title i {font-size: 30px; color: rgb(255, 102, 0);} .lite-product-form-contact-formular-in-title span {font-size: 30px; padding-left: 15px; letter-spacing: 2px; color: rgb(255, 102, 0); font-weight: 600;} .lite-product-form-contact-formular-in-close {width: 70px; height: 70px; right: 0px; top: 0px; position: absolute; text-align: center; z-index: 9; cursor: pointer;} .lite-product-form-contact-formular-in-close i {font-size: 36px; line-height: 70px; transition: all 0.5s;} .lite-product-form-contact-formular-in-close:hover i {opacity: 0.55; transform: rotate(90deg);} .lite-product-form-contact-formular-in-inputs {width: 100%; padding-bottom: 25px; display: table;} .lite-product-form-contact-formular-in-input {width: 48%; min-height: 40px; margin: 25px 4% 0px 0px; position: relative; box-shadow: 0px 0px 0px 1px rgb(170, 170, 170); float: left; position: relative;} .lite-product-form-contact-formular-in-input:nth-child(even) {margin-right: 0px;} .lite-product-form-contact-formular-in-input input {font-size: 15px; width: 83%; padding: 14px 0px 14px 17%; color: rgb(49, 20, 0); border: none; font-family: 'Montserrat', sans-serif; background: transparent; letter-spacing: 0.5px;} .lite-product-form-contact-formular-in-input i {font-size: 22px; top: 50%; left: 5%; color: rgb(255, 102, 0); margin: auto; position: absolute; transform: translateY(-50%); pointer-events: none;} .lite-product-form-contact-formular-in-text {width: 100%; box-shadow: 0px 0px 0px 1px rgb(170, 170, 170);} .lite-product-form-contact-formular-in-text textarea {width: 96%; min-height: 90px; padding: 2%; color: rgb(49, 20, 0); border: none; font-family: 'Montserrat', sans-serif; background: transparent; letter-spacing: 0.5px;} .lite-product-form-contact-formular-hidden {width: 100%; margin: 25px 0px 0px; position: relative; display: none;} #pro_recaptcha_check_empty {width: 50px;height: 0px;opacity: 0;pointer-events: none;left: 0px;right: 0px;bottom: 0px;position: absolute;margin: auto;} .lite-product-form-contact-formular-in .web-down-formular-items-submit {margin-top: 25px;} .lite-product-form-data {width: 54%; position: relative;} .lite-product-form-data .product-form-top {float: none;} .lite-product-form-data-title {} .lite-product-form-data-title h2 {font-size: 42px !important; color: rgb(255, 114, 0) !important; letter-spacing: 2px; margin: 0px 0px 25px !important; display: block; text-transform: uppercase; font-weight: 900 !important; letter-spacing: 2px !important;} .lite-product-form-data-text {font-size: 17px; line-height: 28px; text-align: justify;} .lite-product-form-data-text blockquote {padding: 3% 4% 3% 8%; margin: 0px; font-size: 18px; letter-spacing: 0.8px; line-height: 26px; background: whitesmoke; position: relative;} .lite-product-form-data-text blockquote:before {width: 5px; height: 70%; left: 4%; background: rgb(112, 165, 93); top: -100%; bottom: -100%; margin: auto; position: absolute; content: '';} .lite-product-form-data-text h3 {} .lite-product-form-data-docs {width: 100%; margin: 30px auto 40px; border-top: 1px solid rgb(232, 232, 232); display: table; position: relative;} .lite-product-form-data-doc {width: 25%; margin: 20px 0px 20px; float: left; position: relative; transition: all 0.5s;} .lite-product-form-data-doc:hover {opacity: 0.5;} .lite-product-form-data-doc a {width: 100%; height: 100%; display: block; left: 0px; top: 0px; position: absolute; z-index: 9;} .lite-product-form-data-doc-img {width: 100%; height: 110px; text-align: center; position: relative;} .lite-product-form-data-doc-img img {width: 100%; height: 100%; display: block; object-fit: contain; object-position: center bottom;} .lite-product-form-data-doc-img i {font-size: 60px; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; position: absolute;} .lite-product-form-data-doc-img i {color: rgba(255, 102, 0, 0.8); text-shadow: 5px 5px 2px rgba(255, 102, 0, 0.14);} .lite-product-form-data-doc-titles {width: 100%; padding-top: 2px; text-align: center;} .lite-product-form-data-doc-titles-main {font-size: 16px; letter-spacing: 0.25px; color: rgb(255, 102, 0); font-weight: 600;} .lite-product-form-data-doc-titles-sub {font-size: 12px; padding-top: 4px; opacity: 0.5;} .lite-product-form-data-docs .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-locked .lite-product-form-data-doc-img {opacity: 0.3; pointer-events: none;} .lite-product-form-data-docs .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-locked .lite-product-form-data-doc-titles {opacity: 0.3; pointer-events: none;} .lite-product-form-data-docs .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-lock {left: 45%; top: 29%;} .lite-product-form-data-docs .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-ALERT {padding: 10px 0px 20px; float: left;} .product-faq-holder {width: 100%; position: relative;} .product-faq-holder-title {font-size: 22px; padding: 10px 0px 17px; letter-spacing: 2px; color: rgb(255, 114, 0); font-weight: 600;} .product-faq-holder-items {width: 99.5%; padding: 0px 0px 0px 0.5%;} .product-faq-holder-item {width: 100%; padding: 0px 0px 10px; display: inline-block; position: relative;} .product-faq-holder-item-title {width: 100%; display: inline-block; position: relative; cursor: pointer;} .product-faq-holder-item-title i {width: 4%; font-size: 18px; padding: 2px 0px 0px; color: rgb(255, 114, 0); float: left;} .product-faq-holder-item-title span {width: 96%; font-size: 19px; letter-spacing: 1px; color: rgb(47, 47, 47); font-weight: 600; float: left;} .product-faq-holder-item-text {max-height: 0px; line-height: 24px; letter-spacing: 0.75px; position: relative; transition: all 1s; overflow: hidden;} .faqqq-active .product-faq-holder-item-text {max-height: 250px; padding: 0px 0px 15px;} .VVZ-UNI-TOPFORM {width: 100%; margin: 0px auto 60px; position: relative; z-index: 3;} .VVZ-UNI-TOPFORM-in {width: 100%; padding: 10px 0px 30px; margin: auto; position: relative; z-index: 3;} .VVZ-UNI-TOPFORM-in:before {width: 100vw; left: -100%; right: -100%; top: -140px; bottom: 0%; background: linear-gradient(-45deg,rgb(240, 240, 240) 0%, rgb(255, 255, 255) 100%); border-bottom-left-radius: 70px; border-bottom-right-radius: 70px; margin: auto; content: ''; position: absolute; z-index: 1;} .VVZ-UNI-TOPFORM-title {width: 100%; display: flex; position: relative; z-index: 3;} .VVZ-UNI-TOPFORM-title div {display: flex;background: linear-gradient(90deg, rgb(255, 102, 0) 0%, rgb(255, 167, 91) 100%);background-clip: border-box;background-clip: border-box;background-clip: border-box;background-clip: border-box;background-clip: border-box;-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;-webkit-box-decoration-break: clone;box-decoration-break: clone;} .VVZ-UNI-TOPFORM-title div h2 {font-size: 42px; color: rgb(255, 102, 0); margin: 0px; padding: 0px; letter-spacing: 1px; word-spacing: 1px; font-weight: 600;} .VVZ-UNI-TOPFORM-icon {width: 450px; top: -30px; right: -2%; bottom: 0%; position: absolute; overflow: hidden; pointer-events: none; z-index: 1;} .VVZ-UNI-TOPFORM-icon i {font-size: 300px; right: 0%; top: 50%; position: absolute; transform: translateY(-75%) rotate(-20deg); transform-origin: right bottom; text-align: right;} .VVZ-UNI-TOPFORM-icon i::before {color: rgba(255, 255, 255, 0.4); opacity: 1 !important;} .VVZ-UNI-TOPFORM-icon i:after {color: rgba(253, 141, 66, 0.08); opacity: 1 !important;} /* CONTENT */ .web-container {background: transparent; display: inline-block; width: 100%; margin-bottom: 2%; position: relative; z-index: 11;} .page-title {color: rgb(44,44,44) !important; font-size: 40px !important; letter-spacing: 2px; margin: 15px 0px 20px; display: block; text-transform: uppercase; font-weight: 600 !important;} .web-content {width: 96%; max-width: 1400px; margin: auto; padding: 30px 2% 10px; text-align: left; background: transparent; } .web-content {font-size: 16px;} .web-content strong {font-weight: 600;} .web-content h2 {color: rgb(44,44,44); font-size: 28px; margin: 5px 0px 30px; font-weight: 600;} .web-content h3 {color: rgb(44,44,44); font-size: 22px; margin: 30px 0px 10px; font-weight: 600;} .web-content h4 {color: rgb(44,44,44); font-size: 18px; margin: 30px 0px 10px; font-weight: 600;} .web-content h2:first-child {margin-top: 0px !important;} .web-content h3:first-child {margin-top: 0px !important;} .web-content h4:first-child {margin-top: 0px !important;} .content-text-short {font-size: 18px; color: rgb(47, 49, 61); line-height: 25px; margin: 0px auto 40px; padding: 4% 6% 4% 190px; letter-spacing: 1px; font-weight: 300; text-align: justify; background: rgba(255, 114, 0, 0.04); box-shadow: inset 0px 0px 0px 2px rgb(255, 114, 0); position: relative; border-radius: 25px;} .content-text-short:before {font-size: 100px; height: 100px; width: 100px; line-height: 100px; left: 40px; top: 0px; bottom: 0px; content:'\f10e'; font-family: "Font Awesome 5 Pro"; position: absolute; margin: auto; opacity: 0.2;} .action--katalog_lite .web-content {max-width: 1800px;} .content-text {font-size: 18px; line-height: 32px; text-align: justify;} .content-text ul {padding: 10px 0px 20px; margin: 0px; list-style: none;} .content-text ul li {padding: 3px 0px 3px 40px; position: relative;} .content-text ul li:before {left: 18px; top: 2px; color: rgb(255, 133, 51); content:"\25CF"; position: absolute;} .content-text p {margin: 15px 0 15px 0; padding-top: 0; margin-top: 0;} .content-text a {color: rgb(255, 114, 0);} .content-text img {max-width: 100% !important; height: auto !important;} .content-text video {width: 100%; height: 647px;} .content-text table {font-size: 14px; line-height: 19px; text-align: left;} .web-content-gallery {display: inline-block; width: 100%; margin-top: 35px;} .web-content-gallery-item {width: 14.6%; margin: 1%; float: left; overflow: hidden; box-shadow: 0px 0px 1px 1px rgb(215, 215, 215);} .web-content-gallery-item img {width: 100%; height: auto; float: left;} .web-content-gallery-item:hover {opacity: 0.3;} .web-content-gallery-video {width: 98%; margin: 1%;} .web-content-gallery-video iframe {width: 100%; height: 550px;} .content-text-share {width: 100%; height: 30px; margin: 30px auto 20px;} .content-text-share a {display: inline-block; cursor: pointer;} .content-text-share i {width: 18px; height: 16px; padding: 7px; color: white; background: rgb(52, 101, 200); text-align: center; display: inline-block; float: left; transition: all 0.2s;} .content-text-share span {height: 30px; line-height: 30px; color: white; padding: 0px 18px; background: rgb(87, 86, 86); font-weight: 300; display: inline-block; float: left; text-transform: uppercase; font-size: 14px; letter-spacing: 1.5px; transition: all 0.2s;} .content-text-share a:hover i {background: black;} .content-text-share a:hover span {background: rgb(20, 67, 114);} .text-side-0 .content-text .content-text-in {column-count: 1; column-gap: 0px;} .text-side-1 .content-text .content-text-in {column-count: 2; column-gap: 50px;} .text-side-2 .content-text .content-text-in {column-count: 3; column-gap: 50px;} .text-side-3 .content-text .content-text-in {column-count: 4; column-gap: 50px;} .img-side-1 .content-text {width: 49%; float: left;} .img-side-1 .content-text video {width: 100%; height: 344px;} .img-side-2 .content-text video {width: 100%; height: 344px;} .img-side-1 .web-content-gallery {width: 48%; float: right; margin-top: -0.3%; margin-right: -0.5%;} .img-side-1 .web-content-gallery-item {width: 29.3%; margin: 2%;} .img-side-2 .content-text {width: 50%; float: right;} .img-side-2 .web-content-gallery {width: 48%; float: left; margin-top: -0.3%; margin-left: -1%;} .img-side-2 .web-content-gallery-item {width: 29.3%; margin: 2%;} .img-side-1 .web-content-gallery-video iframe {height: 290px;} .img-side-2 .web-content-gallery-video iframe {height: 290px;} .web-content-disqusion {width: 100%;} .web-content-disqusion-title {padding: 1%; width: 98%;} .web-content-products {display: inline-block; width: 100%; min-height: 600px; position: relative;} .web-content-products-side {width: 190px; height: 100%; left: -200px; top: 0px; bottom: 0px; position: absolute; } .web-content-products-side-box {width: 190px; min-height: 300px; background: RGB(136, 205, 211); top: 0px; position: absolute;} .search-products {width: 1200px; margin-left: 0px;} .s-box-bottom {top: auto; bottom: 0px;} .s-box-fix {top: 100px; position: fixed;} .side-box-menu {padding: 0% 7% 10% 7%;} .side-box-menu-item {position: relative; margin: 15px auto 0px;} .side-box-menu-item a {font-size: 16px; line-height: 18px; color: rgb(36, 36, 36); font-weight: 600;} .s-b-first {padding-left: 20px; position: relative;} .s-b-first:before {left: 2px; top: -7px; width: 26px; height: 26px; background: url("/images/design/shop-icons.png") no-repeat; background-size: 290px auto; background-position: -170px -90px; position: absolute; content: "";} .b-i-sub {opacity: 0.8; margin: 4% 0px 4% 13%;} .b-i-sub a {font-size: 14px; line-height: 16px; letter-spacing: -0.2px; font-weight: 400;} .b-i-sub:hover {opacity: 1;} .b-i-sub:before {top: 2%; left: -10%; font-size: 14px; line-height: 16px; color: rgba(8, 8, 8, 0.5); position: absolute; content:"-";} .ssub {margin: 4% 0px 4% 21%;} .ssub a {font-size: 14px; line-height: 15px;} .web-content-products-top, .web-content-products-foot {width: 100%; height: 1px; display: inline-block;} .side-menu-btn {display: none; visibility: hidden;} /* .recenzie-page-items {width: 100%;} .recenzie-page-item {padding: 25px; margin-bottom: 30px; border-radius: 12px; box-shadow: 0px 0px 7px -4px rgb(0, 0, 0);} .recenzie-page-item-header {width: 100%; padding-bottom: 5px; border-bottom: 1px solid rgb(134, 195, 86); display: table;} .recenzie-page-item-header-title {color: rgb(136, 136, 136); width: 70%; text-align: left; float: left;} .recenzie-page-item-header-title span {color: rgb(44, 44, 44); font-size: 20px; font-weight: 600;} .recenzie-page-item-header-date {font-size: 15px; width: 30%; text-align: right; float: left;} .recenzie-page-item-header-date i {padding-right: 5px; color: rgb(134, 195, 86);} .recenzie-page-item-text {font-size: 15px; line-height: 22px; margin-top: 20px; text-align: justify; overflow: hidden; position: relative; cursor: pointer;} .recenzie-page-item-text-btn {width: 100%; height: 100px; position: absolute; bottom: 0px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); text-align: center; pointer-events: none;} .recenzie-page-item-text-btn div {height: 30px; background: rgb(134, 195, 86); margin: 70px auto 0px; padding: 0px 20px; color: white; display: inline-block; border-radius: 5px;} .recenzie-page-item-text-btn div {font-size: 13px; line-height: 30px; text-transform: uppercase; letter-spacing: 1px;} .rpt-small {max-height: 250px; transition: all 0.8s;} .rpt-small-hide {max-height: 5000px;} */ /* ZASTUPCOVIA */ .predajcovia-form {width: 100%; position: relative;} .predajcovia-form-map {width: 900px; margin: 0px 0px 150px 100px; transform: scale(1.3); transform-origin: 0 0; position: relative;} .predajcovia-form-map-hu {margin: -30px 0px 190px 100px;} #predajcovia-form-map path { stroke-width: 0.3px; stroke: white; fill: #999; cursor: pointer; } #predajcovia-form-map path:hover, #predajcovia-form-map path.highlighted {fill: black; /*stroke: black;*/ fill-opacity: .5; cursor: pointer; /*stroke-width: 10px;*/ } #predajcovia-tooltip {padding: 5px 10px; min-width: 100px; height: 20px; line-height: 20px; background: rgb(255, 114, 0); color: white; letter-spacing: 0.5px; position: absolute; z-index: 1000; display: none; white-space: nowrap;} #predajcovia-tooltip span {font-size: 11px;} .map-okres-active {} .map-okres-active path {fill: rgb(255, 114, 0) !important; fill-opacity: 1 !important;} .predajcovia-hint {left: 50%; bottom: 18%; position: absolute;} .predajcovia-hint i {font-size: 18px; color: rgb(255, 114, 0);} .predajcovia-hint span {font-size: 11px; opacity: 0.5; letter-spacing: 0.7px;} .predajcovia-hint-hu {left: 53%; bottom: 10%;} .predajcovia-hint-cz {left: 70%; bottom: 80%;} .predajcovia-form-filter {font-size: 22px; text-align: center; letter-spacing: 0.5px;} .predajcovia-form-filter strong {font-size: 30px; color: rgb(255, 114, 0);} .predajcovia-form-list {width: 100%; margin: 0px auto 10%; display: flex; flex-wrap: wrap; gap: 60px 0%; justify-content: center; position: relative; text-align: center;} .predajcovia-form-list-item {width: 33.3%; display: flex; gap: 0px 20px; position: relative; text-align: left;} .predajcovia-form-list-item-img {width: 100px; height: 100px; line-height: 110px; background: rgb(232, 232, 232); box-shadow: 0px 0px 0px 1px rgb(255, 114, 0); border-radius: 50%; overflow: hidden; text-align: center;} .predajcovia-form-list-item-img img {width: 100%; height: 100%;} .predajcovia-form-list-item-img i {font-size: 40px; color: rgb(255, 114, 0);} .predajcovia-form-list-item-data {} .predajcovia-form-list-item-data-title {font-size: 22px; letter-spacing: 1px; font-weight: 600;} .predajcovia-form-list-item-data-subtitle {font-size: 15px; letter-spacing: 0.3px; font-weight: 300;} .predajcovia-form-list-item-data-contact {} .predajcovia-form-list-item-data-contact div {padding-top: 6px; } .predajcovia-form-list-item-data-contact div i {width: 20px; font-size: 18px; padding-right: 4px; color: rgb(255, 114, 0); text-align: center;} .predajcovia-form-list-item-data-contact div a {font-size: 16px; letter-spacing: 0.3px;} .predajcovia-form-list-item-data-places {padding-top: 6px; position: relative;} .predajcovia-form-list-item-data-places-title {width: 100%; position: relative; cursor: pointer;} .predajcovia-form-list-item-data-places-title i {width: 14px; font-size: 16px; padding-right: 4px; color: rgb(255, 114, 0); text-align: center;} .predajcovia-form-list-item-data-places-title span {font-size: 14px; color: rgb(40, 40, 40);} .predajcovia-form-list-item-data-places-datas {width: 100%; max-height: 0px; position: relative; overflow: hidden; opacity: 0.5; transition: all 0.5s;} .predajcovia-form-list-item-data-places-datas div {width: 100%; padding-top: 4px; display: flex; gap: 9px;} .predajcovia-form-list-item-data-places-datas div i {width: 14px; font-size: 6px; padding-top: 5px; color: rgb(255, 114, 0); text-align: center;} .predajcovia-form-list-item-data-places-datas div span {font-size: 14px; color: rgb(40, 40, 40);} .places_for_is_active {max-height: 666px; opacity: 1; transition: all 1.5s;} /* NEWS */ .web-content-news {width: 100%; position: relative;} .web-content-news-in {width: 100%; position: relative;} .web-content-news-item {width: 100%; margin-bottom: 3%; overflow: hidden; background: linear-gradient(45deg,rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); border-radius: 30px; outline: 2px dashed rgb(244, 244, 244); outline-offset: -2px; position: relative;} .web-content-news-item-in {display: flex; gap: 30px; align-items: center; position: relative;} .web-content-news-item-img {width: 220px; min-height: 120px; background: rgb(247, 247, 247); display: flex; flex-shrink: 0; flex-grow: 0; position: relative;} .web-content-news-item-img img {width: 100%; height: auto; overflow: hidden;} .web-content-news-item-data {padding-right: 30px; display: flex; gap: 20px; flex-direction: column;} .web-content-news-item-title {width: 100%; display: flex; gap: 15px;} .web-content-news-item-title div {display: flex; background: linear-gradient(90deg, rgb(255, 102, 0) 0%, rgb(255, 167, 91) 100%);background-clip: border-box;background-clip: border-box;background-clip: border-box;background-clip: border-box;background-clip: border-box;-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;-webkit-box-decoration-break: clone;box-decoration-break: clone;} .web-content-news-item-title div h3 {font-size: 30px; color: rgb(255, 102, 0); margin: 0px;padding: 0px; letter-spacing: 1px; word-spacing: 1px; font-weight: 700;} .web-content-news-item-text {} .web-content-news-item-text div {font-size: 17px; line-height: 22px; letter-spacing: 0.5px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .web-content-news-item:hover {filter: brightness(97%); box-shadow: 0px 0px 0px 8px rgba(253, 131, 49, 0.1);} .web-content-news-item:hover .web-content-news-item-data {transform: translateX(5px); transition: all 0.3s;} .blog-top-img {width: 100%; margin-bottom: 25px;} .blog-top-img img {width: 100%; height: auto;} /* VVZ 2025 REFERENCIE - ALL */ .VVZ-referencie-form {width: 100%; position: relative} .VVZ-referencie-form-in {width: 100%; padding: 10px 0px 50px; display: flex; gap: 30px 2%; flex-wrap: wrap; position: relative;} .VVZ-referencie-form-item {width: 32%; border-radius: 26px; background: linear-gradient(45deg,rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); position: relative;} .VVZ-referencie-form-item-in {padding: 15px 15px 5px 15px; position: relative;} .VVZ-referencie-form-item-img {width: 100%; height: 300px; background: rgb(244, 244, 244); border-radius: 20px; overflow: hidden; display: flex; position: relative;} .VVZ-referencie-form-item-img:after {width: 100%; height: 100%; left: 0%; top: 0%; border-radius: 20px; outline: 2px dashed rgb(222, 222, 222); outline-offset: -11px; position: absolute; content: ''; z-index: 9;} .VVZ-referencie-form-item-img img {width: 100%; height: 100%; object-fit: cover;} .VVZ-referencie-form-item-data {width: 100%; position: relative} .VVZ-referencie-form-item-data-in {width: 100%; height: 70px; display: flex; justify-content: space-between; align-items: center; position: relative} .VVZ-referencie-form-item-data-titles {padding-left: 10px;} .VVZ-referencie-form-item-data-titles-in {display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .VVZ-referencie-form-item-data-titles-in h3 {font-size: 17px; line-height: 21px; margin: 0px; padding: 0px; letter-spacing: 0.75px; word-spacing: 0.5px; color: rgb(80,80,80); font-weight: 600;} .VVZ-referencie-form-item-data-btn {display: flex; flex-shrink: 0; position: relative;} .VVZ-referencie-form-item-data-btn div {height: 36px; padding: 0px 12px; background: rgb(255, 142, 62); display: flex; gap: 10px; align-items: center; border-radius: 5px; position: relative;} .VVZ-referencie-form-item-data-btn div i {font-size: 20px; color: rgb(0, 0, 0);} .VVZ-referencie-form-item-data-btn div span {font-size: 14px; letter-spacing: 1px; color: rgb(255, 255, 255);} .VVZ-referencie-form-item:hover {box-shadow: 0px 0px 0px 2px rgb(234,234,234);} .VVZ-referencie-form-item:hover .VVZ-referencie-form-item-img img {filter: contrast(90%) brightness(115%); transform: scale(1.02); transition: 0.2s;} /* VVZ 2025 REFERENCIA - ONE */ .VVZ-referencia-form {width: 100%; position: relative;} .VVZ-referencia-form-in {width: 100%; display: flex; align-items: start; gap: 70px; position: relative;} .VVZ-referencia-form-main {width: 50%; flex-grow: 1; flex-shrink: 0; position: relative;} .VVZ-referencia-form-main-in {width: 100%; position: relative;} .VVZ-referencia-form-main-inner {width: 100%; position: relative;} .VVZ-referencia-form-main-title {width: 100%; padding-top: 22px; display: flex; position: relative;} .VVZ-referencia-form-main-title div {display: flex; background: linear-gradient(90deg, rgb(26, 26, 26) 0%, rgb(85, 85, 85) 100%); background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone;} .VVZ-referencia-form-main-title div h2 {font-size: 34px; letter-spacing: 0.5px;} .VVZ-referencia-form-main-info {width: 100%; padding: 0px 0px 50px; display: flex; gap: 13px; flex-wrap: wrap; position: relative;} .VVZ-referencia-form-main-info-item {height: 40px; padding: 0px 15px; display: flex; gap: 10px; align-items: center; background: linear-gradient(45deg,rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); border-radius: 40px; position: relative;} .VVZ-referencia-form-main-info-item i {font-size: 22px; color: var(--vvz-main);} .VVZ-referencia-form-main-info-item span {font-size: 17px; letter-spacing: 0.75px;} .VVZ-referencia-form-main-info-item-subtitle {background: linear-gradient(45deg,rgb(255, 217, 190) 0%, rgb(254, 254, 254) 100%);} .VVZ-referencia-form-main-info-item-subtitle i {color: rgb(9, 183, 9);} .VVZ-referencia-form-main-info-item-subtitle span {font-weight: 600;} .VVZ-referencia-form-main-text {width: 100%; position: relative;} .VVZ-referencia-form-main-text .content-text {width: 100%; line-height: 28px; position: relative;} .VVZ-referencia-form-products {width: 100%; position: relative;} .VVZ-referencia-form-products-in {width: 100%; position: relative;} .VVZ-referencia-form-products-title {width: 100%; padding: 40px 0px; display: flex; position: relative;} .VVZ-referencia-form-products-title div {display: flex; gap: 15px; align-items: center; background: linear-gradient(90deg, rgb(255, 102, 0) 0%, rgb(255, 167, 91) 100%); background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone;} .VVZ-referencia-form-products-title div i {font-size: 32px;} .VVZ-referencia-form-products-title span {font-size: 28px; padding: 0px; margin: 0px; letter-spacing: 1px; font-weight: 600;} .VVZ-referencia-form-products-items {width: 100%; position: relative;} .VVZ-referencia-form-products-items-in {width: 100%; display: flex; gap: 20px 2%; flex-wrap: wrap; position: relative;} .VVZ-referencia-form-products-item {width: 32%; position: relative;} .VVZ-referencia-form-products-item-in {width: 100%; height: 270px; background: linear-gradient(0deg,rgb(247,247,247) 0%, rgb(252,252,252) 100%); border-radius: 30px; overflow: hidden; position: relative;} .VVZ-referencia-form-products-item:hover .VVZ-referencia-form-products-item-in {box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);} .VVZ-referencia-form-products-item-img {width: 100%; height: 88%; left: 0%; top: 0%; display: flex; mix-blend-mode: multiply; position: absolute; z-index: 1;} .VVZ-referencia-form-products-item-img img {width: 100%; height: 100%; mix-blend-mode: multiply; transition: all 0.3s !important; object-fit: contain; object-position: center;} .VVZ-referencia-form-products-item-data {width: 90%; left: 8%; bottom: 25px; position: absolute; z-index: 3;} .VVZ-referencia-form-products-item-data-title {display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .VVZ-referencia-form-products-item-data-title h3 {font-size: 17px; letter-spacing: 0.75px; margin: 0px; padding: 0px; color: rgb(80,80,80); font-weight: 700; text-wrap: balance;} .VVZ-referencia-form-products-item-actions {width: 100%; height: 100%; padding-top: 10px; left: 0%; top: 0%; display: flex; flex-direction: column; gap: 20px; justify-content: center; align-items: center; position: absolute; z-index: 9;} .VVZ-referencia-form-products-item-actions {opacity: 0; transform: scale(0); background: rgba(190,190,190, 0.75); backdrop-filter: blur(3px);} .VVZ-referencia-form-products-item:hover .VVZ-referencia-form-products-item-actions {padding-top: 0px; opacity: 1; transform: scale(1); transition: opacity 0.6s , padding 0.5s; transition-delay: 0.15s;} .VVZ-referencia-form-products-item-action {height: 40px; padding: 0px 10px; display: flex; gap: 8px; align-items: center; border-radius: 40px; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); cursor: pointer; position: relative;} .VVZ-referencia-form-products-item-action i {font-size: 22px; color: rgb(0, 0, 0);} .VVZ-referencia-form-products-item-action span {font-size: 14px; letter-spacing: 0.5px; font-weight: 500;} .vvz-ref-a-imgs {background: linear-gradient(20deg,rgb(179, 216, 255) 0%, rgb(238, 241, 242) 40%);} .vvz-ref-a-view {background: linear-gradient(20deg,rgb(255, 214, 179) 0%, rgb(242, 240, 238) 40%);} .vvz-ref-a-cart {background: linear-gradient(20deg,rgb(158, 255, 187) 0%, rgb(238, 242, 239) 40%);} .VVZ-referencia-form-products-item-action:hover {transform: scale(1.05);} .VVZ-referencia-form-side {width: 500px; flex-grow: 0; flex-shrink: 0; background: linear-gradient(55deg,rgb(240, 240, 240) 0%, rgb(250, 250, 250) 100%); border-radius: 30px; transform: translateY(-90px); outline: 2px dashed rgb(242, 242, 242); outline-offset: 8px; position: relative} .VVZ-referencia-form-side-in {padding: 16px; padding-bottom: 10px; position: relative;} .VVZ-referencia-form-side-inner {width: 100%; position: relative;} .VVZ-referencia-form-gallery {width: 100%; position: relative;} .VVZ-referencia-form-gallery-in {width: 100%; position: relative;} .VVZ-referencia-form-gallery-items {width: 100%; display: flex; gap: 15px 3%; flex-wrap: wrap; position: relative;} .VVZ-referencia-form-gallery-item {width: 48.5%; height: 190px; border-radius: 12px; overflow: hidden; position: relative;} .VVZ-referencia-form-gallery-item:last-child:nth-child(odd) {width: 100%;} .VVZ-referencia-form-gallery-item-img {width: 100%; height: 100%; left: 0%; top: 0%; display: flex; background: rgb(234, 234, 234); position: absolute; z-index: 1;} .VVZ-referencia-form-gallery-item-img img {width: 100%; height: 100%; object-fit: cover;} .VVZ-referencia-form-gallery-item:hover .VVZ-referencia-form-gallery-item-img {filter: brightness(80%);} .VVZ-referencia-form-gallery-item-products {width: 92%; left: 4%; bottom: 1%; opacity: 0; display: flex; flex-direction: column; gap: 6px; transform: scale(0); position: absolute; z-index: 22;} .VVZ-referencia-form-gallery-item-product {height: 32px; display: flex; gap: 4px; border-radius: 50px; overflow: hidden; align-items: center; background: linear-gradient(45deg,rgb(255, 217, 190) 0%, rgb(254, 254, 254) 100%);} .VVZ-referencia-form-gallery-item-product-img {width: 32px; height: 32px; background: rgb(242, 242, 242); border-radius: 50%; box-shadow: 0px 0px 0px 1px rgb(255, 133, 51); flex-shrink: 0; overflow: hidden; position: relative;} .VVZ-referencia-form-gallery-item-product-img img {width: 100%; height: 100%; object-fit: cover; transform: scale(1.2); mix-blend-mode: multiply;} .VVZ-referencia-form-gallery-item-product-title {} .VVZ-referencia-form-gallery-item-product-title div {display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .VVZ-referencia-form-gallery-item-product-title span {font-size: 12px; line-height: 13px; font-weight: 500; display: block;} .VVZ-referencia-form-gallery-item:hover .VVZ-referencia-form-gallery-item-products {bottom: 4%; opacity: 1; transform: scale(1); transition: opacity 0.6s , bottom 0.5s; transition-delay: 0.15s;} .VVZ-referencia-form-gallery-item-product:hover {filter: brightness(90%);} .VVZ-referencia-form-mapa {width: 100%; margin-top: 15px;} .VVZ-referencia-form-mapa-in {width: 100%; border-radius: 20px; overflow: hidden;} .VVZ-referencia-form-mapa iframe {width: 100%; height: 190px; border: none !important; position: relative; z-index: 1;} .VVZ-referencia-form-mapa-in-btn {height: 30px; padding: 0px 9px; left: 10px; bottom: 10px; display: flex; gap: 8px; align-items: center; background: rgb(255, 255, 255); border-radius: 4px; border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; position: absolute; z-index: 9; cursor: pointer;} .VVZ-referencia-form-mapa-in-btn i {font-size: 18px; color: var(--vvz-main);} .VVZ-referencia-form-mapa-in-btn span {font-size: 13px; letter-spacing: 0.5px; font-weight: 500;} .VVZ-referencia-form-mapa-in-btn:hover {filter: brightness(95%);} .VVZ-referencia-form-side-STICKY {position: sticky; top: 220px;} .VVZ-referencia-form-side-STICKY .VVZ-referencia-form-gallery {max-height: calc( 100vh - 190px ); max-height: calc( 100vh - 385px ); overflow: auto; border-radius: 18px;} /* VVZ UNI PRV / NEXT */ .VVZ-UNI-prev-next {width: 100%; display: flex; position: relative;} .VVZ-UNI-prev-next-in {width: 100%; padding: 15px 0px 5px; display: flex; position: relative;} .VVZ-UNI-prev-next-item {width: 50%; padding: 15px 0px; display: flex; align-items: center; flex-shrink: 0; flex-grow: 1; background: linear-gradient(45deg,rgb(242, 242, 242) 0%, rgb(255, 255, 255) 70%); border-radius: 50px; cursor: pointer; position: relative;} .VVZ-UNI-prev-next-item i {font-size: 24px; padding: 0px 10px 0px 18px; color: var(--vvz-main);} .VVZ-UNI-prev-next-item span {font-size: 17px; letter-spacing: 0.75px; font-weight: 500;} .VVZ-UNI-prev-next-item.flex-rtl {justify-content: end; background: linear-gradient(-45deg,rgb(242, 242, 242) 0%, rgb(255, 255, 255) 70%); text-align: right;} .VVZ-UNI-prev-next-item.flex-rtl i {padding: 0px 18px 0px 10px;} .VVZ-UNI-prev-next-item:hover {filter: brightness(97%);} /* UNI BREAD */ .VVZ-UNI-bread {width: 100%; display: flex; position: relative;} .VVZ-UNI-bread-in {display: flex; gap: 10px; align-items: center; position: relative;} .VVZ-UNI-bread-main {width: 24px; flex-shrink: 0; flex-grow: 0; position: relative; z-index: 9;} .VVZ-UNI-bread-main i {font-size: 18px;} .VVZ-UNI-bread-main a {width: 100%; height: 100%; left: 0%; top: 0%; bottom: 0%; position: absolute; z-index: 6;} .VVZ-UNI-bread-main:before {width: 100px; height: 100%; left: 100%; left: calc( 100% + 10px ); top: 0%; background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; content: ''; z-index: 9; transition: all 0.2s;} .VVZ-UNI-bread:hover .VVZ-UNI-bread-main:before {width: 0px;} .VVZ-UNI-bread-items {width: 70%; height: 50px; flex-grow: 1; overflow-x: scroll; scroll-snap-type: x mandatory; position: relative; scrollbar-width: none; z-index: 3;} .VVZ-UNI-bread-items::-webkit-scrollbar {visibility: hidden; scrollbar-width: none; opacity: 0;} .VVZ-UNI-bread-items:hover {scrollbar-width: initial;} .VVZ-UNI-bread-items:hover::-webkit-scrollbar {visibility: initial; scrollbar-width: none; opacity: 1;} .VVZ-UNI-bread-items-in {height: 50px; display: flex; gap: 20px; align-items: center;} .VVZ-UNI-bread-item {position: relative;} .VVZ-UNI-bread-item:before {font-size: 16px; left: -14px; top: 0px; color: rgb(255, 133, 51); position: absolute; content: '\2f'; --fa-family: var(--fa-family-sharp-duotone);} .VVZ-UNI-bread-item:first-child:before {display: none;} .VVZ-UNI-bread-item a {color: rgb(123, 123, 123); letter-spacing: 0.5px; white-space: nowrap;} .VVZ-UNI-bread-item a:hover {color: rgb(66,66,66);} .VVZ-UNI-bread-item:last-child {scroll-snap-align: end;} .VVZ-UNI-bread:hover .VVZ-UNI-bread-item:last-child {scroll-snap-align: unset;} /* HISTORY TREE */ .history-tree {width: 100%; margin: 80px auto; text-align: center; position: relative;} .history-tree-line {width: 4px; height: 100%; background: rgb(74, 96, 141); left: 0px; right: 0px; top: 0px; margin: auto; position: absolute;} .history-tree-items {width: 100%; display: table; position: relative;} .history-tree-item {width: 100%; padding: 0px 0px 50px; display: inline-block; position: relative;} .history-tree-item-dot {width: 22px; height: 22px; background: rgb(74, 96, 141); border: 7px solid white; top: -6px; left: 0px; right: 0px; position: absolute; margin: auto; border-radius: 50%;} .history-tree-item-form {width: 47%;} .history-tree-item-form-date {font-size: 18px; padding-bottom: 5px; color: rgb(74, 96, 141); font-weight: 900; width: 100%;} .history-tree-item-form-title {font-size: 18px; padding-bottom: 5px; font-weight: 600; width: 100%;} .history-tree-item-form-text {font-size: 16px; line-height: 22px; width: 100%; text-align: justify;} .history-tree-items:after {height: 18px; width: 18px; border: 5px solid white; background: silver; bottom: -15px; left: 0px; right: 0px; border-radius: 50%; content:""; position: absolute; margin: auto;} .h-t-left {} .h-t-left .history-tree-item-form {float: left;} .h-t-left .history-tree-item-form-date {text-align: right;} .h-t-left .history-tree-item-form-title {text-align: right;} .h-t-right {} .h-t-right .history-tree-item-form {float: right;} .h-t-right .history-tree-item-form-date {text-align: left;} .h-t-right .history-tree-item-form-title {text-align: left;} /* BOTTOM LOGOS */ .bottom-logos {width: 100%; margin: 60px auto 0px; display: inline-block; position: relative;} .bottom-logos-title {font-size: 22px; padding-bottom: 25px; color: rgb(92, 112, 153); width: 100%; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; text-align: center;} .bottom-logos-in {width: 100%; max-width: 1200px; display: inline-block; position: relative;} #swipe-logos {width: 100%; } .swipe-logos-item {height: 100px; width: 100%; margin: auto; display: block; position: relative;} .swipe-logos-item img {width: auto;height: auto; max-width: 60%; max-height: 100%;position: absolute;left: 0px;right: 0px;bottom: 0px;top: 0px;margin: auto;} .swipe-logos-item img {opacity: 0.5; filter: grayscale(10%); transition: all 0.5s;} .swipe-logos-item-title {font-size: 20px; font-weight: 600; max-width: 80%;} .swipe-logos-item a {width: 100%;height: 100%;display: block;position: absolute;left: 0px;top: 0px;} .swipe-logos-item:hover img {opacity: 1; filter: grayscale(0%);} /* BOTTOM RECENZIE */ .bottom-recenzie {width: 100%; margin: 60px auto 80px; display: inline-block; position: relative;} .bottom-recenzie-in {width: 96%; max-width: 1500px; margin: 0px auto; display: inline-block; position: relative;} .bottom-recenzie-in-title {width: 100%; margin: 0px auto 50px; display: flex; justify-content: center; position: relative;} .bottom-recenzie-in-title div {display: flex; background: linear-gradient(90deg, rgb(255, 102, 0) 0%, rgb(255, 167, 91) 100%); background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone;} .bottom-recenzie-in-title div span {font-size: 32px; letter-spacing: 1px; color: rgb(255, 102, 0); margin: 0px; padding: 0px; font-weight: 600;} .bottom-recenzie-in-title:before {width: 300px; height: 3px; top: 50px; left: 0px; right: 0px; border-bottom: 2px dashed rgb(227, 227, 227); margin: auto; position: absolute; content:'';} #recenzie-swipe .swiper-wrapper {align-items: center;} .VVZ-recenzia-slide {background: linear-gradient(45deg,rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); border-radius: 30px; position: relative;} .VVZ-recenzia-slide-in {padding: 20px 30px; text-align: left; position: relative;} .VVZ-recenzia-slide-in-top {display: flex; gap: 15px; align-items: center;} .VVZ-recenzia-slide-in-top-icon {} .VVZ-recenzia-slide-in-top-icon i {font-size: 40px; color: rgb(255, 166, 90);} .VVZ-recenzia-slide-in-top-data {} .VVZ-recenzia-slide-in-top-data-title {} .VVZ-recenzia-slide-in-top-data-title {font-size: 15px; padding-bottom: 5px; color: rgb(80,80,80); letter-spacing: 0.75px; font-weight: 500;} .VVZ-recenzia-slide-in-top-data-title span {font-size: 20px; font-weight: 600;} .VVZ-recenzia-slide-in-top-data-stars {display: flex; gap: 5px;} .VVZ-recenzia-slide-in-top-data-stars i {font-size: 17px; color: rgb(29, 149, 53);} .VVZ-recenzia-slide-in-text {font-size: 15px; line-height: 22px; padding-top: 15px; letter-spacing: 0.5px; font-weight: 300; font-style: italic;} .VVZ-recenzia-slide-in-text div {display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .VVZ-recenzia-slide a {width: 100%; height: 100%; left: 0px; top: 0px; display: block; position: absolute; z-index: 3;} .VVZ-recenzie-swipe-pagination {width: 100%; padding: 30px 0px; display: table; position: relative;} .VVZ-recenzie-swipe-pagination .swiper-pagination-bullet {width: 14px; height: 14px; margin: 4px; background: rgb(181, 181, 181);} .VVZ-recenzie-swipe-pagination .swiper-pagination-bullet-active {background: rgb(255, 133, 52);} .recenzie-page-items {} .recenzie-page-item {} .all-recenzia-slide-in {margin: 0px 0px 60px; text-align: left; position: relative;} .all-recenzia-slide-in-top {width: 100%; padding-bottom: 5px; display: table;} .all-recenzia-slide-in-title {font-size: 24px; padding-right: 20px; color: rgb(44, 44, 44); letter-spacing: 0.75px; font-weight: 600; float: left;} .all-recenzia-slide-in-title span {font-size: 20px; padding-left: 4px; font-weight: 300;} .all-recenzia-slide-in-stars {float: left;} .all-recenzia-slide-in-stars i {font-size: 13px; padding: 0px 2px; color: rgb(141, 198, 63);} .all-recenzia-slide-in-date {width: 100%; padding-top: 5px; opacity: 0.4; text-transform: lowercase; float: left;} .all-recenzia-slide-in-date i {color: rgb(255, 102, 0); padding-right: 6px;} .all-recenzia-slide-in-date span {font-size: 16px; letter-spacing: 1px;} .all-recenzia-slide-in-text {font-size: 17px; letter-spacing: 0.5px; font-weight: 300; font-style: italic;} .recenzia-hifhlight .all-recenzia-slide-in:before {left: -20px; top: -15px; right: -10px; bottom: -15px; background: rgba(141, 198, 63, 0.10); border-radius: 20px; position: absolute; content:'';} /* CART */ /* CART */ .CART_shadow {left: 0px; right: 0px; top: 0px; bottom: 0px; opacity: 0; transform: scale(0); background: rgb(0,0,0,0.9); cursor: pointer; position: fixed; z-index: 77;} .CART_shadow-active {opacity: 1; transform: scale(1); transition: opacity 0.3s; backdrop-filter: blur(4px);} .CART_main-frame {width: 0px; right: 0px; top: 130px; bottom: 0px; opacity: 0; background: rgb(255,255,255); border-top-left-radius: 30px; overflow: hidden; position: fixed; z-index: 88;} .CART_main-frame-active {width: 500px; opacity: 1; transition: all 0.5s;} .CART_main-frame-in {width: 100%; min-width: 300px; left: 0%; top: 0%; bottom: 0%; background: linear-gradient(0deg,rgb(234, 234, 234) 0%, rgb(255, 255, 255) 80%); position: absolute;} .CART_main-frame-in-TOP {width: 100%; left: 0%; top: 0%; display: flex; align-items: center; justify-content: center; position: absolute;} .CART_main-frame-in-TOP-in {width: 100%; height: 60px; display: flex; gap: 15px; align-items: center; justify-content: center; background: rgb(238, 238, 238); position: relative;} .CART_main-frame-in-TOP-in i {font-size: 32px; color: var(--vvz-main);} .CART_main-frame-in-TOP-in span {font-size: 19px; letter-spacing: 1px; opacity: 0.5; font-weight: 500; text-transform: uppercase;} .CART_main-frame-in-BOT {width: 100%; left: 0%; bottom: 0%; position: absolute;} .CART_main-frame-in-BOT-in {width: 100%; height: 70px; display: flex; align-items: center; justify-content: center; background: rgb(222,222,222); position: relative;} .CART_main-frame-in-BOT-close {width: 50%; height: 70px; display: flex; gap: 15px; align-items: center; justify-content: center; background: rgb(195,88,16); color:rgb(255,255,255); cursor: pointer; position: relative;} .CART_main-frame-in-BOT-close i {opacity: 0.5;} .CART_main-frame-in-BOT-close div {display: flex; gap: 3px; flex-direction: column;} .CART_main-frame-in-BOT-close div b {letter-spacing: 2px; font-weight: 500; text-transform: uppercase;} .CART_main-frame-in-BOT-close div span {font-size: 11px; letter-spacing: 2px; opacity: 0.5; font-weight: 400; text-transform: uppercase;} .CART_main-frame-in-BOT-btn {width: 50%; height: 70px; background: rgb(34, 206, 85); color:rgb(255,255,255); cursor: pointer; display: flex; gap: 15px; align-items: center; justify-content: center; position: relative;} .CART_main-frame-in-BOT-btn span {font-size: 19px; letter-spacing: 1px; font-weight: 600; text-transform: uppercase;} .CART_main-frame-in-BOT-btn i {font-size: 28px;} .CART_main-frame-in-BOT-btn a {width: 100%; height: 100%; left: 0%; top: 0%; display: block; position: absolute; z-index: 9;} .CART_main-frame-in-BOT-close:hover , .CART_main-frame-in-BOT-btn:hover {filter: brightness(115%);} .CART_main-frame-in-BOT-btn-DISABLED {pointer-events: none !important; filter: grayscale(100%) !important; color: rgb(183, 183, 183);} .CART_main-frame-in-BODY {width: 500px; left: 0%; top: 60px; bottom: 70px; position: absolute;} .CART_main-frame-in-BODY-in {width: 100%; height: 100%; left: 0%; right: 0%; top: 0%; bottom: 0%; margin: auto; overflow-y: auto; position: absolute; scrollbar-width: thin; overscroll-behavior: contain;} /* UNI CART ITEMS */ /* UNI CART ITEMS */ .UNI-CART-HERE {transition: all 0.3s; transition-delay: 0.3s;} .UNI-CART-loading {filter: blur(2px) grayscale(100%); opacity: 0.3; pointer-events: none; transition: all 0s; transition-delay: 0s; pointer-events: none !important;} .UNI-CART-LIST {padding: 15px 10px; display: flex; gap: 15px; flex-direction: column; position: relative;}} .UNI-CART-item {width: 100%; position: relative;} .UNI-CART-item-in {width: 100%; display: flex; gap: 15px; border-radius: 15px; overflow: hidden; background: rgb(244, 244, 244); position: relative;} .UNI-CART-item-in-image {width: 100px; min-height: 100px; flex-shrink: 0; flex-grow: 0; background: rgb(229,229,229); display: flex; align-items: center; justify-content: center; position: relative;} .UNI-CART-item-in-image img {width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply;} .UNI-CART-item-in-image i {font-size: 50px; color: var(--vvz-second);} .UNI-CART-item-in-data {width: 50%; display: flex; gap: 10px; justify-content: center; flex-direction: column; flex-shrink: 0; flex-grow: 1;} .UNI-CART-item-in-data-title {font-size: 18px; letter-spacing: 0.75px; color: rgb(33,33,33); font-weight: 600; text-align: left;} .UNI-CART-item-in-data-actions {display: flex; gap: 20px; align-items: center;} .UNI-CART-item-in-data-action {display: flex; gap: 5px; align-items: center;} .UNI-CART-item-in-data-action-quantity {} .UNI-CART-item-in-data-action-quantity input {width: 50px; height: 22px; padding: 0px; text-align: center;} .UNI-CART-item-in-data-action-quantity span {font-weight: 300;} .UNI-CART-item-in-data-action-delete {padding: 3px 5px 3px 4px; color: rgb(179, 19, 19); cursor: pointer;} .UNI-CART-item-in-data-action-delete i {font-size: 17px;} .UNI-CART-item-in-data-action-delete span {font-size: 11px; letter-spacing: 0.5px; font-weight: 500; text-transform: uppercase;} .UNI-CART-item-in-data-action-delete:hover {background: rgb(225,225,225)} .UNI-CART-isempty {width: 100%; left: 0%; top: 50%; transform: translateY(-50%); position: absolute;} .UNI-CART-isempty-in {display: flex; gap: 20px; justify-content: center; align-items: center; flex-direction: column; opacity: 0.4;} .UNI-CART-isempty-in i {font-size: 60px;} .UNI-CART-isempty-in span {font-size: 20px; letter-spacing: 2px; font-weight: 300;} /* QUEST */ /* QUEST */ .QUEST-PAGE {} .QUEST-PAGE-title {width: 100%; padding: 50px 0px 50px; position: relative;} .QUEST-PAGE-title-in {width: 100%; display: flex; gap: 20px; align-items: center; position: relative;} .QUEST-PAGE-title-in i {font-size: 50px; color: var(--vvz-second); transform: translateY(-5px);} .QUEST-PAGE-title-in h2 {font-size: 40px; padding: 0px; margin: 0px; letter-spacing: 1px; word-spacing: 3px; font-weight: 700;} .QUEST-PAGE-top-hint {width: 100%; margin: 0px auto 30px; background: rgb(233, 249, 233); border-radius: 10px; position: relative;} .QUEST-PAGE-top-hint-in {padding: 20px 30px; display: flex; gap: 40px; align-items: center; position: relative;} .QUEST-PAGE-top-hint-icon {padding-left: 10px;} .QUEST-PAGE-top-hint-icon i {font-size: 54px; color: rgb(50, 196, 141);} .QUEST-PAGE-top-hint-text {} .QUEST-PAGE-top-hint-text-in {font-size: 18px; line-height: 26px; letter-spacing: 1px;} .QUEST-PAGE-center-block {width: 100%; padding: 20px 0px 50px; display: flex; gap: 3%;} .QUEST-PAGE-ITEMS-out {width: 50%;} .QUEST-PAGE-ITEMS {min-height: 150px; padding: 20px; background: rgb(253, 253, 253); border-radius: 6px; background: linear-gradient(140deg,rgba(255,255,255,0.8) 0%, rgba(255, 102, 0, 0.14) 100%); box-shadow: 0px 0px 0px 1px rgba(255, 102, 0, 0.25); position: relative;} .QUEST-PAGE-ITEMS .UNI-CART-LIST {gap: 25px;} .QUEST-PAGE-ITEMS .UNI-CART-item {border-left: 6px solid var(--vvz-main); border-radius: 10px; overflow: hidden;} .QUEST-PAGE-ITEMS .UNI-CART-item-in {gap: 25px;} .QUEST-PAGE-ITEMS .UNI-CART-item-in-image {width: 125px; min-height: 125px;} .QUEST-PAGE-ITEMS .UNI-CART-item-in-data-title {font-size: 21px;} .dopyt-formulars-out {width: 47%;} .dopyt-formulars {width: 100%; display: flex; flex-wrap: wrap; gap: 2%;} .dopyt-formulars-group {width: 49%; flex-grow: 0;} .dopyt-formulars-group-full {width: 100%;} .dopyt-formulars-item {width: 100%; margin-bottom: 20px; position: relative;} .dopyt-formulars-item-req {} .dopyt-formulars-item-req::after {width: 4px; height: 4px; right: 14px; top: 23px; background: red; box-shadow: 0px 0px 0px 3px rgba(255, 0, 0, 0.1); position: absolute; content: '';} .dopyt-formulars-item-icon {width: 38px; left: 5px; top: 50%; transform: translateY(-50%); text-align: center; position: absolute; z-index: 3;} .dopyt-formulars-item-icon i {font-size: 22px; color: var(--vvz-main);} .dopyt-formulars-item input {width: 83%; height: 50px; font-size: 15px; padding: 0px 1% 0px 15%; border: 1px solid rgb(60, 60, 60); background: rgb(251, 251, 251); font-family: 'Montserrat', sans-serif; border-radius: 5px;} .dopyt-formulars-item select {font-size: 16px; width: 100%; height: 50px; padding: 0px 0% 0px 15%; font-family: 'Montserrat', sans-serif; background: rgb(251, 251, 251); box-shadow: inset 0px 0px 0px 1px rgb(60, 60, 60); border: none !important; cursor: pointer; border-radius: 5px;} .dopyt-formulars-item textarea {font-size: 15px; width: 96%; min-height: 100px; padding: 10px 2%; border: 1px solid rgb(155, 155, 155); background: rgb(251, 251, 251); font-family: 'Montserrat', sans-serif; border-radius: 5px;} .dopyt-formulars-reqs {width: 100%; margin: 15px auto 30px;} .dopyt-formulars-reqs input {accent-color: rgb(0, 170, 0);} .dopyt-formulars-reqs label {font-size: 13px; cursor: pointer;} .dopyt-formulars-reqs label a {color: rgb(241, 90, 41);} .dopyt-formulars-btn {width: 100%;} .dopyt-formulars-btn button {font-size: 20px; width: 50%; padding: 20px 0px; font-weight: 400; letter-spacing: 2px; background: rgb(34, 206, 85); color: rgb(255, 255, 255); border: none; text-transform: uppercase; font-family: 'Raleway', sans-serif; border-radius: 5px;} .dopyt-formulars-btn button:hover {opacity: 0.8; cursor: pointer; box-shadow: 0px 0px 0px 6px rgba(78, 215, 119, 0.25);} .dopyt-formulars-btn button:disabled {filter: grayscale(100%);} .dopyt-formulars-text {width: 100%; margin-top: 50px; font-size: 13px; line-height: 18px; letter-spacing: 0.5px; text-align: justify; text-align-last: center; opacity: 0.6;} .formular-end-thx {padding-top: 50px; width: 100%;} .formular-end-thx div {font-size: 19px; width: 100%; margin-bottom: 25px;} /* VVZ 2025 - PRODUCT DETAIL */ .VVZ-PRO-form {width: 100%; position: relative;} .VVZ-PRO-form-in {width: 100%; min-height: 100vh; position: relative;} .VVZ-PRO-form-top {width: 100%; padding: 0px 0px 0px; position: relative; z-index: 6;} .VVZ-PRO-form-top-in {width: 100%; display: flex; position: relative;} .VVZ-PRO-form-top-media {width: 50%; height: 750px; height: calc( 100vh - 190px); position: relative;} .VVZ-PRO-form-top-media-in {width: 50vw; right: 0px; top: -140px; bottom: 0px; position: absolute;} .VVZ-PRO-form-top-media-BG {width: 100%; height: 100%; left: 0%; right: 0%; top: 0%; bottom: 0%; border-bottom-right-radius: 150px; position: absolute; z-index: 1;} .VVZ-PRO-form-top-media-BG {background: linear-gradient(160deg,rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%);} .VVZ-PRO-form-top-media-MAIN {width: 100%; height: 100%; left: 0%; right: 0%; top: 0%; bottom: 0%; border-bottom-right-radius: 150px; overflow: hidden; position: absolute; z-index: 3;} .VVZ-PRO-form-top-media-MAIN-in {width: 100%; height: 100%; left: 0%; right: 0%; top: 0%; bottom: 0%; position: absolute; z-index: 3;} .VVZ-PRO-form-top-media-MAIN-TYPE {width: 100%; height: 100%; top: 0%; bottom: 0%; transition: all 0.3s; position: absolute; z-index: 3;} .VVZ-PRO-form-top-media-MAIN-ACTIVE {} .VVZ-PRO-form-top-media-MAIN-ACTIVE.VVZ-PRO-form-top-media-MAIN-3D {right: 0%;} .VVZ-PRO-form-top-media-MAIN-ACTIVE.VVZ-PRO-form-top-media-MAIN-GALL {left: 0%;} .VVZ-PRO-form-top-media-MAIN-3D {right: 100%;} .VVZ-PRO-form-top-media-MAIN-3D-in {width: 100%; left: 0%; right: 0%; top: 110px; bottom: 0%; position: absolute; z-index: 3;} .VVZ-PRO-form-top-media-MAIN-3D-in #VVZ-3D-MODEL {width: 100%; height: 100%; left: 0%; top: 0%; mix-blend-mode: multiply; position: absolute; z-index: 3;} .VVZ-PRO-form-top-media-MAIN-3D-in #VVZ-3D-MODEL {background: linear-gradient(160deg,rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%);} .VVZ-PRO-form-top-media-MAIN-3D-in #VVZ-3D-MODEL .poster {mix-blend-mode: multiply;} .VVZ-PRO-form-top-media-MAIN-3D-in #VVZ-3D-MODEL #VVZ-3D-MODEL-POSTER {mix-blend-mode: multiply;} .VVZ-PRO-form-top-media-MAIN-3D-in #VVZ-3D-MODEL #VVZ-3D-MODEL-POSTER img {width: 100%; height: 100%; left: 0%; top: 0%; mix-blend-mode: multiply; object-fit: contain; position: absolute; z-index: 3;} .VVZ-PRO-form-top-media-MAIN-3D-fullscreen {padding: 8px 10px; top: 15px; left: 10px; opacity: 0; display: flex; gap: 8px; align-items: center; border-radius: 8px; position: absolute; z-index: 9; cursor: pointer; user-select: none;} .VVZ-PRO-form-top-media-MAIN-3D-fullscreen i {font-size: 22px; color: var(--vvz-main);} .VVZ-PRO-form-top-media-MAIN-3D-fullscreen span {font-size: 11px; letter-spacing: 0.5px; text-transform: uppercase;} .VVZ-PRO-form-top-media-MAIN-3D-in #VVZ-3D-MODEL.VVZ-3D-MODEL-FULLSCREEN {background: linear-gradient(160deg,rgb(255, 255, 255) 50%, rgb(172, 172, 172) 100%) !important; mix-blend-mode: normal !important;} .VVZ-PRO-form-top-media-MAIN-3D-fullscreen:hover {background: rgba(222,222,222,0.5);} .VVZ-PRO-form-top-media-MAIN-3D-in:hover .VVZ-PRO-form-top-media-MAIN-3D-fullscreen {opacity: 1; transition: all 0.3s;} .VVZ-PRO-form-top-media-MAIN-GALL {left: 100%;} .VVZ-PRO-form-top-media-MAIN-GALL-in {width: 100%; height: 100%; top: 0%; bottom: 0%; overflow: hidden; position: absolute; z-index: 3;} #VVZ-PRO-main-SWIPER {width: 100%; height: 100%; top: 0%; bottom: 0%; background: linear-gradient(160deg,rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%); position: absolute; z-index: 3;} #VVZ-PRO-main-SWIPER .swiper-wrapper {mix-blend-mode: multiply;} #VVZ-PRO-main-SWIPER .swiper-slide {mix-blend-mode: multiply;} #VVZ-PRO-main-SWIPER .swiper-slide img {width: 100%; height: 100%; left: 0%; top: 0%; mix-blend-mode: multiply; object-fit: contain; position: absolute; z-index: 3;} #VVZ-PRO-main-SWIPER .swiper-slide a {width: 100%; height: 100%; left: 0%; top: 0%; bottom: 0%; position: absolute; z-index: 6;} #VVZ-PRO-main-SWIPER .VVZ-PRO-MAIN-GALL-CROP img {object-fit: cover;} .VVZ-PRO-form-top-media-CONTROL {width: 100%; height: 70px; left: 0%; right: 0%; bottom: -35px; position: absolute; z-index: 6; user-select: none;} .VVZ-PRO-form-top-media-CONTROL-in {width: 100%; display: flex; gap: 10px; justify-content: center; align-items: center; position: relative;} .VVZ-PRO-form-top-media-CONTROL-item {width: 70px; height: 70px; background: rgb(234, 234, 234); border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer;} .VVZ-PRO-form-top-media-CONTROL-item img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%; mix-blend-mode: multiply; object-fit: cover; z-index: 1;} .VVZ-PRO-form-top-media-CONTROL-item-icon {display: flex; flex-direction: column; justify-content: center; align-items: center;} .VVZ-PRO-form-top-media-CONTROL-item-icon i {font-size: 50px; color: rgb(66, 66, 66);} .VVZ-PRO-form-top-media-CONTROL-item-icon i:before {} .VVZ-PRO-form-top-media-CONTROL-item-icon i:after {color: rgb(255, 102, 0);} .VVZ-PRO-form-top-media-CONTROL-item-plus {position: absolute; z-index: 9;} .VVZ-PRO-form-top-media-CONTROL-item-plus i {font-size: 30px;} .VVZ-PRO-form-top-media-CONTROL-item-plus i:before {color: rgb(255, 255, 255); opacity: 1;} .VVZ-PRO-form-top-media-CONTROL-item-plus i:after {color: rgb(255, 255, 255); opacity: 1;} .VVZ-PRO-form-top-media-CONTROL-item-3D {} .VVZ-PRO-form-top-media-CONTROL-item-ACTIVE {background: linear-gradient(140deg,rgb(234, 234, 234) 30%, rgb(255, 173, 118) 100%); box-shadow: 3px 4px 0px 0px rgb(255, 102, 0); transition: all 0.2s;} .VVZ-PRO-form-top-data {width: 50%; display: flex; position: relative;} .VVZ-PRO-form-top-data-in {width: 100%; width: calc( 100% - 50px ); padding: 30px 0px 0px 50px;} .VVZ-PRO-form-top-data-in-bread {width: 100%; position: relative;} .VVZ-PRO-form-top-data-in-bread-in {display: flex; gap: 10px; align-items: center; position: relative;} .VVZ-PRO-form-top-data-in-bread-main {width: 24px; flex-shrink: 0; flex-grow: 0; position: relative; z-index: 9;} .VVZ-PRO-form-top-data-in-bread-main i {font-size: 18px;} .VVZ-PRO-form-top-data-in-bread-main a {width: 100%; height: 100%; left: 0%; top: 0%; bottom: 0%; position: absolute; z-index: 6;} .VVZ-PRO-form-top-data-in-bread-main:before {width: 100px; height: 100%; left: 100%; left: calc( 100% + 10px ); top: 0%; background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; content: ''; z-index: 9; transition: all 0.2s;} .VVZ-PRO-form-top-data-in-bread:hover .VVZ-PRO-form-top-data-in-bread-main:before {width: 0px;} .VVZ-PRO-form-top-data-in-bread-items {width: 70%; height: 50px; flex-grow: 1; overflow-x: scroll; scroll-snap-type: x mandatory; position: relative; scrollbar-width: none; z-index: 3;} .VVZ-PRO-form-top-data-in-bread-items::-webkit-scrollbar {visibility: hidden; scrollbar-width: none; opacity: 0;} .VVZ-PRO-form-top-data-in-bread-items:hover {scrollbar-width: initial;} .VVZ-PRO-form-top-data-in-bread-items:hover::-webkit-scrollbar {visibility: initial; scrollbar-width: none; opacity: 1;} .VVZ-PRO-form-top-data-in-bread-items-in {height: 50px; display: flex; gap: 20px; align-items: center;} .VVZ-PRO-form-top-data-in-bread-item {position: relative;} .VVZ-PRO-form-top-data-in-bread-item:before {font-size: 16px; left: -14px; top: 0px; color: rgb(255, 133, 51); position: absolute; content: '\2f'; --fa-family: var(--fa-family-sharp-duotone);} .VVZ-PRO-form-top-data-in-bread-item:first-child:before {display: none;} .VVZ-PRO-form-top-data-in-bread-item a {color: rgb(123, 123, 123); letter-spacing: 0.5px; white-space: nowrap;} .VVZ-PRO-form-top-data-in-bread-item a:hover {color: rgb(66,66,66);} .VVZ-PRO-form-top-data-in-bread-item:last-child {scroll-snap-align: end;} .VVZ-PRO-form-top-data-in-bread:hover .VVZ-PRO-form-top-data-in-bread-item:last-child {scroll-snap-align: unset;} .VVZ-PRO-form-top-data-in-title {padding: 45px 0px 25px; display: flex;} .VVZ-PRO-form-top-data-in-title div {display: flex; background: linear-gradient(90deg, rgb(255, 102, 0) 0%, rgb(255, 167, 91) 100%); background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone;} .VVZ-PRO-form-top-data-in-title div h2 {font-size: 40px; color: rgb(255, 102, 0); margin: 0px; padding: 0px;} .VVZ-PRO-form-top-data-in-desc {width: 100%; cursor: pointer; user-select: none; position: relative;} .VVZ-PRO-form-top-data-in-desc-in {font-size: 17px; line-height: 22px; color: rgb(123,123,123); letter-spacing: 0.5px; font-weight: 300; text-align: justify;} .VVZ-PRO-form-top-data-in-desc-in {display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .VVZ-PRO-form-top-data-in-desc-more {padding: 10px 0px 0px; display: flex; justify-content: start;} .VVZ-PRO-form-top-data-in-desc-more div {display: flex; gap: 5px; justify-content: start; } .VVZ-PRO-form-top-data-in-desc-more div span {font-size: 13px; letter-spacing: 0.5px; font-weight: 500; color: rgb(123, 123, 123); text-decoration: underline;} .VVZ-PRO-form-top-data-in-desc-more div i {font-size: 14px; color: var(--vvz-main);} .VVZ-PRO-form-CART {width: 100%; height: 90px; margin-top: 50px; background: rgb(34, 206, 85); color: rgb(255,255,255); position: relative; border-top-right-radius: 30px; border-bottom-right-radius: 30px; outline: 2px solid rgb(255, 255, 255);} .VVZ-PRO-form-CART {display: flex; gap: 30px; align-items: center; background: linear-gradient(80deg,rgba(6, 161, 60, 0.8) 80px, rgba(29, 200, 63, 0.8) 20%, rgb(67, 185, 130) 100%); box-shadow: 0px 6px 20px -10px rgb(34, 206, 85); overflow: hidden; cursor: pointer; transition: all 0.5s;} .VVZ-PRO-form-CART:hover {box-shadow: 0px 0px 25px -0px rgb(34, 206, 85);} .VVZ-PRO-form-CART-icon {width: 110px; height: 58px; border-right: 2px dashed rgba(255, 255, 255, 0.7); display: flex; align-items: center; justify-content: center;} .VVZ-PRO-form-CART-icon i {font-size: 44px;} .VVZ-PRO-form-CART-data {display: flex; gap: 8px; flex-direction: column; text-align: left;} .VVZ-PRO-form-CART-title {font-size: 26px; letter-spacing: 1px; word-spacing: 2px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .VVZ-PRO-form-CART-subtitle {font-size: 16px; letter-spacing: 1.5px; word-spacing: 1px; opacity: 0.8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .web_lang_de .VVZ-PRO-form-CART {gap: 25px;} .web_lang_de .VVZ-PRO-form-CART-title {font-size: 22px; letter-spacing: 0.5px; word-spacing: 1px;} .VVZ-PRO-form-top-data-in-variants {width: 100%; padding: 60px 0px 0px; position: relative;} .VVZ-PRO-form-top-data-in-variants-in {width: 100%; position: relative;} .VVZ-PRO-form-top-data-in-variants-title {padding: 0px 0px 20px; display: flex; align-items: center; gap: 8px;} .VVZ-PRO-form-top-data-in-variants-title i {font-size: 22px; color: var(--vvz-main);} .VVZ-PRO-form-top-data-in-variants-title span {font-size: 14px; letter-spacing: 0.5px; color: rgb(99,99,99); font-weight: 300;} .VVZ-PRO-form-top-data-in-variants-items {display: flex; gap: 20px; position: relative;} .VVZ-PRO-form-top-data-in-variants-item {position: relative;} .VVZ-PRO-form-top-data-in-variants-item-color {width: 60px; height: 60px; border-radius: 50%; box-shadow: 0px 0px 0px 5px rgb(244, 244, 244); transform: rotate(36deg);} .VVZ-PRO-form-top-data-in-variants-item-title {padding: 8px 14px; left: 50%; top: 110%; opacity: 0; background: rgb(240, 240, 240); border-radius: 8px; transform: translateX(-50%); pointer-events: none; position: absolute;} .VVZ-PRO-form-top-data-in-variants-item-title span {font-size: 13px; line-height: 16px; letter-spacing: 1px; font-weight: 300; display: inline-block; white-space: nowrap;} .VVZ-PRO-form-top-data-in-variants-item:hover .VVZ-PRO-form-top-data-in-variants-item-title {top: 115%; opacity: 1; transition: all 0.3s;} .VVZ-PRO-form-top-data-in-variants-item-INFO {background: rgb(246, 246, 246); display: flex; align-items: center; border-radius: 30px; border-right: 1px solid rgb(229, 229, 229); position: relative; cursor: help; user-select: none;} .VVZ-PRO-form-top-data-in-variants-item-INFO-icon {width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(140deg,rgba(244, 244, 244, 0) 30%, rgba(255, 173, 118, 0.5) 100%); box-shadow: 0px 0px 0px 5px rgb(244, 244, 244); display: flex; justify-content: center; align-items: center;} .VVZ-PRO-form-top-data-in-variants-item-INFO-icon i {font-size: 32px;} .VVZ-PRO-form-top-data-in-variants-item-INFO-icon i:before {color: rgb(215, 89, 0);} .VVZ-PRO-form-top-data-in-variants-item-INFO-icon i:after {color: rgb(255, 111, 15); opacity: 0.5;} .VVZ-PRO-form-top-data-in-variants-item-INFO-data {} .VVZ-PRO-form-top-data-in-variants-item-INFO-data-title {padding: 0px 12px 0px 10px; font-size: 12px; line-height: 17px; letter-spacing: 0.5px; word-spacing: 0.5px; font-weight: 500; text-wrap: balance;} .VVZ-PRO-form-top-data-in-variants-item-INFO-MORE {left: -18px; top: 122%; background: rgb(244, 244, 244); border-radius: 20px; outline: 2px dashed rgb(240, 240, 240); outline-offset: 5px; box-shadow: 5px 28px 20px -15px rgba(0, 0, 0, 0.15); opacity: 0; transform: scale(0); position: absolute;} .VVZ-PRO-form-top-data-in-variants-item-INFO-MORE-in {width: 270px; padding: 18px;} .VVZ-PRO-form-top-data-in-variants-item-INFO-MORE-in-top {font-size: 13px; line-height: 17px; padding-top: 15px; letter-spacing: 0.9px; text-align: justify;} .VVZ-PRO-form-top-data-in-variants-item-INFO-MORE-in-colors {display: flex; flex-wrap: wrap; border-radius: 12px; overflow: hidden;} .VVZ-PRO-form-top-data-in-variants-item-INFO-MORE-in-color {width: 14.27%; height: 40px;} .VVZ-PRO-form-top-data-in-variants-item-INFO:hover .VVZ-PRO-form-top-data-in-variants-item-INFO-MORE {top: 130%; opacity: 1; transform: scale(1); transition: opacity 0.3s , top 0.2s;} .VVZ-PRO-form-svg-line {width: 100%; height: 190px; margin-top: -30px; position: relative; z-index: 1;} .VVZ-PRO-form-svg-line-in {width: 90vw; height: 100%; left: -100%; right: -100%; top: 0%; margin: auto; opacity: 0.6; position: absolute;} .VVZ-PRO-form-svg-line-in svg {width: 100%; height: 100%; left: 0%; right: 0%; top: 0%; position: absolute;} .VVZ-PRO-form-mid {width: 100%; position: relative;} .VVZ-PRO-form-mid-in {width: 100%; padding: 30px 0px; display: flex; gap: 50px; flex-direction: row-reverse; align-items: start; position: relative;} .VVZ-PRO-form-mid-PARAMS {width: 550px; background: linear-gradient(45deg,rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); flex-shrink: 0; flex-grow: 0; border-radius: 50px; overflow: hidden; position: relative;} .VVZ-PRO-form-mid-PARAMS-in {max-height: 1999px; padding: 10px 40px; display: flex; gap: 0px; flex-direction: column; transition: all 1.5s; position: relative;} .VVZ-PRO-form-mid-PARAMS-in-LIMITED {max-height: 550px;} .VVZ-PRO-form-mid-PARAMS-item {width: 100%; padding: 23px 0px; display: flex; align-items: center; border-bottom: 2px dashed rgb(227, 227, 227); position: relative;} .VVZ-PRO-form-mid-PARAMS-item:last-child {border-bottom: none;} .VVZ-PRO-form-mid-PARAMS-item-title {width: 60%; flex-grow: 0; display: flex; gap: 15px; align-items: center;} .VVZ-PRO-form-mid-PARAMS-item-title i {width: 60px; font-size: 46px; color: var(--vvz-main); text-align: center; flex-shrink: 0;} .VVZ-PRO-form-mid-PARAMS-item-title i:before {color: rgb(215, 89, 0);} .VVZ-PRO-form-mid-PARAMS-item-title i:after {color: rgb(255, 111, 15); opacity: 0.5;} .VVZ-PRO-form-mid-PARAMS-item-title span {letter-spacing: 0.5px;} .VVZ-PRO-form-mid-PARAMS-item-data {font-size: 15px; word-spacing: 2px; font-weight: 300; flex-grow: 1; text-align: right; font-family: 'Montserrat', sans-serif;} .VVZ-PRO-form-mid-PARAMS-item-data b {font-size: 19px; font-weight: 700;} .VVZ-PRO-form-mid-PARAMS-item-datas {font-size: 14px; letter-spacing: 0.5px; word-spacing: 2px; font-weight: 300; flex-grow: 1; display: flex; gap: 5px; flex-direction: column; text-align: right; font-family: 'Montserrat', sans-serif;} .VVZ-PRO-form-mid-PARAMS-item-datas b {font-size: 16px; font-weight: 700;} .VVZ-PRO-form-mid-PARAMS-item-datas sup {font-size: 9px;} .VVZ-PRO-form-mid-PARAMS-in-MORE {width: 100%; left: 0%; bottom: 0%; background: linear-gradient(90deg,rgb(242, 242, 242) 0%, rgb(249, 249, 249) 100%); box-shadow: 0px 0px 50px 30px rgb(243, 243, 243); display: flex; justify-content: center; position: absolute; cursor: pointer; user-select: none;} .VVZ-PRO-form-mid-PARAMS-in-MORE div {padding: 25px 0px 25px; margin: 0px 40px; border-top: 2px dashed rgb(227, 227, 227); flex-grow: 1; display: flex; gap: 10px; justify-content: center; align-items: center;} .VVZ-PRO-form-mid-PARAMS-in-MORE div i {font-size: 26px; color: rgb(40, 192, 84);} .VVZ-PRO-form-mid-PARAMS-in-MORE div span {font-size: 15px; letter-spacing: 1px; word-spacing: 1px; font-weight: 600; text-transform: uppercase;} .VVZ-PRO-form-mid-PARAMS-in-MORE:hover {background: rgb(232, 232, 232);} .VVZ-PRO-form-mid-TEXT {width: 30%; flex-grow: 1; position: relative;} .VVZ-PRO-form-mid-TEXT-in {} .VVZ-PRO-form-mid-TEXT-in-DESC {font-size: 18px; line-height: 28px; letter-spacing: 0.75px;} .VVZ-PRO-form-mid-TEXT-in-DESC ul {padding: 0px 0px 0px 20px; text-align: left;} .VVZ-PRO-form-mid-TEXT-in-DESC ul li {padding: 5px 0px; line-height: 22px;} .VVZ-PRO-form-mid-TEXT-in-DESC ul li::marker {color: var(--vvz-main);} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD {width: 100%; position: relative;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-title {padding: 50px 0px 20px; display: flex; gap: 15px; align-items: center;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-title i {} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-title span {font-size: 14px; letter-spacing: 0.75px; word-spacing: 0.75px; font-weight: 500; opacity: 0.3;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-items {display: flex; gap: 35px 35px; flex-wrap: wrap;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item {min-width: 25%; display: flex; gap: 12px; align-items: center; position: relative;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item:hover:before {left: -6px; right: -9px; top: -6px; bottom: -6px; background: rgb(242, 242, 242); border-radius: 10px; position: absolute; content: ''; z-index: -1;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-locked {pointer-events: none;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-locked .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-img {opacity: 0.3;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-locked .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-data {opacity: 0.4;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-img {display: flex; position: relative; z-index: 3;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-img i {font-size: 40px; color: var(--vvz-main);} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-img img {width: 42px; height: 42px; object-fit: cover; border: 2px solid rgb(255, 133, 53); border-radius: 10px; filter: contrast(95%);} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-data {position: relative; z-index: 3;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-data-main {font-size: 17px; letter-spacing: 0.5px; font-weight: 500;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-data-sub {font-size: 11px; letter-spacing: 0.5px; opacity: 0.75;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-lock {left: -8px; top: -12px; position: absolute; z-index: 9; pointer-events: none;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item-lock i {font-size: 22px; color: rgb(255, 0, 0); text-shadow: 0px 0px 4px rgb(255, 255, 255);} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-item a {width: 100%; height: 100%; left: 0%; top: 0%; bottom: 0%; position: absolute; z-index: 6;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-ALERT {width: 100%; padding: 30px 0px 0px; display: flex; flex-direction: column; gap: 12px; position: relative;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-ALERT-item {padding-left: 10px; display: flex; gap: 10px; position: relative;} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-ALERT-item i {color: rgb(236, 48, 48);} .VVZ-PRO-form-mid-TEXT-in-DOWNLOAD-ALERT-item span {font-size: 15px; letter-spacing: 0.75px; word-spacing: 0.5px;} .VVZ-PRO-form-KAT {width: 100%; position: relative;} .VVZ-PRO-form-KAT-in {width: 100%; padding: 100px 0px 30px; overflow: hidden; position: relative;} .VVZ-PRO-form-KAT-in .swiper {width: 100%; position: relative;} .VVZ-PRO-form-KAT-item {width: 100%; display: flex; gap: 5px; align-items: center; overflow: hidden; position: relative;} .VVZ-PRO-form-KAT-item-img {width: 100px; height: 100px; flex-shrink: 0; flex-grow: 0; position: relative;} .VVZ-PRO-form-KAT-item-img:before {width: 80px; height: 80px; left: 5px; top: 5px; background: linear-gradient(-45deg,rgb(221, 221, 221) 0%, rgb(255, 255, 255) 100%); border-radius: 50%; position: absolute; content: ''; z-index: 1;} .VVZ-PRO-form-KAT-item-img img {width: 100%; height: 100%; transform: scale(1.1); object-fit: contain; object-position: right center; position: relative; z-index: 3;} .VVZ-PRO-form-KAT-item-ACTIVE .VVZ-PRO-form-KAT-item-img:before {background: linear-gradient(-45deg,rgb(246, 200, 169) 0%, rgb(255, 255, 255) 100%);} .VVZ-PRO-form-KAT-item-data {width: 50%; flex-grow: 1;} .VVZ-PRO-form-KAT-item-data div {font-size: 15px; letter-spacing: 0.5px; color: rgb(80,80,80); font-weight: 700; text-wrap: balance;} .VVZ-PRO-form-KAT-item-data div {display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .VVZ-SWIPE-UNIPAGI {width: 100%; padding: 20px 0px 0px; display: flex; justify-content: center; position: relative;} .VVZ-SWIPE-UNIPAGI-in {display: flex; gap: 10px; justify-content: center; position: relative;} .VVZ-SWIPE-UNIPAGI-in .swiper-pagination-bullet {width: 13px; height: 13px; background: rgb(234, 234, 234); opacity: 1;} .VVZ-SWIPE-UNIPAGI-in .swiper-pagination-bullet-active {background: rgb(255, 102, 0); background: linear-gradient(140deg,rgb(255, 239, 224) 30%, rgb(249, 132, 48) 100%); transform: scale(1.2);} .VVZ-PRO-form-REL {width: 100%; position: relative;} .VVZ-PRO-form-REL-in {width: 100%; padding: 10px 0px 80px; position: relative;} .VVZ-PRO-form-REL-top {display: flex; justify-content: end;} .VVZ-PRO-form-REL-top-in {width: 550px; display: flex; justify-content: space-between; align-items: center; user-select: none;} .VVZ-PRO-form-REL-top-btn {padding: 20px 30px; cursor: pointer;} .VVZ-PRO-form-REL-top-btn i {font-size: 28px;} .VVZ-PRO-form-REL-top-btn:hover i {color: var(--vvz-main); transform: scale(1.2);} .VVZ-PRO-form-REL-top-btn:active i {transform: scale(1.35);} .VVZ-PRO-form-REL-top-btn.swiper-button-disabled {opacity: 0.25; pointer-events: none;} .VVZ-PRO-form-REL-top-title {display: flex; background: linear-gradient(90deg, rgb(255, 102, 0) 0%, rgb(255, 167, 91) 100%); background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone;} .VVZ-PRO-form-REL-top-title span {font-size: 20px; letter-spacing: 1px; font-weight: 500; color: var(--vvz-main);} .VVZ-PRO-form-REL-item {width: 100%; margin: 0% auto; position: relative; border-radius: 30px; transition: all 0.5s; overflow: hidden;} .VVZ-PRO-form-REL-item:hover {box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);} .VVZ-PRO-form-REL-item-img {width: 99%; height: 250px; margin: 1px auto; background: linear-gradient(0deg,rgb(247, 247, 247) 0%, rgb(255, 255, 255) 100%); border-radius: 30px; overflow: hidden; position: relative; z-index: 3;} .VVZ-PRO-form-REL-item-img img {width: 99%; height: 85%; left: 0%; top: 0%; right: 0%; opacity: 0; margin: auto; position: absolute; mix-blend-mode: multiply; transition: all 0.3s !important; object-fit: contain; object-position: center bottom;} .VVZ-PRO-form-REL-item-img img:nth-child(2) {opacity: 0; transition: all 0.3s;} .VVZ-PRO-form-REL-item:hover .small-pro-img-count-2 img:nth-child(1) {opacity: 0 !important;} .VVZ-PRO-form-REL-item:hover .small-pro-img-count-2 img:nth-child(2) {opacity: 1 !important;} .VVZ-PRO-form-REL-item-info {width: 80%; left: 10%; bottom: 5%; position: absolute; z-index: 6;} .VVZ-PRO-form-REL-item-info-title {font-size: 15px; letter-spacing: 0.5px; color: rgb(80,80,80); font-weight: 700; text-wrap: balance;} .VVZ-PRO-form-REL-item-info-title {display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .VVZ-PRO-form-REL-item a {width: 100%; height: 100%; left: 0px; top: 0px; display: block; position: absolute; z-index: 9;} .VVZ-PRO-form-REL-item .katalog-lite-small-product-clicker {transform: scale(0.8) translateX(-60%); } .VVZ-PRO-form-REL-item:hover .katalog-lite-small-product-clicker {opacity: 1; transition: all 0.6s; transition-delay: 0.4s;} .VVZ-PRO-form-MAT {width: 100%; position: relative;} .VVZ-PRO-form-MAT-in {width: 100%; display: flex; flex-direction: column; gap: 30px; position: relative;} .VVZ-PRO-form-MAT-item {display: flex; gap: 0px; user-select: none;} .VVZ-PRO-form-MAT-item-img {width: 550px; flex-grow: 0; flex-shrink: 0; position: relative; z-index: 3;} .VVZ-PRO-form-MAT-item-img div {width: 100%; height: 100%; left: 0%; top: 0%; border-radius: 30px; background: whitesmoke; overflow: hidden; position: absolute;} .VVZ-PRO-form-MAT-item-img img {width: 100%; height: 100%; object-fit: cover; object-position: right center;} .VVZ-PRO-form-MAT-item-data {margin: 65px 0px; flex-grow: 1; display: flex; position: relative; z-index: 6;} .VVZ-PRO-form-MAT-item-data-in {padding: 0px 40px; position: relative;} .VVZ-PRO-form-MAT-item-data-in:before {width: 105%; right: 12px; top: -25px; bottom: -25px; background: linear-gradient(200deg,rgb(242, 242, 242) 0%, rgba(255, 255, 255, 0.8) 100%); border-radius: 30px; backdrop-filter: blur(7px); position: absolute; content: ''; z-index: -1;} .VVZ-PRO-form-MAT-item-data-in:before {outline: 2px dashed rgb(240, 240, 240); outline-offset: 10px;} .VVZ-PRO-form-MAT-item-data-title {display: flex;} .VVZ-PRO-form-MAT-item-data-title div {display: flex; background: linear-gradient(90deg, rgb(255, 102, 0) 0%, rgb(255, 167, 91) 100%); background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone;} .VVZ-PRO-form-MAT-item-data-title div h4 {font-size: 30px; letter-spacing: 0.5px; color: rgb(255, 102, 0); margin: 0px; padding: 0px; font-weight: 600;} .VVZ-PRO-form-MAT-item-data-text {} .VVZ-PRO-form-MAT-item-data-text div {font-size: 17px; line-height: 26px; letter-spacing: 0.5px; text-align: justify;} .VVZ-PRO-form-MAT-item-data-more {padding-top: 8px; display: flex; gap: 10px; align-items: center;} .VVZ-PRO-form-MAT-item-data-more i {color: var(--vvz-main);} .VVZ-PRO-form-MAT-item-data-more span {font-size: 14px; letter-spacing: 1px; word-spacing: 3px; opacity: 0.8; color: var(--vvz-main); font-weight: 500;} .VVZ-PRO-form-MAT-item-REVERSE {flex-direction: row-reverse;} .VVZ-PRO-form-MAT-item-REVERSE .VVZ-PRO-form-MAT-item-img img {width: 100%; height: 100%; object-fit: cover; object-position: left center;} .VVZ-PRO-form-MAT-item-REVERSE .VVZ-PRO-form-MAT-item-data-in:before {width: 105%; left: 12px; right: auto; top: -25px; bottom: -25px; background: linear-gradient(20deg,rgb(242, 242, 242) 0%, rgba(255, 255, 255, 0.8) 100%);} .VVZ-PRO-form-MAT-item-REVERSE .VVZ-PRO-form-MAT-item-data-title {justify-content: end;} .VVZ-PRO-form-MAT-item-REVERSE .VVZ-PRO-form-MAT-item-data-text {text-align-last: right;} .VVZ-PRO-form-MAT-item-REVERSE .VVZ-PRO-form-MAT-item-data-more {flex-direction: row-reverse;} .VVZ-PRO-form-MAT-item-LONG {cursor: pointer;} .VVZ-PRO-form-MAT-item-LONG .VVZ-PRO-form-MAT-item-data-text div {display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .VVZ-PRO-form-FAQ {width: 100%; padding: 130px 0px 0; position: relative;} .VVZ-PRO-form-FAQ-in {width: 100%; background: linear-gradient(25deg,rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); display: flex; gap: 0px; border-radius: 30px; position: relative;} .VVZ-PRO-form-FAQ-img {width: 550px; flex-shrink: 0; flex-grow: 0; position: relative;} .VVZ-PRO-form-FAQ-img-in {width: 105%; right: 0%; top: -100px; bottom: 0%; opacity: 0.9; overflow: hidden; position: absolute;} .VVZ-PRO-form-FAQ-img-in img {width: 230%; left: -70%; top: -60px; position: absolute;} .VVZ-PRO-form-FAQ-data {padding: 30px 30px 20px;} .VVZ-PRO-form-FAQ-data-title {padding: 0px 0px 20px;} .VVZ-PRO-form-FAQ-data-title div {display: flex; gap: 15px; align-items: center; background: linear-gradient(90deg, rgb(255, 102, 0) 0%, rgb(255, 167, 91) 100%); background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone;} .VVZ-PRO-form-FAQ-data-title div i {font-size: 40px;} .VVZ-PRO-form-FAQ-data-title div span {font-size: 30px; letter-spacing: 1px; color: rgb(255, 102, 0); margin: 0px; padding: 0px; font-weight: 600;} .VVZ-PRO-form-FAQ-data-items {padding: 0px 0px 0px 10px;} .VVZ-PRO-form-FAQ-data-item {padding: 12px 0px; border-bottom: 2px dashed rgb(227, 227, 227); cursor: pointer;} .VVZ-PRO-form-FAQ-data-item:last-child {border-bottom: none;} .VVZ-PRO-form-FAQ-data-item-title {display: flex; gap: 15px; align-items: center;} .VVZ-PRO-form-FAQ-data-item-title i {font-size: 22px; color: var(--vvz-main);} .VVZ-PRO-form-FAQ-data-item-title span {font-size: 19px; letter-spacing: 1px; word-spacing: 1px; font-weight: 600;} .VVZ-PRO-form-FAQ-data-item-text {max-height: 0px; font-size: 17px; line-height: 22px; letter-spacing: 0.5px; opacity: 0; overflow: hidden;} .VVZ-PRO-form-FAQ-data-item-text a {color: color: var(--vvz-main); font-weight: 600; text-decoration: underline;} .VVZ-PRO-form-FAQ-data-item-ACTIVE .VVZ-PRO-form-FAQ-data-item-text {max-height: 666px; opacity: 1; transition: all 0.8s;} /* PRODUCT from WORKS */ .VVZ-PRO-form-MY-WORKS {width: 100%; position: relative;} .VVZ-PRO-form-MY-WORKS-in {width: 100%; padding-top: 25px; position: relative;} .VVZ-PRO-form-MY-WORKS-items {display: flex; gap: 10px; position: relative;} .VVZ-PRO-form-MY-WORKS-title {width: 100%; padding-bottom: 15px; display: flex; gap: 10px; align-items: center; position: relative;} .VVZ-PRO-form-MY-WORKS-title i {font-size: 26px; margin-top: -4px; color: var(--vvz-main);} .VVZ-PRO-form-MY-WORKS-title span {letter-spacing: 0.5px; font-weight: 500;} .VVZ-PRO-form-MY-WORKS-item {width: 80px; height: 80px; display: flex; overflow: hidden; border-radius: 10px; position: relative;} .VVZ-PRO-form-MY-WORKS-item img {width: 100%; height: 100%; object-fit: cover; z-index: 1;} .VVZ-PRO-form-MY-WORKS-item a {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; z-index: 9;} /* PRODUCT FLOAT */ .VVZ-PRO-form-FLOAT {width: 100%; height: 0px; left: 0%; bottom: 0%; position: fixed; z-index: 33;} .VVZ-PRO-form-FLOAT-in {width: 98%; height: 0px; max-width: 1500px; left: 0%; right: 0%; bottom: 0%; margin: auto; transition: all 0.2s; overflow: hidden; position: absolute;} .VVZ-PRO-form-FLOAT-inner {width: 100%; height: 60px; display: flex; justify-content: space-between; background: linear-gradient(45deg,rgb(253, 248, 246) 20%, rgba(253, 233, 219, 0.95) 80%); backdrop-filter: blur(3px); border-top-left-radius: 14px; border-top-right-radius: 14px; border-top: 1px solid rgb(220, 220, 220); overflow: hidden; position: relative;} .VVZ-PRO-form-FLOAT-ACTIVE .VVZ-PRO-form-FLOAT-in {height: 60px; transition: all 0.4s;} .VVZ-PRO-form-FLOAT-main {display: flex; gap: 15px; align-items: center; cursor: pointer; user-select: none;} .VVZ-PRO-form-FLOAT-main-img {width: 84px; height: 60px; background: rgba(0, 0, 0, 0.05); flex-grow: 0; flex-shrink: 0;} .VVZ-PRO-form-FLOAT-main-img img {width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply;} .VVZ-PRO-form-FLOAT-main-title {} .VVZ-PRO-form-FLOAT-main-title span {font-size: 19px; letter-spacing: 0.75px; word-spacing: 1px; font-weight: 500;} .VVZ-PRO-form-FLOAT-main-title span {display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .VVZ-PRO-form-FLOAT-right {padding-right: 14px; display: flex; align-items: center; flex-shrink: 0; flex-grow: 0;} .VVZ-PRO-form-FLOAT-right-BTN {} .VVZ-PRO-form-FLOAT-right-BTN-in {height: 40px; padding: 0px 15px; display: flex; gap: 10px; align-items: center; background: linear-gradient(80deg,rgba(6, 161, 60, 0.8) 5%, rgba(29, 200, 63, 0.8) 20%, rgb(67, 185, 130) 100%); border-radius: 8px; cursor: pointer; user-select: none; position: relative;} .VVZ-PRO-form-FLOAT-right-BTN-in i {font-size: 26px; color: rgb(255, 255, 255);} .VVZ-PRO-form-FLOAT-right-BTN-in span {font-size: 17px; letter-spacing: 1px; color: rgb(255, 255, 255); font-weight: 500;} .VVZ-PRO-form-FLOAT-right-BTN-in:hover {box-shadow: 0px 0px 6px 0px rgb(34, 206, 85);} /* VVZ ABOUT */ .action--vvz-about .web-content {width: 100%; max-width: 100%; padding: 0px;} .VVZ-ABOUT-form {width: 100%; position: relative;} .VVZ-ABOUT-form-in {width: 100%; padding-bottom: 10vh; position: relative;} .VVZ-ABOUT-form-TOP {width: 100%; position: relative;} .VVZ-ABOUT-form-TOP-in {width: 100%; position: relative;} .VVZ-ABOUT-form-TOP-BG {width: 100%; height: 500px; position: relative;} .VVZ-ABOUT-form-TOP-BG-in {width: 100vw; left: -50vw; right: -50vw; top: -110px; bottom: 0%; background: whitesmoke; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; overflow: hidden; margin: auto; position: absolute;} .VVZ-ABOUT-form-TOP-BG-inner {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute;} .VVZ-ABOUT-form-TOP-BG-in img {width: 100%; height: 100%; object-fit: cover;} .VVZ-ABOUT-form-TOP-title {width: 100%; left: 0%; bottom: -90px; display: flex; justify-content: center; align-items: center; position: absolute;} .VVZ-ABOUT-form-TOP-title-in {height: 140px; padding: 0px 40px; background: linear-gradient(0deg,rgba(232, 232, 232, 0.4) 0%, rgba(249, 249, 249, 0.75) 100%); backdrop-filter: blur(25px); border-radius: 30px; display: flex; gap: 5px; flex-direction: column; justify-content: center; align-items: center;} .VVZ-ABOUT-form-TOP-title-in {outline: 2px dashed rgb(240, 240, 240); outline-offset: 10px;} .VVZ-ABOUT-form-TOP-title-sub {} .VVZ-ABOUT-form-TOP-title-sub span {font-size: 22px; letter-spacing: 1px; word-spacing: 2px; font-weight: 500;} .VVZ-ABOUT-form-TOP-title-sub span b {} .VVZ-ABOUT-form-TOP-title-main {} .VVZ-ABOUT-form-TOP-title-main h2 {font-size: 56px; padding: 0px; margin: 0px; letter-spacing: 3px; word-spacing: 5px; color: rgb(255, 102, 0);} .VVZ-ABOUT-form-GRAPHS {width: 100%; padding: 180px 0px 70px; position: relative;} .VVZ-ABOUT-form-GRAPHS-in {width: 96%; max-width: 1600px; display: flex; margin: auto; position: relative;} .VVZ-ABOUT-form-GRAPH {width: 20%; display: flex; justify-content: center; align-items: center; position: relative;} .VVZ-ABOUT-form-GRAPH-in {width: 220px; height: 220px; opacity: 0; transform: translateY(-15px); position: relative;} .VVZ-ABOUT-form-GRAPH-ACTIVE .VVZ-ABOUT-form-GRAPH-in {opacity: 1; transform: translateY(0px); transition: all 0.9s; transition-delay: 0.2s;} .VVZ-ABOUT-form-GRAPH-bg {width: 100%; height: 100%; left: 0%; top: 0%; background: linear-gradient(45deg,rgba(255, 242, 233, 0.94) 0%, rgb(255, 255, 255) 100%); border-radius: 50%; position: absolute;} .VVZ-ABOUT-form-GRAPH-icon {left: 60%; bottom: 70%; position: absolute;} .VVZ-ABOUT-form-GRAPH-icon i {font-size: 90px;} .VVZ-ABOUT-form-GRAPH-icon i:before {color: rgba(255, 102, 0, 0.3);} .VVZ-ABOUT-form-GRAPH-icon i:after {color: rgb(240, 239, 239); opacity: 1;} .VVZ-ABOUT-form-GRAPH-number {left: -10%; bottom: 40%; position: absolute;} .VVZ-ABOUT-form-GRAPH-number div {display: flex; gap: 10px; align-items: end;} .VVZ-ABOUT-form-GRAPH-number div strong {font-size: 80px;} .VVZ-ABOUT-form-GRAPH-number div span {font-size: 50px; opacity: 0.7;} .VVZ-ABOUT-form-GRAPH-number div span b {font-size: 70px;} .VVZ-ABOUT-form-GRAPH-title {width: 100%; left: 0%; top: 65%; text-align: center; position: absolute;} .VVZ-ABOUT-form-GRAPH-title div {font-size: 15px; letter-spacing: 0.5px; text-wrap: balance;} .VVZ-ABOUT-form-INTRO {width: 100%; padding: 0px 0px; background: rgb(247,247,247); position: relative; z-index: 1;} .VVZ-ABOUT-form-INTRO-quote {width: 100%; padding: 50px 0px 0px; text-align: center;} .VVZ-ABOUT-form-INTRO-quote span {font-size: 30px; letter-spacing: 1px; color: rgb(170, 170, 170); font-style: italic;} .VVZ-ABOUT-form-INTRO-quote span b {color: rgb(66,66,66); font-weight: 500;} .VVZ-ABOUT-form-INTRO-in {width: 96%; max-width: 1450px; padding: 40px 0px 220px; margin: auto; display: flex; gap: 20px; justify-content: space-between; position: relative;} .VVZ-ABOUT-form-INTRO-item {width: 47%; font-size: 19px; line-height: 26px; letter-spacing: 0.75px; text-align: justify;} .VVZ-ABOUT-form-INTRO-IMG {width: 100%; padding: 0px 0px; margin: -170px auto 0px; position: relative; z-index: 3;} .VVZ-ABOUT-form-INTRO-IMG-in {width: 96%; max-width: 1600px; height: 350px; padding: 0px; margin: auto; display: flex; background: rgb(223, 223, 223); border-radius: 50px; overflow: hidden; position: relative; outline: 2px dashed rgb(222, 222, 222); outline-offset: 10px;} .VVZ-ABOUT-form-INTRO-IMG-in img {width: 100%; height: 600px; object-fit: cover; left: 0%; top: 0%; position: absolute; filter: blur(0.4px);} .VVZ-ABOUT-form-INTRO-IMG-in img {animation-name: myAnimation; animation-duration: 15s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate;} @keyframes myAnimation { 0% {transform: translateY(0px);} 100% {transform: translateY(-240px);} } .VVZ-ABOUT-form-PROS {width: 100%; padding: 80px 0px 70px; position: relative;} .VVZ-ABOUT-form-PROS-in {width: 96%; max-width: 1450px; display: flex; justify-content: space-between; margin: auto; position: relative;} .VVZ-ABOUT-form-PROS-item {width: 25%; flex-shrink: 1;} .VVZ-ABOUT-form-PROS-item-in {height: 80px; padding: 0px 30px; display: flex; gap: 20px; align-items: center; border-radius: 40px; background: linear-gradient(245deg,rgba(255, 242, 233, 0.94) 0%, rgb(255, 255, 255) 100%);} .VVZ-ABOUT-form-PROS-item-icon {} .VVZ-ABOUT-form-PROS-item-icon i {font-size: 60px;} .VVZ-ABOUT-form-PROS-item-icon i:before {color: rgba(255, 102, 0, 0.5);} .VVZ-ABOUT-form-PROS-item-icon i:after {color: rgb(234, 233, 233); opacity: 1;} .VVZ-ABOUT-form-PROS-item-title {} .VVZ-ABOUT-form-PROS-item-title span {font-size: 20px; letter-spacing: 1px; word-spacing: 1px; font-weight: 600;} .VVZ-ABOUT-form-QUALITYS {width: 100%; padding: 0px 0px 300px; position: relative;} .VVZ-ABOUT-form-QUALITYS-in {width: 96%; max-width: 1600px; margin: auto; border-radius: 40px; background: linear-gradient(55deg,rgb(240, 240, 240) 0%, rgb(250, 250, 250) 100%); position: relative;} .VVZ-ABOUT-form-QUALITYS-ITEMS {width: 96%; max-width: 1450px; padding: 60px 0px; display: flex; justify-content: space-between; margin: auto; position: relative;} .VVZ-ABOUT-form-QUALITYS-ITEM {width: 47%; position: relative;} .VVZ-ABOUT-form-QUALITYS-ITEM-in {} .VVZ-ABOUT-form-QUALITYS-ITEM-title {padding-bottom: 15px; display: flex;} .VVZ-ABOUT-form-QUALITYS-ITEM-title div {display: flex; background: linear-gradient(90deg, rgb(255, 102, 0) 0%, rgb(255, 167, 91) 100%); background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone;} .VVZ-ABOUT-form-QUALITYS-ITEM-title h3 {font-size: 34px; padding: 0px; margin: 0px; letter-spacing: 1px;} .VVZ-ABOUT-form-QUALITYS-ITEM-text {font-size: 18px; line-height: 26px; letter-spacing: 0.5px;} .VVZ-ABOUT-form-QUALITYS-ITEM-text strong {font-size: 19px; letter-spacing: 1px;} .VVZ-ABOUT-form-QUALITYS-ITEM-text p {margin: 20px 0px;} .VVZ-ABOUT-form-QUALITYS-ITEM-text ul {padding: 20px 0px 20px 20px;} .VVZ-ABOUT-form-QUALITYS-ITEM-text ul li {padding: 5px 0px;} .VVZ-ABOUT-form-QUALITYS-IMAGES {width: 100%; height: 70px; position: relative;} .VVZ-ABOUT-form-QUALITYS-IMAGES-in {width: 100%; left: 0%; bottom: 0%; display: flex; gap: 2%; justify-content: center; transform: translateY(50%); position: absolute;} .VVZ-ABOUT-form-QUALITYS-IMG {width: 120px; min-height: 150px; display: flex; background: rgb(234, 234, 234); box-shadow: 0px 0px 0px 5px rgb(255, 255, 255); border-radius: 10px; overflow: hidden; position: relative;} .VVZ-ABOUT-form-QUALITYS-IMG img {width: 100%; object-fit: cover; position: relative; z-index: 1;} .VVZ-ABOUT-form-QUALITYS-IMG a {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; z-index: 9;} .VVZ-ABOUT-form-QUALITYS-IMG:hover {transform: scale(1.1);} .VVZ-ABOUT-form-INDIVID {width: 100%; padding: 0px 0px; margin: 0px auto 0px; background: rgb(247,247,247); position: relative;} .VVZ-ABOUT-form-INDIVID-in {width: 96%; max-width: 1600px; margin: auto; padding: 0px; display: flex; flex-direction: column; position: relative;} .VVZ-ABOUT-form-INDIVID-in-IMG {width: 100%; height: 350px; padding: 0px; margin: -100px auto 0px; display: flex; background: rgb(223, 223, 223); border-radius: 50px; overflow: hidden; position: relative; outline: 2px dashed rgb(222, 222, 222); outline-offset: 10px;} .VVZ-ABOUT-form-INDIVID-in-IMG-in {width: 100%; height: 350px; display: flex;} .VVZ-ABOUT-form-INDIVID-in-IMG-in img {width: 100%; object-fit: cover; position: relative; z-index: 1;} .VVZ-ABOUT-form-INDIVID-data {} .VVZ-ABOUT-form-INDIVID-data-in {width: 100%; max-width: 1350px; padding: 70px 0px 60px; margin: auto; display: flex; gap: 50px;} .VVZ-ABOUT-form-INDIVID-data-sizes {display: flex; gap: 20px; flex-direction: column; justify-content: space-between;} .VVZ-ABOUT-form-INDIVID-data-sizes div {color: rgb(176, 176, 176); text-transform: uppercase; text-align: right;} .VVZ-ABOUT-form-INDIVID-data-sizes div:nth-child(1) {font-size: 110px; line-height: 100px; letter-spacing: 10px; font-weight: 600; transform: translateX(8px);} .VVZ-ABOUT-form-INDIVID-data-sizes div:nth-child(2) {font-size: 60px; letter-spacing: 4px; font-weight: 500; transform: translateX(3px);} .VVZ-ABOUT-form-INDIVID-data-sizes div:nth-child(3) {font-size: 50px; letter-spacing: 2px; font-weight: 300;} .VVZ-ABOUT-form-INDIVID-data-text {} .VVZ-ABOUT-form-INDIVID-data-text-title {display: flex;} .VVZ-ABOUT-form-INDIVID-data-text-title div {display: flex; background: linear-gradient(90deg, rgb(255, 102, 0) 0%, rgb(255, 167, 91) 100%); background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone;} .VVZ-ABOUT-form-INDIVID-data-text-title div h3 {font-size: 42px; padding: 0px; margin: 0px; letter-spacing: 1px;} .VVZ-ABOUT-form-INDIVID-data-text-form {font-size: 18px; line-height: 26px; letter-spacing: 0.25px;} .VVZ-ABOUT-form-INDIVID-data-text-form strong {font-size: 19px; letter-spacing: 1px;} .VVZ-ABOUT-form-INDIVID-data-text-form p {margin: 20px 0px;} .VVZ-ABOUT-form-INDIVID-data-text-form p:last-child {margin-bottom: 6px !important;} .VVZ-ABOUT-form-TIME {width: 100%; position: relative;} .VVZ-ABOUT-form-TIME-in {width: 96%; max-width: 1600px; padding: 100px 0px; margin: auto; position: relative;} .VVZ-ABOUT-form-TIME-title {padding: 15px 0px; display: flex; justify-content: center;} .VVZ-ABOUT-form-TIME-title div {display: flex; background: linear-gradient(90deg, rgb(255, 102, 0) 0%, rgb(255, 167, 91) 100%); background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone;} .VVZ-ABOUT-form-TIME-title div h3 {font-size: 42px; padding: 0px; margin: 0px; letter-spacing: 1px;} .VVZ-ABOUT-form-TIME-DATA-years {width: 100%; position: relative;} .VVZ-ABOUT-form-TIME-DATA-years-in {width: 100%; display: flex; justify-content: space-between; position: relative; user-select: none;} .VVZ-ABOUT-form-TIME-DATA-years-in:before {width: 100%; height: 0px; border-top: 2px dashed rgb(254, 144, 64); top: 50%; left: 0%; right: 0%; position: absolute; content: '';} .VVZ-ABOUT-form-TIME-DATA-year {width: 80px; height: 80px; background: rgb(255, 255, 255); box-shadow: 0px 0px 5px 5px rgb(255, 255, 255); border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative;} .VVZ-ABOUT-form-TIME-DATA-year-number {} .VVZ-ABOUT-form-TIME-DATA-year-number span {font-size: 24px; letter-spacing: 1px; font-weight: 500;} .VVZ-ABOUT-form-TIME-DATA-year-ACTIVE {background: linear-gradient(30deg, rgb(255, 156, 90) 0%, rgb(244, 244, 244) 70%);} .VVZ-ABOUT-form-TIME-DATA-year-ACTIVE span {font-weight: 600;} .VVZ-ABOUT-form-TIME-DATA-info {width: 100%; position: relative;} .VVZ-ABOUT-form-TIME-DATA-info-in {width: 100%; padding: 40px 0px; position: relative;} .VVZ-ABOUT-form-TIME-DATA-info-in:before {width: 100%; height: 450px; left: 0%; top: -50px; background: radial-gradient(85vw 400px, rgba(255, 206, 163, 0.3), rgb(255, 255, 255), rgb(255, 255, 255)); position: absolute; content: ''; z-index: -1;} .VVZ-ABOUT-form-TIME-DATA-informer {width: 96%; max-width: 800px; min-height: 200px; background: linear-gradient(55deg,rgb(240, 240, 240) 0%, rgb(250, 250, 250) 100%); border-radius: 30px; transition: all 0.4s; position: relative; outline: 2px dashed rgb(222, 222, 222); outline-offset: 10px; box-shadow: 0px 0px 20px 10px rgb(255, 255, 255);} .VVZ-ABOUT-form-TIME-DATA-informer-in {padding: 40px;} .VVZ-ABOUT-form-TIME-DATA-informer-YEAR {max-height: 0px; opacity: 0; transition: all 0.25s; overflow: hidden;} .VVZ-ABOUT-form-TIME-DATA-informer-YEAR-ACTIVE {max-height: 600px; opacity: 1; transition: all 0.4s; transition-delay: 0.1s;} .VVZ-ABOUT-form-TIME-DATA-informer-YEAR-in {display: flex; gap: 20px; flex-direction: column;} .VVZ-ABOUT-form-TIME-DATA-informer-YEAR-item {} .VVZ-ABOUT-form-TIME-DATA-informer-YEAR-item-title {display: flex; gap: 10px; align-items: center;} .VVZ-ABOUT-form-TIME-DATA-informer-YEAR-item-title i {font-size: 20px;} .VVZ-ABOUT-form-TIME-DATA-informer-YEAR-item-title i:before {color: rgb(255,255,255); opacity: 1;} .VVZ-ABOUT-form-TIME-DATA-informer-YEAR-item-title i:after {color: rgb(255, 102, 0); opacity: 1;} .VVZ-ABOUT-form-TIME-DATA-informer-YEAR-item-title span {font-size: 21px; padding-top: 3px; letter-spacing: 1px; font-weight: 600;} .VVZ-ABOUT-form-TIME-DATA-informer-YEAR-item-text {font-size: 15px; letter-spacing: 0.5px; text-align: justify;} .VVZ-ABOUT-form-TIME-DATA-informer-YEAR-item-text p:last-child {margin-bottom: 0px !important; padding-bottom: 0px !important;} .VVZ-DIALOG-btn {right: 10px; bottom: 10px; position: fixed; z-index: 33;} .VVZ-DIALOG-btn-in {width: 40px; height: 40px; position: relative; cursor: pointer; user-select: none;} .VVZ-DIALOG-btn-in-icon {width: 100%; height: 100%; left: 0%; top: 0%; border-radius: 6px; display: flex; justify-content: center; align-items: center; background: rgb(255, 102, 0); box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4); position: absolute; z-index: 6;} .VVZ-DIALOG-btn-in-icon i {font-size: 24px; color: rgb(255,255,255);} .VVZ-DIALOG-btn-in-icon i:before {color: rgb(56, 246, 132);} .VVZ-DIALOG-btn-in-title {height: 100%; padding: 0px 0px 0px 12px; right: 0%; top: 0%; opacity: 0; transform: scale(0); display: flex; justify-content: center; align-items: center; border-radius: 6px; background: linear-gradient(55deg,rgb(36, 36, 36) 0%, rgb(102, 102, 102) 100%); box-shadow: 5px 5px 10px -10px black; position: absolute; z-index: 3;} .VVZ-DIALOG-btn-in-title span {font-size: 13px; letter-spacing: 1px; word-spacing: 3px; color: rgb(222,222,222); font-weight: 500; text-transform: uppercase; white-space: nowrap;} .VVZ-DIALOG-btn-in:hover .VVZ-DIALOG-btn-in-title {padding: 0px 55px 0px 15px; opacity: 1; transform: scale(1); transition: padding 0.3s , opacity 0.3s;} .VVZ-DIALOG-form {width: 96%; max-width: 920px; bottom: 0%; left: 0%; right: 0%; border-top-left-radius: 30px; border-top-right-radius: 30px; margin: auto; position: fixed; z-index: 66;} .VVZ-DIALOG-form-ACTIVE {} .VVZ-DIALOG-form-in {width: 100%; height: 600px; max-height: 0px; background: linear-gradient(20deg,rgb(229, 229, 229) 0%, rgb(255, 255, 255) 70%); border-top-left-radius: 30px; border-top-right-radius: 30px; overflow: hidden; position: relative;} .VVZ-DIALOG-form-ACTIVE .VVZ-DIALOG-form-in {max-height: 999px; transition: all 0.7s; box-shadow: 0px -10px 40px 0px rgb(0, 0, 0);} .VVZ-DIALOG-form-head {height: 66px; padding: 0px 15px 0px 30px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(90deg,rgba(255,255,255,0.8) 100px, rgba(255,146,51,0.8) 300px, rgba(255,102,0,0.8) 100%); position: relative; z-index: 9;} .VVZ-DIALOG-form-head-icon i {font-size: 34px; color: rgb(255, 102, 0);} .VVZ-DIALOG-form-head-title span {font-size: 19px; letter-spacing: 1px; word-spacing: 2px; font-weight: 600; color: rgb(60, 60, 60);} .VVZ-DIALOG-form-head-close {width: 66px; height: 66px; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer;} .VVZ-DIALOG-form-head-close i {font-size: 30px; color: rgb(255, 255, 255);} .VVZ-DIALOG-form-head-close:hover {transition: all 0.3s; transform: rotate(90deg);} .VVZ-DIALOG-form-body {width: 100%; left: 0%; right: 0%; top: 66px; bottom: 0%; overflow: hidden; overflow-y: auto; position: absolute; z-index: 6;} .VVZ-DIALOG-form-body-in {padding: 40px 30px 30px; display: flex; gap: 6%; position: relative;} .VVZ-DIALOG-form-item {width: 47%; flex-shrink: 0; position: relative;} .VVZ-DIALOG-form-item-in {width: 100%; text-align: left; position: relative;} .VVZ-DIALOG-form-item-contact {padding: 0px 0px 35px;} .VVZ-DIALOG-form-item-contact-title {padding-bottom: 10px; display: flex; gap: 10px; align-items: center;} .VVZ-DIALOG-form-item-contact-title i {font-size: 22px; color: rgb(255, 102, 0);} .VVZ-DIALOG-form-item-contact-title span {font-size: 17px; letter-spacing: 0.5px; opacity: 0.8; font-weight: 300;} .VVZ-DIALOG-form-item-contact-data {} .VVZ-DIALOG-form-item-contact-data {} .VVZ-DIALOG-form-item-contact-data a {font-size: 30px; letter-spacing: 1px; word-spacing: 2px; font-weight: 600;} .VVZ-DIALOG-form-item-contact-data-small a {font-size: 22px; letter-spacing: 0.5px;} .VVZ-DIALOG-form-item-contact-text {min-height: 115px; font-size: 16px; line-height: 22px; letter-spacing: 0.5px;} .VVZ-DIALOG-form-item-btn {width: 100%; display: flex; position: relative;} .VVZ-DIALOG-form-item-btn-in {padding: 12px 15px; background: rgb(255, 142, 62); display: flex; gap: 12px; align-items: center; border-radius: 5px; position: relative;} .VVZ-DIALOG-form-item-btn-in i {font-size: 28px; color: rgb(0, 0, 0);} .VVZ-DIALOG-form-item-btn-in span {font-size: 18px; letter-spacing: 1px; color: rgb(255, 255, 255);} .VVZ-DIALOG-form-item-btn-in:hover {filter: brightness(110%);} .VVZ-DIALOG-form-item-FORM {width: 100%; opacity: 0.3; filter: grayscale(100%); position: relative; } .VVZ-DIALOG-form-ACTIVE .VVZ-DIALOG-form-item-FORM {opacity: 1; filter: grayscale(0%); transition: all 0.9s; transition-delay: 0.5s; pointer-events: all;} .VVZ-DIALOG-form-item-FORM:before {left: -12px; top: -12px; right: -12px; bottom: -12px; border-radius: 12px; outline: 2px dashed rgb(219, 219, 219); outline-offset: -1px; background: rgb(255,255,255); position: absolute; content: '';} .VVZ-DIALOG-form-item-FORM form {padding: 8px 10px; position: relative;} .VVZ-DIALOG-form-item-FORM-title {padding-bottom: 20px; display: flex; gap: 0px; align-items: center;} .VVZ-DIALOG-form-item-FORM-title i {width: 60px; font-size: 22px; color: rgb(255, 102, 0); text-align: center;} .VVZ-DIALOG-form-item-FORM-title span {font-size: 17px; letter-spacing: 0.5px; opacity: 0.8;} .VVZ-DIALOG-form-item-FORM-input {width: 100%; margin-bottom: 15px; display: flex; position: relative;} .VVZ-DIALOG-form-item-FORM-input i {width: 28px; font-size: 26px; color: rgb(242, 152, 93); left: 15px; top: 50%; transform: translateY(-50%); position: absolute;} .VVZ-DIALOG-form-item-FORM-input input {width: 100%; height: 46px; font-size: 16px; padding: 0px; padding-left: 60px; border: 1px solid rgb(212, 212, 212); border-radius: 5px; letter-spacing: 1px; font-family: 'Raleway', sans-serif;} .VVZ-DIALOG-form-item-FORM-input textarea {width: 100%; min-height: 70px; font-size: 14px; padding: 15px; border: 1px solid rgb(212, 212, 212); border-radius: 5px; letter-spacing: 0.5px; font-family: 'Raleway', sans-serif;} .VVZ-DIALOG-form-item-FORM-hidden {display: none !important;} .VVZ-DIALOG-form-item-FORM-robots {margin-bottom: 25px; display: flex; gap: 10px; position: relative;} #VVZ_dialog_check_empty {width: 50px; height: 0px; opacity: 0; pointer-events: none; left: 0px; right: 0px; bottom: 0px; position: absolute; margin: auto;} .VVZ-DIALOG-form-item-FORM-check {margin-bottom: 25px; display: flex; gap: 10px; position: relative;} .VVZ-DIALOG-form-item-FORM-check input {margin: 0px; padding: 0px;} .VVZ-DIALOG-form-item-FORM-check label {font-size: 14px; letter-spacing: 0.5px; cursor: pointer; user-select: none;} .VVZ-DIALOG-form-item-FORM-submit {position: sticky; bottom: 0px;} .VVZ-DIALOG-form-item-FORM-submit button {width: 100%; height: 50px; padding: 0px 20px; border: none !important; background: rgb(28, 187, 98); border: none; border-radius: 5px; display: flex; justify-content: space-between; align-items: center; cursor: pointer;} .VVZ-DIALOG-form-item-FORM-submit button span {font-size: 18px; letter-spacing: 2px; color: rgb(255, 255, 255);} .VVZ-DIALOG-form-item-FORM-submit button i {font-size: 24px; color: rgb(255, 255, 255);} .VVZ-DIALOG-form-item-FORM-submit button:hover {filter: brightness(110%);} /* VVZ MAPKA */ .action--vvz-mapa {height: 100vh; overflow: hidden !important;} .action--vvz-mapa .web-content {width: 100%; max-width: unset; padding: 0px 0px 50px;} .VVZ-MAP-page-title {width: 98%; max-width: 1800px; margin: auto; position: relative; z-index: 33; pointer-events: none;} .VVZ-MAP-page-title-in {padding: 10px 20px; left: 0%; top: 135px; display: flex; gap: 5px; align-items: center; border-radius: 15px; background: linear-gradient(45deg,rgb(234,234,234) 0%, rgba(255, 255, 255, 0.8) 100%); box-shadow: 5px 5px 15px -10px rgb(0, 0, 0); backdrop-filter: blur(2px); position: absolute;} .VVZ-MAP-page-title-inner {display: flex; gap: 15px; align-items: center;} .VVZ-MAP-page-title-inner i {font-size: 34px; color: rgb(255, 102, 0);} .VVZ-MAP-page-title-inner h2 {font-size: 32px; color: rgb(255, 102, 0); margin: 0px; padding: 0px; margin: 0px; letter-spacing: 1px; word-spacing: 1px; font-weight: 600;} .VVZ-MAP-page-title-inner h2 {background: linear-gradient(90deg, rgb(45, 45, 45) 0%, rgb(106, 106, 106) 100%); background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box;background-clip: border-box;-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;-webkit-box-decoration-break: clone;box-decoration-break: clone;} .VVZ-MAP-form {width: 100%; position: relative;} .VVZ-MAP-form-in {width: 100%; position: relative;} .VVZ-MAP-form-FRAME {width: 100%; height: 100vh; position: relative;} .VVZ-MAP-form-FRAME-in {width: 100vw; top: 0%; bottom: 0%; left: -100%; right: -100%; background: whitesmoke; margin: auto;position: absolute; z-index: 11;} .VVZ-MAP-form-FRAME-icon {top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; z-index: 1; } .VVZ-MAP-form-FRAME-icon i {font-size: 150px; color: var(--vvz-main); opacity: 0.4;} .VVZ-MAP-form-FRAME-MAP {width: 100%; height: 100%; top: 0%; left: 0%; position: absolute; z-index: 11;} .VVZ-MAP-form-FRAME-MAP .leaflet-tile-pane .leaflet-layer:nth-child(1) {filter: grayscale(100%) brightness(120%);} .VVZ-MAP-form-FRAME-MAP .leaflet-marker-icon {} .VVZ-MAP-form-FRAME-MAP .leaflet-marker-icon, .VVZ-MAP-form-FRAME-MAP .leaflet-marker-shadow {transition: all 0.25s;} .VVZ-MAP-form-FRAME-MAP .map-marker-real {filter: drop-shadow(1px 2px 2px rgba(255, 255, 255, 0.6));} .VVZ-MAP-form-FRAME-MAP .map-marker-global {z-index: 9 !important;} .leaflet-control-attribution {display: none; visibility: hidden;} .sps_cluster {width: 50px; height: 50px; background: rgb(255, 102, 0); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; box-shadow: 0px 0px 20px 0px rgb(255, 102, 0);} .sps_cluster_in {width: 40px; height: 40px; font-size: 17px; line-height: 40px; background: linear-gradient(140deg,rgb(255, 255, 255) 30%, rgb(255, 178, 125) 100%); letter-spacing: 1px; font-weight: 600; text-align: center; border-radius: 50%; text-shadow: 2px 2px 2px white;} .selectedMarker {filter: drop-shadow(0px 4px 3px rgb(0, 0, 0));} .VVZ-MAP-form-count {left: 15px; bottom: 12px; position: absolute; z-index: 33; pointer-events: none;} .VVZ-MAP-form-count-in {padding: 10px 20px 10px 8px; display: flex; gap: 5px; align-items: center; border-radius: 15px; background: linear-gradient(45deg,rgb(234,234,234) 0%, rgba(255, 255, 255, 0.8) 100%); box-shadow: 5px 5px 15px -10px black;} .VVZ-MAP-form-count-icon {} .VVZ-MAP-form-count-icon i {} .VVZ-MAP-form-count-icon img {height: 38px;} .VVZ-MAP-form-count-data {} .VVZ-MAP-form-count-data-main {display: flex; gap: 6px; align-items: center;} .VVZ-MAP-form-count-data-main strong {font-size: 26px; line-height: 22px; color: var(--vvz-main);} .VVZ-MAP-form-count-data-main span {letter-spacing: 0.5px; font-weight: 500;} .VVZ-MAP-form-count-data-sub {} .VVZ-MAP-form-count-data-sub span {font-size: 12px; letter-spacing: 0.5px;} .sps_marker_popup {width: 220px; text-align: left; font-family: 'Raleway', sans-serif; white-space: normal; position: relative;} .sps_marker_popup_small {width: auto; padding: 2px 5px 2px 5px; min-width: 130px;} .sps_marker_popup_img {width: 100%; height: 130px; margin: 0px 0px 6px; border-top-left-radius: 12px; border-top-right-radius: 12px; background: rgb(234, 234, 234); overflow: hidden; position: relative;} .sps_marker_popup_img img {width: 100%; height: 100%; object-fit: cover;} .sps_marker_popup_inner {padding: 4px 0px 4px 10px; margin: 0px 0px 0px 2px; border-left: 4px solid rgb(244, 114, 22); text-align: left;} .sps_marker_popup_title {width: 100%; margin: 0px 0px 5px; font-size: 15px; line-height: 18px; letter-spacing: 0.5px; font-weight: 600; display: flex; gap: 10px; align-items: center;} .sps_marker_popup_city {font-size: 15px; letter-spacing: 0.5px; font-weight: 500; display: flex; gap: 10px; align-items: center;} .sps_marker_popup_city i {color: rgb(201, 80, 0);} .sps_marker_popup_title_only {display: flex; gap: 10px; align-items: center;} .sps_marker_popup_title_only i {font-size: 24px; color: rgb(255, 133, 51); margin-top: -2px;} .sps_marker_popup_title_only span {font-size: 15px; line-height: 17px; letter-spacing: 0.5px; font-weight: 600;} .VVZ-MAP-DETAIL-SHADOW {position: fixed; height: 100vh; width: 100vw; top: 0%; left: 0%; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(5px); z-index: 22; cursor: pointer; display: none;} .VVZ-MAP-DETAIL {width: 96%; max-width: 600px; height: 90vh; max-height: calc( 96vh - 110px ); bottom: 2vh; left: 0%; right: 0%; background: white; border-radius: 20px; position: fixed; overflow: hidden; margin: auto; opacity: 0; transform: scale(0); z-index: 28;} .VVZ-MAP-DETAIL-ACTIVE {opacity: 1; transform: scale(1); transition: opacity 0.3s;} .VVZ-MAP-DETAIL-in {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute;} .VVZ-MAP-DETAIL-loader {left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;} .VVZ-MAP-DETAIL-loader i {font-size: 80px; color: var(--vvz-main);} .VVZ-MAP-DETAIL-in-CLOSE {right: 10px; top: 10px; position: absolute; z-index: 9;} .VVZ-MAP-DETAIL-in-CLOSE div {width: 50px; height: 50px; border-radius: 50%; background: rgb(255, 102, 0); box-shadow: 0px 0px 0px 2px white; cursor: pointer;} .VVZ-MAP-DETAIL-in-CLOSE div:hover {transform: rotate(90deg); transition: all 0.3s;} .VVZ-MAP-DETAIL-in-CLOSE div i {font-size: 26px; color: white;} .VVZ-MAP-DETAIL-in-CLOSE div i:after {opacity: 1;} .VVZ-MAP-DETAIL-in-BODY {width: 100%; bottom: 30px; top: 0%; left: 0%; right: 0%; position: absolute; z-index: 3;} .VVZ-MAP-DETAIL-in-BODY:after {width: 100%; height: 60px; left: 0%; bottom: 0%; background: linear-gradient(0deg,rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; z-index: 9; content:''; pointer-events: none;} .VVZ-MAP-DETAIL-in-BODY-in {width: 100%; bottom: 0%; top: 0%; left: 0%; right: 0%; overflow-y: auto; position: absolute;} .VVZ-MAP-DETAIL-in-BODY-images {width: 100%; overflow-x: auto; overflow-y: hidden; position: relative;} .VVZ-MAP-DETAIL-in-BODY-images-in {height: 260px; display: flex; gap: 20px; user-select: none; cursor: col-resize; position: relative;} .VVZ-MAP-DETAIL-in-BODY-image {width: 70%; height: 100%; flex-shrink: 0; background: whitesmoke; overflow: hidden; position: relative;} .VVZ-MAP-DETAIL-in-BODY-image img {width: 100%; height: 100%; pointer-events: none; object-fit: cover;} .VVZ-MAP-DETAIL-in-BODY-image:hover img {transform: scale(1.05); filter: brightness(105%); transition: all 0.2s;} .VVZ-MAP-DETAIL-in-BODY-images-ONE {cursor: unset;} .VVZ-MAP-DETAIL-in-BODY-images-ONE .VVZ-MAP-DETAIL-in-BODY-image {width: 100%; } .VVZ-MAP-DETAIL-in-BODY-data {width: 100%; position: relative;} .VVZ-MAP-DETAIL-in-BODY-data-in {padding: 30px 40px 40px; text-align: left;} .VVZ-MAP-DETAIL-in-BODY-data-tops {width: 100%; padding-bottom: 25px; display: flex; justify-content: space-between;} .VVZ-MAP-DETAIL-in-BODY-data-top {display: flex; gap: 10px; align-items: center;} .VVZ-MAP-DETAIL-in-BODY-data-top i {font-size: 22px; color: var(--vvz-main);} .VVZ-MAP-DETAIL-in-BODY-data-top i.fa-location-dot {margin-top: -4px;} .VVZ-MAP-DETAIL-in-BODY-data-top span {letter-spacing: 0.5px; opacity: 0.6;} .VVZ-MAP-DETAIL-in-BODY-data-title {} .VVZ-MAP-DETAIL-in-BODY-data-title div {display: flex; background: linear-gradient(90deg, rgb(255, 102, 0) 0%, rgb(255, 167, 91) 100%);background-clip: border-box;background-clip: border-box;background-clip: border-box;background-clip: border-box;background-clip: border-box;-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;-webkit-box-decoration-break: clone;box-decoration-break: clone;} .VVZ-MAP-DETAIL-in-BODY-data-title div h3 {font-size: 30px; margin: 0px; padding: 0px; color: rgb(255, 102, 0); letter-spacing: 1px;} .VVZ-MAP-DETAIL-in-BODY-data-text {line-height: 22px; letter-spacing: 0.5px;} .VVZ-MAP-DETAIL-in-BODY-data-text p {margin: 15px 0px;} .VVZ-MAP-DETAIL-in-FOOT {width: 100%; height: 60px; background: silver; bottom: 0%; left: 0%; position: absolute;} /* DOWN */ /* DOWN */ .web-down-form {width: 96%; max-width: 1800px; background: linear-gradient(35deg,rgba(15, 15, 15, 0.9) 600px, rgba(87, 87, 87, 0.8) 100%); border-top-left-radius: 40px; border-top-right-radius: 40px; margin: auto; position: relative;} .web-down {width: 90%; margin: 80px auto 50px 0px; position: relative; text-align: left; z-index: 3; display: inline-block;} .web-down-in {width: 100%; display: flex; gap: 5vw; position: relative;} .footer-logo {width: 90%; height: 150px; background: url("/images/design/logo.svg") no-repeat; background-size: contain; background-position: left top; display: block; position: relative;} .web-down-text {width: 330px; position: relative;} .web-down-text-in {width: 100%; text-align: left; position: relative;} .web-down-text-title {font-size: 18px; padding: 50px 0px 15px; letter-spacing: 1px; color: rgb(255, 255, 255); font-weight: 500;} .web-down-text-text {font-size: 17px; letter-spacing: 0.5px; line-height: 26px; color: rgb(222,222,222); font-weight: 300;} .web-down-text-text p {margin: 8px 0 8px 0;} .web-down-text-text p strong {font-size: 18px; font-weight: 600; text-transform: uppercase;} .web-down-text-text a {font-size: 17px; letter-spacing: 1px; color: rgb(255, 255, 255);} .web-down-links {padding-top: 35px; display: flex; gap: 15px; flex-direction: column;} .web-down-links div {} .web-down-links div a {} .web-down-links div a i {font-size: 20px; width: 30px; padding-right: 5px; color: rgb(255, 114, 0); text-align: center;} .web-down-links div a span {} .web-down-cookies {padding-top: 35px !important;} .web-down-cookies a {} .web-down-cookies a i {font-size: 16px; width: 30px; padding-right: 5px; color: rgb(255, 114, 0); text-align: center;} .web-down-cookies a span {font-size: 13px;} .web-down-katalog {width: 400px;} .web-down-katalog-in {} .web-down-katalog-items {width: 100%; display: flex; gap: 0px; flex-direction: column; position: relative;} .web-down-katalog-item {border-radius: 50px; position: relative;} .web-down-katalog-item-in {display: flex; gap: 20px; transition: all 0.3s; align-items: center; position: relative;} .web-down-katalog-item-in-img {width: 90px; height: 90px; flex-shrink: 0; flex-grow: 0; position: relative;} .web-down-katalog-item-in-img:before {width: 80%; height: 80%; left: 10%; top: 10%; background: linear-gradient(45deg,rgba(155, 155, 155, 0.5) 0%, rgba(255, 255, 255, 0) 100%); border-radius: 50%; position: absolute; content: ''; z-index: 1;} .web-down-katalog-item-in-img img {width: 100%; height: 100%; object-fit: contain; filter: brightness(130%); position: relative; z-index: 9;} .web-down-katalog-item-in-data {width: 170px;} .web-down-katalog-item-in-data-title {text-wrap: balance;} .web-down-katalog-item-in-data-title span {letter-spacing: 1.25px; word-spacing: 0.75px; font-weight: 600; color: rgb(255,255,255,0.8);} .web-down-katalog-item:hover {background: linear-gradient(45deg,rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0) 60%);} .web-down-katalog-item:hover .web-down-katalog-item-in {gap: 24px;} .web-down-formular {width: 25%; position: relative; float: left;} .web-down-formular-title {font-size: 17px; letter-spacing: 0.3px; color: rgb(234,234,234); white-space: nowrap;} .web-down-formular-items {width: 100%; position: relative;} .web-down-formular-items-input {width: 100%; min-height: 40px; margin: 15px 0px 0px; position: relative; box-shadow: 0px 0px 0px 1px rgb(170, 170, 170); position: relative;} .web-down-formular-items-input input {font-size: 15px; width: 83%; padding: 14px 0px 14px 17%; color: white; border: none; font-family: 'Montserrat', sans-serif; background: transparent; letter-spacing: 0.5px;} .web-down-formular-items-input textarea {width: 92%; min-height: 85px; padding: 4%; color: white; border: none; font-family: 'Montserrat', sans-serif; background: transparent; letter-spacing: 0.5px;} .web-down-formular-items-input i {font-size: 22px; top: 50%; left: 5%; color: white; margin: auto; position: absolute; transform: translateY(-50%); pointer-events: none;} .web-down-formular-items-submit {margin: 15px 0px 0px; position: relative; text-align: left;} .web-down-formular-items-submit button {font-size: 16px; padding: 10px 40px; letter-spacing: 1px; font-weight: 300; color: white; border: none; background: rgb(255, 114, 0); text-transform: uppercase; cursor: pointer;} .web-down-formular-items-submit button:hover {opacity: 0.85;} .web-down-formular-items-hidden {display: none; width: 100%; margin: 15px 0px 0px; position: relative; position: relative;} .web-down-formular-items-hidden label {font-size: 13px; letter-spacing: 0.4px; color: rgb(200, 200, 200); cursor: pointer;} #recaptcha_check_empty {width:50px; height:0px; opacity:0; pointer-events:none; left:0px; right:0px; bottom:0px; position: absolute; margin: auto;} .web-down-map {height: 450px; width: 40%; right: 5%; top: 80px; background: rgba(0,0,0,0.2); border-radius: 15px; overflow: hidden; position: absolute; z-index: 9;} .web-down-map .fa-map-marked-alt {width: 150px; height: 150px; font-size: 150px; line-height: 150px; color: rgb(76, 76, 76); left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; position: absolute;} .web-down-map iframe {width: 100%; height: 100%; left: 0px; top: 0px; position: absolute;} /* FOOTER */ .web-footer-link {font-size: 13px; padding: 30px 50px; height: auto; font-weight: 300; color: rgb(255, 255, 255); margin: auto; position: relative; z-index: 5; letter-spacing: 0.5px; text-align: center;} .web-footer-link a {color: rgb(219, 219, 219); font-weight: 500;} /* SITE MAPS */ .site-maps {margin-top: 30px;} .site-maps h3 {margin: 1% 1%;} .site-maps h3 a {color: #5d5d5d; font-size: 26px;} .site-maps h4 {margin: 1% 3%;} .site-maps h4 a {color: #9b9b9b; font-size: 20px;} .site-maps h5 {margin: 0.5% 6%;} .site-maps h5 a {color: #898989; font-size: 17px;} .site-maps h6 {margin: 0.3% 9%;} .site-maps h6 a {color: #aaa; font-size: 15px;} /* GLOBAL CSS */ .transition {transition: all 0.3s; -webkit-transition: all 0.3s;} .pointer {cursor: pointer;} .pointer:hover {opacity:0.8;} .no-select {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: -moz-none;-o-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0,0,0,0);} .center {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .centerr {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .hidden {display: none;} #shadow {position: fixed; height: 100vh; width: 100vw; top: 0%; left: 0%; background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(5px); z-index: 55; cursor: pointer; display: none;} #to-top {width: 38px; height: 38px; right: 20px; bottom: 25px; font-size: 23px; background: rgb(234, 94, 0); color: white; position: fixed; z-index: 22; display: none; text-align: center; border-radius: 50%;} #to-top i {line-height: 38px;} #to-top:hover i {animation: fadeInUp 500ms ease-in-out;} .url-absolute {width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; display: block; cursor: pointer; z-index: 9;} .flex-x-center {display: flex; align-items: center;} .flex-y-center {display: flex; justify-content: center;} .flex-xy-center {display: flex; justify-content: center; align-items: center;} .pointer-events-none {pointer-events: none !important;} .no-select {user-select: none !important;} .disabled-element {filter: grayscale(100%) !important; pointer-events: none !important;} .overflow-hidden {overflow: hidden;} .lazyload-fade {opacity: 0; transition: all 0.9s;} .lazyloaded.lazyload-fade {opacity: 1;} /* CONTACT PAGE */ .contact-form {} .contact-form div {display: block; width: 100%; margin: 7px auto;} .contact-form div input {border: 1px solid silver; padding: 7px 1%; font-size: 15px; min-width: 250px;} .contact-form div textarea {border: 1px solid silver; padding: 7px 1%; font-size: 15px; min-width: 500px; min-height: 110px;} .contact-form div img {display: inline-block; height: 36px; margin-bottom: -12px; margin-left: 5px;} .contact-form div button {font-size: 17px; padding: 7px 30px; margin-top: 10px; border: none; color: white !important; cursor: pointer; text-transform: uppercase;} .page-contact {width: 100%; display: inline-block;} .page-contact-text {width: 30%; font-size: 17px; padding-bottom: 50px; line-height: 30px; letter-spacing: 0.2px; float: left;} .page-contact-text table {width: 100% !important;} .page-contact-text table td {width: 60%; vertical-align: top;} .page-contact-text table td:nth-child(2) {width: 40%; vertical-align: top;} .page-contact-text h4 {font-size: 26px; color: rgb(255, 114, 0); font-weight: 900; letter-spacing: 1px;} .page-contact-text strong {font-size: 18px; color: rgb(91, 91, 91); letter-spacing: 1px;} .page-contact-text-btn {width: auto; height: 50px; margin: 25px 0px 0px; background: rgb(255, 102, 0); display: inline-block; border-radius: 7px; position: relative; transition: all 0.3s;} .page-contact-text-btn:hover {transform: scale(1.03); box-shadow: 0px 0px 25px -15px black;} .page-contact-text-btn-icon {height: 50px; left: 13px; top: -100%; bottom: -100%; margin: auto; position: absolute;} .page-contact-text-btn-icon i {font-size: 33px; line-height: 50px; color: rgb(255,255,255);} .page-contact-text-btn-title {font-size: 17px; padding: 0px 15px 0px 60px; letter-spacing: 0.5px; line-height: 50px; color: rgb(255,255,255); white-space: nowrap;} .page-contact-text-btn a {width: 100%; height: 100%; left: 0px; top: 0px; display: block; position: absolute;} .page-contact-text-btn a:before {display: none; visibility: none;} .page-contact-persons {width: 70%; float: left;} .page-contact-persons-title {width: 100%; font-size: 18px; padding: 6px 0px 40px; color: rgb(91, 91, 91); letter-spacing: 1px; font-weight: 600; position: relative;} .page-contact-persons-items {width: 110%; padding: 0px 0px 30px; display: flex; flex-wrap: wrap; gap: 60px 0%; position: relative;} .page-contact-persons-items .predajcovia-form-list-item-img {width: 50px; height: 50px; line-height: 56px;} .page-contact-persons-items .predajcovia-form-list-item-img i {font-size: 26px;} .page-contact-persons-items .predajcovia-form-list-item-data {max-width: 80%;} .page-contact-persons-items .predajcovia-form-list-item-data-title {font-size: 16px; color: rgb(91, 91, 91);} .page-contact-persons-items .predajcovia-form-list-item-data-contact div a {font-size: 15px;} .page-contact-persons-items .predajcovia-form-list-item-data-contact div i {width: 14px; font-size: 16px;} .page-contact-imgs {width: 100%; background: whitesmoke; float: left;} .page-contact-imgs img {width: 100%; margin-top: 10%;} .page-contact-imgs iframe {width: 100%;} .page-contact-imgs-text {padding-top: 25px; opacity: 0.7; text-align: justify;} .css-url-mail:before {font-size: 20px; color: rgb(255, 102, 0); padding-right: 8px; font-family: "Font Awesome 7 Sharp Duotone"; content: "\f0e0\f0e0";} .css-url-tel:before {font-size: 20px; color: rgb(255, 102, 0); padding-right: 8px; font-family: "Font Awesome 7 Sharp Duotone"; content: "\f2a0\f2a0";} .css-url-pdf:before {font-size: 20px; color: rgb(255, 102, 0); padding-right: 8px; font-family: "Font Awesome 7 Sharp Duotone"; content: "\f15c";} .page-contact-hu .page-contact-imgs {width: 70%;} .form-status {margin: 40px 0px; display: inline-block;} .form-status b {font-size: 20px;} .form-timer {width: 99%; padding: 0.5%; box-shadow: 0px 0px 0px 1px #ededed; margin-top: 50px; text-align: left;} .form-timer div {height: 25px; width: 100%; animation-name: form; animation-duration: 5s; margin: 0px !important;} @keyframes form { from {width: 0px;} to {width: 100%;} } /* PAGER */ .pager {width: 100%; text-align: left; margin: 30px auto 40px;} .novy-pager {display: inline-block; list-style: none; padding: 0px; margin: auto;} .novy-pager .gomkikk {font-size: 18px; color: white; width: 44px; height: 44px; line-height: 44px; background: rgb(196, 78, 0); text-align: center; letter-spacing: 1px; float: left;} .novy-pager .gombik {font-size: 22px; color: white; width: 44px; height: 44px; line-height: 44px; background: rgb(162, 73, 0); text-align: center; letter-spacing: 1px; float: left;} .novy-pager .akt {background: rgb(255, 114, 0); font-weight: 600; pointer-events: none;} .novy-pager .neakt {color: rgb(21, 21, 21); background: rgba(65, 64, 66, 0.25); pointer-events: none;} .novy-pager a {display: inline-block;} .novy-pager a:hover {opacity:0.7;} .novy-pager li {margin: 5px 8px 5px 0px;} /* MODERN SPINNER */ .spinner {-moz-appearance:textfield;} .spinner::-webkit-outer-spin-button, .spinner::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} .spinner {width: 25px !important; height: 26px !important; background: transparent !important; border: none !important; padding: 2px 0px 2px 0px !important; margin-right: 25px !important; margin-left: 0px !important; font-size: 15px !important;} .ui-spinner {height: 34px !important; width: 56px !important; border: 1px solid rgb(170, 170, 170) !important; border-radius: 0px !important; display: inline-block !important; overflow: hidden;} /* 404 */ .page-404 {width: 100%; padding: 50px 0px 0px; display: flex; flex-direction: column; text-align: center; position: relative;} .page-404-icon i {font-size: 120px; color: var(--vvz-main); opacity: 0.6;} .page-404-title {display: flex; justify-content: center;} .page-404-title div {margin-right: 5px; display: flex; background: linear-gradient(90deg, rgb(255, 102, 0) 0%, rgb(255, 221, 191) 100%); background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone;} .page-404-title div span {font-size: 130px;} .page-404-text {font-size: 20px; margin: 25px auto 35px; opacity: 0.6; color: rgb(40, 40, 40); letter-spacing: 1px; text-align: center;} .page-404-btn {width: 100%; display: flex; justify-content: center;} .page-404-btn div { background: linear-gradient(90deg, rgb(255, 102, 0) 0%, rgb(255, 178, 110) 100%); border-radius: 10px;} .page-404-btn div a {font-size: 20px; padding: 15px 30px; letter-spacing: 0.75px; word-spacing: 3px; color: rgb(255,255,255); text-transform: uppercase; display: block;} .page-404-img {width: 100%; height: 400px; } /* POP BOX */ #pop-shadow {position: fixed; height: 100vh; width: 100vw; top: 0px; left: 0px; background: rgba(0,0,0,0.85); z-index: 99; cursor: pointer; display: none;} #pop-box {position: fixed; top: 25vh; left: 0px; right: 0px; margin: auto; background: rgba(255,255,255,0.9); z-index: 100; display: none;} #pop-box {text-align: left; padding: 0px; letter-spacing: 0.5px; line-height: 18px;} #pop-box div {width: 96%; padding: 2%; position: relative; z-index: 3;} #pop-box img {width: 100%; height: auto; margin: auto; position: relative; z-index: 3;} #pop-box p {padding: 0px !important; margin: 0px !important;} #pop-box h2 {color: #1585b7; padding: 0px 0px 0px 0px;width: auto;font-family: 'Merriweather', serif;font-size: 3em; letter-spacing: 0px;} #pop-box h3 {color: #1585b7; padding: 0px 0px 0px 0px;width: auto;font-family: 'Merriweather', serif;font-size: 2em; border: none;} .pop-box-url {width: 100%; height: 100%; left: 0%; top: 0%; display: block; position: absolute; z-index: 9;} #pop-box:before {top: -40px; right: -40px;position: absolute;content: "";background: transparent url("/images/close.png") no-repeat;height: 35px;width: 35px;background-position: center center;background-size: 100% 100%;opacity: 0.4;transition: all 0.3s;-webkit-transition: all 0.3s;pointer-events: none;} .pop-box:before {opacity: 1 !important; transform: rotate(90deg);} .fancybox-thumbs > ul {height: auto; max-height: 100%; display: flex; flex-wrap: wrap;} .fancybox-thumbs > ul > li {width: 92px; height: 92px;} .fancybox-image {background: rgb(255, 255, 255) !important;} @keyframes fadeInUp { from {opacity: 0; transform: translate3d(0, 100%, 0);} to {opacity: 1; transform: translate3d(0, 0, 0);} } /* LOADER */ .loader {position: relative;margin: 0 auto;width: 100px;} .loader:before {content: '';display: block;padding-top: 100%;} .circular {-webkit-animation: rotate 2s linear infinite;animation: rotate 2s linear infinite;height: 100%;-webkit-transform-origin: center center;transform-origin: center center;width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;} .path {stroke-dasharray: 1, 200;stroke-dashoffset: 0;-webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;stroke-linecap: round;} @-webkit-keyframes rotate {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes rotate {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @-webkit-keyframes dash {0%{stroke-dasharray: 1, 200;stroke-dashoffset: 0;}50% {stroke-dasharray: 89, 200;stroke-dashoffset: -35px;}100% {stroke-dasharray: 89, 200;stroke-dashoffset: -124px;}} @keyframes dash {0% {stroke-dasharray: 1, 200;stroke-dashoffset: 0;}50% {stroke-dasharray: 89, 200;stroke-dashoffset: -35px;}100% {stroke-dasharray: 89, 200;stroke-dashoffset: -124px;}} @-webkit-keyframes color {100%,0% {stroke: #d62d20;}40% {stroke: #0057e7;}66% {stroke: #008744;}80%,90% {stroke: #ffa700;}} @keyframes color {100%,0%{stroke: #d62d20;}40% {stroke: #0057e7;}66%{stroke: #008744;}80%,90%{stroke: #ffa700;}}