@import url('/wp-content/themes/upside/blocks/accessibility/icons/style.css'); :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} /*# sourceURL=https://upside.rs/wp-includes/blocks/heading/style.min.css */ .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} /*# sourceURL=https://upside.rs/wp-includes/blocks/paragraph/style.min.css */ .block--logos { margin: 100px 0; } .block--logos::before, .block--logos::after { content: " "; pointer-events: none; position: absolute; z-index: 9; left: 0; top: 0; width: 20%; max-width: calc( (100vw - var(--max-width))/2 ); height: 100%; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, var(--background-page-color) 50%); } .block--logos::after { left: auto; right: 0; transform: rotate(180deg); } .block--logos .block--title { margin-bottom: 43px; color: var(--text-off-color); font-size: 40px; font-weight: 700; line-height: 1em; letter-spacing: -0.4px; text-align: center; } .block--logos .block--title strong { color: var(--text-color); } .block--logos .logos-slider { overflow: visible; margin-top: 30px; padding: 0 20px; } .block--logos .swiper-slide { width: fit-content; } .block--logos .logo-item { display: flex; justify-content: center; align-items: center; height: 60px; transition: all 0.3s ease; } .block--logos .logo-item img { min-width: 100px; min-height: 50px; max-width: 165px; max-height: 56px; object-fit: contain; transition: all 0.3s ease; } .block--logos .logo-item.has-effect img { filter: brightness(0) invert(1) opacity(0.9); opacity: 0.7; transition: .4s; } .block--logos .logo-item:hover img { opacity: 1; } .block--cards .swiper .swiper-pagination-bullet-active { width: 8px; } @media (max-width: 991px) { .block--logos { margin: 60px 0; } .block--logos .logos-slider { margin-top: 13px; padding-right: 70px; } .block--logos::before { display: none; } .block--logos::after { width: 70px; max-width: none; background: linear-gradient(270deg, rgb(0, 0, 0, 0) 0%, var(--background-page-color) 100%); } } [data-theme="light"] .block--logos .logo-item.has-effect img { filter: invert(1) sepia(0%) saturate(0) hue-rotate(310deg) brightness(88%) contrast(90%); } /*# sourceURL=https://upside.rs/wp-content/themes/upside/blocks/logos/style.css */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ .upsd__lgpd__render { align-items: center; background: var(--background) !important; border-radius: 5px; bottom: 15px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); color: var(--color) !important; display: none; font-family: sans-serif; font-size: 14px; justify-content: space-between; left: 15px; line-height: 1.4; padding: 15px; position: fixed; right: 15px; z-index: 9999999999 !important; } .upsd__lgpd__render .render__text { margin-left: 5px; margin-right: 15px; } .upsd__lgpd__render .render__text a, .upsd__lgpd__render .render__text a:active, .upsd__lgpd__render .render__text a:hover, .upsd__lgpd__render .render__text a:link, .upsd__lgpd__render .render__text a:visited { color: var(--color) !important; text-decoration: underline; } .upsd__lgpd__render .render__btn { background: var(--btn--background) !important; border-radius: 5px; box-shadow: inset 0 -3px 0 0 rgba(0,0,0,.1); color: var(--btn--color) !important; cursor: pointer; flex-shrink: 0; font-size: 14px; font-weight: bold; margin-left: 15px; padding: 10px 20px; text-decoration: none; transition: filter .3s; } .upsd__lgpd__render .render__btn:hover { filter: brightness(120%); transition: filter .3s; } @media (max-width: 767px) { .upsd__lgpd__render { font-size: 13px; line-height: 1.5; } } @media (max-width: 567px) { .upsd__lgpd__render { bottom: 10px; flex-direction: column; font-size: 11px; line-height: 1.6; left: 10px; right: 10px; text-align: center; } .upsd__lgpd__render .render__text { margin-left: 0; margin-right: 0; } .upsd__lgpd__render .render__btn { font-size: 11px; margin-left: 0; margin-top: 5px; padding: 6px 12px; } } img[data-dominant-color]:not(.has-transparency) { background-color: var(--dominant-color); } /*# sourceURL=dominant-color-styles-inline-css */ @view-transition { navigation: auto; } @media (prefers-reduced-motion: no-preference) {::view-transition-group(*) { animation-duration: 0.4s; }} /*# sourceURL=plvt-view-transitions-inline-css */ .piotnetforms-btn .piotnet-button,.piotnetforms-btn a.piotnet-button{padding:10px 20px;border-radius:4px;box-shadow:none;text-decoration:none}.piotnetforms-btn .piotnet-button,.piotnetforms-btn a.piotnet-button,.piotnetforms-button{background-color:#006afe;transition:all .3s;color:#fff;line-height:1;font-size:15px;display:inline-block}.piotnetforms-button{padding:12px 24px;border-radius:3px;fill:#fff;text-align:center;cursor:pointer;border:none}.piotnetforms-fields-wrapper.piotnetforms-labels-above .piotnetforms-field-group .piotnetforms-field-subgroup,.piotnetforms-fields-wrapper.piotnetforms-labels-above .piotnetforms-field-group .piotnetforms-select-wrapper,.piotnetforms-fields-wrapper.piotnetforms-labels-above .piotnetforms-field-group input,.piotnetforms-fields-wrapper.piotnetforms-labels-above .piotnetforms-field-group textarea{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.piotnetforms-fields-wrapper{margin-bottom:15px;position:relative}.piotnetforms-field-container{width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.piotnetforms-field-container input,.piotnetforms-field-container select,.piotnetforms-field-container textarea{outline:none}.piotnetforms-field-container select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none}.piotnetforms-field-container form{width:100%}.piotnetforms-field-subgroup{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:none!important;-ms-flex-wrap:wrap;flex-wrap:wrap}.piotnetforms-field-subgroup.piotnetforms-subgroup-inline{-ms-flex-direction:row;flex-direction:row;margin:0 -5px}.piotnetforms-field-subgroup.piotnetforms-subgroup-inline .piotnetforms-field-option{padding:0 5px}.piotnetforms-field-subgroup input[type=checkbox],.piotnetforms-field-subgroup input[type=radio],.piotnetforms-field-subgroup label{display:inline;vertical-align:middle}.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button label{padding:5px 10px;border:1px solid #868686;border-radius:3px;cursor:pointer}.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button input,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement input{display:none}.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button input:checked~label,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement input:checked~label{border-color:#006afe}.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button input:checked~label .pf-f-o-i img.pf-f-o-i-image--checked,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement input:checked~label .pf-f-o-i img.pf-f-o-i-image--checked{display:inline-block}.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button input:checked~label .pf-f-o-i-has-checked .pf-f-o-i-font-awesome--normal,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button input:checked~label .pf-f-o-i-has-checked .pf-f-o-i-image--normal,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement input:checked~label .pf-f-o-i-has-checked .pf-f-o-i-font-awesome--normal,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement input:checked~label .pf-f-o-i-has-checked .pf-f-o-i-image--normal{display:none}.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button input:checked~label .pf-f-o-i-has-checked .pf-f-o-i-font-awesome--checked,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button input:checked~label .pf-f-o-i-has-checked .pf-f-o-i-image--checked,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement input:checked~label .pf-f-o-i-has-checked .pf-f-o-i-font-awesome--checked,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement input:checked~label .pf-f-o-i-has-checked .pf-f-o-i-image--checked{display:block}.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button input:checked~label .pf-f-o-i--only-checked .pf-f-o-i-font-awesome--checked,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button input:checked~label .pf-f-o-i--only-checked .pf-f-o-i-image--checked,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement input:checked~label .pf-f-o-i--only-checked .pf-f-o-i-font-awesome--checked,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement input:checked~label .pf-f-o-i--only-checked .pf-f-o-i-image--checked{opacity:1}.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button label,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative}.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button label.piotnetforms-field-icon-on-top,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement label.piotnetforms-field-icon-on-top{-ms-flex-direction:column;flex-direction:column}.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button label.piotnetforms-field-icon-on-top .pf-f-o-i,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement label.piotnetforms-field-icon-on-top .pf-f-o-i{margin-right:0!important}.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button label .pf-f-o-i,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement label .pf-f-o-i{display:inline-block;margin-right:5px;width:14px;line-height:0}.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button label .pf-f-o-i img,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement label .pf-f-o-i img{width:100%}.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button label .pf-f-o-i-font-awesome--checked,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button label .pf-f-o-i img.pf-f-o-i-image--checked,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement label .pf-f-o-i-font-awesome--checked,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement label .pf-f-o-i img.pf-f-o-i-image--checked{display:none}.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button label .pf-f-o-i--only-checked .pf-f-o-i-font-awesome--checked,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--button label .pf-f-o-i--only-checked .pf-f-o-i-image--checked,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement label .pf-f-o-i--only-checked .pf-f-o-i-font-awesome--checked,.piotnetforms-field-subgroup.piotnetforms-field-subgroup--checkbox-replacement label .pf-f-o-i--only-checked .pf-f-o-i-image--checked{display:block;opacity:0}.piotnetforms-field-label{display:block;padding-bottom:5px}.piotnetforms-upload-field-modern-text{position:relative;padding:10px;background:#efefef;cursor:pointer;width:100%;text-align:center}.piotnetforms-upload-field-modern-style{width:100%;top:0;left:0;opacity:0;overflow:hidden;position:absolute;z-index:2;cursor:pointer}.piotnetforms-field-container select{background-image:none}.piotnetforms-signature{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.piotnetforms-signature canvas{margin-bottom:10px;border:1px solid #818a91}.piotnetforms-signature .piotnetforms-field{display:none!important}@font-face{ font-family:icomoon;src:url(/wp-content/plugins/piotnetforms-pro/assets/fonts/icomoon.eot?q99cza);src:url(/wp-content/plugins/piotnetforms-pro/assets/fonts/icomoon.eot?q99cza#iefix) format("embedded-opentype"),url(/wp-content/plugins/piotnetforms-pro/assets/fonts/icomoon.ttf?q99cza) format("truetype"),url(/wp-content/plugins/piotnetforms-pro/assets/fonts/icomoon.woff?q99cza) format("woff"),url(/wp-content/plugins/piotnetforms-pro/assets/fonts/icomoon.svg?q99cza#icomoon) format("svg");font-weight:400;font-style:normal;font-display:swap; }.piotnetforms-button-content-wrapper .icon-spinner-of-dots{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-spinner-of-dots:before{content:"\e901"}.icon-sort-down:before{content:"\e900"}.single-piotnetforms{background:#fff}.piotnetforms-field-type-hidden{display:none!important}[data-piotnetforms-submit-form-id]{cursor:pointer}[data-piotnetforms-submit-form-id] .piotnetforms-spinner{float:left;margin-right:10px;display:none!important}.piotnetforms-spinner{display:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.piotnetforms-waiting [data-piotnetforms-submit-form-id] .piotnetforms-spinner{display:inline-block!important;animation:spin 2s infinite linear}.piotnetforms-waiting{pointer-events:none;opacity:.5!important}.piotnetforms-alert--hidden,.piotnetforms-message{display:none}.piotnetforms-message.visible{display:block}.piotnetforms-message.piotnetforms-message-custom{text-align:inherit}.piotnetforms-submit .piotnetforms-message{margin-top:10px}.piotnetforms-stripe{width:100%;background-color:#fff;border:1px solid #eaeaea;padding:10px}.piotnetforms-upload{width:100%}.piotnetforms-upload .error{display:block}[data-piotnetforms-image_select_min_select_check],[data-piotnetforms-required]{color:red;width:100%}.piotnetforms-mark-required .piotnetforms-field-label:after{content:"*";color:red;padding-left:.2em}.piotnetforms-image-upload-placeholder{position:relative;border:1px solid #eaeaea;border-radius:2px;max-width:300px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-size:52px;background-position:50%;background-repeat:no-repeat;background-size:cover;width:25%}[data-piotnetforms-image-upload-label]{width:25%}[data-piotnetforms-image-upload-label] .piotnetforms-image-upload-placeholder{width:100%}.piotnetforms-image-upload-placeholder.piotnetforms-image-upload-uploading{opacity:.5}.piotnetforms-image-upload-placeholder:before{content:"";display:block;padding-top:100%}.piotnetforms-image-upload-button{display:none;position:absolute;font-size:30px;cursor:pointer}.piotnetforms-image-upload-button i{background:#fff;border-radius:50%;width:40px;height:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.piotnetforms-image-upload-button.piotnetforms-image-upload-button--remove{top:10px;right:10px}.piotnetforms-image-upload-button--add,.piotnetforms-image-upload-uploaded .piotnetforms-image-upload-button--remove,.piotnetforms-image-upload-uploading .piotnetforms-image-upload-button--uploading{display:block}.piotnetforms-image-upload-label-hidden,.piotnetforms-image-upload-uploaded .piotnetforms-image-upload-button--add,.piotnetforms-image-upload-uploading .piotnetforms-image-upload-button--add{display:none}.piotnetforms-widget-piotnetforms-field-hidden{margin-bottom:0!important}#piotnetforms:not(.piotnetforms-widget-preview) .piotnetforms-pdf-generator-preview,#piotnetforms:not(.piotnetforms-widget-preview) [data-piotnetforms-conditional-logic-not-field],#piotnetforms:not(.piotnetforms-widget-preview) [data-piotnetforms-honeypot]{display:none}.nice-number{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:stretch;justify-content:stretch}.nice-number input{vertical-align:middle;-moz-appearance:textfield;box-sizing:content-box;margin:0;text-align:center;-ms-flex-preferred-size:auto!important;flex-basis:auto!important}.nice-number input::-webkit-inner-spin-button,.nice-number input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}[data-piotnetforms-repeater-form-id-trigger]{cursor:pointer}[data-piotnetforms-spiner] button{margin:0;overflow:visible;font:inherit;text-align:inherit;background:0 0;outline:0;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;position:relative;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;font-size:20px;font-weight:400;line-height:1;color:#006afe;text-decoration:none;white-space:nowrap;cursor:pointer;border:1px solid #006afe;border-radius:50%;padding:0}.nice-number,[data-piotnetforms-spiner] button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.nice-number input{border:none!important;width:20px!important}.piotnetforms-delete-post{cursor:pointer}.piotnetforms-preview-submission__item-label{font-weight:700}.piotnetforms-pdf-generator-preview--not-custom .piotnetforms-pdf-generator-preview__item{margin-top:20px;margin-left:20px;position:relative!important}.piotnetforms-field.piotnetforms-select-wrapper:not(.piotnetforms-image-select-field):after{content:"";width:15px;height:15px;background:transparent url("data:image/svg+xml;utf8,") no-repeat;position:absolute;top:50%;transform:translateY(-50%);right:10px;pointer-events:none;text-shadow:0 0 3px rgba(0,0,0,.3)}.piotnetforms-field-group{width:100%}.piotnetforms-field-icon{position:absolute;bottom:0;height:100%;font-size:18px}.piotnetforms-field-icon i{display:block}.piotnetforms-field-icon-image--focus{display:none}.piotnetforms-field-focus .piotnetforms-field-icon-image--focus{display:block}.piotnetforms-field-focus .piotnetforms-field-icon-image--normal{display:none}.piotnetforms-field-mapping__preview{padding-right:10px;padding-left:10px}[data-piotnetforms-paypal-submit][data-piotnetforms-paypal-submit-enable]{display:none}.piotnetforms-button-content-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.piotnetforms-align-icon-right{-ms-flex-order:15;order:15}a.piotnetforms-btn__inner{text-decoration:none;padding:12px 24px;border-radius:3px;color:#fff;fill:#fff;text-align:center;transition:all .3s;cursor:pointer;background-color:#006afe}a.piotnetforms-btn__inner::hover{color:#fff}.progressbar-hidden{display:none}@media (min-width:1025px){.piotnetforms-hidden-desktop{display:none}}@media (min-width:768px) and (max-width:1024px){.piotnetforms-hidden-tablet{display:none}}@media (max-width:767px){.piotnetforms-hidden-phone{display:none}}.piotnetforms-field-group{position:relative}.piotnetforms-button--justify{width:100%}.piotnetforms-button-icon{display:inline-block}#piotnetforms .woocommerce-checkout{overflow:hidden}.piotnetforms-admin-button-ajax i{display:none}.piotnetforms-admin-button-ajax.loading i{display:inline-block}.piotnetforms-select-wrapper:before{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e900";font-weight:900;font-size:8px;right:10px}.piotnetforms-label-animation label,.piotnetforms-select-wrapper:before{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.piotnetforms-label-animation label{z-index:1;left:10px;padding-bottom:0;transition:all .2s ease}.piotnetforms-label-animation.piotnetforms-label-animated label{transform:translateY(0);top:0;left:0;font-size:14px}.piotnetforms-mailchimp-list__item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.piotnetforms-pdf-generator-preview__item.B{font-weight:700}.piotnetforms-pdf-generator-preview__item.I{font-style:italic}.piotnetforms-pdf-generator-preview__item.BI{font-style:italic;font-weight:700}.piotnetforms-file-uploaded i{color:red;padding:3px;margin-left:3px;font-size:16px;cursor:pointer}.piotnetforms-animation{opacity:0}:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}@media (prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}.piotnetforms-widget-preview [data-piotnetforms-repeater-trigger-action=remove]{display:block!important}.piotnetforms-select-drop-down{position:relative}.elementor-widget-piotnetforms .piotnetforms-field-container ::-webkit-input-placeholder{font-family:revert;font-weight:revert;font-size:revert;color:revert;text-transform:revert;letter-spacing:revert}.elementor-widget-piotnetforms .piotnetforms-field-container ::-moz-placeholder{font-family:revert;font-weight:revert;font-size:revert;color:revert;text-transform:revert;letter-spacing:revert}.elementor-widget-piotnetforms .piotnetforms-field-container :-ms-input-placeholder,.elementor-widget-piotnetforms .piotnetforms-field-container ::-ms-input-placeholder{font-family:revert;font-weight:revert;font-size:revert;color:revert;text-transform:revert;letter-spacing:revert}.elementor-widget-piotnetforms .piotnetforms-field-container ::placeholder{font-family:revert;font-weight:revert;font-size:revert;color:revert;text-transform:revert;letter-spacing:revert}.piotnetforms-sendgrid-reserved-field__item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.piotnetforms-sendgrid-reserved-field__title{font-weight:700;margin:10px 0}#piotnetforms{word-break:break-word;width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:auto;margin-right:auto}#piotnetforms img{max-width:100%}#piotnetforms>*{width:100%}#piotnetforms .icon-angle-up:before{content:"\f106"}#piotnetforms .icon-angle-down:before{content:"\f107"}.piotnetforms__form{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.piotnetforms__form>*{width:100%;padding:0 10px}.piotnetforms-container{width:100%}.piotnet-base-frontend{padding:0}.piotnet-column__inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;width:100%}.piotnet-column__inner>*{width:100%}.piotnet-column__inner>:not(.piotnet-widget),.piotnet-column__inner [data-piotnet-editor-widgets-item-root]{padding:0 10px}.piotnet-column,.piotnet-section{position:relative}.piotnet-column{-ms-flex:1 1 auto;flex:1 1 auto;display:-ms-flexbox;display:flex}.piotnet-column__inner{position:relative}.piotnet-section__container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:auto!important;margin-right:auto!important}.piotnet-section__container.piotnet-section__container--full-width{width:100%!important;max-width:none!important}.piotnetforms-contextmenu{display:none;z-index:1000;position:absolute;overflow:hidden;border:1px solid #e6e9ec;white-space:nowrap;font-family:sans-serif;background:#fff;color:#333;border-radius:3px;font-size:12px;box-shadow:0 2px 10px 0 rgba(0,0,0,.09)}.piotnetforms-contextmenu__item{padding:5px 15px;cursor:pointer}.piotnetforms-contextmenu__item:hover{background-color:#eaeaea}.pafe-button-load-pdf-template{display:none}.piotnetforms-widget-preview .pafe-button-load-pdf-template{display:block}.data-mailchimp-merge-field__inner{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:3px}.piotnetforms-show-password-icon{position:absolute;right:0;padding:8px 10px}.piotnetforms-field-group .piotnetforms-select-wrapper select{color:inherit}.piotnetforms-sendinblue-title{margin:7px 0}.piotnetforms-convertkit-field,.piotnetforms-convertkit-form-item,.piotnetforms-paypal-plan-item,.piotnetforms-sendinblue-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.piotnetforms-sendinblue-item-id{margin-left:15px}.piotnetforms-multiselectpicklist-field{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-left:10px;font-style:italic}.piotnetforms-converkit-title{margin:5px 0;font-size:13px}.piotnetforms-convertkit-field{margin-left:5px}.piotnetforms-constant-contact-item,.piotnetforms-constant-contact-list-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.piotnetforms-column-flex{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}.piotnetforms-label-inline{padding-bottom:0}.piotnetforms-live-preview-images{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.piotnetforms-live-preview-images img{border:1px solid #eaeaea;padding:1px}.piotnetforms-live-preview-images img:not(:last-child){margin-right:10px}.piotnetforms-field.piotnetforms-select-wrapper.piotnetforms-select-multiple:after{background:none}.piotnet-hidden,.piotnetforms-hidden{display:none}.iti-rtl .iti__country-list{left:0!important}.fusion-tb-footer .piotnetforms,.fusion-tb-header>#piotnetforms{display:none!important}.piotnetforms-pdf-generator-preview__item.L{text-align:left;width:100%!important;padding:0 10px;left:0!important}.piotnetforms-pdf-generator-preview__item.C{text-align:center;width:100%!important;padding:0 10px;left:0!important}.piotnetforms-pdf-generator-preview__item.R{text-align:right;width:100%!important;padding:0 10px;left:0!important}.piotnetforms-field-image-upload-error{display:block;margin-top:7px}.piotnetforms-preview-name{margin-top:5px;font-size:11px;text-align:center}.piotnetforms-upload-preview{display:-ms-flexbox;display:flex;column-gap:30px;margin-top:15px}.piotnetforms-file-upload-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}#form-field-uploads-error{margin-top:7px}.piotnetforms-remove-file{position:absolute;right:-9px;top:-7px;font-size:12px;border:1px solid red;cursor:pointer;color:#fff;background:red;border-radius:50%;text-align:center;width:16px;height:16px}.piotnetforms-remove-file:hover{background:red}.piotnetforms-name-file-upload{position:relative}#form-field-uploads-error{color:red}/* Theme Name: upside.rs Theme URI: https://upside.rs/ Description: Tema desenvolvido para o site upside.rs Author: Agência Upside Author URI: https://upside.rs/ Version: 2.0.28 */@font-face{ font-family: 'Product Sans'; src: url('/wp-content/themes/upside/assets/fonts/product-sans/ProductSans-BoldItalic.woff2') format('woff2'), url('/wp-content/themes/upside/assets/fonts/product-sans/ProductSans-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face{ font-family: 'Product Sans'; src: url('/wp-content/themes/upside/assets/fonts/product-sans/ProductSans-Bold.woff2') format('woff2'), url('/wp-content/themes/upside/assets/fonts/product-sans/ProductSans-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face{ font-family: 'Product Sans'; src: url('/wp-content/themes/upside/assets/fonts/product-sans/ProductSans-Italic.woff2') format('woff2'), url('/wp-content/themes/upside/assets/fonts/product-sans/ProductSans-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face{ font-family: 'Product Sans'; src: url('/wp-content/themes/upside/assets/fonts/product-sans/ProductSans-Regular.woff2') format('woff2'), url('/wp-content/themes/upside/assets/fonts/product-sans/ProductSans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face{ font-family: 'upside-icons'; src: url('/wp-content/themes/upside/assets/icons/upside-icons/fonts/upside-icons.eot?ct77p'); src: url('/wp-content/themes/upside/assets/icons/upside-icons/fonts/upside-icons.eot?ct77p#iefix') format('embedded-opentype'), url('/wp-content/themes/upside/assets/icons/upside-icons/fonts/upside-icons.ttf?ct77p') format('truetype'), url('/wp-content/themes/upside/assets/icons/upside-icons/fonts/upside-icons.woff?ct77p') format('woff'), url('/wp-content/themes/upside/assets/icons/upside-icons/fonts/upside-icons.svg?ct77p#upside-icons') format('svg'); font-weight: normal; font-style: normal; font-display:swap; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'upside-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-headset:before { content: "\e92c"; } .icon-phone:before { content: "\e92d"; } .icon-chatgpt:before { content: "\e929"; } .icon-claude:before { content: "\e92a"; } .icon-perplexity:before { content: "\e92b"; } .icon-graph:before { content: "\e928"; } .icon-pinterest:before { content: "\e926"; } .icon-x:before { content: "\e927"; } .icon-close:before { content: "\e925"; } .icon-light:before { content: "\e924"; } .icon-arrow-left:before { content: "\e900"; } .icon-arrow-right:before { content: "\e901"; } .icon-arrow:before { content: "\e902"; } .icon-blocks:before { content: "\e903"; } .icon-business:before { content: "\e904"; } .icon-card:before { content: "\e905"; } .icon-caret:before { content: "\e906"; } .icon-cart:before { content: "\e907"; } .icon-check:before { content: "\e908"; } .icon-click:before { content: "\e909"; } .icon-customer:before { content: "\e90a"; } .icon-dark:before { content: "\e90b"; } .icon-facebook:before { content: "\e90c"; } .icon-globe:before { content: "\e90d"; } .icon-google:before { content: "\e90e"; } .icon-infinite:before { content: "\e90f"; } .icon-infra:before { content: "\e910"; } .icon-instagram:before { content: "\e911"; } .icon-integration:before { content: "\e912"; } .icon-linkedin:before { content: "\e913"; } .icon-mail:before { content: "\e914"; } .icon-medal:before { content: "\e915"; } .icon-message:before { content: "\e916"; } .icon-nuvemshop:before { content: "\e917"; } .icon-panel:before { content: "\e918"; } .icon-search:before { content: "\e919"; } .icon-seo:before { content: "\e91a"; } .icon-siterapido:before { content: "\e91b"; } .icon-spotify:before { content: "\e91c"; } .icon-structure:before { content: "\e91d"; } .icon-tag:before { content: "\e91e"; } .icon-up:before { content: "\e91f"; } .icon-upside:before { content: "\e920"; } .icon-user:before { content: "\e921"; } .icon-whatsapp:before { content: "\e922"; } .icon-youtube:before { content: "\e923"; } /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ @font-face{ font-display:swap;font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal }:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* Variables */ :root { --primary-color: #FF1E40; --white-color: #FFF; --gradient: linear-gradient(90deg, #FF1E40 0%, #FF1E5E 100%); --gradient-hover: linear-gradient(140deg, #FF1E5E 0%, #FF1E40 100%); --bg-headline-color: rgba(255, 30, 64, 0.10); --text-color: #FFF; --text-off-color: rgba(255,255,255,.6); --text-primary-color: #FFF; --text-dark-color: #171717; --input-color: #32050C; --background-page-color: #120104; --bg-color: #250309; --bg-primary-color: #FFF; --bg-secondary-color: #32050C; --tag-color: #4E0813; --border-color: #4E0813; --border-separator-color: #4E0813; --select-color: #393731; --selected-color: #474540; --error-color: #AF4343; --title-size: 48px; --title-medium-size: 35px; --max-width: 1100px; --max-width-content: 1140px; --vh: 100vh; } /* Reset */ * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; scroll-padding-top: 0; } html :where(.wp-block) { max-width: none; } body.upside { overflow: hidden; overflow-y: auto; color: var(--text-color); font-size: 14px; font-style: normal; font-weight: 400; line-height: 25px; letter-spacing: -0.14px; background: var(--background-page-color) url(/wp-content/themes/upside/assets/images/background.avif) top center no-repeat; } body.upside.home { background-image: url(/wp-content/themes/upside/assets/images/background-home.avif); } @media screen and (min-width: 1920px) { body.upside { background-size: 100%; } } body.upside, body.upside * { font-family: "Product Sans", sans-serif; } body.upside, body.upside input, body.upside select, body.upside textarea, body.wp-admin .wp-block-post-content { background-color: var(--background-page-color); } .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { color: var(--white-color); } body.upside input:focus, body.upside textarea:focus { outline: none; border-color: var(--input-active-color) !important; } body.upside input.error, body.upside textarea.error { border-color: var(--error-color) !important; } body.upside input[type="search"]::-webkit-search-cancel-button { display: none; -webkit-appearance: none; } body.upside input, body.upside button, body.upside select, body.upside textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: .4s ease-in-out; } body.upside a { color: var(--white-color); text-decoration: none; transition: ease-in-out .4s; } body.upside a:hover, body.upside a:active, body.upside a:focus { opacity: 1; text-decoration: none; } body.upside strong { font-weight: 700; } /* custom select */ .custom-select-container { position: relative; } .custom-select-container.is-disabled { opacity: .333; } .custom-select-container select { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; } .custom-select-container .custom-select-opener { cursor: pointer; display: block; padding: 15px 0; width: 100%; min-height: 51px; color: var(--text-off-color); font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.14px; transition: .4s; } .custom-select-container .custom-select-opener::after { content: "\e906"; position: absolute; top: 50%; right: 0; margin-top: -7px; font-family: 'upside-icons' !important; font-size: 8px; } .custom-select-container .custom-select-panel { opacity: 0; visibility: hidden; overflow: hidden; position: absolute; z-index: 1; top: calc( 100% + 15px ); padding: 10px; width: 100%; max-height: 0; background: var(--border-color); border-radius: 10px; transition: opacity .4s, max-height .5s ease-out, overflow-y 0.1s 0.5s; } .custom-select-container.is-open .custom-select-opener { border-color: var(--text-color); } .custom-select-container.is-open .custom-select-opener::after { transform: rotate(180deg); } .custom-select-container.is-open .custom-select-panel { opacity: 1; visibility: visible; overflow-y: auto; max-height: 500px; } .custom-select-container .custom-select-option { cursor: pointer; padding: 15px; color: var(--text-color); font-size: 14px; font-weight: 700; line-height: 1em; letter-spacing: -0.14px; } .custom-select-container .custom-select-option.is-selected { border: 1px solid var(--primary-color); border-radius: 5px; } .custom-select-container .custom-select-option.has-focus { background: var(--primary-color); border-radius: 5px; } .custom-select-container .custom-select-optgroup > .custom-select-option { padding-left: 2em; } .custom-select-container .custom-select-optgroup::before { content: attr(data-label); display: block; padding: 10px; } @media screen and (max-width: 991px) { .custom-select-container.is-open .custom-select-panel { max-height: 300px; } } /* Helpers */ .d-none, .sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } /* Layout */ .container { margin: 0 auto; width: 100%; max-width: var(--max-width); } .btn-group { display: flex; gap: 20px; } .btn { cursor: pointer; display: inline-flex; align-items: center; border: none; transition: .4s; } .btn-primary { display: inline-flex; gap: 10px; align-items: center; justify-content: center; padding: 13px 26px; width: fit-content; height: 60px; color: var(--white-color); font-size: 15px; font-weight: 700; line-height: 22px; background: var(--gradient); border: none; border-radius: 100px; transition: .4s; } .btn-primary:hover { opacity: .9 !important; background: var(--gradient-hover); } .btn-primary i { font-size: 15px; } .btn-secondary { opacity: .8; position: relative; display: inline-flex; gap: 5.72px; padding: 0 23.94px; height: 48px; color: var(--text-primary-color) !important; font-size: 12px; font-weight: 700; line-height: 1em; letter-spacing: -0.12px; background: var(--bg-color); border-radius: 100px; transition: .4s; } .btn-secondary:hover { opacity: 1; background: var(--bg-headline-color); } .btn-secondary i { color: var(--primary-color); font-size: 9px; } .btn-arrow { display: inline-flex; gap: 10px; align-items: center; justify-content: center; padding: 19px; width: fit-content; height: 70px; color: var(--white-color); font-size: 17px; font-weight: 700; line-height: 1em; letter-spacing: -0.17px; background: var(--gradient); border-radius: 100px; } .btn-arrow:hover { opacity: .9 !important; background: var(--gradient-hover); } .btn-arrow::before { content: "\e902"; display: flex; align-items: center; justify-content: center; color: var(--primary-color); font-family: 'upside-icons' !important; font-size: 16px; width: 49px; height: 32px; background: var(--white-color); border-radius: 100px; transition: .4s; } .btn-outline { cursor: pointer; display: inline-flex; gap: 10px; align-items: center; justify-content: center; padding: 13px 26px; height: 48px; color: var(--primary-color) !important; font-size: 17px; font-weight: 700; line-height: 22px; background: transparent; border: 1px solid var(--primary-color); border-radius: 100px; } .btn-outline i { display: inline-block; font-size: 10px; } .btn-search { cursor: pointer; display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; font-size: 16px; color: var(--primary-color); background: var(--primary-light-color); border: none; border-radius: 100px; } .btn-link { gap: 6.48px; color: var(--text-color); } .btn-link i { font-size: 10px; } .btn-icon { --color: rgba(255,255,255,.7); position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; color: var(--color); border-radius: 100px; } .btn-icon .btn-label { position: absolute; z-index: 1; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .btn-icon i { position: relative; z-index: 2; } .btn-filter { position: relative; display: flex; gap: 10px; align-items: center; justify-content: center; padding: 12px 21px; height: auto !important; color: var(--white-color); font-size: 14px; font-weight: 700; line-height: 26px; letter-spacing: -0.28px; background: transparent; border-radius: 100px; border: 1px solid var(--primary-color) !important; } .btn-filter::before { content: " "; width: 6px; height: 6px; background: var(--primary-color); border-radius: 100px; } .btn-more i { font-size: 6px; } /* Header */ .site-header { position: relative; z-index: 9999; width: 100%; height: auto; background: transparent; transition: ease-in-out .4s; } .site-header.header--sticky { position: sticky; z-index: 999; top: 0; } .site-header.header--fixed { position: fixed; z-index: 999; top: 0; left: 50%; margin-top: 0; transform: translateX(-50%); } .site-header.sticked { background: var(--background-page-color); box-shadow: 0 0 2px rgba(0, 0, 0, .1); } .site-header .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; height: 100%; } .site-header > .container { padding: 31px 0; max-width: var(--max-width); } .site-header .header--toolbar { padding: 15px 0; background: var(--gradient); } .site-header .header--toolbar ul { list-style: none; display: flex; gap: 45px; } .site-header .header--toolbar ul li { line-height: 1em; } .site-header .header--toolbar a { color: var(--white-color); font-size: 12px; font-weight: 700; letter-spacing: -0.12px; line-height: 1em; } .site-header .header--toolbar a i { font-size: 16px; } .site-logo { position: relative; z-index: 2; padding: 0; box-sizing: content-box; transition: .4s; filter: brightness(0) invert(1); } .site-logo, .site-logo a { opacity: 1 !important; display: block; width: 129.217px; height: 35.414px; } .site-logo a { text-indent: -99999px; background: transparent url(/wp-content/themes/upside/assets/images/upside-logo.svg) center center no-repeat; background-size: contain; } .site-header .header--buttons { position: relative; z-index: 2; display: flex; gap: 16px; } .site-header .btn--color { cursor: pointer; position: relative; z-index: 99; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; color: var(--text-dark-color); background: var(--bg-primary-color); border: none; border-radius: 100px; transition: .4s ease-in-out; } .site-header .btn--color .icon-light { display: none; } .site-header .btn--menu, .site-header .btn--search { cursor: pointer; position: relative; z-index: 99; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; color: var(--text-primary-color); font-size: 20px; border-radius: 100px; transition: .4s ease-in-out; } .site-header .btn--search .icon-close { position: absolute; opacity: 0; visibility: hidden; transition: .4s ease-in-out; } .site-header .btn--menu { display: none; } .search-open .site-header .btn--search .icon-search { opacity: 0; visibility: hidden; } .search-open .site-header .btn--search .icon-close { opacity: 1; visibility: visible; font-size: 16px; transform: rotate(180deg); } .site-nav-primary { position: relative; z-index: 1; display: flex; align-items: center; height: 100%; margin-left: 20px; } .site-nav--menu { display: flex; align-items: center; height: 100%; } .site-nav--menu ul { list-style: none; display: flex; align-items: center; justify-content: space-between; height: 100%; } .site-nav--menu > ul { display: flex; align-items: center; height: 100%; gap: 70px; } .site-nav--menu > ul > li { position: relative; height: 100%; } .site-nav--menu > ul > li > a { position: relative; z-index: 2; display: flex; gap: 7px; align-items: center; padding-top: 20px; padding-bottom: 20px; color: var(--text-color); font-size: 15px; font-weight: 700; letter-spacing: -0.15px; } .site-nav--menu .menu-links-secondary { display: none; } .site-header .search-box { pointer-events: none; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin: 0; padding-top: 160px; width: 100%; height: var(--vh); min-height: 640px; background: var(--bg-headline-color); transform: translateY(-100%); transition: .4s; backdrop-filter: blur(30px); } .search-box { margin: 60px 0 120px; } .search-box .search-form { position: relative; display: flex; margin: 0 auto; width: 100%; max-width: 590px; height: 78px; background: var(--bg-color); border: 1px solid var(--border-color); border-radius: 100px; } .search-box .search-form::before { pointer-events: none; content: "\e919"; position: absolute; left: 31px; top: 50%; font-family: 'upside-icons' !important; font-size: 18px; color: var(--text-color); transform: translateY(-50%); transition: .4s; } .search-box input { appearance: none; position: relative; z-index: 2; padding: 27px 167px 27px 67px; color: var(--text-color); font-weight: 700; line-height: 13px; background: transparent !important; border: none; } .search-box .btn-primary { cursor: pointer; position: absolute; z-index: 2; top: 14px; right: 22px; width: 100px; height: 48px; font-size: 15px; line-height: 22px; } .menu-open, .search-open { overflow: hidden !important; } .menu-open .site-header, .search-open .site-header { background: transparent; backdrop-filter: unset; } .menu-open .site-nav, .search-open .search-box { pointer-events: all; opacity: 1; visibility: visible; transform: translate(0); } /* Megamenu */ .site-nav-primary:has(.megamenu), .site-nav--menu > ul > li:has(.megamenu) { position: static; } .site-nav--menu > ul > li:has(.megamenu) > a::after { content: "\e906"; margin-bottom: -1px; font-family: 'upside-icons' !important; font-size: 11px; transition: .2s; } .megamenu { pointer-events: none; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 45px; display: flex; flex-direction: column; padding-top: 135px; width: 100%; background: var(--gradient); transform: translateY(30px); transition: .4s; } .megamenu--body .container { display: flex; gap: 45px; align-items: flex-start; } .megamenu--menus { display: flex; flex-direction: column; align-items: center; gap: 7px; flex: 0 0 298px; padding-top: 11px; width: 100%; } .megamenu--menu { cursor: pointer; position: relative; display: flex; padding: 5px 20px; width: calc( 100% - 20px ); color: var(--white-color); font-size: 17px; font-weight: 700; line-height: 48px; letter-spacing: -0.17px; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 12px; transition: .4s; } .megamenu--menu::after { content: "\e901"; position: absolute; top: 50%; right: 22.75px; margin-top: -23px; width: 8px; font-family: 'upside-icons' !important; font-size: 11px; transition: .2s; } .megamenu--menu.active { width: 100%; padding-left: 30px; color: var(--primary-color); background: var(--white-color); } .megamenu--menu.active::after { right: 32.75px; transform: rotate(180deg); } .megamenu--contents { position: relative; flex: 1; margin-bottom: 30px; width: 100%; min-height: 295px; } .megamenu--content { pointer-events: none; opacity: 0; position: absolute; inset: 0; display: flex; gap: 87px; transform: translateY(10px); transition: .3s ease; } .megamenu--content.active { pointer-events: all; opacity: 1; transform: translateY(0); } .megamenu--description { overflow: hidden; display: block; width: 426px; color: rgba(255, 255, 255, 0.50); font-size: 40px; font-weight: 700; line-height: 50px; letter-spacing: -0.4px; white-space: nowrap; text-overflow: ellipsis; } .megamenu--description strong { color: var(--white-color); } .megamenu--links-title { display: none; } .megamenu--links { display: flex; flex-direction: column; justify-content: flex-start !important; width: 426px; } .megamenu--links li { width: 100%; } .megamenu--links li a { position: relative; display: flex; align-items: center; justify-content: flex-start; height: 56px; color: var(--text-color); font-size: 15px; font-weight: 700; line-height: 53px; letter-spacing: -0.15px; border-bottom: 1px solid rgba(255, 255, 255, .2); transition: .6s; } .megamenu--links li a:hover { background: rgba(255, 255, 255, .07); } .megamenu--links li a::after { content: "\e901"; position: absolute; top: 50%; right: 9.75px; margin-top: -26.5px; width: 8px; font-family: 'upside-icons' !important; font-size: 11px; } .megamenu--links li .megamenu--link-num { display: block; padding: 0 19px 0 12px; font-size: 11px; letter-spacing: -0.11px; } .megamenu--image { margin-top: -35px; } .megamenu--image img { display: block; width: 100%; height: 100%; max-height: 330px; max-width: 220px; object-fit: contain; } .megamenu--footer { padding: 27px; width: 100%; color: var(--white-color); font-size: 15px; font-weight: 400; line-height: 25px; letter-spacing: -0.15px; text-align: center; background: rgba(0, 0, 0, .1); } .megamenu--footer a { text-decoration: underline !important; } .megamenu--footer a:hover { opacity: .6 !important; } @media screen and (min-width: 992px) and (hover: hover) { .megamenu--links li a { color: var(--white-color); } .site-nav--menu > ul > li:has(.megamenu):hover .megamenu { pointer-events: all; opacity: 1; visibility: visible; transform: translateY(0); } .site-nav--menu > ul > li:has(.megamenu):hover > a::after { transform: rotate(180deg); } .site-header:has(.site-nav--menu > ul > li:hover .megamenu) .site-logo { filter: brightness(0) invert(1); } .site-header:has(.site-nav--menu > ul > li:hover .megamenu) .site-nav--menu > ul > li > a { color: var(--white-color); } .site-header:has(.site-nav--menu > ul > li:hover .megamenu) .btn--color { color: var(--primary-color); background: var(--white-color); } .site-header:has(.site-nav--menu > ul > li:hover .megamenu) .btn--search { color: var(--white-color); } } @media screen and (max-width: 991px) { .megamenu { top: 0; } } /* Pages */ .site-page { background: var(--page-bg-color); } .page--error { padding: 80px 0 94px; } .page--error > .container { display: flex; align-items: center; justify-content: center; } .page--error .block--title { padding-top: 240px; } .page--error .block--title::before { content: " "; position: absolute; top: 0; left: 50%; width: 100%; min-width: 791px; height: 330px; background: transparent url(/wp-content/themes/upside/assets/images/404.svg); transform: translateX(-50%); filter: invert(1) brightness(1); } .page--error .block--subtitle { margin-top: 26px !important; } @media screen and (max-width: 991px) { .page--error > .container { padding: 0; } .page--error .block--title { padding-top: 30vw; } .page--error .block--title::before { width: 90vw; min-width: auto; height: 35vw; background-size: 100%; } .page--error .block--error { margin: 0 20px 60px; width: calc( 100% - 40px ); } .page--error .btn { width: 100%; } } .page--search { margin: 0 0 100px; } .page--search .block--content .block--title { margin: 100px 0 46px; color: var(--white-off-color); font-size: 35px; font-weight: 600; line-height: 41px; text-align: center; } .page--search .block--title strong { color: var(--white-color); } .page--search .search-no-results { margin: 100px 0; text-align: center; } @media screen and (max-width: 991px) { .page--search { margin-bottom: 60px; } .page--search .search-box { padding: 0 20px; } .page--search .block--content .block--title { margin: 40px 0; font-size: 27px; line-height: 31px; text-align: left; } } /* Single */ .post--meta { display: flex; gap: 30px; align-items: center; justify-content: center; margin-bottom: 60px; } .post--author { display: flex; gap: 15px; align-items: center; font-size: 13px; letter-spacing: -0.13px; } .post--author img { display: block; width: 40px; height: 40px; border-radius: 100px; } .post--author-box { display: flex; gap: 72px; margin: 60px 0 0; padding: 72px 88px; color: var(--text-color); background: var(--bg-color); border: 1px solid var(--border-color); border-radius: 20px; } .post--author-box img { display: block; width: 155px; height: 155px; border-radius: 100px; object-fit: cover; } .post--author-box .post--author-name { font-size: 30px; font-style: normal; font-weight: 700; line-height: 1em; letter-spacing: -0.3px; } .post--author-box .post--author-name strong { display: block; margin-top: 10px; color: var(--text-off-color); } .post--author-box p { font-size: 17px; font-style: normal; font-weight: 400; line-height: 26px; letter-spacing: -0.17px; } .post--author-box .btn { margin-top: 20px; height: 42px; } .post--categories { display: flex; gap: 15px; align-items: center; justify-content: center; } .post--categories .card--category { margin: 0; } .post--image { position: relative; margin-bottom: 60px; } .post--image img { display: block; width: 100%; max-width: 100%; height: auto; border-radius: 16px; } /* Blocks */ .block { position: relative; z-index: 1; } .block.background-color { --color: var(--background-page-color); background: var(--color); } .block--separator { display: flex; margin: 80px 0; height: 1px; background: var(--border-color); } .block--separator .separator--icon { display: flex; align-items: center; justify-content: center; margin: -30.5px auto 0; width: 61px; height: 61px; color: var(--white-color); font-size: 25px; background: var(--primary-color); border-radius: 100px; } .block--heading .block--title { color: var(--text-color); max-width: var(--max); margin: 0 auto; font-size: 30px; font-weight: 700; line-height: 1em; letter-spacing: -0.3px; text-align: center; } .block--heading .block--description { opacity: .8; margin: 0 auto; max-width: 654px; color: var(--text-color); font-size: 17px; font-weight: 400; line-height: 26px; letter-spacing: -0.17px; text-align: center; } .block--heading .block--title + .block--description { margin-top: 52px; } .block--content { position: relative; } .block--content p + p { margin-top: 1em; } .block--content p a, .block--content ul a { opacity: 1; color: var(--primary-color); text-decoration: none; } .block--content p.has-text-align-center { text-align: center; } .block--content p strong { font-weight: 600; } .block--content p + ul { margin-top: 1em; } .block--content ul { list-style: none; } .block--content ul li { position: relative; margin-bottom: .75em; padding-left: 16px; } .block--content ul li::before { content: " "; position: absolute; top: 11px; left: 0; display: block; width: 5px; height: 5px; background: var(--primary-color); border-radius: 100px; } .block__loading { position: relative; } .block__loading::after { content: " "; position: absolute; z-index: 99; top: 0; left: 50%; width: 100vw; height: 100%; background: rgb(39, 37, 30, .1); transform: translateX(-50%); backdrop-filter: blur(24px); } .block--content h2, .block--content h3, .block--content h4, .block--content h5, .block--content h6 { font-weight: 600; margin-bottom: 1.25em; } .block--content h2 *, .block--content h3 *, .block--content h4 *, .block--content h5 *, .block--content h6 * { font-weight: 600; } .block--content h2 { font-size: 24px; } .block--content h3 { font-size: 20px; } .block--content h4 { font-size: 18px; } .block--content h5 { font-size: 16px; } .block--content h6 { font-size: 14px; } .has-small-font-size { font-size: 12px !important; font-weight: 400; line-height: 21px; } .has-medium-font-size { font-size: 22px !important; line-height: 31px; } .has-large-font-size { font-size: 24px !important; font-weight: 500; line-height: 33px; } .has-x-large-font-size { font-size: 28px !important; font-weight: 500; line-height: 37px; } .block--share { display: block; clear: both; margin: 0; padding: 60px 0; } .block--share .block--title { display: block; margin: 0 auto 14.35px; color: var(--white-off-color); font-size: 11px; font-weight: 700; line-height: 13px; letter-spacing: 3px; text-align: center; } .block--share ul { list-style: none; display: flex; gap: 25px; align-items: center; justify-content: center; } .block--share ul li { position: relative; } .block--share ul li a i { color: var(--text-primary-color) !important; } .block--share .btn-icon { background: var(--bg-headline-color); } @media screen and (max-width: 991px) { .block--share ul { gap: 20px; } } .entry-content .alignnone { margin-left: 0 !important; margin-right: 0 !important; } .entry-content .alignleft { display: inline; float: left; margin-right: 20px !important; margin-top: 20px !important; margin-bottom: 20px !important; } .entry-content .alignright { display: inline; float: right; margin-left: 20px !important; margin-top: 20px !important; margin-bottom: 20px !important; } .entry-content .aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; } .entry-content .wp-block-image { margin: 1.5em 0; text-align: center; } .entry-content .wp-block-image img { display: inline-block; max-width: 100%; height: auto; vertical-align: middle; } .entry-content .wp-block-image.alignleft { float: left; margin-right: 20px !important; margin-top: 20px !important; margin-bottom: 20px !important; } .entry-content .wp-block-image.alignright { float: right; margin-left: 20px !important; margin-top: 20px !important; margin-bottom: 20px !important; } .entry-content .wp-block-image.aligncenter { display: block; margin-left: auto !important; margin-right: auto !important; } .entry-content .wp-block-image.aligncenter img { display: block; margin: 0 auto; } .entry-content .wp-caption { max-width: 100%; margin-bottom: 1.5em; text-align: center; } .entry-content .wp-caption img { margin: 0 auto; display: block; max-width: 100%; height: auto; border-radius: 16px; } .entry-content .wp-caption-text { font-size: 0.9em; color: var(--white-off-color); margin-top: 0.5em; line-height: 1.4em; } .entry-content figure.wp-block-image figcaption, .entry-content .wp-block-gallery figcaption { margin-top: 0.5em; font-size: 0.9em; color: rgba(255, 255, 255, 0.65); text-align: center; line-height: 1.4em; } .entry-content .alignwide { width: 100%; max-width: var(--container-wide, 1200px); margin-left: auto; margin-right: auto; } .entry-content .alignfull { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .entry-content p + .wp-block-heading { margin-top: 2em; } @media (max-width: 991px) { .entry-content .alignleft, .entry-content .alignright { float: none; display: block; margin: 1em auto; text-align: center; } .entry-content .wp-block-image.alignleft, .entry-content .wp-block-image.alignright { float: none; margin: 1em auto; } } .wp-block-separator { opacity: .2; margin: 40px 0; height: 1px; background: var(--white-color); border: none; } .wp-block-quote { margin: 70px 0 60px; padding-bottom: 50px; text-align: center; border-bottom: 1px solid rgba(30, 108, 91, .1); } .wp-block-quote p { margin: 0 auto; padding: 0 30px; max-width: 775px; color: var(--primary-color) !important; font-size: 19px !important; line-height: 30px !important; } .wp-block-image:has(.wp-element-caption) > figure { display: flex; flex-direction: column; } .wp-block-image:has(.wp-element-caption) > figure img { margin: 0 auto 10px; } .wp-element-caption { color: var(--text-color); text-align: center; font-size: 14px; line-height: 23px; text-align: center; } .wp-block-table { margin: 60px 0; } .wp-block-table table { border-collapse: separate; } .wp-block-table th { padding: 10px 0; font-size: 13px; font-weight: 700; line-height: 23px; letter-spacing: -0.26px; background: var(--white-color); border: none; } .wp-block-table td { padding: 8px; text-align: center; background: var(--secondary-color); border: none; } .wp-block-table td:first-child { border-radius: 16px 0 0 16px; } .wp-block-table td:last-child { border-radius: 0 16px 16px 0; } .wp-block-table tr:nth-child(even) td { background: var(--secondary-color); } .wp-block-table + .btn { display: flex; margin: 40px auto 0; } .wp-block-gallery { margin: 40px 0 60px; } .wp-block-embed, .wp-block-image { overflow: hidden; margin-bottom: 60px; border-radius: 20px; } .wp-block-image { border-radius: 0; } .wp-block-image.size-full { width: 100%; } .wp-block-image.aligncenter img { margin: 0 auto; } .wp-block-image .size-large { width: 100%; } .wp-block-image .aligncenter.size-large img { display: block; width: 100%; height: auto; } .wp-block-columns { gap: 60px !important; margin: 0 auto; width: 100%; max-width: var(--max-width); } /* Sliders */ .swiper { --swiper-navigation-sides-offset: 30px; --swiper-pagination-color: var(--primary-color); --swiper-pagination-bullet-inactive-color: var(--bg-primary-color); --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 5px; --swiper-pagination-bottom: 20px; --swiper-scrollbar-size: 6px; --swiper-scrollbar-bg-color: var(--bg-color); --swiper-scrollbar-drag-bg-color: var(--primary-color); } .swiper .swiper-slide { height: auto; } .swiper:has(.swiper-pagination) { padding-bottom: 77px; } .swiper:has(.swiper-scrollbar) { padding-bottom: 36px; } .swiper .swiper-pagination { display: flex; align-items: center; justify-content: center; gap: 8px; } .swiper .swiper-pagination-bullet { position: relative; display: inline-block; width: 8px; height: 8px; border-radius: 100px; border: none; } .swiper .swiper-pagination-bullet::before { content: ''; position: absolute; width: 44px; height: 44px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: transparent; } .swiper .swiper-pagination-bullet-active { opacity: 1; width: 52.5px; border-radius: 100px; } .swiper .swiper-button-prev, .swiper .swiper-button-next { display: flex; align-items: center; justify-content: center; margin-top: -25px; width: 60px; height: 60px; color: var(--primary-color); font-size: 10px; background: var(--white-color); border-radius: 100px; } .swiper .swiper-button-prev::after, .swiper .swiper-button-next::after { display: none !important; } .swiper .swiper-scrollbar { z-index: 99; cursor: pointer; width: 100%; left: 0; bottom: 0; } .swiper .swiper-scrollbar-drag { cursor: grab; } @media (max-width: 991px) { .swiper .swiper-scrollbar-drag { position: relative; margin-top: -22px; height: 44px; background: transparent; } .swiper .swiper-scrollbar-drag::before { content: " "; position: absolute; left: 0; top: 22px; display: block; height: 3px; width: 100%; background: var(--swiper-scrollbar-drag-bg-color); border-radius: var(--swiper-scrollbar-border-radius,10px); } } /* Forms */ .piotnetforms { color: var(--white-color); } .piotnetforms__form>* { padding: 0; } .piotnetforms .piotnet-column__inner { gap: 10px; padding: 0; margin: 0; } .piotnetforms .piotnet-column__inner .piotnetforms-fields-wrapper { position: relative; margin: 0; padding: 0; } .piotnetforms .piotnetforms-field-label { opacity: .5; margin: 0; padding: 0; color: var(--white-color); font-size: 10px; font-style: normal; font-weight: 700; line-height: 1em; letter-spacing: 2.4px; text-transform: uppercase; } .piotnetforms .piotnetforms-field, .piotnetforms .piotnetforms-field select, .piotnetforms .custom-select-container .custom-select-opener { padding: 20.5px 20px !important; width: 100%; color: var(--text-color) !important; font-size: 14px !important; font-style: normal !important; font-weight: 700 !important; line-height: 1em !important; letter-spacing: -0.14px; background: var(--input-color) !important; border: 1px solid transparent !important; border-radius: 11px !important; } .piotnetforms .custom-select-container .custom-select-opener::after { right: 20px; } .piotnetforms .custom-select-container .custom-select-opener { padding: 22px 0 !important; color: var(--text-off-color) !important; } .piotnetforms .custom-select-container.is-open .custom-select-opener { color: var(--text-color) !important; } .piotnetforms .piotnetforms-field select { padding: 0; border: none; } .piotnetforms .piotnetforms-field select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent; } .piotnetforms .piotnetforms-field:hover { border-color: transparent !important; } .piotnetforms .piotnetforms-field:active, .piotnetforms .piotnetforms-field:focus, .piotnetforms .piotnetforms-field:focus-visible, .piotnetforms .piotnetforms-field:focus-within, .piotnetforms .piotnetforms-field select:active { border-color: transparent !important; } .piotnetforms .piotnetforms-field.piotnetforms-select-wrapper { padding: 0 !important; border: none !important; } .piotnetforms .piotnetforms-field.piotnetforms-select-wrapper::before, .piotnetforms .piotnetforms-field.piotnetforms-select-wrapper::after { display: none !important; } .piotnetforms .piotnetforms-field::placeholder { opacity: .5; color: var(--text-color); } .piotnetforms .piotnetforms-field::-moz-placeholder { opacity: .5; color: var(--text-color); } .piotnetforms .piotnetforms-field:-ms-input-placeholder { opacity: .5; color: var(--text-color); } .piotnetforms .piotnetforms-field::-ms-input-placeholder { opacity: .5; color: var(--text-color); } .piotnetforms .piotnetforms-field-focus .piotnetforms-field::placeholder { opacity: 1; } .piotnetforms .piotnetforms-field-focus .piotnetforms-field::-moz-placeholder { opacity: 1; } .piotnetforms .piotnetforms-field-focus .piotnetforms-field:-ms-input-placeholder { opacity: 1; } .piotnetforms .piotnetforms-field-focus .piotnetforms-field::-ms-input-placeholder { opacity: 1; } .piotnetforms .piotnetforms-field-subgroup.piotnetforms-subgroup-inline { margin-top: 15px; } .piotnetforms .piotnetforms-field-option { cursor: pointer; position: relative; display: flex; align-items: center; gap: 13.61px; } .piotnetforms .piotnetforms-field-option label { cursor: pointer; user-select: none; } .piotnetforms .piotnetforms-acceptance-field[type="checkbox"], .piotnetforms .piotnetforms-field-option [type="radio"] { outline: none; cursor: pointer; position: relative; flex: none !important; padding: 0; width: 24px; height: 24px; background: var(--white-color); border-radius: 5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .piotnetforms .piotnetforms-field-option [type="radio"] { border-radius: 100px; } .piotnetforms .piotnetforms-acceptance-field[type="checkbox"]:checked::after, .piotnetforms .piotnetforms-field-option [type="radio"]:checked::after { content: '\e906'; position: absolute; top: 4px; left: 4px; display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; color: var(--white-color); font-family: 'upside-icons' !important; font-size: 8px; background: var(--primary-color); border-radius: 4px; } .piotnetforms .piotnetforms-field-option [type="radio"]:checked::after { border-radius: 100px; } .piotnetforms .piotnetforms-upload .piotnetforms-field { width: 100%; } .piotnetforms .piotnetforms-submit { padding: 0 !important; } .piotnetforms .piotnetforms-button { display: inline-flex; gap: 10px; align-items: center; justify-content: center; padding: 13px 26px; width: 100%; height: 60px; color: var(--white-color); font-size: 15px; font-weight: 700; letter-spacing: -0.15px; text-align: center; background: var(--gradient) !important; border: none; border-radius: 100px; transition: .4s; } .piotnetforms .piotnetforms-button:hover {opacity: .9; } .piotnetforms .piotnetforms-spacer .piotnetforms-spacer { display: block; margin: 60px 0; width: 100%; height: 1px; } .piotnetforms [class*="form-icon"] input, .piotnetforms [class*="form-icon"] .piotnetforms-field { padding-left: 51px !important; } .piotnetforms [class*="form-icon"]::before { opacity: .5; content: " "; position: absolute; z-index: 9; left: 20px; top: 22px; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; color: var(--text-color); font-family: 'upside-icons' !important; font-size: 18px; transition: .4s; } .piotnetforms .piotnetforms-field-focus[class*="form-icon"]::before, .piotnetforms .piotnetforms-fields-wrapper:has(.custom-select-container.is-open)::before { opacity: 1; } .piotnetforms .form-icon-user::before { content: "\e921"; } .piotnetforms .form-icon-mail::before { content: "\e914"; } .piotnetforms .form-icon-business::before { content: "\e904"; } .piotnetforms .form-icon-globe::before { content: "\e90d"; } .piotnetforms .form-icon-tag::before { content: "\e91e"; } .piotnetforms .form-icon-message::before { content: "\e916"; } .piotnetforms .form-icon-whatsapp::before { content: "\e922"; } .piotnetforms .form-icon-headset::before { content: "\e92c"; } .piotnetforms .form-icon-phone::before { content: "\e92d"; } .form-error { padding-left: 28px; color: var(--white-color); font-style: normal; font-weight: 500; line-height: 23px; background: transparent url(/wp-content/themes/upside/assets/icons/error.svg) left top 2px no-repeat; } .form-success, .piotnetforms-message.piotnetforms-message-success { padding-left: 28px; color: var(--white-color) !important; font-style: normal; font-weight: 700; line-height: 23px; background: transparent url(/wp-content/themes/upside/assets/icons/sucess.svg) left top 2px no-repeat; } @media screen and (max-width: 991px) { .piotnetforms .piotnetforms-field-subgroup.piotnetforms-subgroup-inline { flex-direction: column; } .piotnetforms-field-subgroup.piotnetforms-subgroup-inline .piotnetforms-field-option { padding: 5px 0; } .piotnetforms .piotnetforms-button { width: 100%; height: 50px; } .piotnetforms .piotnet-section__container { gap: 0; flex-direction: column; } .piotnetforms .piotnetforms-spacer .piotnetforms-spacer { margin: 50px 0; } } /* Newsletter */ .block--newsletter { margin-top: 140px; padding: 69px 0 68px; background: var(--bg-color); } .block--newsletter .container { max-width: var(--max-width); } .block--newsletter .container > p { opacity: .5; margin-top: 25px; color: var(--text-color); font-size: 11px; line-height: 20px; letter-spacing: -0.11px; } .block--newsletter .newsletter--content { display: flex; gap: 34px; align-items: center; justify-content: space-between; } .block--newsletter .newsletter--title { flex: 0 0 254px; color: var(--text-color); font-size: 20px; font-weight: 700; line-height: 1em; letter-spacing: -0.2px; } .block--newsletter .newsletter--form { width: 100%; } .block--newsletter .newsletter--form .piotnetforms .piotnetforms-field { padding-left: 0 !important; padding-right: 0 !important; background: transparent !important; } .block--newsletter .newsletter--form .piotnetforms .piotnetforms-field-container::after { content: " "; position: absolute; left: 0; bottom: 2px; pointer-events: none; width: 100%; height: 1px; background: var(--gradient); } .block--newsletter .newsletter--form .piotnetforms .piotnetforms-button { height: 52px; } .block--newsletter .newsletter--form .piotnetforms .piotnet-column__inner { display: flex; gap: 20px; align-items: flex-end; flex-wrap: nowrap; } .block--newsletter .newsletter--form .piotnetforms .piotnet-column__inner > div { width: 100%; } .block--newsletter .newsletter--form .piotnetforms .piotnetforms-submit { margin-bottom: -2px; } /* Alert: Coockies, Privacy Policy... */ .site-alert { opacity: 0; visibility: hidden; position: fixed; z-index: 9999; bottom: 30px; left: 50%; display: flex; align-items: center; padding: 28px; padding-left: 96px; width: fit-content; width: var(--max-width); background: var(--white-color) url('/wp-content/themes/upside/assets/images/ico-cookie.png') left 28px center no-repeat; border-radius: 20px; box-shadow: 16px -5px 60.3px 0px rgba(52, 61, 77, 0.10); transform: translateX(-50%); transition: 1.2s; } .site-alert.active { opacity: 1; visibility: visible; } .site-alert .site-alert--text { padding-right: 15px; } .site-alert p { color: var(--text-light-color); font-size: 14px; line-height: 26px; letter-spacing: -0.28px; } .site-alert p strong { color: var(--text-color); font-weight: 700; letter-spacing: -0.32px; } .site-alert p a { color: var(--primary-color); font-weight: 700; } .site-alert .btn { flex: 0 0 215px; align-items: center; justify-content: center; padding: 22px 0 24px; color: var(--primary-color); font-size: 14px; font-weight: 700; line-height: 1em; border-radius: 8px; border: 1px solid var(--primary-color); } /* Footer */ .site-footer { position: relative; z-index: 9; display: flex; flex-direction: column; background: var(--gradient); } .site-footer a:hover { opacity: .6 !important; } .site-footer .container { max-width: var(--max-width); } .site-footer .footer--content { display: flex; padding: 36px 0 35px; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.1); } .site-footer .footer--content-2 { display: flex; gap: 54px; } .site-footer .site-nav-social { display: flex; gap: 27px; justify-content: center; } .site-footer .site-nav-social p { color: var(--white-color); } .site-footer .site-nav-social ul { list-style: none; display: flex; gap: 27px; } .site-footer .site-nav-social ul li { display: flex; align-items: center; justify-content: center; } .site-footer .site-nav-social a { font-size: 20px; } .site-footer .site-nav-social .btn-label { position: absolute; z-index: 1; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .site-footer .footer--columns { display: flex; padding: 39px 0 40px; justify-content: space-between; } .site-footer .footer--column { position: relative; width: 100%; min-width: 140px; } .site-footer .footer--column .site-nav ul { list-style: none; } .site-footer .footer--column .site-nav ul li a { display: block; font-size: 13px; line-height: 2em; letter-spacing: -0.13px; } .site-footer .footer--column .site-nav > ul > li > a { margin-bottom: 10px; font-size: 14px; font-weight: 700; letter-spacing: -0.14px; } .site-footer .footer--column:last-child { max-width: 353px; } .site-footer .footer--bar { display: flex; justify-content: space-between; padding: 37px 0 62px; border-top: 1px solid rgba(255,255,255,.1); } .site-footer .footer--bar a { color: var(--white-color); font-size: 12px; font-weight: 700; letter-spacing: -0.12px; } .site-footer .footer--links { display: flex; } .site-footer .footer--links .site-nav ul { list-style: none; display: flex; gap: 37px; } @media screen and (max-width: 991px) { .container { padding: 0 20px; } /* Header */ .site-header { margin: 0; padding: 0; } .site-header > .container { padding: 20px; } .site-header .header--toolbar .container { justify-content: center; } .site-header .header--toolbar .site-nav-links { display: none; } .site-header .btn--menu { cursor: pointer; display: flex; } .site-header .btn--menu span { position: relative; display: flex; align-items: center; justify-content: center; width: 32px; height: 2px; background: var(--bg-primary-color); border-radius: 100px; transition: .4s ease; -webkit-tap-highlight-color: transparent; } .site-header .btn--menu span::before, .site-header .btn--menu span::after { content: ""; position: absolute; left: 50%; width: 32px; height: 2px; background: var(--bg-primary-color); border-radius: 2px; transform: translateX(-50%); transition: transform .35s ease, top .35s ease, bottom .35s ease, opacity .25s ease; } .site-header .btn--menu span::before { top: 8px; } .site-header .btn--menu span::after { bottom: 8px; } .menu-open .site-header .btn--menu span { background: transparent; } .menu-open .site-header .btn--menu span::before { top: 50%; width: 22px; transform: translate(-50%, -50%) rotate(45deg); } .menu-open .site-header .btn--menu span::after { bottom: auto; top: 50%; width: 22px; transform: translate(-50%, -50%) rotate(-45deg); } .site-nav-primary { opacity: 0; visibility: hidden; overflow: hidden; overflow-y: auto; position: absolute !important; top: 120px; left: 0; align-items: flex-start; margin: 0; padding-bottom: 40px; width: 100%; height: calc( var(--vh) - 119px ); background: var(--bg-headline-color); backdrop-filter: blur(60px); transform: translateX(-100%); transition: .35s ease; } .site-nav--menu { width: 100%; } .site-nav--menu > ul { flex-direction: column; gap: 0; align-items: flex-start; justify-content: flex-start; margin-top: 40px; padding: 0; width: 100%; height: 100%; } .site-nav--menu > ul > li { position: relative !important; padding-left: 32px; width: 100%; height: auto; } .site-nav--menu > ul > li > a { padding-top: 10px; padding-bottom: 10px; } .site-nav--menu .menu-links-secondary { display: flex; } .site-nav--menu .menu-links-secondary:first-child { border-top: 1px solid var(--border-color); } .megamenu { position: relative; padding: 0; height: 0; background: transparent; transform: translateX(0); transition: height .35s ease, opacity 0; } .megamenu--body .container { padding: 0; } .megamenu--contents { flex: auto; margin: 0; min-height: auto; } .megamenu--content { pointer-events: all; opacity: 1; position: relative; gap: 0; transform: translateY(0); } .megamenu--content-inner { width: 100%; } .megamenu--links { margin-left: 20px; width: auto; } .megamenu--links-title { display: flex; margin-top: 10px; color: var(--text-off-color); font-size: 14px; letter-spacing: -.14px; } .megamenu--content:first-child .megamenu--links-title { margin: 0; } .megamenu--links li a { height: 44px; border: none; } .megamenu--links li a::after { display: none; } .megamenu--menus, .megamenu--description, .megamenu--links li .megamenu--link-num, .megamenu--image, .megamenu--footer { display: none; } .site-nav--menu > ul > li.megamenu-open > a::after { transform: rotate(180deg); } .megamenu-open .megamenu { pointer-events: all; opacity: 1; visibility: visible; height: auto; } .search-box .search-form { overflow: hidden; max-width: 90%; } /* Pages */ .site-page { overflow: hidden; } .site-page > p.has-text-align-center, .site-page > div > p.has-text-align-center { padding: 0 30px; } /* Blocks */ .post--meta { flex-wrap: wrap; } .post--date { display: block; width: 100%; text-align: center; } .post--author-box { flex-direction: column; gap: 30px; justify-content: center; padding: 40px; text-align: center; } .post--author-box img { display: block; margin: 0 auto; } /* Sliders */ .swiper { --swiper-pagination-bullet-horizontal-gap: 5px; --swiper-scrollbar-size: 3px; } .swiper .swiper-button-prev, .swiper .swiper-button-next { margin-top: -15px; width: 30px; height: 30px; } .swiper-navigation { right: auto; left: 50%; transform: translateX(-50%); } /* Newsletter */ .block--newsletter { margin-top: 60px; padding: 40px 0; } .block--newsletter .newsletter--content { flex-direction: column; gap: 0; } .block--newsletter .newsletter--title { flex: auto; } .block--newsletter .newsletter--form .piotnetforms .piotnet-column__inner { flex-direction: column; } .block--newsletter .container > p:empty { display: none; } /* Footer */ .site-footer .footer--content, .site-footer .footer--content-2, .site-footer .site-nav-social { flex-direction: column; gap: 30px; align-items: center; justify-content: center; text-align: center; } .site-footer .site-nav-social { gap: 12px; } .site-footer .footer--columns, .site-footer .footer--bar { flex-direction: column; gap: 30px; } .site-footer .footer--bar { align-items: center; justify-content: center; padding: 30px 0; } } /** * COMPONENTES **/ /* HEADING */ .block--page-heading { --gap: 12.5px; margin: 14px auto 50px; } .block--page-heading .container { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .block--page-heading .container > * { position: relative; z-index: 2; } .block--page-heading .block--headline { margin-bottom: 28px; } .block--page-heading .block--title { position: relative; max-width: 800px; color: var(--text-color); font-size: 55px; font-weight: 700; line-height: 1em; letter-spacing: -0.55px; text-align: center; } .block--page-heading:not(.heading-code) { max-width: var(--max); } .block--page-heading.heading-code .block--title::before, .block--page-heading.heading-code .block--title::after { content: "<"; display: inline-block; margin: 0 10px; color: var(--primary-color); } .block--page-heading.heading-code .block--title::after { content: "/>"; } .block--page-heading.heading-code .block--subtitle, .block--page-heading.heading-code .block--description { max-width: var(--max); } .block--page-heading .block--subtitle { margin-top: var(--gap); color: var(--text-color); font-size: 29px; font-weight: 400; line-height: 1.25em; letter-spacing: -0.29px; text-align: center; } .block--page-heading .block--title strong, .block--page-heading .block--subtitle strong { color: var(--white-color); font-weight: 600; } .block--page-heading .block--description { opacity: 0.5; margin-top: 37px; color: var(--text-color); font-size: 25px; font-weight: 400; line-height: 1em; letter-spacing: -0.25px; text-align: center; } .block--page-heading .back-link { opacity: 1; display: inline-flex; gap: 11px; align-items: center; justify-content: center; margin-bottom: 23px; color: var(--white-off-color); font-size: 13px; font-weight: 700; line-height: 23px; text-align: center; } .block--page-heading .back-link i { color: var(--primary-color); font-size: 8px; } .block--page-heading + .block--container { margin-bottom: 100px; } @media screen and (max-width: 991px) { .block--page-heading { margin-bottom: 20px; } .block--page-heading .block--title { font-size: 31px; line-height: 37px; } .block--page-heading .block--subtitle { font-size: 17px; } } /* HERO */ .block--hero { display: flex; align-items: center; justify-content: center; padding: 68px 0; } .block--hero .container { display: flex; align-items: center; justify-content: center; } .block--hero .block--title { margin: 0; color: var(--text-color); font-size: 75px; font-weight: 700; line-height: 1em; letter-spacing: -0.75px; text-align: center; } .block--hero .block--title strong { background: linear-gradient(90deg, #FF1E40 0%, #FF1E5E 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .block--hero .block--title + p { margin-top: 27px; } .block--hero .block--content { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 800px; height: 100%; text-align: center; } .block--hero .block--content p { color: var(--text-off-color); font-size: 29px; line-height: 1em; letter-spacing: -0.29px; } .block--hero .block--content p strong { color: var(--text-color); } .block--hero .block--content .btn-group { display: flex; align-items: center; margin-top: 35px; } .block--hero .block--content .btn.btn-primary { position: relative; height: 70px; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(7.800000190734863px); } .block--hero .block--content .btn.btn-primary:hover { color: var(--white-color); background: rgba(255, 255, 255, 0.10); } .block--hero .block--content .btn.btn-primary::before { content: "\e902"; display: flex; align-items: center; justify-content: center; color: var(--white-color); font-family: 'upside-icons' !important; font-size: 14px; width: 49px; height: 32px; background: var(--primary-color); border-radius: 100px; transition: .4s; } .block--hero .block--content .btn.btn-primary:hover::before { color: var(--primary-color); background: var(--white-color); } .block--hero .hero-image { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .block--hero .hero-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; } .block--hero .hero-video { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .block--hero .hero-video video { width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width: 991px) { .block--hero { padding: 60px 0 0; min-height: auto; } .block--hero .container, .block--hero.hero-reverse .container { flex-direction: column; align-items: center; } .block--hero .block--title { padding: 0 35px; font-size: 32px; line-height: 36px; } .block--hero .block--content { flex: none; padding: 0; text-align: center; } .block--hero .block--content p { max-width: none; font-size: 14px; line-height: 23px; } .block--hero .block--content .btn-group { flex-direction: column; margin-top: 25px; } } /* ICONS */ .block--icons { margin: 100px 0; } .block--icons .container { max-width: var(--max-width); } .block--icons .block--heading { text-align: center; } .block--icons .icons-slider { margin-top: 57px; } .block--icons .icons-slider:has(.swiper-pagination-lock) { padding-bottom: 8px; } .block--icons .icons--title { margin-top: 16px; color: var(--text-color); font-size: 16px; font-weight: 700; line-height: 23px; letter-spacing: -0.16px; text-align: center; } .block--icons .icons--item { padding: 30px 20px 35px; height: 100%; background: var(--bg-color); border: 1px solid var(--border-color); border-radius: 20px; } .block--icons .icons--image { position: relative; display: flex; align-items: center; justify-content: center; width: 67px; height: 67px; color: var(--primary-color); font-size: 24px; } .block--icons .icons--image::after { content: " "; opacity: .1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--primary-color); border-radius: 100px; } .block--icons p { font-size: 14px; font-weight: 400; line-height: 23px; } .block--icons a { color: var(--text-color) !important; } .block--icons.icons-centered .icons--item { display: flex; flex-direction: column; align-items: center; } .block--icons.icons-right .icons--item { display: flex; flex-direction: column; align-items: flex-end; } .block--icons.icons-right .icons--image { text-align: right; } @media screen and (max-width: 991px) { .block--icons { margin: 50px 0; } .block--icons .icons-slider { margin-left: -20px; padding: 0 20px; width: calc( 100% + 40px ); } .block--icons .icons-slider .icons--item { text-align: center; } .block--icons .icons--image > span { display: inline-flex; } } /* HEADLINE */ .block--headline { display: inline-flex; height: 34px; padding: 3px 17px 2px 17px; justify-content: center; align-items: center; gap: 10px; color: var(--primary-color); font-weight: 700; line-height: 29px !important; letter-spacing: -0.14px !important; border-radius: 100px; background: var(--bg-headline-color); } @media screen and (max-width: 991px) { .block--headline { padding-top: 8px; padding-bottom: 8px; height: auto; min-height: 34px; line-height: 1em !important; } } /* IMAGE COLUMN */ .block--mediacontent { --image-width: 515px; --gap: 80px; margin: 140px 0; } .block--mediacontent .container { display: flex; align-items: center; justify-content: center; gap: var(--gap); max-width: var(--max-width-content); } .block--mediacontent .block--content { width: 100%; } .block--mediacontent .block--headline { margin-bottom: 22px; } .block--mediacontent .wp-block-heading { position: relative; margin-top: 0; margin-bottom: 22px; color: var(--text-color); font-size: 30px; font-weight: 700; line-height: 1em; letter-spacing: -0.3px; } .block--mediacontent .wp-block-paragraph, .block--mediacontent .wp-block-list { opacity: .6; color: var(--text-color); font-size: 17px; font-weight: 400; line-height: 26px; letter-spacing: -0.17px; } .block--mediacontent .wp-block-list { opacity: .8; } .block--mediacontent .has-small-font-size { opacity: 1 !important; font-size: 15px !important; } .block--mediacontent .block--content .btn { margin-top: 29px; } .block--mediacontent .block--content .btn-primary { display: flex; } .block--mediacontent .block--image { width: 100%; flex: 0 0 var(--image-width); } .block--mediacontent .block--image img { width: 100%; height: auto; } .block--mediacontent .block--content .block--buttons { margin: 20px 0 30px; } .block--mediacontent .block--content .block--buttons .btn { margin: 0; padding: 7px 15px; height: 31px; } .block--mediacontent.content-reverse .container { flex-direction: row-reverse; } .block--mediacontent.feat { --gap: 72px; overflow: hidden; display: flex; align-items: center; justify-content: center; min-height: 654px; } .block--mediacontent.feat .container { align-items: stretch; } .block--mediacontent.feat .block--content { width: 100%; max-width: 380px; } .block--mediacontent.feat .wp-block-heading { color: var(--text-off-color); font-size: 40px; font-weight: 700; line-height: 1em; letter-spacing: -0.4px; } .block--mediacontent.feat .wp-block-heading strong { color: var(--text-color); } .block--mediacontent.feat .wp-block-paragraph { opacity: 1; } .block--mediacontent.feat .block--image { position: relative; flex: 1; } .block--mediacontent.feat .block--image img { position: absolute; top: 50%; left: 0; display: block; margin-top: -327px; width: 67vw; height: 654px; border-radius: 31px; aspect-ratio: 308/157; object-fit: cover; } .block--mediacontent.iconlist-check .block--content ul li::before, .block--mediacontent.iconlist-security .block--content ul li::before { content: "\e908"; display: flex; align-items: center; justify-content: center; color: var(--primary-color); font-family: 'upside-icons' !important; font-size: 16px; background: transparent; } .block--mediacontent.iconlist-security .block--content ul li::before { content: "\e910"; } @media screen and (max-width: 991px) { .block--mediacontent { --gap: 0 !important; margin: 60px 0; } .block--mediacontent .container { flex-direction: column !important; } .block--mediacontent .block--content { padding: 30px; } .block--mediacontent .wp-block-heading { margin-bottom: 17px; font-size: 30px; letter-spacing: -0.9px; } .block--mediacontent .block--content p { font-size: 16px; line-height: 24px; letter-spacing: -0.48px; } .block--mediacontent .block--content, .block--mediacontent .block--image { width: 100%; flex: none; } .block--mediacontent.feat .block--image img { position: relative; top: auto; margin: 0; width: 100%; height: auto; border-radius: 16px; } } /* CAROUSEL */ .block--carousel { margin: 100px 0 150px; } .block--carousel .container { max-width: 100%; } .block--carousel .block--heading .block--title { color: var(--text-off-color); } .block--carousel .block--heading .block--title strong { color: var(--text-color); } .block--carousel .block--heading .block--description { opacity: 1; } .block--carousel .block--content { margin-top: 50px; } .block--carousel .swiper { --swiper-navigation-sides-offset: 23.5%; } .block--carousel .carousel-slider:has(.swiper-pagination) { padding-bottom: 56px; } .block--carousel .swiper .swiper-button-prev, .block--carousel .swiper .swiper-button-next { top: 14vw; } .block--carousel .swiper-pagination { bottom: 0; } .block--carousel .slide--item { position: relative; display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 720px; height: 480px; border-radius: 26px; opacity: 0.3; filter: blur(9.25px); } .block--carousel .slide--item img { margin-top: -25px; width: 100%; height: 100%; aspect-ratio: 3/2; border-radius: 26px; object-fit: cover; transition: .4s; } .block--carousel .slide--item .slide--info { opacity: 0; position: absolute; left: 19px; right: 19px; bottom: 19px; display: flex; align-items: center; padding: 24.5px 20px 21.75px; background: rgba(23, 23, 23, 0.50); border-radius: 20px; backdrop-filter: blur(10.850000381469727px); } .block--carousel .slide--item .slide-title { display: block; color: var(--white-color); font-size: 15px; font-weight: 700; line-height: 16px; letter-spacing: -0.15px; } .block--carousel .slide--item .slide-description { display: block; margin-top: 8.42px; color: var(--white-color); font-size: 13px; font-weight: 400; line-height: 16px; letter-spacing: -0.13px; } .block--carousel .slide--item .slide--links { display: flex; gap: 25px; align-items: center; margin-top: 6.34px; margin-left: 25px; height: 100%; } .block--carousel .slide--item .slide--links .link-item { width: 40.558px; } .block--carousel .slide--item .slide--links .link-item img { width: 100%; height: auto; border-radius: 0; object-fit: contain; } .block--carousel .swiper-slide-active .slide--item { opacity: 1; filter: none; } .block--carousel .swiper-slide-active .slide--item img { margin-top: 0; } .block--carousel .swiper-slide-active .slide--item .slide--info { opacity: 1; } .block--carousel .swiper-slide-active .slide--item .slide-title, .block--carousel .swiper-slide-active .slide--item .slide-description, .block--carousel .swiper-slide-active .slide--item .btn { opacity: 1; visibility: visible; } .block--carousel .swiper .swiper-button-prev, .block--carousel .swiper .swiper-button-next { color: var(--text-color); font-size: 16px; background: transparent; } @media screen and (max-width: 991px) { .block--carousel { margin: 60px 0; } .block--carousel .container { padding: 0; } .block--carousel .block--title { padding: 0 30px; font-size: 30px; letter-spacing: -0.9px; } .block--carousel .block--description { font-size: 18px; } .block--carousel .swiper { --swiper-navigation-sides-offset: 8px; } .block--carousel .swiper .swiper-button-prev, .block--carousel .swiper .swiper-button-next { top: 25vw; } .block--carousel .slide--item { flex-direction: column; width: 100%; height: auto; } .block--carousel .slide--item img { margin-top: -45px; } .block--carousel .slide--item .slide--info { position: relative; left: auto; right: auto; bottom: auto; flex-direction: column; margin: -30px 20px 0; width: 90%; } .block--carousel .slide--item .slide--links { margin: 30px auto 0; } .block--carousel .swiper-slide-active .slide--item img { margin-top: 0; } } /* BANNER */ .block--banner { --gap: 80px; margin: 200px 0; } .block--banner .container { position: relative; } .block--banner .banner--wrap { position: relative; display: flex; gap: var(--gap); align-items: center; justify-content: space-between; padding: 72px 65px 71px 88px; max-width: none; width: 100%; background: var(--bg-color); border: 1px solid var(--border-color); border-radius: 30px; } .block--banner .block--heading { position: relative; z-index: 2; } .block--banner .block--heading .block--headline { margin-bottom: 29px; } .block--banner .block--heading .block--title { width: 100%; color: var(--text-color); font-size: 51px; font-weight: 700; line-height: 50px; letter-spacing: -0.51px; text-align: left; } .block--banner .block--heading .block--title strong { display: block; margin-top: -24px; font-size: 120px; font-weight: 700; line-height: 1em; letter-spacing: -1.2px; background: var(--gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .block--banner .block--content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; width: 100%; } .block--banner .block--content .wp-block-paragraph { color: var(--text-off-color); font-size: 17px; line-height: 29px; letter-spacing: -0.17px; } .block--banner .block--content .wp-block-paragraph strong { color: var(--text-color); font-weight: 700; } .block--banner .block--content .has-small-font-size { font-size: 15px !important; font-weight: 700; line-height: 1em; letter-spacing: -0.15px; } .block--banner .block--content .btn { margin-top: 26px; padding: 21px 46px; height: 60px; } .block--banner .block--content ul li { color: var(--text-off-color); font-size: 17px; font-weight: 400; line-height: 26px; letter-spacing: -0.17px; } .block--banner .block--content ul li::before { content: "\e908"; display: flex; align-items: center; justify-content: center; color: var(--primary-color); font-family: 'upside-icons' !important; font-size: 16px; background: transparent; } .block--banner.banner-column { --gap: 30px; } .block--banner.banner-column .banner--wrap { flex-direction: column; padding: 85px 85px 109px; } .block--banner.banner-column .block--heading .block--title strong, .block--banner.banner-column .block--heading .block--title strong { display: inline-block; font-size: 50px; font-weight: 700; line-height: 1em; letter-spacing: -0.5px; } .block--banner.banner-column .block--content { align-items: center; margin: 0 auto; max-width: 542px; text-align: center; } .block--banner.banner-centered { --gap: 0; } .block--banner.banner-centered .banner--wrap { padding: 40px; flex-direction: column; background: transparent; border-color: transparent; } .block--banner.banner-centered .block--image { position: absolute; left: 50%; top: -60px; transform: translateX(-50%); } .block--banner.banner-centered .block--image img { display: block; max-width: 318px; max-height: 413px; object-fit: contain; } .block--banner.banner-centered .block--heading { display: flex; flex: 0 0 100%; justify-content: space-between; width: 100%; } .block--banner.banner-centered .block--heading .block--title, .block--banner.banner-centered .block--heading .block--title strong { margin: 0; width: 100%; max-width: 418px; font-size: 85px; font-weight: 700; line-height: 100px; letter-spacing: -0.85px; } .block--banner.banner-centered .block--heading .block--subtitle { width: 100%; max-width: 285px; color: var(--text-color); font-size: 22px; font-weight: 400; line-height: 32px; letter-spacing: -0.22px; } .block--banner.banner-centered .block--heading .block--subtitle strong { background: var(--gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .block--banner.banner-centered .block--content { align-items: center; margin: 0 auto; max-width: 542px; text-align: center; } .block--banner.banner-centered .block--content:not(:empty) { margin-top: 40px; } .block--banner.banner-background .banner--wrap { padding: 55px 40px 77px 63px; } .block--banner.banner-background .block--heading { width: 100%; max-width: 536px; } .block--banner.banner-background .block--heading .block--title, .block--banner.banner-background .block--heading .block--title strong { display: inline-block; font-size: 51px; font-weight: 700; line-height: 50px; letter-spacing: -0.51px; } .block--banner.banner-background .block--heading .block--subtitle { margin-top: 34px; color: var(--text-off-color); font-size: 17px; font-weight: 700; line-height: 24px; letter-spacing: -0.17px; } .block--banner.banner-background .block--heading .block--subtitle strong { color: var(--text-color); } .block--banner.banner-background .block--content { width: 100%; max-width: 378px; } .block--banner.banner-background .block--content .btn { margin-top: 17px; } .block--banner.banner-background .block--image { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .block--banner.banner-background .block--image img { opacity: .2; display: block; width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width: 991px) { .block--banner { margin: 40px 0 0; } .block--banner .container { padding: 0 20px; } .block--banner .block--heading { flex-direction: column !important; } .block--banner .banner--wrap { flex-direction: column !important; gap: 30px; padding: 30px; } .block--banner .block--image { position: relative !important; top: 0 !important; } .block--banner .block--heading .block--title { font-size: 32px; line-height: 36px; letter-spacing: -.32px; } .block--banner .block--heading .block--title strong { font-size: 62px; line-height: 68px; letter-spacing: -.66px; } .block--banner .block--content .btn { width: 100%; text-align: center; } .block--banner .block--content .btn .btn-label { overflow: hidden; display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .block--banner.banner-centered .block--heading .block--title, .block--banner.banner-centered .block--heading .block--title strong { font-size: 44px; line-height: 52px; letter-spacing: -0.44px; } .block--banner.banner-column .banner--wrap { padding: 60px; } .block--banner.banner-column .block--title { text-align: center; } .block--banner.banner-column .block--content .btn { width: 120%; } } /* CARDS */ .block--cards { margin: 140px 0; } .block--cards .container { position: relative; } .block--cards .block--heading { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 60px; } .block--cards .block--heading .block--title { width: 100%; color: var(--text-color); font-size: 55px; font-weight: 700; line-height: 50px; letter-spacing: -0.55px; text-align: left; } .block--cards .cards-slider { position: static; overflow: visible; color: var(--primary-color); } .block--cards .cards-slider:has(.swiper-pagination) { padding-bottom: 45px; } .block--cards .swiper { --swiper-pagination-bullet-inactive-color: #D9D9D9; } .block--cards .swiper-slide { opacity: 0; transition: .4s; } .block--cards .swiper-slide.swiper-slide-active, .block--cards .swiper-slide.swiper-slide-active + .swiper-slide, .block--cards .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide { opacity: 1; } .block--cards .swiper-pagination { bottom: 0; } .block--cards .swiper-button-next, .block--cards .swiper-button-prev { left: auto; bottom: auto; top: 0; right: 0; margin-top: -1px; background: var(--bg-headline-color); } .block--cards .swiper-button-prev { right: 70px; } .block--cards .swiper .swiper-pagination-bullet-active { width: 8px; } .block--cards .block--content { position: static; margin-top: 52px; } .block--cards .slide--item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px 20px 42px; width: 100%; height: 100%; background: var(--bg-color); border: 1px solid var(--border-color); border-radius: 20px; } .block--cards .slide--item img { position: relative; z-index: 1; width: 100%; height: 194px; object-fit: cover; border-radius: 14px; filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.08)); } .block--cards .slide--item .btn { margin-top: 26px; } .block--cards .slide--item .slide-label { display: flex; margin: 22px auto 14px; width: fit-content; height: 31px; padding: 7px 15px; justify-content: center; align-items: center; gap: 10px; color: var(--primary-color); font-size: 12px; font-weight: 700; line-height: 1em; letter-spacing: -0.12px; background: var(--bg-headline-color); border-radius: 100px; } .block--cards .slide--item .slide-title { display: block; margin-top: 14px; color: var(--text-color); font-size: 20px; font-weight: 700; line-height: 1em; letter-spacing: -0.2px; text-align: center; } .block--cards .slide--item .slide-description { margin-top: 30px; display: block; color: var(--text-off-color); font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: -0.15px; text-align: center; } .block--cards .slide--item .slide-description strong { color: var(--text-color); } .block--cards .block--footer { position: absolute; top: 0; right: 0; } .block--cards:has(.swiper-button-prev) .block--footer { right: 148px; } .block--cards.cards-default .slide--item .btn { display: none; } .block--cards.cards-compact .slide--item { padding-top: 40px; } .block--cards.cards-compact .slide-image { order: 1; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 95px; height: 45px; } .block--cards.cards-compact .slide-image img { width: 100%; height: 100%; border-radius: 0; object-fit: contain; } .block--cards.cards-compact .slide--item .slide-description { order: 2; } .block--cards.cards-compact .slide--item .slide-title { order: 3; margin-top: 12px; font-size: 14px; font-weight: 700; line-height: 29px; letter-spacing: -0.14px; } .block--cards.cards-featured .swiper-wrapper { justify-content: center; } .block--cards.cards-featured .swiper-slide { display: flex; margin: 0 !important; width: calc( var(--width) - 45px ) !important; height: auto; } .block--cards.cards-featured .slide--item { z-index: 1; justify-content: flex-start; padding: 55px 0; border-color: transparent; } .block--cards.cards-featured .slide--item .slide-label { margin-top: 0; } .block--cards.cards-featured .slide--item .slide-title { margin: 20px 0; padding: 0 40px; text-align: center; font-size: 30px; font-weight: 700; line-height: 1em; letter-spacing: -0.3px; } .block--cards.cards-featured .slide--item .slide-description { margin-top: 20px; padding: 0 29px; min-height: 320px; } .block--cards.cards-featured.cards-compact .block--heading .block--title { color: var(--text-off-color); font-size: 40px; font-weight: 700; line-height: 1em; letter-spacing: -0.4px; text-align: center; } .block--cards.cards-featured.cards-compact .block--heading .block--title strong { color: var(--text-color); } .block--cards.cards-featured.cards-compact .block--content { margin-top: 68px; } .block--cards.cards-featured.cards-compact .slide-image { margin: 0 auto; width: 65px; height: 65px; } .block--cards.cards-featured.cards-compact .slide-image img { width: auto; max-width: 100%; height: auto; max-height: 100%; border-radius: 0; } .block--cards.cards-featured.cards-compact .slide--item { padding: 75px 0 60px; border-color: var(--border-color); } .block--cards.cards-featured.cards-compact .slide--item .slide-title { font-size: 18px; font-weight: 700; line-height: 1em; letter-spacing: -0.18px; text-align: center; } .block--cards.cards-featured.cards-compact .slide--item .slide-description { margin-top: 25px; min-height: 100px; } .block--cards.cards-featured.cards-compact .slide--item .btn { margin-top: 0 !important; height: 60px; } .block--cards.cards-featured.cards-compact .slide--item:hover .btn { opacity: .8 !important; } .block--cards.cards-effect .slide--item img { filter: brightness(0) invert(1); } @media screen and (min-width: 992px) { .block--cards.cards-featured .swiper-slide.swiper-slide-active .slide--item { border-radius: 20px 0 0 20px; } .block--cards.cards-featured .swiper-slide.swiper-slide-next { width: var(--width) !important; } .block--cards.cards-featured .swiper-slide.swiper-slide-next + .swiper-slide .slide--item { border-radius: 0 20px 20px 0; } .block--cards.cards-featured .swiper-slide.swiper-slide-next .slide--item { z-index: 2; margin-top: -37px; height: calc( 100% + 64px ); box-shadow: 0 0 37.4px 0 rgba(0, 0, 0, 0.18); } .block--cards.cards-featured .swiper-slide.swiper-slide-next .slide--item .slide-title { padding: 0 65px; } .block--cards.cards-featured .swiper-slide.swiper-slide-next .slide--item .slide-description { padding: 0 55px; } .block--cards.cards-featured .swiper-slide.swiper-slide-next .slide--item .btn { margin-top: 60px; } .block--cards.cards-featured.cards-compact .swiper-slide.swiper-slide-next .slide--item { z-index: 2; margin-top: -21px; height: calc( 100% + 42px ); box-shadow: 0 0 61.4px 0 rgba(0, 0, 0, 0.25); } .block--cards.cards-featured.cards-compact .swiper-slide.swiper-slide-next .slide--item .btn { margin-top: 30px !important; } .block--cards.cards-featured.cards-compact .swiper-slide:not(.swiper-slide-next) .slide--item .btn { color: var(--text-primary-color); background: var(--bg-headline-color); } .block--cards.cards-featured.cards-compact .swiper-slide:not(.swiper-slide-next) .slide--item:hover .btn { opacity: .7 !important; } } @media (hover: hover) { .block--cards.cards-featured .swiper-wrapper .swiper-slide, .block--cards.cards-featured .swiper-wrapper .swiper-slide * { transition: .4s; } .block--cards.cards-featured .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide { width: calc( var(--width) - 45px ) !important; } .block--cards.cards-featured .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide:first-child .slide--item { border-radius: 20px 0 0 20px; } .block--cards.cards-featured .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide:nth-child(3) .slide--item { border-radius: 0 20px 20px 0; } .block--cards.cards-featured .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide .slide--item { margin: 0; height: 100%; box-shadow: none; border-radius: 0; } .block--cards.cards-featured .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide .slide--item .slide-title { padding: 0 40px; } .block--cards.cards-featured .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide .slide--item .slide-description { padding: 0 30px; } .block--cards.cards-featured .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide .slide--item .btn { color: var(--text-primary-color); height: 60px !important; background: var(--bg-headline-color); } .block--cards.cards-featured .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide:hover { width: var(--width) !important; } .block--cards.cards-featured .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide:hover .slide--item { z-index: 2; margin-top: -21px; height: calc( 100% + 42px ); box-shadow: 0 0 37.4px 0 rgba(0, 0, 0, 0.18); border-radius: 20px; } .block--cards.cards-featured .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide:hover .slide--item .slide-title { padding: 0 65px; } .block--cards.cards-featured .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide:hover .slide--item .slide-description { padding: 0 55px; } .block--cards.cards-featured .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide:hover .slide--item .btn { opacity: 1 !important; color: var(--white-color); background: var(--gradient); } /* .block--cards.cards-featured .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide:hover + .swiper-slide .slide--item { border-radius: 0 20px 20px 0; } */ } @media screen and (max-width: 991px) { .block--cards { --width: 100% !important; margin: 60px 0; padding: 0; } .block--cards .block--heading .block--title { font-size: 32px; line-height: 36px; letter-spacing: -0.32px; text-align: center; } .block--cards .block--title { font-size: 30px; letter-spacing: -0.9px; } .block--cards .block--description { margin-top: 21px !important; font-size: 18px; } .block--cards .block--content { position: relative; margin: 30px 0; } .block--cards .cards-slider { width: auto; } .block--cards .swiper-wrapper { justify-content: unset !important; } .block--cards .swiper-slide, .block--cards.cards-featured .swiper-slide { opacity: 1; width: 100% !important; } .block--cards .swiper-button-next, .block--cards .swiper-button-prev { top: 0 !important; right: auto; left: 50%; margin-top: -15px; margin-left: 10px; } .block--cards .swiper-button-prev { left: auto; right: 50%; margin-right: 10px; } .block--cards .slide--item .slide-label { top: 10px; left: 10px; } .block--cards .slide--item .slide-title { font-size: 22px; letter-spacing: -0.66px; } .block--cards .slide--item .slide-description { font-size: 16px; } .block--cards .slide--item.video .slide-image::after { width: 60px; height: 60px; } .block--cards .block--footer { position: relative; top: auto; left: auto; right: auto !important; } .block--cards .block--footer .btn { width: 100%; } .block--cards.cards-featured .swiper-slide.swiper-slide-active .slide--item { margin-top: -10px; height: calc(100% + 20px); } } [data-theme="light"] .block--cards .slide--item .slide-label { opacity: .5; color: #353535; background: rgba(65, 65, 65, 0.10); } [data-theme="light"] .block--cards.cards-effect .slide--item img { filter: invert(1) sepia(0%) saturate(0) hue-rotate(310deg) brightness(78%) contrast(40%); } /* [data-theme="light"] .block--cards .slide--item img { filter: invert(1) contrast(1%) opacity(0.4); } */ /* POSTS */ .cards--grid { display: flex; gap: var(--gap, 30px); flex-wrap: wrap; } .cards--grid .card { width: calc(50% - 15px ); height: auto; } .cards--grid.grid-3 .card { width: calc(33.33% - 20px ); } @media screen and (max-width: 1100px) { .cards--grid.grid-3 .card { width: calc(50% - 15px ); } } @media screen and (max-width: 991px) { .cards--grid { flex-direction: column; } .cards--grid.grid-3 .card, .cards--grid .card { width: 100%; } } .card { overflow: hidden; height: 100%; border-radius: 20px; } .card > a { position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; } .card .card--image { position: relative; width: 100%; height: 213px; } .card .card--image::before { content: " "; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(/wp-content/themes/upside/assets/images/card-mask.png) bottom center no-repeat; background-size: 100%; } .card .card--image img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .card .card--content { flex: 1; padding: 26px 30px 86px; height: 100%; background: var(--bg-color); border: 1px solid var(--border-color); border-radius: 0 0 20px 20px; } .card .card--content:has(.card--description) { padding-bottom: 26px; } .card .card--footer { position: relative; z-index: 2; display: flex; align-items: center; flex-direction: row; gap: 15px; margin-top: -86px; padding: 23px; height: auto; border-top: 1px solid var(--border-separator-color); } .card .card--footer img { display: block; width: 40px; height: 40px; object-fit: cover; border-radius: 100px; } .card--category { display: inline-flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 19px; padding: 7px 15px; height: 31px; color: var(--text-primary-color) !important; background: var(--tag-color); border-radius: 100px; } .card--title { margin-bottom: 30px; color: var(--text-color); font-size: 20px; font-weight: 700; line-height: 1em; letter-spacing: -0.2px; } .card--description { color: var(--text-color); } .card--author { color: var(--text-color); font-size: 13px; font-weight: 700; line-height: 1em; letter-spacing: -0.13px; } .card--author strong { display: block; margin-top: 8px; color: var(--text-off-color); } .block--posts { margin: 200px 0; } .block--posts .block--header { position: relative; display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 57px; } .block--posts .block--title { max-width: 810px; color: var(--text-off-color); font-size: 55px; font-weight: 700; line-height: 50px; letter-spacing: -0.55px; } .block--posts .block--title strong { color: var(--text-color); } .block--posts .posts-slider { overflow: visible; } .block--posts .swiper-slide { opacity: 0; width: fit-content; transition: .4s; } .block--posts .swiper-slide.swiper-slide-active, .block--posts .swiper-slide.swiper-slide-active + .swiper-slide, .block--posts .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide { opacity: 1; } .block--posts .swiper .swiper-button-prev { left: -30px; top: 50%; margin-top: -80px; } .block--posts .swiper .swiper-button-next { right: -30px; top: 50%; margin-top: -80px; } .block--posts.not-image-effect .card .card--image::before { display: none; } @media (max-width: 991px) { .block--posts { margin: 60px 0; } .block--posts .block--header { margin-bottom: 20px; } .block--posts .block--header .btn { display: none; } .block--posts .block--title { font-size: 32px; line-height: 36px; letter-spacing: -0.32px; } } /* POSTSLIST */ .block--postslist.not-image-effect .card .card--image::before { display: none; } .postslist--pagination { margin-top: 100px; text-align: center; } .postslist--pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; margin: 0 10px; width: 60px; height: 60px; color: var(--text-color); font-size: 16px; font-weight: 700; line-height: 1em; letter-spacing: -0.16px; background: var(--bg-color); border: var(--border-color); border-radius: 100px; } .postslist--pagination .page-numbers.prev, .postslist--pagination .page-numbers.next { display: inline-flex; gap: 10px; align-items: center; margin: 0 60px; padding: 0 22px; width: auto; } .postslist--pagination .page-numbers.prev, .postslist--pagination .page-numbers.next, .postslist--pagination .page-numbers.current, .postslist--pagination .page-numbers:hover { opacity: 1; color: var(--white-color); background: var(--primary-color); } .postslist--pagination .icon-prev, .postslist--pagination .icon-next { display: inline-flex; align-items: center; justify-content: center; color: var(--white-color); font-size: 12px; width: 55.553px; height: 35.789px; background: var(--primary-color); border-radius: 100px; } @media screen and (max-width: 991px) { .block--postslist { padding: 0; } .block--postslist .block--title { font-size: 30px; letter-spacing: -0.9px; } .block--postslist .postslist--grid { flex-direction: column; } .block--postslist .postslist--grid .postslist--item { width: 100%; } .postslist--pagination { margin-top: 20px; } .postslist--pagination .page-numbers.prev, .postslist--pagination .page-numbers.next { justify-content: center; margin: 20px auto; width: 100%; } } /* FORM */ .block--form { --gap: 72px; margin: 140px 0; } .block--form .container { display: flex; gap: var(--gap); padding: 56px 66px 56px 63px; background: var(--bg-color); border: 1px solid var(--border-color); border-radius: 30px; } .block--form .form--wrap { flex: 0 0 363px; width: 100%; } .block--form .form--description, .piotnetforms .piotnet-column__inner > p { margin-top: 20px; color: var(--text-off-color); font-size: 10px; font-weight: 400; line-height: 14px; letter-spacing: -0.1px; } .block--form .block--content { flex: 1; width: 100%; } .block--form .block--content .block--headline { margin-bottom: 29px; } .block--form .block--content .wp-block-heading { margin-top: 0; margin-bottom: 30px; color: var(--text-color); font-size: 51px; font-weight: 700; line-height: 50px; letter-spacing: -0.51px; } .block--form .block--content .wp-block-heading strong { background: var(--gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .block--form .block--content .wp-block-paragraph, .block--form .block--content .wp-block-list li { color: var(--text-off-color); font-size: 17px; font-style: normal; line-height: 24px; letter-spacing: -0.17px; } .block--form .block--content ul li::before { background: var(--text-off-color); } .block--form .block--content .has-small-font-size { font-size: 14px !important; line-height: 19px; letter-spacing: -0.14px; } @media screen and (max-width: 991px) { .block--form { margin: 60px 0; padding: 0 20px; } .block--form .container { flex-direction: column; gap: 30px; padding: 30px; } .block--form .block--content .wp-block-heading { font-size: 38px; line-height: 44px; letter-spacing: -.38px; } } /* TABS */ .block--tabs { margin: 140px 0; } .block--tabs .block--title { color: var(--text-color); font-size: 30px; font-weight: 700; line-height: 1em; letter-spacing: -0.3px; text-align: center; } .block--tabs .tabs--wrap { margin-top: 38px;; } .block--tabs .tabs--nav { display: flex; align-items: center; justify-content: center; gap: 30px; margin-bottom: 72px; } .block--tabs .tab--btn:not(.active) { background: var(--bg-color); } .block--tabs .tabs--content { position: relative; } .block--tabs .tab--panel { pointer-events: none; opacity: 0; position: relative; left: 0; top: 0; width: 100%; transform: translateY(10px); transition: .4s; } .block--tabs .tab--panel.active { pointer-events: all; opacity: 1; transform: translateY(0); } .block--tabs .block--mediacontent { margin: 0 auto; } @media screen and (max-width: 991px) { .block--tabs .tabs--nav { overflow-x: auto; align-items: flex-start; justify-content: flex-start; margin-left: -20px; padding: 0px 20px; width: calc(100% + 40px); scrollbar-width: none; } .block--tabs .tabs--nav .tab--btn { flex: 0 0 auto; } .block--tabs .block--mediacontent .block--content { padding: 0; } } [data-theme="light"] .block--tabs .tab--btn:not(.active) { color: var(--text-off-color); } /* STEPS */ .block--steps { margin: 80px 0; } .block--steps .block--title { font-size: 40px;letter-spacing: -0.4px; } .block--steps .block--content { margin-top: 50px; background: var(--bg-color); border: 1px solid var(--border-color); border-radius: 30px; } .block--steps .steps--wrap { display: flex; gap: 0; } .block--steps .steps--nav-slider { margin-left: -7px; padding-left: 7px; } .block--steps .steps--nav { display: block; padding: 68px 20px 68px 60px; background: var(--bg-secondary-color); border-right: 1px solid var(--border-color); border-radius: 30px 0 0 30px; } .block--steps .steps--nav-title { margin-bottom: 35px; color: var(--text-color); font-size: 15px; font-weight: 700; line-height: 1em; letter-spacing: -0.15px; } .block--steps .steps--nav .swiper-wrapper { transform: none !important; } .block--steps .steps--nav .swiper-slide { height: auto !important; } .block--steps .steps--nav .step--item { cursor: pointer; overflow: hidden; position: relative; display: block; width: 390px; height: 21px; margin-bottom: 18px; margin-left: -7px; padding-left: 27px; color: var(--text-off-color); font-size: 15px; font-weight: 700; line-height: 1em; letter-spacing: -0.15px; text-overflow: ellipsis; white-space: nowrap; transition: .4s ease-out; } .block--steps .steps--nav .step--item::before { content: " "; position: absolute; z-index: 2; top: 50%; left: 6px; margin-top: -6px; width: 6px; height: 6px; background: var(--text-off-color); border: 1px solid var(--bg-color); border-radius: 100px; transition: .4s; } .block--steps .steps--nav .step--item::after { content: " "; position: absolute; z-index: 1; top: 4px; left: 7px; width: 6px; height: 6px; background: var(--bg-headline-color); border-radius: 100px; transition: .4s; } .block--steps .steps--nav .swiper-slide-active .step--label::after { content: "\e901"; display: inline-block; margin-left: 17px; font-family: 'upside-icons' !important; font-size: 11px; } .block--steps .steps--nav .swiper-slide-active .step--item { color: var(--text-color); font-size: 19px; letter-spacing: -0.19px; } .block--steps .steps--nav .swiper-slide-active .step--item::before { margin-top: -5px; } .block--steps .steps--nav .swiper-slide-active .step--item::after { left: 0; margin-top: -4px; width: 20px; height: 20px; } .block--steps .steps--nav .swiper-wrapper::before { content: " "; position: absolute; top: 15px; left: 3px; width: 1px; height: calc( 100% - 50px ); background: var(--primary-color); } .block--steps .steps--content { width: 100%; } .block--steps .steps--content .swiper-slide { height: 538px !important; } .block--steps .steps--content .step--item { padding: 60px; } .block--steps .steps--content .step--badge { position: absolute; top: 21px; right: 27px; display: flex; align-items: center; justify-content: center; width: 47px; height: 47px; color: var(--primary-color); } .block--steps .steps--content .step--badge::after { content: " "; opacity: .1; position: absolute; top: 0; right: 0; width: 47px; height: 47px; background: var(--gradient); border-radius: 100px; } .block--steps .steps--content .step--title { margin-bottom: 38px; color: var(--text-color); font-size: 25px; font-weight: 400; line-height: 1.25em; letter-spacing: -0.25px; } .block--steps .steps--content p { color: var(--text-color); font-size: 15px; font-weight: 700; line-height: 1.25em; letter-spacing: -0.15px; } .block--steps .steps--content p + ul { margin-bottom: 30px; } .block--steps .steps--content ul:last-child { margin-bottom: 0; } .block--steps .steps--content ul li::before { content: "\e908"; display: flex; align-items: center; justify-content: center; color: var(--primary-color); font-family: 'upside-icons' !important; font-size: 16px; background: transparent; } @media (max-width: 991px) { .block--steps .steps--wrap { flex-direction: column; } .block--steps .steps--nav { padding: 30px; border-radius: 30px; } .block--steps .steps--content { display: block; height: auto; } .block--steps .steps--content .swiper-slide { height: auto !important; } .block--steps .steps--content .step--item { padding: 80px 32px 40px; } } /* FILTERS NAV */ .block--filters-nav { position: relative; z-index: 9; display: flex; flex-direction: column; align-items: center; margin: 4px auto 60px; } .block--filters-nav span { color: var(--text-off-color); font-size: 11px; font-weight: 400; line-height: 20px; letter-spacing: -0.11px; } .block--filters-nav ul { list-style: none; display: flex; gap: 20px; align-items: center; justify-content: center; margin-top: 27px; } .block--filters-nav ul li::before { display: none; } .block--filters-nav ul li.is-hidden { display: none; } .block--filters-nav .filter-nav--item { cursor: pointer; display: flex; gap: 10px; align-items: center; justify-content: center; padding: 13px 26px; height: 48px; color: var(--primary-color); font-size: 15px; font-weight: 700; line-height: 22px; background: var(--bg-headline-color); border-radius: 100px; } .block--filters-nav .filter-nav--more:has(.active) > .filter-nav--item, .block--filters-nav .filter-nav--item.active { opacity: 1; color: var(--white-color); background: var(--primary-color); } .block--filters-nav .filter-nav--item.active::before { content: "\e908"; font-family: 'upside-icons' !important; font-size: 12px; } .block--filters-nav .filter-nav--more { position: relative; } .block--filters-nav .filter-nav--more span::after { content: "\e906"; font-family: 'upside-icons' !important; font-size: 8px; } .block--filters-nav .filter-nav--more ul { pointer-events: none; opacity: 0; visibility: hidden; position: absolute; left: -20px; z-index: 99; display: flex; gap: 10px; flex-direction: column; align-items: flex-start; margin: 0; padding-top: 20px; transition: .4s; } .block--filters-nav .filter-nav--submenu { padding: 20px; background: var(--bg-color); border-radius: 32px; } .block--filters-nav .filter-nav--more ul li, .block--filters-nav .filter-nav--more ul li a { width: fit-content; white-space: nowrap; } .block--filters-nav .filter-nav--more:hover ul { pointer-events: all; opacity: 1; visibility: visible; } @media (max-width: 991px) { .block--filters-nav { position: relative; padding: 0 20px; width: 100%; } .block--filters-nav::after, .block--filters-nav::before { pointer-events: none; content: " "; position: absolute; bottom: 0; right: -20px; width: 20px; height: 78px; z-index: 9; background: linear-gradient(90deg, rgba(39, 37, 30, 0.00) 0%, #27251E 90%); } .block--filters-nav::before { right: auto; left: -20px; transform: rotate(180deg); } .block--filters-nav ul { align-items: flex-start; justify-content: flex-start; padding: 0 20px; width: calc( 100% + 40px ); overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; flex-grow: 0; flex-shrink: 0; } .block--filters-nav ul::-webkit-scrollbar { display: none; } .block--filters-nav ul li { flex: 0 0 auto; } .block--filters-nav ul li.is-hidden { display: block; } .block--filters-nav ul li .filter-nav--item { white-space: nowrap; scroll-snap-align: start; } .block--filters-nav .filter-nav--more { display: none; } } /* LIGHT */ [data-theme="light"] { --text-color: #242323; --text-off-color: rgba(36, 35, 35, 0.50); --text-primary-color: #FF1E40; --text-dark-color: #FFF; --input-color: #F6F6F6; --background-page-color: #F6F6F6; --bg-color: #FFFFFF; --bg-primary-color: #FF1E40; --bg-secondary-color: #FFFFFF; --border-color: #FFF; --border-separator-color: #EBEBEB; --tag-color: rgba(255, 30, 64, 0.10); } [data-theme="light"] body.upside { background-image: url(/wp-content/themes/upside/assets/images/light/background.avif); } [data-theme="light"] body.upside.home { background-image: url(/wp-content/themes/upside/assets/images/light/background-home.avif); } [data-theme="light"] .btn-secondary { background: var(--bg-headline-color); } [data-theme="light"] .site-logo { filter: none; } [data-theme="light"] .site-header .btn--color .icon-light { display: block; } [data-theme="light"] .site-header .btn--color .icon-dark { display: none; }:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset);position:relative;z-index:1}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5);padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);border-radius:var(--f-spinner-border-radius);border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{transform:rotate(360deg)}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-z-index: 1;--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-fit: cover;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-transfors: none;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff}.f-thumbs{flex-shrink:0;margin:var(--f-thumbs-margin);padding:0;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:max-height .3s ease,max-width .3s ease;position:relative;overflow:hidden;z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs__viewport{margin:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:visible;display:grid}.f-thumbs.is-vertical .f-thumbs__viewport{height:calc(100% - var(--f-thumbs-padding-y) * 2)}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:none;border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs__slide img{display:block;width:100%;height:100%;object-fit:var(--f-thumb-fit);border-radius:inherit;pointer-events:none}.f-thumbs__slide img.has-lazyerror{display:none}.f-thumbs.is-classic{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap)}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2);margin-inline:calc(var(--f-carousel-slide-width) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}div.fancybox__dialog{position:fixed;inset:0;z-index:1050}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 34px;--f-close-button-height: 34px;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-close-button-svg-width: 22px;--f-close-button-svg-height: 22px;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);position:absolute;top:calc(var(--f-button-height) * -1);right:0;z-index:40} /* ICONS */ /* TEXTOS COM ESPAÇAMENTO E ENTRE LETRAS MAIORES */ .block--accessibility { position: relative; z-index: 99999; } .accessibility-line-up { line-height: 60px !important; } .accessibility-char-up, .accessibility-char-up * { letter-spacing: 3px !important; } .block--accessibility .widget-vlibras { position: relative; z-index: 10050; } /* MENU ACESSIBILIDADE */ .accessibility-floating-menu { position: fixed; right: 0; top: 20%; z-index: 100080; display: flex; font-family: "Open Sans"; } .accessibility-floating-menu, .accessibility-floating-menu * { letter-spacing: normal !important; } .accessibility-floating-menu { align-items: flex-start !important; } .accessibility-floating-menu #toggle { display: none; } .accessibility-floating-menu #toggle:checked + label + #accessibility-menu { display: block; } .accessibility-floating-menu #accessibility-menu { display: none; } .accessibility-floating-menu .accessibility--icons { list-style: none; margin: 0; padding: 0; } .accessibility-floating-menu .bar-title { align-items: center; border-radius: 0 8px 8px 0; color: #666; cursor: pointer; font-size: 12px; justify-content: center; text-indent: 2px; text-transform: uppercase; text-align: center; width: 40px; background: rgb(47, 129, 236); background: linear-gradient(90deg, rgba(47, 129, 236, 1) 0%, rgba(40, 115, 223, 1) 100%); border: none; display: flex; gap: 22px; max-height: 226px; letter-spacing: 1px !important; padding: 10px 0 0 0 !important; } .accessibility-floating-menu .bar-title > span { display: flex; align-items: center; gap: 6px; width: 40px; color: #fff; letter-spacing:1px !important; font-size: 11px !important; font-weight: 500; } .accessibility-floating-menu .bar-title > span i { font-size: 24px !important; font-weight: 400; letter-spacing: normal !important; } .accessibility-floating-menu .bar-title span.arrow { display: flex; align-items: center; margin-top: auto; padding-top: 14px; padding-bottom: 10px; width: 100%; height: 42px; box-shadow: 0 -1px 0 #fff; } .accessibility-floating-menu .bar-title span.arrow i { font-size: 11px !important; transform: rotate(180deg); } .accessibility-floating-menu #toggle:checked + label span.arrow i { transform: rotate(0deg); } .accessibility-floating-menu .accessibility--icons { background: #fff; border: solid 1px #ddd; display: flex; flex-direction: column; padding: 10px 20px; width: 280px; min-height: 220px; box-shadow: 0 4px 25px rgba(0,0,0,0.15); border-radius: 0 0 0 6px; } .accessibility-floating-menu .accessibility--icons li { display: flex; align-items: center; line-height: 1em !important; letter-spacing: normal !important; } .accessibility-floating-menu .accessibility--icons .indiq { margin-left: auto; width: auto; height: 22px; text-align: center; font-size: 12px; font-weight: 500; color: #8B8B8B; border-radius: 6px; border: solid 1px #ddd !important; box-shadow: 0 2px 2px rgba(0,0,0,0.2) !important; line-height: 20px; padding: 0 10px; } .accessibility-floating-menu .accessibility--icons .btn-vlibras { display: block; width: 100%; margin-top: 20px; margin-bottom: 20px; } .accessibility-floating-menu .accessibility--icons .btn-vlibras img { border: none; width: 100%; } .accessibility-floating-menu .accessibility--icons a { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 12px; width: 100%; text-decoration: none; font-size: 13px; color: #202020; height: 32px; font-weight: 500; text-align: left !important; box-sizing: border-box; } .accessibility-floating-menu .accessibility--icons a i { min-width: 18px !important; text-align: center; } .accessibility-floating-menu .accessibility--icons a i::before{ color: #2f80eb !important; } .accessibility-floating-menu .accessibility--icons a i.fa-info-circle::before{ color: inherit !important; } .accessibility-floating-menu .accessibility--icons a:hover{ text-decoration: underline; } .accessibility-floating-menu .accessibility--icons a.inactive, .accessibility-floating-menu .accessibility--icons a.inactive { text-decoration: none !important; opacity: 0.5; } .accessibility-floating-menu .accessibility--icons .sobre-acess a { color: #858585; } .accessibility-floating-menu .accessibility--icons a span{ line-height: 14px !important; letter-spacing: 0 !important; } .accessibility-floating-menu.right { transition: none !important; transform: none !important; right: 0 !important; z-index: 10060; background-color: transparent !important; } .accessibility-floating-menu.right:hover { transition: none !important; transform: none !important; right: 0 !important; } .accessibility-floating-menu.right .bar-title { border-left: 0; order: -1; transform: rotate(180deg); writing-mode: vertical-rl; } /* AUTO CONTRASTE - block */ div[vw]{ background-color: transparent !important; } .accessibility-contrast *, .accessibility-contrast *:before, .accessibility-contrast *:after { border-color: #fff !important; } .accessibility-contrast span.piotnetforms-button-text { color: #000 !important; background: #ffff00 !important; } .accessibility-contrast input.piotnetforms-field { background: transparent; background-color: transparent !important; } .accessibility-contrast input::placeholder{ color: #fff !important; } .accessibility-contrast .accessibility-floating-menu .bar-title{ border-color: #000 !important; background: yellow !important; } .accessibility-contrast .accessibility-floating-menu .bar-title > span{ color:#000 !important; background-color: yellow !important; border-radius: 0 0 6px 0; } .accessibility-contrast .accessibility-floating-menu .bar-title span.arrow { box-shadow: 0 -1px 0 #000; } .accessibility-contrast .accessibility-floating-menu .accessibility--icons { background-color: #000 !important; border-color: yellow !important ; } .accessibility-contrast .accessibility-floating-menu .accessibility--icons .indiq { color: #000 !important; background: #FFF !important; } .accessibility-contrast .piotnetforms-field-icon { border: solid 2px #fff; border-radius: 6px 0 0 6px; border-right: 0; background-color: transparent !important; } .accessibility-contrast .accessibility-floating-menu .bar-title .fa-caret-left::before, .accessibility-contrast .accessibility-floating-menu .bar-title .fa-caret-left { color: #000 !important; background-color: yellow !important; } .accessibility-contrast .accessibility-floating-menu .accessibility--icons a i, .accessibility-contrast .accessibility-floating-menu .accessibility--icons a i::before { color: yellow !important; background-color: #000 !important; } .accessibility-contrast .accessibility-floating-menu .accessibility--icons a span{ color: yellow !important; line-height: 14px !important; background: transparent !important; letter-spacing: 0 !important; } .accessibility-contrast .accessibility-floating-menu .accessibility--icons a i.fa-info-circle::before { filter: none !important; } .accessibility-contrast .accessibility-floating-menu label { background: transparent !important; } .accessibility-contrast .accessibility-floating-menu .bar-title .fa-universal-access::before, .accessibility-contrast .accessibility-floating-menu .bar-title .fa-universal-access{ color: #000 !important; background-color: yellow !important; } /*# sourceURL=https://upside.rs/wp-content/themes/upside/blocks/accessibility/style.css */ /* ALTO CONTRASTE */ .accessibility-contrast { --primary-color: yellow; --white-color: #FFF; --gradient: #000; --gradient-hover: 000; --bg-headline-color: #000; --text-color: #FFF; --text-off-color: rgba(255,255,255,.8); --text-primary-color: #FFF; --text-dark-color: #000; --input-color: #000; --background-page-color: #000; --bg-color: #000; --bg-primary-color: #FFF; --bg-secondary-color: #000; --tag-color: #000; --border-color: #FFF; --border-separator-color: #FFF; --select-color: #000; --selected-color: #000; --error-color: red; } .accessibility-contrast, .accessibility-contrast .block { background: var(--background-page-color) !important; } .accessibility-contrast .site-logo { filter: brightness(0) invert(1) !important; } .accessibility-contrast a, .accessibility-contrast .site-header .btn--search { color: var(--primary-color) !important; } .accessibility-contrast .site-header .btn--color { color: var(--bg-color) !important; background: yellow !important; } .accessibility-contrast .site-header .header--toolbar { border-bottom: 1px solid var(--border-color); } .accessibility-contrast .btn { backdrop-filter: none !important; } .accessibility-contrast .btn-primary, .accessibility-contrast .btn-primary:hover { color: #000 !important; background: yellow !important; backdrop-filter: none !important; } .accessibility-contrast .btn-secondary { color: #FFF !important; border: 1px solid var(--border-color); } .accessibility-contrast .btn-arrow { color: #000 !important; background: yellow !important; } .accessibility-contrast .btn-arrow::before { color: yellow !important; background: #000 !important; } .accessibility-contrast .block.background-color { --color: var(--background-color); background: var(--color); } .accessibility-contrast .site-header.sticked { background: rgba(0, 0, 0, 0.9); backdrop-filter: none; } .accessibility-contrast .site-header .site-nav, .accessibility-contrast .site-header .search-box { background: rgba(0, 0, 0, 0.9); backdrop-filter: none; } .accessibility-contrast .search-box .search-form { background: rgba(0, 0, 0, .1); backdrop-filter: none; } .accessibility-contrast .search-box .search-form::before, .accessibility-contrast .search-box input, .accessibility-contrast .search-box .search-filters span { color: var(--text-color); } .accessibility-contrast .search-box .search-filter { color: var(--text-color); border: 1px solid var(--text-color); } .accessibility-contrast .search-box .search-filter.active { opacity: 1; } .accessibility-contrast .megamenu--menu.active { color: #000 !important; } .accessibility-contrast .megamenu--footer { border-top: 1px solid #FFF !important; } .accessibility-contrast .block .wp-block-heading::after { color: #FFF !important; } .accessibility-contrast .block--headline { color: var(--text-color); border: 1px solid var(--text-color); } .accessibility-contrast .block--content p.has-small-font-size, .accessibility-contrast .block--share .block--title, .accessibility-contrast .wp-element-caption, .accessibility-contrast .wp-block-table th, .accessibility-contrast .wp-block-table td { color: var(--text-color); } .accessibility-contrast .block--content p a, .accessibility-contrast .block--content ul a, .accessibility-contrast .btn-link, .accessibility-contrast .btn-outline { color: var(--primary-color); } .accessibility-contrast .btn-primary:hover { color: var(--primary-color); background: var(--white-color); } .accessibility-contrast .btn-primary-icon::before, .accessibility-contrast .btn-primary-icon:hover::before, .accessibility-contrast .block--page-heading .btn.btn-primary::before { color: yellow; background: #000; } .accessibility-contrast .btn-primary-icon:hover::before, .accessibility-contrast .btn-secondary:hover::before { color: var(--white-color); background: var(--primary-color); } .accessibility-contrast .btn-secondary:hover::before, .accessibility-contrast .btn-secondary::before, .accessibility-contrast .btn-search { color: #000; } .accessibility-contrast .btn-search { background: #FFFFFF; } .accessibility-contrast .btn-icon { --color: var(--primary-color); color: var(--color); } .accessibility-contrast .btn-icon::after { background: rgba(0, 0, 0, .20); backdrop-filter: none; } .accessibility-contrast .btn-filter { color: var(--primary-color); border: 1px solid var(--primary-color) !important; } .accessibility-contrast .btn-filter::before { background: var(--primary-color); } .accessibility-contrast .site-nav-lang a { color: #000 !important; } .accessibility-contrast .site-nav-lang > ul > li > a::after, .accessibility-contrast .site-nav-lang > ul > li > ul > li > a { border-left: 1px solid rgba(0, 0, 0, .3); color: #000; } .accessibility-contrast .site-nav-lang > ul > li > ul { background: rgba(0, 0, 0, 0.20); backdrop-filter: none; } .accessibility-contrast .site-nav-lang > ul > li:hover > a::after { border-right: 1px solid rgba(0, 0, 0, .3); border-left: 0; } .accessibility-contrast .site-nav--menu > ul > li > a, .accessibility-contrast .site-nav--menu > ul > li > ul > li > a, .accessibility-contrast .site-nav--contact .contact--title, .accessibility-contrast .site-nav--contact p, .accessibility-contrast .site-nav--contact p a, .accessibility-contrast .site-header .site-nav-social .btn-icon i { color: var(--text-color); } .accessibility-contrast .site-nav--menu > ul > li > ul > li > a:hover { color: var(--primary-color); } .accessibility-contrast .site-nav--menu > ul > li > ul > li > a::before { color: var(--primary-color); } .accessibility-contrast .site-nav--contact { border-left: 1px solid rgba(0, 0, 0, .2); } .accessibility-contrast .wp-block-separator { background: var(--footer-color); } .accessibility-contrast .wp-block-quote p { color: var(--primary-color) !important; border-bottom: 1px solid rgba(0, 0, 0, .2); } .accessibility-contrast .wp-block-table th { background: var(--white-color); } .accessibility-contrast .piotnetforms { color: var(--text-color); } .accessibility-contrast .piotnetforms .piotnetforms-field-label { color: var(--text-color); } .accessibility-contrast .piotnetforms .piotnetforms-field, .accessibility-contrast .piotnetforms .piotnetforms-field select, .accessibility-contrast .block form select { color: var(--text-color); background: var(--background-color); border: 1px solid #FFF !important; } .accessibility-contrast .piotnetforms .piotnetforms-field.piotnetforms-acceptance-field, .accessibility-contrast .piotnetforms .piotnetforms-field.piotnetforms-field-textual { border: 1px solid #FFF; } .accessibility-contrast .piotnetforms .piotnetforms-field::placeholder, .accessibility-contrast .piotnetforms .piotnetforms-field::-moz-placeholder, .accessibility-contrast .piotnetforms .piotnetforms-field:-ms-input-placeholder, .accessibility-contrast .piotnetforms .piotnetforms-field::-ms-input-placeholder { color: var(--text-color); } .accessibility-contrast .piotnetforms .piotnetforms-acceptance-field[type="checkbox"], .accessibility-contrast .piotnetforms .piotnetforms-field-option [type="radio"] { background: var(--text-color); } .accessibility-contrast .piotnetforms .piotnetforms-acceptance-field[type="checkbox"]:checked::after, .accessibility-contrast .piotnetforms .piotnetforms-field-option [type="radio"]:checked::after { color: var(--text-color); background: var(--background-color); } .accessibility-contrast .piotnetforms .piotnetforms-button { color: var(--white-color) !important; background: var(--primary-color) !important; } .accessibility-contrast .block--newsletter .container > p { opacity: 1; } .accessibility-contrast .block--newsletter .newsletter--form .piotnetforms .piotnetforms-field { border-color: transparent !important; } .accessibility-contrast .block--newsletter .newsletter--form .piotnetforms .piotnetforms-field-container::after { background: #FFF !important; } .accessibility-contrast .site-alert { background: var(--white-color); box-shadow: 16px -5px 60.3px 0px rgba(0, 0, 0, 0.10); } .accessibility-contrast .site-alert p { color: var(--text-color); } .accessibility-contrast .site-alert p strong, .accessibility-contrast .site-alert p a { color: var(--primary-color); } .accessibility-contrast .site-alert .btn { color: var(--primary-color); border: 1px solid var(--primary-color); } .accessibility-contrast .site-footer { color: var(--text-color); background: var(--footer-color); } .accessibility-contrast .site-footer .footer--column .site-nav > ul > li > a { color: #FFF !important; } .accessibility-contrast .site-footer a, .accessibility-contrast .site-footer .footer--main p, .accessibility-contrast .site-footer .footer--column p, .accessibility-contrast .site-footer .footer--column p a, .accessibility-contrast .site-footer .footer--title, .accessibility-contrast .site-footer .site-nav-secondary > ul > li > a, .accessibility-contrast .site-footer .site-nav-secondary > ul > li > ul > li > a { color: var(--text-color); } .accessibility-contrast .swiper .swiper-button-prev, .accessibility-contrast .swiper .swiper-button-next { color: #000 !important; background: #FFF !important; } .accessibility-contrast .block--filters-nav .filter-nav--more:has(.active) > .filter-nav--item, .accessibility-contrast .block--filters-nav .filter-nav--item.active, .accessibility-contrast .postslist--pagination .page-numbers.prev, .accessibility-contrast .postslist--pagination .page-numbers.next, .accessibility-contrast .postslist--pagination .page-numbers.current, .accessibility-contrast .postslist--pagination .page-numbers:hover { color: #000 !important; } .accessibility-contrast .block--hero .block--title strong, .accessibility-contrast .block--banner .block--heading .block--title strong, .accessibility-contrast .block--banner.banner-centered .block--heading .block--subtitle strong { background: transparent; background-clip: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset; } .accessibility-contrast .block--separator .separator--icon { color: #000 !important; background: #FFF !important; } .accessibility-contrast .block--carousel .slide--item .slide--info { background: #000 !important; } .accessibility-contrast .block--tabs .tab--btn:not(.active) { color: yellow !important; background: transparent !important; } @media (max-width: 768px){ .bar-title{ margin-top: 200px; } } #piotnetforms .p5077295 .piotnetforms-field-group > label{font-weight:400}#piotnetforms .p5077295 .piotnetforms-field-group .piotnetforms-field, #piotnetforms .p5077295 .piotnetforms-field-group .piotnetforms-field .piotnetforms-field-textual, #piotnetforms .p5077295 .piotnetforms-field-subgroup label, #piotnetforms .p5077295 .piotnetforms-field-group .piotnetforms-select-wrapper select::placeholder, #piotnetforms .p5077295 .piotnetforms-field-group .piotnetforms-field .selectize-control .selectize-dropdown .selectize-dropdown-content, #piotnetforms .p5077295 .piotnetforms-field-group .piotnetforms-field .selectize-control .selectize-input input::placeholder, #piotnetforms .p5077295 .piotnetforms-field-group .piotnetforms-field .selectize-control .selectize-input input, #piotnetforms .p5077295 .piotnetforms-field-group .piotnetforms-field .selectize-control .selectize-input .item{font-weight:400} #piotnetforms .p48511367 .piotnetforms-field-group > label{font-weight:400}#piotnetforms .p48511367 .piotnetforms-field-group .piotnetforms-field, #piotnetforms .p48511367 .piotnetforms-field-group .piotnetforms-field .piotnetforms-field-textual, #piotnetforms .p48511367 .piotnetforms-field-subgroup label, #piotnetforms .p48511367 .piotnetforms-field-group .piotnetforms-select-wrapper select::placeholder, #piotnetforms .p48511367 .piotnetforms-field-group .piotnetforms-field .selectize-control .selectize-dropdown .selectize-dropdown-content, #piotnetforms .p48511367 .piotnetforms-field-group .piotnetforms-field .selectize-control .selectize-input input::placeholder, #piotnetforms .p48511367 .piotnetforms-field-group .piotnetforms-field .selectize-control .selectize-input input, #piotnetforms .p48511367 .piotnetforms-field-group .piotnetforms-field .selectize-control .selectize-input .item{font-weight:400} #piotnetforms .p3522997 a.piotnetforms-button, #piotnetforms .p3522997 .piotnetforms-button{font-weight:400}#piotnetforms .p3522997 .piotnetforms-message{font-weight:400} #piotnetforms .p52106590{font-weight:400} #piotnetforms .p8873870>.piotnet-section__container{max-width: 1140px;}#piotnetforms .p8873870{font-weight:400}