.scrim {background-color:#000000 !important; opacity:0.8 !important}
.sl-overlay {background-color:#000000 !important; opacity:0.8 !important}
.ngg-navigation a.page-numbers {background-color: #FFCD57 !important; opacity:0.6 !important; padding-left:20px; padding-right:20px; border-radius:10px}
.ngg-navigation span.current {background-color: #FFCD57 !important; padding-left:20px; padding-right:20px; border-radius:10px}
button.sl-prev {color: white !important}
button.sl-next {color: white !important}
button.sl-close {color: white !important}
a.ngg-simplelightbox {background-color:#000000 !important;}
a.ngg-simplelightbox img {opacity:0.8 !important}
a.ngg-simplelightbox img:hover {opacity:1 !important}
.title-name-rismann {font-size: 64px;}
a.wp-block-button__link.has-medium-font-size.has-text-align-center.has-custom-font-size.wp-element-button {font-size: 15px !important}
#ast-desktop-header {position:fixed; width:100%}
.pozadie-nadpisu-titulka {text-align: center}
.nadpis-titulka {padding-top:80px}
.o-nas-text {padding-right:60px}
.ast-header-break-point .ast-menu-toggle{background: none !important; border: none !important; box-shadow: none !important;} #menu-item-418 > a::after,
#menu-item-418 > a::before,
#menu-item-418 > a .menu-link::after,
#menu-item-418 > a .menu-link::before {content: none !important; display: none !important;}
#menu-item-418 > .sub-menu{top: calc(100% + 5px); width: auto; min-width: 80px; margin-left: -20px; white-space: nowrap; background-color: #e2ecf5 !important; border: 0px; padding-left:20px; padding-right: 20px; padding-bottom:10px}
.lang-item.current-lang {display: none;} #menu-item-237 > a::after,
#menu-item-237 > a::before,
#menu-item-237 > a .menu-link::after,
#menu-item-237 > a .menu-link::before {content: none !important; display: none !important;}
#menu-item-237 > .sub-menu{top: calc(100% + 5px); width: auto; min-width: 80px; margin-left: -20px; white-space: nowrap; background-color: #e2ecf5 !important; border: 0px; padding-left:20px; padding-right: 20px; padding-bottom:10px}
.lang-item.current-lang {display: none;} #menu-item-456 > a::after,
#menu-item-456 > a::before,
#menu-item-456 > a .menu-link::after,
#menu-item-456 > a .menu-link::before {content: none !important; display: none !important;}
#menu-item-456 > .sub-menu{top: calc(100% + 5px); width: auto; min-width: 80px; margin-left: -20px; white-space: nowrap; background-color: #e2ecf5 !important; border: 0px; padding-left:20px; padding-right: 20px; padding-bottom:10px}
.lang-item.current-lang {display: none;} .button {
--black-700: hsla(0 0% 12% / 1);
--border_radius: 9999px;
--transtion: 0.3s ease-in-out;
--offset: 2px; cursor: pointer; position: relative; display: flex; align-items: center; gap: 0.5rem; transform-origin: center; padding: 1rem 2rem; background-color: transparent; border: none; border-radius: var(--border_radius); transform: scale(calc(1 + (var(--active, 0) * 0.1))); transition: transform var(--transtion);}
.button::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: var(--black-700); border-radius: var(--border_radius); transition: all var(--transtion); z-index: 0;}
.button::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: #FFCD57; background-position: top; opacity: var(--active, 0); border-radius: var(--border_radius); transition: opacity var(--transtion); z-index: 2; }
.button:is(:hover, :focus-visible) {
--active: 1;}
.button:active {transform: scale(1); }
.button .dots_border {
--size_border: calc(100% + 2px); overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: var(--size_border); height: var(--size_border); background-color: transparent; border-radius: var(--border_radius); z-index: -10;}
.button .dots_border::before {content: ""; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); transform-origin: left; transform: rotate(0deg); width: 100%; height: 2rem; background-color: white; mask: linear-gradient(transparent 0%, white 120%); animation: rotate 2s linear infinite;}
@keyframes rotate {
to {transform: rotate(360deg);}
}
.button .sparkle {position: relative; z-index: 10; width: 1.75rem;}
.button .sparkle .path {fill: currentColor; stroke: currentColor; transform-origin: center; color: hsl(0, 0%, 100%);}
.button:is(:hover, :focus) .sparkle .path {animation: path 1.5s linear 0.5s infinite; }
.button .sparkle .path:nth-child(1) {
--scale_path_1: 1.2;}
.button .sparkle .path:nth-child(2) {
--scale_path_2: 1.2;}
.button .sparkle .path:nth-child(3) {
--scale_path_3: 1.2;}
@keyframes path {0%, 34%, 71%, 100% {transform: scale(1);}
17% {transform: scale(var(--scale_path_1, 1));}
49% {transform: scale(var(--scale_path_2, 1));}
83% {transform: scale(var(--scale_path_3, 1));}
}
.button .text_button {position: relative; z-index: 10; background-clip: text;
-webkit-background-clip: text; color: white;}
.button .text_button:hover {color: black;} .card {width: 100%; padding: 0px; border-radius: 7px; border: 2px solid #E7F6FF; }
.image-wrapper {position: relative; overflow: hidden; border-radius: 7px;}
.img {width: 100%; display: block;}
.reveal {position: absolute; inset: 0; object-fit: cover; clip-path: ellipse(100% 0% at 50% 0%); transform: scale(1); transition: clip-path 0.5s ease, transform 0.5s ease;}
.card:hover {border: 2px solid #FFCD57;}
.card:hover .reveal {clip-path: ellipse(100% 120% at 50% 0%); transform: scale(1.1);} .elementskit-commentor-content {width: 650px !important;}
.ast-breadcrumbs {display:none}
.error-404.not-found {padding-top:100px; background-color: white}
@media (max-width: 850px) { 
html, body { overflow-x: hidden; }
.ast-breadcrumbs {position:relative; top:170px; left: 0px; margin-bottom:0px !important; z-index:20; margin: 0 auto; height:150px}
.title-name-rismann {font-size: 42px;} #ast-mobile-header {position:fixed; width:100%;} 
.ast-builder-grid-row.ast-builder-grid-row-has-sides.ast-builder-grid-row-no-center {padding-left:20px;padding-right:20px} 
.fixed-image-1,.fixed-image-2,.fixed-image-3{height:auto!important; min-height:50vh!important;}
.fixed-image-1podstranka {height:420px; }
.o-nas {padding-top:60px !important; padding-bottom:60px !important}
.referencie {padding-top:60px !important; padding-bottom:60px !important}
.referencie-img {padding-left:20px !important; padding-right: 20px !important}
.auta {padding-top:60px !important; padding-bottom:60px !important}
.fixed-image-2,.o-nas,.referencie,.auta{transform: translate3d(0) !important; } 
.fixed-image-2.rolled,.o-nas.rolled,.referencie.rolled,.auta.rolled{animation: slideInLeft 0.85s ease-out forwards;} 
.fixed-image-2.rolled h2,.o-nas.rolled h2,.referencie.rolled h2,.auta.rolled h2{animation: textIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 0.75s;} 
.fixed-image-2.rolled h3,.o-nas.rolled h3,.referencie.rolled h3,.auta.rolled h3{animation: textIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: 0.55s;} 
.obrazok-1, .obrazok-2, .obrazok-3 {width: 100%; height: 350px; overflow: hidden;} .obrazok-1 img, .obrazok-2 img, .obrazok-3 img {width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; display: block;} 
.pozadie-nadpisu-titulka {padding-top:0px !important; padding-bottom:0px}
.nadpis-titulka {padding-top:170px !important;}
.o-nas-text {padding-right:0px}
.ast-header-break-point .menu-item-418-sk > a > .ast-icon.icon-arrow{display: none !important;}
.ast-header-break-point .menu-item-418-en > a > .ast-icon.icon-arrow{display: none !important;}
.ast-header-break-point .menu-item-237-de > a > .ast-icon.icon-arrow{display: none !important;}
.ast-header-break-point .menu-item-237-en > a > .ast-icon.icon-arrow{display: none !important;}
.ast-header-break-point .menu-item-456-sk > a > .ast-icon.icon-arrow{display: none !important;}
.ast-header-break-point .menu-item-456-de > a > .ast-icon.icon-arrow{display: none !important;} .elementskit-commentor-content {width: 350px !important;}
}