:root {

/* color */
--color-default: #222222;
--color-yellow: #FCAF17;
--color-red: #FF3C3C;
--color-green: #4EC300;
--color-blue: #6771FE;
--color-lightgray: #F5F5F5;

--color-tervezes-kivitelezes: #FCAF17;
--color-irodabutor: #FF3C3C;
--color-informatika-irodatechnika: #4EC300;
--color-ingatlan-uzemeltetes: #6771FE;

--size-default: 18px;

}

html, body { height: 100% !important; min-height: 100% !important; position: relative; min-width: 350px; }

.form-control, .form-label { font-size: 14px; }
.form-text { font-size: 12px; }

.form-control:focus, .btn:focus,
.form-control:checked, .btn:checked,
.form-control:active, .btn:active,
.form-control:active:focus, .btn:active:focus { box-shadow: unset !important; }

.form-control::-webkit-input-placeholder { color: var(--color-default); opacity: 1; }
.form-control::-moz-placeholder { color: var(--color-default); opacity: 1; }
.form-control:-ms-input-placeholder { color: var(--color-default); opacity: 1; }
.form-control::-ms-input-placeholder { color: var(--color-default); opacity: 1; }
.form-control::placeholder { color: var(--color-default); opacity: 1; }

.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus, .form-select { box-shadow: none !important; }
.form-check-input.is-valid:checked[type=radio], .was-validated .form-check-input:valid:checked[type=radio] { background-image: unset; background-color: var(--color-blue); outline: 1px solid var(--color-blue); border: 1px solid var(--color-blue); }
.form-check-input.is-valid, .was-validated .form-check-input:valid {}
.form-control.is-valid, .was-validated .form-control:valid { border: 1px solid #2da069; padding-right: unset; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232da069' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); }
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); }
.form-control.is-invalid, .was-validated .form-control:invalid { border: 1px solid var(--color-red); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); }

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: var(--color-default); }

.form-floating > label { color: var(--color-default); font-size: 14px; }

.form-control::file-selector-button { padding: 1.096rem .75rem; }

.form-check-input:checked { background-color: var(--color-default); border-color: var(--color-default); box-shadow: unset; }


form { position: relative; }
form .sending { position: absolute; width: 100%; height: 100%; z-index: 9; background-color: rgba(255, 255, 255, .8); display: flex; justify-content: center; align-items: center; top: 0px; left: 0px; }
form .sending i { font-size: 50px; color: var(--color-default); }
form a { text-decoration: underline; }
form a i { position: relative; top: 4px }

.modal-header, .modal-content { border: unset; }


.card-img-top  { position: relative; width: 100%; padding-top: 56.25%; margin: 0px; }
.card-img-top img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }

.card-body { display: flex; flex-direction: column; justify-content: space-between; }

.sharing-container { display: flex; list-style-type: none; }
.sharing-container .sharing { border: unset; margin-left: 20px; border: 1px solid var(--color-default); width: 50px; height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.sharing-container .sharing:hover { border: unset; }
.sharing-container .sharing i { font-size: 22px; }
.sharing-container .sharing:hover i { font-size: 30px; }


small, .small { font-size: 12px; }

a { text-decoration: none; cursor: pointer !important; }
a:hover { text-decoration: none; color: var(--color-default); }
body { position: relative; }
body, body * { font-family: 'Martel Sans', sans-serif !important; font-size: 16px; line-height: 26px; font-weight: 300; color: var(--color-default); font-size: var(--size-default); line-height: 160%; transition: all 0.3s; }

b, .bold, .bold * { font-weight: 700 !important; }
strong, .strong, .strong * { font-weight: 900 !important; }

ul { list-style: none; margin: 0px; padding: 0px; }
ul li { margin: 0px; padding: 0px; }

.liner br { margin-bottom: 15px; }

.btn { min-height: 40px; font-weight: 700; text-transform: uppercase; font-size: 12px; line-height: 14px; color: #fff; border: 1px solid #fff; border-radius: 6px; padding: 12px 17px 12px 17px; background-color: transparent; margin: 0px !important; }
.btn:hover { background-color: #fff; color: var(--color-default); }

.btn.inv { min-height: 40px; font-weight: 700; text-transform: uppercase; font-size: 12px; line-height: 14px; color: var(--color-default); border: 1px solid var(--color-default); border-radius: 6px; padding: 12px 17px 12px 17px; background-color: transparent; margin: 0px !important; }
.btn.inv:hover { background-color: var(--color-default); color: #fff; }

.btn.color { min-height: 40px; font-weight: 700; text-transform: uppercase; font-size: 12px; line-height: 14px; color: var(--color-default); border: 1px solid var(--color-yellow); border-radius: 6px; padding: 12px 17px 12px 17px; background-color: var(--color-yellow); margin: 0px !important; }
.btn.color:hover { background-color: var(--color-default); color: #fff; }

.link { font-weight: 700; text-transform: uppercase; font-size: 12px; line-height: 14px; color: var(--color-default); }
.link:hover { color: var(--color-yellow); }

.kivitelezes .btn { color: var(--color-tervezes-kivitelezes); border: 1px solid var(--color-tervezes-kivitelezes); }
.kivitelezes .btn:hover { background-color: var(--color-tervezes-kivitelezes); color: #fff; }

.belsoepiteszet .btn { color: var(--color-irodabutor); border: 1px solid var(--color-irodabutor); }
.belsoepiteszet .btn:hover { background-color: var(--color-irodabutor); color: #fff; }

.informatika-irodatechnika .btn { color: var(--color-informatika-irodatechnika); border: 1px solid var(--color-informatika-irodatechnika); }
.informatika-irodatechnika .btn:hover { background-color: var(--color-informatika-irodatechnika); color: #fff; }

.ingatlan-uzemeltetes .btn { color: var(--color-ingatlan-uzemeltetes); border: 1px solid var(--color-ingatlan-uzemeltetes); }
.ingatlan-uzemeltetes .btn:hover { background-color: var(--color-ingatlan-uzemeltetes); color: #fff; }

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

/* sub title */ h1 { font-size: 40px; line-height: 44px; font-weight: 800; text-transform: uppercase; color: var(--color-yellow); }
h2 { font-size: 30px; line-height: 36px; font-weight: 800; text-transform: uppercase; }
h3 { font-size: 28px; line-height: 32px; font-weight: 800; text-transform: uppercase; }

h4 { font-size: 16px; line-height: 22px; font-weight: 300; }
/* headline */ h5, h5 strong { font-size: 18px; line-height: 22px; font-weight: 300; text-transform: uppercase; }
/* headline + cube */ h6 { font-size: 18px; line-height: 22px; font-weight: 800; text-transform: uppercase; position: relative; }

.cube::after { position: absolute; content: ''; width: 24px; height: 24px; border-radius: 4px; right: 0px; top: 0px; background-color: var(--color-yellow); color: var(--color-yellow); }
.kivitelezes h6.cube::after { background-color: var(--color-tervezes-kivitelezes) !important; }
.kivitelezes h6 { color: var(--color-tervezes-kivitelezes) !important; }
.informatika-irodatechnika h6.cube::after { background-color: var(--color-informatika-irodatechnika) !important; }
.informatika-irodatechnika h6 { color: var(--color-informatika-irodatechnika) !important; }
.belsoepiteszet h6.cube::after { background-color: var(--color-irodabutor) !important; }
.belsoepiteszet h6 { color: var(--color-irodabutor) !important; }
.ingatlan-uzemeltetes h6.cube::after { background-color: var(--color-ingatlan-uzemeltetes) !important; }
.ingatlan-uzemeltetes h6 { color: var(--color-ingatlan-uzemeltetes) !important; }

.kivitelezes h1 { color: var(--color-tervezes-kivitelezes) !important; }
.informatika-irodatechnika h1 { color: var(--color-informatika-irodatechnika) !important; }
.belsoepiteszet h1 { color: var(--color-irodabutor) !important; }
.ingatlan-uzemeltetes h1 { color: var(--color-ingatlan-uzemeltetes) !important; }

.yellow h6.cube::after { background-color: var(--color-yellow) !important; }
.yellow h6 { color: var(--color-yellow) !important; }
.green h6.cube::after { background-color: var(--color-green) !important; }
.green h6 { color: var(--color-green) !important; }
.red h6.cube::after { background-color: var(--color-red) !important; }
.red h6 { color: var(--color-red) !important; }
.blue h6.cube::after { background-color: var(--color-blue) !important; }
.blue h6 { color: var(--color-blue) !important; }

.yellow h1 { color: var(--color-yellow) !important; }
.green h1 { color: var(--color-green) !important; }
.red h1 { color: var(--color-red) !important; }
.blue h1 { color: var(--color-blue) !important; }

.cl-yellow, .cl-yellow * { color: var(--color-yellow) !important; }
.cl-green, .cl-green * { color: var(--color-green) !important; }
.cl-red, .cl-red * { color: var(--color-red) !important; }
.cl-blue, .cl-blue * { color: var(--color-blue) !important; }

/* ****************** */


body.index { background-color: rgb(25, 25, 25); background-image: url(../../images/background-main.svg); background-repeat: no-repeat; background-position: top left; background-size: cover; background-attachment: fixed; padding-top: 80px; }
body.kategoria { background-color: #fff; background-image: url(../../images/background-sub.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed; padding-top: 80px; }
body.kategoria main { min-height: calc( 100% - 286px ); }
body.szoveg { background-color: #fff; background-image: url(../../images/background-sub.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed; padding-top: 80px; }
body.szoveg main { min-height: calc( 100% - 286px ); }
body.simaszoveg { background-color: #fff; background-image: url(../../images/background-sub.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed; padding-top: 80px; }
body.simaszoveg main { min-height: calc( 100% - 286px ); }
body.kapcsolat { background-color: #fff; background-image: url(../../images/background-sub.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed; padding-top: 65px; }
body.kapcsolat main { min-height: calc( 100% - 286px ); height: 100%; }
body.felelossegvallalas { background-color: #fff; background-image: url(../../images/background-sub.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed; padding-top: 80px; }
body.felelossegvallalas main { min-height: calc( 100% - 286px ); }
body.hirek { background-color: #fff; background-image: url(../../images/background-sub.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed; padding-top: 80px; }
body.hirek main { min-height: calc( 100% - 286px ); }
body.projektek { background-color: #fff; background-image: url(../../images/background-sub.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed; padding-top: 80px; }
body.projektek main { min-height: calc( 100% - 286px ); }
body.rolunkirtak { background-color: #fff; background-image: url(../../images/background-sub.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed; padding-top: 80px; }
body.rolunkirtak main { min-height: calc( 100% - 286px ); }
body.divizio { background-color: #fff; background-image: url(../../images/background-sub.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed; padding-top: 80px; }
body.divizio main { min-height: calc( 100% - 286px ); }
body.karrier { background-color: #fff; background-image: url(../../images/background-sub.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed; padding-top: 80px; }
body.karrier main { min-height: calc( 100% - 286px ); }
body.karriergyujto { background-color: #fff; background-image: url(../../images/background-sub.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed; padding-top: 80px; }
body.karriergyujto main { min-height: calc( 100% - 286px ); }
body.tamogatasok { background-color: #fff; background-image: url(../../images/background-sub.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed; padding-top: 80px; }
body.tamogatasok main { min-height: calc( 100% - 286px ); }
body.allapotfelmeres { background-color: #fff; background-image: url(../../images/background-sub.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed; padding-top: 80px; }
body.allapotfelmeres main { min-height: calc( 100% - 286px ); }
body.vezetoseg { background-color: #fff; background-image: url(../../images/background-sub.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed; padding-top: 80px; }
body.vezetoseg main { min-height: calc( 100% - 286px ); }
body.error-404 { background-color: #fff; background-image: url(../../images/background-sub.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; background-attachment: fixed; padding-top: 80px; }
body.error-404 main { min-height: calc( 100% - 286px ); height: 100%; }

@media (max-width: 992px) {
	body.index { background-size: 992px; }
	body.kategoria { background-size: 992px; }
	body.szoveg { background-size: 992px; }
	body.simaszoveg { background-size: 992px; }
	body.kapcsolat { background-size: 992px; }
	body.felelossegvallalas { background-size: 992px; }
	body.hirek { background-size: 992px; }
	body.projektek { background-size: 992px; }
	body.rolunkirtak { background-size: 992px; }
	body.divizio { background-size: 992px; }
	body.karrier { background-size: 992px; padding-top: 56px; }
	body.karriergyujto { background-size: 992px; }
	body.tamogatasok { background-size: 992px; }
	body.allapotfelmeres { background-size: 992px; }
	body.vezetoseg { background-size: 992px; }
	body.error-404 { background-size: 992px; }
}

@media (max-width: 1440px) { .container { max-width: 100% } }

body.index header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }
body.kategoria header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }
body.szoveg header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }
body.simaszoveg header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }
body.kapcsolat header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }
body.felelossegvallalas header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }
body.hirek header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }
body.projektek header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }
body.rolunkirtak header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }
body.divizio header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }
body.karrier header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }
body.karriergyujto header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }
body.tamogatasok header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }
body.allapotfelmeres header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }
body.vezetoseg header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }
body.error-404 header .logo { display: block; width: 180px; height: 44px; background-repeat: no-repeat; background-size: 100% 100%; }

.infoblokk { position: fixed; left: 0px; top: 65px; z-index: 999; background-color: #fff; width: auto; max-width: 370px; height: 64px; }
.infoblokk img { height: 100%; }

.header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; }
header { padding-top: 10px; padding-bottom: 10px; max-width: 1120px !important; position: relative; }

.language { position: absolute; right: 0px; top: 6px; display: flex; align-items: center; }
.language a { font-size: 8px; text-transform: uppercase; color: #fff !important; margin-right: 13px; padding: 1px 3px 0px 3px; background-color: var(--color-yellow); border-radius: 3px; font-weight: 700; }
.language a:hover { background-color: #000; }

header nav { width: 100%; margin-right: 25px; padding-left: 20px; }
header nav > ul { width: 80%; display: inline-flex; justify-content: space-between; }
header nav > ul li { position: relative; }
header nav > ul li a:hover, header nav > ul li a.active, header nav > ul li a:not([href]):hover, header nav > ul li a:not([href]).active { color: var(--color-tervezes-kivitelezes) !important; }
header nav > ul li.submenu ul { z-index: -1; opacity: 0; height: 0px; overflow: hidden; visibility: hidden; display: block; position: absolute; left: 0px; top: 100%; background: #fff; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); padding: 20px; border-radius: 15px; }
header nav > ul li.submenu ul::after { content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 15px solid #FFF; position: absolute; top: -10px; left: 20px; }
header nav > ul li.submenu ul li a, header nav > ul li.submenu ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; white-space: nowrap; }
header nav.show > ul li.submenu ul li a { color: #222; font-size: 12px; text-transform: uppercase; white-space: nowrap; }

body.index header nav { border-left: 1px solid #fff; }
body.index header nav > ul li a, body.index header nav > ul li a:not([href]) { color: #fff; font-size: 12px; text-transform: uppercase; }
body.index section.header.scrolled { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.index section.header.scrolled header nav { border-left: 1px solid var(--color-default); }
body.index section.header.scrolled header nav > ul li a { color: var(--color-default); }
body.index section.header.scrolled header .social a i { color: #999999; }

body.index section.header.mswh { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.index section.header.mswh header nav { border-left: 1px solid var(--color-default); }
body.index section.header.mswh header nav > ul li a { color: var(--color-default); }
body.index section.header.mswh header .social a i { color: #999999; }

body.kategoria header nav { border-left: 1px solid var(--color-default); }
body.kategoria header nav > ul li a, body.kategoria header nav > ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; }
body.kategoria section.header { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.kategoria section.header header .social a i { color: #999999; }

body.szoveg header nav { border-left: 1px solid var(--color-default); }
body.szoveg header nav > ul li a, body.szoveg header nav > ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; }
body.szoveg section.header { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.szoveg section.header header .social a i { color: #999999; }

body.simaszoveg header nav { border-left: 1px solid var(--color-default); }
body.simaszoveg header nav > ul li a, body.simaszoveg header nav > ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; }
body.simaszoveg section.header { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.simaszoveg section.header header .social a i { color: #999999; }

body.kapcsolat header nav { border-left: 1px solid var(--color-default); }
body.kapcsolat header nav > ul li a, body.kapcsolat header nav > ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; }
body.kapcsolat section.header { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.kapcsolat section.header header .social a i { color: #999999; }

body.felelossegvallalas header nav { border-left: 1px solid var(--color-default); }
body.felelossegvallalas header nav > ul li a, body.felelossegvallalas header nav > ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; }
body.felelossegvallalas section.header { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.felelossegvallalas section.header header .social a i { color: #999999; }

body.hirek header nav { border-left: 1px solid var(--color-default); }
body.hirek header nav > ul li a, body.hirek header nav > ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; }
body.hirek section.header { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.hirek section.header header .social a i { color: #999999; }

body.projektek header nav { border-left: 1px solid var(--color-default); }
body.projektek header nav > ul li a, body.projektek header nav > ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; }
body.projektek section.header { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.projektek section.header header .social a i { color: #999999; }

body.rolunkirtak header nav { border-left: 1px solid var(--color-default); }
body.rolunkirtak header nav > ul li a, body.rolunkirtak header nav > ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; }
body.rolunkirtak section.header { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.rolunkirtak section.header header .social a i { color: #999999; }

body.divizio header nav { border-left: 1px solid var(--color-default); }
body.divizio header nav > ul li a, body.divizio header nav > ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; }
body.divizio section.header { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.divizio section.header header .social a i { color: #999999; }

body.karrier header nav { border-left: 1px solid var(--color-default); }
body.karrier header nav > ul li a, body.karrier header nav > ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; }
body.karrier section.header { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.karrier section.header header .social a i { color: #999999; }

body.karriergyujto header nav { border-left: 1px solid var(--color-default); }
body.karriergyujto header nav > ul li a, body.karriergyujto header nav > ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; }
body.karriergyujto section.header { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.karriergyujto section.header header .social a i { color: #999999; }

body.tamogatasok header nav { border-left: 1px solid var(--color-default); }
body.tamogatasok header nav > ul li a, body.tamogatasok header nav > ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; }
body.tamogatasok section.header { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.tamogatasok section.header header .social a i { color: #999999; }

body.allapotfelmeres header nav { border-left: 1px solid var(--color-default); }
body.allapotfelmeres header nav > ul li a, body.allapotfelmeres header nav > ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; }
body.allapotfelmeres section.header { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.allapotfelmeres section.header header .social a i { color: #999999; }

body.vezetoseg header nav { border-left: 1px solid var(--color-default); }
body.vezetoseg header nav > ul li a, body.vezetoseg header nav > ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; }
body.vezetoseg section.header { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.vezetoseg section.header header .social a i { color: #999999; }

body.error-404 header nav { border-left: 1px solid var(--color-default); }
body.error-404 header nav > ul li a, body.error-404 header nav > ul li a:not([href]) { color: var(--color-default); font-size: 12px; text-transform: uppercase; }
body.error-404 section.header { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); }
body.error-404 section.header header .social a i { color: #999999; }

header .social a { line-height: 1px; }
header .social li:not(:first-child) { padding-left: 5px; }
body.index header .social a i { color: #fff; }

.mobilmenu { display: flex; align-items: center; margin-left: 30px; display: none; }
.mobilmenu i { font-size: 25px; color: #fff; }
body.index section.header.scrolled .mobilmenu i { color: var(--color-default); }
body.index section.header.mswh .mobilmenu i { color: var(--color-default); }
body.kategoria section.header .mobilmenu i { color: var(--color-default); }
body.szoveg section.header .mobilmenu i { color: var(--color-default); }
body.simaszoveg section.header .mobilmenu i { color: var(--color-default); }
body.kapcsolat section.header .mobilmenu i { color: var(--color-default); }
body.felelossegvallalas section.header .mobilmenu i { color: var(--color-default); }
body.hirek section.header .mobilmenu i { color: var(--color-default); }
body.projektek section.header .mobilmenu i { color: var(--color-default); }
body.rolunkirtak section.header .mobilmenu i { color: var(--color-default); }
body.divizio section.header .mobilmenu i { color: var(--color-default); }
body.karrier section.header .mobilmenu i { color: var(--color-default); }
body.karriergyujto section.header .mobilmenu i { color: var(--color-default); }
body.tamogatasok section.header .mobilmenu i { color: var(--color-default); }
body.allapotfelmeres section.header .mobilmenu i { color: var(--color-default); }
body.vezetoseg section.header .mobilmenu i { color: var(--color-default); }
body.error-404 section.header .mobilmenu i { color: var(--color-default); }

@media (max-width: 1200px) { 
	.mobilmenu { display: flex; }
	header nav { height: 0px; max-height: 0px; overflow: hidden; opacity: 0; visibility: hidden; position: absolute; left: -1px; width: 101%; top: 64px; background-color: #fff; padding: 20px; box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.25); }
	header nav.show { height: fit-content; max-height: unset; overflow: unset; opacity: 1; visibility: visible; max-height: 100vh; overflow: scroll; padding-bottom: 90px; }
	header nav.show > ul { display: block; }
}

header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.kategoria header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.szoveg header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.simaszoveg header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.kapcsolat header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.felelossegvallalas header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.hirek header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.projektek header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.rolunkirtak header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.divizio header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.karrier header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.karriergyujto header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.tamogatasok header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.allapotfelmeres header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.vezetoseg header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.error-404 header nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23222222' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
body.index section.header.scrolled nav > ul li.submenu > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23000000' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; padding-right: 13px; }
header nav:not(.show) > ul li.submenu > a:hover, header nav > ul li.submenu > a.active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='10px' height='7px' viewBox='0 0 10 7' enable-background='new 0 0 10 7' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23FCAF17' d='M0,1.1c0-0.3,0.1-0.6,0.3-0.8c0.4-0.4,1-0.4,1.4,0L5,3.9l3.3-3.6c0.4-0.4,1-0.4,1.4,0s0.4,1.1,0,1.5L5,7L0.3,1.9C0.1,1.6,0,1.4,0,1.1z'/%3E%3C/g%3E%3C/svg%3E"); }
header nav:not(.show) > ul li.submenu:hover ul { z-index: 99; opacity: 1; height: fit-content; width: fit-content; overflow: unset; visibility: visible; position: absolute; left: 0px; top: 100%; background: #fff; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); }
header nav.show > ul li.submenu ul { z-index: unset; opacity: unset; height: fit-content; width: fit-content; overflow: unset; visibility: visible; position: relative; left: unset; top: unset; background: unset; box-shadow: unset; padding: 0px; margin-left: 20px; }

/* billboard */

.billboard { max-width: 1120px !important; margin-top: 70px; }

.billboard #carouselCover video { width: 100%; height: 325px; object-fit: cover; object-position: center; display: block; }
.billboard #carouselCover img { width: 100%; height: 325px; object-fit: cover; object-position: center; }
.billboard #carouselCover section { height: 325px; padding: 25px 30px 50px 30px; background-color: rgba(0, 0, 0, 0.50); }
.billboard #carouselCover h2 { color: #fff; font-size: 28px; line-height: 32px; }
.billboard #carouselCover h4 { color: #fff; }

.billboard .carousel-indicators { bottom: unset; top: 269px; margin-right: unset; margin-bottom: unset; margin-left: unset; list-style: none; margin-top: 1rem; background-color: rgba(0, 0, 0, 0.50); width: 100%; padding: 15px; }
.billboard .carousel-indicators [data-bs-target] { width: 10px; height: 10px; border-radius: 25px; border-top: unset; border-bottom: unset; opacity: .2; background-color: #fff; }
.billboard .carousel-indicators [data-bs-target].active { opacity: 1; }

.billboard .carousel-item h6 { color: var(--color-yellow); padding-right: 40px; }

.billboard .carousel-control-next, .billboard .carousel-control-prev { height: 325px; }
.billboard .carousel-control-next-icon, .billboard .carousel-control-prev-icon { width: 3rem; height: 3rem; background-size: 60% 60%; background-color: #000; border-radius: 50%; }

.billboard .diviziok .row { padding-right: calc(var(--bs-gutter-x)/ 2); }
.billboard .diviziok section { height: 325px; max-height: 325px; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; }
.billboard .diviziok section div:nth-child(1) { padding: 10px 10px 10px 20px; display: flex; flex-direction: column; justify-content: center; height: 100%; }
.billboard .diviziok section div:nth-child(1) h5 { color: #fff; }
.billboard .diviziok section div:nth-child(1) h3 { color: #fff; font-size: 27px; }
.billboard .diviziok section div:nth-child(2) { background-color: var(--color-default); padding: 10px 10px 10px 30px; display: flex; align-items: center; position: relative; height: 0px; overflow: hidden; }
.billboard .diviziok section div:nth-child(2) h4 { color: #fff; margin: 0px; opacity: 0; }

.billboard .diviziok section.kivitelezes div:nth-child(1) { background: rgba(252, 175, 23, 0.8); }
.billboard .diviziok section.informatika-irodatechnika div:nth-child(1) { background: rgba(78, 195, 0, 0.8); }
.billboard .diviziok section.belsoepiteszet div:nth-child(1) { background: rgba(255, 60, 60, 0.8); }
.billboard .diviziok section.ingatlan-uzemeltetes div:nth-child(1) { background: rgba(103, 113, 254, 0.8); }

@media (min-width: 1200px) { 
	.billboard .diviziok section:hover div:nth-child(2) { height: 50%; overflow: unset; }
	.billboard .diviziok section:hover div:nth-child(2) h4 { opacity: 1; }
	.billboard .diviziok section.kivitelezes:hover div:nth-child(1) { background: rgba(252, 175, 23, 1); height: 50%; }
	.billboard .diviziok section.informatika-irodatechnika:hover div:nth-child(1) { background: rgba(78, 195, 0, 1); height: 50%; }
	.billboard .diviziok section.belsoepiteszet:hover div:nth-child(1) { background: rgba(255, 60, 60, 1); height: 50%; }
	.billboard .diviziok section.ingatlan-uzemeltetes:hover div:nth-child(1) { background: rgba(103, 113, 254, 1); height: 50%; }
}

@media (max-width: 1200px) { 
	.billboard #carouselCover img, .billboard .carousel-control-next, .billboard .carousel-control-prev { height: 500px; }
	.billboard .carousel-indicators { top: 444px; }
	.billboard { padding: 0px; }
	.billboard .row { margin: 0px; }
	.billboard .row > div { padding: 0px; }
	.billboard .diviziok .row { padding-right: 0px; }
	.billboard #carouselCover section { height: 250px; }
	.billboard .diviziok section.active div:nth-child(2) { height: 50%; overflow: unset; }
	.billboard .diviziok section.active div:nth-child(2) h4 { opacity: 1; }
	.billboard .diviziok section.kivitelezes.active div:nth-child(1) { background: rgba(252, 175, 23, 1); height: 50%; }
	.billboard .diviziok section.informatika-irodatechnika.active div:nth-child(1) { background: rgba(78, 195, 0, 1); height: 50%; }
	.billboard .diviziok section.belsoepiteszet.active div:nth-child(1) { background: rgba(255, 60, 60, 1); height: 50%; }
	.billboard .diviziok section.ingatlan-uzemeltetes.active div:nth-child(1) { background: rgba(103, 113, 254, 1); height: 50%; }
}

@media (max-width: 992px) {
	.billboard #carouselCover img, .billboard .carousel-control-next, .billboard .carousel-control-prev { height: 350px; }
	.billboard .carousel-indicators { top: 294px; }
	.billboard #carouselCover section { padding: 30px; }
	.billboard .diviziok section div:nth-child(1), .billboard .diviziok section div:nth-child(2) { padding: 10px 10px 10px 50px; }
}

@media (max-width: 576px) {
	.billboard #carouselCover section { height: 350px; }
}

/* article */

article .body { margin-bottom: 50px; margin-top: 50px; }
article .body * { font-size: 20px; line-height: 30px; margin: 0px; font-weight: 300; margin-bottom: 10px; }

article .body h4 { font-size: 30px; line-height: 36px; font-weight: 800; color: var(--color-yellow); text-transform: uppercase; }
article h3 { font-weight: 300; }
article small.tag { font-size: 12px; }

article img.fitt { width: 100%; border-radius: .3rem; }
.projektmodal h4, .simaszoveg h4 { font-size: 22px; line-height: 30px; margin: 0px; font-weight: 300; }
.tamogatasmodal h4, .simaszoveg h4 { font-size: 22px; line-height: 30px; margin: 0px; font-weight: 300; }

article .bevezeto { background-color: var(--color-yellow); }
article .bevezeto h4 { color: #fff; font-size: 22px; line-height: 30px; margin: 0px; font-weight: 300; }
article .bevezeto h4::before { content: ''; width: 24px; height: 24px; border-radius: 4px; right: 0px; top: 0px;  background-color: #fff; display: block; margin-bottom: 15px; }
article .bevezeto img { width: 100%; height: 500px; object-fit: cover; object-position: center; }

article .cover { height: 40vh; min-height: 400px; background-repeat: no-repeat; background-size: cover; background-position: center; }
article .cover .row:not(.bevezeto) { background-color: rgba(0, 0, 0, .6); }

@media (max-width: 1200px) {
	article .bevezeto h4 { font-size: 20px; line-height: 28px; }
}
@media (max-width: 768px) {
	article .bevezeto { max-height: unset; }
	article .bevezeto img { height: auto; }
}
@media (max-width: 576px) {
	article h1 { font-size: 30px; line-height: 36px; }
	article h3 { font-size: 18px; line-height: 22px; }
	article .bevezeto h4 { font-size: 16px; line-height: 22px; }
	article, article .body * { font-size: 16px; line-height: 22px; }
}


article.kivitelezes .body a { color: var(--color-tervezes-kivitelezes); }
article.informatika-irodatechnika .body a { color: var(--color-informatika-irodatechnika); }
article.belsoepiteszet .body a { color: var(--color-irodabutor); }
article.ingatlan-uzemeltetes .body a { color: var(--color-ingatlan-uzemeltetes); }

article .carousel { width: 100%; height: 500px; }
article .carousel-inner, article .carousel-item { width: 100%; height: 100%; }
article #carouselCover img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
article .carousel-indicators { bottom: 0px; margin-right: unset; margin-bottom: unset; margin-left: unset; list-style: none; margin-top: 1rem; width: 100%; padding: 15px; }
article .carousel-indicators [data-bs-target] { width: 10px; height: 10px; border-radius: 25px; border-top: unset; border-bottom: unset; opacity: .2; background-color: #fff; }
article .carousel-indicators [data-bs-target].active { opacity: 1; }
article .carousel-control-next, .carousel-control-prev { height: 100%; }
article .carousel-control-next-icon, .carousel-control-prev-icon { width: 3rem; height: 3rem; background-size: 60% 60%; background-color: #000; border-radius: 50%; }

article .carousel figure { opacity: 1; transition: opacity .5s; position: absolute; z-index: 1; width: 100px; height: 100px; border-radius: 50%; background-color: rgba(0, 0, 0, .8); display: flex; align-items: center; justify-content: center; top: calc( 50% - 50px ); left: calc( 50% - 50px ); }
article .carousel figure i { font-size: 50px; color: var(--color-yellow); }
article .carousel:hover figure { opacity: 0; } 

/* projektek */

section.projektek { padding-top: 100px; padding-bottom: 100px; background-color: rgba(0, 0, 0, .7); }
section.projektek img { width: 310px; height: 310px; object-fit: cover; object-position: center; border-radius: 50%; border: 12px solid #fff; }
section.projektek h2, section.projektek h5, section.projektek p { color: #fff }
section.projektek section { margin-left: 30px; }
section.projektek a { cursor: pointer; }
section.projektek h6 { color: var(--color-yellow); }

section.projektek li { background-repeat: no-repeat; background-position: left center; color: #fff; font-weight: 300; font-size: 16px; padding-left: 25px; }
section.projektek .kivitelezes li { background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.62715 9.84466C5.49391 9.84493 5.36193 9.81889 5.23878 9.76803C5.11563 9.71717 5.00374 9.64249 4.90952 9.54827L0.603749 5.24148C0.506739 5.14792 0.429335 5.03597 0.376052 4.91217C0.322769 4.78837 0.294676 4.6552 0.29341 4.52042C0.292145 4.38565 0.317733 4.25198 0.368681 4.1272C0.41963 4.00242 0.494919 3.88904 0.590155 3.79366C0.685391 3.69829 0.798667 3.62284 0.923373 3.57172C1.04808 3.52059 1.18172 3.49482 1.31649 3.49589C1.45127 3.49697 1.58448 3.52487 1.70836 3.57798C1.83223 3.63109 1.94429 3.70833 2.03799 3.80521L5.62614 7.39336L12.0868 0.934696C12.2772 0.744234 12.5353 0.63718 12.8046 0.637085C13.0739 0.63699 13.3321 0.743861 13.5226 0.934188C13.7131 1.12452 13.8201 1.38271 13.8202 1.65197C13.8203 1.92122 13.7134 2.17949 13.5231 2.36995L6.34478 9.54827C6.25057 9.64249 6.13867 9.71717 6.01552 9.76803C5.89237 9.81889 5.76039 9.84493 5.62715 9.84466Z' fill='%23FCAF17'/%3E%3C/svg%3E%0A"); }
section.projektek .informatika-irodatechnika li { background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.62715 9.84466C5.49391 9.84493 5.36193 9.81889 5.23878 9.76803C5.11563 9.71717 5.00374 9.64249 4.90952 9.54827L0.603749 5.24148C0.506739 5.14792 0.429335 5.03597 0.376052 4.91217C0.322769 4.78837 0.294676 4.6552 0.29341 4.52042C0.292145 4.38565 0.317733 4.25198 0.368681 4.1272C0.41963 4.00242 0.494919 3.88904 0.590155 3.79366C0.685391 3.69829 0.798667 3.62284 0.923373 3.57172C1.04808 3.52059 1.18172 3.49482 1.31649 3.49589C1.45127 3.49697 1.58448 3.52487 1.70836 3.57798C1.83223 3.63109 1.94429 3.70833 2.03799 3.80521L5.62614 7.39336L12.0868 0.934696C12.2772 0.744234 12.5353 0.63718 12.8046 0.637085C13.0739 0.63699 13.3321 0.743861 13.5226 0.934188C13.7131 1.12452 13.8201 1.38271 13.8202 1.65197C13.8203 1.92122 13.7134 2.17949 13.5231 2.36995L6.34478 9.54827C6.25057 9.64249 6.13867 9.71717 6.01552 9.76803C5.89237 9.81889 5.76039 9.84493 5.62715 9.84466Z' fill='%234EC300'/%3E%3C/svg%3E%0A"); }
section.projektek .belsoepiteszet li { background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.62715 9.84466C5.49391 9.84493 5.36193 9.81889 5.23878 9.76803C5.11563 9.71717 5.00374 9.64249 4.90952 9.54827L0.603749 5.24148C0.506739 5.14792 0.429335 5.03597 0.376052 4.91217C0.322769 4.78837 0.294676 4.6552 0.29341 4.52042C0.292145 4.38565 0.317733 4.25198 0.368681 4.1272C0.41963 4.00242 0.494919 3.88904 0.590155 3.79366C0.685391 3.69829 0.798667 3.62284 0.923373 3.57172C1.04808 3.52059 1.18172 3.49482 1.31649 3.49589C1.45127 3.49697 1.58448 3.52487 1.70836 3.57798C1.83223 3.63109 1.94429 3.70833 2.03799 3.80521L5.62614 7.39336L12.0868 0.934696C12.2772 0.744234 12.5353 0.63718 12.8046 0.637085C13.0739 0.63699 13.3321 0.743861 13.5226 0.934188C13.7131 1.12452 13.8201 1.38271 13.8202 1.65197C13.8203 1.92122 13.7134 2.17949 13.5231 2.36995L6.34478 9.54827C6.25057 9.64249 6.13867 9.71717 6.01552 9.76803C5.89237 9.81889 5.76039 9.84493 5.62715 9.84466Z' fill='%23FF3C3C'/%3E%3C/svg%3E%0A"); }
section.projektek .ingatlan-uzemeltetes li { background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.62715 9.84466C5.49391 9.84493 5.36193 9.81889 5.23878 9.76803C5.11563 9.71717 5.00374 9.64249 4.90952 9.54827L0.603749 5.24148C0.506739 5.14792 0.429335 5.03597 0.376052 4.91217C0.322769 4.78837 0.294676 4.6552 0.29341 4.52042C0.292145 4.38565 0.317733 4.25198 0.368681 4.1272C0.41963 4.00242 0.494919 3.88904 0.590155 3.79366C0.685391 3.69829 0.798667 3.62284 0.923373 3.57172C1.04808 3.52059 1.18172 3.49482 1.31649 3.49589C1.45127 3.49697 1.58448 3.52487 1.70836 3.57798C1.83223 3.63109 1.94429 3.70833 2.03799 3.80521L5.62614 7.39336L12.0868 0.934696C12.2772 0.744234 12.5353 0.63718 12.8046 0.637085C13.0739 0.63699 13.3321 0.743861 13.5226 0.934188C13.7131 1.12452 13.8201 1.38271 13.8202 1.65197C13.8203 1.92122 13.7134 2.17949 13.5231 2.36995L6.34478 9.54827C6.25057 9.64249 6.13867 9.71717 6.01552 9.76803C5.89237 9.81889 5.76039 9.84493 5.62715 9.84466Z' fill='%236771FE'/%3E%3C/svg%3E%0A"); }

section.projektek .tovabbi { border-left: 1px solid #fff; padding-left: 30px; }
section.projektek .tovabbi a { font-size: 16px; line-height: 30px; font-weight: 800; color: #fff; background-image: url("data:image/svg+xml,%3Csvg width='21' height='34' viewBox='0 0 21 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.34417 0.827443C0.868443 1.30331 0.601196 1.94864 0.601196 2.62152C0.601196 3.29439 0.868443 3.93972 1.34417 4.41559L13.9052 16.9766L1.34417 29.5377C0.881926 30.0163 0.62615 30.6573 0.631932 31.3226C0.637714 31.988 0.904589 32.6244 1.37508 33.0949C1.84557 33.5654 2.48202 33.8323 3.14737 33.8381C3.81272 33.8438 4.45372 33.5881 4.93231 33.1258L19.2874 18.7707C19.7632 18.2948 20.0304 17.6495 20.0304 16.9766C20.0304 16.3038 19.7632 15.6584 19.2874 15.1826L4.93231 0.827443C4.45644 0.351719 3.81112 0.0844727 3.13824 0.0844727C2.46536 0.0844727 1.82003 0.351719 1.34417 0.827443Z' fill='white' fill-opacity='0.15'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right center; line-height: 30px; padding: 10px 40px 20px 40px; display: block; background-size: 40px 40px; position: relative; border-radius: 4px; }
section.projektek .tovabbi a:not(:last-child) { margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, .2); }

section.projektek .tovabbi a::after { position: absolute; content: ''; width: 24px; height: 24px; border-radius: 4px; left: 10px; top: 15px; }
section.projektek .tovabbi .kivitelezes::after, section.projektek .tovabbi .kivitelezes:hover { background-color: var(--color-tervezes-kivitelezes); }
section.projektek .tovabbi .informatika-irodatechnika::after, section.projektek .tovabbi .informatika-irodatechnika:hover { background-color: var(--color-informatika-irodatechnika); }
section.projektek .tovabbi .belsoepiteszet::after, section.projektek .tovabbi .belsoepiteszet:hover { background-color: var(--color-irodabutor); }
section.projektek .tovabbi .ingatlan-uzemeltetes::after, section.projektek .tovabbi .ingatlan-uzemeltetes:hover { background-color: var(--color-ingatlan-uzemeltetes); }

section.projektek .tovabbi a:hover { border-bottom: unset; }
section.projektek .tovabbi a:hover::after { background-color: #fff; }

@media (max-width: 1200px) { 
	section.projektek img { width: 250px; height: 250px; }
}

@media (max-width: 576px) { 
	section.projektek .tovabbi { border-left: unset; padding-left: 0px; }
	section.projektek section { margin-left: 0px; }
}

/* referenciák */

body.projektek .lista h4 { text-transform: uppercase; font-size: 12px; }
body.projektek .lista p { font-size: 12px; font-weight: 300; }
body.projektek .lista .kivitelezes h5 { color: var(--color-tervezes-kivitelezes); }
body.projektek .lista .informatika-irodatechnika h5 { color: var(--color-informatika-irodatechnika); }
body.projektek .lista .belsoepiteszet h5 { color: var(--color-irodabutor); }
body.projektek .lista .ingatlan-uzemeltetes h5 { color: var(--color-ingatlan-uzemeltetes); }

@media (max-width: 576px) {
	body.projektek article h1 { font-size: 30px; line-height: 36px; }
}

/* aktualitások */

body.hirek .lista h4 { text-transform: uppercase; font-size: 12px; }
body.hirek .lista p { font-size: 12px; font-weight: 300; }
body.hirek .lista .kivitelezes h5 { color: var(--color-tervezes-kivitelezes); }
body.hirek .lista .informatika-irodatechnika h5 { color: var(--color-informatika-irodatechnika); }
body.hirek .lista .belsoepiteszet h5 { color: var(--color-irodabutor); }
body.hirek .lista .ingatlan-uzemeltetes h5 { color: var(--color-ingatlan-uzemeltetes); }

@media (max-width: 576px) {
	body.hirek article h1 { font-size: 30px; line-height: 36px; }
}

/* rólunk írták */

body.rolunkirtak .lista h4 { text-transform: uppercase; font-size: 12px; border-radius: 3px; font-weight: 700; width: fit-content; padding: 1px 10px 0px 10px; background-color: var(--color-lightgray); }
body.rolunkirtak .lista p { font-size: 12px; font-weight: 300; }

@media (max-width: 576px) {
	body.rolunkirtak article h1 { font-size: 30px; line-height: 36px; }
}

/* felelősségvállalás */

body.felelossegvallalas .lista h4 { text-transform: uppercase; font-size: 12px; }
body.felelossegvallalas .lista p { font-size: 12px; font-weight: 300; }
body.felelossegvallalas .lista .kivitelezes h5 { color: var(--color-tervezes-kivitelezes); }
body.felelossegvallalas .lista .informatika-irodatechnika h5 { color: var(--color-informatika-irodatechnika); }
body.felelossegvallalas .lista .belsoepiteszet h5 { color: var(--color-irodabutor); }
body.felelossegvallalas .lista .ingatlan-uzemeltetes h5 { color: var(--color-ingatlan-uzemeltetes); }

body.felelossegvallalas article .bevezeto { background-color: var(--color-yellow); }
body.felelossegvallalas article .bevezeto h4 { color: #fff; font-size: 26px; line-height: 30px;  }
body.felelossegvallalas article .bevezeto h4::before { content: ''; width: 24px; height: 24px; border-radius: 4px; right: 0px; top: 0px;  background-color: #fff; display: block; margin-bottom: 15px; }
body.felelossegvallalas article .bevezeto img { height: 100%; width: 100%; object-fit: cover; object-position: center; }

@media (max-width: 576px) {
	body.felelossegvallalas article h1 { font-size: 30px; line-height: 36px; }
}

/* karrier */

section.karrier { width: 100%; min-height: 560px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; padding-top: 70px; padding-bottom: 70px; }
section.karrier::after { content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); position: absolute; top: 0px; left: 0px; z-index: 1; }
section.karrier .container { position: relative; z-index: 2; }
section.karrier .container h2, section.karrier .container h5 { color: #fff; }
section.karrier .container h4 { color: #fff; }

section.karrier figure { width: 100px; height: 100px; background-position: center; background-repeat: no-repeat; background-size: contain; }




body.karriergyujto article .bevezeto { background-color: var(--color-yellow); }
body.karriergyujto article .bevezeto h4 { color: #fff; font-size: 26px; line-height: 30px; }
body.karriergyujto article .bevezeto h4::before { content: ''; width: 24px; height: 24px; border-radius: 4px; right: 0px; top: 0px;  background-color: #fff; display: block; margin-bottom: 15px; }
body.karriergyujto article .bevezeto img { height: 100%; width: 100%; object-fit: cover; object-position: center; }

body.karriergyujto .karrierlista p { font-size: 14px; }

body.karriergyujto .karrierlista .kivitelezes h5 { color: var(--color-tervezes-kivitelezes); }
body.karriergyujto .karrierlista .informatika-irodatechnika h5 { color: var(--color-informatika-irodatechnika); }
body.karriergyujto .karrierlista .belsoepiteszet h5 { color: var(--color-irodabutor); }
body.karriergyujto .karrierlista .ingatlan-uzemeltetes h5 { color: var(--color-ingatlan-uzemeltetes); }

body.karriergyujto .karrierlista .yellow h5 { color: var(--color-tervezes-kivitelezes); }
body.karriergyujto .karrierlista .green h5 { color: var(--color-informatika-irodatechnika); }
body.karriergyujto .karrierlista .red h5 { color: var(--color-irodabutor); }
body.karriergyujto .karrierlista .blue h5 { color: var(--color-ingatlan-uzemeltetes); }

body.karriergyujto .card figure.icon { width: 50px; height: 50px; border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: 60%; position: absolute; top: 20px; right: 20px; z-index: 1; }

body.karriergyujto .card.kivitelezes figure { background-color: var(--color-tervezes-kivitelezes); }
body.karriergyujto .card.informatika-irodatechnika figure { background-color: var(--color-informatika-irodatechnika); }
body.karriergyujto .card.belsoepiteszet figure { background-color: var(--color-irodabutor); }
body.karriergyujto .card.ingatlan-uzemeltetes figure { background-color: var(--color-ingatlan-uzemeltetes); }

body.karriergyujto .card.yellow figure { background-color: var(--color-tervezes-kivitelezes); }
body.karriergyujto .card.green figure { background-color: var(--color-informatika-irodatechnika); }
body.karriergyujto .card.red figure { background-color: var(--color-irodabutor); }
body.karriergyujto .card.blue figure { background-color: var(--color-ingatlan-uzemeltetes); }


/* jelentkezés */
section.jelentkezes .placeholder { display: none; }
@media (max-width: 630px) {
	section.jelentkezes .placeholder { display: block; }
	section.jelentkezes #cpatchaTextBox.form-control::-webkit-input-placeholder { color: var(--color-default); opacity: 0; }
	section.jelentkezes #cpatchaTextBox.form-control::-moz-placeholder { color: var(--color-default); opacity: 0; }
	section.jelentkezes #cpatchaTextBox.form-control:-ms-input-placeholder { color: var(--color-default); opacity: 0; }
	section.jelentkezes #cpatchaTextBox.form-control::-ms-input-placeholder { color: var(--color-default); opacity: 0; }
	section.jelentkezes #cpatchaTextBox.form-control::placeholder { color: var(--color-default); opacity: 0; }
}




/* csr */

section.csr { min-height: 600px; height: 100%; padding: 60px 60px 60px 30px; background-color: #fff; background-image: url(../../images/bg-image.svg); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; box-shadow: inset -7px 0 9px 0px rgba(0,0,0,0.2); }
section.csr .csr-text { font-size: 130px; line-height: 130px; margin: 0px; font-weight: 900; color: #DDDDDD; rotate: -90deg; position: absolute; left: -40px; }
section.csr .content{ margin-left: 120px; }

@media (max-width: 1200px) {
	section.csr { min-height: 500px; padding: 60px 60px 60px 30px; }
}

@media (max-width: 992px) {
	section.csr { min-height: unset; padding: 60px 60px 60px 30px; }
}

@media (max-width: 576px) {
	section.csr { min-height: unset; }
	section.csr .csr-text { display: none; }
	section.csr .content { margin-left: unset; }
}

/* rolunk-irtak */

section.rolunk-irtak { min-height: 600px; height: 100%; background-color: var(--color-lightgray); }
section.rolunk-irtak img { width: 250px; height: 250px; object-fit: cover; object-position: center; border-radius: 50%; border: 12px solid #fff; margin-right: 15px; }

@media (max-width: 1200px) {
	section.rolunk-irtak { min-height: 500px; }
	section.rolunk-irtak img { width: 200px; height: 200px; }
}

@media (max-width: 992px) {
	section.rolunk-irtak { min-height: unset; padding: 60px 60px 60px 30px; }
	section.rolunk-irtak img { width: 250px; height: 250px; }
}

@media (max-width: 576px) {
	section.rolunk-irtak img { width: 200px; height: 200px; }
}

/* divízió */

body.divizio article h3 { font-weight: 300; }


body.divizio article .body h4 { color: var(--color-yellow); }
body.divizio article.kivitelezes .body h4 { color: var(--color-tervezes-kivitelezes); }
body.divizio article.informatika-irodatechnika .body h4 { color: var(--color-informatika-irodatechnika); }
body.divizio article.belsoepiteszet .body h4 { color: var(--color-irodabutor); }
body.divizio article.ingatlan-uzemeltetes .body h4 { color: var(--color-ingatlan-uzemeltetes); }

body.divizio article .body ul { margin-top: 30px; }
body.divizio article .body li { margin-bottom: 20px; }
body.divizio article .body li small, body.divizio article .body li small a { font-size: 16px; text-transform: none; }
body.divizio article .body li small a:hover { text-decoration: underline; }
body.divizio article .body li p { font-size: 18px; text-transform: uppercase; position: relative; margin-bottom: 20px; padding: 0px; font-weight: 700; }
body.divizio article .body li p::after { content: ''; width: 40px; height: 5px; position: absolute; left: 0px; bottom: -10px; background-color: var(--color-yellow); }

body.divizio article.kivitelezes .body li p::after { background-color: var(--color-tervezes-kivitelezes); }
body.divizio article.informatika-irodatechnika .body li p::after { background-color: var(--color-informatika-irodatechnika); }
body.divizio article.belsoepiteszet .body li p::after { background-color: var(--color-irodabutor); }
body.divizio article.ingatlan-uzemeltetes .body li p::after { background-color: var(--color-ingatlan-uzemeltetes); }

body.divizio article.kivitelezes .bevezeto { background-color: var(--color-tervezes-kivitelezes); }
body.divizio article.informatika-irodatechnika .bevezeto { background-color: var(--color-informatika-irodatechnika); }
body.divizio article.belsoepiteszet .bevezeto { background-color: var(--color-irodabutor); }
body.divizio article.ingatlan-uzemeltetes .bevezeto { background-color: var(--color-ingatlan-uzemeltetes); }

@media (max-width: 1200px) {
	body.divizio article .bevezeto h4 { font-size: 20px; line-height: 28px; }
}
@media (max-width: 768px) {
	body.divizio article .bevezeto { max-height: unset; }
	body.divizio article .bevezeto img { height: auto; }
}
@media (max-width: 576px) {
	body.divizio article h1 { font-size: 30px; line-height: 36px; }
	body.divizio article h3 { font-size: 18px; line-height: 22px; }
	body.divizio article .bevezeto h4 { font-size: 16px; line-height: 22px; }
	body.divizio article .body li p { font-size: 16px; line-height: 22px; }
}

/* támogatások */

body.tamogatasok .cover p { text-transform: uppercase; font-size: 15px; }
body.tamogatasok h4 { font-size: 22px; line-height: 28px; text-transform: uppercase; }

/* szöveg */

body.szoveg article.kivitelezes .body h4 { color: var(--color-tervezes-kivitelezes); }
body.szoveg article.informatika-irodatechnika .body h4 { color: var(--color-informatika-irodatechnika); }
body.szoveg article.belsoepiteszet .body h4 { color: var(--color-irodabutor); }
body.szoveg article.ingatlan-uzemeltetes .body h4 { color: var(--color-ingatlan-uzemeltetes); }

body.szoveg article .body ul:not(.unlist) { margin-top: 30px; margin-bottom: 30px; }
body.szoveg article .body ul:not(.unlist) li { margin-bottom: 20px; }
body.szoveg article .body ul:not(.unlist) li small { font-size: 18px; text-transform: none; }
body.szoveg article .body ul:not(.unlist) li p { font-size: 18px; text-transform: uppercase; position: relative; margin-bottom: 20px; padding: 0px; font-weight: 700; }
body.szoveg article .body ul:not(.unlist) li p::after { content: ''; width: 40px; height: 5px; position: absolute; left: 0px; bottom: -10px; background-color: var(--color-yellow); }
body.szoveg article.kivitelezes .body ul:not(.unlist) li p::after { background-color: var(--color-tervezes-kivitelezes); }
body.szoveg article.informatika-irodatechnika .body ul:not(.unlist) li p::after { background-color: var(--color-informatika-irodatechnika); }
body.szoveg article.belsoepiteszet .body ul:not(.unlist) li p::after { background-color: var(--color-irodabutor); }
body.szoveg article.ingatlan-uzemeltetes .body ul:not(.unlist) li p::after { background-color: var(--color-ingatlan-uzemeltetes); }

body.szoveg article .body ul.unlist { margin-top: 30px; margin-bottom: 30px; }
body.szoveg article .body ul.unlist li { position: relative; padding-left: 15px; }
body.szoveg article .body ul.unlist li:before { content: ""; position: absolute; width: 10px; height: 10px; background: #fff; top: 6px; left: 0; border-radius: 50%; border: 3px solid var(--color-yellow); }
body.szoveg article.kivitelezes .body ul.unlist li:before { border: 3px solid var(--color-tervezes-kivitelezes); }
body.szoveg article.informatika-irodatechnika .body ul.unlist li:before { border: 3px solid var(--color-informatika-irodatechnika); }
body.szoveg article.belsoepiteszet .body ul.unlist li:before { border: 3px solid var(--color-irodabutor); }
body.szoveg article.ingatlan-uzemeltetes .body ul.unlist li:before { border: 3px solid var(--color-ingatlan-uzemeltetes); }

body.szoveg article.kivitelezes .bevezeto { background-color: var(--color-tervezes-kivitelezes); }
body.szoveg article.informatika-irodatechnika .bevezeto { background-color: var(--color-informatika-irodatechnika); }
body.szoveg article.belsoepiteszet .bevezeto { background-color: var(--color-irodabutor); }
body.szoveg article.ingatlan-uzemeltetes .bevezeto { background-color: var(--color-ingatlan-uzemeltetes); }

/* **** 
			body.szoveg article .cover { border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 20px; height: 400px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; }
			body.szoveg article .cover h5, body.szoveg article .cover h1, body.szoveg article .cover h3 { position: relative; z-index: 2; }
			body.szoveg article .cover h5, body.szoveg article .cover h5 *, body.szoveg article .cover h3 { color: #fff; }
			body.szoveg article .cover::after { content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); position: absolute; top: 0px; left: 0px; z-index: 1; border-radius: 6px; }

			@media (max-width: 992px) {
				body.szoveg article .bevezeto { max-height: unset; }
				body.szoveg article .bevezeto img { height: auto; }
				body.szoveg article .cover::after { border-radius: unset; }
				body.szoveg article .cover { border-radius: unset; }
			}
			@media (max-width: 576px) {
				body.szoveg article h3 { font-size: 18px; line-height: 22px; }
				body.szoveg article h1 { font-size: 30px; line-height: 36px; }
			}
 **** */


body.simaszoveg article .cover { height: 40vh; min-height: 400px; background-repeat: no-repeat; background-size: cover; background-position: center; }
body.simaszoveg article .cover .row:not(.bevezeto) { background-color: rgba(0, 0, 0, .6); }
body.simaszoveg article h3 { font-weight: 300; }
body.simaszoveg article .bevezeto { background-color: var(--color-yellow); }
body.simaszoveg article .bevezeto h4 { color: #fff; font-size: 22px; line-height: 28px; }
body.simaszoveg article .bevezeto h4::before { content: ''; width: 24px; height: 24px; border-radius: 4px; right: 0px; top: 0px;  background-color: #fff; display: block; margin-bottom: 15px; }
body.simaszoveg article .bevezeto img { height: 100%; width: 100%; object-fit: cover; object-position: center; }
body.simaszoveg article .body { margin-bottom: 50px; margin-top: 50px; }
body.simaszoveg article .body * { margin-bottom: 10px; text-transform: none; }

body.simaszoveg article .body h4 { font-size: 30px; line-height: 36px; font-weight: 800; color: var(--color-yellow); }
body.simaszoveg article.kivitelezes .body h4 { color: var(--color-tervezes-kivitelezes); }
body.simaszoveg article.informatika-irodatechnika .body h4 { color: var(--color-informatika-irodatechnika); }
body.simaszoveg article.belsoepiteszet .body h4 { color: var(--color-irodabutor); }
body.simaszoveg article.ingatlan-uzemeltetes .body h4 { color: var(--color-ingatlan-uzemeltetes); }

body.simaszoveg article .body ul:not(.unlist) { margin-top: 30px; margin-bottom: 30px; }
body.simaszoveg article .body ul:not(.unlist) li { margin-bottom: 20px; }
body.simaszoveg article .body ul:not(.unlist) li small { font-size: 18px; text-transform: none; }
body.simaszoveg article .body ul:not(.unlist) li p { font-size: 18px; position: relative; margin-bottom: 20px; padding: 0px; font-weight: 700; }
body.simaszoveg article .body ul:not(.unlist) li p::after { content: ''; width: 40px; height: 5px; position: absolute; left: 0px; bottom: -10px; background-color: var(--color-yellow); }
body.simaszoveg article.kivitelezes .body ul:not(.unlist) li p::after { background-color: var(--color-tervezes-kivitelezes); }
body.simaszoveg article.informatika-irodatechnika .body ul:not(.unlist) li p::after { background-color: var(--color-informatika-irodatechnika); }
body.simaszoveg article.belsoepiteszet .body ul:not(.unlist) li p::after { background-color: var(--color-irodabutor); }
body.simaszoveg article.ingatlan-uzemeltetes .body ul:not(.unlist) li p::after { background-color: var(--color-ingatlan-uzemeltetes); }

body.simaszoveg article .body ul.unlist { margin-top: 30px; margin-bottom: 30px; }
body.simaszoveg article .body ul.unlist li { position: relative; padding-left: 15px; }
body.simaszoveg article .body ul.unlist li:before { content: ""; position: absolute; width: 10px; height: 10px; background: #fff; top: 6px; left: 0; border-radius: 50%; border: 3px solid var(--color-yellow); }
body.simaszoveg article.kivitelezes .body ul.unlist li:before { border: 3px solid var(--color-tervezes-kivitelezes); }
body.simaszoveg article.informatika-irodatechnika .body ul.unlist li:before { border: 3px solid var(--color-informatika-irodatechnika); }
body.simaszoveg article.belsoepiteszet .body ul.unlist li:before { border: 3px solid var(--color-irodabutor); }
body.simaszoveg article.ingatlan-uzemeltetes .body ul.unlist li:before { border: 3px solid var(--color-ingatlan-uzemeltetes); }

body.simaszoveg article.kivitelezes .bevezeto { background-color: var(--color-tervezes-kivitelezes); }
body.simaszoveg article.informatika-irodatechnika .bevezeto { background-color: var(--color-informatika-irodatechnika); }
body.simaszoveg article.belsoepiteszet .bevezeto { background-color: var(--color-irodabutor); }
body.simaszoveg article.ingatlan-uzemeltetes .bevezeto { background-color: var(--color-ingatlan-uzemeltetes); }

/* **** 
			body.simaszoveg article .cover { border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 20px; height: 400px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; }
			body.simaszoveg article .cover h5, body.simaszoveg article .cover h1, body.simaszoveg article .cover h3 { position: relative; z-index: 2; }
			body.simaszoveg article .cover h5, body.simaszoveg article .cover h5 *, body.simaszoveg article .cover h3 { color: #fff; }
			body.simaszoveg article .cover::after { content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); position: absolute; top: 0px; left: 0px; z-index: 1; border-radius: 6px; }

			@media (max-width: 992px) {
				body.simaszoveg article .bevezeto { max-height: unset; }
				body.simaszoveg article .bevezeto img { height: auto; }
				body.simaszoveg article .cover::after { border-radius: unset; }
				body.simaszoveg article .cover { border-radius: unset; }
			}
			@media (max-width: 576px) {
				body.simaszoveg article h3 { font-size: 18px; line-height: 22px; }
				body.simaszoveg article h1 { font-size: 30px; line-height: 36px; }
			}
 **** */

@media (max-width: 1200px) {
	body.simaszoveg article .bevezeto h4 { font-size: 20px; line-height: 28px; }
}
@media (max-width: 768px) {
	body.simaszoveg article .bevezeto { max-height: unset; }
	body.simaszoveg article .bevezeto img { height: auto; }
}
@media (max-width: 576px) {
	body.simaszoveg article h1 { font-size: 30px; line-height: 36px; }
	body.simaszoveg article h3 { font-size: 18px; line-height: 22px; }
	body.simaszoveg article .bevezeto h4 { font-size: 16px; line-height: 22px; }
}





/* karrier */

body.karrier article h3 { font-weight: 300; }
body.karrier article .bevezeto { max-height: 450px; background-color: var(--color-yellow); }
body.karrier article .bevezeto h3 { color: #fff; }
body.karrier article .bevezeto h3::before { content: ''; width: 24px; height: 24px; border-radius: 4px; right: 0px; top: 0px;  background-color: #fff; display: block; margin-bottom: 15px; }
body.karrier article .bevezeto img { height: 450px; width: 100%; object-fit: cover; object-position: center; }
body.karrier article .body { margin-bottom: 50px; margin-top: 50px; }
body.karrier article .body * { margin-bottom: 10px; }

body.karrier article .body h6 { font-size: 26px; line-height: 32px; color: var(--color-default); }
body.karrier article .body h4 { font-size: 30px; line-height: 36px; font-weight: 800; color: var(--color-yellow); }
body.karrier article.kivitelezes .body h4 { color: var(--color-tervezes-kivitelezes); }
body.karrier article.informatika-irodatechnika .body h4 { color: var(--color-informatika-irodatechnika); }
body.karrier article.belsoepiteszet .body h4 { color: var(--color-irodabutor); }
body.karrier article.ingatlan-uzemeltetes .body h4 { color: var(--color-ingatlan-uzemeltetes); }

body.karrier article .download a { font-size: 12px; text-transform: uppercase; font-weight: 700; border: 1px solid var(--color-lightgray); border-radius: 6px; padding: 12px 17px 12px 17px; display: inline-flex; height: 40px; margin: 0px !important; align-items: center; }
body.karrier article .download a:hover { background-color: var(--color-lightgray);  }
body.karrier article .download i.bx { font-size: 20px; position: relative; top: -2px; margin: 0px; margin-right: 10px; }

body.karrier article .body li { position: relative; padding-left: 15px; font-size: 18px; }
body.karrier article .body li:before { content: ""; position: absolute; width: 10px; height: 10px; background: #fff; top: 6px; left: 0; border-radius: 50%; border: 3px solid var(--color-yellow);  }
body.karrier article.kivitelezes .body li:before { border: 3px solid var(--color-tervezes-kivitelezes); }
body.karrier article.informatika-irodatechnika .body li:before { border: 3px solid var(--color-informatika-irodatechnika); }
body.karrier article.belsoepiteszet .body li:before { border: 3px solid var(--color-irodabutor); }
body.karrier article.ingatlan-uzemeltetes .body li:before { border: 3px solid var(--color-ingatlan-uzemeltetes); }

body.karrier article figure { width: 100px; height: 100px; border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: 60%; position: absolute; top: 20px; right: 20px; z-index: 2; background-color: var(--color-yellow); }
body.karrier article.kivitelezes figure { background-color: var(--color-tervezes-kivitelezes); }
body.karrier article.informatika-irodatechnika figure { background-color: var(--color-informatika-irodatechnika); }
body.karrier article.belsoepiteszet figure { background-color: var(--color-irodabutor); }
body.karrier article.ingatlan-uzemeltetes figure { background-color: var(--color-ingatlan-uzemeltetes); }

body.karrier article .cover { border-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 20px; height: 400px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; }
body.karrier article .cover h5, body.karrier article .cover h1, body.karrier article .cover h3 { position: relative; z-index: 2; }
body.karrier article .cover h5, body.karrier article .cover h5 *, body.karrier article .cover h3 { color: #fff; }
body.karrier article .cover::after { content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); position: absolute; top: 0px; left: 0px; z-index: 1; border-radius: 6px; }

@media (max-width: 992px) {
	body.karrier article .bevezeto { max-height: unset; }
	body.karrier article .bevezeto img { height: auto; }
	body.karrier article .cover::after { border-radius: unset; }
	body.karrier article .cover { border-radius: unset; }
}
@media (max-width: 576px) {
	body.karrier article h3 { font-size: 18px; line-height: 22px; }
	body.karrier article h1 { font-size: 30px; line-height: 36px; }
}



/* vezetőség */

body.vezetoseg .lista img { height: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: top center; }
body.vezetoseg .lista .card { height: 220px; max-height: 220px; }
body.vezetoseg .lista h5 { font-weight: 900; font-size: 18px; line-height: 22px; text-transform: uppercase; }

@media (max-width: 992px) {
	body.vezetoseg .lista .card { height: unset; max-height: unset; }
	body.vezetoseg .lista img { width: 100%; height: auto; }
}



/* kapcsolat */

body.kapcsolat iframe { width: 100%; height: 100%; }


.hydroticum, .hydroticum * { font-weight: 700 !important; color: #009fe3 !important; }



/* footer */

footer .row > div:first-child { background-color: var(--color-default); }
footer .row > div:first-child p { font-size: 11px; font-weight: 300; color: #898989; }
footer .row > div:last-child { background-color: var(--color-yellow); }
footer .row > div:last-child a { font-size: 11px; font-weight: 300; color: var(--color-default); }
footer .row > div:last-child > div:first-child { margin-right: 50px; padding-right: 50px; border-right: 1px solid #fff; }
footer .social a { line-height: 1px; }
footer .social li:not(:first-child) { padding-left: 15px; }
footer .social a i { color: #fff; }
footer .logo { width: 182px; height: 46px; }

@media (max-width: 768px) {
	footer .row > div:last-child > div:first-child { margin-right: unset; padding-right: unset; border-right: unset; }
}


.footer-logok { background-color: #000; height: fit-content; padding: 15px; }
.footer-logok img { height: 100%; width: auto; max-height: 50px; }

/* barometer */

.barometer { position: relative; max-width: 550px; width: 100%; margin: 0px !important; padding: 0px !important; }
.barometer * { margin: 0px !important; padding: 0px !important; }
.barometer .mero { position: relative; z-index: 1; width: 100%; }
.barometer .mutato { position: absolute; z-index: 2; width: 66%; aspect-ratio: 1/1; transition: .5s; display: flex; justify-content: center; align-items: flex-start; left: 17%; bottom: -48%; }
.barometer .mutato img { height: 50%; position: relative; top: 15px; }
.barometer .mutato { transform: rotate(-90deg); }


.kerdoiv { position: relative; z-index: 3; }
.kerdoiv label.btn { font-size: 11px; background-color: var(--color-lightgray); border: .5px solid #fff; color: var(--color-default); height: fit-content; }
.kerdoiv label.btn:hover { background-color: var(--color-yellow); color: #fff; }
.kerdoiv .btn-check:active + .btn-primary, .kerdoiv .btn-check:checked + .btn-primary, .kerdoiv .btn-primary.active, .kerdoiv .btn-primary:active, .kerdoiv .show > .btn-primary.dropdown-toggle { background-color: var(--color-yellow); color: #fff; box-shadow: unset; border: .5px solid #fff; }

@media (max-width: 768px) {
	.barometer { width: 80%; }
	.kerdoiv .btn-group, .kerdoiv .btn-group-vertical { flex-direction: column; width: 100%; }
}

.kerdoiv [data-elem] { height: 0px; overflow: hidden; opacity: 0; transition: all .5s; }
.kerdoiv [data-elem].active { height: fit-content; overflow: unset; opacity: 1; }

.kerdoiv [data-step] { height: 0px; overflow: hidden; opacity: 0; transition: all .5s; }
.kerdoiv [data-step].active { height: fit-content; overflow: unset; opacity: 1; }

.kerdoiv [data-step] button[disabled] { opacity: .5; }

form[name="jelentkezes"] .lila h3 { color: #9D2FBA; }
form[name="jelentkezes"] .piros h3 { color: #FF1E00; }
form[name="jelentkezes"] .zold h3 { color: #42A51D; }
form[name="jelentkezes"] .kek h3 { color: #5340B0; }

.kerdoiv [data-elem="jelentkezes"] .content { display: none; }
.kerdoiv [data-elem="jelentkezes"].lila .content.L { display: block; }
.kerdoiv [data-elem="jelentkezes"].zold .content.Z { display: block; }
.kerdoiv [data-elem="jelentkezes"].piros .content.P { display: block; }
.kerdoiv [data-elem="jelentkezes"].kek .content.K { display: block; }


section.uzenet { position: relative; padding-top: 10px; padding-bottom: 10px; }





.progresses { display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative; }
.progresses .line { width: 100%; height: 1px; background: #d8d8d8; position: absolute; z-index: 1; }
.progresses [data-steppoint] { border-radius: 50%; width: 15px; height: 15px; position: relative; z-index: 2; border: 2px solid #d8d8d8; background-color: #fff; }
.progresses [data-steppoint].active { border: 2px solid var(--color-yellow); background-color: var(--color-yellow); }

.serial { font-size: 20px; color: #d8d8d8; }
.serial span { font-size: 26px; color: var(--color-default); }

.bg-images { background-image: url(../../images/bg-image.svg); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }