/* cmsms stylesheet: ZalaHu - MAIN modified: 2025-07-14 11:33:51 */
::selection {
  background: #007ebb; /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #007ebb; /* Gecko Browsers */
  color: #fff;
}

.c-content-blog-post-1 .c-title {
    margin: 0 0 12px 0;
    font-size: 25px;
}

.c-content-blog-post-1 {
    margin-bottom: 40px !important;
}

.c-content-blog-post-1 .c-desc {
    margin: 0px 0 10px 0;
}

.c-content-blog-post-1 .c-date {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f0f0f0;
}

body {
  color: #727271;
  /* font-family: 'Raleway', sans-serif; */
  font-family: 'Open Sans', sans-serif;
}

.tartalom a:link, .tartalom a:active, .tartalom a:visited {
  color: #008dd2;
}
.tartalom a:hover {
  color: #3f444a;
}

.tartalom .hirek .c-title a:link, .tartalom .hirek .c-title a:active, .tartalom .hirek .c-title a:visited {
  color: #3f444a;
}
.tartalom .hirek .c-title a:hover {
  color: #008dd2;
}

.tartalom a.btn {
  color: #fff;
}

.container img {
  max-width: 100%;
  height: auto;
}

table {
  display: block;
  width: 100%;
}

table td, table th {
  padding: 4px;
}

table th {
  border-bottom: 2px solid #e4e4e4;
}

table td {
  border-bottom: 1px solid #f4f4f4;
}

h1 {
  font-size: 34px;
}

.slider {
    font-weight: 300;
}

.c-bg-grey-1 {
    background-image: url(https://www.zala.hu/uploads/images/zala_hu/head_bcg2.png);
    background-position-y: center;
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.c-content-box.c-size-md {
    padding: 30px 0;
}

.c-theme-font, .c-theme-color {
    color: #007ebb !important;
}

.c-topbar ul.c-links img {
    max-height: 25px;
    margin-top: -5px;
}

.btn.btn-sm {
    font-size: 11px;
}

.c-theme-btn.btn.btn-inverse {
    background: #90999e;
    border-color: #90999e;
}
.c-theme-btn.btn.btn-inverse:hover {
    background: #007ebb;
    border-color: #007ebb;
}

.c-theme-btn.btn {
    background: #007ebb;
    border-color: #007ebb;
    font-weight: 400;
}

.c-theme-btn.btn:hover {
    color: #ffffff;
    background: #90999e;
    border-color: #90999e;
}

.table-hover>tbody>tr:hover, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
    background-color: #f7f7f7;
}

.belsomenuk .tabla {
    display: table;
}
.belsomenuk .tabla .tabla-row {
    display: table-row;
    /* width: 100%; */
}
.belsomenuk .tabla .tabla-row .tabla-cell {
    display: table-cell;
    width: 100%;
    text-align: center;
}

.belsomenuk .tabla .tabla-row .tabla-cell.design-hatter {
    background-color: #f0f0f0;
    background-image: url(https://www.zala.hu/uploads/images/zala_hu/head_bcg2.png);
    background-position-y: center;
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.belsomenuk .tabla .tabla-row .tabla-cell.belsomenu {
    white-space: normal;
    height: 60px;
    max-height: 60px;
    overflow: hidden;
    font-weight: 300 !important;
}

.c-theme-border {
    border-color: #007ebb !important;
}

.c-content-ver-nav .c-menu {
    width: 100%;
}

.onkormanyzat-lista {
    background-color: #f8f8f8;
    padding-right: 18px;
    padding-left: 18px;
}

.c-content-ver-nav .c-menu.c-margin-t-30.fomenu > li {
    margin-top: 30px !important;
}

.c-content-ver-nav .c-menu > li {
    padding: 0;
    border-bottom: none;
    display: inline-block;
    width: 100%;
}

.c-content-ver-nav .c-menu > li:before {
    margin: 9px 5px 0 0;
}

.c-content-ver-nav .c-menu > li a {
    float: left;
    width: calc(100% - 17px);
    padding: 7px 0;
    border-bottom: none;
}

.c-content-ver-nav .c-menu.fomenu > li > a {
    font-size: 20px;
    margin-bottom: 22px;
    color: #3f444a;
    /* margin: 0 0 30px 0; */
    text-transform: uppercase;
    font-weight: 600 !important;
    line-height: 1.1;
    padding-top: 0;
}

.c-content-ver-nav .c-menu.fomenu > li:before {
    margin: 0;
    content: '';
    width: 0;
    height: 0;
}

.c-content-ver-nav .c-menu.fomenu .c-line-left {
    float: left;
    width: 30px;
    height: 3px;
    background-color: #008dd2 !important;
    margin: 0 0 20px 0;
}

.c-content-ver-nav .c-menu.almenu > li:before {
    margin: 5px 5px 0 0;
}

.c-content-ver-nav .c-menu.almenu > li a {
    padding: 4px 0;
}

.c-content-ver-nav .c-menu > li.c-active > a {
    font-weight: bold;
    color: #008dd2;
}

.c-content-ver-nav .c-menu.almenu {
    padding: 0 8px;
    margin-left: 10px;
    /* background-color: #f2f2f2; */
    display: inline-block;
    font-size: 0.9em;
    opacity: 0.9;
}

.hir .img {
    float: left;
    margin: 0 20px 10px 0;
    max-width: 30%;
    height: auto;
}

.c-content-title-1 > .c-line-right, .c-content-title-1 > .c-line-left {
    background-color: #007ebb;
}

.c-content-contact-1 > .row .c-body > .c-section > h3 {
    font-weight: 400;
    text-transform: none;
}

.c-content-contact-1-gmap, .c-content-contact-1-gmap iframe {
    height: 400px;
}

.c-content-contact-1-gmap iframe {
    pointer-events: none;
}

.c-content-contact-1-gmap iframe.clicked {
    pointer-events: auto;
}

.c-bg-green {
    background-color: #007ebb !important;
}

.c-layout-header .c-navbar {
    -webkit-box-shadow: 18px 0 18px 0 rgba(0,0,0,0.15);
    box-shadow: 18px 0 18px 0 rgba(0,0,0,0.15);
}

.c-layout-header.c-layout-header-4 .c-navbar {
    background-color: #002854;
    background-image: url(https://www.zala.hu/uploads/images/zala_hu/head_bcg.png);
    background-position-y: center;
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.c-layout-header-topbar-collapse.c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar {
    background-color: rgba(0, 40, 84, 0.93);
}

.c-layout-header .c-brand {
    margin: 10px 0 10px 0;
}

.c-layout-header .c-brand .c-desktop-logo {
    max-height: 70px;
    /* margin-top: -28px; */
}

.c-layout-header .c-brand .c-desktop-logo-inverse {
    max-height: 50px;
    margin-top: -18px;
    margin-bottom: -10px;
}

.c-layout-header .c-brand .c-mobile-logo {
    max-height: 40px;
    margin-top: -7px;
}

.c-content-feedback-1 > .row > div > .c-container {
    margin: 0;
}

.c-layout-header .c-topbar .c-top-menu > .c-icons > li, .c-layout-header .c-topbar .c-top-menu > .c-links > li {
    padding: 10px 5px 10px 5px;
}

.c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li > .c-link {
    font-weight: 400;
}

.c-layout-header .c-topbar-light.c-solid-bg {
	background: #007ebb;
	color: #fff;
        border-bottom: 2px solid #fff;
        font-weight: 500;
}
.c-layout-header .c-topbar-light.c-solid-bg a:link, .c-layout-header .c-topbar-light.c-solid-bg a:visited, .c-layout-header .c-topbar-light.c-solid-bg a:active, .c-layout-header .c-topbar-light.c-solid-bg a:focus {
	color: #fff;
}

.c-layout-breadcrumbs-1 {
    background: #e9eaea;
    padding: 15px 0;
}

.c-layout-breadcrumbs-1 .c-page-title h3 {
    color: #002854;
    font-weight: 300 !important;
    font-size: 1.5em;
}

.c-layout-breadcrumbs-1 .c-page-breadcrumbs > li {
    color: inherit;
    font-size: 0.9em;
    font-weight: 600;
}

.c-layout-breadcrumbs-1 .c-page-breadcrumbs > li > a {
    color: #007ebb !important;
    font-weight: 300;
}

.c-layout-breadcrumbs-1 .c-page-breadcrumbs > li > a:hover {
    color: inherit !important;
    text-decoration: underline !important;
}

.c-layout-breadcrumbs-1.c-bordered-both {
    border-top: none;
    border-bottom: none;
}

.c-content-media-1 p {
    font-size: inherit;
}

.cbp-l-grid-work-title, .cbp-l-grid-projects-title, .cbp-l-grid-agency-title {
    font-family: inherit;
    color: inherit;
}

.gallery .kep {
    float: none;
    margin: 0;
    margin-bottom: 24px;
    max-width: 100%;
}

.c-content-box a:hover img{
    opacity: 0.8;
}

.c-content-label {
    background-color: #007ebb;
}

.banner-kep {
    width: 600px !important;
    height: auto !important;
}

footer.c-bg-dark {
    background-color: #0c1629 !important;
}

footer, footer p, footer .c-content-title-1 > p {
    color: #fff;
}

footer a {
    color: #007ebb !important;
    font-weight: 500;
}

footer a:hover {
    color: #fff!important;
}

.c-layout-footer.c-layout-footer-3 .c-postfooter .c-col {
    height: auto;
}

.c-content-person-1.c-option-2 {
    background-color: #f4f4f4;
}

.c-content-person-1.c-option-2 .c-body {
    background: transparent;
}

.c-content-contact-1 > .row .c-body {
    padding: 40px 40px;
    opacity: 0.9;
}

.nevjegykartya {
    margin-bottom: 20px !important;
    background-image: url(https://www.zala.hu/uploads/images/zala_hu/head_bcg.png);
    background-position-y: center;
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.nevjegykartya h3 {
    margin-bottom: 10px;
}

.nevjegykartya .c-content-title-1 > p {
    margin: 6px 0;
}

.product .nagykep {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-height: 338px;
    border-bottom: 4px solid #e4e4e4;
    text-align: center;
    background-color: #f0f0f0;

    background-image: url(https://www.zala.hu/uploads/images/zala_hu/head_bcg2.png);
    background-position-y: center;
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.product .nagykep img, .product-list .kep img {
    height: auto !important;
}

.product .c-title {
    color: #007ebb;
}

.product .jobb_oldali_adatok {
    float: right;
    margin-left: 18px;
    margin-bottom: 10px;
    border-left: 5px solid #007ebb;
    padding-left: 8px;
    width: 35%;
    font-size: 0.9em;
    border-bottom: 0;
}

.product .kepgaleria {
    display: inline-block;
    /* width: 100%; */
}

.product .kepgaleria img {
    height: auto !important;
    margin: 12px 0;
}

.product-list .prod {
    height: 375px;
    max-height: 375px;
    min-height: 375px;
    border-bottom: 3px solid #007ebb;
    margin-bottom: 15px;
    overflow: hidden;
}

.product-list .szoveg h3 {
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-list .szoveg p {
    font-size: 0.9em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.product-list .szoveg h3 a:link, .product-list .szoveg h3 a:visited, .product-list .szoveg h3 a:active {
    color: #007ebb;
}
.product-list .szoveg h3 a:hover {
    color: #000;
}

.tourism-box {
    background-color: #f2f2f2;
    padding-bottom: 10px;
    margin-bottom: 16px;
    min-height: 300px;
    border-top: 3px solid #007ebb;
    border-bottom: 3px solid #007ebb;
    overflow: hidden;
}

.tourism-box h1 {
    color: #007ebb;
    font-size: 3.5em;
    padding: 0 14px;
}

.tourism-box h3 {
    font-size: 1.3em;
    font-weight: 300;
    padding: 0 14px;
}

a:hover .tourism-box {
    background-color: #007ebb;
}

a:hover .tourism-box h1, a:hover .tourism-box h3 {
    color: #fff;
}

.elrejt {
    display: none !important;
}

.c-content-media-1 > .kozadattar.c-margin-t-30 {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
}

.fullwidth {
    width: 100% !important;
}

.right-side .btn + .btn {
    margin-left: 0;
}

.video {
    height: 450px;
}

.kereses .c-theme-border, #kozadat_kereso .c-theme-border {
    border-color: transparent !important;
}

.keresesi-talalatok {
    width: 100%;
}

.keresesi-talalatok tr td {
    padding: 5px;
}

.keresesi-talalatok tr:nth-child(even) td {
    background-color: #f8f8f8;
}

.keresesi-talalatok tr td:last-child {
    color: #a7a7a7;
    text-align: right;
    font-size: 0.9em;
}

.keresesi-talalatok tr td:first-child {
    color: #a7a7a7;
}

.pagi {
  line-height: 34px;
  margin-bottom: 15px;
  margin-top: 0;
  text-align: right;
  /* display: inline-block; */
  width: 100%;
  font-weight: bold;
}

.pagi a:link, .pagi a:visited, .rovatok a:link, .rovatok a:visited {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border: none;
  font-weight: 500;
  transition: .33s ease;
  padding: 11px;
  font-size: 16px;
  line-height: 1.33333;
  color: #fff;
  background-color: #007ebb;
  border-color: #007ebb;
  border-radius: 0;
  /* margin-bottom: -12px; */
}
.pagi a:hover, .rovatok a:hover {
  color: #fff;
  background-color: #90999e;
}

.gy-ikon {
  opacity: 1.0;
  /* display: none; */
}
.gy-ikon:hover {
  opacity: 0.8;
}

.sz2020 {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 999;
  width: 280px;
}

.sz2020-link > img {
  width: 100%;
  height: auto;
}

.sz2020-close {
  position: absolute;
  display: flex;
  border-radius: 5em;
  overflow: hidden;
  top: -15px;
  right: 15px;
  background: #fff;
  padding: 6px;
  z-index: 1000;
  -webkit-box-shadow: 0px 0 10px 0 rgba(0,0,0,0.25);
  box-shadow: 0px 0 10px 0 rgba(0,0,0,0.25);
  cursor: pointer;
}


@media (max-width: 991px) {

	.mobil-elrejt {
	    display: none;
	}
	.mobil-mutat {
	    display: block;
	}

	.c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler {
	    background: #2f4775;
	}

	.c-mega-menu-dark-mobile {
		margin-top: -12px !important;
	}

	.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu {
	    display: inline-block;
	}

	.tparrows.circle {
		width: 30px !important;
		height: 30px !important;
	}

	.forcefullwidth_wrapper_tp_banner .tp-leftarrow.tparrows.circle.noSwipe {
		transform: matrix(1, 0, 0, 1, 10, -15) !important;
	}

	.forcefullwidth_wrapper_tp_banner .tp-rightarrow.tparrows.circle.noSwipe {
		transform: matrix(1, 0, 0, 1, -40, -15) !important;
	}

	.c-content-blog-post-1-list {
		padding-right: 0;
	}

    .c-layout-header .c-brand {
      margin: 20px 15px 21px 15px;
    }

    .banner-kep {
        width: 200px !important;
        height: auto !important;
    }

    nav.c-top-menu.c-pull-left, nav.c-top-menu.c-pull-right {
        text-align: center;
        float: none !important;
        display: block !important;
    }
    
    nav.c-top-menu.c-pull-right ul {
        margin: 0 auto !important;
    }

    nav.c-top-menu.c-pull-right ul li {
        font-weight: 400 !important;
    }

    .product .jobb_oldali_adatok {
        padding: 10px;
        float: none;
        margin-left: 0;
        border-left: 0;
        border-bottom: 3px solid #007ebb;
        padding-left: 10px;
        width: auto;
    }

    .product-list .prod {
        height: auto;
        max-height: none;
        min-height: auto;
        margin-bottom: 10px;
    }

    .video {
        height: 250px;
    }

    .pagi {
        text-align: center;
        display: inline-block;
        width: 100%;
    }

}

@media (max-width: 1199px) AND (min-width: 991px) {
    ul.nav.navbar-nav.c-theme-nav > li.c-menu-type-classic > a.c-link.dropdown-toggle {
        font-size: 0.9em !important;
        padding: 33px 8px 33px 8px;
    }
}

@media (max-width: 991px) AND (min-width: 768px) {
    .product-list .prod {
        height: 420px;
        max-height: 420px;
        min-height: 420px;
    }

    .slider.c-font-48 {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .c-content-blog-post-1 .c-title {
        margin: 20px 0 20px 0;
        font-size: 1.2em;
    }

    .slider.c-font-48 {
        font-size: 21px;
    }

    .hir .img {
        float: none;
        margin: 0 0 15px 0;
        max-width: 100%;
    }

    .c-content-contact-1 > .row .c-body > .c-section {
        text-align: left;
    }

    .c-content-contact-1-gmap, .c-content-contact-1-gmap iframe {
        height: 315px;
    }

    .tourism-box {
        height: 230px;
        min-height: 230px;
        max-height: 230px;
    }

    .tourism-box h1 {
        font-size: 2em;
    }

    .tourism-box h3 {
        font-size: 1em;
    }
}

@media (min-width: 992px) {

	.mobil-elrejt {
	    display: block;
	}
	.mobil-mutat {
	    display: none;
	}

	.c-page-on-scroll .c-layout-header.c-layout-header-4 {
	    background: transparent;
	    border-bottom: 1px solid transparent;
	}

	.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
	    color: #fff !important;
	}

	.c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-link:not(.btn), .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover {
	    color: #007ebb !important;
	}

	.c-content-feature-5 .c-text {
	  opacity: 0.9 !important;
    	  width: 60%;
	}

	.c-layout-header-fixed.c-layout-header-topbar .c-layout-page {
	    margin-top: 135px;
	}

	.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
	    padding: 33px 15px 33px 15px;
	    min-height: 90px;
	}

	.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand {
	    margin: 26px 0 19px 0;
	}

}


.cookie-box {
	position: fixed;
	float: left;
	width: 100%;
	background: rgba(0, 0, 0, 0.75);
	color: #fff;
	padding: 15px 0;
	bottom: 0px;
	z-index: 9999;
	/* border-top: 3px solid #fff; */
}

.cookie-box p {
    margin: 0;
}

.cookie-box a:link, .cookie-box a:visited {
    color: #fff;
    text-decoration: underline;
}

.kishirek p {
    font-size: 0.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.kishirek .c-title {
    margin-bottom: 7px;
}

.kishirek hr {
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.1;
}

.banner {
    /* border: 1px solid #f1f1f1; */
}