/* cmsms stylesheet: FS_design_CSS modified: Thursday, December 4, 2025 2:30:15 PM */
:root {
    --zsz-color: #4d8a6b;
    /* --zsz-color: #8a2f91; */
    --zsz-color-dark: hsl(from var(--zsz-color) h s calc(l - 10));
    --zsz-color-dark2: hsl(from var(--zsz-color) h s calc(l - 18));
    --zsz-color-light: hsl(from var(--zsz-color) h s calc(l + 7));
    --zsz-color-light2: hsl(from var(--zsz-color) h s calc(l + 47));
    --zsz-grey: #0a0a0a;
    /* --zsz-border-radius: 1.2em; */
    --zsz-border-radius: 0;
    --zsz-bigborder-radius: 2em;
    --bs-body-color: #565c58;
}

body {
    /* font-family: "Chocolate Classical Sans", sans-serif; */
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .btn, legend {
    /* font-family: "Sansation", sans-serif; */
    font-family: "Titillium Web", sans-serif;
}

body.loading {
    overflow-y: hidden !important;
}

body.loading header, body.loading content, body.loading footer, body.loading section {
    display: none !important;
}

body.loaded div.spiner {
    display: none !important;
}

#topHeader {
    height: 40px;
}

#pageTitle.bg-is-picture {
    height: 40vh;
}

/* .design-font {
    font-family: "Parisienne", cursive;
    font-family: "Playwrite RO", cursive;
    font-optical-sizing: auto;
    font-size: 24px;
} */

.logo {
    height: 54px;
    width: auto;
}

content {
    margin-top: 110px;
}

a {
    color: var(--zsz-color);
    text-decoration: none;
    opacity: 1;
}

a:hover:not(.btn) {
    opacity: 0.85;
}

.btn {
    border-radius: var(--zsz-border-radius) !important;
    border-width: 2px !important;
}

.zsz-card .btn {
    border-radius: 0 !important;
}

.btn-zsz {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--zsz-color);
    --bs-btn-border-color: var(--zsz-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--zsz-color-dark);
    --bs-btn-hover-border-color: var(--zsz-color-dark);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--zsz-color-dark);
    --bs-btn-active-border-color: var(--zsz-color-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--zsz-color);
    --bs-btn-disabled-border-color: var(--zsz-color);
}

.btn-outline-zsz {
    --bs-btn-color: var(--zsz-color);
    --bs-btn-border-color: var(--zsz-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--zsz-color);
    --bs-btn-hover-border-color:var(--zsz-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--zsz-color);
    --bs-btn-active-border-color: var(--zsz-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--zsz-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--zsz-color);
    --bs-gradient: none;
}

.zsz-border-radius {
    border-radius: var(--zsz-border-radius) !important;
}

.zsz-bigborder-radius {
    border-radius: var(--zsz-bigborder-radius) !important;
}

.border-zsz {
    border-color: var(--zsz-color) !important;
}

#slider, .zsz-slider {
    height: calc(60vh - 110px);
    min-height: 300px;
}

#sliderTexbox {
    max-height: calc(60vh - 110px);
}

#slider img {
    -webkit-animation: slide-zoom 20s infinite alternate;
}

@keyframes slide-zoom {
    0% {
        transform: scale(1.0);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1.0);
    }
}

.carousel-control-next, .carousel-control-prev {
    z-index: 999 !important;
}

.zsz-slider h1, .zsz-slider h3 {
    max-width: 70%;
}

#sliderFade {
    /* background-color: #151a19; */
    background-color: var(--zsz-color);
    /* background-image: url("https://versys.hu/uploads/images/slider/noise-fade.jpg"); */
    background-position: center;
    background-size: cover;
    opacity: 0.25;
}

.slider-logo {
    height: 16vh;
    width: auto;
}

.text-zsz {
    color: var(--zsz-color);
}

#pageTitle h2 {
    font-size: 1.2rem !important;
}

.bg-zsz {
    background-color: var(--zsz-color);
}

.bg-zsz2 {
    background-color: var(--zsz-color-dark2);
}

.navbar-nav {
    font-size: 0.95em;
    font-weight: 500;
    text-transform: uppercase;
}

.dropdown-item {
    font-size: 0.94em;
    text-transform: none;
}

.navbar-toggler {
    border: none;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--zsz-color);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--zsz-color);
}

.comment-box-border {
    border-left: 7px solid var(--zsz-color);
    /* border-radius: 10px; */
}

.gallery .gallery-box {
    background-color: #fff;
    transition: all 0.75s ease-out;
}

.gallery .gallery-box:hover {
    background-color: var(--zsz-color);
}

.gallery .gallery-box a:hover {
    opacity: 1 !important;
}

.gallery .gallery-box:hover h3, .gallery .gallery-box:hover h3 i {
    color: #fff !important;
}

.card-pic {
    height: 240px;
}

.products .card-pic {
    height: 220px;
}

p:last-child {
    margin-bottom: 0;
}

a.home-icon-block {
    transition: all 0.75s ease-out;
}

a.home-icon-block:hover {
    background-color: #fff !important;
    color: var(--zsz-color) !important;
    box-shadow: var(--bs-box-shadow-lg) !important;
}

.home-icon-block .icon svg, .page-icon-block .icon svg {
    width: 100% !important;
    height: 100% !important;
}

.home-icon-block .icon.version-1 svg path, .home-icon-block .icon.version-1 svg line, .home-icon-block .icon.version-1 svg circle, .home-icon-block .icon.version-1 svg polyline, .home-icon-block .icon.version-1 svg rect {
    stroke: #fff !important;
    transition: all 0.75s ease-out;
}

.home-icon-block:hover .icon.version-1 svg path, .home-icon-block:hover .icon.version-1 svg line, .home-icon-block:hover .icon.version-1 svg circle, .home-icon-block:hover .icon.version-1 svg polyline, .home-icon-block:hover .icon.version-1 svg rect {
    stroke: var(--zsz-color) !important;
}

.home-icon-block .icon.version-2 svg path, .page-icon-block .icon.version-2 svg path {
    fill: #fff !important;
    transition: all 0.75s ease-out;
}

.home-icon-block:hover .icon.version-2 svg path, .page-icon-block:hover .icon.version-2 svg path {
    fill: var(--zsz-color) !important;
}

.page-icon-block .icon.version-1 svg path, .page-icon-block .icon.version-1 svg line, .page-icon-block .icon.version-1 svg circle, .page-icon-block .icon.version-1 svg polyline, .page-icon-block .icon.version-1 svg rect {
    stroke: var(--zsz-color) !important;
}

.page-icon-block .icon.version-2 svg path {
    fill: var(--zsz-color) !important;
}

.team-box {
    margin-top: 4em;
    height: calc(100% - 4em);
}

.team-box .team-pic-box {
    margin-top: -4em;
    width: 160px;
    height: 160px;
}

input[type=text], input[type=password], input[type=number], input[type=email], textarea, input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus, textarea:focus, input[type=text]:focus-visible, input[type=password]:focus-visible, input[type=number]:focus-visible, input[type=email]:focus-visible, textarea:focus-visible, input[type=text]:active, input[type=password]:active, input[type=number]:active, input[type=email]:active, textarea:active, input[type=checkbox], input[type=checkbox]:focus, input[type=checkbox]:focus-visible, input[type=checkbox]:active, select, select:active, select:focus, select:focus-visible {
    border-radius: var(--zsz-border-radius);
    padding: 0.4em 0.5em;
    border: 2px solid var(--zsz-color);
    line-height: 1;
}

.form-check-input, input[type=checkbox], input[type=checkbox]:focus, input[type=checkbox]:focus-visible {
    padding: 0.5em;
}

.form-check-input:checked {
    background-color: var(--zsz-color);
    border-color: var(--zsz-color);
}

table th, table td {
   background-color: transparent !important;
}

.nr input::-webkit-outer-spin-button,
.nr input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.nr input[type=number] {
  -moz-appearance: textfield; /* Firefoxhoz */
}

.news-list > div:last-child {
    margin-bottom: 0 !important;
}

.pagi a {
    background-color: var(--zsz-color);
    color: #fff;
    border-radius: var(--zsz-border-radius);
    padding: 0.3em 0.85em;
    margin: 0 0.15em;
}

.news-block .newspic img {
    filter: grayscale(1);
    transform: scale(1.0);
    transition: transform .2s;
}

.news-block:hover .newspic img {
    filter: grayscale(0);
    transform: scale(1.1);
    transition: transform .2s;
}

.news-block .newspic .newspic-fade {
    opacity: 0.5;
    transition-duration: .2s;
}

.news-block:hover .newspic .newspic-fade {
    opacity: 0;
    transition-duration: .2s;
}

.anchor {
    position: absolute;
    top: -73px;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.map-green {
    color: #0f9d58 !important;
}

.map-grey {
    color: #757575 !important;
}

.map-orange {
    color: #f57c00 !important;
}

.map-red {
    color: #c2185b !important;
}

.news-embed-youtube, .home-news .newspic {
    height: 250px;
}

.sharethis-inline-share-buttons {
    position: absolute;
    margin-top: -40px !important;
}

.sharethis-inline-share-buttons .st-btn:hover {
    opacity: 1 !important;
}

#idopontfoglalo .css-nskwbh {
    background-color: transparent !important;
}

#idopontfoglalo #minup-ribbon {
    opacity: 0 !important;
}

.accordion-button:focus {
    box-shadow: unset;
}

.accordion-button:not(.collapsed) {
    color: var(--zsz-color-dark);
    background-color: var(--zsz-color-light2);
    box-shadow: unset;
}

.accordion-item:first-of-type, .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

form legend {
    color: var(--zsz-color);
    font-weight: bold;
    font-size: 1.6em;
    margin-bottom: 1em;
    line-height: normal;
}

.form-paginer {
    width: 16vw;
    max-width: 80px;
    /* height: 12px; */
    background-color: var(--zsz-color-light2);
    border-radius: 3em;
}

.form-paginer.active {
    background-color: var(--zsz-color);
}

.form-paginer.active2 {
    background-color: var(--zsz-color-dark2);
}

form .size-1 input, form .size-1 textarea, form .size-1 select {
    width: 10% !important;
}

form .size-2 input, form .size-2 textarea, form .size-2 select {
    width: 20% !important;
}

form .size-3 input, form .size-3 textarea, form .size-3 select {
    width: 30% !important;
}

form .size-4 input, form .size-4 textarea, form .size-4 select {
    width: 40% !important;
}

form .size-5 input, form .size-5 textarea, form .size-5 select {
    width: 50% !important;
}

form .size-6 input, form .size-6 textarea, form .size-6 select {
    width: 60% !important;
}

form .size-7 input, form .size-7 textarea, form .size-7 select {
    width: 70% !important;
}

form .size-8 input, form .size-8 textarea, form .size-8 select {
    width: 80% !important;
}

form .size-9 input, form .size-9 textarea, form .size-9 select {
    width: 90% !important;
}

form .size-10 input, form .size-10 textarea, form .size-10 select {
    width: 100% !important;
}

form .label-right label {
    display: block;
    text-align: right;
}

from select {
    background: #fff;
}

form.cms_form hr.cimek_kiterjedese_egyeb, form.cms_form hr.rendeles_hatarido_tipus_egyeb, form.cms_form hr.dedikalt_vegyes_egyeb, form.cms_form hr.jarat_szervezes_egyeb, form.cms_form hr.jarattervezes_egyeb {
    opacity: 0 !important;
    margin: 0.2em 0 !important;
}

.cky-show-desc-btn {
    color: var(--zsz-color) !important;
}

.cky-btn-close:focus-visible {
    outline: 2px solid var(--zsz-color) !important;
}

footer {
    background-color: var(--zsz-color-dark2);
}

footer a {
    /* color: var(--zsz-color-light); */
    color: #fff;
}

@media (max-width: 1399.98px) {
    .news-embed-youtube, .home-news .newspic {
        height: 210px;
    }

    .products .card-pic {
        height: 190px;
    }
}

@media (max-width: 1199.98px) {
    .navbar-nav {
        font-size: 0.85em;
    }

    .dropdown-item {
        font-size: 0.82em;
    }

    .card-pic {
        height: 220px;
    }

    .products .card-pic {
        height: 220px;
    }

    .team-box .team-pic-box {
        width: 130px;
        height: 130px;
    }

    .news-embed-youtube {
        height: 170px;
    }

    .home-news .newspic {
        height: 260px;
    }

    #sliderTexbox {
        max-height: unset;
    }
}

@media (max-width: 991.98px) {
    nav {
        max-height: 80vh;
        overflow: hidden;
        overflow-y: auto;
    }

    .navbar-nav {
        margin-top: 2em;
    }

    .team-box .team-pic-box {
        width: 130px;
        height: 130px;
    }

    .home-news .newspic {
        height: auto;
    }

    .sharethis-inline-share-buttons {
        margin-top: 0 !important;
        position: relative;
    }

    .products .card-pic {
        height: 220px;
    }

    form .size-1 input, form .size-1 textarea, form .size-1 select {
        width: 20% !important;
    }

    form .size-2 input, form .size-2 textarea, form .size-2 select {
    width: 40% !important;
    }

    form .size-3 input, form .size-3 textarea, form .size-3 select {
        width: 60% !important;
    }

    form .size-4 input, form .size-4 textarea, form .size-4 select {
        width: 80% !important;
    }

    form .size-5 input, form .size-5 textarea, form .size-5 select {
        width: 100% !important;
    }

    form .size-6 input, form .size-6 textarea, form .size-6 select {
        width: 100% !important;
    }

    form .size-7 input, form .size-7 textarea, form .size-7 select {
        width: 100% !important;
    }

    form .size-8 input, form .size-8 textarea, form .size-8 select {
        width: 100% !important;
    }

    form .size-9 input, form .size-9 textarea, form .size-9 select {
        width: 90% !important;
    }

    form .size-10 input, form .size-10 textarea, form .size-10 select {
        width: 100% !important;
    }

    form .label-right label {
        text-align: left;
    }
}

@media (max-width: 767.98px) {
    .card-pic {
        height: auto;
    }

    .products .card-pic {
        height: 170px;
    }

    .news-embed-youtube {
        height: 140px;
    }
}

@media (max-width: 575.98px) {
    .team-box .team-pic-box {
        width: 35vw;
        height: 35vw;
    }

    .products .card-pic {
        height: auto;
    }
}

@media (orientation: portrait) AND (max-width: 576px) {
    .news-embed-youtube {
        height: 30vh;
    }
}